/* HTML Base Tags */
  b, strong{font-weight:700;} /*this may not be necessary at all*/
    
/* Classes */
  p.caption{font-size:16px;padding:0 1rem 1rem;}
  
  .date + h4{margin-top:0.5rem;}
  
  .photo{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);}
  a .photo img{transform:scale(1.1);transition:0.5s all;}
  a .photo:hover img{transform:scale(1.0);}
    
  .readmore{white-space:nowrap;}
  
  .section.gradient-top{background-image:linear-gradient(-180deg,#F5F5F5 0%,rgba(229,229,229,0.00) 30%);}
  .section.gradient-top + div:not(.dark).section{padding-top:0;}
  .section.gradient-bottom{background-image:linear-gradient(0deg,#F5F5F5 0%,rgba(229,229,229,0.00) 30%);}
  
  .hero-text p{font-size:22px;} /*to bump up base font size in a given section*/
  .hero-text p.social{font-size:18px;}
  
  blockquote{font-size:22px;margin:2rem 0;}
  blockquote > *{border-left:4px solid;padding-left:2rem;}
  blockquote > *[style*='center']{border-top:4px solid;border-bottom:4px solid;padding-top:2rem;padding-bottom:2rem;border-left:none;}
  blockquote > *[style*='right']{border-right:4px solid;padding-right:2rem;border-left:none;padding-left:2rem;}
  
  @media (max-width: 767px) { .hero-text p{font-size:18px;} }
  
/* Styles */
  div.black{background-color:#222222;}
  div.black .social-links{background-color:#222222;}
  div.black, div.primary, div.primaryDark{color:#ffffff;}
  div.black h1, div.black h2, div.black h3, div.black h4, div.black h5, div.black h6,
  div.primary h1, div.primary h2, div.primary h3, div.primary h4, div.primary h5, div.primary h6,
  div.primaryDark h1, div.primaryDark h2, div.primaryDark h3, div.primaryDark h4, div.primaryDark h5, div.primaryDark h6{color:#ffffff;}
  div.black a, div.primary a, div.primaryDark a{color:#ffffff;}
  div.black a.btn-ghost, div.primary a.btn-ghost, div.primaryDark a.btn-ghost{border-color:#ffffff;}
  div.black a.btn-ghost:hover, div.primary a.btn-ghost:hover, div.primaryDark a.btn-ghost:hover{background-color:#ffffff;border-color:#ffffff;}
  div.grey{background-color:#eeeeee;color:#1a1a1a;}
  div.grey .social-links{background-color:#eeeeee;}
  div.white{background-color:#ffffff;}
  div.white .social-links{background-color:#ffffff;}
  
/* Logo */
  #logo{float:left;max-width:240px;max-height:120px;}
  #logo *{display:block;}
  #logo svg{max-height:120px;max-width:100%;}
  #navbar.transparent:not(.open) #logo svg *{fill:#fff;}
  @media (max-width: 767px) {
    #logo{width:160px;}
    #logo svg{max-height:80px;max-width:100%;}
  }
  
/* Navbar */
  #navbar.transparent:not(.open){background-color:transparent;}
  #navbar .navbar a{color:#ffffff;}
  #navbar .navbar .btn a{padding:0.75em 1.5em;}
  #navbar .navbar span.menu-bars{display:inline-block;width:22px;height:1px;position:relative;top:-0.3em;transition:0.2s all;}
  #navbar .navbar span.menu-bars:before,
  #navbar .navbar span.menu-bars:after{content:'';display:inline-block;width:22px;height:1px;position:absolute;left:0;transition:0.2s all;}
  #navbar .navbar span.menu-bars:before{top:8px;}
  #navbar .navbar span.menu-bars:after{top:-8px;}
  #navbar .navbar span.menu-bars{background-color:#fff;}
  #navbar .navbar span.menu-bars:before,
  #navbar .navbar span.menu-bars:after{background-color:#fff;}
  
  #navbar.scrolled.white{box-shadow:0 0 10px rgba(0,0,0,0.1);}
  
  #navbar .navbar .btn .menubtn{padding:0.75em 0.8em;}
  #navbar .navbar .btn .menubtn svg{transform:scale(1.7);margin-bottom:-1px;}
  #navbar .navbar .btn .menubtn.open span.menu-bars{transform:rotate(45deg);}
  #navbar .navbar .btn .menubtn.open span.menu-bars:before{top:0px;transform:rotate(90deg);}
  #navbar .navbar .btn .menubtn.open span.menu-bars:after{top:0px;transform:rotate(90deg);}
  @media (max-width: 767px) { #navbar .navbar .btn a{font-size:16px;} }
  @media (max-width: 480px) {
    #navbar .navbar .btn a{padding:0.75em;}
    #navbar .max{padding:0 10px;}
  }
  
  #menu{overflow:auto;display:none;-webkit-overflow-scrolling:touch;}
  #menu a{display:block;font-size:24px;text-align:center;padding:20px;}
  #menu .social{display:flex;flex-direction:row;justify-content:center;}
  
/* Hero & Banner */
  #banner{display:block;}
  #banner .mobile-bg{display:none;}
  .nologo + #banner > *{padding-top:67px;}
  
  .halign-left .hero{padding-right:40%;}
  .halign-right .hero{padding-left:40%;}
  .halign-center .hero{padding-left:20%;padding-right:20%;}
  
  @media (max-width: 767px) {
    #banner.mobile-hide{display:none !important;}
    #banner.mobile-hide + *{padding-top:100px;}
    #banner.mobile-split{flex-direction:column;padding-bottom:0 !important;padding-top:0 !important;}
    #banner.mobile-split .mobile-bg{display:block;}
    #banner.mobile-split .bg{display:none;} /*in favor of inline image added*/
    #banner.mobile-split > .max{padding:0 30px;}
    #banner.mobile-split > *{padding-top:0px !important;}
    #banner.mobile-split .video-popup{position:absolute;min-height:60px;top: -30px;}
    #banner.mobile-split .video-popup:after{border:none;border-radius:30px;width:40px;padding:10px 7px 10px 13px;font-size:40px;line-height:40px;opacity:1;}
    #banner.mobile-split .right-text .video-popup{left:10%;}
    #banner.mobile-split .center-text .video-popup{margin-left:-30px;left:50%;}
    #banner.mobile-split .right-text .video-popup{right:10%;}
    #banner.mobile-split .hero{padding-bottom:20px;padding-top:20px;}
        
    .halign-left .hero{padding-right:20%;}
    .halign-right .hero{padding-left:20%;}
    .halign-center .hero{padding-left:10%;padding-right:10%;}
  }
  @media (max-width: 480px) {
    .halign-left .hero{padding-right:0%;}
    .halign-right .hero{padding-left:0%;}
    .halign-center .hero{padding-left:0%;padding-right:0%;}
    
  }
  
  .valign-top .wrapper{align-items:stretch;}
  .valign-middle .wrapper{align-items:center;}
  .valign-bottom .wrapper{align-items:flex-end;}
  
  .pad-standard .hero{padding-bottom:10%;padding-top:10%;}
  .pad-thin .hero{padding-bottom:5%;padding-top:5%;}
  .pad-thick .hero{padding-bottom:15%;padding-top:15%;}
  
  .valign-top.pad-standard .hero{padding-bottom:20%;padding-top:0;}
  .valign-top.pad-thin .hero{padding-bottom:6%;padding-top:0;}
  .valign-top.pad-thick .hero{padding-bottom:30%;padding-top:0;}
  
  .valign-bottom.pad-standard .hero{padding-bottom:0;padding-top:20%;}
  .valign-bottom.pad-thin .hero{padding-bottom:0;padding-top:6%;}
  .valign-bottom.pad-thick .hero{padding-bottom:0;padding-top:30%;}
  
  @media (max-width: 480px) {
    .valign-bottom.pad-standard .hero{padding-top:30%;}
    .valign-bottom.pad-thin .hero{padding-top:9%;}
    .valign-bottom.pad-thick .hero{padding-top:45%;}
  }
  
    
/* Single */
  .share{font-size:20px;margin-left:-10px;}
  .share a{padding:10px;}
    
/* Footer */
  #footer{font-size:14px;padding:2rem 0 2rem;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;}
  #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{font-size:24px;padding:1.5rem 2rem;list-style-type:none;text-align:center;display:inline;}
  #footer .social-links li{display:inline-block;}
  #footer .social-links li a{display:inline-block;padding:7px;}
  #footer .social-links li a:hover{transform:scale(1.2);}
  #footer .disclaimer{border-radius:2px;margin:2rem auto;}
  #footer .wrapper > p,
  #footer .fine-print,
  #footer .disclaimer,
  #footer .legal-menu{opacity:0.7;}
  #footer .legal-menu{-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;}
  #footer .footer-menu{font-size:18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  
/* Home */
  body.home{font-size:20px;}
  
  .donate-section{padding:6rem 0;}
  .donate-options{margin:2rem 0;line-height:4rem;}
  
  #meet .span8{margin-bottom:2rem;}
  @media (min-width: 768px) and (max-width: 979px) {
    #meet [class*="span"]{display: block;float: none;width: auto;margin:1rem 0;}
    #meet .row{flex-direction:column;margin-left: 0;}
    #meet .placeholder{margin:0;}
  }
  
  @media (max-width: 767px) {
    body.home{font-size:18px;}
    .donate-section{font-size:18px;padding:3rem 0 4rem;}
  }
  
  .flex-item h4{margin:1.5rem 0 1rem;}
  
/* Box */
  .box{box-shadow:0 0 10px rgba(0,0,0,0.1);overflow:hidden;position:relative;}
  .box .box-bg{position:absolute;top:0;left:0;right:0;bottom:0;}
  .box .media{border-radius:0;box-shadow:none;position:relative;margin-bottom:0em;}
  .box .content{padding:1rem 2rem;}
  
/* Posts Archive */
  
  ul.category_list{font-size:22px;margin-left:-1rem;list-style-type:none;padding:0;}
  ul.category_list li{display:inline-block;white-space:nowrap;}
  ul.category_list li a{padding:1rem;}
  ul.category_list li.current-cat a{color:#ccc !important;}
  
  .date{font-size:14px;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;}
  .tags{font-size:14px;color:#999;text-transform:capitalize;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;}
  .photo + .content .categories{margin:0;position:absolute;top:1rem;left:1rem;}
  .sharing{font-size:24px;}
  .sharing a{margin-right:0.5em;}
  
  .item .box{position:relative;width:100%;}
  .item .box .photo{border-radius:0;box-shadow:none;}
  .item .box .content{background-color:#fff;}
  
  .categories li a{font-size:18px;}
  
  @media (max-width: 767px) {
    .items{display:block;}
  }
    
/* 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;}
  
/* Misc */
  .video-popup{display:inline-block;min-height:104px;outline:none;position:relative;}
  .video-popup:after{border:2px solid;border-radius:52px;content:'\25BA';display:inline-block;font-family:'Arial', monospace;text-align:center;width:80px;padding:11px 3px 9px 17px;transition:0.2s all;font-size:70px;line-height:80px;opacity:0.8;transition:0.2s all;}
  .video-popup:hover:after{opacity:1;}
  
  @media (max-width: 480px) {
    .video-popup{min-height:76px;}
    .video-popup:after{width:56px;padding:9px 3px 7px 13px;font-size:50px;line-height:56px;}
  }
  
/* BUILDER settings */
    
  /* Section Classes */
    .section a:not(.btn){text-decoration:underline}
    
    .full-height{box-sizing:border-box;min-height:100vh;}
    .full-height .max,
    .full-height .wrapper{display:flex;justify-content: space-around;}
    
    .pad-thin{padding-bottom:1rem;padding-top:1rem;}
    .pad-standard{padding-bottom:4rem;padding-top:4rem;}
    .pad-thick{padding-bottom:6rem;padding-top:6rem;}
    
    .white-text,
    .white-text *{color:#fff;}
    .white-text a:not(.btn){color:#fff;}
    .white-text a:not(.btn):hover{color:#fff;}
    .white-text a.video-popup{color:#fff;}
    
    .black-text,
    .black-text *{color:#000;}
    .black-text a:not(.btn){color:#000;}
    .black-text a:hover{color:#000;}
    .black-text a.video-popup{color:#000;}
    
    .color-links a:hover{text-decoration:none !important;}
    
    .mobile-section{display:none !important;}
    .desktop-section{display:flex !important;}
     
     @media (max-width: 767px) {
       .pad-thin{padding-bottom:1rem;padding-top:1rem;}
       .pad-standard{padding-bottom:3rem;padding-top:3rem;}
       .pad-thick{padding-bottom:5rem;padding-top:5rem;}
       
       .mobile-section{display:flex !important;}
       .desktop-section{display:none !important;}
     }
     
   /* Content */
    .blocks{display:flex;flex-direction:row;margin:-20px;position:relative;}
    .blocks .block{flex:1;}
    .blocks .block .block-padding{padding:20px;height: 100%;box-sizing: border-box;}
    
    .blocks .block hr{height:4px;margin:2rem auto;width:50px;}
    .blocks .block .box{display: flex;flex-direction: column;height: 100%;}
    .blocks .block .box .content{position:relative;}
    
    @media (max-width: 767px) {
      .blocks{display:block;}
      .blocks .block{padding:10px;} /* 3/5/19 mat - no idea what this is for */
    }
    
    .media{box-shadow:0 2px 5px rgba(0,0,0,0.2);display:block;overflow:hidden;text-align:center;margin-bottom:2em;}
    .media img{display:block;}
    .media .caption{background-color:rgba(0,0,0,0.05);font-size:16px;font-style:italic;opacity:0.7;padding:0.5rem 1rem;}
    .media a{border-radius:0;}
    .media .video-popup{color:#fff;display:block;}
    .media .video-popup:after{margin-top:-52px;margin-left:-52px;left:50%;position:absolute;top:50%;}
    .media .video-popup img{transform:scale(1.1);transition:0.5s all;}
    .media .video-popup:hover img{transform:scale(1.0);}
    
  /* Gallery */
    .gallery-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin:0 -5px;position:relative;}
    .gallery-container a{display:block;padding:5px;overflow:hidden;}
    .gallery-container a img{display:block;width: 100%; height: auto;}
    .gallery-container .photo{position:relative;}
    .gallery-container .photo p.caption{background-color:rgba(0,0,0,0.5);color:#fff;margin:0;padding:5px 10px;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);transition:0.3s all;}
    .gallery-container .photo:hover p.caption{transform:translateY(0);}
    
    .mfp-counter{color:#fff;font-size:14px;}
    
    @media screen and (max-width:480px) {
      .gallery-container a{flex:1 !important;}
    }