/*!
Theme Name: Jackie Robinson Foundation
Theme URI: https://jackierobinson.org/
Author: Phill Mamula
Author URI: https://www.phillm.com
Description: 2021 Theme for Jackie Robinson Foundation, including a Micro-site for Jackie Robinson Day
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: jackierobinson
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.

Jackie Robinson Foundation 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/
*/

@import url('https://fonts.googleapis.com/css2?family=Lora&family=Work+Sans:wght@300;400;600;800&display=swap');
@font-face {
    font-family: 'Graphik Thin';
    src: url('fonts/GraphikThin.woff2') format('woff2'),
         url('fonts/GraphikThin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik ExtraLight';
    src: url('fonts/GraphikExtralight.woff2') format('woff2'),
         url('fonts/GraphikExtralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Light';
    src: url('fonts/GraphikLight.woff2') format('woff2'),
         url('fonts/GraphikLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Regular';
    src: url('fonts/GraphikRegular.woff2') format('woff2'),
         url('fonts/GraphikRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Medium';
    src: url('fonts/GraphikMedium.woff2') format('woff2'),
         url('fonts/GraphikMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Bold';
    src: url('fonts/GraphikBold.woff2') format('woff2'),
         url('fonts/GraphikBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Global
-------------------------------------------------------------- */
body { 
	background: #FFFFFF;
	color: #000000;
    font-family: 'Work Sans', sans-serif;
	font-size: 17px;
	line-height: 28px;
    font-weight: 300;
}
.accent { font-family: 'Lora', serif; }
h1, h2, h3, h4 {
    font-family: 'Graphik Bold', sans-serif;
    text-transform: uppercase;
    line-height: 1em;
    line-height: 1em;
    letter-spacing: -0.02em;
    margin: 0 0 2vh;
}
strong { font-weight: 600; }
h1 { font-size: 3.5em; letter-spacing: -0.02em;}
h2 { font-size: 3em; }
h3 { font-size: 2.5em; }
h4 { font-size: 2.2em; }
p { margin: 0 0 25px; }
ul, li {
    margin: 0 0 1vh 0;
}
a, a:link, a:visited { 
    color: inherit;
    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: #C5B783;}
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 {
border-radius: 0;
}
li > ul, li > ol {
    margin: 0;
    padding: 0;
}
hr {
    background-color: #dfd9d9;
    border: 0;
    height: 1px;
    margin: 35px 0;
    clear: both;
}
blockquote {
    border-left: 3px solid;
    padding: 0 0 0 25px;
    margin-left: 25px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.5em;
}
/* Brand Colors */
.navy      { color: #003764; }
.royalblue { color: #005CB9; }
.gold      { color: #C5B783; }
.lightblue { color: #00A7E1; }
.green     { color: #CDDB00; }
.red       { color: #D80032; }

/* Large CTA */
a.large-cta {
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    text-decoration: none !important;
    color: #000000;
    display: table;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 13px 50px;
    margin: 25px 0 10px;
}
a.large-cta:hover {
    border-color:  #C5B783;
    background: #C5B783;
    color: #000000;
}

/* Structure */
.post, .page,
.page-content, .entry-content, .entry-summary { margin: 0; grid-gap: 0;}
.container {
	width: 90vw;
	max-width: 1320px;
	margin: 0 auto;
}
#section {
  padding: 8vh 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 65vh;
}

/* Flex Containers */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-container>* { flex: 1; }
.flex-container .half { 
  flex: 1 0 50%;
}
.flex-container .twothird { 
  flex: 1 0 66.6%;
}
.flex-container .third { 
  flex: 1 0 33.3%;
}


/* =Header
-------------------------------------------------------------- */
header#masthead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    position: relative;
    z-index: 9;
}

/* Alert */
.header-alert {
    background-color: #000000;
    color: #FFFFFF;
    border-bottom: 1px solid #222;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    padding: 6px 0;
    position: relative;
    z-index: 99;
}

/* Main Logo */
header#masthead .site-branding {
    margin-left: 5vw;
}
header#masthead .site-branding svg {
    width: auto;
    height: 80px;
}
header#masthead .site-branding svg { fill: #000000; }
header#masthead .site-branding svg path.f-g { fill: #C5B783; }
header#masthead .site-branding h1 { margin: 0; line-height: 0; font-size: 0; }


/* Donate */
.header-donate {
    position: absolute;
    right: 190px;
    top: 25px;
}
.header-donate a.large-cta {
    margin: 0;
}
.header-donate a.large-cta:hover { color: #000000; border-color: #C5B783; }

/* Overlay Navigation */
header#masthead .main-navigation.overlay { width: auto; }

header#masthead button.menu-toggle {
    position: fixed;
    right: 5vw;
    top: 80px;
    display: block;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 0;
    -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;
}
button.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000000;
    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:hover span { background: #C5B783 !important; }
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 { background: #c5b783; }   
.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%;
}


/* Overlay Menu */
.main-navigation ul { display: none;}
header#masthead .main-navigation.overlay .site-branding,
.main-navigation.overlay .menu-overlay-menu-container,
header#masthead .main-navigation.overlay .footer-socials,
.main-navigation.overlay .bottom-overlay-menu { display: none; }
.main-navigation.overlay.toggled {
    position: fixed;
    overflow-y: hidden;
    overflow: hidden;
    top: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0 12px 16px 0 rgb(0 0 0 / 25%), 
                0 7px  29px 0 rgb(0 0 0 / 5%);
    width: 100% !important;
    max-width: 600px;
    height: 100%;
    padding: 2vw 5vw;
    z-index: 9999;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 999;
}
.main-navigation.overlay.toggled .menu-overlay-menu-container,
.main-navigation.overlay.toggled .bottom-overlay-menu,
header#masthead .main-navigation.overlay.toggled .site-branding,
header#masthead .main-navigation.overlay.toggled .footer-socials { display: block; }
header#masthead .main-navigation.overlay .site-branding { margin: 0 0 5vh; padding: 0;}
header#masthead .main-navigation.overlay .site-branding svg { fill: #000000 !important; height: 100px; }

.main-navigation.overlay.toggled .menu-main-navigation-container {
    display: flex;
    align-items: center;
    height: 100vh;
    padding: 5vw;
}

.main-navigation.overlay.toggled ul.menu li {
    border-top: 1px dotted #CCC;
    padding: 15px 0 0;
}
.main-navigation.overlay.toggled ul.menu li:first-of-type { 
    border: none;
}
.main-navigation.overlay.toggled ul.menu li a {
    color: #000000;
    font-family: 'Graphik Bold', sans-serif;
    font-size: 1.75em;
    line-height: 0.8em;
    text-transform: uppercase;
    padding: 10px 0;
}
.main-navigation.overlay.toggled ul.menu li a:hover { 
    color: #C5B783; 
}
.main-navigation.overlay.toggled button.menu-toggle span { background: #C5B783; }

.menu-toggle, .main-navigation.toggled ul#overlay-menu {
    display: block;
    overflow: hidden;
}
/* Overlay Donate */
.main-navigation.overlay.toggled ul.menu li.donate {
    border: none;
    padding-top: 5vh;
}
.main-navigation.overlay.toggled ul.menu li.donate a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid;
    display: table;
    font-size: 1em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 18px 60px;
}
.main-navigation.overlay.toggled ul.menu li.donate a:hover {
    border-color: #C5B783;
    background: #C5B783;
    color: #000000;
}

/* Overlay Socials */
header#masthead .main-navigation.overlay.toggled .footer-socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 6vh 0 0;
    border-top: 1px solid;
    padding: 15px 0;
}
header#masthead .main-navigation.overlay.toggled .footer-socials a {
    flex: 1;
    max-width: 35px;
    font-size: 1.2em;
    line-height: 2em;
}



/* =Themes
-------------------------------------------------------------- */
/* Light */

/* Dark */
#section.dark {
    background-color: #000000;
    color: #FFFFFF;
}
#section.dark p { color: #c4c6ca; }
#section.dark a.large-cta { color: #FFFFFF; }
#section.dark a.large-cta:hover { background-color: #C5B783; color: #000000; border-color: #C5B783; }

/* Blue */
#section.blue {
    background-color: #003764;
    color: #FFFFFF;
}
#section.blue p { color: #edf2f5; }
#section.blue strong { color: #FFFFFF; }
#section.blue a.large-cta { background-color: #1d8de2; border-color: #1d8de2; color: #000000; }
#section.blue a.large-cta:hover { background: #000000; border-color: #000000; color: #C5B783; }


span.eyebrow, .eyebrow {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin: 0 0 10px;
}
a.list-cta {
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: table;
    border-bottom: 1px solid;
    margin: 15px 0 0;
}
article a.list-cta {
    max-width: 100px;
}

/* Carousel CTA */
.bottom-cta.container a.list-cta {
    margin: 0;
    float: right;
    position: relative;
}


/* =Page Hero
-------------------------------------------------------------- */
/* Page Hero */
#section.page-hero {
    display: block;
    min-height: auto;
    padding: 25vh 0 15vh;
    margin-top: -130px;
    overflow: hidden;
    position: relative;
}
#section.page-hero .top-title { position: relative; z-index: 9; max-width: 800px; }
#section.page-hero .top-title img { width: auto; max-height: 250px; margin-bottom: 5px; }
#section.page-hero .top-title .description { max-width: 650px; }
#section.page-hero .top-title .description p { color: #FFFFFF; margin: 0; }
#section.page-hero .top-title .description br { display: none; }
#section.page-hero .top-title .description h2,
#section.page-hero .top-title .description h3,
#section.page-hero .top-title .description h4 { margin: 0 0 5px; display: block;}
#section.page-hero .top-title .description h4 { font-size: 1.5em; }

#section.page-hero.light,
#section.page-hero.dark { background-color: inherit; }
.page-hero.dark:before,
.page-hero.light:before {
    content: '';
    background:    -moz-linear-gradient(to right, rgba(0,0,0,0.75)25%,rgba(0,0,0,0.15) 55%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0.75)25%,rgba(0,0,0,0.15) 55%,rgba(0,0,0,0) 100%);
    background:         linear-gradient(to right, rgba(0,0,0,0.75)25%,rgba(0,0,0,0.15) 55%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
}
.page-hero.light:before {
    content: '';
    background:    -moz-linear-gradient(to right, rgba(255,255,255,0.9)25%,rgba(255,255,255,0.2) 65%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(to right, rgba(255,255,255,0.9)25%,rgba(255,255,255,0.2) 65%,rgba(255,255,255,0) 100%);
    background:         linear-gradient(to right, rgba(255,255,255,0.9)25%,rgba(255,255,255,0.2) 65%,rgba(255,255,255,0) 100%);
}



/* Blend Hero */
#section.blend-hero {
    margin-top: -150px;
    padding: 25vh 0 15vh;
    min-height: 70vh;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}
#section.blend-hero .header-image {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80%;
    height: 100%;
    animation: slowZoom 20s forwards;
    animation-fill-mode: forwards;
    transform-origin: 40% 70%;
}
@keyframes slowZoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.15); } 
}

#section.blend-hero img.titleimg {
    margin: 0;
}
#section.blend-hero .container { position: relative; z-index: 3; }
#section.blend-hero .description p {
    font-size: 1.1em;
    margin: 3vh 0 0;
    width: 80%;
}


#section.blend-hero:before {
    content: '';
    width:  85%;
    height:  100%;
    position: absolute;
    top: 0; right: 0;   
    z-index: 3;
}
#section.blend-hero.light { padding: 35vh 0 5vh; }
#section.blend-hero.light:before {
    background: -moz-radial-gradient(ellipse at right top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 29%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.95) 60%, rgba(255,255,255,1) 100%);
    background: -webkit-radial-gradient(ellipse at right top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 29%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.95) 60%, rgba(255,255,255,1) 100%);
    background: radial-gradient(ellipse at right top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 29%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.95) 60%, rgba(255,255,255,1) 100%);
}
#section.blend-hero.dark:before {
    background: -moz-radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: -webkit-radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
}
#section.blend-hero.blue:before {
    background: -moz-radial-gradient(ellipse at right top, rgba(0,55,100,0) 0%, rgba(0,55,100,0) 29%, rgba(0,55,100,0.2) 45%, rgba(0,55,100,0.95) 65%, rgba(0,55,100,1) 100%);
    background: -webkit-radial-gradient(ellipse at right top, rgba(0,55,100,0) 0%, rgba(0,55,100,0) 29%, rgba(0,55,100,0.2) 45%, rgba(0,55,100,0.95) 65%, rgba(0,55,100,1) 100%);
    background: radial-gradient(ellipse at right top, rgba(0,55,100,0) 0%, rgba(0,55,100,0) 29%, rgba(0,55,100,0.2) 45%, rgba(0,55,100,0.95) 65%, rgba(0,55,100,1) 100%);
}



