footer .email a, footer .email a:visited, footer .email a:visited  {
text-decoration: none;
color: white;
}

footer .email a {
-o-transition: color .15s ease-in-out;
transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
} 

/*
footer .email a:hover {
color: #15a9e2;
opacity: 1;
transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
}
*/

footer .footer-flex-element .social-networks a:hover {

opacity: 1!important;
-o-transition: color .15s ease-in-out, opacity .15s ease-in-out;
transition: color .15s ease-in-out, opacity .15s ease-in-out;
-webkit-transition: color .15s ease-in-out, opacity .15s ease-in-out;
}

/*
footer .footer-flex-element .social-networks a:hover svg .footer-social-fill {
	fill: #15a9e2;
}
*/




.image-block, .text-block, .layout-video-block {
opacity: 0;
-o-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}


.image-block.visible, .text-block.visible, .layout-video-block.visible {
opacity: 1;

-o-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);

transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}

/* Back to top Button */

#back-to-top-button {
display: none;
width: 60px;
height: 60px;

position: fixed;
z-index: 99;
bottom: 0;
right: 60px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: solid 5px white; 
border-bottom: solid 0px transparent; 
}

.single-stories #back-to-top-button.top {
display: block;
}


#back-to-top-button svg {
height: 100%;
margin: auto;
width: 100%;
padding: 10px;
fill: white;
}



































/* Page Loader */
.pace {
-webkit-pointer-events: none;
pointer-events: none;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
    user-select: none;
}

.pace-inactive {
display: none;
}

.pace .pace-progress {
background: white;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}

.pace {
-webkit-pointer-events: none;
pointer-events: none;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
    user-select: none;

z-index: 99999;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
border: 0px;
height: 100vh;
overflow: hidden;
background: white;
border-radius: 4px!important;
}

.pace .pace-progress {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

max-width: 100%;
position: fixed;
z-index: 2000;
display: block;
position: absolute;
top: 0;
right: 100%;
height: 100vh;
width: 100vw;
background-color: transparent;
border-radius: 4px!important;

}

.pace.pace-inactive {
/*display: none;*/


border: 10px red solid;
-webkit-transition: height .65s ease-in-out, width .65s ease-in-out;
-o-transition:  height .65s ease-in-out, width .65s ease-in-out;
transition:  height .65s ease-in-out, width .65s ease-in-out;
}




#preloader{
width:0%;
height:0vh;
background: white;
overflow:hidden;
position:fixed;
z-index: 999999999;
top: 0;
right:0;
left: 0;
bottom:0;

-webkit-transform-origin: center center;

    -ms-transform-origin: center center;

        transform-origin: center center;


-o-transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);


transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);
}

#preloader-bg {
width:100%;
height:100vh;
background: white;
overflow:hidden;
position:fixed;
z-index: 999;
top: 0;
right:0;
left: 0;
bottom:0;

-webkit-transform-origin: center center;

    -ms-transform-origin: center center;

        transform-origin: center center;

-o-transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);

transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .75s cubic-bezier(0.52,0.01,0.16,1), width .75s cubic-bezier(0.52,0.01,0.16,1);
}






/* added class */
.slinky {
width: 100%!important;
height: 100vh!important;
top: 0;
right:0;
left: 0;
bottom:0;
-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
position: absolute;

margin: auto;
transform-origin: center center;

-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), width .45s cubic-bezier(0.52,0.01,0.16,1);

transition: height .45s cubic-bezier(0.52,0.01,0.16,1), width .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), width .45s cubic-bezier(0.52,0.01,0.16,1);
}

/* END Page Loader */



















/* MOUSE FOllOWS */
/*#box {
z-index: 99999;
position: absolute;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
background: rgba(0,0,0, 0.15);
border: .5px solid rgba(0,0,0, 0.35);
border-radius: 50%;
-webkit-backface-visibility: hidden;
pointer-events: none;
opacity: .5;
}*/
/* END MOUSE FOllOWS */






/** Home --- GRaphic */

.graphic-02, .graphic-03 {
-ms-transform: translate(-200%, 0px);
-webkit-transform: translate(-200%, 0px);
transform: translate(-200%, 0px); 

-webkit-transition: translate .65s ease-in-out;
-o-transition:  translate .65s ease-in-out;
transition:  translate .65s ease-in-out;
}


#empowerment {
/*opacity: 0;*/
}

/* END GRpahic */



.home-bg {
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
width: 0%;
height: 0vh;
margin: auto;
-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
background-color: rgba(20,20,20,1);
z-index: -1;
}




/*****************************************************
Home-Page Hero 
*****************************************************/

.hero.hero-home {
    border-radius: 0px!important;
}




.hero {
    border-bottom-right-radius: 0px!important; 
    border-bottom-left-radius: 0px!important; 
}


site-wrapper {
	background-color: rgba(20,20,20,1);
}


.hero {
height: 100vh;
background-color: transparent;
/*background-color: rgba(20,20,20,1); 
background: orange;*/
}
.hero h1, .hero h2, .hero p {
color: white;
}

.hero h2 {
padding: 15px 0;
}

.hero p {
font-size: 16px;
}

.hero a {
margin-top: 25px;
}

.hero a {
color: black;
text-decoration: none;
}

	.hero-home.hero a {
	    font-weight: 200;
	    text-transform: none;
	    letter-spacing: 0;
	    font-size: 21px;
	    color: #15a9e2;
	}
	
		.hero-home.hero a:hover{
			color: white;
		}

p span {
letter-spacing: .5px;
}



.home .hero .flex-element {
width: 100%;
margin-top: 0px!important;
min-height: calc(100vh - 150px);
}

/*.home .hero svg {
width: calc(50% - 120px);
margin: auto;
margin-left: 0px;
}*/
.home .hero svg {
width: calc(65% - 120px);
margin: auto;
margin-left: 22.5%;
}




.mission-statment {
position: absolute;
width: calc(80% - 120px);
bottom: 60px;
border-top: solid .5px rgba(100,100,100, .35);
margin: auto;
margin-left: 10%;
text-align: center;
}




.mission-statment p {
    padding: 30px 0px;
    color: rgba(255,255,255, .55);
    text-align: center;
    display: inline-block;
    margin: auto;
    max-width: 800px;
    font-weight: 300;
    font-size: 21px;
    line-height: 27px;
}

	.mission-statment > :last-child {
	    margin-top: 0;
	    padding-top: 0;
	}

.hero-home .container:nth-of-type(1) {
padding: 60px;
}



body.home footer .container {
padding-top: 0px!important;
}
/*****************************************************
END Home-Page Hero 
*****************************************************/








/*****************************************************
GLOBAL 
****************************************************/

nav.desktop-menu #menu-item-29, nav.mobile-nav #menu-item-308 {
display: none;
}


* {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

/* Headline */
h1 {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size:  130px;
line-height: 120px;
text-transform: capitalize;
/*word-break: hyphenate;*/
}

/* Sub-Headline - 01 */
h2 {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size:  30px;
line-height: 32px;
}

/* Sub-Headline - 02 -- Captions*/
h3 {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size:  26px;
}

/* Sub-Headline 03*/
h4 {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 500;
font-size:  21px;
}

/* Micro-Headline 01 */
h5 {
font-size: 16px;
line-height: 1.3;
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 300;
font-style: normal;

}



/* Micro-Headline 02 */
h6 {
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 12px;
letter-spacing: .75px;
}

/* Paragraph */
p {
font-family: 'GT Pressura Pro Light', 'fira-sans', sans-serif;
font-weight: 300;
font-style: normal;

font-size: 14px;
line-height: 21px;
letter-spacing: .5px; 
}

ul li {
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 21px;
letter-spacing: .5px;
}


a {
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-style: normal;	
font-weight: 500;
font-size: 16px;
letter-spacing: 1.25px;
text-transform: uppercase;
line-height: 26px;
}











/* NAV BUTTONS */
nav.desktop-menu #menu-main-menu a, nav.mobile-nav #menu-mobile-menu a {
padding: 5px;

font-weight: 400;
font-size: 13px;
letter-spacing: 2px;
line-height: 26px;
}


nav.desktop-menu #menu-main-menu a:after, nav.mobile-nav #menu-mobile-menu a:after  {
content: '';
width: 3px;
height: 3px;
background-color: white;
border-radius: 4px;
display: block;
margin-right: 0;
right: 1px;
bottom: 4px;
position: absolute;
-o-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
}

nav.desktop-menu #menu-main-menu .current_page_item a:after {
background-color: black;
}

nav.desktop-menu #menu-main-menu a em, nav.mobile-nav #menu-mobile-menu a em {
-webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
display: block;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}

nav.desktop-menu #menu-main-menu a:hover em, nav.mobile-nav #menu-mobile-menu a:hover em {
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}

nav.desktop-menu #menu-main-menu a:hover:after, nav.mobile-nav #menu-mobile-menu a:hover:after {
width: calc(100%);
-o-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
}



.menu-content #menu-mobile-menu .current-menu-item a {
color: #15a9e2!important;
}

.menu-content #menu-mobile-menu .current_page_item a:after {
background-color: #15a9e2;
}

/* END NAV BUTTONS */







/********************************************* 	
BUTTONS

HERO , Interview ,   
******************************************/
.hero p span {
font-weight: 300!important;
}

.hero a, a.interview-read-more, a.text-block-read-more {
position: relative;
padding: 5px;
}

.hero a em, a.interview-read-more em, a.text-block-read-more em  {
-webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
display: block;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}

.hero a:hover em, a.interview-read-more:hover em, a.text-block-read-more:hover em {
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}

.hero a:hover:after, a.interview-read-more:hover:after, a.text-block-read-more:hover:after{
width: calc(100%);

-o-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);

transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
}

