/*!
Theme Name: stormwater
Theme URI: http://underscores.me/
Author: Bizango
Author URI: https://bizango.com
Description: Custom theme for Washington Stormwater Center
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wsc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

stormwater is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
- Typography
- Colors
- Utility
- Header
  - Navigation
  - Sub-header
- Components
  - Large Nav
  - Fancy Slider
  - Announcement
  - Hero Image
  - One Column
  - Two Column Layout A
  - Two Column Layout B
  - Explore Archive
  - Featured Project
  - Projects List
  - Project Hero Image
  - Two Column Layout C
  - Two Column Layout D
  - Simple Slider
  - Category News
  - Permit Selector
  - Permit Steps
  - Resources Search
- Footer
  - Navigation
- WordPress
  - Default Content Elements
  - WP Editor
--------------------------------------------------------------*/
/* Typography */
body {
  font-family: benton-sans, sans-serif;
  font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: benton-sans, sans-serif;
}
.wsc-font-size--11 {
  font-size: 0.6875rem;
}
.wsc-font-size--10 {
  font-size: 0.625rem;
}
.wsc-font-size--12 {
  font-size: 0.75rem;
}
.wsc-font-size--13 {
  font-size: 0.8125rem;
}
.wsc-font-size--14 {
  font-size: 0.875rem;
}
.wsc-font-size--16 {
  font-size: 1rem;
}
.wsc-font-size--18 {
  font-size: 1.125rem;
}
.wsc-font-size--21 {
  font-size: 1.3125rem;
}
.wsc-font-size--22 {
  font-size: 1.375rem;
}
.wsc-font-size--30 {
  font-size: 1.875rem;
}
.wsc-font-weight--300 {
  font-weight: 300;
}
.wsc-font-weight--400 {
  font-weight: 400;
}
.wsc-font-weight--500 {
  font-weight: 500;
}
.wsc-font-weight--600 {
  font-weight: 600;
}
.wsc-font-weight--700 {
  font-weight: 700;
}
.wsc-letter-spacing--20 {
  letter-spacing: 0.02em;
}
.wsc-letter-spacing--40 {
  letter-spacing: 0.04em;
}
.wsc-letter-spacing--50 {
  letter-spacing: 0.05em;
}
.wsc-letter-spacing--80 {
  letter-spacing: 0.08em;
}
.wsc-letter-spacing--100 {
  letter-spacing: 0.1em;
}
.wsc-letter-spacing--200 {
  letter-spacing: 0.2em;
}
.wsc-line-height--1-4 {
  line-height: 1.4;
}
.wsc-line-height--1-6 {
  line-height: 1.6;
}
.wsc-text-transform--uppercase {
  text-transform: uppercase;
}
.wsc-small-icon {
  font-size: 0.8em;
}
/* used for rich text blocks */
.wsc-headers--bold h1,
.wsc-headers--bold h2,
.wsc-headers--bold h3,
.wsc-headers--bold h4,
.wsc-headers--bold h5,
.wsc-headers--bold h6 {
  font-weight: 700;
}
.wsc-default-type h1,
.wsc-default-type h4,
.wsc-default-type h5 {
  font-weight: 600;
}
.wsc-default-type h1 {
  letter-spacing: 0.05em;
}
.wsc-default-type h2,
.wsc-default-type h3 {
  font-weight: 700;
}
.wsc-default-type h2 {
  letter-spacing: 0.04em;
}
.wsc-default-type h4,
.wsc-default-type h5 {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.wsc-default-type h4 {
  font-size: 1rem;
}
.wsc-default-type h5,
.wsc-default-type h6 {
  font-size: 0.625rem;
}
@media screen and (min-width: 40em) {
  
  .wsc-default-type h1 {
    font-size: 2.5rem;
  }
  .wsc-default-type h2 {
    font-size: 1.875rem;
  }
  .wsc-default-type h3 {
    font-size: 1.3125rem;
  }
}
.wsc-alternate-type h1,
.wsc-alternate-type h2,
.wsc-alternate-type h3,
.wsc-alternate-type h4,
.wsc-alternate-type h5,
.wsc-alternate-type h6 {
  font-weight: 600;
}
.wsc-alternate-type p {
  font-size: 0.875rem;
  font-weight: 300;
}
@media only screen and (min-width: 40em){

  .wsc-alternate-type h5 {
    font-size: 1.375rem;
  }
}

/* Colors */
.wsc-bg-color--transparent {
  background-color: transparent;
}
.wsc-bg-color--light-gray {
  background-color: #fafafa;
}
.wsc-bg-color--dark-blue {
  background-color: #0d3b53;
}
.wsc-bg-color--dark-blue a {
  color: #7eb9cc;
}
.wsc-bg-color--green {
  background-color: #79a138;
}
.wsc-bg-color--green a {
  color: #ffffff;
}
.wsc-bg-color--blue-black {
  background-color: #2c3643;
}
.wsc-color--white {
  color: #ffffff;
}
.wsc-color--green {
  color: #78a22f;
}
.wsc-color--blue {
  color: #0f728e;
}
.wsc-color--blue-too {
  color: #0d3b5b;
}
.wsc-color--blue-the-third {
  color: #0086aa;
}
.wsc-color--baby-blue {
  color: #7eb9cc;
}
.wsc-color--blue-black {
  color: #2c3643;
}
.wsc-link-color--white a {
  color: #ffffff;
}
.wsc-link-color--green a {
  color: #78a22f;
}
.wsc-link-color--light-blue a {
  color: #00718f;
}
.wsc-link-color--baby-blue a {
  color: #7eb9cc;
}
.wsc-link-color--blue-black a {
  color: #2c3643;
}
.wsc-default-type {
  color: #0d3654;
}
.wsc-headers--blue h1,
.wsc-headers--blue h2,
.wsc-headers--blue h3,
.wsc-headers--blue h4,
.wsc-headers--blue h5,
.wsc-headers--blue h6 {
  color: #0d3b5b;
}
.wsc-headers--green h1,
.wsc-headers--green h2,
.wsc-headers--green h3,
.wsc-headers--green h4,
.wsc-headers--green h5,
.wsc-headers--green h6 {
  color: #78a22f;
}

/* Utility */
.wsc-bg-img {
  background-position: center;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-theme--light {
  color: #ffffff;
}
.wsc-theme--dark {
  color: #000000;
}
.wsc-button--play {
  border: 3px solid #ffffff;
  border-radius: 50%;
  font-size: 2em;
  line-height: 1.4;  
  padding: 0;
  text-align: center;
}
.wsc-button--play,
.wsc-button--play:focus,
.wsc-button--play:hover {
  background-color: #79a138;
}
.wsc-button--rounded {
  padding: 0.78125rem 1em;
  border: 1px solid #ffffff;
  border-radius: 1.25rem;
}
.wsc-button--rounded,
.wsc-button--rounded:focus,
.wsc-button--rounded:hover {
  background-color: #2c3643;
}
.wsc-button--rounded--green,
.wsc-button--rounded--green:focus,
.wsc-button--rounded--green:hover {
  background-color: #78a22f;
}
.wsc-card {
  border: 0;
}
.wsc-card .card-section {
  padding-left: 0;
  padding-right: 0;
}
.wsc-loading {
  position: relative;
}
.wsc-loading:after {
  background-color: rgba(255,255,255,0.5);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-pagination {
  display: inline-block;
}
.wsc-pagination li {
  font-size: 0.625rem;
}
.wsc-pagination__padding-hook {
  padding: .1875rem .625rem;
}
.wsc-vis-hidden {
  visibility: hidden;
}
.wsc-next,
.wsc-previous {
  background-color: rgba(121,161,56,0.7);
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-size: 1.25rem;
  height: 2.25rem;
  padding: 0;
  transition: background-color 0.25s linear;
  width: 2.25rem;
}
.wsc-next:focus,
.wsc-next:hover,
.wsc-previous:focus,
.wsc-previous:hover {
  background-color: rgba(121,161,56,1);
}
.wsc-next {
  right: 20px;
}
.wsc-previous {
  left: 20px;
}
.wsc-hard-crop--img {
  height: 0;
  padding-bottom: 75%;
  position: relative;
}
.wsc-hard-crop--img > img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 40em){

  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-margin-bottom--0 {
    margin-bottom: 0;
  }
}
.wsc-media-object-section:first-child {
  padding-right: 2.4rem;
}
/* additional margin & padding classes to augment foundation */
.margin-top-4 {
    margin-top: 4rem!important
}
.margin-bottom-4 {
    margin-bottom: 4rem!important
}
.margin-top-5 {
    margin-top: 5rem!important
}
.margin-bottom-5 {
    margin-bottom: 5rem!important
}
.margin-top-6 {
    margin-top: 6rem!important
}
.margin-bottom-6 {
    margin-bottom: 6rem!important
}
.margin-top-7 {
    margin-top: 7rem!important
}
.margin-bottom-7 {
    margin-bottom: 7rem!important
}
.margin-top-8 {
    margin-top: 8rem!important
}
.margin-bottom-8 {
    margin-bottom: 8rem!important
}
.margin-top-9 {
    margin-top: 9rem!important
}
.margin-bottom-9 {
    margin-bottom: 9rem!important
}
.margin-top-10 {
    margin-top: 10rem!important
}
.margin-bottom-10 {
    margin-bottom: 10rem!important
}
.padding-top-4 {
    padding-top: 4rem!important
}
.padding-bottom-4 {
    padding-bottom: 4rem!important
}
.padding-top-5 {
    padding-top: 5rem!important
}
.padding-bottom-5 {
    padding-bottom: 5rem!important
}
.padding-top-6 {
    padding-top: 6rem!important
}
.padding-bottom-6 {
    padding-bottom: 6rem!important
}
.padding-top-7 {
    padding-top: 7rem!important
}
.padding-bottom-7 {
    padding-bottom: 7rem!important
}
.padding-top-8 {
    padding-top: 8rem!important
}
.padding-bottom-8 {
    padding-bottom: 8rem!important
}
.padding-top-9 {
    padding-top: 9rem!important
}
.padding-bottom-9 {
    padding-bottom: 9rem!important
}
.padding-top-10 {
    padding-top: 10rem!important
}
.padding-bottom-10 {
    padding-bottom: 10rem!important
}
iframe[width] {
  aspect-ratio: 16 / 9;
  height: auto;
  max-width: 100%;
}

/* Header */
.wsc-site-header {
  padding-bottom: 8px;
  padding-top: 9px;
}
@media only screen and (min-width: 87.5em){

  .wsc-site-header__max-width-hook {
    max-width: 85.1875rem;
  }
  .wsc-site-header__margins-hook {
    margin-left: 4.4rem;
  }
}
.wsc-site-branding {
  max-width: 90px;
  position: relative;
  top: -7px;
  z-index: 9;
}
.wsc-site-branding > *:first-child {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 64em){

  .wsc-site-branding {
    max-width: 158px;
  }
}
body.home .wsc-site-branding {
  display: none;
}

/* Header: Navigation */
.wsc-site-navigation--header .wsc-icon-permit a,
.wsc-site-navigation--header .wsc-icon-lid a,
.wsc-site-navigation--header .wsc-icon-emerging-technologies a,
.wsc-site-navigation--header .wsc-icon-research a {
  vertical-align: middle;
}
.wsc-site-navigation--header .wsc-icon-permit a:before,
.wsc-site-navigation--header .wsc-icon-lid a:before,
.wsc-site-navigation--header .wsc-icon-emerging-technologies a:before,
.wsc-site-navigation--header .wsc-icon-research a:before {
  background-size: contain;
  content: '';
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.wsc-site-navigation--header .wsc-icon-permit a:before {
  background-image: url('./images/icon-permit@2x.png');
  height: 24px;
  width: 21px;
}
.wsc-site-navigation--header .wsc-icon-lid a:before {
  background-image: url('./images/icon-lid@2x.png');  
  height: 23px;
  width: 22px;
}
.wsc-site-navigation--header .wsc-icon-emerging-technologies a:before {
  background-image: url('./images/icon-emerging-technologies@2x.png');
  height: 24px;
  width: 25px;
}
.wsc-site-navigation--header .wsc-icon-research a:before {
  background-image: url('./images/icon-research@2x.png');
  height: 19px;
  width: 27px;
}
@media only screen and (min-width: 77.5em){

  .home .wsc-site-header__margins-hook {
    margin-left: 0;
  }
  .home .wsc-site-branding__wrap {
    display: none;
  }
  .home .wsc-site-navigation--header > .grid-x {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;            
  }
}
@media only screen and (min-width: 87.5em){

  .wsc-site-navigation--header .menu li {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }  
}
.wsc-site-navigation--header .menu .current-menu-item a {
  color: #ffffff;
  font-weight: 700;
}
@media only screen and (max-width: 39.9375em){

  .wsc-search {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
@media only screen and (min-width: 40em){

  .wsc-search a {
    line-height: 2.8;
  }
}
@media only screen and (min-width: 77.5em){

  .home .wsc-search a {
    line-height: 3.7;
  }
}

/* Header: Sub-header */
.wsc-sub-header {
  position: relative;
}
.wsc-sub-header:before {
  background-color: #0d3b5b;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-sub-header .grid-container {
  max-width: 80rem;
}
@media only screen and (min-width: 40em){

  body:not(.attachment) .wsc-sub-header { /* attachments don't have hero images */
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .wsc-sub-header:before {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 64em){

  .wsc-sub-header li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 5px;
    padding-top: 9px;
  }
  .wsc-sub-header li:last-child {
    border-right: 0;
  }
}

/* Components */
/* Components: Large Nav */
.wsc-large-navigation {
  border-bottom: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
}
.wsc-large-navigation .menu-item {
  list-style-type: none;
}
@media only screen and (max-width: 39.9375em){

  .wsc-large-navigation .menu-item {
    border-bottom: 1px solid #ffffff;
  }
  .wsc-large-navigation .menu-item:last-child {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 40em){

  .wsc-large-navigation .menu-item {
    border-right: 1px solid #ffffff;
  }
  .wsc-large-navigation .menu-item:last-child {
    border-right: 0;
  }
}
.wsc-large-navigation .wsc-icon-permit,
.wsc-large-navigation .wsc-icon-lid,
.wsc-large-navigation .wsc-icon-emerging-technologies,
.wsc-large-navigation .wsc-icon-research {
  background-size: cover;
  padding-top: 5.4em;
}
.wsc-large-navigation .wsc-icon-permit {
  background-image: url('./images/lg-primary-nav-bg-permit.jpg');
}
.wsc-large-navigation .wsc-icon-lid {
  background-image: url('./images/lg-primary-nav-bg-lid.jpg');  
}
.wsc-large-navigation .wsc-icon-emerging-technologies {
  background-image: url('./images/lg-primary-nav-bg-emerging-technologies.jpg');
}
.wsc-large-navigation .wsc-icon-research {
  background-image: url('./images/lg-primary-nav-bg-research.jpg');
}
.wsc-large-navigation__icon {
  background-size: contain;
  height: 58px;
  margin: 0 auto 2.4em;
  width: 58px;
}
@media only screen and (min-width: 64em){

  .wsc-large-navigation__icon {
    height: 117px;
    width: 117px;
  }
}
.wsc-icon-permit .wsc-large-navigation__icon {
  background-image: url('./images/icon-permit-lg@2x.png');
}
.wsc-icon-lid .wsc-large-navigation__icon {
  background-image: url('./images/icon-lid-lg@2x.png');  
}
.wsc-icon-emerging-technologies .wsc-large-navigation__icon {
  background-image: url('./images/icon-emerging-technologies-lg@2x.png');
}
.wsc-icon-research .wsc-large-navigation__icon {
  background-image: url('./images/icon-research-lg@2x.png');
}
.wsc-large-navigation__title {
  line-height: 1.1;
}
@media only screen and (min-width: 40em){
  
  .wsc-large-navigation__title {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 64em){

  .wsc-large-navigation__title {
    font-size: 1.875rem;
  }
}
.wsc-large-navigation__button {
  background-color: transparent;
  color: #ffffff;
  font-size: 1.125rem;
  margin-bottom: 3.8em;
  margin-top: 2.4em;
  max-width: 234px;
  position: relative;
  width: 100%;
}
.wsc-large-navigation__button:focus, 
.wsc-large-navigation__button:hover {
  background-color: transparent;
  color: #fefefe;
}
.wsc-large-navigation__button:before {
  border: 1px solid #ffffff;
  border-radius: 1.4375rem;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-icon-permit .wsc-large-navigation__button:before {
  background-color: #00718f;
}
.wsc-icon-lid .wsc-large-navigation__button:before {
  background-color: #394b8e;
}
.wsc-icon-emerging-technologies .wsc-large-navigation__button:before {
  background-color: #78a22f;
}
.wsc-icon-research .wsc-large-navigation__button:before {
  background-color: #cfaa18;
}

/* Components: Fancy Slider */
.wsc-fancy-slider__background img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.wsc-fancy-slider__background.darken-photo {
  background-color: #000;
}
.wsc-fancy-slider__background.darken-photo img {
  opacity: 0.6;
}
.wsc-fancy-slider__foreground {
  position: relative;
}
.wsc-fancy-slider__slide {
  min-height: 100%;
}
@media only screen and (min-width: 64em){

  .wsc-fancy-slider__slide {
    min-height: 476px;
  }
  .wsc-fancy-slider__foreground {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
  }
}
@media only screen and (min-width: 77.5em){
  
  .wsc-fancy-slider__slide {
    min-height: 654px;
  }
}
@media only screen and (max-width: 77.4375em){

  .wsc-fancy-slider__foreground {
    padding-bottom: 1em;
    padding-top: 1em;
  }
}
@media only screen and (max-width: 63.9375em){

  .wsc-fancy-slider__aux-image,
  .wsc-fancy-slider__main-content,
  .wsc-fancy-slider__video-wrap {
    margin-bottom: 0.75em;
  }
  .wsc-fancy-slider__aux-image img {
    max-width: 106px;
  }
  .wsc-fancy-slider__main-content,
  .wsc-fancy-slider__video-wrap {
    text-align: center !important;
  }

}
.wsc-fancy-slider__main-content h1,
.wsc-fancy-slider__main-content h2,
.wsc-fancy-slider__main-content h3,
.wsc-fancy-slider__main-content h4,
.wsc-fancy-slider__main-content h5,
.wsc-fancy-slider__main-content h6 {
  letter-spacing: 0.05em;
  line-height: 1;
}
.wsc-fancy-slider__main-content h1 {
  font-weight: 700;
}
.wsc-fancy-slider__main-content h2,
.wsc-fancy-slider__main-content h3,
.wsc-fancy-slider__main-content h4 {
  font-weight: 600;
}
/* buttons */
.wsc-fancy-slider__main-content a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.9375rem 1em;
  border: 1px solid transparent;
  border-radius: 1.5625rem;
  -webkit-transition: background-color .25s ease-out,color .25s ease-out;
  transition: background-color .25s ease-out,color .25s ease-out;
  font-family: 'Khand', sans-serif;
  font-size: 1.25rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #78a22f;
  color: #fefefe;  
  text-transform: uppercase;
  min-width: 206px;
}
@media only screen and (min-width: 64em){

  .wsc-fancy-slider__main-content h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 77.5em){

  .wsc-fancy-slider__main-content h1 {
    font-size: 3.75rem;
  }
}
.wsc-fancy-slider__video-title {
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 40em){

  .wsc-fancy-slider__video-wrap {
    text-align: right;
  }
  .wsc-fancy-slider__video-wrap > * {
    display: inline-block;
    vertical-align: middle;
  }
}
.wsc-fancy-slider__navigation {
  margin-bottom: 0;
  margin-top: 0;
}
.wsc-fancy-slider__navigation button,
.wsc-fancy-slider__navigation button:hover,
.wsc-fancy-slider__navigation button.is-active {
  background-color: transparent;
}
.wsc-fancy-slider__navigation button {
  border-radius: 0;
  color: #ffffff;
  height: auto;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  padding: 1em 0;
  width: 100%;
}
.wsc-fancy-slider__navigation button:focus {
  outline: 0;
}
@media only screen and (min-width: 64em){

  .wsc-fancy-slider__navigation {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
  .wsc-fancy-slider__navigation .grid-x {
    border-top: 1px solid rgba(255,255,255,0.3);
  }
  .wsc-fancy-slider__navigation button {
    border-top: 5px solid transparent;
  }
  .wsc-fancy-slider__navigation button.is-active {
    border-top: 5px solid #ffffff;
  }
}
@media only screen and (max-width: 63.9375em){

  .wsc-fancy-slider__navigation {
    background-color: #0d3b53;
    border-top: 1px solid rgba(255,255,255,0.3)
  }
  .wsc-fancy-slider__navigation .grid-container {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto;
  }
  .wsc-fancy-slider__navigation button {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0.5em 0;
  }
  .wsc-fancy-slider__navigation button.is-active {
    background-color: #79a138;
  }
}
@media only screen and (min-width: 77.5em){

  .wsc-fancy-slider__navigation {
    bottom: 23px;
  }
  .wsc-fancy-slider__navigation button {
    padding: 1.5em 0;
  }
}

/* Component: Announcement */
.wsc-announcement {
  background-color: #6d932b;
}
.wsc-announcement__image-column,
.wsc-announcement__text_column {
  padding-bottom: 2.4em;
}
.wsc-announcement__image-column {
  padding-top: 2.2em;
}
.wsc-announcement__text_column {
  padding-top: 3em;
}
.wsc-announcement__image-column {
  text-align: center;
}
.wsc-announcement__image-column img {
  max-width: 17em;
}
@media only screen and (min-width: 64em){

  .wsc-announcement__image-column {
    text-align: right;
  }
}
.wsc-announcement__text_column {
  max-width: 40em;
}
.wsc-announcement__text_column h1,
.wsc-announcement__text_column h2,
.wsc-announcement__text_column h3,
.wsc-announcement__text_column h4 {
  font-weight: 700;
  letter-spacing: 0.02em;
}
.wsc-announcement__text_column a {
  color: #f1d04f;
  font-weight: 700;
}
.wsc-announcement__text_column p a:first-child:last-child:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\2192';
  font-size: 0.8em;
}
.wsc-announcement__bg-image-hook {
  padding-right: 20px;
  position: relative;
}
.wsc-announcement__bg-image-hook:before  {
  bottom: 0;
  content: '';
  left: -0.625rem;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('./images/announcement-bg.jpg');
  background-size: cover;
}
@media only screen and (max-width: 63.9375em){

  .wsc-announcement__bg-image-hook:before  {
    right: -0.625rem;
  }
}

/* Components: Latest Research & News */
.wsc-latest-posts {
  padding-bottom: 2.4em;
  padding-top: 4.5em;
}
.wsc-latest-posts__header-container {
  margin-bottom: 2.3em;
}
.wsc-latest-posts__cateogories {
  margin-bottom: 0.4em;
  padding-top: 0.6em;
}
.wsc-latest-posts__post-title {
  margin-bottom: 0.1em;
}
.wsc-latest-posts__post-date {
  margin-bottom: 1.2em;
}
.wsc-latest-posts__posts-container {
  margin-bottom: 2.8em;
}

/* Components: Hero Image */
.wsc-hero-image {
  position: relative;
}
.wsc-hero-image__background img {
  max-height: 490px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.wsc-hero-image__foreground {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.wsc-hero-image__foreground .grid-container {
  max-width: 69rem;
}
.wsc-hero-image__foreground .grid-x {
  border-top: 1px solid rgba(255,255,255,0.3);
  position: relative;
}
.wsc-hero-image__foreground .grid-x:after {
  background-color: #ffffff;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  top: -5px;
  width: 22.1311%;
}
.wsc-hero-image__title {
  padding-top: 11px;
}
@media screen and (min-width: 40em) {
  
  .wsc-hero-image__foreground {
    bottom: 17px;
  }
  .wsc-hero-image__title {
    font-size: 2.5rem;
  }
}

/* Components: One Column */
.wsc-one-column-layout {
  padding-bottom: 41px;
  padding-top: 61px;
}

/* Components: Two Column Layout A */
.wsc-two-column-layout-a {
  padding-bottom: 5.3em;
  padding-top: 6.2em;
}
.wsc-two-column-layout-a__column-1 p {
  line-height: 1.2
}
@media only screen and (min-width: 64em){

  .wsc-two-column-layout-a__column-1 {
    text-align: right;
  }
}

/* Components: Two Column Layout B */
.wsc-two-column-layout-b {
  color: #093a5c;
  padding-bottom: 60px;
  padding-top: 65px;
}

/* Components: Two Column Layout D */
/* Components: Two Column Layout Even */
.wsc-two-column-layout-d,
.wsc-two-column-layout-even {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

/* Components: Explore Archive */
.wsc-explore-archive {
  padding-bottom: 33px;
  padding-top: 61px;
}
@media only screen and (min-width: 64em){

  .wsc-explore-archive__padding-hook > .cell {
    padding-left: 1.71875rem;
    padding-right: 1.71875rem;
  }
}

/* Components: Featured Project */
.wsc-featured-project__background img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.wsc-featured-project__content-background-hook {
  padding-right: 20px;
  padding-top: 37px;
  position: relative;
}
.wsc-featured-project__content-background-hook:before {
  background-color: #6d932b;
  bottom: 0;
  content: '';
  left: -999px;
  opacity: 0.95;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-featured-project__foreground {
  padding-bottom: 88px;
  padding-top: 88px;
}
@media screen and (min-width: 40em) {
  
  .wsc-featured-project__title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 64em) {
  
  .wsc-featured-project__content-background-hook {
    padding-right: 100px;
  }
}

/* Components: Projects List */
.wsc-projects-list {
  padding-bottom: 40px;
  padding-top: 70px;
}
.wsc-projects-list__project {
  border-bottom: 1px solid rgba(3,17,27,0.1)
}
.wsc-projects-list__project:last-child {
  border-bottom: 0;
}
.wsc-projects-list .wsc-hard-crop--img {
  padding-bottom: 65.9509%
}
.wsc-projects-list__category-icon {
  display: inline-block;
}
.wsc-projects-list__category-icon img {
  max-width: 50%;
}
.wsc-projects-list__category-name {
  border-left: 5px solid #0f728e;
  padding-left: 0.75rem;
}
.page-template-page_project-archive .wsc-projects-list__project .wsc-meta--date,
.page-template-page_research-archive .wsc-projects-list__project .wsc-meta--client {
  display: none;
}

/* Components: Project Hero Image */
.wsc-project-hero-image {
  position: relative;
}
.wsc-project-hero-image__background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.wsc-project-hero-image__foreground {
  background-color: rgba(13,59,91,0.8);
}
@media only screen and (min-width: 40em){

  .wsc-project-hero-image__foreground {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .wsc-project-hero-image__foreground--no-image {
    position: relative;
  }
}
.wsc-project-hero-image__foreground .grid-x {
  min-height: 70px;
}
@media only screen and (min-width: 64em){

/*  .wsc-project-hero-image__breadcrumbs {
    position: absolute;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
  }
*/}

/* Components: Two Column Layout C */
.wsc-two-column-layout-c {
  color: #2c3643;
  padding-bottom: 62px;
  padding-top: 59px;
}

/* Components: Two Column Layout D */
@media only screen and (min-width: 40em){

  .wsc-two-column-layout-d {
    padding-bottom: 124px !important;
    padding-top: 111px !important;
  }
}

/* Components: Simple Slider */
.wsc-simple-slider {
  padding-bottom: 50px;
  padding-top: 72px;
}
.wsc-simple-slider__slide {
  min-height: 100%;
}
.wsc-simple-slider__slide {
  text-align: center;
}
.wsc-simple-slider__img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Components: Category News */
.wsc-category-news {
  background-color: #ededed;
}
.wsc-category-news__header {
  background-color: #6d932b;
  padding-bottom: 27px;
  padding-top: 38px;
  position: relative;
  text-align: center;
}
.wsc-category-news__header:before {
  background-color: #6d932b;
  bottom: 0;
  content: '';
  left: -999px;
  position: absolute;
  right: 0;
  top: 0;
}
.wsc-category-news__sub-header {
  opacity: 0.6;
}
@media only screen and (min-width: 64em){

  .wsc-category-news__header {
    padding-right: 52px;
    text-align: right;
  }
  .wsc-category-news .wsc-offset {
    padding-left: 1.5625rem;
  }
}

/* Components: Permit Selector */
.wsc-permit-selector {
  padding-top: 44px;
}
.wsc-permit-selector__items {
  border-bottom: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
}
.wsc-permit-selector__item {
  background-size: cover;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media only screen and (max-width: 39.9375em){

  .wsc-permit-selector__item {
    border-bottom: 4px solid #ffffff;
  }
  .wsc-permit-selector__item:last-child {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 40em){

  .wsc-permit-selector__item {
    border-right: 4px solid #ffffff;
  }
  .wsc-permit-selector__item:last-child {
    border-right: 0;
  }
}
@media only screen and (min-width: 64em){

  .wsc-permit-selector__item {
    padding-bottom: 127px;
    padding-top: 172px;
  }
}
.wsc-permit-selector__general-permits {
  background-color: #0d3b53;
  padding-bottom: 45px;
  padding-top: 45px;
}
@media only screen and (min-width: 40em){

  .wsc-permit-selector__general-permits-padding-hook {
    padding-left: 2.6em !important;
    padding-right: 2.6em !important;
  }
}
.wsc-permit-selector__more-button {
  background-color: #78a22f;
  border: 2px solid #ffffff;
  border-radius: 1.125em;
  color: #ffffff; 
  min-width: 158px;
  padding: 0.5em;
}

/* Component: Permit Steps */
.wsc-permit-steps {
  padding-bottom: 69px;
  padding-top: 69px;
}
@media only screen and (min-width: 40em){
  
  .wsc-permit-steps {
    padding-bottom: 143px;
  }
}
.wsc-permit-steps__step-image {
  display: inline-block;
  margin-right: 21px;
  position: relative;
}
.wsc-permit-steps__step-image img {
  border: 2px solid #00718f;
  border-radius: 50%;
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 170px;
}
.wsc-permit-steps__step-image-number {
  background-color: #00718f;
  border: 2px solid #ededed;
  border-radius: 50%;
  height: 49px;
  line-height: 45px; /* height - borders */
  position: absolute;
  right: -21px;
  top: 11px;
  width: 49px;
}
.wsc-permit-steps__min-width {
  min-width: 279px;
}

/* Component: Resources Search */
.wsc-resources-search {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

/* Footer */
.wsc-footer-nav {
  background-image: url('./images/footer-bg.jpg');
  background-position: center;
  background-size: cover;
  padding-bottom: 2.8em;
  padding-top: 3em;
}
.wsc-footer-nav__logo {
  max-width: 151px;
}
.wsc-footer-nav .menu-footer-top-container {
  margin-bottom: 1em;
  padding-top: 2em;
}
.wsc-footer-nav__channel-logo {
  max-width: 142px;
}

/* Footer: Navigation */
.wsc-footer-bottom-menu .menu-item:after {
  background-color: #ffffff;
  content: '';
  display: inline-block;
  height: 0.75rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}
.wsc-footer-bottom-menu .menu-item:last-child:after {
  content: none;
}
.wsc-social-menu a {
  padding: 0.7rem;
}
.wsc-social-menu .menu-item:before {
  content: none;
}

/* WordPress */
/* WordPress: Default Content Elements */
.type-page {
  padding-bottom: 64px;
  padding-top: 37px;
}
.type-project {
  padding-bottom: 72px;
}

/* WordPress: WP Editor */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}