/* Video Background */
.video-hero {
    overflow: hidden;
    position: relative;
}
.video-hero:before {
    content: '';
    background:     -moz-linear-gradient(to top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.0) 100%);
    background:  -webkit-linear-gradient(to top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.0) 100%);
    background:          linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.0) 100%);
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    opacity: 0.7;
}
.video-hero .container { position: relative; z-index: 3;}

.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%);
}

.video-hero a.large-cta { background: #000000; border-color: #000000; color: #C5B783; }
.video-hero a.large-cta:hover { background: #C5B783; border-color: #C5B783; color: #000000; }





/* =Sections
-------------------------------------------------------------- */
/* Alignment */
#section.right .flex-container { flex-direction: row-reverse; }
#section.fifty-fifty.right .feature-block { padding-right: 5vw; padding-left: 0 }

/* Text Block */
#section.textarea .container {
    max-width: 1024px;
}
#section.textarea h4 { margin: 0 0 3vh; font-size: 1.6em; letter-spacing: 0.05em; }

/* 50/50 */
#section.fifty-fifty { position: relative; }
#section.fifty-fifty .feature-block {
    padding-left: 5vw;
}
#section.fifty-fifty .feature-block span.eyebrow { font-size: 0.9em; margin: 0 0 20px; }
#section.fifty-fifty .feature-block img.title-logo {
    width: auto;
    max-height: 110px;
    display: block;
    margin: 0 auto 25px;
}
#section.fifty-fifty .feature-block a { text-decoration: underline; }
#section.fifty-fifty h3.section-title { margin: 0 0 3vh; }
#section.fifty-fifty h3.section-title.larger { font-size: 3em;}
.featured-image span.caption {
    display: block;
    margin: 10px 0;
    color: #828282;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.3em;
}

/* 50/50 Full Width */
#section.full-bleed { position: relative; }
#section.full-bleed.left .feature-block {
    padding-right: 0;
    padding-left: calc(50% + 5vw);
}
#section.full-bleed .feature-block ul,
#section.full-bleed .feature-block li { margin: 0 0 0 15px; padding: 0; }
#section.full-bleed .feature-block p { margin: 0 0 5px; }
#section.full-bleed .featured-fifty-img {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#section.full-bleed.right .feature-block {
    padding-left: 0;
    padding-right: calc(50% + 5vw);
}
#section.full-bleed.right .featured-fifty-img {
    right: 0;
    left: auto;
}


/* Parallax Background */
#section.background-image {
    min-height: 55vh;
    margin-bottom: -5px;
}

/* Hero Section */
#section.section-hero {
    text-align: center;
    color: #FFFFFF;
    position: relative;
}
#section.section-hero:before {
    content:  '';
    background:     -moz-linear-gradient(135deg,  rgb(0 0 0 / 78%) 0%,rgb(0 0 0 / 25%) 100%);
    background:  -webkit-linear-gradient(135deg,  rgb(0 0 0 / 78%) 0%,rgb(0 0 0 / 25%) 100%);
    background:          linear-gradient(135deg,  rgb(0 0 0 / 78%) 0%,rgb(0 0 0 / 25%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    width:  100%;
    height:  100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}
#section.section-hero .container { position: relative; z-index: 9; }
#section.section-hero .description {
    font-size: 1.15em;
    width: 800px;
    margin: 0 auto;
}
#section.section-hero a.large-cta { display: table; margin: 6vh auto 0; color: #C5B783;}
#section.section-hero a.large-cta:hover { background: #C5B783; color: #000000; }

/* Photo Strip */
#section.photo-strip { padding: 0; background: #000000; min-height: auto; overflow: hidden; }
.client-gallery-grid {
    display: inherit;
    animation: animate 25s linear infinite;
}
.client-gallery-grid:hover { animation-play-state: paused;}
.client-gallery-grid img { display: inline-block; width: auto; max-height: 40vh; margin: 0;}

@keyframes animate {
  100% {
    transform: translate(-100%, 0);
  }
}

/* Columns */
#section.columns { padding: 5vw 0; min-height: auto; }
#section.columns .title-top { margin-bottom: 35px; }
#section.columns.light { border-top: 1px solid rgba(0,0,0,0.15); }
#section.columns h3 { margin: 0 0 15px; width: 80%; }
#section.columns .description { margin-bottom: 50px; }
#section.columns .description li { margin: 0; }
#section.columns .description .dual-buttons.flex {
    display: flex;
    align-items: center;
}
#section.columns .description .dual-buttons.flex>* { margin-right: 5px; }
#section.columns .description a.large-cta { margin: 10px 0;}

#section.columns .column-layout { align-items: stretch; border: 1px solid rgba(0,0,0,0.1);}
#section.columns .column-layout .column { padding: 35px; border-right: 1px solid rgba(0,0,0,0.15); }
#section.columns.two .column-layout .column { border-right: 1px solid rgba(0,0,0,0.15); min-height: 300px; }
#section.columns .column-layout .column p { line-height: 1.45em;}
#section.columns .column-layout .column:last-of-type { border: none; }
#section.columns .column-layout .column h4 { 
    width: 80%;
    font-size: 1.5em;
    line-height: 1.2em;
    letter-spacing: 0.02em; 
}
#section.columns.dark .column-layout .column,
#section.columns.dark .column-layout .column:first-of-type { border-color: rgba(255,255,255,0.15); }
#section.columns.dark .column-layout .column a { color: #C5B783; }
#section.columns.dark .column-layout .column a:hover { color: #FFFFFF; }
#section.columns.two .column-layout .column{
    flex: 1 0 50%;
    width: 50%;
    padding: 50px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
#section.columns.two .column-layout .column:nth-child(even) { border-right: none; }
#section.columns.two .column-layout .column:last-of-type { min-height: auto; }

/* Accordion */

#section.accordion-section .flex-container { align-items: initial; }
#section.accordion-section .accordion-title h3 {
    font-size: 4em;
    margin: 0;
}
#section.accordion-section .accordion-title .description { color: #BBBBBB; padding: 10px 0; }
#section.accordion-section .accordion strong { color: #FFFFFF; }

#section.accordion-section .accordion { flex: 2; padding-left: 100px; }
#section.accordion-section h4.section-title {
    margin: 0 0 15px; 
    font-size: 2em;
    letter-spacing: 0.02em;
}
#section.accordion-section .accordion i { color: #999999;}
#section.accordion-section .accordion-item {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 25px 0;
}
#section.accordion-section .accordion-title h4 { flex: 3; margin: 0; font-size: 1.5em; letter-spacing: 0.02em; }
#section.accordion-section .accordion-title i { text-align: right; padding-right: 10px; }

#section.accordion-section .accordion-item .accordion-panel {
    padding: 20px 0 0;
    color: #BBBBBB;
}


/* Card Carousel */
#section.card-carousel { display: block;}
#section.card-carousel h4 {
    margin: 0 0 5vh;
}
#section.card-carousel .card .eyebrow { font-size: 0.9em; }
#section.card-carousel .card h4 {
    font-size: 1.75em;
    line-height: 1em;
    letter-spacing: 0.03em;
    margin: 10px 0 5px;
}
#section.card-carousel .card .card-thumb { min-height: 300px; margin: 0 auto 2vh; }
@media screen and (max-width:900px ){#section.card-carousel .card .card-thumb{min-height: 60vh;}}
@media screen and (max-width:1680px ){#section.card-carousel .card .card-thumb{min-height: 400px;}}
#section.card-carousel .card p { width: 90%; margin: 10px 0; }
#section.card-carousel.dark .card h4 { color: #FFFFFF; }
#section.card-carousel.dark .card a { color: #C5B783; }
#section.card-carousel.blue h4 { color: #C5B783; }
#section.card-carousel.blue .card h4 { color: #FFFFFF;}

/* WYSWIYG */
#section.textarea.wysiwyg .entry-content .alignleft  { margin-top: 15px; margin-left: -30px; }
#section.textarea.wysiwyg .entry-content .alignright { margin-top: 15px; margin-right: -30px; }

/* =Home
-------------------------------------------------------------- */
body.home header#masthead { position: relative; z-index: 99; }
body.home header#masthead .site-branding svg { fill: #FFFFFF; }
body.home button.menu-toggle span { background: #FFFFFF; }
body.home header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.home header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }


/* Video Hero Overwrites*/
#section.video-hero {
  min-height: 100vh;
  padding: 45vh 0 15vh;
  margin-top: -130px;
  display: block;
}
#section.video-hero h1 {
    color: #FFFFFF;
    font-size: 6em;
    line-height: 0.9em;
    width: 80%;
}

/* Latest News (Carousel) */
#section.latest-news {
    display: block;
    padding: 50px 0 100px;
    min-height: auto;
}
#section.latest-news .owl-carousel { padding-bottom: 50px; }
body.home #section.latest-news { border-top: 1px solid #d2d5da; }
#section.latest-news .top-title { margin: 2vh 0 1vh; }