.hero a:after, a.interview-read-more:after, a.text-block-read-more:after   {
content: '';
width: 4px;
height: 4px;
background-color: black;
border-radius: 4px;
display: block;
margin-right: 0;
right: -2px;
bottom: 2px;
position: absolute;

-o-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);

transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
}


a.interview-read-more , a.text-block-read-more {
color: black!important;
    width: auto;
    display: inline-block;
}

a.text-block-read-more {
    display: none;
}


a.interview-read-more:after, a.text-block-read-more:after   {
background-color: black;
}














/** IF THEME COLOR IS BLACK */
#site-wrapper.black .hero, #site-wrapper.black .hero a, #site-wrapper.black a.interview-read-more em {
color: rgba(100,100, 100, 1);
}


#site-wrapper.black .hero a:after, #site-wrapper.black a.interview-read-more:after  {
background-color: rgba(100,100, 100, 1);
}




#site-wrapper.black .interview-block h2, #site-wrapper.black .script-labels h6, #site-wrapper.black .interview-title p {
color: rgba(100,100, 100, 1);
}








/** IF THEME COLOR IS Gray */
#site-wrapper.gray .hero .slider h1 {
color: black;
}

#site-wrapper.gray .hero .slider h2, #site-wrapper.gray .hero .slider p {
color: rgba(100,100,100,1);
}

#site-wrapper.gray .text-block h1, #site-wrapper.gray .text-block h2, #site-wrapper.gray .text-block h4, #site-wrapper.gray .text-block h5 {
color: rgba(100,100,100,1);
}

#site-wrapper.gray .text-block a {
color: #15a9e2;
}

#site-wrapper.gray .layout-extensive_quote svg .q-mark, #site-wrapper.gray .layout-extensive_quote_and_image svg .q-mark {
fill: #15a9e2!important;
}

#site-wrapper.gray  .layout-extensive_quote .work-cited span, #site-wrapper.gray  .layout-extensive_quote_and_image .work-cited span {
background-color: #15a9e2!important;
}

#site-wrapper.gray .interview-title h2 em {
color: #15a9e2;
}
#site-wrapper.gray .interview-script h6 {
color: rgba(100,100,100,1);
}

#site-wrapper.gray .interview-script p {
color: black;
}
#site-wrapper.gray #project-involvement .container h6 span {
color: #15a9e2!important;
}




/* End HERO BUTTONS */








/* Interview Read More BUTTONS */


/* END Interview Read More BUTTONS */








/*  CTA BUTTONS */


a.cta-button {
position: relative;
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size:  30px;
text-transform: capitalize;
letter-spacing: normal;
text-decoration: none;
line-height: 36px;
width: auto;
display: inline-block;

padding: 5px;
}

.single.single-stories a.cta-button  {
color: black;
}


/*
a.cta-button span {
width: 100%;
height: 5px;
border-radius: 5px;
display: block;
}
*/

a.cta-button:after {
    content: '';
    width: .65vw;
    height: .60vw;
    background-color: white;
    border-radius: .65vw;
    display: block;
    margin-right: 0;
    right: -6px;
    bottom: -0.15vw;
    position: absolute;
    -o-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
    transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
}

.single.single-stories a.cta-button:after  {
background-color: black;
}


.call-to-action .flex-element .container h2, .call-to-action .flex-element .container a em   {

-webkit-transform: translate3d(0, 12px, 0);

        transform: translate3d(0, 12px, 0);
display: block;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}

.call-to-action .flex-element .container a em  {
margin-left: -5px;
}


.call-to-action .flex-element:hover .container h2, .call-to-action .flex-element:hover .container a em  {
-webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
}


.call-to-action .flex-element:hover a.cta-button:after {
width: calc(100% + 12px);

-o-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);

transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: width .45s cubic-bezier(0.52,0.01,0.16,1);
}




.main.call-to-action .flex-element:nth-of-type(2) a.cta-button:after, .main.call-to-action .flex-element:nth-of-type(3) a.cta-button:after {
background-color: #15a9e2;
}


.main.call-to-action .flex-element:nth-of-type(1) a.cta-button:after  {
background-color: black;
}









/* End CTA BUTTONS */















.container {
padding: 60px;
width: 100%;
height: 100%;

/*border: 1px solid blue;*/
}



.flex-container {
display: -ms-flexbox;
display: flex;

display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

-ms-flex-wrap: wrap;

    flex-wrap: wrap;
/*border: 1px solid red;*/
}

.flex-element {
/*border: 1px solid aqua;*/

display: inherit;
display: -ms-flexbox;
display: flex;

display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

height: auto;

-ms-flex-wrap: wrap;

    flex-wrap: wrap;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
}	

.align-center {
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
}

.justify-end {
-ms-flex-pack: end;
-webkit-box-pack: end;
        justify-content: flex-end;
}

.space-between {
-ms-flex-pack: space-between;
-webkit-box-pack: justify;
        justify-content: space-between;
}

.align-items-start {
-ms-flex-align: start;
-webkit-box-align: start;
        align-items: flex-start;
}

.align-items-stretch {
-ms-flex-align: stretch;
-webkit-box-align: stretch;
        align-items: stretch;
}


/*****************************************************
END GLOBAL 
****************************************************/









/*****************************************************
NAVIGATION 
****************************************************/




nav {
/*border: 1px red solid; */

position: fixed;
z-index: 10;

width: 100%;
height: auto;

top: 0;
left: 0;
right:0;
}
nav.scrolled {
/* width: calc(100% - 50px);*/
width: 100%;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}





.nav-logo:hover svg {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
    -o-transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1), -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
	-webkit-transition:transform .5s cubic-bezier(0.52,0.01,0.16,1);
}

.nav-logo svg .logoUnderline {

    -webkit-transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);

    transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);

    -o-transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);

    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);

    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1), -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
	-webkit-transition:transform .5s cubic-bezier(0.52,0.01,0.16,1);
}

.nav-logo:hover svg .logoUnderline {
    -webkit-transform: scaleX(3.65) translateX(-422px);
        -ms-transform: scaleX(3.65) translateX(-422px);
            transform: scaleX(3.65) translateX(-422px);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
    -o-transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1);
    transition: transform .5s cubic-bezier(0.52,0.01,0.16,1), -webkit-transform .5s cubic-bezier(0.52,0.01,0.16,1);
	-webkit-transition:transform .5s cubic-bezier(0.52,0.01,0.16,1);
}








nav.scrolled .wrapper {
padding: 15px;
}
nav.scrolled .nav-logo {
margin-top: 9px;	
}


nav.scrolled  .nav-logo .logo svg {
width: 100px;
height: 37px;
margin-top: 7.5px;
}

nav.scrolled  .nav-flex-container {
height: 57px;

-o-transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);

transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);
}


nav .wrapper {
/*border: 1px yellow solid;*/

padding: 60px 30px;
}

.nav-flex-container {
/*border: 1px green solid; */

height: 100px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;

-o-transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);

transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .35s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1);
}


.nav-flex-element {
/*border: 1px blue solid;*/

width: calc(100% - 125px);
height: auto;
display: inherit;

-ms-flex-wrap: wrap;

    flex-wrap: wrap;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
}



/* NAV Links */
.nav-flex-element .back-to-top  {
/*border: pink 1px solid;*/

display: block;
width: 100%;
}

.nav-flex-element li {
/*border: 1px orange solid;*/


display: inline-block;
padding: 15px 20px;
padding-top: 0px;
}

.scrolled .nav-flex-element li {
padding-top: 15px;
}



/* NAV Logo */
.nav-logo {
width: 125px;

text-align: right;
-ms-flex-align: right;
-webkit-box-align: right;
        align-items: right;
}

.nav-logo .logo svg {
/*width: 150px;*/
width: 125px;
}

.nav-logo .logo svg path:not(.logoUnderline){
fill: white;
}

.logoUnderline {
fill: black!important;
}


footer .logoUnderline {
fill: #15A9E2!important;
}

/* Logo HOme Page */
body.home .logoUnderline {
fill: #15A9E2!important;
}

/* Logo Team Page */
body.page-template-page-team .nav-logo .logo svg path:not(.logoUnderline) {
fill: black!important;
}

body.page-template-page-team .nav-logo .logo svg .logoUnderline, body.page-template-page-stories.open-menu .nav-logo .logo svg .logoUnderline {
fill: #15A9E2!important;
}


#menu-main-menu, #menu-mobile-menu {
/* border-top: solid .5px rgba(30,30,30,.15); */
margin-top: -15px;
}

#menu-main-menu li a, #menu-mobile-menu li a {
position: relative;
width: auto;
display: inline-block;

color: white;
text-decoration: none;
}

#menu-main-menu li.current-menu-item a, #menu-mobile-menu li.current-menu-item a {
color: black;
}

.nav-flex-element .back-to-top a {
color: rgba(30,30,30,.5);
text-decoration: none;
font-size: 12px;
margin-bottom: 10px;
display: inherit;
}




/*** Remove Mobile Navigation */
.mobile-nav  {
display: none;
}

/*****************************************************
END NAVIGATION 
*****************************************************/











































/*****************************************************
Secondary-Page Hero 
*****************************************************/

.hero-secondary-page {
position: relative;	
height: auto;
/* background-color: #f1f2ec;*/
}

.hero.hero-secondary-page .container {
padding: 0px 0px 0px 0px; /*60px;*/
}

.hero .flex-container {
/*border: 1px green solid;*/

height: auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;

-ms-flex-wrap: nowrap;

    flex-wrap: nowrap;
}

.hero .flex-element {
/*border: 1px blue solid;*/

display: inherit;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;

/*min-height: calc(100vh - 150px); */
height: auto;
margin-top: 150px;
}

.hero .content.flex-element {
padding: 60px; 
width: 50%;
}



