@import url('//fonts.googleapis.com/css?family=Lora:400,400i,700,700i');
@import url('//fonts.googleapis.com/css?family=Montserrat:300');
@import url('//fonts.googleapis.com/css?family=Roboto:300');

/* General */
  html, body{color:#666666;font-family:'Lora', serif;font-weight:400;}
  
  b, strong{font-weight:800;}
  
  h1,h2,h3,h4,h5,h6{color:#3C5BA9;font-family:'Montserrat', 'Helvetica Neue', sans-serif;font-weight:300;}
  
  h2{font-size:44px;}
  h3{font-size:32px;}
  h4{font-size:26px;}
  
  @media (max-width: 767px) {
    h2{font-size:32px;}
    h3{font-size:24px;}
    h4{font-size:20px;}
  }
  
  a{color:#EE3623;}
  a:hover{color:navy;}
  
  a.btn, .post-categories a{background-color:#EE3623; color:#fff;border-radius:3px;border:1px solid #EE3623;}
  a.btn:hover, .post-categories a:hover{background-color:#3C5BA9;border-color:#3C5BA9;}
  a.btn-ghost{border-color:#fff;}
  
  h4 a{color:#3C5BA9;}
  h4 a:hover{color:#EE3623;}
  
  .darkblue{background-color:#202941;}
  .darkblue *{color:#fff;}
    
  .section{padding:4rem 0;}
  .section.gradient-top{background-image:linear-gradient(-180deg,#F5F4EA 0%,rgba(229,229,229,0.00) 30%);}
  .section.gradient-top + div:not(.darkblue).section{padding-top:0;}
  .section.gradient-bottom{background-image:linear-gradient(0deg,#F5F4EA 0%,rgba(229,229,229,0.00) 30%);}
  @media (max-width: 767px) {
    .section{padding:2rem 0;}
  }
  
  .date + h4{margin-top:0.5rem;}
  
  input{font-size:18px !important;border-radius:3px;}
  input[type="submit"]{background-color:#EE3623; color:#fff;border:1px solid #EE3623;}
  input[type="submit"]:hover{background-color:#3C5BA9;border-color:#3C5BA9;}
  
  p.caption{position:absolute;margin:0;}
  p.caption em{display:inline-block;font-size:16px;padding:1rem 1rem;}
  @media ( max-width: 767px ) {
    p.caption{position:relative;}
  }
  
  .photo{border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:block;overflow:hidden;}
  .photo img{display:block;width:100%;height:auto;}
  a.photo img{transform:scale(1.1);transition:0.5s all;}
  a.photo:hover img{transform:scale(1.0);}
    
/* Navbar */
  #logo{margin:0;float:left;width:75px;}
  #logo *{display:block;}

  #navbar{font-family:'Montserrat', 'Helvetica Neue', sans-serif;}
  #navbar,
  #navbar a{color:#fff;}
  
  /*.page-template-page-email-capture #navbar,*/
  #navbar.scrolled,
  #navbar.open{background-color:rgba(32,41,65,1);}
  
  #navbar .navbar .btn a{background-color:#EE3623;border-radius:3px;color:#fff;padding:0.75em 1.5em;border:1px solid #EE3623;}
  #navbar .navbar .btn a:hover{background-color:#3C5BA9;border-color:#3C5BA9;}
  #navbar .navbar .btn-ghost a{border-color:#fff !important;}
  @media (max-width: 767px) {
    #navbar .navbar .btn a{font-size:16px;}
  }
  
  #navbar #menubtn{padding:0.75em 0.8em;}
  #navbar #menubtn svg{transform:scale(1.7);margin-bottom:-1px;}
  
  #menu{display:none;}
  #menu a{display:block;font-size:24px;text-align:center;padding:20px;}
  #menu .social{display:flex;flex-direction:row;justify-content:center;}
  @media (max-width: 767px ) {
    #menu .social{justify-content:space-evenly;}
  }
  
  span.menu-bars{display:inline-block;width:22px;height:1px;background-color:#fff;position:relative;top:-7px;transition:0.2s all;}
  span.menu-bars:before,
  span.menu-bars:after{content:'';display:inline-block;width:22px;height:1px;background-color:#fff;position:absolute;left:0;transition:0.2s all;}
  span.menu-bars:before{top:8px;}
  span.menu-bars:after{top:-8px;}
  
  #navbar #menubtn.open span.menu-bars{transform:rotate(45deg);}
  #navbar #menubtn.open span.menu-bars:before{top:0px;transform:rotate(90deg);}
  #navbar #menubtn.open span.menu-bars:after{top:0px;transform:rotate(90deg);}
  
/* Banner */
  #banner{background-color:#222;color:#fff;}
  #banner *{color:#fff;}
  @media (max-width: 767px) {
    #banner{padding-top:100%;}
    #banner #bg {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: initial;
      opacity: 1!important;
      padding-top: 100%;
      width: 100%;
    }
  }
  
  #hero{padding-bottom:5%;padding-top:30%;font-size:22px;}
  #hero h2{margin-bottom:1rem;}
  #hero .subtitle p{margin-top:0;}
  #hero .pxl-horizontal{text-align:left !important;margin-left:-8px !important;}
  @media (max-width: 767px) {
    #hero{padding-top:5%;background-color:#222222;}
    #hero h2{margin-top:0;}
    #hero p{margin-bottom:0;}
  }
  @media ( max-width: 641px ) {
    #hero .pxl-horizontal{text-align:center !important;}
  }
  
  #bg{background-color:#000;}

/* Single */
  .share{font-size:18px;margin-left:-10px;}
  .share a{padding:10px;}
  
/* Footer */
  #footer{background-color:#3C5BA9;color:#fff;font-size:15px;padding:2rem 0 4rem;}
  #footer a{color:#fff;}
  #footer a:hover{text-decoration:underline;}
  #footer p a{font-weight:700;}
  
  #footer .center-text{margin-top:-2.5rem;margin-bottom:2rem;}
  #footer .social-links{background-color:#3C5BA9;font-size:24px;padding:1.5rem 2.5rem;list-style-type:none;text-align:center;display:inline;}
  #footer .social-links li{display:inline-block;}
  #footer .social-links li a{padding:5px;}
  
  #footer .disclaimer{border-radius:2px;margin:2rem auto;opacity:0.75;}
  
/* Home */
  body.home{font-size:20px;}
  
  .donate-section{font-size:20px;padding:6rem 0 8rem;}
  .donate-options{margin:2rem 0;line-height:4rem;}
  .donate-options a.btn{font-size:19px;margin:0 2px;}
  .donate-options a.btn-ghost{font-family:'Roboto', sans-serif;font-size:18px;}
  .donate-options a.btn.donate{padding:0.6em 1.25em;}
  
  .flex-item h4{margin:1.5rem 0 1rem;}
  
  #about{margin-top:1em;}
  
/* Posts Archive */
  .items{display:flex;flex-direction:row;}
  .post-teaser{border:1px solid #787878;box-sizing:border-box;padding:30px;}
  .post-teaser h4{font-weight:bold;margin-bottom:.5em;}
  .post-teaser .share{margin:1em 0;}
  .post-teaser .share a:first-child{padding-left:0;}
  .post-teaser .readmore{text-transform:uppercase;}
  .post-teaser .post-categories, .categories{display:flex;flex-direction:row;flex-flow: wrap;list-style:none;margin:0;padding:0;}
  .post-teaser .post-categories li, .categories li{padding:0;}
  .post-teaser .post-categories li + li, .categories li + li{margin-left:.5em;}
  .post-teaser .post-categories li a, .categories li a{border-radius:0;text-transform:uppercase;font-size:small;font-weight:bold;padding:0.25em .5em;}
  .post-teaser .post-categories + h4{margin-top:.5em;}
  .post-title{margin-top:0;}
  .categories li a{font-size:18px;}
  
  @media (max-width: 767px) {
    .items{display:block;}
    .post-teaser{padding:15px;font-size:14px;}
    .post-teaser h4{font-size:22px;}
    .categories{justify-content:center;}
  }
  
/* Tweet */
  .tweet{display:flex;flex-direction:row;overflow:hidden;}
  .tweet p{margin:0;padding:0 .5em;text-align:center;}
  .tweet p svg path{fill:#ccc;}
  .tweet a{margin:0;text-align:center;}
  .tweet a+p{padding-left:1em;}
  
/* Twitter */
  .tweet-wide{border-radius:3px;border:1px solid #EE3623;box-sizing:border-box;margin-bottom:4%;padding:2rem 2rem;}
  .tweet-wide a{color:#EE3623;}
  .tweet-wide .tweet-content{font-size:18px;margin-top:0;}
  .tweet-wide .avatar{border-radius:50%;margin-right:1rem;overflow:hidden;float:left;}
  .tweet-wide .avatar img{display:block;}
  .tweet-wide .date{opacity:0.5;font-size:14px;}
  .tweet-wide .bottom{display:flex;}
  .tweet-wide .bottom > *{flex:1;}
  .tweet-wide .bottom .actions{text-align:right;align-self:flex-end;}
  
  @media (max-width: 767px) {
    .tweet-wide{padding:1rem;width:100%;}
    .tweet-wide:nth-child(even){margin-left:0%;}
  }
  
/* Facebook */
  #cff.cff-default-styles .cff-author .cff-author-text *{font-weight:normal;}
  #cff.cff-default-styles .cff-author a,
  #cff .cff-media-link a,
  #cff .cff-post-links a{color:#EE3623;}
  #cff.cff-default-styles a:hover, #cff.cff-default-styles a:focus{text-decoration:none;}
  #cff.cff-default-styles .cff-post-links a{font-size:14px;}
  
  #cff .cff-author .cff-author-text *{margin-left:65px;}
  #cff .cff-author .cff-date{color:#666666;font-size:14px;opacity:0.5;}
  #cff .cff-author{bottom:2rem;float:none;left:2rem;margin:0;position:absolute;width:100%;}
  #cff .cff-author-img{width:48px;}
  #cff .cff-author-img img{border-radius:100%;width:100%;height:100%;}
  #cff .cff-header svg{display:none;}
  #cff .cff-header, #cff .cff-header span{line-height:120% !important;}
  #cff .cff-header{margin:2rem 0;}
  #cff .cff-item{border-radius:3px;border:1px solid #EE3623!important;box-sizing:border-box;float:none;margin-bottom:4%;overflow:hidden;padding:2rem 2rem 6em 2rem;position:relative;}
  #cff .cff-post-links{bottom:2rem;position:absolute;right:2rem;}
  
  @media (max-width: 767px) {
    #cff .cff-item{padding:1rem 1rem 5rem;}
    #cff .cff-author{bottom:1rem;left:1rem;}
    #cff .cff-post-links{bottom:1rem;right:1rem;}
  }
  
/* Interstitial */
  .interstitial {
    background: #333f71;
    box-sizing: border-box;
    color:#fff;
    margin: 20px auto;
    max-width: 600px;
    padding: 30px;
    position: relative;
    width: auto;
  }
  .interstitial h3{color:#fff;}
  .interstitial .closebutton{color:#fff;position:absolute;top:1em;right:1em;}