article.card-news {
    background: #F6F6F6;
    padding: 2vw;
    margin: 2vh 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
article.card-news:hover {
    background: #000000;
    color: #FFFFFF;
    transform: translateY(-10px);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 
                0 1px 7px 0 rgb(0 0 0 / 5%);
}
article.card-news:hover a { transition: none; }
article.card-news:hover a:hover { 
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
article.card-news:hover a.read-more { color: #C5B783; }
article.card-news:hover a.read-more:hover { color: #FFFFFF; }

article.card-news span.date {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 1em;
    margin: 5px 0;
    display: table;
    opacity: 0.4;
}
article.card-news h4.entry-title {
    font-family: 'Work Sans', sans-serif;
    text-transform: none;
    font-size: 1.8em;
    line-height: 1.1em;
    font-weight: 600;
    margin: 10px 0 2vh;
}
article.card-news h4.entry-title a { text-decoration: none; }

ul.post-category-list { 
    display: flex; 
    align-items: center; 
    margin: 0 0 15px; 
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    list-style: none;
}
ul.post-category-list li { margin: 0 15px 0 0;}
ul.post-category-list li,
ul.post-category-list li a { color: #C5B783; }

.latest-news .owl-nav {
    display: block;
    width: auto;
    max-width: 1320px;
    position: absolute;
    bottom:  -25px;
    right: 5vw;
}
.latest-news .owl-nav button {
    color: #000000;
    padding: 15px;
    border: none;
    border-radius: 0;
    background: transparent;
}
.latest-news .owl-nav span {
    visibility: hidden;
    position: relative;
}
.latest-news .owl-nav span:after {
    font-size: 1.7em;
    content: '\f054';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 300;
    position: absolute;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
}
.latest-news .owl-nav .owl-prev span:after {
    content: '\f053';
}
.latest-news a.view-all {
    font-size: 0.95em;
    line-height: 1em;
    padding: 3px 0;
    text-transform: uppercase;
    display: table;
    margin: -32px 0 0;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid;
    float: right;
    position: relative;
    z-index: 999;
}


/* Post Gallery */
#section.post-gallery {
    display: block;
    min-height: auto;
    padding: 25px 0;
    border-top: 1px solid #DDDDDD;
}
#section.post-gallery .photo-gallery-carousel { padding: 25px 0; }
#section.post-gallery a.list-cta { display: table; margin: 15px auto 0; }
#section.post-gallery .photo-gallery-carousel.owl-carousel .owl-item img {
    width: auto;
    max-height: 350px;
    margin: 0 auto 10px;
}

#section.post-gallery .photo-gallery-carousel .carousel-item { text-align: center; }
#section.post-gallery .photo-gallery-carousel .carousel-img { padding-top: 30vw; min-height: 350px; margin-bottom: 15px; }
#section.post-gallery .photo-gallery-carousel .carousel-item p { font-size: 0.9em; line-height: 1.5em; color: #343434; margin: 0 auto; padding:  0 3vw;}
#section.post-gallery .photo-gallery-carousel .carousel-item strong {
    text-transform: uppercase;
    line-height: 1.2em;
    display: block;
    margin: 0 auto 5px;
}

#section.post-gallery .owl-nav { display: none; }


.wp-caption .wp-caption-text {
    display: block;
    text-align: left;
    color: #828282;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 2vh 0;
}




/* Lightbox Overwrites */
#overlay { opacity: 0.8 !important; }
#nextLink, #prevLink {background: none !important;}


/* Pagination */
.wp-pagenavi {
    padding: 2vw 1% 0;
    flex: 1 0 100%;
    display: block;
}
.wp-pagenavi a, 
.wp-pagenavi span { 
    border: none; 
    padding: 0; 
    font-size: 0.9em;
    padding: 9px 15px;
    text-transform: uppercase; 
}
.wp-pagenavi span.pages {
    padding-left: 0;
    opacity: 0.6;
    font-weight: 400;
}
.wp-pagenavi a:hover {
    font-weight: 400;
    background: #000000;
    color: #C5B783;
}
.wp-pagenavi span.current {
    font-weight: 400;
    background: #000000;
    color: #FFFFFF;
}


/* =OWL Carousel
-------------------------------------------------------------- */
/* Embed Responsively */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 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-dots button {
    background: red;
    border-radius: 0;
    border: none;
}
 
.owl-nav {
    display: block;
    margin: 0 auto 2vh;
    max-width: 1320px;
}
.owl-nav button {
    color: #fff;
    padding: 15px 25px;
    border: none;
    border-radius: 0;
    background: transparent;
}
.owl-nav span {
    visibility: hidden;
    position: relative;
}
.owl-nav span:after {
    font-size: 2.5em;
    content: '\f178';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 300;
    position: absolute;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
}
.owl-nav .owl-prev span:after {
    content: '\f177';
}
.owl-dot{
    display: none;
}



/* =About
-------------------------------------------------------------- */

body.page-about header#masthead { position: relative; z-index: 99; }
body.page-about header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-about button.menu-toggle span { background: #FFFFFF; }
body.page-about header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-about header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }


/* Values */
.top-title {
    margin: 0;
    max-width: 900px;
}
.top-title .description { margin: 2vh 0; }
#section.about-values .top-title p { color: #b9bac3; margin-bottom: 6vh; }

.value-listing { align-items: stretch;}
.value-item { padding-right: 5vw; display: flex; flex-direction: column; align-items: flex-start;}

.value-item h4 {
    font-size: 1.8em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    text-transform: none;
    position: relative;
    padding:  0 5vw 15px 0;
    margin: 0;
    border-bottom: 1px solid #C5B783;
}
.value-item p {
    color: #d4d4d4;
    line-height: 1.5em;
    margin: 2vh 0 4vh;
}
.value-item a.list-cta { margin-top: auto; }

/* Video */
#section.overlap {
    margin:  -3vh auto 0;
    min-height: auto;
    padding: 0;
    background: linear-gradient(0deg, #FFFFFF 50%, #000000 50%);
}
#section.overlap .container { background: #000000;}
#section.fifty-fifty.overlap .feature-block { padding: 3vw; background: #003764;}


/* =Impact
-------------------------------------------------------------- */
body.page-impact header#masthead { position: relative; z-index: 99; }
body.page-impact header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-impact button.menu-toggle span { background: #FFFFFF; }
body.page-impact header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-impact header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }


/* =Scholarship
-------------------------------------------------------------- */
body.page-scholarship header#masthead { position: relative; z-index: 99; }
body.page-scholarship header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-scholarship button.menu-toggle span { background: #FFFFFF; }
body.page-scholarship header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-scholarship header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

body.page-scholarship #section.page-hero { padding-bottom: 18vh; }

/* Statistics */
#section.scholarships-impact { min-height: auto; }
#section.scholarships-impact .flex-container { align-items: stretch; margin-top: -15vh; }
#section.scholarships-impact .impact-stat {
    background: #FFFFFF;
    color: #000000;
    text-align: center;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 10px;
}
#section.scholarships-impact .impact-stat:hover {
    background: #000000;
    color: #FFFFFF;
    transform: translateY(-15px);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 
                0 1px 7px 0 rgb(0 0 0 / 5%);
}
#section.scholarships-impact .impact-stat:hover .number { color: #C5B783; }
#section.scholarships-impact .impact-stat:hover .icon { background: #C5B783; color: #000000; }
#section.scholarships-impact .impact-stat .photo {
    height: 165px;
    width: 100%;
}
@media screen and (max-width: 980){#section.scholarships-impact .impact-stat .photo
{height: 60vh;}
}
#section.scholarships-impact .impact-stat .icon {
    background: #0077b5;
    color: #ffffff;
    font-size: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: -40px auto 25px;
    border-radius: 50%;
}
#section.scholarships-impact .impact-stat .number {
    font-family: 'Graphik Bold', sans-serif;
    font-size: 3em;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 600;
}
#section.scholarships-impact .impact-stat .title {
    margin: 5px auto 3vh;
    width: 80%;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.4em;
}

/* Values */
body.page-scholarship #section.columns {
    border-top: 1px solid rgb(0 0 0 / 25%);
    background: #002646;
}

body.page-scholarship #section.columns .column-layout .column { min-height: auto; border: none;}
#section.columns .column-layout .column h4 { color: #C5B783; width: 100%; margin: 0 0 10px; }


/* =People
-------------------------------------------------------------- */
/* People Card */
#section.about-people {
    border-top: 1px solid rgba(0,0,0,0.2);
}
#section.about-people .owl-carousel .owl-stage-outer { padding: 2vh 0; }
article.people-card { padding: 0; 
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #F6F6F6;}
article.people-card:hover {
    background: #000000;
    color: #FFFFFF;
    transform: translateY(-10px);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 
                0 1px 7px 0 rgb(0 0 0 / 5%);
}

article.people-card .people-headshot {
    height: 250px;
    position: relative;
}
article.people-card .people-headshot a { display: block; width: 100%; height: 100%; }
article.people-card ul.post-category-list { margin: 0 0 10px; }
article.people-card ul.post-category-list li { font-size: 0.85em; line-height: 1em; }
article.people-card h4.entry-title { 
    font-size: 1.4em; 
    line-height: 1.1em; 
    margin: 0; 
    width: 80%;
    font-family: 'WorkSans', sans-serif; 
    text-transform: none; 
    font-weight: 600;
}
article.people-card h4.entry-title a {
    transition: none;
}
article.people-card .entry-content { padding: 20px 20px 30px; min-height: 150px;}
article.people-card span.job-title {
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.1em;
    text-transform: uppercase;
    margin: 10px 0 0;
    display: table;
    opacity: 0.5;
}

/* People Search */
body.post-type-archive-people .category-navigation { border-top: 1px solid #333333; }
body.post-type-archive-people .category-navigation label { margin: 0; opacity: 1;}

.category-navigation form.searchandfilter ul { 
    margin: 0; 
    padding: 25px 0 10px;
    display: flex;
    flex-wrap: wrap;
}
.category-navigation form.searchandfilter li { 
    list-style: none; 
    position: relative;
    flex: 1;
}
.category-navigation form.searchandfilter li h4 {
    margin: 0 0 8px; padding: 0;
    color: #b6b8b9;
    opacity: 0.8;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.searchandfilter select.sf-input-select,
.searchandfilter input.sf-input-text,
.searchandfilter input[type="submit"] {
    min-width: 170px;
    width: 80%;
    padding: 10px 15px;
    border: none;
    font-size: 0.9em;
    position: relative;
}
.category-navigation form.searchandfilter li.sf-field-search { flex: 2; }
.searchandfilter input[type="submit"] {
    cursor: pointer;
    border: 1px solid;
    color: #FFFFFF;
    background: transparent;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding:  15px 45px;
    margin:  12px 0 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.searchandfilter input[type="submit"]:hover {
    border-color: #C5B783;
    background: #C5B783;
    color: #000000;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* .searchandfilter li.sf-field-sort_order:before,
.searchandfilter li.sf-field-tag:before,
.searchandfilter li.sf-field-category:before {
    color: #000000;
    font-size:  1.2em;
    content: '\f107';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 400;
    position: absolute;
    top: 40px;
    right:  25%;
    opacity: 1;
    z-index: 9;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
} */

/* People Listing */
#section.people-listing { padding: 4vh 0 10vh; min-height: auto;}
#section.people-listing .container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: calc(1320px + 10px);
}
#section.people-listing .container article{ 
    flex: 1 0 18%; 
    max-width: 18%;
    margin: 10px;
}

/* Card Overwrite - Listing */
#section.people-listing article.people-card .entry-content {
    padding: 20px 20px 30px;
    min-height: auto;
}


/* Single People */
body.single-people header#masthead { background: #000000; position: relative; z-index: 99; }
body.single-people header#masthead .site-branding svg { fill: #FFFFFF; }
body.single-people button.menu-toggle span { background: #FFFFFF; }
body.single-people header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.single-people header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

body.single-people #section.people-header .container {
    padding:  5vh 0 0;
}
body.single-people #section.people-header .container .post-thumbnail {
    margin-bottom: -7vh;
    padding-right: 5vw;
}
body.single-people #section.people-header .container .post-thumbnail img { width: 100%; height: auto; }

.person-details.flex-container {
    flex-direction: column;
    align-items: flex-start;
    margin: 3vh 0 0;
}
.person-details.flex-container h4 { margin: 0; font-size: 1.8em; }
.person-details.flex-container span.people-company { color: #b6b8b9;}

article.people .entry-content.people-bio { padding: 12vh 0 6vh; }
article.people .entry-content.people-bio .container { max-width: 1024px; padding: 0 3vw; }


/* =Board of Directors
-------------------------------------------------------------- */
body.page-template-page-board header#masthead { background: #000000; position: relative; z-index: 99; }
body.page-template-page-board header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-template-page-board button.menu-toggle span { background: #FFFFFF; }
body.page-template-page-board header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-template-page-board header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }


#section.listing-top.dark { padding: 10vh 0 5vh; }
#section.listing-top.dark h2 { max-width: 900px; }
#section.listing-top.dark p { max-width: 1200px; margin: 5vh 0; }
#section.listing-top.dark p a { text-decoration: underline; }

#section.board-directory {
    display: block;
    padding: 0;
}

.directory-item {
    padding: 8vh 0;
    border-bottom: 1px solid #DDDDDD;
}
.directory-item .top-title h3 { margin: 0 0 10px; }
.directory-item .top-title { margin: 0 0 5vh; }
.directory-item:last-of-type { border-bottom: none; }
.directory-item .people-listing {
    display: flex;
    flex-wrap: wrap;
    width: 102%;
    margin-left: -1%;
}
.people-listing article.people-card { flex: 1 0 25%; width: 23%; max-width: 23%; margin: 1%; }
.people-listing article.people-card .entry-content { min-height: 125px; }


#section.board-directory .board-download {
    padding:  3vh 0;
    margin: 0 auto;
    text-align: center;
}

/* =Alumni
-------------------------------------------------------------- */
body.page-alumni header#masthead { position: relative; z-index: 99; }
body.page-alumni header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-alumni button.menu-toggle span { background: #FFFFFF; }
body.page-alumni header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-alumni header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }


/* Article Card Listing */
#section.alumni-news { background: #F6F6F6; padding: 8vh 0; min-height: auto;}
.alumni-news .article-listing {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 2vh -1%;
    width: calc(1320px + 2%);
}
.alumni-news .article-listing article {
    background: #FFFFFF;
    flex: 1 0 48%;
    max-width: 48%;
    width: 48%;
    padding: 30px;
    margin: 1%;
}
.alumni-news .article-listing article:hover { background: #000000; }


/* =Museum
-------------------------------------------------------------- */
body.page-museum header#masthead { position: relative; z-index: 99; }
body.page-museum header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-museum button.menu-toggle span { background: #FFFFFF; }
body.page-museum header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-museum header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

body.page-museum #section.textarea.blue { min-height: auto; padding: 0 0 10vh; }
body.page-museum #section.textarea.blue h4 { color: #C5B783; }

/* Museum Stats */
#section.museum-statistics  { 
    padding-top: 0; 
}
.museum-stat-listing {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 6vh 0 0;
}
.museum-stat-listing .stat-item {
    flex:  1 0 33.3%;
    width: 33.3%;
    padding: 0 10% 3vh 0;
}
.museum-stat-listing .stat-item h4 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1em;
    margin: 10px 0;
}
.museum-stat-listing .stat-item .stat {
    font-family: 'Graphik Bold', arial;
    text-transform: uppercase;
    font-size: 2.5em;
    line-height: 1em;
}
.museum-stat-listing .stat-item .stat span { font-size: 0.6em; }

.stat-item p {
    margin: 15px 0 0;
    line-height: 1.5em;
    margin-bottom: 3vh;
}