.hero .content.flex-element div {
margin-top: 60px;
opacity: 0;

-o-transition: margin-top 1s cubic-bezier(0.52,0.01,0.16,1);

transition: margin-top 1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: margin-top 1s cubic-bezier(0.52,0.01,0.16,1);
}



.hero .content.flex-element p, .hero .content.flex-element h1, .hero .content.flex-element h2, .hero .content.flex-element h6 {
display: block;	
margin-bottom: 15px;
}



.hero .content.flex-element a {
width: auto;
display: inline-block;
}

.hero .content.flex-element a:not(:last-of-type)  {
margin-left: 0px!important;
margin-right: 60px;
}

/*.hero .content.flex-element a:last-child {
margin-left: 60px;
}
*/

.hero .visual.flex-element {
position: relative;	
overflow: hidden;
width: 50%;
/*min-height: calc(100vh - 150px); */
min-height: 600px;
}


.hero .visual.flex-element .hero-image  {
border-top-left-radius: 13vh;
overflow: hidden;
position: absolute;
left: 0;
right: 0;

width: 100%;
height: 100%;
}

.hero .visual.flex-element .hero-image span {

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;

width: 100%;
height: 100%;
}





/*****************************************************
END Secondary-Page Hero 
*****************************************************/





/* DIVERSITY PAGE */


.page-id-907 #intro a,
.page-id-907 #bdsi a {
    font-size: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: inherit;
    color: #ffb232;
}

	.page-id-907 #intro a:hover,
	.page-id-907 #bdsi a:hover  {
	    color: black;
	}

section#intro {
	position: relative;
    padding: 100px 60px;
    background: white;
}

.intro-container {
    display: block;
    max-width: 540px;
    margin: auto;
}

	.intro-container * {
	    margin: 16px 0;
	}
		
		.intro-container *:first-child {
		    margin-top: 0;
		}
		
		.intro-container *:last-child {
		    margin-bottom: 0;
		}
	
		.intro-container h2 {
		    max-width: 460px;
		}
		
		.intro-container .mobile{
			display: none;
			border-bottom: 6px solid #ffb232;
		}

section#dire,
section#shadow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    background: #ffb232;
    border-radius: 13vh 0 0 0;
}

	section#dire .container,
	section#shadow .container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	
		section#shadow .left{
			width: 60%;
		}
		
		section#shadow .apply{
			width: 30%;
			color: white;
		}
	
		section#dire h2,
		section#shadow h2{
			margin-bottom: 60px;
		}
		
			section#shadow h2{
				width: 100%;
			}
	
		section#dire .container > div:first-child,
		section#dire .container > img {
			width: calc(50% - 60px);
			margin-bottom: 60px;
		}
		
			section#dire .container > img{
				border-bottom: 6px solid white;
			}
		
		#dire .container > div:first-child :first-child ~ *,
		#shadow .container > div:first-child :first-child ~ * {
		    margin-top: 16px;
		}
		
		.dire-breakout{
			padding: 40px 0;
			border-bottom: 2px solid rgba(0,0,0,0.1);
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-flow: row wrap;
			        flex-flow: row wrap;
			width: 100%;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
		
			.dire-breakout.whats-involved{
				-webkit-box-align: baseline;
				    -ms-flex-align: baseline;
				        align-items: baseline;
			}
		
			.dire-breakout:last-child{
				border: none;
				padding-bottom: 0;
			}
			
			.dire-breakout h4,
			.left h4,
			.apply h4{
				font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
				text-transform: uppercase;
				color: white;
				width: 110px;
			}
			
				.left > h4{
					margin-top: 60px;
					width: 100%;
				}
				
				.apply h4{
					width: 100%;
					margin-bottom: 20px;
				}
			
				.dire-breakout.whats-involved h4{
					width: 50px;
				}
			
			.dire-breakout .dire-description {
				max-width: 420px;
			}
			
				.dire-breakout.whats-involved .dire-description{
					max-width: none;
					width: calc(100% - 50px);
				}
			
				.dire-description p{
					font-size: 16px;
					line-height: 1.5;
				}
			
			.dire-breakout > ul{
				max-width: 340px;
			}
			
			.dire-breakout > ul > li {
			    text-transform: uppercase;
			    margin-bottom: 6px;
			}
			
				.dire-breakout ul > ul li,
				#bdsi li {
				    font-family: 'GT Pressura Pro Light', 'fira-sans', sans-serif;
				    letter-spacing: 0;
				    list-style: disc outside;
				    margin: 0 0 8px 15px;
				}
				
					.dire-breakout ul > ul li:last-child{
						margin-bottom: 0;
					}
					
#bdsi .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#bdsi .interview-image {
    width: 45%;
    min-height: 0!important;
}

.bdsi-intro {
    width: 45%;
}

	.bdsi-intro h2{
		max-width: 280px;
		color: #ffb232;
	}

	.bdsi-intro > *:not(:first-child) {
	    margin-top: 16px;
	    max-width: 520px;
	}
	
.who-what-how{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 80px;
}

	.who-what-how > *{
		width: calc(30% - 30px);
		min-width: 280px;
	}
	
	.who-what-how h5{
		color: #ffb232;
	}
	
	.who-what-how > div > *:not(:first-child){
		margin-top: 16px;
	}
	
	#bdsi li{
		margin-bottom: 4px;
	}
	
	.page-id-907 #bdsi .who-what-how div a:last-child,
	.apply p:last-child a{
		display: table;
		font-size: inherit;
		letter-spacing: 0;
		padding: 8px 12px;
		background: #ffb232;
		border-radius: 6px;
		color: white;
		text-decoration: none;
		text-transform: uppercase;
	}
	
		.apply p:last-child a{
			color: black;
			background: white;
			margin: 12px 0 0 0;
		}
		
			.apply p:last-child a:hover{
				background: black;
				color: #ffb232;
			}
	
		.page-id-907 #bdsi .who-what-how div a:last-child:hover{
			background: black;
			color: #ffb232;
		}

@media screen and (max-width: 1100px){
	
	.hero .content.flex-element a:not(:last-of-type){
		margin-right: 20px;
	}
}

@media screen and (max-width: 990px){
	
	section#dire .container > img{
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}
	
	.dire-breakout:not(.whats-involved) {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column wrap;
	            flex-flow: column wrap;
	    max-height: 320px;
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
	    -ms-flex-line-pack: justify;
	        align-content: space-between;
	}
	
	.dire-breakout:not(.whats-involved) > * {
	    max-width: none!important;
	    width: calc(50% - 40px)!important;
	}
	
	.dire-breakout:not(.whats-involved) h4 {
	    margin-bottom: 20px;
	}
	
	#bdsi .interview-image {
	    width: 40%;
	    max-width: none;
	}
	
	.bdsi-intro {
	    width: 60%;
	}
	
	#bdsi .container {
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
}

@media screen and (max-width: 920px){
	.who-what-how{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column wrap;
		        flex-flow: column wrap;
		max-height: 500px;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-ms-flex-line-pack: justify;
		    align-content: space-between;
	}
	
		.who-what-how > *{
			width: 45%;
		}
	
		.who-what-how > :first-child{
			-webkit-box-ordinal-group: 2;
			    -ms-flex-order: 1;
			        order: 1;
			margin-bottom: 50px;
		}
		
		.who-what-how > :last-child{
			-webkit-box-ordinal-group: 3;
			    -ms-flex-order: 2;
			        order: 2;
		}
		
		.who-what-how > :nth-child(2){
			-webkit-box-ordinal-group: 4;
			    -ms-flex-order: 3;
			        order: 3;
		}
}

@media screen and (max-width: 790px){
	
	.page-id-907 .hero-secondary-page {
		height: auto;
	}
	
	.intro-container .mobile{
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.dire-breakout{
		max-height: none;
	}
	
	section#dire h2{
		margin-bottom: 20px;
	}
	
	.dire-breakout{
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	
	.dire-breakout:not(.whats-involved) > *{
		width: 100%!important;
	}
	
	.dire-breakout > ul{
		padding: 20px;
		margin-top: 20px;
		border: 2px solid rgba(0,0,0,0.05);
		border-radius: 15px;
	}
	
	section#intro, section#dire{
		border-radius: 30px 30px 0 0;
	}
	
	section#intro, section#dire .container{
		padding: 60px 30px!important;
	}
	
	section#intro{
		margin-top: -50px;
	}
	
	#bdsi .interview-image{
		width: calc(100% + 30px);
	}
	
	.bdsi-intro{
		width: 100%;
		margin: 40px 0 0 0; 
	}
	
		.bdsi-intro h2{
			max-width: none;
		}
	
	.who-what-how{
		max-height: none;
		margin-top: 40px;
	}
	
	.who-what-how > *{
		width: auto;
	}
	
	.who-what-how > *:not(:first-child){
		margin-top: 50px;
		width: 100%!important;
	}
	
	.who-what-how > :first-child{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-bottom: 0;
	}
	
	.who-what-how > :last-child{
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	
	.who-what-how > :nth-child(2){
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	section#shadow .left, section#shadow .apply{
		width: 100%;
	}
	
	.apply{
		margin-top: 60px;
	}
		
}







































/*****************************************************
Footer
*****************************************************/

footer#contact .container:nth-of-type(1) {
padding: 60px 60px;
max-width: 1180px;
margin: auto;
}

footer {
background-color: rgba(30,30,30,1);
color: white;
}

body.home footer {
/*background-color: rgba(20,20,20,1);*/
background-color: black;
}


/*  FOOTER NEWSLETTER SIGN-Up */

#contact .container {
padding: 60px 120px;
}

footer .cta-footer-newsletter {
padding: 120px 0px;
}




footer .cta-footer-newsletter p {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size:  65px;
line-height: 65px;
}

