/*!
Theme Name: DC Greenbank
Theme URI: http://dcgreenbank.org/
Author: Phill Mamula
Author URI: https://www.ghostnoteagency.com
Description: 2021 Theme for DC Greenbank
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: dcgreenbank
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.

DC Greenbank 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: 'Texta Alt';
    src: url('fonts/TextaAlt-Regular.woff2') format('woff2'),
         url('fonts/TextaAlt-Regular.wofff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Global
-------------------------------------------------------------- */
body { 
	background: #FFFEF7; 
	color: #2B3B36;
    font-family: 'Texta Alt', sans-serif;
	font-size: 19px;
	line-height: 28px;
}
h1,h2,h3,h4 {
	color: #32475F;
	font-family: 'meno-banner',serif;
	font-weight: 400; 
	line-height: 1.2em;
	font-style: normal;
    margin: 2vh 0 1vh;
}
h1 { font-size: 4em; }
h2 { font-size: 3.5em; }
h3 { font-size: 2.75em; }
h4 { font-size: 2.25em; }
p { margin: 0 0 2vh; }
ul, li {
    margin: 0 0 1vh 0;
    list-style: none;
}
a, a:link, a:visited { 
	color: #2B3B36; 
  	text-decoration: none;
  	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: #0BB058; }
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;
}
li > ul, li > ol {
    margin: 0;
    padding: 0;
}
hr {
    background-color: #dccebb;
    border: 0;
    height: 1px;
    margin: 4vh 0;
}