/* Goal */
.goal-title p { max-width: 900px; margin: 2vh 0; }
.goal-title a.large-cta { margin: 2vh 0 6vh; }
.goal-bar {
    font-size: 1.1em;
    padding: 30px 0 0;
    position: relative;
}
.goal-bar span.current {
    position: absolute;
    top: 0;
    font-weight: 600;
    border-left: 1px solid;
    padding-left: 15px;
    height: 65px;
    margin-left: -2px;
}
.goal-bar span.mm { 
    display:  inline-block;
    font-size: 0.9em; 
    font-weight: 300; 
    margin-left: 5px; 
    letter-spacing: 0;
}
.goal-bar .progress {
    background: #005CB9;
    height: 65px;
    border-right: 1px solid;
}
.funding-bar {
    border-radius: 30px;
    border: 2px solid;
    height: 65px;
    margin: 2vh 0;
    position: relative;
    overflow: hidden;
}
.funding-bar .goal {
    color: #000000;
    position: absolute;
    top: 16px;
    right: 2vw;
    font-weight: 600;
}



/* =History
-------------------------------------------------------------- */
body.page-history header#masthead { position: relative; z-index: 99; }
body.page-history header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-history button.menu-toggle span { background: #FFFFFF; }
body.page-history header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-history header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

body.page-history #section.textarea h4 { color: #C5B783; }

/* Mentoring Leadership */
body.page-mentoring-leadership-conference header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-mentoring-leadership-conference button.menu-toggle span { background: #FFFFFF; }
body.page-mentoring-leadership-conference header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-mentoring-leadership-conference header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }



/* =Community
-------------------------------------------------------------- */
/* Column Overwrite */
body.page-template-page-community #section.columns .column-layout .column h4 {
    color: #C5B783;
    margin: 0 0 10px;
}
body.page-template-page-community #section.columns:nth-child(3) {
    padding-top:  8vh;
}
body.page-template-page-community #section.columns:nth-child(4) {
    padding-top:  2vh;
    padding-bottom:  8vh;
}


/* =Timeline
-------------------------------------------------------------- */
body.archive.post-type-archive-timeline header#masthead { background: transparent; }

.owl-dots {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.owl-carousel.timeline-carousel{display: flex;
    flex-direction: row-reverse;}

/* Timeline Listing */
#section.timeline-listing {
    display: block;
    padding: 0;
    margin: -150px 0 0;
    min-height: auto;
}
#section.timeline-listing article {
    padding:  25vh 0 15vh;
    position: relative;
}
#section.timeline-listing article:before {
    content: '';
    opacity: 0.8;
    width:  100%;
    height:  100%;
    position: absolute;
    top: 0; left: 0;   
    z-index: 3;
    background: -moz-radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: -webkit-radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
}
#section.timeline-listing article:nth-child(even):before {
    background: -moz-radial-gradient(ellipse at left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: -webkit-radial-gradient(ellipse at left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.95) 60%, rgba(0,0,0,1) 100%);
}
#section.timeline-listing article .container {
    padding-right:  40%;
    position: relative;
    z-index: 9;
}
#section.timeline-listing article:nth-child(even) .container {
    padding:  0;
    padding-left: 40%;
} 
#section.timeline-listing article h3 {
    font-size: 4em;
    width: 80%;
    margin: 15px 0 2vh;
}
#section.timeline-listing article .timeline-description{
    font-size: 1.1em;
    width: 80%;
    color: #b6b8b9;
}

/* Single Timeline */

body.single-timeline { background: #000000; color: #FFFFFF; }
body.single-timeline header#masthead { background: #000000; position: relative; z-index: 99; }
body.single-timeline header#masthead .site-branding svg { fill: #FFFFFF; }
body.single-timeline button.menu-toggle span { background: #FFFFFF; }
body.single-timeline header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.single-timeline header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }
body.single-timeline footer.site-footer { border-top: 1px solid rgba(255,255,255,0.1); }

#section.single-timeline { display: block; padding: 5vh 0; }
.owl-item:nth-child(even) #section.timeline-slide .flex-container { flex-direction: row-reverse; }
#section.timeline-slide .overlay-image { padding: 0 5vw; text-align: center; }
.owl-item:nth-child(even) #section.timeline-slide .overlay-image { padding-right: auto; padding-left: 3vw; }
#section.timeline-slide .overlay-image img {
    margin: 10px auto;
    border: 10px solid #FFFFFF;
    transform: rotate(0) scale(1);
    width: auto;
    max-height: 55vh;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#section.timeline-slide .eyebrow { font-size: 1.5em; line-height: 1.8em; }
#section.timeline-slide h3 { font-size: 3em; line-height: 0.9em; }
#section.timeline-slide .location { color: #999999; font-size:  1em; line-height: 2em; text-transform: uppercase; }
#section.timeline-slide .timeline-description p { color: #FFFFFF; }
#section.timeline-slide .overlay-image:hover img {
    transform: rotate(-2deg)  scale(1.05);
    position: relative;
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
            box-shadow: 6px 5px 31px 0px rgba(148,147,124,0.75);
            -webkit-box-shadow: 6px 5px 31px 0px rgba(148,147,124,0.75);
            -moz-box-shadow: 6px 5px 31px 0px rgba(148,147,124,0.75);
}

.timeline-carousel .owl-nav, 
.timeline-carousel .owl-dot { display: block !important; }
.timeline-carousel .owl-dots {
    padding: 0 10vw;
    position: relative;
}
/* .timeline-carousel .owl-dots:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #333333;
    position: absolute;
    z-index: -3;
    top: 10px;
} */

.timeline-carousel .owl-dots .owl-dot {
    max-width: inherit;
    padding: 10px;
    height: inherit;
}
.timeline-slide .container{margin: 0;}
.active span.num {color: #fff; font-size: 2.5em;}
span.num {font-size: 1.5em; cursor: pointer;}

.timeline-carousel .owl-dots .owl-dot.active {
    border-color: #c5b783;
}
.timeline-carousel .owl-nav .owl-prev,
.timeline-carousel .owl-nav .owl-next{
    position: absolute;
    top: 80%;
    left: 30vw;
    z-index: 999;
}
/* #section.timeline-slide{justify-content: flex-start;} */
.timeline-carousel .owl-nav .owl-next { left: auto; right: 3vw; }
.timeline-carousel .owl-nav .owl-next.disabled,
.timeline-carousel .owl-nav .owl-prev.disabled { opacity: 0.2; }

.timeline-carousel .owl-nav button {
    color: #FFFFFF;
    padding: 15px;
    border: none;
    border-radius: 0;
    background: transparent;
}
.timeline-carousel .owl-nav span {
    visibility: hidden;
    position: relative;
}
.timeline-carousel .owl-nav span:after {
    font-size: 1.7em;
    content: '\f054';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 300;
    position: absolute;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
}
.timeline-carousel .owl-nav .owl-prev span:after {
    content: '\f053';
}

/* Rachel Timeline */
body.single.timeline-rachel-robinson {
    background: #f5f3ee url(images/rachel-portrait-bg.jpg) fixed no-repeat right top / auto 100%;
    color: #000000;
}
body.single.timeline-rachel-robinson .header-alert { 
    background-color: #c6b782; 
    color: #4b3a1e; 
    border-bottom: 1px solid #c6b782;
    font-weight: 600;
}
body.single.timeline-rachel-robinson .header-alert a:hover { color: #000000; }
body.single.timeline-rachel-robinson header#masthead .site-branding svg { fill: #332817; }
body.single.timeline-rachel-robinson button.menu-toggle span { background: #332817; }
body.single.timeline-rachel-robinson header#masthead .header-donate a.large-cta { color: #000000; }
body.single.timeline-rachel-robinson header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }
body.single.timeline-rachel-robinson footer.site-footer { border-top: 1px solid rgba(255,255,255,0.1); }

body.single.timeline-rachel-robinson header#masthead { background: transparent; }
body.single.timeline-rachel-robinson #section.timeline-slide .timeline-description p { color: #000000; }

body.single.timeline-rachel-robinson .timeline__nav ul li span {
    color: #655234;
    border-color: #655234;
}
body.single.timeline-rachel-robinson #section.timeline-slide h3 { color: #332817; }
body.single.timeline-rachel-robinson .timeline__nav ul li.active span,
body.single.timeline-rachel-robinson .timeline__nav ul li span:hover { color: #C5B783; border-color: #C5B783; }

/* New Carousel Nav */
.timeline__nav {
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    transition: top 0.3s ease-out;
}
 .timeline__nav ul {
    list-style: none;
    list-style-position: inside;
    margin: 10px 0;
    padding: 0;
}
 .timeline__nav ul li span {
    color: #666666;
    padding: 5px 25px;
    list-style-type: none;
    border-bottom: 1px solid #363636;
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.timeline__nav ul li.active span {
    transform: scale(1.2);
    border-bottom: 1px solid;
    color: #FFF;
}
 .timeline__nav ul li span:hover {
     color: #003764;
}
body.single-timeline footer.site-footer { position: relative; z-index: 97; }

/* =Single
-------------------------------------------------------------- */
body.single-post header#masthead { background: #000000; position: relative; z-index: 99; }
body.single-post header#masthead .site-branding svg { fill: #FFFFFF; }
body.single-post button.menu-toggle span { background: #FFFFFF; }
body.single-post header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.single-post header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

/* Article Header */
#section.article-header { 
    padding: 0;
    min-height: auto;
}
#section.article-header .container { max-width: 1024px; }
#section.article-header ul {
    margin: 0 0 1vh;
    padding: 1vh 0;
    display: flex;
    flex-wrap: wrap;
}
#section.article-header ul li { margin-right: 15px; }

#section.article-header h1.entry-title { font-size: 3.75em; }
#section.article-header span.date {
    color: #b6b8b9;
}

/* Overlap Image */
body.single-post .article-image {
    padding:  4vh 0;
    background: linear-gradient(0deg, #FFFFFF 50%, #000000 50%);
}
body.single-post .article-image>* { max-width: 1024px; }
.article-image span.caption {
    display: block;
    margin: 10px 0;
    color: #828282;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.3em;
}
.article-image .post-thumbnail img { width: 100%; height: auto;}

/* Event Information */
body.single-post article.events .entry-meta { display: none; }
body.single-post article.events .event-details { padding: 2vh 0; }
body.single-post article.events .event-details label { 
    color: #b6b8b9; 
    font-weight: 400;
    font-size:  0.9em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: block;
}
body.single-post article.events .event-details a.large-cta { margin: 0; float: right; }


/* Entry Content */
body.single-post article .entry-content { padding: 1vh 0 10vh; }
body.single-post article .entry-content .container { max-width: 1024px; padding: 0 3vw; }
body.single-post article .entry-content a { text-decoration: underline; }
body.single-post div.simplesocialbuttons {
    padding: 5px 0 15px;
}
body.single-post table p { margin: 0; }
body.single-post article .entry-content h1,
body.single-post article .entry-content h2,
body.single-post article .entry-content h3,
body.single-post article .entry-content h4 { 
    font-size:  1.65em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    text-transform: none; 
    margin: 0 0 10px;
}


/* Related Articles */
#section.latest-news.single-article { background: #F6F6F6; }
#section.latest-news.single-article article { background: #FFFFFF; }
#section.latest-news.single-article article:hover { background: #000000; }
#section.latest-news.single-article article:hover a.large-cta { color: #FFFFFF; }
#section.latest-news.single-article article:hover a.large-cta:hover { color: #000000; }



/* =Support
-------------------------------------------------------------- */
/* Donate */
#section.support-donate .feature-block {
    padding-left: 0;
}
.description ul { margin: 2vh 0 0; padding: 0 0 0 2vw; }
.description ul br { display: none; }
.description ul li { margin: 0; padding: 5px 0; }

body.page-support #section.fifty-fifty.light { 
    border-top: 1px solid rgba(0,0,0,0.1); }

/* Event */
.support-event { background: #000; }


/* Sponsors */
#section.feature-sponsors {
    border-top: 1px solid rgba(0,0,0,0.1);
}

#section.feature-sponsors .feature-block { padding-left: 0; }

/* =Slate Forms (Overwrites / Global)
-------------------------------------------------------------- */
.form_container label.form_label,
.form_container div.form_label {
    text-transform: uppercase;
    font-size: 0.9em;
    opacity: 0.7;
}
.form_container input,
.form_container select { border-radius: 0; box-shadow: none; padding: 5px 10px; }
.form_container div.form_header .form_label {
    color: #c5b783;
    font-weight: 600;
    background: transparent;
    padding: 5px 0;
    border-bottom: 1px solid;
    opacity: 1;
    font-size: 1em;
}
.form_container .form_responses {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.form_container .form_responses>* { margin-right: 15px; }
.action.form_action button,
.action.form_action button[type="button"],
.action.form_action button[type="submit"] {
    margin: 3vh 0 2vh;
    background: transparent;
    color: inherit;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    text-decoration: none !important;
    display: table;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 15px 50px;
}
.action.form_action button:hover,
.action.form_action button[type="button"]:hover,
.action.form_action button[type="submit"]:hover {
    background: #c5b783;
    border-color: #c5b783;
    color: #000000;
}

/* =Notify Me (Apply)
-------------------------------------------------------------- */
#section.capture-item { min-height: auto; padding: 3vw; margin: 0 auto 2vh; justify-content: flex-start; align-items: flex-start; }
#section.capture-item>* { flex: 2;}

#section.capture-item .capture-title {
    flex: 1;
    padding-right: 5vw;
}
#section.capture-item .capture-title .icon {
    color: #c5b783;
    font-size: 3em;
    margin: 0 0 30px;
}
#section.capture-item .capture-title h4 { font-size: 2.5em; }