footer .cta-footer-newsletter em {
position: relative;

font-family: 'poynter-oldstyle-display', serif;
color: #15A9E2;
}

footer .cta-footer-newsletter em span {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
height: 1px;
background-color: #15A9E2;
border-radius: 8.5px;

}

footer .cta-footer-newsletter em:after {
content: 'Type Your Email';
position: absolute;
left:0;
bottom: -25px;
display: block;
font-size: 14px;
color: rgba(255,255,255, 0.35);

font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 400;
font-style: normal;

font-size: 12px;
line-height: 21px;
letter-spacing: .25px;
}


footer .cta-footer-newsletter a {
margin-left: 100px;
padding: 15px;
border: rgba(255,255,255, 0.65) solid .5px;

border-radius: 13px;
opacity: .35;
vertical-align: middle;
}


/* END FOOTER NEWSLETTER SIGN-Up */


























/* FOOTER CONTACT INFORMATION */
footer .footer-contact-info {
padding-top: 60px;
/*border-top: .5px solid rgba(255,255,255, 0.15);*/
}

footer .footer-flex-container {
/*border: 1px green solid;*/

height: 100%;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: justify;
        justify-content: space-between;
}

footer .footer-flex-element {
/*border: 1px blue solid;*/
width: auto;

height: auto;
display: inherit;
-ms-flex-align: center;
-webkit-box-align: center;
        align-items: center;
}


/* Footer Logo*/
.footer-logo {
height: auto;

}

.footer-logo .logo-02 svg {
width: 200px;
height: auto;
fill: white!important;
}


/* Footer Email & Social Networks */
footer .footer-flex-element:last-child div {
display: block;
}

footer .footer-flex-element .social-networks a, footer .footer-flex-element .social-networks h6 {
display: inline-block;
margin-right: 15px;
}

footer .footer-flex-element .social-networks h6, footer .footer-flex-element .social-networks a svg {
    vertical-align: bottom;
    }


footer .footer-flex-element.address em {
margin-top: 15px;
display: block;
}


footer .footer-flex-element .social-networks {
text-transform: uppercase;
margin-top: 15px;
}

footer .footer-flex-element .social-networks h6 {
	color: rgba(255,255,255, 0.35);
} 

footer .footer-flex-element .social-networks a {
opacity: .35;

-o-transition: color .15s ease-in-out, opacity .15s ease-in-out;

transition: color .15s ease-in-out, opacity .15s ease-in-out;
-webkit-transition: color .15s ease-in-out, opacity .15s ease-in-out;
}

footer .footer-flex-element .social-networks a svg {
display: inline-block;
height: auto;
width: 20px;
vertical-align: bottom;
margin-right: 0px;
}
/* END FOOTER CONTACT INFORMATION */







/*****************************************************
MAIN CTA
*****************************************************/

.call-to-action .flex-container {
width: 100%;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.call-to-action .flex-element {
width: 100%;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.call-to-action .flex-element .container {
padding: 120px 60px;
}

.call-to-action h6 {
margin-bottom: 35px;
}

.call-to-action h2, .call-to-action a {
font-weight: 700;
font-size: 2.75vw;
line-height: 2.75vw;
}

.call-to-action a span{
margin-top: 5px;
}

.main.call-to-action .flex-element:nth-of-type(1) {
background-color: #15a9e2;
color: white;
}

.main.call-to-action .flex-element:nth-of-type(2) {
background-color: #f1f2ec;
}


.main.call-to-action .flex-element:nth-of-type(3) {
background-color: black;
color: white;
}

.main.call-to-action .flex-element:nth-of-type(1) a {
color: black;
}

.main.call-to-action .flex-element:nth-of-type(1) a span{
background-color: black;
}

.main.call-to-action .flex-element:nth-of-type(2) a {
color: #15a9e2;
}

.main.call-to-action .flex-element:nth-of-type(2) a span{
background-color: #15a9e2;
}


.main.call-to-action .flex-element:nth-of-type(3) a {
color: #15a9e2;
}

.main.call-to-action .flex-element:nth-of-type(3) a span{
background-color: #15a9e2;
}



/*****************************************************
END  MAIN CTA
*****************************************************/




















/*****************************************************
Home Page 
*****************************************************/

nav.scrolled {
background-color: rgba(20,20,20,1);
}


/* Featured Stories */
.home-feature-lead-in h2 {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 65px;
line-height: 65px;
margin-bottom: 60px;
}


.home-feature-lead-in a {

color: black;
text-decoration: none;
width: auto;
display: inline-block;
margin-left: 0px!important;
}


.home-feature-lead-in a span {
width: 100%;
height: 5px;
border-radius: 5px;
display: block;
background-color: #15a9e2!important;
}



.home-feature-gallery {
padding-top: 120px;
width: 100%;
/*border: 1px solid red;*/
-ms-flex-wrap: wrap;
    flex-wrap: wrap;

-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);

transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
}

.home-feature-gallery .flex-element {
/*border: 1px solid green;*/ 
-ms-flex-align: unset;
-webkit-box-align: unset;
        align-items: unset; 
display: block;

width: calc((100% / 3) - 35px);
margin-bottom: 2px;

/*border-top-right-radius: 50px;
overflow: hidden;*/
}


.home-feature-gallery .flex-element:nth-child(1) {
width: calc((50%) - 35px);
}

.home-feature-gallery .flex-element:nth-child(1) .home-feature-story-thumbnail {
min-height: 400px;
}



.home-feature-gallery .flex-element:nth-child(2), .home-feature-gallery .flex-element:nth-child(3) {
width: calc((50% / 2) - 35px);
}




.home-feature-story {
position: relative;
/*border: .5px solid rgba(241, 242, 236, 0.5);*/

}

.story img {
display: none;
}



.home-feature-story .bg-color {
position: absolute;
height: 75px;
width: 100%;
bottom: 0;
top: unset;
-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
left: unset;
right: -50%;
z-index: 1;
-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
}




.home-feature-story .summary {
padding: 35px;
position: relative;
z-index: 1;
}

.home-feature-story a {
color: rgba(30,30,30,1);
text-decoration: none;

-o-transition: color .65s cubic-bezier(0.52,0.01,0.16,1);

transition: color .65s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .65s cubic-bezier(0.52,0.01,0.16,1);
}



.home-feature-story h2 {
text-transform: capitalize;
margin-bottom: 15px;
}

.home-feature-story p  {
margin-top: 35px;
font-size: 12px;
}

.home-feature-story p em {
text-transform: none;
opacity: .65;
font-size: 14px;
}


.home-feature-story-item {
width: 100%;
vertical-align: top;
display: block;
height: 100%;
}

.home-feature-story-thumbnail {
vertical-align: top;
/*height: 300px;*/
position: relative;

min-height: 200px;
width: 100%;
height: 100%;
/* background: #f1f2ec;*/
/* opacity: .35; */
margin-bottom: 35px;
}

.home-feature-story-thumbnail span {	
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
/* border-radius: 50px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
*/
opacity: 1;
}

/* END Featured Stories */






/*****************************************************
END HomePage 
*****************************************************/















































































































































/*****************************************************
STORY GALLERY
*****************************************************/

#all-stories {
z-index: 1;
position: relative;
}

#all-stories .container {
-webkit-transition: max-height 2s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: max-height 2s cubic-bezier(0.52,0.01,0.16,1);
transition: max-height 2s cubic-bezier(0.52,0.01,0.16,1);

}


.story-container {
overflow: hidden;
}



.fade-enter,
.fade-leave-to {
opacity: 0;	 
-webkit-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
}

.fade-enter-to,
.fade-leave {
opacity: 1;	 
-webkit-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);

}

.fade-enter-active {
-webkit-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
}

.fade-leave-active {
-webkit-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity 2s cubic-bezier(0.52,0.01,0.16,1), height .5s cubic-bezier(0.52,0.01,0.16,1);
}


.story-nav {
border-bottom: solid .5px rgba(240, 240, 240, 0.75);
}


.parent-filter {
/*flex-basis: 100%;
margin-bottom: 35px;*/
}


#filters.container {
padding: 60px 0px;
padding-top: 0px;
}

/*.filter {
padding: 10px 15px;
text-decoration: underline;
background-color: rgba(255,255,255,0);
border: solid .5px #15a9e21c;
border-radius: 15px;
color: #15a9e2;
text-decoration: none;
margin-right: 5px;
font-size: 18px;
line-height: 18px;

cursor: pointer;

transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}*/

.filter {
    padding: 10px 15px;
    text-decoration: underline;
    background-color: #f1f2ec;
    border: solid 1.5px #0000000d;
    border-radius: 32px;
    color: rgba(0, 0, 0, 0.76);
    text-decoration: none;
    margin-right: 0px;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    
    -o-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
    
    transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}

#filters .flex-container.space-between .flex-element:last-child .filter {
	margin-right: 0px!important;
	}


.selected-filter {
background-color: #15a9e2;
color: white;

-o-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);

transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}

#filters .cycle-pager-active h6 {
    background-color: #15a9e2;
    border: black;
    color: white;

-o-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);

transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}

/*
#filters .cycle-pager-active h6 {
background-color: #15a9e2;
border: #15a9e2;
color: white;

transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}*/



.filter:hover {
background-color: black;
color: white;

-o-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);

transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .45s cubic-bezier(0.52,0.01,0.16,1), background-color .45s cubic-bezier(0.52,0.01,0.16,1);
}




.story-gallery {
padding-top: 0px;
width: 100%;
/*border: 1px solid red;*/
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
}



.story-gallery .story.flex-element {
/*border: 1px solid green;*/ 
-ms-flex-align: unset;
-webkit-box-align: unset;
        align-items: unset; 
display: block;

/*width: calc((100% / 3) - 5px);*/
    width: calc((100% / 2) - 7.5px);

/*border-right: 1px solid rgba(230,230,230,1);*/
/*overflow: hidden;*/
}

