/*!
Theme Name: Living Cities
Theme URI: http://ghostnoteagency.com/
Author: Phill Mamula
Author URI: http://www.ghostnoteagency.com
Description: 2021 Theme for Living Cities - created by Ghost Note Agency
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: livingcities
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.

Living Cities is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/


@font-face {
    font-family: 'AvantGrade Bold';
    src: url('fonts/ITCAvantGardeStd Bold.woff2') format('woff2'),
         url('fonts/ITCAvantGardeStd Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvantGrade Book Bold';
    src: url('fonts/avantgardedemibt-webfont.woff2') format('woff2'),
         url('fonts/avantgardedemibt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvantGrade Book';
    src: url('fonts/avantgardebookbt-webfont.woff2') format('woff2'),
         url('fonts/avantgardebookbt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentoSans Regular';
    src: url('fonts/bentonsans_regular-webfont.woff2') format('woff2'),
         url('fonts/bentonsans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BentoSans Bold';
    src: url('fonts/bentonsans_bold-webfont.woff2') format('woff2'),
         url('fonts/bentonsans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BentoSans Wide';
    src: url('fonts/bentonsanswideregular-regular-webfont.woff2') format('woff2'),
         url('fonts/bentonsanswideregular-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Global
-------------------------------------------------------------- */
body {
	background: #fcfaf2;
	color: #1a2126;
  	font-family: 'BentoSans Regular', helvetica;
  	font-size: 17px;
  	line-height: 1.8em;
}
label, .accent { 
  	font-family: 'BentoSans Wide', helvetica;
  	text-transform: uppercase;
    letter-spacing: 0.06em;
}
strong, b { 
    font-family: 'BentoSans Bold', helvetica;
    font-weight: normal;
}
h1, h2, h3, h4 {
    font-family: 'AvantGrade Bold', arial;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0 0 1vh;
}
h1 { font-size: 5em; }
h2 { font-size: 4.25em; }
h3 { font-size: 3.5em; }
h4 { font-size: 2.5em; }
p { margin: 0 0 2vh; }
ul,li { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
a, a:link, a:visited { 
    cursor: pointer;
	color: #0a7a7d; 
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
a:hover { color: #fa913d; }
button { cursor: pointer; }
video:focus,
input:focus,
button:focus {outline:0; cursor: pointer;}
img { margin-bottom: -10px; }
textarea,
select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/* Colors */
.evergreen { color: #0a7a7d; }
.turquoise { color: #47c2c7; }
.amber { color: #fa913d; }
.rust { color: #e54f42; }
.ivory { color: #fcfaf2; }

.evergreen-bg { background-color: #0a7a7d; }
.turquoise-bg { background-color: #47c2c7; }
.amber-bg     { background-color: #fa913d; }
.rust-bg      { background-color: #e54f42; }
.ivory-bg     { background-color: #fcfaf2; }

/* Structure */
.post, .page,
.page-content, .entry-content, .entry-summary { margin: 0; }

#section {
    min-height: 75vh;
    display: flex;
    align-items: center;
    position: relative;
}
.container {
    width: 80vw;
    max-width: 1600px;
    position: relative;
    margin: 0 auto;
}

/* CTA Buttons */
a.outline-cta {
    color: #e54f42;
    border: 2px solid #e54f42;
    padding: 12px 50px;
    display: table;
    margin: 5vh 0 2vh;
    border-radius: 50px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
}
a.outline-cta:hover {
    background: #e54f42;
    color: #fcfaf2;
}


/* =Header
-------------------------------------------------------------- */

header#masthead {
    margin: 0;
    background: #fffefc;
}

/* Logo */
header#masthead .site-branding {
    padding: 2vh 0;
    margin-left: 10vw;
}
header#masthead .site-branding svg { width: 100%; max-width: 190px; height: auto; }
header#masthead h1.site-title {
    margin: 0;
}
header#masthead h1.site-title {
    margin: 0;
    font-size: 1em;
}
header#masthead h1.site-title a{
    display: block; width: 100%; height: auto;
}

/* Navigation */
header#masthead nav#site-navigation {
    border-top: 1px solid rgba(0,0,0,0.1);
}
header#masthead .main-navigation ul.nav-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
header#masthead .main-navigation ul.nav-menu li { 
    flex: 1; 
    text-align: center; 
    border-right: 1px solid rgba(0,0,0,0.1); 
    border-bottom: 5px solid rgba(0,0,0,0.1); 
}
header#masthead .main-navigation ul.nav-menu li:last-of-type { border-right: 0; }
header#masthead .main-navigation ul.nav-menu li a {
    font-family: 'AvantGrade Bold', arial;
    color: #1a2126;
    text-transform: uppercase;
    transition: none;
    padding: 20px 20px 15px;
}
header#masthead .main-navigation ul.nav-menu ul.sub-menu {
    background: #0d9ec7;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 5px solid rgba(0,0,0,0.1);
}
header#masthead .main-navigation ul.nav-menu ul.sub-menu li:hover ul.sub-menu {
    position: relative;
    background: rgba(0,0,0,0.1);
    box-shadow: none;
}

header#masthead .main-navigation ul.nav-menu li.work { position: static; }
header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu { 
    display: flex; 
    justify-content: space-between; 
    flex-direction: row; 
    position: absolute; 
    top: 180px; 
    width: 100%;
}
header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu li { 
    position: relative; 
    flex: 1; 
    border-bottom: none; 
    border-right: 1px solid rgba(0,0,0,0.1);
}
header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu li ul.sub-menu {
    display: block;
    position: static;
    background: transparent;
    box-shadow: none;
    border-top: 1px solid;
    top: 0;
    flex-direction: column;
    opacity: 1;
}
header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu li ul.sub-menu li { border-right: none; }

/* Dropdown Coloring */
header#masthead .main-navigation ul.nav-menu li.blog:hover { background: #FCFAF2; }
header#masthead .main-navigation ul.nav-menu li.work:hover { background: #47c2c7; }
header#masthead .main-navigation ul.nav-menu li.about:hover { background: #FA913D; }
header#masthead .main-navigation ul.nav-menu li.resources:hover { background: #e54f42; }
header#masthead .main-navigation ul.nav-menu li.community:hover { background: #0d9ec7; }
header#masthead .main-navigation ul.nav-menu li.contact:hover { background: #ffbf36; }

header#masthead .main-navigation ul.nav-menu li.blog ul.sub-menu { background: #FCFAF2; }
header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu { background: #47c2c7; }
header#masthead .main-navigation ul.nav-menu li.about ul.sub-menu { background: #FA913D; }
header#masthead .main-navigation ul.nav-menu li.resources ul.sub-menu { background: #e54f42; }
header#masthead .main-navigation ul.nav-menu li.community ul.sub-menu { background: #0d9ec7; }
header#masthead .main-navigation ul.nav-menu li.contact ul.sub-menu { background: #ffbf36; }

header#masthead .main-navigation ul.nav-menu li.initiatives { background: #47c2c7; }
header#masthead .main-navigation ul.nav-menu li.issues { background: #abbf3d; }

header#masthead .main-navigation ul.nav-menu ul.sub-menu li { flex: 1 0 100%; border: none;}
header#masthead .main-navigation ul.nav-menu ul.sub-menu li a {
    width: 100%;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}
header#masthead .main-navigation ul.nav-menu ul.sub-menu li a:hover { background: rgba(0,0,0,0.1); color: #fffefc; }
header#masthead .main-navigation ul.nav-menu li.external a:after {
    opacity: 0.3;
    font-family: 'FontAwesome', serif;
    content: '\f35d';
    font-size: 0.85em;
    line-height: 1em;
    margin-left: 15px;
    margin-top: -9px;
    position: absolute;
    top: 34px;
}

/* Search Overlay */
header button.toggle {
    position: absolute;
    right: 10vw;
    top: -5px;
    border: none;
    background: transparent;
    z-index: 99;
    padding: 30px;
}
header button.toggle:before {
    content: '\f002';
    font-family: 'FontAwesome',helvetica;
    font-size: 2em;
}
#fullwidth.search-overlay button.toggle:before {
    content: '\f00d';
    font-family: 'FontAwesome',helvetica;
    color: #333b3e;
    font-size: 2em;
}
#fullwidth.search-overlay button.toggle { border: none; }
.search-overlay h4.widget-title {
    color: #0a7a7d;
    font-size: 1.2em;
}
#fullwidth.search-overlay input[type="search"] {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    background: transparent;
    width: 40vw;
    padding: 10px;
    color: #1a2126;
}
#fullwidth.search-overlay input::placeholder { color: #1a2126; }

button.toggle.search-icon {
    color: #fcfaf2;
    background: #0d9ec7;
    border-radius: 0 0 50px 50px;
    padding: 32px 30px 22px;
    font-size: 0.64em;
    right: 10vw;
}
#fullwidth.search-overlay {
    background-color: #0d9ec7;
    max-height: 0;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0, 1, 0.1, 1);
}
#fullwidth.search-overlay.show { 
    max-height: 10vh;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.1, 1); 
}
#fullwidth.search-overlay { opacity: 0; pointer-events: none; }
#fullwidth.search-overlay input {
    font-family: 'BentoSans Regular', helvetica;
}
#fullwidth.search-overlay.show {
    opacity: 1;
    pointer-events: all;
    position: relative;
    z-index: 999;
}
#fullwidth.search-overlay section.widget_search {
    padding: 25px 0;
    margin: 0;
    display: flex;
    align-items: center;
}
#fullwidth.search-overlay section.widget_search h4.widget-title {
    color: #fcfaf2;
    font-size: 1.5em;
    margin: 0 2vw 0 5vw;
}
#fullwidth.search-overlay input[type="submit"] {
    cursor: pointer;
    border: none;
    border: 1px solid #1a2126;
    border-radius: 50px;
    background: transparent;
    color: #1a2126;
    padding: 15px 40px;
    margin-left: 1vw;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
#fullwidth.search-overlay input[type="submit"]:hover { 
    color: #fcfaf2;
    border: 1px solid #e54f42;
    background: #e54f42; 
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

/* Styles */
.cylinder {
    width: 4vw;
    min-height: 25vh;
    background: #fcfaf2;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cylinder.top-right {
    border-top-right-radius: 90px;
}
.cylinder.bottom-right {
    border-bottom-right-radius: 90px;
}
.cylinder.tall { min-height: 60vh; }