/* =Speakers (MLC Conference)
-------------------------------------------------------------- */
#section.speaker-section { padding: 5vw 0; }
.speaker-section .container { max-width: 1120px; }

/* Speaker Title */
.speaker-section-title {
    padding: 0 0 50px;
}
.speaker-section-title.flex {
    display: flex;
    flex-wrap: wrap;
}
.speaker-section-title h2 { 
    flex: 1;
    text-align: right;
    font-size: 4em; 
}
.speaker-section-title .description {
    font-family: sans-serif;
    flex: 3;
    padding-left: 15vw;
    font-weight: 400;
}

/* Speakers */
.speaker.flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.speaker.flex:last-of-type { border: none; margin-bottom: 0; }
.speaker.flex .headshot { flex: 1; padding-right: 30px; }
.speaker.flex .headshot img { width: 100%; height: auto; border: 6px solid rgba(0,0,0,0.2); }
.speaker.flex .speaker-description { flex: 3; }
.speaker-description h4 { margin: 0 0 5px; font-size: 2.25em; }
.speaker-description .job-title {
    font-size: 1.2em;
    letter-spacing: 0.04em;
}
.speaker-description .job-title { font-weight: 700; text-transform: uppercase; }
.speaker-description .job-company { font-weight: 400; font-size: 1em; text-transform: uppercase; }
.speaker-description .bio { margin: 20px 0; }

/* Accordion */
.speaker-section .accordion { border: 1px solid rgba(0,0,0,0.3); }
.speaker-section .accordion>* {
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.speaker-section .accordion>*:last-of-type { border-bottom: none; }
.speaker-listing.accordion-panel {
    background: rgba(0,0,0,0.1);
    padding: 30px;
}
.speaker-section .accordion-item {
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    cursor: pointer;
}
.speaker-section .accordion-item h3 { font-size: 1.5em; letter-spacing: 0.04em; margin: 25px 0 25px 2vw; position: relative; }
.speaker-section .accordion-item h3:after {
    color: rgba(255,255,255,0.2);
    font-size:  1.2em;
    content: '\f107';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 300;
    position: absolute;
    top: 2px;
    right: 2vw;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
.speaker-section .accordion-item.is-active  h3:after {
    transform: rotate(180deg);
    top: -3px;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
.speaker-section .accordion-item:hover,
.speaker-section .accordion-item.is-active {
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

.keynote .speaker.flex .headshot { flex: 1.5; }
.keynote .speaker-description h4 { font-size: 2.5em; }
.keynote .accordion { padding: 0; border: none; }
.keynote .accordion span { font-size: 0.9em; text-transform: uppercase; font-weight: 600; display: table; margin-top: 15px; }
.keynote .accordion-item.is-active span { display: none; }
.keynote .accordion-panel { padding-top: 15px; }

.blue.sessions.speaker-section .accordion {
    background: #002c51;
    border: 1px solid #031d34;
}
.blue.sessions .accordion-item.is-active .accordion-panel { border-top: 1px solid #031d34; }
.blue.sessions.speaker-section .accordion-item h3:after { color: #5790be; }

.speaker-section.dark { border-bottom: 1px solid #333333; }
.speaker-section.dark .accordion { border: 1px solid #333333; border-bottom: none; }
.speaker-section.dark .accordion>* { border-bottom: 1px solid #333333; }
.speaker-section.dark .accordion-item.is-active .accordion-panel { border-top: 1px solid #333333; }
.speaker-section.dark .accordion-item h3:after { color: #c5b783; }


/* =Donate
-------------------------------------------------------------- */
/* Slate Donation Form Overwrites */
.donate-form .form_container {
    background: #FFFFFF;
    max-width: 800px;
    margin:  0 auto;
}
.donate-form div.form_container:not(.form_width_narrow) div.form_question.form_layout_table { padding: 12px 30px !important; }
.donate-form .form_container input[type="radio"] {
    -ms-transform: scale(1.25); /* IE 9 */
    -webkit-transform: scale(1.25); /* Chrome, Safari, Opera */
    transform: scale(1.25);
}
.donate-form .form_container p { font-size: 0.9em; line-height: 1em; margin: 0; }
.donate-form .form_container .form_label {    
    font-size: 0.9em;
    text-transform: uppercase;
}
.donate-form .form_container .form_question.form_header {
    background: #000000;
    color: #FFFFFF;
}
/* .donate-form #recurring_questions select,
.donate-form .form_container .form_responses select {
    background: #FFFFFF url('images/angle-down-regular.png') no-repeat right 15px center / contain;
    background-size: 12px auto;
} */
.donate-form .form_container .form_question.form_header .form_label {
    background: transparent;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.2em;
}
.donate-form .form_container div.form_question.form_layout_table input, 
.donate-form .form_container div.form_question.form_layout_table textarea,
.donate-form .form_container div.form_question.form_layout_table select {
    width: 100%;
    max-width: 100%;
    padding: 6px 15px;
    font-family: sans-serif;
    margin: 0 0 5px;
}

/* Gift Details */
.donate-form div.form_container:not(.form_width_narrow) div.form_question.form_layout_table .form_responses, 
.donate-form div.form_container:not(.form_width_narrow) div.form_question.form_layout_table .form_responses_labels {
    box-sizing: border-box;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ID Specific Overwrites */

/* =Gift Details ---------- */
.donate-form div#form_question_504d6571-ee18-42fb-a283-ada0fcf4d476,
.donate-form div#form_question_639c435c-5689-4a2b-bc5a-db8251e1e577,
.donate-form div#form_question_a15035b7-0f7b-4903-8114-cd1384be0950 {
    padding: 30px 40px !important;
    background: #005CB9;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.donate-form div#form_question_504d6571-ee18-42fb-a283-ada0fcf4d476 div.form_label {
    font-size: 1em;
    letter-spacing: 0.06em;
    margin: -10px auto 30px;
    display: block;
    text-align: center;
    width: 100%;
}
.donate-form div#form_question_504d6571-ee18-42fb-a283-ada0fcf4d476 div.form_response input { margin-bottom: 15px; }
.donate-form div#form_question_504d6571-ee18-42fb-a283-ada0fcf4d476 div.form_response input+label {
    font-family: 'Graphik Bold', arial;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0;
}
/* Gift Other */
.donate-form div#form_question_639c435c-5689-4a2b-bc5a-db8251e1e577 {
    background: #004d9a;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.donate-form div#form_question_639c435c-5689-4a2b-bc5a-db8251e1e577 input {
    color: #FFFFFF;
    font-family: 'Graphik Bold', arial;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 1.5em;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    padding: 0 0 10px 0;
}

/* =Donor Information ---------- */
/* Prefix */
.donate-form div#form_question_eafeb36c-8320-4379-b3db-b09a72b0d213 { margin-top: 20px;}
.donate-form div#form_question_eafeb36c-8320-4379-b3db-b09a72b0d213 .form_responses { max-width: 200px; }

/* Birthday */
.donate-form div#form_question_9cd3dec6-c992-4ca7-8a25-a8c54be8ba9a {
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding-bottom: 0 !important;
}
.donate-form div#form_question_dcf3cf5f-72b7-4746-95b0-78f0b949822f {
    margin-bottom:  15px; 
    padding-top: 0 !important;
    border-bottom: 1px solid #e6e6e6;
}
.donate-form div#form_question_dcf3cf5f-72b7-4746-95b0-78f0b949822f a { 
    opacity: 0.4;
    font-size: 0.8em;
    line-height: 1em;
    font-style: normal; 
    text-transform: none;
}
.donate-form div#form_question_dcf3cf5f-72b7-4746-95b0-78f0b949822f a:hover { opacity: 1; color: #000000; }

/* Address */
.donate-form div#form_question_7075274f-80d6-4800-bde7-46418db4316f {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 30px !important;
}
.donate-form div#form_question_7075274f-80d6-4800-bde7-46418db4316f div.form_label { 
    font-weight: 600; 
    font-size: 1em;
    width: 100%;
    display: block;
    margin: 5px 0 20px;
}
.donate-form select#form_7075274f-80d6-4800-bde7-46418db4316f_country,
.donate-form select#form_7075274f-80d6-4800-bde7-46418db4316f_region,
.donate-form input#form_7075274f-80d6-4800-bde7-46418db4316f_postal {
    width: 50%;
}

/* Tribute */
.donate-form div#form_question_29c30b09-5ea4-406e-adbe-cc0a090ac689 { padding-top: 0px !important; }
.donate-form div#form_question_b42820e9-debb-4989-b05b-d56a7d7adea5 input,
.donate-form div#form_question_29c30b09-5ea4-406e-adbe-cc0a090ac689 input,
.donate-form div#form_question_f32660a6-24a8-443c-adeb-0bc572e90b9f input,
.donate-form div#form_question_fc18c59f-4e37-434e-b04d-9560b8375781 input { width: auto; margin: 0 15px 0 0; }

.donate-form div#form_question_f32660a6-24a8-443c-adeb-0bc572e90b9f { padding-top: 30px !important; }
.donate-form div#form_question_f32660a6-24a8-443c-adeb-0bc572e90b9f .form_responses,
.donate-form div#form_question_fc18c59f-4e37-434e-b04d-9560b8375781 .form_responses {
    display: block !important;
    margin: 10px 5px;
}
.donate-form div#form_question_3e1566e6-f170-4502-9b0c-b417e17e02f2 .form_label {
    display: block;
    width: 100%;
    margin: 15px 0 20px;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.01em;
}


/* =Payments ---------- */
.donate-form div#payment_form {
    padding: 20px !important;
    border-radius: 15px;
    background: #fbfbfb;
}
.donate-form div#payment_form span#displayAmount {
    font-size: 1.5em;
}
.donate-form div#payment_form input { width: auto; }
.donate-form div#payment_form th,
.donate-form div#payment_form label,
.donate-form tbody#recurring_questions td { 
    font-size: 0.9em;
    line-height: 1.2em;
    text-transform: uppercase;
}
.donate-form div#payment_form select { width: auto; min-width: 150px; }
.donate-form div#payment_form table.plain>*>tr>th, 
.donate-form div#payment_form table.plain>*>tr>td { padding: 10px 15px; }
.donate-form div#payment_form p { font-size: 0.9em; line-height: 1.5em; }