/*.story-gallery .flex-element:nth-of-type(3n) {
border-right: 0px solid rgba(230,230,230,1);
}*/

.story {
position: relative;
/*border: .5px solid rgba(241, 242, 236, 0.5);*/

/*border: 1px solid #f1f2ec;*/
/*border-radius: 30px;*/
/*border-bottom: solid 5px rgba(0,0,0,0.15);*/

}


.story-category-slides {
right:0;
width: 100%;
}



#filters .flex-container {
/*background: #15a9e21c;*/
/*border-radius: 32px;*/
/*padding: 4px 4px;*/

/*max-width: 815px;*/
max-width: 1050px;
}

#filters h2 {

    margin-bottom: 15px;
    font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    line-height: 26px;
    /* display: inline-flex; */
}

.story .story-img {
/* min-height: 100%; */
/*min-height: 375px; */
opacity: 0.35;
/* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
height: 100%;
}

.story i {
display: inline-block;
width: 0px;
overflow: hidden;
height: 0px;
    line-height: 65px;
opacity: 0;
color: white;
vertical-align: top;

-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1),  width .15s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);

-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1),  width .15s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);

transition: height .45s cubic-bezier(0.52,0.01,0.16,1), opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1),  width .15s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .15s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
}

.story:hover h6 {
/* opacity: 0;

transition: opacity .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s cubic-bezier(0.52,0.01,0.16,1); */

}

.story:hover .arrow-link {
width: 230px;
/*padding-left: 15px;*/
/*	top: calc(200px - 73px); */
/*top: calc(100px - 25px);
left: calc(50% - 115px);
right: unset;
*/
    -o-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
    transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
}

.story:hover .arrow-link div {
margin-top: 0;
}


.story:hover i {
text-align: right;
vertical-align: middle;
width:  150px;
height: auto;
opacity: 1;

-o-transition: opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);

transition: opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity 1s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
}




.current-story {
color: white;
font-style: italic;
width: 100%;
}

/*
.story .arrow-link {
position: absolute;
top: calc(200px - 55px);

left: calc(100% - 45px);
right: unset;
z-index: 1;
width: 60px;
height: 60px;

border-radius: 38px;
border: solid 7px white;
overflow: hidden;

transition: opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .5s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
}
*/

.story .arrow-link {
    position: absolute;
    /* display: flex; */
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 60px;
    margin-top: 60px;
    border-top-left-radius: 32px;
    /* border: solid 7px white; */
    overflow: hidden;
    -o-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
    transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .35s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
}

.story .arrow-link div {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    /* width: auto; */
    width: 60px;
    height: 100%;
    margin: auto;
    padding: 0;
    right: 0;
    margin-left: 5px;
}


.story:hover .arrow-link {
	background-color: black!important;
	 -webkit-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .5s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
	 -o-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .5s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
	 transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .5s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: background-color .35s cubic-bezier(0.52,0.01,0.16,1), opacity .75s cubic-bezier(0.52,0.01,0.16,1), height .45s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top 0.3s cubic-bezier(0.52,0.01,0.16,1), left 0.3s cubic-bezier(0.52,0.01,0.16,1);
	}



.story .arrow-link div svg {
    width: 25px;
    height: 100%;
    fill: white;
    position: absolute;
    right: 20px!important;
    left: unset;
    margin: auto;
    display: block;
    text-align: center;
}

.story .bg-color {
position: absolute;
/*height: 100%;*/
height: 0%;

width: 100%;
bottom: unset;
left: unset;
bottom: 0;
/* border: solid 7px white; */
right: calc(0% - 0px);
/*border-radius: 10px;*/
z-index: 1;
-o-transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
}

.story:hover .bg-color {
 height: 100%;
/* top: 0;
left: 0;*/
background-color: black;
-o-transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .3s cubic-bezier(0.52,0.01,0.16,1), width .3s cubic-bezier(0.52,0.01,0.16,1), top .45s cubic-bezier(0.52,0.01,0.16,1), left .45s cubic-bezier(0.52,0.01,0.16,1);
}


.story {
/* margin-bottom: 150px!important;*/
 margin-bottom: 15px!important;
-o-transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
}

.story.enter {
 margin-bottom: 15px!important;
-o-transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: margin-bottom 1.5s cubic-bezier(0.52,0.01,0.16,1);
}


.story .summary {
   padding: 25px 25px;
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    bottom: 0;
    /* display: flex; */
   /* padding-bottom: 175px;*/
    padding-bottom: 75px;
    color: white!important;
    opacity: 1!important;
    margin-bottom: 0;
    
    
-o-transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);
    
    
transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);
}


.story.enter  .summary {

    padding-bottom: 75px;

-o-transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);

transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: padding-bottom 1s cubic-bezier(0.52,0.01,0.16,1);
}

.story h3 {
/*opacity: 0.35;*/
margin-bottom: 15px;
font-size: 14px;
line-height: 15px;
text-transform: none;
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 30px;
line-height: 32px;

/*font-size: 5.5vw;
line-height: 5.45vw;*/

color: rgba(255,255,255,1);
}

.story h6 {
margin-bottom: 15px;
letter-spacing: 1px!important;
}



.story a {
    background-color: rgba(30,30,30,1);
text-decoration: none;
/*   border-bottom: 1px solid rgba(230,230,230,1)!important;*/


-o-transition: color .35s cubic-bezier(0.52,0.01,0.16,1);


transition: color .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .35s cubic-bezier(0.52,0.01,0.16,1);
}

.story:hover a {
/*color: white;
text-decoration: none;

transition: color .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .35s cubic-bezier(0.52,0.01,0.16,1); */
}

.story h2 {
text-transform: capitalize;
margin-bottom: 15px;
font-size: 26px;
line-height: 26px;

}


.story-item {
width: 100%;
vertical-align: top;
display: block;
height: 100%;
/*border-bottom: 5px solid;*/
}

.story-thumbnail {
vertical-align: top;
/*height: 300px;*/
position: relative;

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
/* background: #f1f2ec;*/
opacity: 0;    
}

.story-thumbnail span {	
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
/* border-radius: 50px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
*/
opacity: 1;
}











/****** MOBILE FILTER SYSTEM ***/
#pager-hud {
font-weight: 500;
font-size: 12px;
font-size: 12px;
line-height: 14px;

text-transform: uppercase;
margin-bottom: 25px;
cursor: pointer;
border: none!important;
display: none;
position: relative;
width: auto;
}

#pager-hud span {
vertical-align: middle;
display: inline-block;
margin-right: 10px;
}

#pager-hud button {
background-color: transparent;
color: rgb(164,219,105)!important;
border-left: solid .5px rgba(164,219,105, 0.5);
border-right: none;
border-top: none;
border-bottom: none;
padding: 0;
font-size: 40px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
/* position: absolute; */
/* right: 0; */
display: inline-block;
vertical-align: middle;
/* top: 0; */
/* bottom: 0; */
width: 50px;
height: 100%;
-webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: rotate 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: rotate 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: rotate 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.drop-down {
border-left: none!important;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
border-right: solid .5px rgba(164,219,105, 0.5)!important;
}


/****** END MOBILE FILTER SYSTEM ***/




















/* IF GRAY */
.flex-element.story.gray .arrow-link div svg {
width: 25px;
fill: black;
}

.flex-element.story.gray i {
color: black;
}


.flex-element.story.gray:hover a {
color: black;
text-decoration: none;

-o-transition: color .35s cubic-bezier(0.52,0.01,0.16,1);

transition: color .35s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: color .35s cubic-bezier(0.52,0.01,0.16,1); 
}


/*****************************************************
END STORY GALLERY
*****************************************************/





























































/*****************************************************
STORY LAYOUTS
*****************************************************/


/* SINGLE STORY HERO */
.single-stories h1 {
font-size: 50px;
line-height: 48px;
}
/* END SINGLE STORY HERO */




section .container:nth-of-type(1) {
padding: 100px 60px;
}



#case-study section .container:nth-of-type(1),
section#dire .container,
section#shadow .container {
padding: 120px 60px;
max-width: 1180px;
margin: auto;
}

#case-study section.layout-quote .container:nth-of-type(1), #case-study section.layout-quote .container:nth-of-type(1), #case-study section.layout-video-block .container:nth-of-type(1), #case-study section.layout-image-block .container:nth-of-type(1), #case-study section.interview-block .container:nth-of-type(1) {
max-width: unset;
}


.layout-extensive_quote {
margin-top: 60px;
}



/* ---------------------------------------------------------------------------
SINGLE STORY -- TEXT BLOCK
-------------------------------------------------------------------------------- */
.layout-text-block {
/*margin-bottom: 90px;*/
position: relative;
}


.layout-text-block .emphasis {
    background: #f5f6f2;
    padding: 15px;
    border-radius: 10px;
}

.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
margin-bottom: 35px;

}

#case-study section.layout-text-block .container:nth-of-type(1) {
padding-bottom: 0;
}


.text-block h1, .text-block h2, .text-block h4, .text-block h5{
max-width: 500px;
}

.text-block a {
text-decoration: none;
text-transform: none;
letter-spacing: .75px;
font-size: 14px;
line-height: 21px;
font-weight: 400;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}


.text-block a:hover {
color: black;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}


.text-block.one_column {
margin: auto;
max-width: 450px;
}


.text-block.two_columns p {
display: block;

-webkit-columns: 2;
-moz-columns: 2;
columns: 2;

-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}

.text-block.three_columns p {
display: block;

-webkit-columns: 3;
-moz-columns: 3;
columns: 3;

-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}

.text-block p  {
font-weight: 300;
}