.cylinder.top {
    bottom: auto;
    top: 0;
}
.cylinder.evergreen { background: #0a7a7d; }
.cylinder.turquoise { background: #47c2c7; }
.cylinder.amber { background: #fa913d; }
.cylinder.rust { background: #e54f42; }
.cylinder.cerulean { background: #0d9ec7; }
.cylinder.olive { background: #ABBF3D; }


.circle.top-right {
    width: 16vw;
    position: absolute;
    height: 16vw;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    top: -8vw;
    right: -8vw;
}
.circle.bottom-right {
    width: 16vw;
    position: absolute;
    height: 16vw;
    background: #ffbf36;
    border-radius: 50%;
    bottom: -8vw;
    right: -3vw;
    z-index: -3;
}
.cylinder.top.right.bottom-left {
    right: 0;
    position: absolute;
    min-height: 4vw;
    width: 8vw;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 90px;
    left: auto;
}

.cylinder.bottom.right.top-left {
    right: 0;
    left: auto;
    width: 20vw;
    min-height: 4vw;
    border-top-left-radius: 90px;
}


/* =Homepage
-------------------------------------------------------------- */
/* Hero */
#section.home-hero {
    background: url('images/bottom-symbol-pattern.svg') no-repeat bottom left;
    background-size: 27vw auto;
    min-height: 85vh;
    margin-top: 5vh;
}
#section.home-hero h1.hero-title {
    font-size: 7em;
    line-height: 1em;
    width: 40vw;
    position: relative;
    z-index: 9;
    margin-bottom: 10vh;
}
#section.home-hero .hero-image-container {
    width: 60vw;
    height: 90vh;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
#section.home-hero .carousel-item {
    width: 100%;
    height: 90vh;
    border-radius: 100px 0 0 100px;
}
.circle-title-accent {
    position: absolute;
    background: url(images/hero-flourish.svg) no-repeat bottom right;
    background-size: contain;
    width: 25vw;
    height: 40vh;
    right: 0;
    bottom: -14.5vh;
    z-index: 999;
}

/* Featured Block */
.feature-block {
    width: 100%;
    max-width: 40vw;
}
.feature-block .accent { display: block; margin: 0 0 2vh; }
.feature-block .description {
    margin: 3vh 0 0;
    width: 85%;
    max-width: 900px;
    display: block;
}

/* Card */
.card {
    padding: 3%;
    background: #fffefc;
    color: #1a2126;
    border-radius: 10px;
    box-shadow: 4px 4px 20px -13px          rgba(44,44,44,0.3);
    -webkit-box-shadow: 4px 4px 20px -13px  rgba(44,44,44,0.3);
    -moz-box-shadow: 4px 4px 20px -13px     rgba(44,44,44,0.3);
}

/* Top Feature */
#section.top-feature {
    min-height: auto;
    padding: 25vh 0 12vh;
    background: url('images/logo-flourish.svg') no-repeat bottom right;
    background-size: 16vw auto;
}
#section.top-feature .feature-block { max-width: 80vw; }
#section.top-feature .cylinder.tall { min-height: 80vh; }
.word-rotate { overflow: hidden; }
.word-rotate { display: flex; align-items: center; }
.word-rotate>* { flex: 1 0 100%; }
.word-rotate h2 { margin: 0; }

/* Works Carousel */
#section.home-our-works {
    color: #fcfaf2;
    min-height: auto;
    padding: 10vh 0 15vh;
}
#section.parallax-window:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.43) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.43) 100%);
    background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.43) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=1 );
}
#section.home-our-works .overlay {
    background: #abbf3d;
    width: 45vw;
    padding: 5%;
    border-radius: 80px 0;
}
#section.home-our-works .overlay span.accent {
    display: block;
    margin-bottom: 2vh;
    font-size: 0.9em;
}
#section.home-our-works .overlay h3 { font-size: 3.5em; }
#section.home-our-works h3 a { color: #fffefc; text-decoration: none;}

#section.home-our-works .overlay a.learn-cta {
    color: inherit;
    border-bottom: 1px solid;
    text-decoration: none;
    display: table;
}
#section.home-our-works .overlay a.learn-cta:hover { color: #fffefc; }

/* Resources */
#section.resources { overflow: hidden; }
#section.resources .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#section.resources .container>* { flex: 1 0 50%;}
#section.resources .feature-block { padding-right: 3vw; }
#section.resources .feature-block h3 { font-size: 4em; }
#section.resources .feature-block .description { margin: 0; }
#section.resources .resources-quick-link {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#section.resources .resources-quick-link article { flex: 1 0 100%; width: 100%; padding: 3vh 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
#section.resources .resources-quick-link article h4 { font-size: 1.6em; line-height: 1.3em; margin: 0; }
#section.resources .resources-quick-link article h4 a { text-decoration: none;}
#section.resources .resources-quick-link article span.date { font-size: 0.75em; opacity: 0.5; }
#section.resources .resources-quick-link article:last-of-type { border: none; }

#section.resources .cylinder.bottom.right.top-left {
    width: 8vw;
}

/* Initatives */
#section.home-initatives {
    background: #0a7a7d;
    color: #fffefc;
    min-height: auto;
    padding: 12vh 0;
    overflow: hidden;
}
#section.home-initatives .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#section.home-initatives .container>* {
    flex: 1 0 50%;
    width: 50%;
}
#section.home-initatives h4.initatives-title {
    color: #fffefc;
    font-size: 3.5em;
    line-height: 1em;
    width: 90%;
}
#section.home-initatives h4.initatives-title a{
    color: #fffefc;
    text-decoration: none;
}
#section.home-initatives .feature-block a.outline-cta { margin: 4vh 0 2vh; color: #fffefc; border-color: #fffefc; }
#section.home-initatives .feature-block a.outline-cta:hover { color: #fffefc; background: #e54f42; border-color: #e54f42; }

#section.home-initatives .initiatives-related-articles article { display: none; max-width: 100%; flex: 1 0 100%; }
#section.home-initatives .initiatives-related-articles article:first-of-type { display: block; }
#section.home-initatives .initiatives-related-articles.blog-listing h4.entry-title { font-size: 2.1em;}

#section.home-initatives .cylinder.bottom.right.top-left {
    background: rgba(255,255,255,0.2)
}

/* Approach */
#section.home-approach .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.approach-highlights {
    display: flex;
    flex-wrap: wrap;
    padding: 0 3vw;
    flex: 1 0 50%;
}
.approach-highlights>* {
    flex: 1 0 48%;
    width: 48%;
    margin: 1%;
    text-align: center;
}
.approach-highlights .card .icon {
    width: 75px;
    height: 75px;
    background: #EEEEEE;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px;
}
.approach-highlights .card a{
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    display: block;
    line-height: 1.4em;
}
.approach-highlights .card a:hover { color: #e54f42; }

/* Community */
#section.home-community { display: block; min-height: auto; padding: 8vh 0 0; }
#section.home-community .feature-block { max-width: 60vw; }
#section.home-community .feature-block h3 { font-size: 3.75em; }
#section.home-community .feature-block .description { max-width: 80%; margin: 2vh 0 0; }
.member-carousel {
    padding: 6vh 0;
}
#section.home-community .circle.evergreen.top-right {
    background: #47c2c7;
    right: 4vw;
    border-radius: 0 0 50% 50%;
    z-index: -2;
}
#section.home-community .circle.full-circle.olive {
    position: absolute;
    top: -4vw;
    right: 4vw;
    width: 8vw;
    height: 8vw;
    background: #cadc68;
    border-radius: 50%;
}
#section.home-community .cylinder.top.right.bottom-right.cerulean {
    opacity: 0.2;
    right: 0;
    left: auto;
    width: 40vw;
    min-height: 4vw;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 90px;
    z-index: -2;
}


/* Members */
#section.home-members {
    background: #fffefc;
    min-height: auto;
    padding: 15vh 0 10vh;
    text-align: center;
}
#section.home-members h3 { font-size: 3em; }
#section.home-members .cylinder.evergreen { opacity: 0.5; }

.member-item.card {
    padding: 20px;
    text-align: center;
    min-height: 350px;
}
.member-item.card .thumbnail {
    width: 100%;
    height: 200px;
    margin: 0 auto 20px;
}
.member-item.card .thumbnail a { display: block; width: 100%; height: 100%; }
.member-item.card a { text-decoration: none; }
.member-item.card strong {
    display: block;
    font-size: 1.1em;
    line-height: 1em;
}
.card span.job-title {
    color: #717070;
    margin-top: 10px;
    display: block;
    font-size: 0.9em;
    line-height: 1.4em;
}


/* Logos */
#section.home-members .member-logos,
#section.about-members .member-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5vh auto;
    flex-wrap: wrap;
}
#section.home-members .member-logos>*,
#section.about-members .member-logos>* {
    flex: 1 0 20%;
    padding: 2%;
    text-align: center;
}
#section.home-members .member-logos>* img,
#section.about-members .member-logos>* img { width: auto; max-height: 42px; }
#section.home-members a.outline-cta { margin: 5vh auto 0; }


/* Social Feeds */
#section.home-socials {
    background: #47c2c7;
    color: #fffefc;
    min-height: auto;
    padding: 10vh 0 5vh;
}
#section.home-socials .container {
    display: flex;
    flex-wrap: wrap;
}
#section.home-socials .container>* {
    flex: 1 0 50%;
}
#section.home-socials .container>* span.accent {
    display: block;
    margin: 0 0 2vh;
}

.twitter-embed {
    background: #292f33;
    border-radius: 20px;
    padding: 15px;
    min-height: 60vh;
}
.twitter-feed { padding-right: 2vw; }
.blog-feed { padding-left: 3vw;}
.blog-feed .blog-listing { display: block; width: 100%; margin: 0 auto;}
.blog-feed .blog-listing>* { flex: 1 100%; max-width: 100%; width: 100%; margin: 0 auto; }
.blog-feed .post-thumbnail { margin-bottom: 2vh;}


/* Owl Carousel - Auto Height Plugin */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel {
    margin: 0 auto;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
}
.owl-carousel .owl-stage-outer {
    z-index: 999;
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-nav .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-dot {
  color: inherit;
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-dots {
    position: absolute;
    bottom: 5vh;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 9999;
    justify-content: space-evenly;
}
.owl-dot button {
    font-family: "FormulaCondensed-Regular", arial;
    font-size: 1.5em;
    letter-spacing: 0.06em;
    line-height: 0.8em;
    background: none;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    color: #fffefc;
    opacity: 0.6;
    padding: 13px 20px 6px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
.owl-dot:hover button { 
    color: #C6DA64; opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}
.owl-dot.active button { color: #C6DA64; opacity: 1; }

.owl-nav, .owl-dot{
    display: none;
}

/* =About (Who We Are)
-------------------------------------------------------------- */
header.page-header {
    position: relative;
    color: #fffefc;
    border-radius: 0 0 0 10vw;
}
header.page-header .container {
    padding: 10vh 0 8vh;
    display: flex;
    align-items: center;
}
header.page-header .container>* { flex: 1; }
header.page-header h1.page-title { margin: 0;}
header.page-header .post-thumbnail {
    margin-bottom: -25vh;
    max-width: 35vw;
}
body.page-id-7 header.page-header.about .post-thumbnail {
    margin-bottom: -50vh;
}


header.page-header .post-thumbnail img {
    border-radius: 100px 0 100px 0;
}
.top-main-content.container {
    padding: 8vh 43vw 8vh 0;
}
.top-main-content.container h4 { margin: 0 0 3vh; }
header.page-header.interior-page h1.page-title {
    font-size: 4.5em;
    width: 90%;
    line-height: 1.1em;
}

/* About Hero */
header.page-header.about {
    background: #0a7a7d;
}

/* About Swoosh */
#section.about-mission {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap; 
}
#section.about-mission .mission-background {
    flex: 1 0 40vw;
}
.about-swoosh-overlap {
    width: 10vw;
    height: 150px;
    position: absolute;
    top: -150px;
    left: 0;
    z-index: 9;
    background: #0a7a7d;
}
.about-swoosh-overlap:before {
    content: '';
    width: 100%;
    height: 150px;
    background: #fcfaf2;
    border-radius: 0 0 0 150px;
    position: absolute;
}
.about-swoosh {
    flex: 1 0 50vw;
    background: #47c2c7;
    border-radius: 0 0 0 150px;
}
.about-swoosh-section {
    color: #fffefc;
    padding: 8vh 6vw 8vh 10vw;
    border-radius: 0 0 0 150px;
}
.about-swoosh-section.mission {
    background: #0a7a7d;
}

.about-swoosh-section span.accent {
    display: block;
    margin: 1vh 0;
}
.about-swoosh-section span.statement {
    font-family: 'AvantGrade Bold', arial;
    font-size: 1.85em;
    line-height: 1.3em;
}

/* About Blog */
.about-blog .card {
    width: 50vw;
    border-radius: 100px 0;
    padding: 50px 75px;
    max-width: 800px;
}
.about-blog .card .accent {
    color: #b5b1a0;
    display: block;
    margin-bottom: 2vh;
    font-size: 0.8em;
}
.about-blog .card h4 a { text-decoration: none; }

/* About Member */
#section.about-members {
    padding: 6vh 0;
    background: #f7f4ea;
    border-radius: 0 150px 0 0;
}
#section.about-members .cylinder.right.top {
    height: 100%;
}
#section.about-members .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#section.about-members .container>* {
    flex: 3;
}
#section.about-members .member-grid {
    display: flex;
    flex-wrap: wrap;
}
#section.about-members .member-grid>* {
    flex: 1 0 31.3%;
    width: 31.3%;
    margin: 1%;
}
#section.about-members .member-item.card .thumbnail {
    height: 190px;
    margin: 0 auto 20px;
}
#section.about-members .member-detail {
    flex: 2;
    padding: 0 0 0 5vw;
}
#section.about-members .member-detail h3 { margin-bottom: 3vh; }