.donate-form div#payment_form tr#block_4 {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.donate-form div#payment_form .ui-icon { text-indent: inherit; }
.donate-form div#payment_form a.ui-state-default {
    padding: 10px;
    background: #FFFFFF;
    display: inline-block;
    border: 1px solid;
    width: 100%;
}
.donate-form div#payment_form .ui-datepicker-title {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.donate-form div#payment_form a.ui-state-active {
    background: #000000;
    border: 1px solid;
    color: #FFFFFF;
}
/* Submit */
.donate-form .action.form_action button {
    background: #C5B783;
    color: #000000;
    font-family: 'Graphik Bold', sans-serif;
    font-size: 1.4em;
    line-height: 1.5em;
    max-width: 800px;
    margin:  0 auto;
    padding: 20px 0 15px;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    display: table;
    border-radius: 0;
    border:  none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.donate-form .action.form_action button:hover {
    background: #000000;
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}




/* =Sponsors
-------------------------------------------------------------- */
/* Header Overwrite */
body.page-sponsors #section.light-top { display: none; }

/* Sponsor Logos */
ul.sponsors-logos {
    margin: 0; padding: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.sponsors-logos li {
  list-style: none;
  flex: 1 0 calc(33.3% - 20px);
  width: calc(33.3% - 20px);
  margin: 35px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.sponsors-logos li img {
  width: auto;
  max-width: 130px;
  height: auto;
  max-height: 60px;
}
.primary-sponsor {
    display: flex;
    flex-wrap: wrap;
    margin: 3vh 0;
    padding: 3vh 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.primary-sponsor:last-of-type { border: none; }
.primary-sponsor .teir-title {
    flex: 1;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1em;
    margin: 5px 0;
    display: table;
    color: #8d8f96;
}

.primary-sponsor .teir-sponsors { flex: 5; }
.primary-sponsor .teir-sponsors ul.sponsors-logos { margin: -35px 0 2vh; }
.primary-sponsor .teir-sponsors ul.sponsors-logos li { flex: 1 0 calc(20% - 20px); width: calc(20% - 20px); max-width: calc(20% - 20px); }
.primary-sponsor .teir-sponsors ul.sponsors-logos li img {
    width: auto;
    max-width: 140px;
    height: auto;
    max-height: 70px;
}
.primary-sponsor .teir-sponsors ul.sponsors-logos li.sponsor.title {
    font-weight: 900;
    font-family: 'GRAPHIK BOLD', serif;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1.05em;
    padding: 0 20px;
    text-align: center;
    color: #002c50;
}
.primary-sponsor .teir-sponsors .private-sponsors {
    color: #003764;
    font-weight: 600;
    padding: 0 2vw;
    margin: 0 0 3vh;
}
.primary-sponsor .teir-sponsors .private-sponsors strong { font-weight: 400; }
.sponsors-columns { align-items: flex-start; margin: 0 0 3vh; }
.sponsors-columns>* { padding: 0 2vw; font-weight: 600; }

/* =Default Page
-------------------------------------------------------------- */
/* Entry Content */
body.page-template-default main .container { max-width: 1024px; padding: 5vh 0;}
body.page-template-default main .entry-content { padding: 50px 0;}
body.page-template-default main .entry-content a { text-decoration: underline; }
body.page-template-default main .entry-content h2,
body.page-template-default main .entry-content h3,
body.page-template-default main .entry-content h4 { margin: 4vh 0 10px; font-size: 1.6em; }
body.page-template-default main .container h1.entry-title {
    font-size: 3.5em;
    line-height: 1em;
    margin: 2vh 0;
}

/* Edit Button */
footer.entry-footer { position: fixed; bottom: 0; left: 0; z-index: 999; padding: 20px;}
footer.entry-footer a { color: #C5B783; }
footer.entry-footer a:hover { color: inherit; }

/* Page Hero */
.fullwidth-hero.page-hero {
    padding: 25vh 0 15vh;
    color: #FFFFFF;
    margin-top: -16vh;
    margin-bottom: 5vh;
}
h1.hero-title { margin: 0 0 2vh; }



/* =Reports (Downloads)
-------------------------------------------------------------- */
.download-list li {
    width:  80%;
    list-style: none;
    margin: 0 0 15px 0;
}
.download-list li a{
    font-size:  1em;
    font-weight: 600;
    letter-spacing: 0.02em;
    display: block;
    padding: 15px 25px;
    background: #FFFFFF;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.download-list li a:hover {
    background: #000000;
    color: #C5B783;
    transform: translateY(-5px);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 
                0 1px 7px 0 rgb(0 0 0 / 5%);
}
.download-list li i.far { margin-right: 10px; font-size: 1.2em; }

/* =Eulogy
-------------------------------------------------------------- */

body.page-template-page-eulogy header#masthead { position: relative; z-index: 99; }
body.page-template-page-eulogy header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-template-page-eulogy button.menu-toggle span { background: #FFFFFF; }
body.page-template-page-eulogy header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-template-page-eulogy header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

/* Hero */
#section.eulogy-hero {
    padding: 25vh 0;
    position: relative;
}
#section.eulogy-hero:before {
    content: '';
    width:  100%;
    height:  100%;
    position: absolute;
    top: 0; left: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 47%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.1) 47%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.1) 47%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    z-index: 3;
}
#section.eulogy-hero img.signature {
    margin: 0;
}
#section.eulogy-hero .container { position: relative; z-index: 9; }
#section.eulogy-hero .description p {
    color: #FFFFFF;
    font-size: 1.1em;
    margin: 5vh 0 0;
    width: 80%;
}
#section.eulogy-hero .hero-cta { display: flex; align-items: center; }
#section.eulogy-hero .hero-cta .large-cta { margin: 0 2vw 0 0; }


/* Biography */
body.page-template-page-eulogy #section.textarea { padding: 0; }
body.page-template-page-eulogy #section.textarea p { color: #FFFFFF; }

body.page-template-page-eulogy #section.textarea .featured-video {
    padding: 5vh 0;
    border-top: 1px solid #333333;
    margin-top: 5vh;
}
body.page-template-page-eulogy #section.textarea .featured-video p {
    margin: 2vh 0;
    font-size:  0.9em;
    line-height: 1.6em;
    color: #b6b8b9;
}


/* =Contact
-------------------------------------------------------------- */
body.page-contact .entry-content { min-height: 600px; }
/* body.page-contact .entry-content .wpcf7 {
    float: right;
    width: 50%;
    padding-left: 3vw;
    border-left: 1px solid #DDDDDD;
}  */

form#form_cc45de8f-d3e1-4b6c-8de8-83ae4f7d6ad4_container {
    float: right;
    width: 50%;
    padding-left: 3vw;
    border-left: 1px solid #ddd;
}
button.default.form_button_submit {
	 cursor: pointer;
    display: table;
    width: auto;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    display: table;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 15px 50px;
}
button.default.form_button_submit:hover {
	color: #000;
    background: #C5B783;
}
/* =Careers
-------------------------------------------------------------- */
/* Career Top */
#section.light-top {
    min-height: auto;
    padding: 5vh 0 10vh;
}
#section.light-top .entry-content p{
    width: 85%;
    margin: 3vh 0 0;
    display: block;
}
#section.light-top .entry-content p a { text-decoration: underline; }
#section.light-top .container,
#section.light-listing .container { max-width: 1024px; }

/* Job Listing */
#section.light-listing { 
    background: #F6F6F6;
    display: block; 
    padding: 5vh 0 10vh;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#section.light-listing article {
    background: #FFFFFF;
    padding: 2vw;
    margin: 10px 0 calc(2vh + 10px) 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#section.light-listing article:hover {
    background: #000000;
    color: #FFFFFF;
    transform: translateY(-10px);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 0 1px 7px 0 rgb(0 0 0 / 5%);
}
#section.light-listing article:hover h4 a { transition: none; }
#section.light-listing article:hover p { color: #c4c6ca; }
#section.light-listing article:hover a.large-cta { color: #FFFFFF; }
#section.light-listing article:hover a.large-cta:hover { color: #000000; }

.job-title .detail,
#section.light-listing article .detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#section.light-listing article .detail ul,
.job-title .detail ul, .job-title .detail li,
#section.light-listing article .detail li { margin: 0; padding: 0; list-style: none; }
.job-title .detail li, 
#section.light-listing article .detail li {
    font-size: 0.9em;
    text-transform: uppercase;
    margin-right: 30px;
}
#section.light-listing article .detail li i.fas,
.job-title li i.fas, 
.job-title li i.far,
#section.light-listing article .detail li i.far { margin-right: 5px;}
#section.light-listing article a.large-cta { margin: 4vh 0 0; }
#section.light-listing.latest-news.single-article h4 { font-family: 'Graphik Bold', sans-serif; text-transform: uppercase; width:  80%;}


/* Single Job Posting */
body.single-job header#masthead { background: #000000; position: relative; z-index: 99; }
body.single-job header#masthead .site-branding svg { fill: #FFFFFF; }
body.single-job button.menu-toggle span { background: #FFFFFF; }
body.single-job header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.single-job header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

#section.article-header.job-title .container { max-width: 1320px; margin: 5vh auto 2vh; }
#section.article-header.job-title h1 { width: 70%; }
body.single-job .job-title .detail { color: #b6b8b9; font-size: 1em; margin: 0 0 5vh;}

body.single-job .job-content { padding: 8vh 0; }
body.single-job .job-content .flex-container { align-items: flex-start; }
body.single-job .job-content .job-description { flex: 3; padding-right: 5vw; border-right: 1px solid #DDDDDD; }

/* Job Form (CF7) */
body.single-job .job-form { flex: 2; padding-left: 3vw; }

/* Contact Form 7 */
.wpcf7 {
    width: 100%;
}
.wpcf7 br { display: none; }
.wpcf7 p { margin: 0 0 12px; }

.wpcf7 label {
    font-family: inherit;
    font-weight: 400;
    text-transform: uppercase;
    color: #555555;
    font-size: 0.7em;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    padding: 10px 15px;
    border: 1px solid #999999;
    border-radius: 0;
    width: 100%;
}
.wpcf7 textarea { height: 140px; }
.wpcf7 select { position: relative; }

.wpcf7 input[type="submit"] {
    cursor: pointer;
    display: table;
    width: auto;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    border: none;
    background: #000000;
    color: #FFFFFF;
    display: table;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 22px 6vw;
    margin: 2vh 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  {
    color: #000000;
    background: #C5B783;
    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;
}



/* =Articles (The Latest)
-------------------------------------------------------------- */

body.blog header#masthead,
body.archive header#masthead { background: #000000;position: relative; z-index: 99; }
body.blog header#masthead .site-branding svg,
body.archive header#masthead .site-branding svg { fill: #FFFFFF; }
body.blog button.menu-toggle span,
body.archive button.menu-toggle span  { background: #FFFFFF; }
body.archive header#masthead .header-donate a.large-cta,
body.blog header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.archive header#masthead .header-donate a.large-cta:hover,
body.blog header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

/* Listing Top */
#section.listing-top {
    min-height: auto;
    padding: 3vh 0;
}

.category-navigation { margin: 6vh 0 0; }
.category-navigation label {
    opacity: 0.5;
    color: #c4c6ca;
    text-transform: uppercase;
    font-size: 0.9em;
    margin: 10px 0 2vh;
    letter-spacing: 0.02em;
    font-weight: 400;
    display: block;
}
.category-navigation #category-menu {
    padding: 0; 
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.category-navigation #category-menu li {
    list-style: none;
    margin: 5px 20px 5px 0;
}
.category-navigation #category-menu li a {
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    color: #FFFFFF;
    display: table;
    font-size: 0.85em;
    line-height: 1em;
    letter-spacing: 0.02em;
    border-radius: 30px;
    padding: 20px 40px;
}
.category-navigation #category-menu li.current-menu-item a,
.category-navigation #category-menu li a:hover {
    border-color:  #C5B783;
    background: #C5B783;
    color: #000000;
}


/* Article Card Listing */
#section.article-listing { padding: 6vh 0; min-height: auto;}
.article-listing .container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: calc(1320px + 2%);
}
.article-listing .container article {
    flex: 1 0 48%;
    max-width: 48%;
    width: 48%;
    padding: 30px;
    margin: 1%;
}

/* Scholars (Yearbook) */
body.category article.yearbook { padding: 0;}
body.category article.yearbook .article-thumbnail { height: 30vh; }
body.category article.yearbook .article-details { padding: 30px; }
body.category article.yearbook .article-details p { display: none; }