.text-block p span {
letter-spacing: .5px;
margin-top: 15px;
display: block;
font-weight: 300!important;
}

.text-block p span:nth-child(1) {
margin-top: 0px;
}


.text-block p strong {
font-weight: 600;
}


.text-block p em {
margin-top: 15px;
display: inline-block;
font-weight: 300;
border-top: solid .5px rgba(0,0,0, 0.15);
padding: 15px;
border-bottom: solid .5px rgba(0,0,0, 0.15);
}

/* ---------------------------------------------------------------------------
END SINGLE STORY -- TEXT BLOCK
-------------------------------------------------------------------------------- */




















/* ---------------------------------------------------------------------------
1 COLUMN IMAGE BLOCK
-------------------------------------------------------------------------------- */


.image-block.one_column {
width: 100%;
height: 80vh;
min-height: 650px;
}


.image-block.two_columns {
width: calc(50% - 30px); 

height: 100%!important;
/* min-height: 35vh;*/
position: relative;
}
.image-block.two_columns img {
width: 100%;
}


.image-block.two_columns div {
/*position: absolute;*/
top: 0;
left:0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}


/*.layout-text-block .container:nth-of-type(1),*/ .layout-image-block .container:nth-of-type(1) {
padding-bottom: 0px!important;
}

.layout-quote, .layout-quote_and_image, .interview-block, .layout-extensive_quote_and_image {
margin-top: 90px;
}


.image-caption-one-col {
/* border-top: solid 1px rgba(30,30,30,.35); */
margin-right: 0;
/* padding-top: 35px;
margin-top: 15px;*/

text-align: left;
/*max-width: 600px;*/
margin-left: 0px;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}






.image-caption-one-col:before, .image-caption-two-col:before {
content: '';
display: inline-block;
position: relative;
height: 5px;
width: 100%;
border-radius: 0px;
margin-bottom: 15px;
margin-top: -4px;
}

.image-caption-one-col h2, .image-caption-two-col h2 {
margin-bottom: 15px;
}

.image-caption-one-col h2, .image-caption-one-col p{
max-width: 600px;
}

.image-caption-one-col a, .image-caption-two-col a {
text-decoration: none;
text-transform: none;
letter-spacing: .75px;
font-size: 14px;
line-height: 21px;
font-weight: 400;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}

.image-caption-one-col p a:hover, .image-caption-two-col p a:hover {
color: black!important;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}


.image-caption-two-col {
/* border-top: solid 1px rgba(30,30,30,.35); */
margin-right: 0;
/*padding-top: 35px;
margin-top: 15px;*/

text-align: left;

position: relative;
top: unset!important; 
left: unset!important; 
right: unset!important; 
bottom: unset!important;
width: 100%; 
height: 100%; 

}




.layout-image-block {
/*border:red solid 1px; */
}





.image-block.two_columns div {
position: relative;
display: block;

width: 100%;
/*height: 35vh;*/
height: auto;
}

.image-caption-two-col {
height: auto!important;
}

.image-block.two_columns div span {
position: absolute;
top: 0;
left:0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}


.layout-image-block:after {
content: ' ';
display: block;
position: relative;
clear: both;
}


.image-caption-one-col p, .image-caption-two-col p {
margin-top: 0px;
margin-bottom: 15px;

}

/* ---------------------------------------------------------------------------
END 1 COLUMN IMAGE BLOCK
-------------------------------------------------------------------------------- */












/* ---------------------------------------------------------------------------
Quote BLock
-------------------------------------------------------------------------------- */



.layout-quote .container {
padding: 120px 120px;
}

.layout-quote .flex-container, .layout-quote_and_image .flex-container {
-ms-flex-wrap:  nowrap;
    flex-wrap:  nowrap;
color: white;

}



.quote p {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 5.5vw;
line-height: 5.5vw;
}

.quote .read-more-link {
color: black;
}




/* EXTENSIVE QUOTE */

section.layout-extensive_quote {
    width: calc(100% - 60px);
    margin-right: 0;
    margin-left: 60px;
    border-radius: 32px;
    
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}


#case-study section.layout-extensive_quote .container:nth-of-type(1) {
padding: 200px 60px;
max-width: 800px;
margin: auto;
}

#case-study section.layout-extensive_quote .container:nth-of-type(1) {
padding: 90px 60px!important;
padding-left: 0!important;
}

section.layout-extensive_quote_and_image .container.quote {
height: auto;
    margin: 0px 0px!important;
}


section.layout-extensive_quote, section.layout-extensive_quote_and_image .container {
background-color: rgba(242, 243, 238, 0.75);
}

.layout-extensive_quote .extensive_quote {
width:calc(100% - 100px);
}

.extensive_quote .work-cited {
margin-top: 60px;
}

.extensive_quote .work-cited h6 {
font-weight: 300;
line-height: 21px;
display: block;
}

.quote .work-cited h6:nth-child(1), .extensive_quote .work-cited h6:nth-child(1) {
letter-spacing: 1px;
}

.extensive_quote .work-cited h6 strong {
font-size: 16px;
line-height: 18px;
font-weight: 500;	
}

.extensive_quote .work-cited h6 strong {
padding-bottom: 15px;
}

.extensive_quote .work-cited span {
margin-top: 15px;
width: 100%;
height: 5px;
border-radius: 10px;
display: block;
}
/* END EXTENSIVE QUOTE */




/********** QUOTE & Image --- SHORT & EXTENSIVE ***********/
section.layout-extensive_quote_and_image, section.layout-quote_and_image {
 -ms-flex-direction: row-reverse;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
         flex-direction: row-reverse;
}










/* QUOTE & IMAGE */


.layout-quote_and_image .flex-container {
-ms-flex-wrap:  nowrap;
    flex-wrap:  nowrap;
vertical-align: top;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.layout-quote_and_image {
width: calc(100% - 60px);
}

.quote_and_image p {
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 50px;
line-height: 51px;
}

.layout-quote_and_image .quote {
width: 60%;
}

.quoteImage {
width: 40%;
border-top-right-radius: 100px;
overflow: hidden;
}


.quoteImage div  {
min-height: 400px;
width: 100%;
height: 100%;
}

.layout-quote_and_image .quotation-marks {
font-size: 120px;
line-height: 100px;
font-weight: 900;
color: black;
width: 50px;
height: 50px;
}


.layout-quote_and_image .quotation-marks svg {
width: 50px;
height: 50px;
}

/* END QUOTE & IMAGE */











/* EXTENSIVE QUOTE & IMAGE */


.layout-extensive_quote_and_image .flex-container {
-ms-flex-wrap:  nowrap;
    flex-wrap:  nowrap;
vertical-align: top;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.layout-extensive_quote_and_image {
width: calc(100% - 60px);
}

.layout-extensive_quote_and_image p {
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 400;
font-style: normal;

font-size: 14px;
line-height: 21px;
letter-spacing: .5px;
}

.layout-extensive_quote_and_image .quote {
width: 60%;
}



.layout-extensive_quote_and_image .quotation-marks {
font-size: 120px;
line-height: 100px;
font-weight: 900;
color: black;
width: 50px;
height: 50px;
}


.layout-extensive_quote_and_image .quotation-marks svg {
width: 50px;
height: 50px;
}


.quoteImage {
width: 40%;
border-top-right-radius: 100px;
overflow: hidden;
}


.quoteImage div  {
min-height: 400px;
width: 100%;
height: 100%;
}

/* END EXTENSIVE QUOTE & IMAGE  */





/* QUOTE */
.quote .work-cited {
margin-top: 60px;
}

.quote .work-cited h6 {
font-weight: 300;
line-height: 21px;
display: block;
}

.quote .work-cited h6 strong {
font-size: 16px;
line-height: 18px;
font-weight: 500;	
}

.quote .work-cited h6 strong {
padding-bottom: 15px;
}

.quote .work-cited span {
margin-top: 15px;
width: 100%;
height: 5px;
background-color: black;
border-radius: 10px;
display: block;
}

.quotation-marks {
font-size: 160px;
line-height: 120px;
font-weight: 900;
color: black;
width: 60px;
height: 60px;
margin-right: 35px;
}

.quotation-marks svg {
width: 60px;
height: 60px;
vertical-align: top;
display: block;
}
/* END QUOTE */




/* ---------------------------------------------------------------------------
Quote Block
-------------------------------------------------------------------------------- */




















/* ---------------------------------------------------------------------------
Interview  Block
-------------------------------------------------------------------------------- */
/*.script-wrapper:hover .flex-container:not(:hover) {
opacity: .35!important;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.script-wrapper:hover .flex-container {
opacity: 1!important;

-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}*/



.script-container {
/*width: 70%;*/
display: inline-block;
vertical-align: top;
border-left: 1px solid white;

background-color: white;
padding: 35px 35px!important;
border-top-left-radius: 32px;
border-bottom-left-radius: 32px;

width: calc(70% + 60px)!important;
margin-right: -60px;

}





.interview-title {
width: 30%;
display: inline-block;
vertical-align: top;
padding-right: 60px;
}




.interview-image {
width: calc(100% + 60px);
display: block;
margin-top: 0px;
margin-left: -60px!important;
min-height: 200px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}

.interview-title .script-labels h6 {

margin: 15px 0;
}
.interview-title h2 {

}


.interview-title h2 em {
color: white;
}

.interview-title p em a {
    color: white;
    font-size: 21px;
    text-decoration: none;
    
    opacity: 1;
    -webkit-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
}

.interview-title p em a:hover {
    opacity: .65;
    -webkit-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
}


.interview-title p {
margin-top: 15px;
}

.interview-title p em {
font-size: 21px;
color: black;
}


.interview-script .script-wrapper {
overflow: hidden;
position: relative;
/* border-bottom: .5px solid rgba(255,255,255, 1); */
padding-bottom: 35px;

-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);

transition: height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}









.interview-script .script-wrapper .flex-container {
padding-bottom: 15px;
}

.script-wrapper h6 {
font-size: 16px;
line-height: 12px;
}

.script-labels h6 {
margin-bottom: 35px;
font-size: 12px;
line-height: 12px;
}

.interview-script .script-labels h6{
color: black;
text-transform: capitalize;
}


.interview-script h6, .interview-script p {
display: inline-block!important;
color: black;
}

.interview-script h6 {
width: 250px;
}



.interview-script .script-wrapper .flex-container {
width: 100%!important;
display: block!important;
}

.interview-script p {
width: calc(100% - 250px);
}

.interview-script a  {
color: white;
width: auto;
}


.interview-script a span {
width: 100%;
height: 5px;
background-color: black;
border-radius: 5px;
display: block;
}


.script-wrapper:after {
content: '';
position: absolute;
height: 200px;
width: 100%;
bottom: 0;
left: 0;
right:0;

z-index: 2;
opacity: 1;

}


.interview-block .script-wrapper:after {
pointer-events: none;
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061bf89', endColorstr='#61bf89',GradientType=0 );
}







/*

.interview-block.Green-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(97,191,137,0) 0%, rgba(97,191,137,1) 100%);
background: -webkit-linear-gradient(top, rgba(97,191,137,0) 0%,rgba(97,191,137,1) 100%);
background: linear-gradient(to bottom, rgba(97,191,137,0) 0%,rgba(97,191,137,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061bf89', endColorstr='#61bf89',GradientType=0 );
}


.interview-block.Blue-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(21,169,226,0) 0%, rgba(21,169,226,1) 100%);
background: -webkit-linear-gradient(top, rgba(21,169,226,0) 0%,rgba(21,169,226,1) 100%);
background: linear-gradient(to bottom, rgba(21,169,226,0) 0%,rgba(21,169,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0015a9e2', endColorstr='#15a9e2',GradientType=0 );
}

.interview-block.Black-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 100%);
background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#1e1e1e',GradientType=0 );
}

.interview-block.Gray-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(241,242,236,0) 0%, rgba(241,242,236,1) 100%);
background: -webkit-linear-gradient(top, rgba(241,242,236,0) 0%,rgba(241,242,236,1) 100%);
background: linear-gradient(to bottom, rgba(241,242,236,0) 0%,rgba(241,242,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f2ec', endColorstr='#f1f2ec',GradientType=0 );
}

.interview-block.Red-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(255,68,87,0) 0%, rgba(255,68,87,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,68,87,0) 0%,rgba(255,68,87,1) 100%);
background: linear-gradient(to bottom, rgba(255,68,87,0) 0%,rgba(255,68,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff4457', endColorstr='#ff4457',GradientType=0 );
}

.interview-block.Orange-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(255,178,50,0) 0%, rgba(255,178,50,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,178,50,0) 0%,rgba(255,178,50,1) 100%);
background: linear-gradient(to bottom, rgba(255,178,50,0) 0%,rgba(255,178,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffb232', endColorstr='#ffb232',GradientType=0 );
}


.interview-block.Purple-gradient .script-wrapper:after {
background: -moz-linear-gradient(top, rgba(193,136,177,0) 0%, rgba(193,136,177,1) 100%);
background: -webkit-linear-gradient(top, rgba(193,136,177,0) 0%,rgba(193,136,177,1) 100%);
background: linear-gradient(to bottom, rgba(193,136,177,0) 0%,rgba(193,136,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c188b1', endColorstr='#c188b1',GradientType=0 );
}

*/



.script-wrapper.open-script:after {
opacity: 0;
}

.interview-read-more {
padding-top: 35px;
display: inline-block;
}

.script-wrapper {
height: auto;
-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
}

.script-wrapper.open-script {
-o-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .45s cubic-bezier(0.52,0.01,0.16,1);
}





/* ---------------------------------------------------------------------------
END Interview  Block
-------------------------------------------------------------------------------- */




















/* ---------------------------------------------------------------------------
Project Details & Development Specs  Block
-------------------------------------------------------------------------------- */

section#development-specs .container:nth-of-type(1) {
padding-bottom: 45px;
}


