@import url('https://fonts.googleapis.com/css?family=Spectral:300,300i,400,600');

/* General */
  html, body{color:rgba(0,0,0,0.7);font-family:'Spectral', serif;font-weight:400;}
  
  h1,h2,h3,h4,h5,h6{color:#000;font-family:'brandon-grotesque', 'Helvetica Neue', sans-serif;letter-spacing:0.1em;text-transform:uppercase;font-weight:bold;}
  
  b, strong{font-weight:600;}
  
  a{color:#009245;}
  a:hover{color:#00b857;}
  a.btn,
  a.wp-block-button__link,
  input[type="submit"]{background-color:#009245;border-radius:10px;color:#fff;font-family:'brandon-grotesque', 'Helvetica Neue', sans-serif;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;}
  a.btn:hover,
  a.wp-block-button__link:hover,
  input[type="submit"]:hover{background-color:#00b857;}
  
  .wp-block-button.is-style-outline .wp-block-button__link{border-color:#009245;color:#009245;}
  .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:#00b857;color:#ffffff;}
  
  .btn.btn-plain{background-color:transparent;color:#009245;padding-left:0;padding-right:0;}
  .btn.btn-plain:hover{background-color:transparent;color:#00b857;}
  
  .error{color:red;}
  
  .section.green{background-color:#e5f6ec;}
  
/* Navbar */
  #logo{max-width:9.7rem;min-width:9.7rem;margin:0;float:left;}
  #logo *{display:block;}
  
  #navbar{font-family:'brandon-grotesque', 'Helvetica Neue', sans-serif;font-size:1.8rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:bold;}
  #navbar,
  #navbar a{color:#fff;}
  
  #navbar.scrolled,
  #navbar.open{background-color:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,0.1);}
  #navbar.scrolled a,
  #navbar.open a{color:#009245;}
  #navbar.scrolled a:hover,
  #navbar.open a:hover{color:#00b857;}
  #navbar.scrolled #logo svg *,
  #navbar.open #logo svg *{fill:#000 !important;}
  
  #navbar .navbar .btn a{background-color:red;color:#fff;padding:0.75em 1em;}
  
  #menu{display:none;}
  #menu a{display:block;font-size:24px;text-align:center;padding:20px;}

/* Banner */
  #banner{background-color:#222;color:#fff;}
  #banner *{color:#fff;}
  
  #banner .hero{margin-top:85px;padding-bottom:5%;padding-top:5%;}
  #banner .hero:empty{padding-top:12%;}
  
  #bg{background-color:#000;white-space:nowrap;}
  #bg img{height:100%;opacity:0.7;width:auto;}

/* Single */
  .content h2,.content h3,.content h4{font-family:'Spectral', serif;font-weight:400;letter-spacing:0;text-transform:none;}
  
  .content blockquote{border-left:0.5rem solid #b9dfc8;color:#000;font-size:1.5rem;font-style:italic;line-height:110%;padding-left:1rem;}
  .content blockquote > *{}
  .content blockquote p{line-height:110%;}
  .content blockquote cite{font-size:1rem;}
  
  .share{font-size:18px;margin-left:-10px;}
  .share a{padding:10px;}
  
  .photo{box-shadow:0 0 6px rgba(0,0,0,0.15);overflow:hidden;}
  .photo img{display:block;}
  a.photo img{transform:scale(1.05);transition:0.5s all;}
  a.photo:hover img{transform:scale(1.0);}
  a .photo img{transform:scale(1.05);transition:0.5s all;}
  a .photo:hover img{transform:scale(1.0);}
  
/* Home */
  .section.green{overflow:hidden;padding-bottom:0;}
  
  .sheet{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:1.5rem 1.5rem;}
  .sheet h4 span{color:#009245;}
  
  #scopestats{color:#000;font-family:'brandon-grotesque', 'Helvetica Neue', sans-serif;text-transform:uppercase;}
  #scopestats .icon{font-size:2.9rem;}
  #scopestats .label{letter-spacing:0.1em;line-height:100%;}
  #scopestats .number{font-size:1.5rem;font-weight:bold;line-height:100%;}
  
  #statgrid{position:relative;}
  #statgrid:before,
  #statgrid:after{content:'';background-color:#e6e6e6;display:block;position:absolute;}
  #statgrid:before{bottom:20px;left:50%;top:20px;width:1px;}
  #statgrid:after{height:1px;top:50%;left:20px;right:20px;}
  #statgrid .icon{float:left;margin-right:1rem;}
  #statgrid .item{padding-top:2rem;padding-bottom:2rem;}
  
  .districts #statgrid{display:flex;}
  .districts #statgrid .itemgrid{align-items:center;width:150%;}/*width overkill ensures it expands with negative margin*/
  .districts #statgrid:before,
  .districts #statgrid:after,
  .districts #statgrid .taxes,
  .districts #statgrid .exports{display:none;}
    
  #statbox{display:flex;text-align:center;}
  #statbox .shadowbox{display:flex;padding:2rem;position:relative;width:100%;}
  #statbox .shadowbox:before{content:'';border:4px solid #000;top:0;bottom:0;right:0;left:0;position:absolute;z-index:2;}
  #statbox .shadowbox:after{content:'';border:14px solid #b9dfc8;top:0;bottom:0;right:0;left:0;position:absolute;transform:translate(8px,8px);z-index:1;}
  #statbox .shadowbox .centerinner{margin:auto;}
  #statbox .icon{margin:0 auto 0.5rem;}
  
  .spread{display:flex;justify-content:space-between;align-items:center;}
  .spread h4{margin:0;}
  .spread .area{display:flex;align-items:center;}
  .spread .area .select-container{margin-left:1em;}
  
  #map{cursor:pointer;min-height:500px;margin-bottom:10px;position:relative;}
  #map .gm-style:after,
  #map .gm-style:before{content:'';pointer-events:none;height:5rem;position:absolute;width:100%;z-index:4;}
  #map .gm-style:after{bottom:0;background-image:linear-gradient( to top,rgba(229,246,236,1) 0%,rgba(229,246,236, 0.738) 19%,rgba(229,246,236, 0.541) 34%,rgba(229,246,236, 0.382) 47%,rgba(229,246,236, 0.278) 56.5%,rgba(229,246,236, 0.194) 65%,rgba(229,246,236, 0.126) 73%,rgba(229,246,236, 0.075) 80.2%,rgba(229,246,236, 0.042) 86.1%,rgba(229,246,236, 0.021) 91%,rgba(229,246,236, 0.008) 95.2%,rgba(229,246,236, 0.002) 98.2%,rgba(229,246,236, 0) 100%);}
  #map .gm-style:before{top:0;background-image:linear-gradient( to bottom,rgba(229,246,236,1) 0%,rgba(229,246,236, 0.738) 19%,rgba(229,246,236, 0.541) 34%,rgba(229,246,236, 0.382) 47%,rgba(229,246,236, 0.278) 56.5%,rgba(229,246,236, 0.194) 65%,rgba(229,246,236, 0.126) 73%,rgba(229,246,236, 0.075) 80.2%,rgba(229,246,236, 0.042) 86.1%,rgba(229,246,236, 0.021) 91%,rgba(229,246,236, 0.008) 95.2%,rgba(229,246,236, 0.002) 98.2%,rgba(229,246,236, 0) 100%);}
  #map .gm-style > div.gmnoprint{z-index:5 !important;}
  #map .controlButtons{bottom:14px!important;}
  
  @media (max-width: 979px) {
    #map{min-height:400px;}
    #statgrid,
    #statbox{min-width:100%;}
    #statgrid .item{padding-left:5%;}
  }
  @media (max-width: 480px) {
    .spread{flex-direction:column;}
    .spread .area h4{flex:0 1 100%;}
    .spread .area .select-container{flex:1 0 35%;margin:0;}
    #statgrid .item{min-width:100%;}
    #statgrid .item + .item{border-top:1px solid #e6e6e6;}
    #statgrid:before,
    #statgrid:after{display:none;}
  }
  
  .section.grey{background-color:#eeeeee;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:3rem;}
  
  #resources{margin:0 auto;}
  .resources .resource{position:relative;}
  .resources .resource a{display:block;}
  .resource h5{font-family:'Spectral',serif;font-weight:400;letter-spacing:0;text-transform:none;margin:0.5rem 0 0;}
  .owl-theme .owl-dots .owl-dot:focus{outline:none;}
  
  #sharebox{border-top:1px solid #e6e6e6;}
  #sharebox h6{margin-bottom:0;}
  #sharebox a{display:inline-block;padding:10px;}
  #sharebox a:first-child{margin-left:10px;}
  #sharebox a > *{pointer-events:none;}
  #sharebox .icon{color:inherit;}
  #sharebox .icon svg{position:static;}
  
/* Footer */
  #footer{background-color:#333333;color:rgba(255,255,255,0.5);padding:3rem 0;}
  #footer .footer-menu{font-family:'brandon-grotesque', 'Helvetica Neue', sans-serif;letter-spacing:0.1em;list-style-type:none;padding:0;text-transform:uppercase;font-weight:bold;}
  #footer .footer-menu li{display:inline;}
  #footer .footer-menu li a{padding:1rem;}