/* Article Cards */
body.single-post #section.latest-news,
body.blog #section.article-listing{ background: #F6F6F6; }
body.single-post #section.latest-news article,
body.blog article { background: #FFFFFF; }
body.blog article:hover,
body.single-post #section.latest-news article:hover { background: #000000; }




/* =Apply
-------------------------------------------------------------- */
body.page-template-page-apply header#masthead { position: relative; z-index: 99; }
body.page-template-page-apply header#masthead .site-branding svg { fill: #FFFFFF; }
body.page-template-page-apply button.menu-toggle span { background: #FFFFFF; }
body.page-template-page-apply header#masthead .header-donate a.large-cta { color: #FFFFFF; }
body.page-template-page-apply header#masthead .header-donate a.large-cta:hover { background: #C5B783; color: #000000; }

/* Timeline */
#section.application-timeline { 
    min-height: auto; 
    padding: 0 0 5vh; 
}
.timeline-progress {
    margin:  2vh 0 5vh;
    align-items: flex-start;
}
.timeline-progress .progress-item { position: relative; padding-right: 5vw; }
.timeline-progress h4 { 
    font-size: 1.5em; 
    line-height: 1.2em; 
    margin: 0; 
}
.timeline-progress .marker {
    width:  35px;
    height: 35px;
    background: #000000;
    border: 1px solid #555555;
    border-radius: 50%;
    margin:  0 0 3vh;
    position: relative;
    z-index: 9;
}
.timeline-progress .progress-item:before {
    content: '';
    z-index: 3;
    width: 100%;
    top: 17px;
    left: 0;
    height: 1px;
    background: #555555;
    position: absolute;
}
.timeline-progress .progress-item:last-of-type:before { display: none; }
.timeline-progress .progress-item p {
    font-size:  0.9em;
    line-height: 1.5em;
    width: 90%;
    margin: 10px 0;
}
.timeline-progress .marker.active {
    border-color: #C5B783;
    background: #C5B783;
    animation: pulse-timeline 2s infinite;
}

@keyframes pulse-timeline {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(197, 183, 131, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(197, 183, 131, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(197, 183, 131, 0);
  }
}
.application-cta { margin: 6vh 0 2vh; }
.application-cta .large-cta { margin: 0; }

.closed-application {
    text-align: center;
    padding: 2vh 0 5vh;
}
.closed-application a.large-cta { margin: 0 auto 2vh; }
.closed-application p { color: #333333; }
.closed-application h4 { color: #FFFFFF; margin: 0; }

/* Overwrites */
body.page-template-page-apply #section.columns { min-height: auto; padding: 3vh 0 10vh;}
body.page-template-page-apply #section.columns .column-layout .column h4 { 
    font-size: 1.25em; 
    font-family: 'Work Sans', serif;
    font-weight: 600;
    letter-spacing: 0.04em;
}
body.page-template-page-apply #section.columns .column-layout .column p {
    line-height: 1.7em;
}

/* Disclaimer */
.disclaimer {
    padding: 0;
}
.disclaimer .container { border-top: 1px solid #EDEDED; padding: 25px 0; }
.disclaimer .entry-content {
    font-size: 0.9em;
    line-height: 1.4em;
    width: 100%;
    max-width: 900px;
    margin: 0;
}
.disclaimer .entry-content img {
    width: 100%;
    max-width: 150px;
    margin: -2px 25px 0 0;
}


/* =404
-------------------------------------------------------------- */
.error-404 { padding: 5vh 0 15vh; }
.error-404 a.large-cta {
    margin: 5vh 0;
}


/* =Light (Page Template)
-------------------------------------------------------------- */
.accordion-item .accordion-panel { display: none; }
.accordion-item.is-active .accordion-panel { display: none; }


/* FAQs */
.page-template-page-light .accordion-item {
    background: #FFFFFF;
    padding: 30px; 
    line-height: 1.55em;
    margin: 0 0 10px;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    cursor: pointer;
}
.page-template-page-light .accordion-item:hover,
.page-template-page-light .accordion-item.is-active {
    background: #000000;
    color: #FFFFFF;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 0 1px 7px 0 rgb(0 0 0 / 5%);
}
.page-template-page-light .accordion-item.is-active .accordion-panel { margin-top: 15px;}

.page-template-page-light .accordion-item.is-active .accordion-panel ul br { display: none; }
.page-template-page-light .accordion-item.is-active .accordion-panel ul { margin-top: 10px; }
.page-template-page-light .accordion-item.is-active .accordion-panel li { margin: 0; }

.page-template-page-light .accordion-item.is-active h4 { color: #C5B783; }
.page-template-page-light .accordion-item h4 {
    font-family: 'Work Sans', serif;
    font-weight: 600;
    font-size: 1.35em;
    line-height: 1.2em;
    margin: 0;
    text-transform: none;
    position: relative;
    padding-right:  5%;
}
.page-template-page-light .accordion-item h4:after {
    font-size:  1.2em;
    content: '\f107';
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 400;
    position: absolute;
    top: 2px;
    right:  0;
    opacity: 0.3;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
.page-template-page-light .accordion-item.is-active h4:after {
    transform: rotate(180deg);
    top: -3px;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}


/* Resources */
.application-resources a { text-decoration: underline; }
.application-resources .flex-container { align-items: flex-start; }




/* =Footer
-------------------------------------------------------------- */
footer.site-footer {
    background: #000000;
    color: #9a9a9a;
    padding: 15px 0 25px;
}
footer.site-footer a { color: #FFFFFF; }
footer.site-footer a:hover { color: #C5B783; }
footer.site-footer .container { max-width: 100%; }


/* Mailing List */
.footer-mailinglist {
    border-bottom: 1px solid #3d3d3d;
    padding: 0 0 15px;
    margin-bottom: 3vw;
}
.footer-mailinglist h4 {
    font-size: 2em;
    margin: 0;
}
.footer-mailinglist form {
    display: flex;
    float: right;
    text-transform: uppercase;
	align-items: flex-end;
}
.footer-mailinglist form .form_page {
    display: block;
}
.footer-mailinglist form input {
    border-radius: 0;
    padding: 6px;
}
.footer-mailinglist form button.default.form_button_submit {
    background: transparent;
    border: 1px solid #999999;
    font-family: 'Work Sans', sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.85em;
    line-height: 1em;
    letter-spacing: 0.02em;
    padding: 12px 50px;
    margin-left: 5px;
    margin-bottom: 3px;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.footer-mailinglist form button.default.form_button_submit:hover {
    background: #C5B783;
    border-color: #C5B783;
    color: #000000;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* Slate Form Overwrites */
footer.site-footer .form_container { background: transparent;}
footer.site-footer .form_container:not(.form_width_narrow) div.form_question.form_layout_table {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
}

/* Socials */
footer.site-footer .footer-socails-description strong { color: #FFFFFF; font-weight: 300; }
footer.site-footer .footer-socials { margin: 2vh 0 3vh; }
footer.site-footer .footer-socials a { font-size: 1.1em; display: inline-block; margin: 0 8px;}

/* Logos */
footer.site-footer .site-branding svg { width: auto; max-height: 90px; fill: #FFFFFF; }

/* Copyright */
footer.site-footer .copyright { font-size: 0.85em; line-height: 1.4em; }
footer.site-footer .copyright a { color: inherit; text-decoration: underline; }
footer.site-footer .copyright a:hover { color: #FFFFFF; }

/* Navigation */
footer.site-footer ul#copyright-menu {
    margin: 1vh auto 0;
    padding: 0;
    display: flex;
    align-items: center;
}
footer.site-footer ul#copyright-menu li {
    list-style: none;
    padding: 0;
}
footer.site-footer ul#copyright-menu li a {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

/* Footer Top */
.footer-top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7vh;
}
.footer-top .site-branding { flex: 1; padding-right: 4vw; display: block; }
.footer-top .footer-menu-columns { flex: 6; }

.footer-top .site-branding svg {
    width: 100%;
    max-width: 225px;
}
.footer-top .address-blurb {
    color: #b6b8b9;
    padding: 10px 0;
    font-size: 0.9em;
    line-height: 1.5em;
}
.footer-top .address-blurb .address {
    display: block;
    margin: 0 0 5px;
}
.footer-top .address-blurb .phone {
    color: #FFFFFF;
    font-weight: 400;
}
.footer-top .address-blurb .phone i { margin-right: 5px; }

ul#footer-menu {
    margin: 0; padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
} 
ul#footer-menu li { margin: 0; padding: 0; list-style: none; }
ul#footer-menu li a {
    color: #C5B783;
    font-size: 0.95em;
    line-height: 1.1em;
    letter-spacing: 0.02em;
    padding: 8px 0;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
ul#footer-menu li a:hover { color: #FFFFFF; }
ul#footer-menu li .sub-menu a { font-size: 0.9em; color: #FFFFFF; font-weight: 400;}
ul#footer-menu li .sub-menu a:hover { color: #C5B783; }

/* Bottom Footer (Copyright) */
.bottom-footer {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-top: 1px solid #3d3d3d;
}
.bottom-footer ul#copyright-menu { margin: 0; }
.bottom-footer ul#copyright-menu li { margin: 0; }
.bottom-footer ul#copyright-menu li a { display: block; padding: 5px 2vw 5px 0; }

/* Overwrites (Delete) */
body.page-id-2345 .event-sponsors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
body.page-id-2345 .event-sponsors img {
    flex: 1;
    max-width: 180px;
    margin-right: 3vw;
}

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

@media only screen and (max-width: 1300px) {
    /* People */
    #section.people-listing .container>* { 
        flex: 1 0 23%; 
        max-width: 23%;
        margin: 1%;
    }
}

@media only screen and (max-width: 1024px) {

    /* Heros */
    #section.page-hero h1.hero-title { font-size: 3.6em; width: 100%; }
    #section.page-hero .page-hero-image { height: 400px; }

    /* Speakers */
    .speaker.flex .speaker-description { flex: 2; }

    /* People */
    #section.people-listing .container article { flex: 1 0 23.3%; width: 23.3%; max-width: 23.3%; }
}

@media only screen and (max-width: 980px) {

    header#masthead { padding: 25px 0; }
    header#masthead .visible-menu { display: none; }
    header#masthead .site-branding svg { height: 70px; }

    header#masthead .main-navigation.overlay .site-branding svg { height: 80px; }
    .main-navigation.overlay.toggled ul.menu li a { font-size: 1.8em; padding: 8px 0; }

    #section.video-hero h1 { font-size: 4em; }
    #section.video-hero {
        min-height: 75vh;
        padding: 45vh 0 5vh;
        margin-top: -130px;
        display: block;
    }
    .iframe-wrapper video { width: auto; min-height: 170%; top: 84.1vw; }

    /* Latest News Articles */
    article.card-news h4.entry-title { font-size: 1.5em; }
    article.card-news { padding: 30px; }
    article.card-news.people-card { padding: 0;}
    article.people-card .entry-content { padding: 20px; }

    #section.people-listing .container article { flex: 1 0 30.3%; width: 31.3%; max-width: 31.3%; }

    /* Articles */
    ul.post-category-list { margin: 0 0 5px; }
    #section.article-header h1.entry-title { font-size: 2.5em; line-height: 1em; }

    /* Board */
    .people-listing article.people-card { flex: 1 0 33.3%; width: 31.3%; max-width: 31.3%; margin: 1%; }

    /* Careers */
    #section.light-listing article { padding: 30px; }
    #section.light-listing article .detail { margin: 0 0 10px; }

    /* Scholarships */
    #section.scholarships-impact .impact-container { flex-direction: column; }
    #section.scholarships-impact .impact-container>* { flex: 1 0 100%; margin: 0 auto 50px; }
    #section.scholarships-impact .impact-stat .title { font-size: 1.2em; margin: 0 auto 15px; display: block;}
    #section.scholarships-impact .impact-stat { padding: 0 0 10px; }

    /* Sections */
    .flex-container { display: block; }
	#section.columns .column-layout.flex-container { display: flex; }
    .flex-container>* { width: 100%; max-width: 100%; }
    h3.section-title, #section.fifty-fifty h3.section-title.larger { font-size: 2.5em; margin: 0;}
    #section.fifty-fifty .half.featured-image { margin: 0 0 3vh;}
    #section.fifty-fifty.full-bleed { display: block; padding: 0; }
    #section.fifty-fifty.full-bleed.left .featured-fifty-img,
    #section.fifty-fifty.full-bleed .featured-fifty-img { position: relative; flex: 1 0 100%; width: 100%; height: 40vh; }
    #section.fifty-fifty.full-bleed .feature-block { padding: 50px 8vw; }
    #section.fifty-fifty.full-bleed>* { flex: 1 0 100%; width: 100%; }

    #section.columns h3 { font-size: 2em; }
	#section.columns .top-title { margin-bottom: 25px; }

    body.single-job .job-content .job-description,
    body.single-job .job-form { padding: 0; border: none; }
    body.single-job .job-content { padding: 5vh 0; }
    body.single-job .job-form { padding: 3vh 0 0; margin-top: 5vh; border-top: 1px solid; }
    .wpcf7 input[type="submit"] { width: 100%; }
    #section.fifty-fifty .feature-block { padding: 3vh 0; }
    ul.sponsors-logos li { flex: 1 0 calc(25% - 20px); width: calc(25% - 20px); }

    /* Timeline */
    .timeline__nav ul li { margin: 0 0 5px 0; }
    .timeline__nav ul li span { padding: 5px 15px 0; font-size: 0.9em; line-height: 1.3em; }
    #section.timeline-slide { padding: 0 5vw 0 150px; margin-bottom: 10vh; }
    #section.timeline-slide .overlay-image { padding: 0; margin-bottom: 20px; }
    #section.timeline-slide .overlay-image img { max-height: 50vh; }
}

@media only screen and (max-width: 800px) {

    h1 { font-size: 3em; letter-spacing: -0.02em;}
    h2 { font-size: 2.5em; }
    h3 { font-size: 2em; }
    h4 { font-size: 1.75em; }

    .container { width: 85vw; }
    a.large-cta { padding: 12px 40px; }
    .header-donate { right: 110px; }
    .header-donate a.large-cta { min-width: auto; }

    /* Navigation */
    .main-navigation.toggled ul#overlay-sub.menu li{
        flex: 1 0 50%; width: 50%;
        padding: 5px 0;
    }

    /* Board */
    .people-listing article.people-card { flex: 1 0 50%; width: 48%; max-width: 48%; margin: 10px 1%; }
    article.people-card h4.entry-title { width: 100%; }

    /* Pages */
    ul.sponsors-logos li img { max-width: 100px; max-height: 40px;}
    body.page-contact .entry-content .wpcf7 { float: none; width: 100%; margin: 0; padding: 0 0 3vh; border: none; }

    /* Apply */
    .timeline-progress { margin: 0; padding: 0; }
    .timeline-progress .marker { position: absolute; left: 0;}
    .timeline-progress .progress-item:before {
        width: 1px;
        height: 100%;
        left: 17px;
    }
    .timeline-progress .progress-item { padding-right: 0; padding-left: 70px; padding-bottom: 4vh; }
    .timeline-progress .progress-item span.eyebrow { margin: 0 0 3px;}

    /* People */
    .category-navigation form.searchandfilter li.sf-field-search { flex: 1 0 100%; }
    .searchandfilter input[type="submit"] { max-width: 220px; margin: 0; }
    #section.people-listing .container article{ 
        flex: 1 0 48%; 
        max-width: 48%;
        margin: 1%;
    }

    /* Sections */
    #section.columns { padding: 10vw 0; }
    #section.columns.two .column-layout .column,
    #section.columns .column-layout .column { 
        border: none;
        padding: 30px;
		min-height: auto;
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }
    #section.accordion-section .accordion { padding: 30px 0 0; }
    #section.accordion-section .accordion-title.flex-container { display: flex; }

    /* Page Heros */
    #section.page-hero { padding: 250px 0 50px; }
    #section.page-hero .top-title img { max-height: 135px; }
    .page-hero.light:before {
        background: linear-gradient(to top, rgba(255,255,255,0.9)45%,rgba(255,255,255,0.2) 65%,rgba(255,255,255,0.5) 100%);
    }

    /* Events / Posts */
    body.single-post article.events .event-details { display: block; margin: 0 0 3vh; padding: 0;}
    body.single-post article.events .event-details>* { margin-bottom: 10px; }
    body.single-post article.events .event-details a.large-cta { float: none; margin: 3vh 0 0;}

    /* People */
    body.single-people #section.people-header .container { flex-direction: column-reverse; display: flex; }
    body.single-people #section.people-header .container .post-thumbnail { margin: 3vh 0 -8vh; }

    body.single-post .article-image { padding: 25px 0; }
    body.single-post article .entry-content .container { padding: 0; }

    /* Museum */
    .museum-stat-listing .stat-item { flex: 1 0 50%; width: 50%; padding: 3% 8% 3% 0; }
    .primary-sponsor .teir-sponsors { flex: 3; }

    /* Speakers */
    .speaker-section-title { flex-direction: column; margin: 15px 0 0; }
    .speaker-section-title h2 { font-size: 4em; text-align: left; }
    .speaker-section-title .description { padding: 0; flex: 1; }
    .speaker-section .accordion-item h3 { font-size: 1.3em; margin: 20px 0 20px 25px; padding-right: 100px; }
    .speaker-section .accordion-item h3:after { right: 25px; }
    .speaker-description h4 { font-size: 2em; }


    /* Footer */
    .footer-top { flex-direction: column; margin: 0 auto 3vh; }
    .footer-top .site-branding { padding: 0 0 4vh; }

    ul#footer-menu { margin: 0; padding: 0; }
    ul#footer-menu li { flex: 1 0 50%; width: 50%; max-width: 50%; }
    ul#footer-menu li ul.sub-menu { margin-bottom: 3vh; }
    ul#footer-menu li .sub-menu a { line-height: 1.5em; }
    .bottom-footer { align-items: flex-start; padding: 2vh 0 0; }
    .bottom-footer>* { flex: 1; padding: 2vh 0;}
    .footer-mailinglist form { float: none; }
    footer.site-footer ul#copyright-menu,
    footer.site-footer .footer-socials { margin: 0; }
    .bottom-footer .footer-copyright { flex: 4; }

}

@media only screen and (max-width: 640px) {
    #section { padding: 5vh 0; }
    #section.fifty-fifty .feature-block { padding: 0; }

    h3.section-title,
    #section.fifty-fifty h3.section-title.larger { font-size: 2em; line-height: 1.1em; }

    header#masthead .main-navigation.overlay { padding: 30px 10vw 5vh; justify-content: space-between;}
    header#masthead .main-navigation.overlay .site-branding { margin: 0; }
    .main-navigation.overlay.toggled ul.menu li { padding: 2vh 0 0; }
    .main-navigation.overlay.toggled ul.menu li a { font-size: 1.5em; line-height: 1em; }
    header#masthead .main-navigation.overlay.toggled .footer-socials { margin-top: auto; }

    a.large-cta { min-width: 250px; text-align: center; padding: 12px 50px; }

    /* Speakers */
    .speaker.flex { display: block; }
    .speaker.flex .headshot { margin-bottom: 25px; padding: 0; }
    .speaker.flex .headshot img { max-width: 250px; }
    .keynote .speaker.flex .headshot img { max-width: 100%; }
    .keynote .speaker-description h4 { font-size: 3em !important; }
    .speaker-description h4 { font-size: 2em !important; }
    .speaker-description .job-title { font-size: 1.4em; line-height: 1.2em; display: inline-block; }

    /* Sections */
    #section.accordion-section .accordion-title h3 { font-size: 3em; margin: 0; }
    #section.columns h3 { font-size: 2.5em; margin: 0; }
    #section.accordion-section .accordion-title h4 { font-size: 1.15em; letter-spacing: 0.04em; padding: 0; }

    .disclaimer .entry-content { font-size: 0.8em; line-height: 1.5em; text-align:center; }
    .disclaimer .entry-content img {
        display: block;
        float: none;
        width: 100%;
        max-width: 130px;
        margin: 0 auto 5px;
    }

    /* Articles */
    #section.article-header h1.entry-title { font-size: 2em; }

    #section.article-listing { flex-direction: column; }
    body.blog article:nth-child(1) .article-thumbnail,
    body.blog article:nth-child(2) .article-thumbnail { height: 250px; }
    body.blog article:nth-child(1) .article-details, body.blog article:nth-child(2) .article-details { padding: 30px; }
    body.blog article:nth-child(1)>*, body.blog article:nth-child(2)>*,
    #section.article-listing article { flex: 1 0 100%; width: 100%; max-width: 100%; margin: 0 auto 20px;}

    #section.post-gallery .photo-gallery-carousel .carousel-img { min-height: 300px; }

    ul.sponsors-logos li { flex: 1 0 calc(33.3% - 20px); width: calc(33.3% - 20px); }
    footer.site-footer .site-branding svg { max-height: 85px; }

    footer.site-footer ul#copyright-menu { display: flex; align-items:flex-start; flex-wrap: wrap; margin:  0 auto 3vh;}
    footer.site-footer ul#copyright-menu li { flex: 1 0 50%; }
    footer.site-footer ul#copyright-menu li a { line-height: 1.2em; }

    /* Heros */
    #section.page-hero h1.hero-title { font-size: 2.5em; }
    #section.blend-hero { padding: 30vh 0 150px; }
    #section.blend-hero:before { height: 80%; }
    #section.blend-hero .header-image { height: 60%; }

    /* Pages */
    body.page-scholarship #section.columns.dark p { margin: 10px 0; }

    /* Eulogy */
    #section.eulogy-hero { padding: 15vh 0 10vh; }
    #section.dark .description p { font-size: 1em; width: 100%; }
    #section.eulogy-hero .hero-cta { display: flex; flex-direction: column; align-items: flex-start; }
    #section.eulogy-hero .hero-cta .large-cta { margin: 0 0 15px; display: block; }

    /* People */
    #section.people-listing article.people-card .entry-content { padding: 15px 15px 20px; }
    article.people-card h4.entry-title { font-size: 1.25em; width: 100%; }

    /* Notify Me */
    #section.capture-item { display: block; padding: 30px; }
    #section.capture-item .capture-title .icon { font-size: 2.5em; margin: 0 0 15px; }
    #section.capture-item .capture-title h4 { font-size: 2em; }

    /* Museum */
    .museum-stat-listing .stat-item { flex: 1 0 100%; width: 100%; padding: 1vh 0; }
    .primary-sponsor .teir-sponsors,
    .flex-container .third { flex: 1 0 100%; padding: 1vh 0 0; margin: 0; }
    #section.background-image { min-height: 300px; }

    /* Alumni */
    .alumni-news .article-listing { width: 100%; margin: 2vh 0; }
    .alumni-news .article-listing article { flex: 1 0 100%; margin: 0 auto 2vh; width: 100%; max-width: 100%; }

    /* Timeline */
    .timeline__nav ul li span { padding: 3px 0 5px 5vw;}
    #section.timeline-slide { padding-left: 100px; }
    #section.timeline-slide h3 { font-size: 2em; margin: 0; }
    #section.timeline-slide .overlay-image { margin-bottom: 10px; }
    .timeline-carousel .owl-dots { display: none !important; }

    /* Pages */
    #section.article-header h1.entry-title { width: 100%; font-size: 1.75em;}
    #section.light-top { padding: 3vh 0 5vh; }
    #section.light-top .entry-content p { width: 100%; }
    #section.fifty-fifty.overlap .feature-block { padding: 30px; }

    .accordion-item h4 { font-size: 1.15em; padding-right: 30px; }
    .download-list { margin: 0 0 60px; }
    .download-list li { width: 100%; }

    .bottom-footer { display: block; }
    .bottom-footer>* { padding: 15px 0; }

    /* Slate Overwrites */
    .footer-mailinglist h4 { font-size: 1.5em; }
    .footer-mailinglist form { display: block; margin:  15px 0;}
    .footer-mailinglist form button { margin: 5px 0 0; }
    .footer-mailinglist div.form_container:not(.form_width_narrow) div.form_question.form_layout_table .form_label { display: block; padding: 0; }
}

@media only screen and (max-width: 500px) {
    h1 { font-size: 3em; letter-spacing: -0.02em;}
    h2 { font-size: 2.5em; }
    h3 { font-size: 2em; }
    h4 { font-size: 1.5em; }

    header#masthead { padding: 15px 0; }
    header#masthead .site-branding { margin-left: 10vw; margin-top: 5px;}
    header#masthead .main-navigation.overlay .site-branding svg,
    header#masthead .site-branding svg { height: 70px; }
    header#masthead button.menu-toggle { right: 10vw; top: 70px; }
    header#masthead .header-donate { display: none; }

    a.large-cta {
        font-size: 0.8em;
        padding: 12px 30px;
    }
    body.single-post div.simplesocialbuttons { display: none; }

    article.people-card h4.entry-title { font-size: 1.35em; }
    article.people-card .people-headshot { height: 190px; }

    article.card-news h4.entry-title { font-size: 1.3em; }
    article.card-news { padding: 25px; }
    article.card-news p { font-size: 0.9em; line-height: 1.5em; }

    /* Homepage */
    h3.section-title, #section.fifty-fifty h3.section-title.larger { font-size: 1.75em; }

    /* Speakers */
    .speaker-section-title h2 { font-size: 2.5em; }
    .keynote .speaker-description h4 { font-size: 2em !important; }
    .speaker-description h4 { font-size: 1.5em !important; }
    .speaker-section .accordion-item h3 { font-size: 1.3em; line-height: 1.1em; }
    .speaker-description .job-title { font-size: 1.1em !important; }


    /* Heros */
    #section.video-hero h1,
    #section.video-hero h1 { font-size: 3.5em; width: 100%; }
    #section.page-hero h1.hero-title { font-size: 2em; }

    /* Footer */
    .footer-top { margin: 2vh auto 0; width: 100%;}
    ul#footer-menu { display: none; }
}