#development-specs h2 {
padding: 15px 0;
}

#development-specs p {
max-width: 650px;
}

.development {
padding: 60px 0;
border-bottom: 0.5px solid rgba(0,0,0, 0.15);
}




.development:last-child {
border-bottom: 0px solid rgba(0,0,0, 0);
padding-bottom: 0;
}


.entity-link {
	text-decoration: none!important;
	text-transform: none!important;
	
	
    font-family: 'poynter-oldstyle-display', serif;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: inherit;
}

.entity-link h4 span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    vertical-align: top;
}


.entity-link h4 span svg {
width: 100%;
height: 100%;
}

.entity-link h4 span svg .ext-icon {
-o-transition: fill .35s ease-in-out;
transition: fill .35s ease-in-out;
-webkit-transition: fill .35s ease-in-out;
}



.development h4 {
margin-bottom: 25px;
}


#development-specs h5 {
color: rgba(210, 210, 210, 1);    
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 300;
font-style: normal;
    letter-spacing: 1px;
font-size: 16px;
margin-bottom: 15px;
}

#development-specs .flex-container .flex-element {
width: calc((100% / 3) - 25px);
margin-bottom: 60px;
}
#development-specs .flex-container .flex-element li {
margin-bottom: 7.5px;
}
/* ---------------------------------------------------------------------------
END Project Details & Development Specs  Block
-------------------------------------------------------------------------------- */


































/* ---------------------------------------------------------------------------
Project Involvement Block
-------------------------------------------------------------------------------- */

#project-involvement {
background-color: rgba(242, 243, 238, 0.75);
}

#project-involvement h2 {
padding: 15px 0;
margin-bottom: 35px;
}


#project-involvement a {
text-decoration: underline;
text-transform: none;
letter-spacing: .5px;
font-weight: 300;
font-size: 14px;
line-height: 21px;
}

#project-involvement a {
text-decoration: underline;
text-transform: none;
letter-spacing: .5px;
font-weight: 500;
font-size: 14px;
line-height: 21px;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}

#project-involvement li a:hover {
color: black;

-o-transition: color .35s ease-in-out;

transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}

#project-involvement li {
color: rgba(30,30,30,1);
font-family: 'GT Pressura Pro Regular','fira-sans', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
padding: 15px 0px 0px 0px;
    max-width: 650px;

-webkit-column-break-inside: avoid;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
     break-inside: avoid;
}

#project-involvement ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;

-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}


#project-involvement .heart {
	vertical-align: middle;
	display: inline-block;
}

#project-involvement .heart svg {
	height: 15px;
	width: 15px;
	padding: 0px 2px;
}

/* ---------------------------------------------------------------------------
END Project Involvement Block
-------------------------------------------------------------------------------- */






















/* ---------------------------------------------------------------------------
STORY CTA Block
-------------------------------------------------------------------------------- */


.story-cta h6 {
margin-bottom: 15px;
}





.story-cta, .story-cta a {
color: white;
text-decoration: none!important;
}


/* ---------------------------------------------------------------------------
END STORY CTA Block
-------------------------------------------------------------------------------- */


.layout-video-block {
position: relative;
}

#case-study section.layout-video-block .container:nth-of-type(1) {
position: relative;
padding-bottom: 30px;
}


.layout-video-block .container:after {
content: '';
position: absolute;
top: 0;
left:0;
right: 0;
bottom: 0;
width: calc(100% - 120px);
max-width: 1180px;
height: auto;
display: block;
background: black;
z-index: -1;
margin: 120px auto;
margin-bottom: 30px;

-o-transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);

transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);
}

.layout-video-block.playing .container:after {
content: '';

-o-transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);

transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .45s  cubic-bezier(0.52,0.01,0.16,1);

opacity: 0;
}


video {
position: relative;
display: block;
max-width: 1180px;
width: calc(100% - 120px);
height: auto;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
margin: 0 auto;
}

.video-button {
position: absolute;
left: calc(50% - 75px);
top: calc(50% - 20px);
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 30px;
line-height: 32px;
letter-spacing: 2px;
border: 5px solid;
width: auto;
display: inline-block;
padding: 65px 50px;
border-radius: 100%;
text-align: center;

cursor: pointer;

-o-transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);

transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
}


.layout-video-block.playing  .video-button {

border-color: rgba(0,0,0,0);
top: calc(100% - 50px);

-webkit-transition-delay: 3s;

     -o-transition-delay: 3s;

        transition-delay: 3s;
-o-transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);

}

.layout-video-block video {
opacity: .35;
-o-transition: opacity .5s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity .5s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .5s cubic-bezier(0.52,0.01,0.16,1);
}
.layout-video-block.playing video {
opacity: 1;
-o-transition: opacity .45s cubic-bezier(0.52,0.01,0.16,1);
transition: opacity .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .45s cubic-bezier(0.52,0.01,0.16,1);
}



/****************************************************************************
*****************************************************************************	
	Seawall Special Requests
****************************************************************************
*****************************************************************************/

/* Donald Maneking Page*/
body.single-stories.postid-134 .layout-image-block .container:nth-of-type(1){
	padding-top: 60px!important;
}

body.single-stories.postid-134 .interview-block {
	margin-top: 60px!important;
}

/*****************************************************
END STORY LAYOUTS
*****************************************************/



























































/* ---------------------------------------------------------------------------
TEAM GALLERY Block
-------------------------------------------------------------------------------- */


.team-gallery .container:nth-of-type(1) {
padding: 0px 0px;
padding-bottom: 10px;
}


/* 1 Column Image */
.team-gallery .image-block.col_1 {
width: 100%;
height: 100%;
min-height: 70vh;
position: relative;
overflow: hidden;
}