/* Accordian */
.accordion-item {
    border-bottom: 1px solid #e8e6dc;
}
.accordion-thumb {
    cursor: pointer;
    font-family: 'AvantGrade Bold', arial;
    font-size: 1.5em;
    padding: 20px 0 15px;
    display: flex;
    justify-content: space-between;
}
.accordion-panel {
    display: none;
    font-size: 0.9em;
    line-height: 1.75em;
    margin-bottom: 20px;
}
.accordion-item i.fas {
    color: #e8e6dc;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
.accordion-item.is-active i.fas {
    /* transform: rotate(180deg); */
    color: #0a7a7d !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

/* About Values */
#section.about-values {
    padding: 10vh 0;
}
#section.about-values .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#section.about-values .container>* { flex: 1 0 50%; }
.values-accordian { padding-left: 5vw; }


/* About Career */
#section.about-career {
    min-height: auto;
    padding: 15vh 0 10vh;
    background: #0d9ec7;
    overflow: hidden;
}
#section.about-career:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('images/bottom-symbol-pattern.svg') no-repeat bottom left;
    background-size: 40vw auto;
    opacity: 0.2;
    bottom: 0;
    left: 5vw;
    z-index: 2;
}
#section.about-career .container {
    padding-left: 25vw;
    padding-right: 0;
    position: relative;
    z-index: 9;
}
#section.about-career a.outline-cta {
    color: #fffefc;
    border-color: inherit;
}
#section.about-career a.outline-cta:hover {
    border-color: #e54f42;
}


/* Edit Link */
footer.entry-footer {
    padding: 15px 0;
    font-size: 0.8em;
}
footer.entry-footer a { color: #aba799;}
footer.entry-footer a:hover { color: #1a2126;}


/* =Our History
-------------------------------------------------------------- */
/* Timeline */
.history-timeline {  background: #fffefc; padding: 0; }
.history-timeline .timeline-block {
    display: flex;
    padding: 5vh 0;
}
.history-timeline .timeline-block:nth-child(1) { padding-top: 10vh; }
.history-timeline .timeline-block:last-of-type { padding-bottom: 25vh; }
.history-timeline .timeline-block:nth-child(even) { flex-direction: row-reverse; }
.history-timeline .timeline-block .date { flex: 4; }
.history-timeline .timeline-block .date-marker { flex: 1; text-align: center; }
.history-timeline .timeline-block .date-marker:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #DDDDDD;
    position: absolute;
    left: calc(50% - 0.5px);
    top: 0;
    z-index: 3;
}
.history-timeline .timeline-block .date-marker i.fas { 
    font-size: 1.2em; 
    position: relative; 
    z-index: 9; 
    padding: 6px;
    border-radius: 50%;
    border: 1px solid;
}
.history-timeline .timeline-block .date {
    font-family: 'AvantGrade Bold', arial;
    flex: 4;
    font-size: 1.8em;
    line-height: 1.3em;
    text-align: right;
}
.history-timeline .timeline-block .date-detail {
    flex: 4;
    font-size: 0.9em;
    line-height: 1.75em;
    margin-bottom: 20px;
}

.history-timeline .timeline-block .date-detail h4 { font-size: 1.5em; line-height: 1.3em; margin: 0 0 1vh; }
.history-timeline .timeline-block:nth-child(even) .date { text-align: left; }
.history-timeline .timeline-block:nth-child(even) .date-detail { text-align: right;}
.history-timeline .circle-title-accent { bottom: -10vh; height: 41vh;}

/* Interactive Timeline */
.history-interactive { background: #f7f4ea; padding: 10vh 0; }
.history-interactive .interactive-detail { padding-right: 20vw; margin-bottom: 3vh; }
.history-interactive .interactive-map-embed { padding: 3vh 0; }
.history-interactive .interactive-map-embed iframe {
    width: 100%;
    height: auto;
    border: none;
    border: 1px solid #eae9e2;
}


/* =Our Values
-------------------------------------------------------------- */
/* Values */
#section.values-listing {
    display: block;
    margin-bottom: 8vh;
}
#section.values-listing .values {
    border-radius: 0 0 0 100px;
    padding: 8vh 0;
}
#section.values-listing  .values h4 { color: #fcfaf2; }

.values-item-overlap {
    width: 10vw;
    height: 150px;
    position: absolute;
    top: -150px;
    left: 0;
    z-index: 9;
    background: #0d9ec7;
}
.values-item-overlap:before {
    content: '';
    width: 100%;
    height: 150px;
    background: #fcfaf2;
    border-radius: 0 0 0 100px;
    position: absolute;
}

#section.values-listing .values-container:nth-child(2) .values { background: #0d9ec7; }
#section.values-listing .values-container:nth-child(3) .values { background: #e54f42; }
#section.values-listing .values-container:nth-child(4) .values { background: #fa913d; }
#section.values-listing .values-container:nth-child(5) .values { background: #abbf3d; }
#section.values-listing .values-container:nth-child(6) .values { background: #47c2c7; }

#section.values-listing .values-container:nth-child(2) { background: #e54f42; }
#section.values-listing .values-container:nth-child(3) { background: #fa913d; }
#section.values-listing .values-container:nth-child(4) { background: #abbf3d; }
#section.values-listing .values-container:nth-child(5) { background: #47c2c7; }


/* People
-------------------------------------------------------------- */
header.page-header.people {
    background: #0d9ec7;
}
header.page-header.people .container { padding: 16vh 0 8vh; margin-bottom: 4vh;}

/* Staff / Board */
#section.about-people-staff {
    display: block; 
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 5vh 0;
    min-height: auto;
}
#section.about-people-staff .member-section { padding: 2vh 0; }
#section.about-people-staff h4.sect-title {
    color: #bdbbae;
    margin: 0 0 2vh;
}
#section.about-people-staff .description {
    margin-bottom: 2vh;
}
#section.about-members.small-board {
    background: #fffefc;
}
#section.about-members.small-board .container h4 {
    font-size: 3em;
    margin-bottom: 3vh;
}
#section.about-members.small-board .container .member-description { flex: 1; }
#section.about-members.small-board .container .member-logos { flex: 2; justify-content: space-evenly; padding-left: 5vw;}
#section.about-members.small-board .member-logos>* {
    flex: 1 0 21%;
    max-width: 21%;
    margin: 2%;
}

/* Board Members */
#section.board-listing h4.sect-title { margin: 0 0 1vh; }
#section.board-listing .members-grid { margin: 0 -1% 4vh; }


/* =Community
-------------------------------------------------------------- */
header.page-header.people.community .container {
    padding: 8vh 0 0;
    margin-bottom: 0;
}
header.page-header.people.community .post-thumbnail {
    margin: 0 0 -32vh 5vw;
}

#section.feature-members {
    padding: 8vh 0 0;
    background: #f7f4ea;
    border-radius: 0 150px 0 0;
}
.community-main-page #section.about-members.small-board { border-radius: 0; }

/* Single People Profile */
body.single-people header.page-header .single-article-header { flex: 2; }
body.single-people header.page-header.interior-page h1.page-title { font-size: 4.25em; width: 100%; }
body.single-people header.page-header.interior-page .job-title { display: table; margin-bottom: 5vh; }
.socials-links { display: flex; flex-wrap: wrap; align-items: center; width: auto; }
.socials-links>* {
    display: inline-block;
    margin-right: 20px;
}
.socials-links a {
    display: inline-block;
    text-decoration: none;
    color: #1a2126;
    opacity: 0.5;
}
.socials-links a:hover { opacity: 1; }
.socials-links a i { font-size: 1.25em; margin-right: 5px; }
.member-type span.type {
    background: #136077;
    color: #FFF;
    padding: 12px 25px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.8em;
    line-height: 1em;
    margin-top: -5px;
    float: left;
}
header.page-header.interior-page.community {
    background: #0d9ec7;
}
.people-content blockquote {
    margin: 0;
    font-size: 1.6em;
    line-height: 1.5em;
}
body.single-people .top-main-content.container {
    padding: 7vh 30vw 5vh 0;
    min-height: auto;
}
body.single-people .top-main-content.container h2,
body.single-people .top-main-content.container h3,
body.single-people .top-main-content.container h4 { font-size: 1.5em; line-height: 1.2em; margin: 0 auto 2vh; }

/* =Careers
-------------------------------------------------------------- */
body.page-careers #section.about-values { min-height: auto; padding: 15vh 0; }
/* Jobs Gallery */
.gallery-strip-item { width: auto; min-height: 80vh; }