/* Secondary Fonts */
.accent {
	font-family: 'quiche-sans', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.handwritten {
	font-family: 'adobe-handwriting-ernie', sans-serif;
	font-weight: 400;
	font-style: normal;
}
a.large-cta {
    display: table;
    text-decoration: none !important;
    margin: 0;
    font-size: 1em;
    padding: 12px 40px;
    border: 1px solid;
    background: linear-gradient(to right, #32475F 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: bottom right;
    transition: all .25s ease-out;
}
a.large-cta:hover {
    border: 1px solid;
    background-position: bottom left;
    color: #FFFEF7;
}

/* Colors */
.meadow { color: #0BB05A; }
.cloud { color: #FFFEF7; }
.pine { color: #2B3B36; }
.mint { color: #B4D6BC; }
.brick { color: #7E3A2F; }
.melon { color: #FF8161; }
.flax { color: #F2D8B3; }
.peach { color: #FFA052; }
.olive { color: #505B3A; }
.sky { color: #6988DB; }
.spruce { color: #32475F; }

.meadow-bg  { background: #0BB05A; color: #FFFEF7; }
.cloud-bg   { background: #FFFEF7; color: #2B3B36; }
.pine-bg    { background: #2B3B36; color: #FFFEF7; }
.mint-bg    { background: #B4D6BC; color: #2B3B36; }
.brick-bg   { background: #7E3A2F; color: #2B3B36; }
.melon-bg   { background: #FF8161; color: #2B3B36; }
.flax-bg    { background: #F2D8B3; color: #2B3B36; }
.peach-bg   { background: #FFA052; color: #2B3B36; }
.olive-bg   { background: #505B3A; color: #FFFEF7; }
.sky-bg     { background: #6988DB; color: #FFFEF7; }
.spruce-bg  { background: #32475F; color: #FFFEF7; }

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

.container {
	width: 90vw;
	max-width: 1400px;
	margin: 0 auto;
}


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

/* Announcement Bar */
.announcement-bar {
  background: #1c2b3c;
  color: #FFFEF7;
  font-size: 0.8em;
  line-height: 1.1em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 15px 0;
  position: relative;
  z-index: 99;
}
.announcement-bar a { color: #FFFEF7; }
.announcement-bar a:hover { color: #B4D6BC; }

/* Border Top */
header#masthead {
    border-top: 10px solid #32475F;
}
header#masthead:before,
header#masthead:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 15%;
    width: 20%;
    height: 10px;
    background: #B4D6BC;
}
header#masthead:after {
    background: #F2D8BC;
    left: 35%;
}

/* Header */
header#masthead {
    position: relative;
    padding: 3vh 0;
    z-index: 999;
}
header#masthead .container {
    display: flex;
    align-items: center;
}

/* Logo */
header#masthead .site-branding { width: 200px; float: left; }
header#masthead .site-branding h1.site-title { margin: 0; font-size: 0;}
header#masthead .site-branding h1.site-title svg .cls-1 {  fill: #32475f;}

/* Navigation */
header#masthead .main-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header#masthead .main-navigation ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
header#masthead .main-navigation ul li {
    margin: 0 0 0 1.25vw;
}
header#masthead .main-navigation ul li:first-of-type { margin: 0; }
header#masthead .main-navigation ul li a {
	width: 100%;
	padding: 15px 25px;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0.04em;
}

header#masthead .main-navigation ul li a:hover { color: inherit; }

/* Dropdown */
header#masthead .main-navigation li.menu-item-has-children a { padding: 15px 1vw; }
header#masthead .main-navigation li.menu-item-has-children a:after {
	content: '';
    background: url('images/caret-down-pine.png') no-repeat center center / contain;
    width: 11px;
    height: 15px;
    position: relative;
    float: right;
    margin-top: 1px;
    margin-left: 10px;
    opacity: 0.8;
}
header#masthead .main-navigation ul.sub-menu {
    display: block;
    width: 115%;
    background: #32475f;
}
header#masthead .main-navigation ul.sub-menu li {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 0;
}
header#masthead .main-navigation ul.sub-menu li a:after { display: none; }
header#masthead .main-navigation ul.sub-menu li a { color: #FFFEF7; padding: 15px 15px;}
header#masthead .main-navigation ul.sub-menu a:hover { color: #0BB058; background: rgba(0,0,0,0.1); }


/* Homepage
--------------------------------------------- */
body.home header#masthead { border-bottom: 1px solid rgba(255,255,255,0.3); }
body.home header#masthead li a,
body.home header#masthead li a:hover { color: #FFFEF7; }
body.home header#masthead .site-branding h1.site-title svg .cls-1 { fill: #FFFEF7 }
body.home header#masthead .main-navigation li.menu-item-has-children a:after {
    opacity: 0.8;
    background: url('images/caret-down-flax.png') no-repeat center center / contain;
}

/* Video Hero */
.video-hero {
    margin-top: -125px;
    position: relative;
}
.video-hero .hero-section {
    padding: 25vh 0 18vh;
    position: relative;
    z-index: 99;
}
.video-hero:before {
    content: '';
    background: -moz-linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc040516', endColorstr='#007db9e8',GradientType=1 );
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.video-hero .hero-section .description {
    font-size: 1.15em;
    margin: 2vh 0;
}
.video-hero .hero-dropown {
    display: block;
    margin: 3vh 0;
    width: 250px;
    position: relative;
}
.video-hero .hero-dropown label { 
    display: block; 
    text-transform: 
    uppercase; color: #FFFEF7;
    font-size: 0.85em;
    letter-spacing: 0.06em;
    opacity: 0.6;
}
.video-hero .hero-dropown select {
    appearance: none;
    border: none;
    padding: 10px 30px 10px 15px;
    margin: 5px 0;
    width: 250px;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    text-transform: uppercase;
}
.video-hero .hero-dropown select::-ms-expand {
  display: none;
}
.video-hero .hero-dropown:after {
  content: "";
  background: url('images/caret-down-pine.png') no-repeat center center / contain;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 9;
  top: 53px;
  right: 20px;
}

/* Video Background */
.iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  pointer-events: none;
  overflow: hidden;
}
.iframe-wrapper video {
  width: 100vw;
  height: 120vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 220vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 28.1vw; 
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Programs Bottom Hero Navigation */
.hero-program-navigation {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid rgba(255,255,255,0.3);
    z-index: 99;
}
.hero-program-navigation li {
    flex: 1;
    border-right: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
    margin: 0;
    background: linear-gradient(to top, #2B3B36 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top left;
    transition: all .25s ease-out;
}
.hero-program-navigation li:hover {
    background-position: bottom left;
}
.hero-program-navigation li a{
    color: #FFFEF7;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    padding: 20px;
    width: 100%;
    height: 100%;
}
.hero-program-navigation li:last-of-type { border: none; }

/* Home Carousel */
.section-area.home-carousel { position: relative; display: flex; align-items: center; min-height: 80vh;  padding: 0; margin: 0 auto;}
.section-area.home-carousel .owl-nav { display: block; }
.section-area.home-carousel:before {
    content: '';
    width: 30vw;
    height: 100%;
    background: #B4D6BC;
    position: absolute;
    z-index: -3;
    right: 0;
    top: 0;
}
.content-slide {
    margin-top: 3vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.content-slide>* {
    flex: 1 0 50%;
    height: 70vh;
}
.content-slide .carousel-overlap {
    display: flex;
    align-items: center;
    padding-right: 5vw;
}
.content-slide .carousel-overlap .half-content h2 {
    display: block;
    font-size: 5em;
    line-height: 0.9em;
    margin: 2vh 0;
    width: 90%;
    position: relative;
    z-index: 999;
}


/* Statistics */
.statistics-bg {
    margin: 5vh auto;
}
ul.stat-listing {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 5vh 0;
    margin: 0;
}
ul.stat-listing li {
    flex: 1;
    list-style: none;
    padding: 2vh 5vw;
    border-right: 1px solid rgba(255,255,255,0.2);
}
ul.stat-listing li:last-of-type { border: none; }
ul.stat-listing li h3 { font-size: 4em; letter-spacing: 0.02em; }
span.stat-title {
    text-transform: uppercase;
    width: 80%;
    display: block;
    margin: 0 auto;
    line-height: 1.2em;
}

/* Bottom Feature */
.section-area.fifty-card.full-w.home-bottom-feature {
    background: none;
    padding-top: 5vh;
}
.half-content .entry-content a.large-cta {
    display: table;
    margin: 5vh 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.9em;
}
.half-content span.subtitle {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2vh;
    display: block;
}

/* 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-dot {}
.owl-dot {
    background: none;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 50%;
    text-transform: uppercase;
    padding: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-right: 15px;
}
.owl-dot:hover { 
    border: 1px solid #32475F;
    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 { 
    background: #32475F;
    border: 1px solid #32475F;
  }
.owl-nav { display: none; }
.owl-nav button { 
    background: none;
    border: 1px solid;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0 0 3px 0;
    font-size: 1.25em;
    line-height: 0;
    margin-right: 8px;
    border-radius: 50%;
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}
.owl-nav button:hover {
    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;  
}


/* Products (Content Blocks)
--------------------------------------------- */

.product-item {
    display: flex;
    align-items: center;
    padding: 7vh 0;
}
.product-item:nth-child(even) { flex-direction: row-reverse; }
.product-item>*  { flex: 1 0 50%; }
.product-item .featured-image { width: 100%; height: 55vh; }
.product-item .featured-image a { display: block; width: 100%; height: 100%; }
.product-item .product-detail { padding-right: 5vw; }
.product-item:nth-child(even) .product-detail { padding-right: 0; padding-left: 5vw; }

/* Page Hero */
.fullwidth-hero.page-hero {
    padding: 20vh 0 15vh;
    position: relative;
    overflow: hidden;
}
.fullwidth-hero.page-hero:before {
    content: '';
    background: -moz-linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(35deg,  rgb(4 5 22 / 65%) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc040516', endColorstr='#007db9e8',GradientType=1 );
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.fullwidth-hero.page-hero .hero-section {
    text-shadow: 0px 0px 65px rgba(4,5,22,0.95);
    position: relative;
    z-index: 99;
}
.fullwidth-hero.page-hero .hero-section span.subtitle {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 auto 1vh;
    display: block;
    color: #FF8161;
}
.fullwidth-hero.page-hero .hero-section h1.hero-title {
    font-size: 5em;
    line-height: 1em;
    width: 75%;
    margin: 2vh 0 3vh;
}
.fullwidth-hero.page-hero .hero-section span.subtitle:before {
    content: '';
    width: 20vw;
    height: 1px;
    background: #fa7f5f;
    position: absolute;
    left: 0;
    top: -5px;
}
.fullwidth-hero.page-hero .hero-section .description {
    font-size: 1.2em;
    margin: 0;
    width: 80%;
}

/* Section Areas
--------------------------------------------- */
.section-area { padding: 10vh 0; }

/* Text Two Columns */
.two-col .container {
    display: flex;
    flex-wrap: wrap;
}
.two-col .container .col { flex: 1 0 50%; width: 50%; text-align: justify; }
.two-col .container .col.left { padding-right: 2vw; }
.two-col .container .col.right { padding-left: 2vw; }
.two-col .container .col h4 {
    font-size: 1.3em;
    line-height: 1.2em;
    margin: 0 0 10px;
}

/* Fifty/Fifty */
.fifty-card .container { display: flex; align-items: center; }
.fifty-card .container .col h3 {
    text-transform: none;
    font-size: 2.5em;
    text-align: left;
    line-height: 1.1em;
    margin: 2vh 0 3vh;
}
.fifty-card .col a { text-decoration: underline; }
.fifty-card .large-cta:hover { border-color: #32475F; }

/* Fifty/Fifty - Fullwidth */
.section-area.fifty-card.full-w {
    background: #B4D6BC;
    color: #2B3B36;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.section-area.fifty-card.full-w .col { flex: 1 0 50%; min-height: 60vh; width: 50%; }
.section-area.fifty-card.full-w .col.left { 
    padding: 10vh 7vw; 
    display: flex; 
    align-items: center; 
}
.section-area.fifty-card.full-w .col.left h3 { margin: 0 0 5vh; }
.section-area.fifty-card.full-w .col.left .entry-content br { display: none; }

.section-area.fifty-card.flip,
.section-area.fifty-card.flip .container { flex-direction: row-reverse; }
.section-area.fifty-card.flip .container .col.right { padding: 0 3vw 0 0; }


.section-area.fifty-card.full-w .col.blue { background: #32475F; color: #FFFEF7;}
.section-area.fifty-card.full-w .col.blue a { color: #FFFEF7; }
.section-area.fifty-card.full-w .col.blue h3 { color: #FFFEF7; }
.section-area.fifty-card.full-w .col.dark { background: #2B3B36; color: #FFFEF7;}
.section-area.fifty-card.full-w .col.dark a { color: #FFFEF7;}
.section-area.fifty-card.full-w .col.dark h3 { color: #FF8161; }
.section-area.fifty-card.full-w .col.light { background: #f3ede4; color: #2B3B36;}
.section-area.fifty-card.full-w .col.light a { color: #2B3B36;}
.section-area.fifty-card.full-w .col.light h3 { color: #2B3B36; }

/* Blockquote */
.section-area.blockquote {
    padding: 7vh 0;
}

/* Testimonial */
.section-area.testimonial {
    text-align: right;
}
.section-area.testimonial h4 {
    font-size: 2em;
    line-height: 1.3em;
    position: relative;
    z-index: 9;
}
.section-area.testimonial h4:before {
    color: #0BB058;
    font-size: 8em;
    font-family: serif;
    opacity: 0.2;
    content: '“';
    position: absolute;
    top: 5vh;
    right: -2vw;
    z-index: -3;
}
.section-area.testimonial .author { font-size: 1.2em; font-style: italic; }


/* Large Image */
.section-area.lg-image { padding: 6vh 0 4vh; text-align: center; }
.section-area.lg-image h4 {
    font-size: 1.75em;
    text-transform: uppercase;
    margin: 0 auto 4vh;
}
.section-area.lg-image img { max-width: 90%; margin: 0 auto; }

/* Parallax Background */
.section-area.large-hero-background {
    min-height: 400px;
}

/* Alert */
.section-area.alert {
    border-left: 10px solid #85d7ab;
    background: #e6f5e9;
    padding: 3vh 0;
    font-family: 'meno-banner',serif;
    text-transform: uppercase;
    font-size: 1.2em;
}

/* WYSIWYG */
.section-area.wysiwyg .entry-content h1, 
.section-area.wysiwyg .entry-content h2, 
.section-area.wysiwyg .entry-content h3, 
.section-area.wysiwyg .entry-content h4 {
    font-size: 2em;
    line-height: 1.4em;
    margin: 4vh 0 5px;
}


/* Pages
--------------------------------------------- */
header.entry-header {
    margin: 4vh 0;
}

/* Accordion */
.accordion-title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 3vw;
}
.accordion-title:after {
    content: '';
    background: url('images/caret-down-pine.png') no-repeat top center / contain;
    width: 15px;
    height: 10px;
    position: absolute;
    top: calc(50% - 4px);
    right: 1vw;
    opacity: 0.3;
}
.accordion-item.is-active .accordion-title:after {
    transform: rotate(180deg);
}
.accordion-item {
    padding: 1vh 0;
}
.accordion-panel { display: none; margin-top: 5px;}


/* Entry Content */
.entry-content a { text-decoration: underline; }
.entry-content li { 
    list-style: disc;
    list-style-position: inside; 
    line-height: 1.2em;
    margin-bottom: 15px;
}
.wp-caption .wp-caption-text {
    font-size: 0.8em;
    display: block;
    background: #f3f1e3;
    padding: 15px;
}
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4 {
    line-height: 1em;
    margin: 2vh 0 10px;
}
.entry-content h1 { font-size: 3.5em; }
.entry-content h2 { font-size: 2.75em; }
.entry-content h3 { font-size: 2.25em; }
.entry-content h4 { font-size: 1.75em; }
.entry-content a { text-decoration: underline; }
.entry-content ul, .entry-content ol { margin-left: 2vw; padding: 0; }
.entry-content ul li { line-height: 1.5em; margin-bottom: 10px; }

.entry-content blockquote {
    text-align: right;
    font-family: 'meno-banner',serif;
    font-size: 2em;
    line-height: 1.3em;
    position: relative;
    z-index: 9;
    margin: 6vh 0;
}
.entry-content blockquote:before {
    color: #0BB058;
    font-size: 8em;
    font-family: serif;
    opacity: 0.2;
    content: '“';
    position: absolute;
    top: 5vh;
    right: -2vw;
    z-index: -3;
}


/* Contact Form 7 */
.split {
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.half {
    flex: 1 0 50%;
    width: 50%;
}
.half:first-of-type { padding-right: 5px; }
.half:last-of-type { padding-left: 5px; }

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 0;
    max-height: 120px;
    margin: 0;
}
.wpcf7 p { margin: 0 0 10px; }
.wpcf7 label {
    text-transform: uppercase;
    font-size: 0.7em;
    margin: 5px 0 0;
    letter-spacing: 0.1em;
    opacity: 0.6;
}
input.wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
    font-size: 1em;
    font-family: 'Texta Alt', helvetica;
    background: #0bb05a;
    color: #FFFFFF;
    border: none;
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #171d1b;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

/* FAQs */
.faq-listing { margin: 3vh 0 10vh;}
.faq-listing .question-item { padding: 1vh 0;}
.faq-listing .question-item .question h4 {
    font-size: 1.5em;
    line-height: 1.1em;
}


/* Performance Targets */
.performance-targets {
    padding: 5vh 0;
    background: #FFFFFF;
    border-top: 1px solid #e6e0d5;
    margin: 5vh 0 0;
}
.target-item {
    margin: 5vh 0;
    padding: 0 0 5vh;
    border-bottom: 1px solid #e6e0d5;
    display: flex;
    flex-wrap: wrap;
}
.target-item:last-of-type { margin-bottom: 0; border: none; }

.target-item .performance-target-title { flex: 1 0 25%;}
.target-item .performance-target-title h3 { font-size: 2.2em; padding-right: 5vw; }
.target-item .performance-target-list { flex: 3 0 75%; }

.perforamnce-area-item .accordion-title span { flex: 1; }
.perforamnce-area-item .accordion-title strong {
    flex: 7;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.15em;
    margin-bottom: 10px;
}
.perforamnce-area-item .accordion-panel { padding-left: 12.5%; }


/* About Us
--------------------------------------------- */
.about-section { padding: 8vh 0; overflow: hidden; }

/* Feature */
.about-section.feature.fifty-card .container .col h3 { font-size: 3em; margin-bottom: 3vh; }
.about-section.feature a.large-cta {
  margin: 4vh 0 2vh;
}
span.subtitle {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0bb058;
    margin-bottom: 2vh;
}
/* Testimonial */
.about-section.testimonial-c {
    padding: 7vh 0;
    position: relative;
    background: #FFFFFF;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.about-section.testimonial-c .container { display: flex; align-items: center;}
.about-section.testimonial-c .container .owl-stage { display: flex; align-items: center; }
.about-section.testimonial-c .container:before {
    color: #0BB058;
    font-size: 15em;
    line-height: 1em;
    font-family: serif;
    opacity: 0.2;
    content: '“';
    position: absolute;
    top: -3vh;
    right: 0;
    z-index: -3;
}

/* Team */
.about-section.team {
    background: #fbf7f0;
    text-align: center;
    padding: 6vh 0;
    border-top: 1px solid rgb(173 168 161 / 21%);
    border-bottom: 1px solid rgb(173 168 161 / 21%);
}
.about-section.team h3 { margin: 0 auto 6vh; }
.team-grid .team-member {
    display: block;
    text-align: center;
    padding: 0;
}
.team-grid .team-member h4 { font-size: 1.8em; margin: 0 auto 5px; }
.team-grid .team-member .thumbnail {
    border-radius: 50%;
    width: 225px;
    height: 225px;
    display: block;
    margin: 0 auto 20px;
    border: 6px solid #F2D8B3;
}
.team-grid .team-member .thumbnail a { display: block; width: 100%; height: 100%; }
.about-section.team a.large-cta {
    margin: 7vh auto 0;
}

/* Careers */
.about-section.careers { padding: 10vh 0; }
.about-section.careers h3 { margin: 0 0 3vh; line-height: 1.1em; width: 80%;}
.about-section.careers .container {
    display: flex;
    flex-wrap: wrap;
}
.about-section.careers .container>* {
    flex: 1 0 50%;
    width: 50%;
}
.about-section.careers .career-description { padding-right: 6vw; }
li.job.accordion-item { padding: 2vh 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
li.job.accordion-item h4 {
    font-size: 1.5em;
    padding-right: 30px;
    margin: 5px 0 10px;
}
li.job.accordion-item:last-of-type { border-bottom: none; }
li.job.accordion-item a { text-decoration: underline; }
li.job.accordion-panel { padding-top: 10px; }

.about-section.careers span.nojobs {
    padding: 5vh 5vw;
    display: inline-block;
    text-align: center;
    opacity: 0.5;
}



/* Projects
--------------------------------------------- */
.product-listing-area { padding: 8vh 0; }
.product-listing-area .entry-content { margin-bottom: 5vh; }
.projects-stat { margin: 0 auto; }

/* Project Grid */
.project-listing { display: flex; flex-wrap: wrap; }
.project-item {
    width: 50%;
    flex: 1 0 50%;
    padding-right: 2vw;
}
.project-item:nth-child(even) { padding-left: 2vw; }
.project-item span.subtitle { font-size: 0.9em; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 5px; display: block;}
.project-item h2 {
    font-size: 2.75em;
    margin: 0 0 15px;
}
.project-item .featured-image {
    height: 30vh;
    margin: 1vh auto 2vh;
}
.project-item .featured-image a { width: 100%; height: 100%; display: block; }




/* Program
--------------------------------------------- */
.section-area.home-carousel.program-showcase {
    min-height: auto;
    padding: 18vh 0 15vh;
    margin-top: -115px;
}
.section-area.home-carousel.program-showcase .content-slide { margin: 0 auto; }
.section-area.home-carousel.program-showcase .content-slide>* { flex: 3; height: auto;}
.section-area.home-carousel.program-showcase .content-slide .carousel-image { flex: 2; height: 80vh; }
.section-area.home-carousel.program-showcase .content-slide .carousel-overlap .half-content h2 { margin: 2vh 0 5vh; }
.section-area.home-carousel.program-showcase .owl-dots {
    position: absolute;
    z-index: 999;
    bottom: 0;
}

/* Program Header */
.fullwidth-hero.page-hero.program-hero .hero-section { padding-right: 46vw;}
.fullwidth-hero.page-hero.program-hero .hero-section h1.hero-title {
    font-size: 4.5em;
    line-height: 0.9em;
    margin: 0 0 4vh;
}

.program-header { background: #f3ede4; }
.program-header .container {
    display: flex;
    flex-wrap: wrap;
}
.program-header .container>* {
    flex: 1 0 50%;
    width: 50%;
}
.program-header .overlap {
    margin-top: -45vh;
    z-index: 99;
    padding: 50px 50px 20px;
    position: relative;
}
.program-header .overlap .form-title h3 { margin: 0 0 20px; }

ul.program-feature-list {
    display: flex;
    flex-wrap: wrap;
    padding: 5vh 0;
}
ul.program-feature-list li {
  list-style: none;
    flex: 1 0 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
}

ul.program-feature-list li .feature-icon{ margin-bottom: 2vh;} 
ul.program-feature-list li img { width: auto; max-height: 60px;}
ul.program-feature-list li .feature-title {  margin-bottom: auto; }
ul.program-feature-list li .feature-title label { display: block; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.03em; margin-bottom: 1vh;}
ul.program-feature-list li .feature-title h4 { margin: 0; font-size: 1.5em; padding-right: 5vw;}


/* Our Team
--------------------------------------------- */
.team-section .entry-content {
    padding: 5vh 0;
}

/* Team Members */
.team-member {
    display: flex;
    flex-wrap: wrap;
    padding: 5vh 0;
}
.team-member:first-of-type { padding-top: 0; }
.team-member-img .thumbnail {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 8px solid #f2d8b3;
}
.team-member-img { flex: 1; padding: 0 5vw 0 0;}
.team-member-detail { flex: 4; }
.team-member-detail h3 { font-size: 3.6em; margin: 0 0 10px;}
.team-member-detail span.job-title {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin: -5px 0 2vh;
    display: block;
}

/* Board Members */
.board-members {
    padding: 10vh 0;
    border-top: 1px solid #d0c8bd;
    margin-top: 5vh;
}
.board-member-grid {
    display: flex;
    flex-wrap: wrap;
}
.board-member {
    border-bottom: 1px solid rgba(0,0,0,0.2); 
    border-right: 1px solid rgba(0,0,0,0.2);
    flex: 1 0 50%;
    width: 50%;
    max-width: 50%;
    padding: 4vh 3vw;
}
.board-member:nth-child(even) { border-right: none; }
.board-thumb {
    display: flex;
    align-items: center;
}
.board-thumb .thumbnail-container{ flex: 1; padding-right: 2vw;}
.board-thumb .board-name { flex: 4; }

.board-member .thumbnail{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid #f2d8b3;
}
.board-member h4 { margin: 0; font-size: 2.25em; }
.board-member .board-thumb .job-title {
    display: block;
    margin-top: 5px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1vh;
}
.board-bio {
    padding: 1vh 0;
    font-size: 0.9em;
    line-height: 1.5em;
}

/* Post
--------------------------------------------- */
/* Listing */
article.post {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 5vh 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
article.post>* { flex: 3; }
article.post span.category {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
}
article.post a.post-thumbnail {
    padding-right: 3vw;
    flex: 2;
}
article.post h2.entry-title {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 0 0 10px;
}
article.post span.date-published { 
  font-size: 0.9em;
  line-height: 1em;
  display: block;
  margin: 5px 0 2vh;
  color: rgba(0,0,0,0.4); 
  text-transform: uppercase; 
}

/* Category Header */
header.page-header.category-header {
    padding: 4vh 0 4vh;
    background: #b4d6bc;
}
header.page-header.category-header h1 { color: #2B3B36; font-size: 3.5em; }
body.category article.post span.category { display: none; }
body.category-board-meetings header.page-header.category-header { background: #32475F;}
body.category-board-meetings header.page-header.category-header h1{ color: #FFFEF7;}
body.category-events header.page-header.category-header { background: #F2D8B3;}
body.category-press header.page-header.category-header { background: #2B3B36;}
body.category-press header.page-header.category-header h1{ color: #FFFEF7;}

/* Single */
.article-content { padding: 0;}
.article-content .container {
    min-height: 40vh;
    display: flex;
    flex-wrap: wrap;
}
.article-content .container .entry-content {
    flex: 3;
    padding-right: 2vw;
    margin: 3vh 0 5vh;
}
.article-content .container .entry-meta { 
    flex: 1; 
    padding-left: 2vw; 
    margin-top: 3vh;
    margin-bottom: 8vh;
}
body.single-post .fullwidth-hero.page-hero {
    padding: 20vh 0 15vh;
}
body.single-post .fullwidth-hero.page-hero.no-background { background: #f3ede4; }
body.single-post .fullwidth-hero.page-hero.no-background .hero-section { text-shadow: none; }
body.single-post .fullwidth-hero.page-hero.no-background:before { display: none; }
body.single-post .fullwidth-hero.page-hero.parallax-window h1 { color: #FFFEF7; line-height: 1em; }


.entry-meta .entry-meta-item {
    margin-bottom: 2vh;
}
.entry-meta .entry-meta-item label {
    text-transform: uppercase;
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    letter-spacing: 0.06em;
    color: #505B3A;
    opacity: 0.6;
}
.pdf-download {
    display: flex;
    flex-direction: column;
    margin-bottom: 2vh;
    background: rgb(156 158 126 / 10%);
    padding: 15px;
}
.pdf-download img { margin-bottom: 10px; }
.pdf-download a.large-cta { width: 100%; text-align: center; position: relative; }

.entry-meta ul.downloads-listing li {
   display: block;
   list-style: none;
   margin: 0 auto 10px;
}

/* Event Detail Overlap */
.event-details-box.overlap {
    margin-top: -10vh;
    position: relative;
    z-index: 99;
    padding: 2vw;
    display: block;
}
.event-details-box.overlap .event-details-meta {
    display: flex;
    flex-wrap: wrap;
}
.event-details-box.overlap .event-details-meta>* {
    flex: 1; margin-right: 1vw;
}
.event-details-box.overlap .event-details-meta label {
    text-transform: uppercase;
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    letter-spacing: 0.06em;
    opacity: 0.6;
    margin-bottom: 10px;
}

.event-details-box.overlap .event-details-meta a.large-cta {
    background: #FF8161;
    text-transform: uppercase;
    padding: 14px 30px;
    text-align: center;
    border: none;
}
.event-details-box.overlap .event-details-meta a.large-cta:hover { background: #202926; color: #FFFEF7;}
.event-details-box.overlap .event-details-meta .large-cta.inactive {
    display: table;
    text-decoration: none !important;
    margin: 0;
    font-size: 1em;
    padding: 14px 30px;
    border: 1px solid;
    text-align: center;
    text-transform: uppercase;
    background: rgba(0,0,0,0.3);
    border: none;
    color: #5a5a5a;
}
.event-details-box.overlap .disclaimer {
    margin-top: 2vh;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.2);
    font-size: 0.9em;
    line-height: 1.2em;
    opacity: 0.6;
}

/* Post Content */
.post-content {
    margin: 0 auto 2vh;
    padding: 1vh 0;
    overflow: hidden;
}
.section-area.wysiwyg .entry-content .post-content h4 { margin: 0 0 20px; display: block; }
.post-content ul { margin: 0; padding: 0; }
.post-content li { list-style: none; padding: 5px 0; margin: 0; }

.post-content ul.schedule-listing {
    border: 1px solid rgba(0,0,0,0.2);
    margin-top: 2vh;
    overflow: hidden;
}
.post-content ul.schedule-listing li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    padding: 20px 2vw;
}
.post-content ul.schedule-listing li:last-of-type { border: none; }
.post-content ul.schedule-listing li .schedule-label { flex: 1; padding-right: 2vw; }
.post-content ul.schedule-listing li .schedule-title { flex: 3; }

ul.downloads-listing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
ul.downloads-listing li { list-style: none; padding: 0; margin: 0 15px 15px 0; }
ul.downloads-listing li a.large-cta {
    line-height: 1.2em;
    padding: 20px 25px 20px 60px;
    position: relative;
}

/* icons */
.pdf-download-buttons a.large-cta:before,
ul.downloads-listing li a.large-cta:before {
    list-style: none;
    content: '';
    width: 25px;
    height: 22px;
    position: absolute;
    left: 20px;
    top: 20px;
}
.pdf-download-buttons a.large-cta:before,
ul.downloads-listing li.pdf a.large-cta:before {
    background: url('images/pdf-icon.png') no-repeat center center / contain;
}
ul.downloads-listing li.excel a.large-cta:before {
    background: url('images/sheets-icon.png') no-repeat center center / contain;
}
ul.downloads-listing li.word a.large-cta:before {
    background: url('images/word-icon.png') no-repeat center center / contain;
}
ul.downloads-listing li.powerpoint a.large-cta:before {
    background: url('images/powerpoint-icon.png') no-repeat center center / contain;
}
.pdf-download-buttons a.large-cta:before {
    top: 15px;
}

.post-content.video {
    display: flex;
    flex-wrap: wrap;
}
.post-content.video .video-details { flex: 1; background: #f3ede4; padding: 2vw;}
.post-content.video .video-details h4 { font-size: 2em; }
.post-content.video .video-details .caption { font-size: 0.9em; line-height: 1.4em; }
.post-content.video .main-video { flex: 3; }

/* Pagenavi */
.wp-pagenavi {
    display: block;
    padding: 3vh 0 10vh;
    width: 90vw;
    max-width: 1400px;
    margin: 0 auto;
    text-transform: uppercase;
}
.wp-pagenavi a, 
.wp-pagenavi span { border: none; margin: 0 5px 0 0;}
.wp-pagenavi span.current { font-weight: normal; }
.wp-pagenavi span.pages { font-size: 0.9em; opacity: 0.6; margin-right: 15px;}

.wp-pagenavi a,
.wp-pagenavi span.current { padding: 3px 10px; }
.wp-pagenavi span.current { background: rgb(0,0,0,0.1); }
.wp-pagenavi a { background: #32475F; color: #FFFEF7; }
.wp-pagenavi a:hover { background: #0BB058; }


/* Contact
--------------------------------------------- */
.form-overlap .container { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }
.form-overlap .container>* { flex: 1 0 50%; width: 50%; }
.form-overlap .entry-content { padding: 5vh 6vw 5vh 0;}
.form-overlap .entry-content .contact-socials {
    margin-top: 4vh;
    padding: 2vh 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.form-overlap .entry-content .contact-socials span { 
    font-size: 0.8em;
    line-height: 1.2em;
    display: block;
    opacity: 0.5;
    text-transform: uppercase; 
    letter-spacing: 0.06em; 
    margin: 0 0 15px;
}
.form-overlap .entry-content .contact-socials a {
    font-size: 1.4em;
    margin-right: 10px;
}
.form-overlap .contact-form.overlap {
    margin-top: -10vh;
    background: #FFFFFF;
    border-left: 1px solid rgba(0,0,0,0.1);
    z-index: 99;
    padding: 2vh 3vw;
    border-right: 1px solid rgba(0,0,0,0.1);
    position: relative;
}
.form-overlap .contact-form.overlap:before,
.form-overlap .contact-form.overlap:after {
    content: '';
    background: #32475F;
    width: 18vw;
    height: 10px;
    top: -10px;
    right: -1px;
    position: absolute;
}
.form-overlap .contact-form.overlap:after {
    background: #6988DB;
    width: 8vw;
}

/* 404
--------------------------------------------- */
.error-404 { padding: 8vh 0 12vh; text-align: center; }
.error-404 h1 { font-size: 14em; margin: 0 auto 3vh; }
.error-404 p { font-family: 'meno-banner',serif; font-size: 1.2em; margin-bottom: 5vh; }


/* Footer
--------------------------------------------- */
footer li, footer ul { list-style: none; margin: 0; padding: 0;}
.footer-top {
    padding: 8vh 0 6vh;
    display: flex;
    flex-wrap: wrap;
}
.footer-top>* { flex: 1 0 17.5%; width: 17.5%; }
.footer-bottom {
    margin-top: 2vh;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 2vh 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-top .footer-logo {  flex: 1 0 30%; padding-right: 5vw;}
.footer-top .site-branding { margin: 0 0 3vh; max-width: 240px;}

/* Footer Navigation */
.footer-top ul.menu li a {
    color: #FFFEF7;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.9em;
    display: block;
}
.footer-top ul.menu li.menu-item-has-children a,
.footer-top ul.menu li.menu-item-object-page a{
    color: #F2D8B3;
}
.footer-top ul.menu li.menu-item-has-children a:hover,
.footer-top ul.menu li.menu-item-object-page a:hover{
    color: #FFFEF7;
}
.footer-top ul.menu li.menu-item-has-children ul { margin-top: 5px; }
.footer-top ul.menu li.menu-item-has-children ul li a { color: inherit; }
.column-4 ul.sub-menu { margin-bottom: 15px; }

/* Mailchimp */
#mc_embed_signup label {
	font-family: inherit;
	display: block;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1em;
	opacity: 0.3;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
}
#mc_embed_signup input {
	border: none;
	width: 100%;
	border-radius: 0;
	padding: 12px 20px;
}
#mc_embed_signup input[type="submit"]  { 
	border: none;
	background: #FF8161; 
	color: #2B3B36;
	margin: 5px auto 0;
}

/* Copyright */
.footer-socials a { color: #FFFFE7; font-size: 1.1em; margin-right: 10px; }
.footer-socials a:hover { color: #0BB05A; }
.copyright { padding: 1vh 0; font-size: 0.8em; line-height: 1.2em; }
.copyright a { color: inherit; text-decoration: underline; }
.copyright a:hover { color: #FFFEF7; }



/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media only screen and (max-width: 1120px) {
    /* Sections */
    .fullwidth-hero.page-hero .hero-section h1.hero-title { font-size: 5em; }
    .fullwidth-hero.page-hero.program-hero .hero-section h1.hero-title { font-size: 4em; }

    /* Post */
    body.single-post .fullwidth-hero.page-hero { padding: 15vh 0 10vh; }
    body.single-post .fullwidth-hero.page-hero h1 { font-size: 4em; }

    /* Home */
    .content-slide .carousel-overlap .half-content h2 { font-size: 4.5em; }
    .content-slide>* { flex: 1; }
    .program-header .overlap .form-title h3 { font-size: 2.5em; line-height: 1em;}

    /* Pages */
   .target-item { flex-direction: column; }
   .target-item>* { flex: 1 0 100%; width: 100%; margin-bottom: 2vh; }
   .perforamnce-area-item .accordion-title strong { font-size: 1.3em; }
    
}
@media only screen and (max-width: 980px) {
    /* Navigation */
    header#masthead { padding: 2vh 0 0; }
    header#masthead .container { display: block; width: 100%; }
    header#masthead .menu-full-navigation-container { display: none; }
    header#masthead button.menu-toggle {
        display: block;
        background: none;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 0;
        position: relative;
        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: 5vw;
        top: 25px;
    }
    button.menu-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #32475F;
        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-full-navigation-container { display: block;}
    header#masthead .main-navigation.toggled { margin-bottom: -2vh; }
    header#masthead .main-navigation.toggled button.menu-toggle span { background: #0BB058; }
    header#masthead .main-navigation ul li:last-of-type { border: none; }
    header#masthead .site-branding { margin-left: 5vw; float: none; padding-bottom: 15px; }
    header#masthead .site-branding h1.site-title { width: 200px; }
    header#masthead .site-branding,
    header#masthead .main-navigation { flex: 1; }

    header#masthead .main-navigation ul {
        font-size: 1.1em;
        display: block;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 100%;
        float: none;
        background: #fffef7;
    }
    header#masthead .main-navigation.toggled li,
    header#masthead .main-navigation.toggled li:last-of-type {
        border-top: 1px solid rgba(0,0,0,0.1);
        width: 100%;
        margin: 0;
    }
    header#masthead .main-navigation li.menu-item-has-children:hover ul, 
    header#masthead .main-navigation li.menu-item-has-children:active ul {
        float: none;
        position: relative;
        box-shadow: none;
    }
    header#masthead .main-navigation li.menu-item-has-children:hover ul li,
    header#masthead .main-navigation li.menu-item-has-children:active ul li  {
        background: rgba(0,0,0,0.1);
        border-bottom: none;
    } 
    header#masthead .main-navigation li a,
    header#masthead .main-navigation ul.sub-menu li a,
    header#masthead .main-navigation li.menu-item-has-children a { margin: 0; padding: 20px 5vw; }
    header#masthead .main-navigation ul.sub-menu { width: 100%; }
    header#masthead .main-navigation ul li:hover > ul, 
    header#masthead .main-navigation ul li.focus > ul{
        display: block;
        position: relative;
        width: 100%;
        top: auto;
        float: none;
        box-shadow: none;
    }
    header#masthead .main-navigation.toggled li ul li { 
        border-top: 1px solid rgba(0,0,0,0.2);}
    header#masthead .main-navigation ul li a { padding: 18px 5vw; }
    .main-navigation ul ul a { border: none; }

    /* Home */
    body.home header#masthead button.menu-toggle span{ background: #FFFEF7; }
    body.home header#masthead .main-navigation.toggled a { color: inherit; }
    body.home header#masthead .main-navigation.toggled ul.sub-menu a { color: #FFFEF7; }
    body.home header#masthead .main-navigation.toggled .site-branding h1.site-title svg .cls-1 { fill: #32475f;}

    .content-slide { display: flex; flex-direction: column-reverse; }
    .content-slide .carousel-image { flex: 1 0 100%; width: 100%; min-height: 35vh; margin-bottom: 3vh;}
    .content-slide .carousel-overlap { flex: 1 0 100%; padding: 0; }
    .content-slide .carousel-overlap .half-content h2 { font-size: 3.25em; line-height: 1em; width: 100%; }

    .section-area.home-carousel.program-showcase { margin: 0 auto; padding: 10vh 0; }
    .section-area.home-carousel.program-showcase .owl-dots { position: relative; }
    .section-area.home-carousel.program-showcase .content-slide>* { flex: 1 0 100%; width: 100%; }

    .hero-section h1 { font-size: 3.5em; line-height: 1.2em; }
    .statistics-bg { margin: 10vh auto 0; }
    ul.stat-listing li { flex: 1 0 50%; padding: 10px 30px 30px; border-bottom: 1px solid rgba(255,255,255,0.2);}
    ul.stat-listing li:nth-child(even) { border-right: none; }
    ul.stat-listing li h3 { font-size: 3em; }
    span.stat-title { font-size: 0.9em; line-height: 1.2em; width: 100%; }

    /* Products */
    .product-item { padding: 4vh 0; }
    .product-item,
    .product-item:nth-child(even) { flex-direction: column-reverse;}
    .product-item:nth-child(even) .product-detail { padding: 2vh 0; }
    .product-item .featured-image { height: 40vh; }

    /* Sections */
    .fullwidth-hero.page-hero .hero-section h1.hero-title { font-size: 4.5em; width: 100%;}
    .fullwidth-hero.page-hero .hero-section span.subtitle:before { width: 70%; }
    .section-area.fifty-card.full-w .col.left h3 { line-height: 1.1em; margin-bottom: 3vh;}
    .section-area.blockquote h4 { font-size: 2em; }
    .entry-content blockquote { font-size: 2em; line-height: 1.1em;}

    /* Team */
    .team-member-img .thumbnail { width: 150px; height: 150px;  border: 5px solid #f2d8b3;}
    .team-member-detail h3 { font-size: 3em; }
    .board-member h4 { font-size: 1.8em; }
    .board-member .board-thumb .job-title { font-size: 0.8em; }
    .board-thumb .thumbnail-container { padding-right: 5vw; }
    .board-member-grid { flex-direction: column; }
    .board-member { flex: 1 0 100%; width: 100%; max-width: 100%; border-right: none; }
    .board-member:nth-child(even) { border-left: none; }

    /* Post */
    article.post { display: block; }
    article.post a.post-thumbnail { margin: 0 auto 3vh; padding: 0; display: block;}
    article.post span.category { font-size: 0.9em; }
    article.post h2.entry-title { font-size: 2.25em; margin: 10px 0 20px; }
    body.single-post .fullwidth-hero.page-hero { padding: 12vh 0 10vh; }
    body.single-post .fullwidth-hero.page-hero h1 { font-size: 3.2em; line-height: 1.2em; }
    .section-area.wysiwyg .entry-content h1, .section-area.wysiwyg .entry-content h2, .section-area.wysiwyg .entry-content h3, .section-area.wysiwyg .entry-content h4 { font-size: 1.75em; line-height: 1.25em; }
    .event-details-box.overlap { padding: 30px; margin-top: -6vh; margin-bottom: -3vh; }
    .event-details-box.overlap .event-details-meta a.large-cta, 
    .event-details-box.overlap .event-details-meta .large-cta { flex: 1 0 100%; margin-top: 3vh; display: block; }
    .post-content ul.schedule-listing li .schedule-label { flex: 2;}
    .post-content { padding: 20px 0; }
    .article-content .container { display: block; }
    .article-content .container .entry-content { margin: 5vh auto; padding: 0; }
    .article-content .container .entry-meta { padding: 0; margin-top: 4vh; display: flex; justify-content: space-between;}

    .article-content .container .entry-meta { display: flex; flex-wrap: wrap;}
    .article-content .container .entry-meta>* { flex: 1 0 50%; width: 50%;}
    .article-content .container .entry-meta ul.entry-meta-content { padding-left: 5vw;}

    .post-content.video { flex-direction: column; }
    .post-content.video>* { flex: 1 0 100%; width: 100%; }
    .post-content.video .video-details { padding: 5%; text-align: center; }
    .section-area.wysiwyg .entry-content .post-content.video .video-details h4 { font-size: 1.5em; line-height: 1em; margin: 0 0 10px;}

    /* Pages */
    .perforamnce-area-item .accordion-title strong { font-size: 1.2em; }

    /* Contact */
    .form-overlap .container { flex-direction: column; }
    .form-overlap .container>* { flex: 1 0 100%; width: 100%; }
    .form-overlap .contact-form.overlap { margin-top: -5vh; }
    .form-title h3 { font-size: 2em; width: 80%;}

    /* 404 */
    .error-404 h1 { font-size: 8em; }
    .error-404 p { padding: 0 10vw; }

    /* Programs */
    .fullwidth-hero.program-hero.page-hero { padding: 10vh 0 15vh;}
    .program-header .container { flex-direction: column-reverse; }
    .program-header .container>* { flex: 1 0 100%; width: 100%; }
    .program-header .overlap { margin-top: -10vh; padding: 30px; }
    .fullwidth-hero.page-hero.program-hero .hero-section { padding: 0; }
    .fullwidth-hero.page-hero.program-hero .hero-section h1.hero-title { font-size: 6em; }
    ul.program-feature-list li .feature-title h4 { font-size: 1.25em; }

    /* Footer */
    .footer-top>* { width: 50%; flex: 1 0 50%; margin-bottom: 3vh; }
    .footer-top .footer-logo {
        flex: 1 0 100%;
        padding: 0;
        margin: 0 auto 5vh;
    }
    .footer-bottom { margin-top: 0; display: block; text-align: center; }
    .copyright { padding: 10px 10vw; }

}
@media only screen and (max-width: 680px) {
    .container { width: 85vw; }

    /* Home */
    .video-hero .hero-section { padding: 25vh 0 8vh; }
    .hero-section h1 { font-size: 3.5em; line-height: 1.15em; }
    .video-hero .hero-section .description { font-size: 1em; }
    .hero-program-navigation { display: none; }
    .section-area.home-carousel:before { display: none; }
    body.home .section-area.fifty-card.full-w .col.left { padding: 5vh 7.5vw; }

    /* Sections */
    .fullwidth-hero.page-hero { padding: 12vh 0 10vh;}
    .fullwidth-hero.page-hero.program-hero .hero-section h1.hero-title { font-size: 3.25em; }
    .fullwidth-hero .hero-section .description { font-size: 1.3em; margin: 0; line-height: 1.2em; width: 80%;}
    .form-title h3 { font-size: 1.8em; width: 80%;}

    /* Team */
    .team-member { flex-direction: column; padding: 3vh 0; }
    .team-member-img { padding: 0 0 2vh; }
    .team-member-img .thumbnail { width: 180px; height: 180px; }
    .team-member-detail h3 { font-size: 2.5em; }

    .section-area { padding: 5vh 0; }
    .fullwidth-hero.page-hero .hero-section h1.hero-title { font-size: 3.5em; }
    .section-area.testimonial h4,
    .section-area.blockquote h4 { font-size: 1.5em; }
    .section-area.fifty-card.full-w { flex-direction: column; }
    .two-col .container .col,
    .section-area.fifty-card.full-w .col {flex: 1 0 100%; width: 100%; padding: 0 0 3vh; text-align: left;}
    .two-col .container .col.right { padding-left: 0; }
    .section-area.fifty-card.full-w .col { min-height: 40vh; }

    /* Projects */
    .product-listing-area { padding: 5vh 0 0; }
    .project-listing { flex-direction: column; }
    .project-listing .project-item { flex: 1 0 100%; width: 100%; padding: 0; margin-bottom: 5vh; }
    .project-item h2 { font-size: 2.5em; }

    /* Programs */
    .program-header .overlap .form-title h3 { font-size: 2em; line-height: 1em; width: 100%;}

    /* About */
    .fullwidth-hero.page-hero .hero-section h1.hero-title { font-size: 3em; }
    .about-section.team h3 { margin: 0 auto 5vh; font-size: 2em;}
    .team-grid .team-member h4 { font-size: 1.5em; }
    .team-grid .team-member .thumbnail { width: 180px; height: 180px; }
    .about-section.team a.large-cta { margin: 5vh auto 0; }
    .about-section.careers .container { display: block; }
    .about-section.careers .container>* { flex: 1 0 100%; width: 100%; }
    .about-section.careers h3 { width: 100%; }
    .about-section.careers .career-description { padding: 0; margin-bottom: 5vh; }

    /* Post */
    .event-details-box.overlap .event-details-meta>* { flex: 1 0 100%; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; }
    .event-details-box.overlap .event-details-meta>* label { margin: 0 5vw 0 0; }
    body.single-post .fullwidth-hero.page-hero h1 { font-size: 3em; line-height: 1em; }
    .post-content ul.schedule-listing li { padding: 20px;}
    .post-content ul.schedule-listing li .schedule-label { flex: 1; font-size: 0.9em; line-height: 1em; padding-right: 5vw; margin-top: 5px;}
    .pdf-download a.large-cta { padding: 12px 15px; }

    /* Pages */
    header.entry-header { margin: 2vh 0; }
    header.entry-header h1 { font-size: 3em; }
    .entry-content blockquote { font-size: 1.5em; line-height: 1.2em;}

    /* Footer */
}
@media only screen and (max-width: 500px) {
    /* 404 */
    .error-404 h1 { font-size: 6em; }
}