/* 2 Column Image */
.team-gallery .image-block.col_2 {
width: calc((100% / 2) - 7px);
height: 100%;
min-height: 35vh;
position: relative;
overflow: hidden;

}


/* 3 Column Image */
.team-gallery .image-block.col_3 {
width: calc((100% / 3) - 10px);
height: 100%;
min-height: 35vh;
position: relative;
overflow: hidden;

}

@media screen and (max-width: 1200px){
	
	.page-template-page-team #grid #projects{
		-ms-grid-columns: calc(50% - 10px) calc(50% - 10px);
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
	
	.page-template-page-team #grid .grid-item{
		-ms-grid-column-span: 1!important;
		grid-column-end: span 1!important;
	}
	
	.page-template-page-team #grid .grid-item,
	.page-template-page-team #grid .landscape,
	.page-template-page-team #grid .square {
	    -ms-grid-row-span: 3;
	    grid-row-end: span 3;
	}
	
	.page-template-page-team #grid .portrait {
	    -ms-grid-row-span: 5;
	    grid-row-end: span 5;
	}
	
	.page-template-page-team #grid .full {
	    -ms-grid-column-span: 2!important;
	    grid-column-end: span 2!important;
	    -ms-grid-row-span: 3;
	    grid-row-end: span 3;
	}
}

@media screen and (max-width: 680px){
	.page-template-page-team #grid #projects{
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
	}
	
	.page-template-page-team #grid .grid-item{
		-ms-grid-column-span: 1!important;
		grid-column-end: span 1!important;
	}
	
	.page-template-page-team #grid .grid-item,
	.page-template-page-team #grid .square {
	    -ms-grid-row-span: 6;
	    grid-row-end: span 6;
	}
	
	.page-template-page-team #grid .portrait {
	    -ms-grid-row-span: 8;
	    grid-row-end: span 8;
	}
	
	.page-template-page-team #grid .full {
	    -ms-grid-column-span: 1!important;
	    grid-column-end: span 1!important;
	}
	
	.page-template-page-team #grid .landscape,
	.page-template-page-team #grid .full {
	    -ms-grid-row-span: 4;
	    grid-row-end: span 4;
	}
}


/* 4 Column Image */
.team-gallery .image-block.col_4 {
width: calc((100% / 4) - 10px);
height: 100%;
min-height: 35vh;
position: relative;
overflow: hidden;

}

.team-gallery .image-block.col_1 div, .team-gallery .image-block.col_2 div, .team-gallery .image-block.col_3 div, .team-gallery .image-block.col_4 div {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}


.team-hover{
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	padding: 30px;
	border-radius: 0px 32px 0 0;
	color: white;
	overflow: hidden;
	-webkit-transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s;
	transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s;
	-o-transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0.2s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s;
	transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0.2s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s;
	transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0.2s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0.2s;
}

	.grid-item:hover .team-hover{
		-webkit-transform: translateX(0);
		    -ms-transform: translateX(0);
		        transform: translateX(0);
		-webkit-transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s;
		transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s;
		-o-transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s;
		transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s;
		transition: width .35s cubic-bezier(0.52,0.01,0.16,1) 0s, transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s, -webkit-transform 0.3s cubic-bezier(0.52,0.01,0.16,1) 0s;
	}
	
	.team-hover *{
		opacity: 0;
		-webkit-transition: opacity 0.2s 0s;
		-o-transition: opacity 0.2s 0s;
		transition: opacity 0.2s 0s;
	}
	
	.grid-item:hover .team-hover *{
		opacity: 1;
		-webkit-transition: opacity 0.2s 0.25s;
		-o-transition: opacity 0.2s 0.25s;
		transition: opacity 0.2s 0.25s;
	}


/* ---------------------------------------------------------------------------
END TEAM GALLERY Block
-------------------------------------------------------------------------------- */














/*------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------*/
	
	
/*THE SECOND ---- TEAM GALLERY Block*/


#grid .threeDContainer {
    -webkit-perspective: 450px;
            perspective: 450px;
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
}


#grid #projects {
    position: relative;
    top: 0;
    -webkit-transition: all cubic-bezier(0.86, 0, 0.07, 1) 1s;
    -o-transition: all cubic-bezier(0.86, 0, 0.07, 1) 1s;
    transition: all cubic-bezier(0.86, 0, 0.07, 1) 1s;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}

#projects {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: dense;
    grid-auto-rows: calc( (95vw - (5 * 20px)) / (6 * (1 / 1) ) );
    -ms-grid-rows: calc( (95vw - (5 * 20px)) / (6 * (1 / 1) ) );
    grid-template-rows: calc( (95vw - (5 * 20px)) / (6 * (1 / 1) ) );
    grid-gap: 20px;
    margin: 40px 0 0;
    visibility: visible;
}

#projects > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

#projects > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

#projects > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

#projects > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}

#projects > *:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}

#projects > *:nth-child(6) {
-ms-grid-row: 1;
-ms-grid-column: 11;
}


#grid .grid-item {
    position: relative;
    -webkit-transition: .33s ease-in-out;
    -o-transition: .33s ease-in-out;
    transition: .33s ease-in-out;
    overflow: hidden;
    opacity: 0;
     -o-transition: opacity .33s ease-in-out;
     transition: opacity .33s ease-in-out;
    -webkit-transition: opacity .33s ease-in-out;
}


#grid .grid-item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .33s ease-in-out;
    transition: -webkit-transform .33s ease-in-out;
    -o-transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out, -webkit-transform .33s ease-in-out;
    -webkit-transition: transform .33s ease-in-out;

    opacity: 1;
}

#grid .grid-item.reveal {
opacity: 1;
 -o-transition: opacity .33s ease-in-out;
 transition: opacity .33s ease-in-out;
    -webkit-transition: opacity .33s ease-in-out;
}

/*
#grid .grid-item::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    z-index: 1;
    transition: transform .33s ease-in-out;
    opacity: 1;
    
       background: #f1f2ec;
    
    transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
transition-delay: .65s;
}



#grid .grid-item.reveal::after {
    content: '';
    width: 100%;
    height: 0%;
    position: absolute;
    top: unset;
    left: 0;
    right:0;
    bottom: 0;
    z-index: 1;
    transition: transform .33s ease-in-out;
    opacity: 1;
    
    background: #f1f2ec;
    
    transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
transition-delay: .65s;

}*/



/* RED BG */
#grid .grid-item:nth-child(4n+1):after {
background-color: #ff4457;

-o-transition: height .5s ease-in-out;

transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .75s;
     -o-transition-delay: .75s;
        transition-delay: .75s;
}

#grid .grid-item.reveal:nth-child(4n+1):after {
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .75s;
     -o-transition-delay: .75s;
        transition-delay: .75s;
}





/* Yellow BG */
#grid .grid-item:nth-child(4n+2):after {
background-color: #ffb232;

-o-transition: height .5s ease-in-out;

transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .65s;
     -o-transition-delay: .65s;
        transition-delay: .65s;
}

/* Yellow BG */
#grid .grid-item.reveal:nth-child(4n+2):after {
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .65s;
     -o-transition-delay: .65s;
        transition-delay: .65s;
}







/* Green BG */
#grid .grid-item:nth-child(4n+3):after {
background-color: #61bf89;
-o-transition: height .5s ease-in-out!important;
transition: height .5s ease-in-out!important;
-webkit-transition: height .5s ease-in-out!important;    
-webkit-transition-delay: .9s!important;    
     -o-transition-delay: .9s!important;    
        transition-delay: .9s!important;
}



/* Green BG */
#grid .grid-item.reveal:nth-child(4n+3):after {
-o-transition: height .5s ease-in-out!important;
transition: height .5s ease-in-out!important;
-webkit-transition: height .5s ease-in-out!important;    
-webkit-transition-delay: .9s!important;    
     -o-transition-delay: .9s!important;    
        transition-delay: .9s!important;
}





/* Blue BG */
#grid .grid-item:nth-child(4n+4):after {
background-color: #15a9e2;

-o-transition: height .5s ease-in-out;

transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .85s;
     -o-transition-delay: .85s;
        transition-delay: .85s;
}

/* Blue BG */
#grid .grid-item.reveal:nth-child(4n+4):after {
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
-webkit-transition: height .5s ease-in-out;
-webkit-transition-delay: .85s;
     -o-transition-delay: .85s;
        transition-delay: .85s;
}




#grid .portrait {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 3;
    grid-row-end: span 3;
}


#grid .full {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
    -ms-grid-row-span: 3;
    grid-row-end: span 3;
}

#grid .landscape {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row-span: 3;
    grid-row-end: span 3;
}

#grid .square {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
}

#grid .grid-item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .33s ease-in-out;
    transition: -webkit-transform .33s ease-in-out;
    -o-transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out, -webkit-transform .33s ease-in-out;
    opacity: 0;
}


#grid .grid-item img {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}

#grid .grid-item img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

#feed .grid-item img {
    width: 100%;
    height: auto;
    display: block;
}

#grid .grid-item:first-child {
display: none!important;
}

/*--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------*/
























/* ---------------------------------------------------------------------------
ANIMATIONS
-------------------------------------------------------------------------------- */


/**** SKEW Y */
.image-block, .image-block div {
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
will-change: transform;
}
/**** END SKEW Y */


.team-gallery {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transition: transform 1s;
will-change: transform;
}



category-slideshow {
-o-transition: height .3s cubic-bezier(0.52,0.01,0.16,1);
transition: height .3s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: height .3s cubic-bezier(0.52,0.01,0.16,1);
}




/**** MAX WIDTH SECTIONS */
/*
#development-specs .container, #project-involvement .container, #case-study section .container:nth-of-type(1) {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}



.slider div.content div {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}


#all-stories {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}*/