/* Job Listing */
#section.job-listing {
    background: #f7f4ea;
    padding: 10vh 0;
    min-height: auto;
}
#section.job-listing h4 {
    margin: 0 0 4vh;
}
#section.job-listing .cylinder {
    height: 100%;
}
.jobs-container {
    display: flex;
    flex-wrap: wrap;
}
.job-listing-item {
    border-radius: 15px;
    background: #fffefc;
    padding: 30px 3vw 25px;
    margin: 0 auto 1vh;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,0.1);
}
.jobs-container>* {
    width: 49%;
	max-width: 49%;
    flex: 1 0 49%;
    margin: 0 1% 1% 0;
}
.job-listing-item h4 a {
    text-decoration: none;
    display: block;
}
#section.job-listing .job-listing-item h4 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
}
.job-details {
    margin-top: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.job-details>* { padding-right: 3vw; }
.job-details>* i.fas { margin-right: 10px; }

.job-listing-item a.outline-cta {
    font-size: 0.9em;
    flex: 1;
    margin: 0;
    padding: 10px;
}

.job-listing-item .job-details { font-size: 0.9em; color: #717171;}
#section.job-listing .disclaimer {
    color: #717171;
    font-size: 0.8em;
    line-height: 1.5em;
    font-style: italic;
    margin: 4vh auto 0;
}


/* Single Job */
header.page-header.single-job-header {
    margin-bottom: 5vh;
}
header.page-header.single-job-header .container {
    padding: 10vh 0;
    flex-direction: column;
    align-items: flex-start;
}
header.page-header.single-job-header h1.entry-title { font-size: 4em; }
header.page-header.single-job-header .accent a {
    color: #fcfaf2;
    text-decoration: none;
    display: block;
    margin: 0 0 2vh;
}
header.page-header.single-job-header .accent a:hover { color: #e54f42; }

.job-description.entry-content h2, 
.job-description.entry-content h3, 
.job-description.entry-content h4 {
    font-size: 2em;
    line-height: 1.6em;
    display: block;
    margin: 5vh 0 0;
    color: #0d9ec7;
}
.job-description.entry-content li {
    list-style: disc;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 5px 0 10px 1vw;
}
.job-description.entry-content .container {
    display: flex;
    flex-wrap: wrap;
}
.job-description.entry-content .container .left-column { flex: 2; padding-right: 5vw; margin-bottom: 5vh;}
.job-description.entry-content .container .application-form {
    flex: 1;
    margin-top: -15vh;
    height: 100%;
    flex-direction: column;
}
.job-description.entry-content .container .application-form h2,
.job-description.entry-content .container .application-form h3,
.job-description.entry-content .container .application-form h4 { margin: 0; font-size: 1.2em; color: inherit; }
.job-description.entry-content .container .application-form .wpcf7 input[type="submit"] { width: 100%; margin: 0 auto; }
.job-description.entry-content .container .application-form .wpcf7 textarea { height: 150px; }
.job-description.entry-content .container .application-form .wpcf7 input[type="file"] {
    cursor: pointer;
    padding: 0 0 10px;
    border: none;
}

/* =People
-------------------------------------------------------------- */
.members-grid {
    display: flex;
    flex-wrap: wrap;
    width: 102%;
    margin-left: -1%;
}
.members-grid>* {
    flex: 1 0 18%;
    margin: 1%;
    max-width: 18%;
}

/* =Press
-------------------------------------------------------------- */
#section.press-listing {
    background: #fffefc;
    padding: 2vh 0;
}
.press-item { padding: 2vh 0;}
.press-item:last-of-type { border: none; }
.press-item .accordion-thumb {
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.press-item .accordion-thumb span.accent {
    font-size: 0.75em;
    line-height: 1em;
    opacity: 0.5;
    flex: 2;
}
.press-item .accordion-thumb h4 {
    flex: 10;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 0;
}
.press-item .accordion-thumb h4 a { text-decoration: none; }
.press-item .arrow-down {
    flex: 1;
    font-size: 1.25em;
    display: flex;
    justify-content: flex-end;
    padding: 0 1vw;
}
.press-item .arrow-down i.fas { color: #7d7b72;}
.press-item .accordion-panel.description {
    padding-left: 12vw;
    padding-right: 10vw;
    overflow: hidden;
}
.press-item .accordion-panel.description .press-logo {
    float: right;
    margin: 10px 0 10px 2vw;
    max-width: 110px;
}

/* =Contact
-------------------------------------------------------------- */
header.page-header.contact { background: #ffbf36;}
body.page-template-page-contact .top-main-content.container { padding-top: 5vh; }

.contact-information {
    position: absolute;
    right: 0;
    top: 25vh;
    color: #1a2126;
    width: 35vw;
}

/* Contact Form 7 */
.wpcf7 {
    width: 100%;
}
.wpcf7 label {
    color: #aba799;
    font-size: 0.6em;
    display: block;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    padding: 10px 15px;
    border: 1px solid #e4e1d6;
    width: 100%;
    margin-bottom: 10px;
}
.wpcf7 select { position: relative; }

.wpcf7 input[type="submit"] {
    background: #e54f42;
    border: 1px solid #e54f42;
    color: #fffefc;
    padding: 18px 35px;
    border-radius: 30px;
    width: 60%;
    font-family: 'BentoSans Regular';
    margin: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.wpcf7 input[type="submit"]:hover  {
    background: #0a7a7d;
    border-color: #0a7a7d;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #f1eee1;
    border: none;
    padding: 10px 20px;
    color: #dc3232;
    margin: 0;
    font-family: monospace;
    font-size: 0.85em;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    font-family: monospace;
    line-height: 1em;
}


/* =Resources
-------------------------------------------------------------- */
header.page-header.resources { background: #e54f42; }

/* Category Navigation */
.cat-navigation .menu-resources-container {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 3vh 0;
    margin-bottom: 3vh;
    display: flex;
    align-items: center;
}
.cat-navigation .menu-resources-container:before {
    content: 'Discover Resources by:';
    width: 115px;
    opacity: 0.3;
    font-size: 1em;
    line-height: 1.3em;
    margin-right: 2vw;
}
a.outline-cta.view-more {
    display: table;
    margin: 4vh auto 8vh;
}

/* Resources Listing */
.resources-listing {
    background: #f7f4ea;
    padding: 5vh 0 3vh;
    border-radius: 0 100px 0 0;
}
.resources-listing .blog-listing { margin-top: 2vh; }
.resource-icon { display: block; }
.resource-icon a {
    font-size: 1.1em;
    padding: 0 1vw 0 0;
    color: #c5c4bf;
}
.resource-icon a:hover { color: #0a7a7d; }
.resource-icon a i.fas.fa-external-link-alt {
    font-size: 0.9em;
}
article.resources header.entry-header span.accent {
    color: #0a7a7d;
    font-size: 0.8em;
    display: block;
    margin: -10px 0 5px;
    letter-spacing: 0.15em;
}


.article-thumbnail {
    min-height: 25vh;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}
.article-thumbnail:hover {
    background-size: 100% auto !important;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.article-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Remove on Paged */
body.post-type-archive-resources.paged .top-main-content.container,
body.post-type-archive-resources.paged header.page-header .post-thumbnail img { display: none; }
body.post-type-archive-resources.paged .resources-listing { background: none; }

/* Simple List View */
article.simple-list.card { padding: 25px; margin-bottom: 2vh;}
article.simple-list .article-top-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
article.simple-list .article-top-content>* { flex: 5; }
article.simple-list .article-top-content .post-thumbnail { flex: 1; margin-right: 2vw;}
article.simple-list h4 {
    font-size: 1.75em;
    line-height: 1.2em;
    margin: 0 0 10px;
}
article.simple-list h4 a { text-decoration: none; }
article.simple-list .entry-meta {
    display: flex;
    color: #86847e;
}
article.simple-list .entry-meta .download-source a { color: #86847e; }
article.simple-list .entry-meta .download-source a:hover { color: #e54f42; }
article.simple-list .entry-meta .entry-date { font-size: 0.75em;}
article.simple-list .entry-meta .download-source a{  padding: 0 1vw 0 0; font-size: 1.2em; letter-spacing: 0.1em;}


/* Single Resource */
header.page-header.resources.single-resources-header { border-radius: 0 0 100px 0; }
header.page-header.resources.single-resources-header .container { padding: 10vh 0 5vh; }
header.page-header.resources.single-resources-header h1.page-title {
    font-size: 3em;
    line-height: 1em;
    margin: 3vh 0 1vh;
}


/* Related Articles Sidebar */
.related-articles-side { margin-bottom: 3vh; }
.related-articles-side span.meta-title {
    color: #88857d;
    text-transform: uppercase;
    font-size: 0.75em;
    margin-bottom: 5px;
    display: block;
    letter-spacing: 0.1em;
}
.related-articles-side .article-thumbnail { min-height: 150px; }
body.single .single-article.entry-content .related-articles-side h4 { margin: 10px 0; font-size: 1.25em; }
body.single .single-article.entry-content .related-articles-side h4 a { text-decoration: none;}
.related-articles-side article { margin: 0 auto 2vh; padding: 1vw;}
.related-articles-side article .article-bottom-links { display: flex; justify-content: space-between; padding: 5px 0 0; margin-top: 15px; border-top: 1px solid rgba(0,0,0,0.1);}
.related-articles-side article .article-bottom-links span.date { font-size: 0.7em; }
/* Infographics */
.infographics {
    padding: 5vh 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: -3vh;
}
body.single .related-articles .blog-listing article.card .article-thumbnail { display: none; }


/* =Our Work
-------------------------------------------------------------- */
header.page-header.work {
    background: #1a4f66;
}
header.page-header.work .container { padding: 10vh 0 0; }

body.page-template-page-work span.accent {
    font-size: 0.9em;
    display: block;
    margin-bottom: 2vh;
}

/* Issue Areas / Initiatives */
#section.work-approach-issues { 
    border-top: 1px solid rgba(0,0,0,0.1);
    min-height: auto; 
    padding: 12vh 0; 
    background: #fffefc; 
}
#section.work-approach-issues .container {
    display: flex;
    align-items: center;
}
#section.work-approach-issues .container>* { flex: 1 0 50%; padding-left: 3vw;}
#section.work-approach-issues .half.issue-areas { padding-right: 3vw; padding-left: 0; }
li.issues-list-item {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    padding: 5px 0;
}
li.issues-list-item:last-of-type { border: none; }
li.issues-list-item h4.issues-title { margin: 0; }
li.issues-list-item h4.issues-title a {
    padding: 20px 0 12px;
    display: block;
    text-decoration: none;
    font-size: 0.75em;
    line-height: 1.2em;
}

#section.work-approach-issues.initiatives {
    background: #0a7a7d;
    color: #FFFEFC;
    border: none;
}
#section.work-approach-issues.initiatives.flip .container { flex-direction: row-reverse; }
#section.work-approach-issues.initiatives.flip .container>* { padding: 0;}
#section.work-approach-issues.initiatives a.outline-cta { color: #fffefc; border-color: #fffefc;}
#section.work-approach-issues.initiatives a.outline-cta:hover { border-color: #e54f42;}

#section.work-approach-issues.initiatives.flip .half.issues-content { padding-right: 4vw; }
#section.work-approach-issues.initiatives.flip .half.issue-areas { padding-left: 2vw; }
#section.work-approach-issues.initiatives.flip .half.issues-content .post-thumbnail img {
    border-radius: 100px 0 100px 0;
}

/* Blog Feature */
#section.bottom-work { 
    padding: 15vh 0;
    min-height: auto;
}
#section.bottom-work .container {
    display: flex;
    align-items: center;
}
#section.bottom-work .container>* { flex: 1 0 50%; }

#section.bottom-work .blog-section { padding-right: 5vw; }
#section.bottom-work .blog-feed { padding: 0; }

/* =Initiatives
-------------------------------------------------------------- */
header.page-header.initiatives {
    background: #47c2c7;
}
#section.initiatives-listing {
    background: #f7f4ea;
    padding: 6vh 0;
    border-radius: 0 100px 0 0;
}
#section.initiatives-listing h3 { margin-bottom: 3vh; }
header.page-header.initiatives .post-thumbnail { margin-bottom: 0; }
.initiatives-grid {
    display: flex;
    flex-wrap: wrap;
    width: 102%;
    margin-left: -1%;
}
.initiatives-grid>* {
    flex: 1 0 48%;
    max-width: 48%;
    margin: 1%;
    padding: 30px;
}

.initiatives-grid .card h4 {
    margin: 3vh 0 10px;
    font-size: 2em;
}
.initiatives-grid .card h4 a { text-decoration: none; }



/* Single Initiatives */
header.page-header.initiatives .container {
    padding: 8vh 0;
    display: flex;
    align-items: center;
}
header.page-header.initiatives .container>* { flex: 1;}
header.page-header.initiatives .post-thumbnail { position: relative; top: auto; }


header.page-header.initiatives.showcase-top .container {
    padding: 10vh 0 0;
    display: flex;
    align-items: center;
}
header.page-header.initiatives.showcase-top .post-thumbnail { margin-bottom: -55vh; }


.top-main-content.initiatives-content.container {
    padding: 7vh 0 4vh;
}
.initiatives-contributor {
    padding: 5vh 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.resources-listing.initiatives-related-resources {
    border-radius: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.related-contributor.initiatives-contributor {
    padding: 3vh 0;
}
.related-contributor.initiatives-contributor span.accent {
    margin: 0 0 2vh;
    display: block;
    color: #928f86;
}
.initiatives-related-articles .container {
    padding: 5vh 0;
    margin: 0 auto 2vh;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.initiatives-related-articles .container:nth-child(1) { padding-top: 2vh; }
.initiatives-related-articles .container:last-of-type {
    border: none;
    margin: 0 auto;
    padding-bottom: 0;
}
.initiatives-related-articles .container h3 {
    font-size: 3em;
    color: #333330;
    margin-bottom: 2vh;
    width: 70%;
    line-height: 1.1em;
}
.initiatives-related-articles .container .description { margin-bottom: 3vh; }

.initiatives-related-articles .container span.no-articles {
    padding: 3vh 0 6vh;
    display: block;
    opacity: 0.3;
}

/* Additional Feature */
#section.bottom-feature.additional {
    background: #fffefc;
    padding: 8vh 0;
}
#section.bottom-feature.additional .container {
    display: flex;
    flex-wrap: wrap;
}
#section.bottom-feature.additional .container .feature-block { flex: 1; }
#section.bottom-feature.additional .container .feature-block h4 { font-size: 5em; text-transform: capitalize; width: 80%;}
#section.bottom-feature.additional .container .description { flex: 2; padding-left: 2vw;}

/* Past Initiatives */
.bottom-feature.past-initiatives {
    padding: 5vh 0 10vh;
}
.bottom-feature.past-initiatives h3 {
    font-size: 2em;
    line-height: 1.3em;
    color: #bdbbae;
    margin-bottom: 4vh;
}
.bottom-feature.past-initiatives .owl-item { opacity: 0.3; filter: saturate(0); }
.bottom-feature.past-initiatives .owl-item.active { opacity: 1; filter: inherit; }
.bottom-feature.past-initiatives li.feature-block.card { padding: 30px; max-width: 100%; min-height: 325px;}
.bottom-feature.past-initiatives li.feature-block.card h4 { font-size: 2em; margin: 0 0 1vh; }
.bottom-feature.past-initiatives li.feature-block.card p { font-size: 0.95em; line-height: 1.7em; }

/* =Issue Areas
-------------------------------------------------------------- */
header.page-header.issues.main-page .container { padding: 10vh 0 3vh; }
header.page-header.issues.main-page .post-thumbnail { margin-bottom: -30vh; }
.top-main-content.work-content.container { min-height: auto; }

#section.issues-listing .issues-carousel{ margin: 0 auto 8vh; padding: 2vh 0; overflow: hidden;}
.card.issue-carousel-item {
    padding: 1.5vw;
    min-height: 700px;
}
.card.issue-carousel-item .issues-thumb { display: block; margin-bottom: 3vh; }
.card.issue-carousel-item h4 a { text-decoration: none; }
.card.issue-carousel-item p { font-size: 0.9em; line-height: 1.6em; margin: 0 auto 10px; }

/* Cities Carousel */
#section.cities-section { min-height: auto; padding: 5vh 0; border-top: 1px solid rgba(0,0,0,0.1); }
#section.cities-section .entry-content h3 { font-size: 3.5em; margin: 1vh 0 2vh;}

#section.issues-listing.cities  { min-height: auto; padding: 0 0 5vh; display: block; }
#section.issues-listing.cities .card.issue-carousel-item { min-height: 350px; }
#section.issues-listing.cities .card.issue-carousel-item h4 { font-size: 1.8em; }


/* Single Issues */
header.page-header.issues {
    background: #abbf3d;
}
header.page-header.issues .post-thumbnail { padding: 0; margin: 0;}
.top-main-content.issues-content.container {
    min-height: auto;
    padding: 8vh 0;
}
.related-articles.issues-related-articles {
    border-radius: 0;
    padding: 5vh 0;
    background: transparent;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.related-articles.issues-related-articles h4.sect-title, 
.resources-listing.issues-related-resources h4.sect-title {    
    font-size: 2em;
    line-height: 1.3em;
    color: #bdbbae;
}
.related-articles.issues-related-articles .blog-listing { width: 100%; margin: 0 -1%; }
.issues-related-resources .blog-listing>* { flex: 1 0 98%; width: 98%; max-width: 98%; margin: 0 auto 1%;}
.issues-related-resources .blog-listing h4.entry-title { margin: 0; }


/* =Approach
-------------------------------------------------------------- */
header.page-header.approach { 
    background: #abbf3d; 
    min-height: auto; 
    border-radius: 0 0 100px 0;
}
header.page-header.approach .container { padding: 10vh 0 10vh; }
header.page-header.approach span.accent {
    color: #1a2126;
    margin: 0 auto 3vh;
    display: block;
}
body.single-approach .entry-content h4.desc {
    margin: 0 auto 3vh;
    font-size: 2em;
    line-height: 1.3em;
}
body.single-approach .entry-content.approach-entry  { padding: 5vh 0; }

/* Related Articles */
.related-articles {
    background: #f7f4ea;
    padding: 6vh 0;
    border-radius: 0 100px 0 0;
}
.related-article-grid {
    display: flex;
    flex-wrap: wrap;
    width: 102%;
    margin-left: -1%;
}
.related-articles .related-post { 
    flex: 1 0 31.3%;
    width: 31.3%;
    margin: 1%;
}
.related-articles .related-post h4 { font-size: 1.75em; margin: 0 0 10px;}
.related-articles .related-post h4 a { text-decoration: none; }
.related-articles .related-post p { font-size: 0.9em; line-height: 1.6em; margin: 0; }
.related-articles .related-post a.read-more { display: inline-block; font-size: 0.9em; line-height: 1.6em; }

/* Approach Navigation */
.approach-navigation { background: #f7f4ea; }
span.accent.approaches-subtitle {
    color: #6f6c64;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    padding: 2vh 0;
    display: block;
}
.approach-navigation .approach-article-nav-item a{
    display: block;
    padding: 4vh 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
.approach-navigation .approach-article-nav-item a:hover {
    padding: 8vh 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

.approach-navigation .approach-article-nav-item:nth-child(2) { background: #abbf3d; }
.approach-navigation .approach-article-nav-item:nth-child(3) { background: #47c2c7; }
.approach-navigation .approach-article-nav-item:nth-child(4) { background: #0a7a7d; }
.approach-navigation .approach-article-nav-item:nth-child(5) { background: #e54f42; }

.approach-navigation .approach-article-nav-item h4 { margin: 0; }
.approach-navigation .approach-article-nav-item a { text-decoration: none; color: #fffefc;}

/* =404 Error
-------------------------------------------------------------- */
section.error-404.not-found,
section.not-found {
    padding: 15vh 0 25vh;
}


/* =Default Page
-------------------------------------------------------------- */
body.page-template-default header.page-header { color: inherit; }
body.page-template-default header.page-header .container { padding: 5vh 0;}
body.page-template-default header.page-header h1.page-title { font-size: 4.5em; width: 100%; }

/* Entry Content Page Styling */
body.page-template-default .entry-content { margin-bottom: 5vh; }
.entry-content blockquote {
    margin: 3vh 0;
    color: #0a7a7d;
    font-size: 2em;
    line-height: 1.3em;
    position: relative;
    padding: 0 0 0 2vw;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
    content: '';
    background: url('images/quotemark-left.png') no-repeat center center;
    background-size: contain;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -2vh;
    left: 0;
    opacity: 0.2;
    z-index: -3;
}
.entry-content blockquote:after {
    background: url('images/quotemark-right.png') no-repeat center center;
    background-size: contain;
    top: -2vh;
    left: auto;
    right: 0;
}

.entry-content blockquote p{
    margin: 0;
}
.entry-content hr {
    background-color: rgba(0,0,0,0.2);
    margin: 4vh 0;
}
.entry-content ul {
    margin: 0 0 2vh 2vw;
}
.entry-content li {
    margin: 0 15px;
    padding: 0 10px;
    list-style: disc;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 { margin: 2vh 0 5px; display: block; }

.entry-content h1 { font-size: 3.5em; line-height: 1.2em; }
.entry-content h2 { font-size: 3em; line-height: 1.2em; }
.entry-content h3 { font-size: 2.5em; line-height: 1em; }
.entry-content h4 { font-size: 2em; line-height: 1em; }


/* =Blog
-------------------------------------------------------------- */
header.page-header.blog {
    background: #0d9ec7;
}

header.page-header.blog .container { display: block; }
header.page-header.blog .container h1.page-title { margin-bottom: 10px; }
header.page-header.blog .container .archive-description {
    font-size: 0.9em;
    line-height: 1.7em;
    padding: 0 2vw 0 0;
    color: #1a2126;
}

/* Category Navigation */
.cat-navigation>* {
    padding: 3vh 0 0;
    display: flex;
    align-items: center;
}
.cat-navigation>*:before {
    content: 'Explore Categories:';
    width: 115px;
    opacity: 0.3;
    font-size: 1em;
    line-height: 1.3em;
    margin-right: 2vw;
}
.cat-navigation>* ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cat-navigation>* ul li {
    padding: 0 1vw 0 0;
    display: inherit;
    margin: 0 0 1vh;
}
.cat-navigation>* ul li a {
    font-size: 0.9em;
    padding: 12px 35px;
    border: 1px solid;
    border-radius: 50px;
    text-decoration: none;
}
.cat-navigation>* ul li a:hover {
    border-color: #0a7a7d;
    background: #0a7a7d;
    color: #fffefc;
}
a.outline-cta.view-more {
    display: table;
    margin: 4vh auto 8vh;
}
.category-listing.blog-listing {
    margin-bottom: 5vh;
}


/* Blog Listing */
.blog-listing {
    display: flex;
    flex-wrap: wrap;
    width: calc(80vw + 2%);
    max-width: calc(1600px + 2%);
    margin: 2vh -1%;
}
.blog-listing>* {
    flex: 1 0 48%;
    width: 48%;
    max-width: 48%;
    margin: 1%;
    padding: 30px 30px 5px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.blog-listing h4.entry-title { font-size: 1.8em; line-height: 1.2em; }
.blog-listing h4.entry-title a {
    text-decoration: none;
}
.blog-listing .entry-content { flex-grow: 1; margin-bottom: auto; }
.blog-listing .article-bottom-links {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 5px;
}
.blog-listing span.accent.date {
    font-size: 0.75em;
    color: #777671;
    margin: 0;
}


/* Featured Blog Listing
.blog-listing article.post.blog.featured {
    flex: 1 0 98%;
    width: 98%;
    border-bottom: 10px solid #d1ddde;
    max-width: 98%;
}
.blog-listing article.blog.featured .featured-image {
    width: 100%;
    float: left;
    margin-right: 2vw;
    margin-bottom: 1vh;
    max-width: 350px;
    margin-top: -85px;
    position: relative;
}
.blog-listing article.blog.featured .featured-image i.fas {
    position: absolute;
    top: -27px;
    left: -30px;
    font-size: 1.25em;
    background: #e54f42;
    color: #fffefc;
    padding: 20px 30px 30px 20px;
    border-radius: 15px 0 100px 0;
}
.blog-listing article.blog.featured header.entry-header { margin-left: calc(350px + 2vw); } */


/* Blog Article */
header.page-header.blog.single-blog-header { border-radius: 0; }
header.page-header.blog.single-blog-header .container h1.page-title {
    font-size: 3em;
    line-height: 1em;
}
header.page-header.blog.single-blog-header .container { padding: 6vh 0; }
header.page-header.blog.single-blog-header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
header.page-header.single-blog-header .single-article-header { flex: 3; padding-right: 3vw; }
header.page-header.blog.single-blog-header .post-thumbnail,
header.page-header.resources.single-resources-header .post-thumbnail {
    margin: 0; 
    padding: 0 0 0 5vw;
    flex: 2;
}
body.single .page-header.blog span.accent {
    color: #1a2126;
    font-size: 0.8em;
    display: block;
    margin: 0 0 2vh;
}
body.single .single-article.entry-content {
    display: flex;
    margin: 5vh auto;
    flex-wrap: wrap;
}
body.single .single-article.entry-content .content-left { flex: 3; padding-right: 5vw; max-width: 60vw; }
body.single .single-article.entry-content .content-right { flex: 1; }
body.single .single-article.entry-content h1 { font-size: 3em;   line-height: 1.2em; margin: 5vh 0 5px;}
body.single .single-article.entry-content h2 { font-size: 2.5em; line-height: 1.2em; margin: 5vh 0 5px;}
body.single .single-article.entry-content h3 { font-size: 2em;   line-height: 1.2em; margin: 5vh 0 5px;}
body.single .single-article.entry-content h4 { font-size: 1.5em; line-height: 1.2em; margin: 5vh 0 5px;}

body.single .wp-caption {
    background: #efeadf;
    width: 100% !important;
    padding: 0;
    color: #6d6b66;
}
body.single .wp-caption img { width: 100%; height: auto; }
body.single .wp-caption .wp-caption-text {
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 15px 30px;
}

body.single a.back-to-link {
    color: #fcfaf2;
    text-decoration: none;
    display: table;
    margin: -2vh 0 4vh;
    padding: 15px 17px;
    font-size: 1.5em;
    line-height: 1em;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    opacity: 0.4;
}
body.single a.back-to-link:hover { opacity: 1; color: #1a2126; }

/* Meta Data */
.meta-details {
    border-top: 1px solid rgba(0,0,0,0.2);
    padding: 2vh 0;
    color: #88857d;
    font-size: 0.9em;
    line-height: 1.6em;
}
.meta-details a { text-decoration: none;}
.meta-details .meta-detail-item { display: block; margin: 0 auto 20px; }
.meta-details span.meta-title { text-transform: uppercase; font-size: 0.8em; display: block; letter-spacing: 0.1em; margin: 10px 0 5px;}
.meta-details .meta-detail-item.category a {
    display: inline-block; margin: 0 5px 0 0;
}

.meta-details .meta-detail-item.contributors a { display: block; }

/* Downloads */
.resource-download-link {
    padding: 0 0 2vh 0;
}
.resource-download-link a.download-cta {
    color: #fffefc;
    text-decoration: none;
    background: #0a7a7d;
    display: block;
    margin: 0 auto 10px;
    border-bottom: 5px solid #1c5556;
    padding: 15px 30px;
    border-radius: 5px;
}
.resource-download-link a.download-cta:hover { background: #1c5556; }

.resource-download-link i.far,
.resource-download-link i.fas {
    font-size: 1.3em;
    display: inline-block;
    float: left;
    margin: 5px 20px -5px 0;
}
.disclaimer {
    color: #88857d;
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 2vh 0;
    font-style: italic;
}
.disclaimer a{ color: inherit;}

/* Small Contributors */
.related-contributor { margin: 2vh 0 0; }
ul.contributor-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
ul.contributor-list li.small-contributor {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 10px 10px 10px 0;
}
ul.contributor-list li.small-contributor img {
    border: 5px solid rgba(0,0,0,0.1);
    margin: 0 10px 0 0;
}
ul.contributor-list li.small-contributor .contributor-name {
    display: block;
    text-decoration: none;
    line-height: 1.4em;
    margin: 0 0 5px;
}
ul.contributor-list li.small-contributor .contributor-name:hover { color: inherit; }
ul.contributor-list li.small-contributor .contributor-name span { 
    display: block;
    font-size: 0.8em; 
    line-height: 1.1em;
    color: #1a2126; 
    opacity: 0.6; 
}
ul.contributor-list li.small-contributor a { color: #1a2126; line-height: 1.4em;}
ul.contributor-list li.small-contributor a:hover { color: #fffefc; }

.initiatives-contributor ul.contributor-list { margin: 1vh auto 5vh; }
.initiatives-contributor ul.contributor-list li.small-contributor {
    flex: 1 0 20%;
    width: calc(20% - 2vw);
    display: flex;
    margin: 10px 2vw 10px 0;
    align-items: center;
    flex-wrap: wrap;
    max-width: calc(20% - 2vw);
}
.initiatives-contributor ul.contributor-list li.small-contributor>* {
    flex: 1;
}


/* =Search
-------------------------------------------------------------- */

/* Results Label */
span.accent.search-title {
    display: block;
    margin-bottom: 3vh;
}
body.search article.list-article.card h4.entry-title:before {
    background: #e54f42;
    content: 'Resources';
    margin: 0 0 15px;
    font-family: 'BentoSans Wide', helvetica;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.4em;
    line-height: 1em;
    padding: 8px 15px;
    display: table;
    color: #fffefc;
}
body.search article.list-article.card.resources h4.entry-title a { color: #e54f42; }
body.search article.list-article.card.resources h4.entry-title a:hover { color: #1a2126; }

body.search article.list-article.card.issues h4.entry-title:before {
    background: #abbf3d;
    content: 'Issues';
    color: #fffefc;
}
body.search article.list-article.card.issues h4.entry-title a { color: #abbf3d; }
body.search article.list-article.card.issues h4.entry-title a:hover { color: #1a2126; }

body.search article.list-article.card.initiatives h4.entry-title:before {
    background: #fa913d;
    content: 'Initiatives';
    color: #fffefc;
}
body.search article.list-article.card.initiatives h4.entry-title a { color: #fa913d; }
body.search article.list-article.card.initiatives h4.entry-title a:hover { color: #1a2126; }

body.search article.list-article.card.job h4.entry-title:before {
    background: #0a7a7d;
    content: 'Job Opening';
    color: #fffefc;
}

body.search article.list-article.card.page h4.entry-title:before,
body.search article.list-article.card.people h4.entry-title:before,
body.search article.list-article.card.post h4.entry-title:before { display: none; }

/* Member Results */
article.list-article.card.people .member-card {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
article.list-article.card.people .member-card>* {
    flex: 2;
    margin-bottom: inherit;
}
article.list-article.card.people .member-card .thumbnail-image { flex: 1; padding: 0 2vw 0 0; }

/* Pagination */
.wp-pagenavi {
    margin: 3vh 0 6vh;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span { border: none; padding: 8px;}
.wp-pagenavi span.pages {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.06em;
    margin: 0 10px 0 0;
    color: #777672;
}
.wp-pagenavi span.current {
    font-weight: normal;
    padding: 5px;
    border-radius: 50%;
    background: #0a7a7d;
    color: #fffefc;
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0;
    text-align: center;
    display: inline-block;
}



/* =Footer
-------------------------------------------------------------- */
/* Mailing List */
#section.footer-mailinglist {
    background: #ffbf36;
    min-height: auto;
    padding: 6vh 0;
}
#section.footer-mailinglist .container {
    display: flex;
    align-items: center;
}
#section.footer-mailinglist .container h4 { color: #fffefc; margin-bottom: 2vh;}
#section.footer-mailinglist .container>* {
    flex: 1 0 50%;
    width: 50%;
}
#section.footer-mailinglist .email-capture-embed {
    padding: 0 0 0 10vw;
    display: flex;
    flex-direction: column;
}
#section.footer-mailinglist .email-capture-embed>* { margin: 0 0 2vh; }
#section.footer-mailinglist .email-capture-embed input {
    padding: 10px 15px;
    color: #1a2126;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.2);
}

/* Mailchimp */
.mc-field-group {
    font-family: 'BentoSans Regular', helvetica;
    font-size: 17px;
    line-height: 1.8em;
    display: flex;
    flex-direction: column;
    margin: 0 auto 6px;
}
.mc-field-group label {
    font-size: 0.6em;
    line-height: 2.2em;
    letter-spacing: 0.1em;
    opacity: 0.4;
}
.mc-name-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mc-name-section>* { flex: 1 0 50%; }
.mc-name-section>*:first-of-type { padding-right: 5px;}

#section.footer-mailinglist .email-capture-embed input[type="submit"] {
    cursor: pointer;
    background: #e54f42;
    border: 1px solid #e54f42;
    color: #fffefc;
    padding: 18px 40px;
    border-radius: 30px;
    width: 60%;
    display: table;
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
#section.footer-mailinglist .email-capture-embed input[type="submit"]:hover { 
    background: #0a7a7d; 
    border-color: #0a7a7d; 
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}
#section.footer-mailinglist #mc_embed_signup div.mce_inline_error {
    background: transparent;
    margin: 0 0 3px;
    padding: 0;
    color: #6B0505;
    font-weight: normal;
    z-index: 1;
    font-size: 0.8em;
    font-style: italic;
}


/* Footer */
footer.site-footer { 
	background: #1a2126; 
	color: #fcfaf2; 
	padding: 8vh;
}
footer.site-footer .container { display: flex;}
footer .site-branding {
    max-width: 200px;
}
footer.site-footer .footer-address-column { flex: 1; padding-right: 3vw;}
footer.site-footer .footer-navigation-column { flex: 3; }
footer.site-footer .footer-navigation-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer.site-footer .footer-navigation-column strong { display: block; font-family: 'AvantGrade Bold', arial; font-weight: normal;}
footer.site-footer .footer-navigation-column .two-navigation strong:last-of-type { margin-top: 25px; }
footer.site-footer .footer-navigation-column a { 
    text-decoration: none;
    font-size: 1.05em;
    letter-spacing: 0.02em;
    font-family: 'AvantGrade Bold', arial;
    color: #fffefc; 
}
footer.site-footer ul.menu li {
    padding: 5px 0;
    line-height: 1.2em;
}

footer.site-footer ul.menu li ul.sub-menu {
    margin: 3px 0 10px;
}
footer.site-footer ul.menu li ul.sub-menu li a { 
    display: block;
    font-size: 0.95em;
    line-height: 1.4em;
    font-family: 'BentoSans Regular', helvetica;
    letter-spacing: normal;
    font-weight: normal; 
    color: #0a7a7d;
}
footer.site-footer .footer-navigation-column a:hover,
footer.site-footer ul.menu li ul.sub-menu li a:hover { color: #fa913d; }


/* Footer - Address Block */
footer.site-footer .site-branding .cls-1 {
    fill: #fffefc;
}
footer.site-footer .address-block {
    display: block;
    margin: 2vh 0;
}
footer.site-footer .address-block span {
    display: block;
    margin: 0 0 1vh;
    font-size: 0.9em;
    line-height: 1.5em;
}
/* Socials */
.footer-socials {
    font-size: 1.4em;
    letter-spacing: 0.3em;
    margin-top: 5vh;
}

/* Copyright */
.site-info {
    margin-top: 2vh;
    font-size: 0.8em;
    line-height: 1.6em;
    letter-spacing: 0.02em;
    color: #6b7277;
    width: 80%;
}
.site-info a { color: inherit; }
.site-info a:hover { color: #fffefc; }


/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

/* iPads (portrait) ----------- */
@media only screen and (max-width: 1400px) { 
}
@media only screen and (max-width: 1280px) {
  /* Home */
  #section.home-hero h1.hero-title { font-size: 7em; }

  /* People */
  .members-grid>* { flex: 1 0 31.3%; margin: 1%; max-width: 31.3%; }

  /* Works */
  .related-articles .related-post {  flex: 1 0 48%; width: 48%;}
  .related-articles .related-post h4 { font-size: 1.5em; }
}
@media only screen and (max-width: 800px) {

  body { font-size: 16px; line-height: 26px;}
  h1 { font-size: 4.25em; }
  h2 { font-size: 3.5em; }
  h3 { font-size: 3em; }
  h4 { font-size: 2.25em; }
  .card { padding: 30px; }
  .cylinder { width: 5vw; }
  a.outline-cta { margin: 3vh 0 5vh; }

  /* Navigation */
  header#masthead .container { display: block; width: 100%; }
  header#masthead .menu-main-navigation-container { display: none;}
  header#masthead button.menu-toggle {
      display: block;
      background: none;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 0;
      margin: 0 auto;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
      z-index: 999;
      font-size: 0;
      position: absolute;
      right: 8vw;
      top: 25px;
  }
  button.menu-toggle span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #1a2126;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
  }
  button.menu-toggle span:nth-child(1) { top: 5px;}
  button.menu-toggle span:nth-child(2),
  button.menu-toggle span:nth-child(3) { top: 20px;}
  button.menu-toggle span:nth-child(4) { top: 35px;}    
  .main-navigation.toggled button.menu-toggle span:nth-child(1) {
      top: 20px;
      width: 0%;
      left: 50%;
  }
  .main-navigation.toggled button.menu-toggle  span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .main-navigation.toggled button.menu-toggle span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  .main-navigation.toggled button.menu-toggle span:nth-child(4) {
      top: 20px;
      width: 0%;
      left: 50%;
  }
  header#masthead .main-navigation.toggled,
  header#masthead .main-navigation.toggled .menu-main-navigation-container { display: block;}
  header#masthead .main-navigation.toggled button.menu-toggle span { background: #e54f42; }
  header#masthead .main-navigation ul li:last-of-type { border: none; }
  header#masthead .site-branding { margin-left: 8vw; max-width: 145px; }
  header#masthead .site-branding,
  header#masthead .main-navigation { flex: 1; }

  header#masthead .main-navigation ul.nav-menu { display: block; }
  header#masthead .main-navigation ul.nav-menu li { border: none; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; }
  header#masthead .main-navigation ul.nav-menu li:hover ul.sub-menu { display: block; position: relative;}
  header#masthead .main-navigation ul.nav-menu ul.sub-menu { box-shadow: none; }
  header#masthead .main-navigation ul.nav-menu li.work:hover  { border: none; }
  header#masthead .main-navigation ul.nav-menu li.work ul.sub-menu { top: 0; }


  /* Search */
  button.toggle.search-icon {
      color: #1a2126;
      right: 22vw;
      font-size: 1em;
      padding: 0;
      top: 30px;
      border-radius: 0;
      background: none;
  }
  #fullwidth.search-overlay.show {
      opacity: 1;
      pointer-events: all;
      position: absolute;
      z-index: 99999;
      width: 100%;
      max-height: 102px;
      border-bottom: 5px solid #047c9e;
      transition: none;
  }
  #fullwidth.search-overlay.hide { transition: none; }
  #fullwidth.search-overlay button.toggle {
      right: 0;
      top: 0;
      padding: 35px;
  }
  #fullwidth.search-overlay section.widget_search { padding: 25px 5vw; }
  #fullwidth.search-overlay section.widget_search h4 { display: none; }
  #fullwidth.search-overlay input[type="search"] { width: 50vw; }

  header.page-header.issues .post-thumbnail { padding: 0; }
  header.page-header .post-thumbnail img,
  #section.work-approach-issues.initiatives.flip .half.issues-content .post-thumbnail img { border-radius: 80px 0;}

  /* Home */
  #section.home-hero { background-size: 60vw auto; }
  #section.home-hero h1.hero-title { font-size: 4.5em; width: 70vw; margin-bottom: 50vh;}
  #section.home-hero .hero-image-container { height: 50vh; width: 95vw; top: auto; bottom: 14vh;}
  .circle-title-accent { height: 25vh; bottom: 9vh; }
  #section.home-our-works .overlay { width: 100%; padding: 40px; }
  #section.top-feature { padding-top: 0; background-size: 20vw auto;}
  .feature-block { max-width: 100%; margin: 0 0 3vh;}
  .feature-block h2 { font-size: 3em; }
  .feature-block .description { width: 100%; }
  #section.top-feature .feature-block { max-width: 100%; }
  #section.resources .container { flex-direction: column; }
  #section.resources .container>* { flex: 1 0 100%; max-width: 100%; }
  #section.resources .feature-block { padding: 5vh 0; }
  #section.resources .resources-quick-link { flex-direction: column; padding: 0 0 10vh; }
  #section.home-initatives .container { flex-direction: column; }
  #section.home-initatives .container>* { flex: 1 0 100%; width: 100%; max-width: 100%; }
  #section.home-initatives h4.initatives-title { width: 100%; }
  #section.home-initatives .container .featured-post { max-width: 100%; padding: 30px; }
  #section.resources { padding: 5vh 0; }
  #section.home-members .member-logos>*, #section.about-members .member-logos>* { flex: 1 0 33.3%; padding: 15px;} 
  .member-carousel { padding: 0 0 10vh; }
  .member-carousel .member-item.card .thumbnail { height: 220px; }
  .approach-highlights { padding: 0 0 8vh; }
  #section.home-members { padding: 10vh 0; }
  #section.home-socials .container>* { flex: 1 0 100%; width: 100%; padding: 0; margin-bottom: 3vh;}
  .twitter-embed { margin: 0 auto 5vh; padding: 30px; }
  body.home #section.footer-mailinglist { padding: 8vh 0; }

  /* Flourish */
  #section.home-members .cylinder.evergreen { display: none; }
  #section.home-community .cylinder.top.right.bottom-right.cerulean,
  .cylinder.bottom.right.top-left { min-height: 5vw }
  #section.home-community .circle.full-circle.olive { top: -5vw; right: 4vw; width: 10vw; height: 10vw;}
  #section.resources .cylinder.bottom.right.top-left { width: 20vw; min-height: 5vh; }
  .circle.bottom-right { width: 25vw; height: 25vw; bottom: -12vw;  right: 0;}
  .circle.top-right { width: 28vw; height: 28vw; top: -14vw; right: -8vw;}

  /* About */
  header.page-header .container { padding: 10vh 0 0;}
  header.page-header h1.page-title,
  header.page-header.interior-page h1.page-title { width: 100%; font-size: 5em; line-height: 1em; }
  header.page-header .post-thumbnail { position: relative; max-width: 100%; top: 5vh;}
  .top-main-content.container { padding: 35vh 0 3vh; min-height: 65vh;}
  #section.about-members .container { flex-direction: column; }
  #section.about-members .container>* { margin: 0 auto 5vh; width: 100%; padding: 0;}
  #section.about-members .member-grid>* { flex: 1 0 48%; width: 48%; margin: 1%;}
  .about-swoosh-overlap { display: none; }
  #section.about-mission { flex-flow: column-reverse wrap; }
  #section.about-mission .mission-background { padding: 15vh; }
  .about-swoosh-section { padding: 4vh 10vw 8vh 15vw; }
  .about-swoosh-section span.statement { font-size: 1.65em; }
  .about-values .cylinder.cerulean { display: none; }
  #section.about-values .container { flex-direction: column; }
  #section.about-values .container>* { flex: 1 0 100%; width: 100%; }
  .values-accordian { padding: 0; margin-top: 5vh; }
  .about-blog .card { width: 100%; border-radius: 50px 0; max-width: 800px; padding: 50px;}
  #section.about-career { padding: 10vh 0 15vh; }
  #section.about-career .container { padding: 0 2vw; }
  #section.about-career:before { background-size: 95vw auto; background-position: top right;}
  #section.home-our-works .overlay h3 { font-size: 2.3em; }
  #section.about-members.small-board .member-logos>* { flex: 1 0 28.3%; max-width: 30.3%; margin: 15px 10px; padding: 5px;}

  /* History */
  .history-timeline .timeline-block .date-marker,
  .history-timeline .timeline-block .date { flex: 1; }
  .history-timeline .timeline-block .date-detail { flex: 4; }
  .history-timeline .timeline-block:nth-child(even) { flex-direction: row; }
  .history-timeline .timeline-block:nth-child(even) .date-detail { text-align: left; }
  .history-timeline .timeline-block .date-marker:before { left: calc(25% - 0.5px); }

  /* Initiative */
  header.page-header.initiatives.showcase-top  { overflow: hidden; }
  header.page-header.initiatives.showcase-top .container { display: block; }
  header.page-header.initiatives.showcase-top .post-thumbnail { margin: 3vh auto;}
  .initiatives-contributor ul.contributor-list li.small-contributor { flex: 1 0 50%; width: calc(50% - 2vw); max-width: calc(50% - 2vw);}
  #section.bottom-feature.additional .container { display: block; }
  .initiatives-related-articles .container h3,
  #section.bottom-feature.additional .container .feature-block h4 { width: 100%; }

  .blog-listing h4.entry-title { font-size: 1.6em; }

  /* Press */
  .press-item .accordion-thumb { display: inline-block; padding: 0; width: 100%;}
  .press-item .accordion-thumb span.accent { margin-bottom: 10px; }
  .press-item .accordion-panel.description { padding: 0; }

  /* Entry Content */
  .entry-content blockquote { font-size: 1.6em; padding: 0 3vw 0 0; }
  .entry-content blockquote:before { display: none; }
  .entry-content blockquote:after { width: 90px; height: 90px; top: -3vh; opacity: 0.3; }

  /* Members */
  .members-grid>* { width: 48%; flex: 1 0 48%; max-width: 48%; }
  .member-item.card .thumbnail { height: 200px; }
  #section.about-ceo { padding: 35vh 0 5vh; }
  #section.about-ceo .overlay.card img.signature { display: block; }
  #section.about-ceo .overlay.card { width: 100%; padding: 50px;}
  #section.about-members .container { flex-direction: column-reverse; }

  /* People */
  body.single-people header.page-header .single-article-header { width: 100%; }
  body.single-people header.page-header .container { padding: 6vh 0; }
  body.single-people header.page-header .post-thumbnail { width: 100%; max-width: 400px; margin-bottom: -10vh;}
  body.single-people .top-main-content.container { padding: 15vh 0 5vh; }

  /* Resources */
  #section.feature-resources .feature-detail { flex: 1 0 100%; }
  #section.feature-resources .feature-detail .detail { width: 100%; }
  #section.feature-resources .resources-feature-grid>* { flex: 1 0 100%; width: 100%; margin: 2vh auto 0; }
  article.simple-list .article-top-content .post-thumbnail { display: none; }

  #section.feature-resources .resources-feature-grid article.simple-list .article-top-content .post-thumbnail { display: block; }
  article.simple-list h4 { font-size: 1.5em; }

  /* Careers */
  .gallery-strip-item { min-height: 50vh; }
  .jobs-container { display: flex; flex-wrap: wrap; flex-direction: column; }
  .jobs-container>* { width: 100%; flex: 1 0 100%; margin: 0 auto 1vh; padding: 25px;}
  .job-description.entry-content li { font-size: 1em; }
  .job-description.entry-content .container .application-form { margin: 0 auto 5vh; padding: 25px; }
  .job-description.entry-content .container .application-form h2, 
  .job-description.entry-content .container .application-form h3, 
  .job-description.entry-content .container .application-form h4 { font-size: 1.5em; }

  /* Contact */
  .contact-information { position: relative; top: 0; padding: 5vh 0; }

  /* Blog */
  header.page-header.blog .container { padding: 5vh 0; }
  .cat-navigation { align-items: flex-start; margin-top: 2vh; position: relative; padding-top: 0; }
  .cat-navigation>*:before { width: 100%; position: absolute; top: 0; left: 0; font-size: 0.9em;}
  .cat-navigation>* ul li a { font-size: 0.9em; line-height: 2em; padding: 10px 30px;}

  .related-articles-side article { padding: 10px 2vw; }
  body.single .single-article.entry-content .related-articles-side h4 { font-size: 1.5em; }

  header.page-header h1.page-title, 
  header.page-header.blog.single-blog-header .container h1.page-title,
  header.page-header.interior-page h1.page-title { font-size: 3em; line-height: 1.2em; }

  .blog-listing { width: 80vw; }
  .blog-listing>* { flex: 1 0 100%; width: 100%; max-width: 100%; margin: 0 auto 2vh; }
  .blog-top-navigation { margin: 20px 0 30px;}
  ul.contributor-list { justify-content: flex-start; align-items: flex-start; }
  ul.contributor-list li.small-contributor { max-width: 50%; }
  /* .blog-listing article.post.blog.featured { position: relative; }
  .blog-listing article.blog.featured .featured-image { float: none; margin: 0 auto 2vh; position: static;} 
  .blog-listing article.blog.featured header.entry-header { margin: 0 0 1vh; }
  .blog-listing article.blog.featured .featured-image i.fas { top: 0; left: 0; font-size: 0.9em; padding: 15px 20px 20px 15px;} */

  header.page-header.blog.single-blog-header .container { flex-direction: column; }
  header.page-header.blog.single-blog-header .container>* { flex: 1 0 100%; width: 100%; }
  header.page-header.blog.single-blog-header .post-thumbnail { bottom: 0vh; padding: 0; margin: 0 auto -7vh; }
  header.page-header.blog.single-blog-header  { margin-bottom: 10vh; }
  body.single .related-contributor { margin: 2vh 0 0; }
  body.single .single-article.entry-content { flex-direction: column; }
  body.single .single-article.entry-content .content-left { flex: 1 0 100%; max-width: 100%; padding: 0; }
  body.single .single-article.entry-content .content-right { flex: 1 0 100%; display: flex; flex-direction: column-reverse; }
  body.single .meta-details { display: flex; flex-wrap: wrap;}
  body.single .meta-details>* { flex: 1 0 50%; }

  .type-resources.card { padding: 25px 20px 10px;}
  .wp-pagenavi { text-align: left; }
  ul.contributor-list li.small-contributor { flex: 1 0 50%; width: 50%; margin: 0 0 15px; }

  header.page-header .container { display: block; }
  header.page-header .post-thumbnail { padding: 0; }

  /* Works */
  body.page-template-page-work .top-main-content.container { padding: 40vh 0 5vh; }
  .related-article-grid { width: 100%; margin: 0 auto; }
  .related-articles .related-post {  flex: 1 0 100%; width: 100%; margin: 10px auto;}
  header.page-header.approach h4,
  .approach-navigation .approach-article-nav-item h4 { font-size: 2em; }
  #section.work-approach-issues { padding: 5vh 0; }
  #section.work-approach-issues.initiatives.flip .container { flex-direction: column-reverse; }
  #section.bottom-work .container,
  #section.work-approach-issues .container { flex-direction: column; }
  #section.work-approach-issues .container a.outline-cta { margin: 4vh 0 1vh;}
  #section.bottom-work { padding: 5vh 0 10vh; }
  #section.bottom-work .blog-section,
  #section.work-approach-issues.initiatives.flip .half.issue-areas,
  #section.work-approach-issues.initiatives.flip .half.issues-content,
  #section.work-approach-issues .container .half { flex: 1 0 100%; width: 100%; padding: 3vh 2vw;}

  /* Issue Areas */
  .card.issues-list-item { flex-direction: column; }
  .card.issues-list-item>* { flex: 1 0 100%; }
  .card.issues-list-item p { margin: 0 auto; }
  .card.issues-list-item .content-item { padding: 3vh 0 0; }

  /* Initiatives */
  .initiatives-grid { width: 100%; margin: 0 auto; flex-direction: column;}
  .initiatives-grid>* { margin: 0 auto 2vh; padding: 20px; max-width: 100%;}
  #section.issues-listing.cities .card.issue-carousel-item h4 { font-size: 1.4em; }
  .card.issue-carousel-item { padding: 20px; }

  header.page-header.initiatives .container { display: block; }
  header.page-header.initiatives .post-thumbnail { position: inherit; bottom: 0; margin: 5vh 0 -15vh;}

  #section.bottom-feature.additional .container .feature-block h4 { font-size: 3.5em; }
  .top-main-content.initiatives-content.container { padding-top: 12vh; }
  #section.cities-section .entry-content h3,
  .initiatives-related-articles .container h3 { font-size: 2.25em; }

  /* Community */
  .issues-related-resources .blog-listing article.card { padding: 20px 20px 5px; margin: 0 auto 2vh;}
  .resource-icon a { padding: 0 3vw 0 0; }

  /* Contact */
  .contact-information { width: 100%; }
  .wpcf7 input[type="submit"] { width: 100%; }

  /* Footer */
  #section.footer-mailinglist { padding: 8vh 0; }
  #section.footer-mailinglist .container { flex-direction: column; }
  #section.footer-mailinglist .container>* { flex: 1 0 100%; width: 100%; }
  #section.footer-mailinglist .email-capture-embed { padding: 0; margin: 5vh 0 0; }

  .mc-name-section>*:first-of-type { padding: 0; }

  footer.site-footer { padding: 10vh 0 5vh; }
  footer.site-footer .container { flex-direction: column-reverse; }
  footer.site-footer .navigation-column {  display: none;}
  footer.site-footer .footer-address-column { padding: 0;}
  footer .site-branding { margin: 0 0 3vh; max-width: 220px;}
  footer.site-footer .navigation-column ul {  margin: 0 0 5vh;}
  footer.site-footer .site-info { width: 100%; }
  #section.footer-mailinglist .email-capture-embed input[type="submit"] { width: 100%; }

}
@media only screen and (max-width: 520px) {
    body { font-size: 15px; line-height: 25px;}
    /* Header */
    #fullwidth.search-overlay.show { position: relative; }
    #fullwidth.search-overlay button.toggle { padding: 25px; }
    #fullwidth.search-overlay section.widget_search { width: 80%; padding: 15px 0 15px 5vw; }
    #fullwidth.search-overlay input[type="submit"] { 
        background: #047c9e; color: #FFFFFF; border: none;
        font-size: 0.9em; position: absolute; right: 70px; padding: 18px 20px;
    }

    button.toggle.search-icon { right: 30vw; }
    .card { padding: 25px 25px 10px; }
    header#masthead .main-navigation ul.nav-menu li a { font-size: 1.15em; }

    .article-thumbnail { min-height: 150px; }

    /* Home */
    .circle-title-accent { width: 35vw; bottom: 10vh;}
    #section.home-hero .hero-image-container,
    #section.home-hero .carousel-item { height: 50vh; }
    #section.home-hero h1.hero-title { font-size: 3.5em; width: 100%; margin-bottom: 480px;}
    #section.home-community .feature-block h3,
    #section.home-members h3,
    #section.about-members .member-detail h3,
    header.page-header h1.page-title, header.page-header.blog.single-blog-header .container h1.page-title, header.page-header.interior-page h1.page-title,
    header.page-header.resources.single-resources-header h1.page-title,
    header.page-header.initiatives h1.page-title, body.single-people header.page-header.interior-page h1.page-title,
    .feature-block h2 { font-size: 2.5em; line-height: 1.1em; }
    h4, .bottom-feature.past-initiatives li.feature-block.card h4,
    .job-description.entry-content h2, .job-description.entry-content h3, .job-description.entry-content h4,
    #section.home-initatives .initiatives-related-articles.blog-listing h4.entry-title { font-size: 1.8em; line-height: 1.2em; }
    header.page-header.single-job-header h1.entry-title,
    #section.resources .feature-block h3 { font-size: 3em;}
    #section.home-community .feature-block { max-width: 100%; }
    #section.home-members .member-logos>*, #section.about-members .member-logos>* { flex: 1 0 50%; max-width: 50%; }
    #section.home-hero { min-height: auto; margin-top: 10vh; }

    /* About */
    body.page-id-7 header.page-header.about .post-thumbnail { margin-bottom: -25vh;}
    .about-swoosh-section span.statement { font-size: 1.5em; }
    .about-swoosh,
    .about-swoosh-section { border-radius: 0 0 0 100px; }
    #section.about-blog,
    #section.about-members { padding: 10vh 0; }
    #section.about-members .cylinder.right.top { display: none; }
    .about-blog .card { padding: 50px 30px; }

    /* Articles */
    body.single a.back-to-link { padding: 12px; font-size: 1.1em; margin: -3vh 0 2vh; }
    .infographics { display: none; }

    /* Pages */
    header.page-header.issues.main-page .post-thumbnail,
    header.page-header .post-thumbnail { margin: 0; }
    .top-main-content.container { padding: 10vh 0 5vh; }
    .card.issue-carousel-item { min-height: 550px; }
    .history-timeline .timeline-block .date { font-size: 1.4em; line-height: 1.8em; }

    /* Blog */
    header.page-header h1.page-title, 
    header.page-header.blog.single-blog-header .container h1.page-title, 
    header.page-header.interior-page h1.page-title { font-size: 3em; }

    /* People */
    header.page-header.people .container { padding: 10vh 0 4vh; margin-bottom: 4vh; font-size: 1.2em;}
    body.single-people header.page-header.interior-page .job-title { margin-bottom: 15px; }
    .member-item.card strong { font-size: 1.3em; }
    .members-grid { width: 100%; }
    .initiatives-contributor ul.contributor-list li.small-contributor,
    #section.about-members .member-grid>*,
    .members-grid>* { flex: 1 0 100%; margin: 0 auto 12px; max-width: 100%; width: 100%; min-height: auto; }
    
    /* Blog */
    ul.contributor-list { flex-direction: column; }
    ul.contributor-list li.small-contributor { flex: 1 0 100%; width: 100%; max-width: 100%; margin-bottom: 10px; }
    ul.contributor-list li.small-contributor .contributor-name span { font-size: 0.9em; }
    .resources-listing h4 { font-size: 1.75em; margin: 0 0 2vh; }

}