/* 

zapata computing css
Small Stuff, Lukas Eigler-Harding

*/

/* fonts */
@font-face{
	font-family: "suisse-monospace";
	src: url("../fonts/suisse-mono/SuisseIntlMono-Regular-WebS.eot") format("eot"),
			 url("../fonts/suisse-mono/SuisseIntlMono-Regular-WebS.svg") format("svg"),
			 url("../fonts/suisse-mono/SuisseIntlMono-Regular-WebS.ttf") format("ttf"),
			 url("../fonts/suisse-mono/SuisseIntlMono-Regular-WebS.woff") format("woff"),
			 url("../fonts/suisse-mono/SuisseIntlMono-Regular-WebS.woff2") format("woff2");
}

@font-face{
	font-family: "suisse-sans";
	src: url("../fonts/suisse-semi/SuisseIntl-SemiBold-WebM.eot") format("eot"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBold-WebM.svg") format("svg"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBold-WebM.ttf") format("ttf"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBold-WebM.woff") format("woff"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBold-WebM.woff2") format("woff2");
	font-style: normal;
}

@font-face{
	font-family: "suisse-sans";
	src: url("../fonts/suisse-semi/SuisseIntl-SemiBoldItalic-WebM.eot") format("eot"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBoldItalic-WebM.svg") format("svg"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBoldItalic-WebM.ttf") format("ttf"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBoldItalic-WebM.woff") format("woff"),
			 url("../fonts/suisse-semi/SuisseIntl-SemiBoldItalic-WebM.woff2") format("woff2");
	font-style: italic;
}

@font-face{
	font-family: "suisse-sans-reg";
	src: url("../fonts/suisse-reg/SuisseIntl-Regular-WebM.eot") format("eot"),
			 url("../fonts/suisse-reg/SuisseIntl-Regular-WebM.svg") format("svg"),
			 url("../fonts/suisse-reg/SuisseIntl-Regular-WebM.ttf") format("ttf"),
			 url("../fonts/suisse-reg/SuisseIntl-Regular-WebM.woff") format("woff"),
			 url("../fonts/suisse-reg/SuisseIntl-Regular-WebM.woff2") format("woff2");
	font-style: normal;
}

@font-face{
	font-family: "suisse-serif";
	src: url("../fonts/suisse-works/SuisseWorks-Medium-WebS.eot") format("eot"),
			 url("../fonts/suisse-works/SuisseWorks-Medium-WebS.svg") format("svg"),
			 url("../fonts/suisse-works/SuisseWorks-Medium-WebS.ttf") format("ttf"),
			 url("../fonts/suisse-works/SuisseWorks-Medium-WebS.woff") format("woff"),
			 url("../fonts/suisse-works/SuisseWorks-Medium-WebS.woff2") format("woff2");
	font-style: normal;
}

@font-face{
	font-family: "suisse-serif";
	src: url("../fonts/suisse-works/SuisseWorks-MediumItalic-WebS.eot") format("eot"),
			 url("../fonts/suisse-works/SuisseWorks-MediumItalic-WebS.svg") format("svg"),
			 url("../fonts/suisse-works/SuisseWorks-MediumItalic-WebS.ttf") format("ttf"),
			 url("../fonts/suisse-works/SuisseWorks-MediumItalic-WebS.woff") format("woff"),
			 url("../fonts/suisse-works/SuisseWorks-MediumItalic-WebS.woff2") format("woff2");
	font-style: italic;
}

@font-face {
    font-family: 'zapata-large';
    src: url('../fonts/Zapata-3-Large.woff2') format('woff2'),
        url('../fonts/Zapata-3-Large.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zapata-medium';
    src: url('../fonts/Zapata-2-Medium.woff2') format('woff2'),
        url('../fonts/Zapata-2-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'zapata-small';
    src: url('../fonts/Zapata-1-Small.woff2') format('woff2'),
        url('../fonts/Zapata-1-Small.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


/* clear styles */
*{
	padding: 0;
	margin: 0;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, html{
	font-size: 2vw;
	width: 100%;
	position: relative;
}

@media(max-width: 768px){
	body, html{
		font-size: 25px;
	}
}

html{
	overflow-x: hidden;
}

body{ 
	background-color: #002121;
}

.barba-container{
	background-color: #002121;
}


/* global color classes */
.lightestgreen{ background-color: #9EFFC2;}
.lightgreen{ background-color: #00EB80;}
.mediumgreen{ background-color: #00B578;}
.darkgreen{ background-color: #004229;}
.darkestgreen{ background-color: #002121;}
.yellow{ background-color: #FCCF2E;}
.orange{ background-color: #FC8700;}
.pink{ background-color: #FF3863;}
.maroon{ background-color: #5C0038;}
.purple{ background-color: #290038;}
.pastelyellow{ background-color: #FDDF77;}
.pastelorange{ background-color: #FDB159;}
.pastelpink{ background-color: #FF7E9A;}
.pastelmaroon{ background-color: #95607E;}
.pastelpurple{ background-color: #74597E;}

.lightestgreen,
.lightgreen,
.mediumgreen,
.pastelyellow,
.pastelorange,
.pastelpink,
.yellow,
.orange,
.lightestgreen *,
.lightgreen *,
.mediumgreen *,
.pastelyellow *,
.pastelorange *,
.pastelpink *,
.yellow *,
.orange *{
	color: #002121;
}

.lightestgreen hr,
.lightgreen hr,
.mediumgreen hr,
.pastelyellow hr,
.pastelorange hr,
.pastelpink hr,
.yellow hr,
.orange hr,
.lightestgreen ul li:before,
.lightestgreen li:before,
.lightgreen ul li:before,
.lightgreen li:before,
.mediumgreen ul li:before,
.mediumgreen li:before,
.pastelyellow ul li:before,
.pastelyellow li:before,
.pastelorange ul li:before,
.pastelorange li:before,
.pastelpink ul li:before,
.pastelpink li:before,
.yellow ul li:before,
.yellow li:before,
.orange ul li:before,
.orange li:before{
	background-color: #002121;
}

.darkgreen,
.darkestgreen,
.pink,
.maroon,
.purple,
.pastelmaroon,
.pastelpurple,
.darkgreen,
.darkestgreen *,
.pink *,
.maroon *,
.purple *,
.pastelmaroon *,
.pastelpurple *{
	color: #ffffff;
}

.darkgreen hr,
.darkestgreen hr,
.pink hr,
.maroon hr,
.purple hr,
.pastelmaroon hr,
.pastelpurple hr,
.darkgreen ul li:before,
.darkgreen li:before,
.darkestgreen ul li:before,
.darkestgreen li:before,
.pink ul li:before,
.pink li:before,
.maroon ul li:before,
.maroon li:before,
.purple ul li:before,
.purple li:before,
.pastelmaroon ul li:before,
.pastelmaroon li:before,
.pastelpurple ul li:before,
.pastelpurple li:before{
	background-color: #ffffff;
}





/* link tags, richtext: */
.lightestgreen .richtext a, .lightestgreen .richtext * a, .lightgreen .richtext a, .lightgreen .richtext * a, .mediumgreen .richtext a, .mediumgreen .richtext * a, .pastelyellow .richtext a, .pastelyellow .richtext * a, .pastelorange .richtext a, .pastelorange .richtext * a, .pastelpink .richtext a, .pastelpink .richtext * a, .yellow .richtext a, .yellow .richtext * a, .orange .richtext a, .orange .richtext * a{
	border-bottom-color: #002121;
}
.lightestgreen .richtext a:hover, .lightestgreen .richtext * a:hover, .lightgreen .richtext a:hover, .lightgreen .richtext * a:hover, .mediumgreen .richtext a:hover, .mediumgreen .richtext * a:hover, .pastelyellow .richtext a:hover, .pastelyellow .richtext * a:hover, .pastelorange .richtext a:hover, .pastelorange .richtext * a:hover, .pastelpink .richtext a:hover, .pastelpink .richtext * a:hover, .yellow .richtext a:hover, .yellow .richtext * a:hover, .orange .richtext a:hover, .orange .richtext * a:hover{
	background-color: #002121;
}
.darkgreen.richtext a, .darkestgreen.richtext a, .pink.richtext a, .maroon.richtext a, .purple.richtext a, .pastelmaroon.richtext a, .pastelpurple.richtext a, .darkgreen.richtext a,
.darkgreen .richtext a, .darkestgreen .richtext a, .pink .richtext a, .maroon .richtext a, .purple .richtext a, .pastelmaroon .richtext a, .pastelpurple .richtext a, .darkgreen .richtext a{
	border-bottom-color: #ffffff;
	color: #ffffff;
}
.darkgreen.richtext * a:hover, .darkgreen.richtext a:hover, .darkestgreen.richtext * a:hover, .darkestgreen.richtext a:hover, .pink.richtext * a:hover, .pink.richtext a:hover, .maroon.richtext * a:hover, .maroon.richtext a:hover, .purple.richtext * a:hover, .purple .richtext a:hover, .pastelmaroon .richtext * a:hover, .pastelmaroon .richtext a:hover, .pastelpurple .richtext * a:hover, .pastelpurple .richtext a:hover, .darkgreen.richtext * a:hover, .darkgreen.richtext a:hover,
.darkgreen .richtext * a:hover, .darkgreen .richtext a:hover, .darkestgreen .richtext * a:hover, .darkestgreen .richtext a:hover, .pink .richtext * a:hover, .pink .richtext a:hover, .maroon .richtext * a:hover, .maroon .richtext a:hover, .purple .richtext * a:hover, .purple .richtext a:hover, .pastelmaroon .richtext * a:hover, .pastelmaroon .richtext a:hover, .pastelpurple .richtext * a:hover, .pastelpurple .richtext a:hover, .darkgreen .richtext * a:hover, .darkgreen .richtext a:hover{
	background-color: white;
}

.richtext .h3_v3 a:hover{
	background-color: transparent; !important;
}


.lightestgreen.richtext a:hover, .lightestgreen .richtext a:hover, .lightestgreen .richtext * a:hover{ color: #9EFFC2;}
.lightgreen.richtext a:hover, .lightgreen .richtext a:hover, .lightgreen .richtext * a:hover{ color: #00EB80;}
.mediumgreen.richtext a:hover, .mediumgreen .richtext a:hover, .mediumgreen .richtext * a:hover{ color: #00B578;}
.darkgreen.richtext a:hover, .darkgreen .richtext a:hover, .darkgreen .richtext * a:hover{ color: #004229;}
.darkestgreen.richtext a:hover, .darkestgreen .richtext a:hover, .darkestgreen .richtext * a:hover{ color: #002121;}
.yellow.richtext a:hover, .yellow .richtext a:hover, .yellow .richtext * a:hover{ color: #FCCF2E;}
.orange.richtext a:hover, .orange .richtext a:hover, .orange .richtext * a:hover{ color: #FC8700;}
.pink.richtext a:hover, .pink .richtext a:hover, .pink .richtext * a:hover{ color: #FF3863;}
.maroon.richtext a:hover, .maroon .richtext a:hover, .maroon .richtext * a:hover{ color: #5C0038;}
.purple.richtext a:hover, .purple .richtext a:hover, .purple .richtext * a:hover{ color: #290038;}
.pastelyellow.richtext a:hover, .pastelyellow .richtext a:hover, .pastelyellow .richtext * a:hover{ color: #FDDF77;}
.pastelorange.richtext a:hover, .pastelorange .richtext a:hover, .pastelorange .richtext * a:hover{ color: #FDB159;}
.pastelpink.richtext a:hover, .pastelpink .richtext a:hover, .pastelpink .richtext * a:hover{ color: #FF7E9A;}
.pastelmaroon.richtext a:hover, .pastelmaroon .richtext a:hover, .pastelmaroon .richtext * a:hover{ color: #95607E;}
.pastelpurple.richtext a:hover, .pastelpurple .richtext a:hover, .pastelpurple .richtext * a:hover{ color: #74597E;}


/* text styles */

h1{
	font-family: 'zapata-large', monospace;
	font-size: 2.5rem;
}

@media(max-width: 768px){
	h1{
		font-size: 2rem;
	}	
}

.h2_v1{
	font-family: 'zapata-large', monospace;
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 5rem;
}

@media(max-width: 768px){
	.h2_v1{
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
		font-family: 'zapata-small', monospace;
		line-height: 1.3rem;
	}
}

.h2_v2{
	font-family: 'suisse-sans', arial, sans;
	font-size: 2rem;
	line-height: 2.2rem;
	margin-bottom: 0.55rem;
}

@media(max-width: 768px){
	.h2_v2{
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
}

#news_page .h2_v2,
#news_page .h2_v2 h1,
#news_page .h2_v2 h2,
#news_page .h2_v2 h3,
#news_page .h2_v2 h4,
#news_page .h2_v2 h5,
#news_page .h2_v2 h6,
#news_page .h2_v2 p{
	color: #002121;
}

.h2_v3, .h2_v3 *{
	font-family: 'suisse-sans', arial, sans;
	font-size: 1.2rem;
	line-height: 1.52rem;
	letter-spacing: 0.02rem;
	margin-bottom: 0.76rem;
	color: white;
}

.h2_v3 a{
	text-decoration: none;
	border-bottom: dashed 1px white;
}

.h2_v3 a:hover{
	background-color: #00EB80;
	color: #5B0137;
}

#contact_page .h2_v3 a{
	border-bottom: dashed 1px #004229;	
}

#contact_page .h2_v3 a:hover{
	background-color: #004229;
	color: #FCCF2D;
}

.h2_v3 h1{

}

.h2_v3 p{
	font-size: 0.84rem;
	line-height: 	1.12rem;
	letter-spacing: 0.025rem;
	margin-bottom: 0.56rem;
}

.home_body_sections .h2_v3 *{
	color: #9DFFC2;
}

@media(max-width: 768px){
	.h2_v3, .h2_v3 *{
		font-size: 1rem;
		line-height: 1.3rem;
		letter-spacing: 0.01rem;
		margin-bottom: 0.65rem;
	}
}



.h3_v1{
	font-family: 'zapata-medium', monospace;
	text-align: center;	
	font-size: 1.96rem;
	margin-bottom: 2.5rem;
}

@media(max-width: 768px){
	.h3_v1{
		max-width: 90vw;
		overflow-x: hidden;
		font-size: 1.12rem;
    line-height: 1.3rem;
	}

}

.h3_v1_wrapper{
	display: inline-block;
	max-width: 75%;
	text-decoration: none;
	border-radius: 0.25rem;
	padding-top: 0.1rem;
	padding-bottom: 0.3rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

@media(max-width: 768px){
	.h3_v1_wrapper{
		max-width: 90%;
		padding-top: 0.25rem;
	}
}

.h3_v1_wrapper{
	border: #D9D9D9 solid 2px;
}

.h3_v1_wrapper.lightestgreen,
.h3_v1_wrapper.yellow,
.h3_v1_wrapper.pastelyellow,
.h3_v1_wrapper.pastelorange{ border: #002121 solid 2px; }

.h3_v1_wrapper.mediumgreen,
.h3_v1_wrapper.orange,
.h3_v1_wrapper.pastelpink{ color: #D9D9D9; }

.h3_v1_wrapper.lightgreen,{
	border: #004229 solid 2px;	
}

#join_page .h3_v1_wrapper{
	border: #D9D9D9 solid 2px;
}

.h3_v2{
	font-family: 'suisse-serif', timesnewroman, times, serif;
	font-size: 1rem;
}

.h3_v3{
	font-family: 'suisse-serif', timesnewroman, times, serif;
	font-size: 0.83rem;
}

.home_body_sections .h3_v3, .home_body_sections .h3_v3 *{
	cursor: pointer;
}

.home_body_sections .pastelyellow .h3_v3 a, .home_body_sections .purple .h3_v3 a, .home_body_sections .maroon .h3_v3 a, .home_body_sections .yellow .h3_v3 a, .home_body_sections .darkestgreen .h3_v3 a, .home_body_sections .darkgreen .h3_v3 a, .home_body_sections .lightestgreen .h3_v3 a{
	color: #00B578;
}

.home_body_sections .pastelyellow .h3_v3 a:after, .home_body_sections .purple .h3_v3 a:after, .home_body_sections .maroon .h3_v3 a:after, .home_body_sections .yellow .h3_v3 a:after, .home_body_sections .darkestgreen .h3_v3 a:after, .home_body_sections .darkgreen .h3_v3 a:after, .home_body_sections .lightestgreen .h3_v3 a:after{
	border: 1px solid #00B578;
	background-image: url('../icons/arrows/arrow_standardgreen_heavy.svg');
}

@media(max-width: 768px){
	.home_body_sections .pastelyellow .h3_v3 a:after, .home_body_sections .purple .h3_v3 a:after, .home_body_sections .maroon .h3_v3 a:after, .home_body_sections .yellow .h3_v3 a:after, .home_body_sections .darkestgreen .h3_v3 a:after, .home_body_sections .darkgreen .h3_v3 a:after, .home_body_sections .lightestgreen .h3_v3 a:after{
		border: 0.06rem solid #00B578;
	}
}

.home_body_sections .pastelyellow .h3_v3 a:hover:after, .home_body_sections .purple .h3_v3 a:hover:after, .home_body_sections .maroon .h3_v3 a:hover:after, .home_body_sections .yellow .h3_v3 a:hover:after, .home_body_sections .darkestgreen .h3_v3 a:hover:after, .home_body_sections .darkgreen .h3_v3 a:hover:after, .home_body_sections .lightestgreen .h3_v3 a:hover:after{
	background-color: #00B578;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');	
}

.home_body_sections .pastelpurple .h3_v3 a, 
.home_body_sections .pastelmaroon .h3_v3 a, 
.home_body_sections .pink .h3_v3 a{
	color: #9EFFC2;
}

.home_body_sections .pastelpurple .h3_v3 a:after, .home_body_sections .pastelmaroon .h3_v3 a:after, .home_body_sections .pink .h3_v3 a:after{
	border: 1px solid #9EFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}

@media(max-width: 768px){
	.home_body_sections .pastelpurple .h3_v3 a:after, .home_body_sections .pastelmaroon .h3_v3 a:after, .home_body_sections .pink .h3_v3 a:after{
		border: 0.06rem solid #9EFFC2;
	}
}

.home_body_sections .pastelpurple .h3_v3 a:hover:after, .home_body_sections .pastelmaroon .h3_v3 a:hover:after, .home_body_sections .pink .h3_v3 a:hover:after{
	background-color: #9EFFC2;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');
}

.home_body_sections .pastelorange .h3_v3 a, 
.home_body_sections .pastelpink .h3_v3 a, 
.home_body_sections .orange .h3_v3 a, 
.home_body_sections .mediumgreen .h3_v3 a, 
.home_body_sections .lightgreen .h3_v3 a{
	color: #ffffff;
}

.home_body_sections .pastelorange .h3_v3 a:after, .home_body_sections .pastelpink .h3_v3 a:after, .home_body_sections .orange .h3_v3 a:after, .home_body_sections .mediumgreen .h3_v3 a:after, .home_body_sections .lightgreen .h3_v3 a:after{
	border: 1px solid #ffffff;
	background-image: url('../icons/arrows/arrow_white_heavy.svg');
}

@media(max-width: 768px){
	.home_body_sections .pastelorange .h3_v3 a:after, .home_body_sections .pastelpink .h3_v3 a:after, .home_body_sections .orange .h3_v3 a:after, .home_body_sections .mediumgreen .h3_v3 a:after, .home_body_sections .lightgreen .h3_v3 a:after{
		border: 0.06rem solid #ffffff;
	}
}

.home_body_sections .pastelorange .h3_v3 a:hover:after, .home_body_sections .pastelpink .h3_v3 a:hover:after, .home_body_sections .orange .h3_v3 a:hover:after, .home_body_sections .mediumgreen .h3_v3 a:hover:after, .home_body_sections .lightgreen .h3_v3 a:hover:after{
	background-color: #ffffff;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');
}

.home_body_sections .h3_v3 a{
	border-bottom: none;
	text-decoration: none;
}

.home_body_sections .h3_v3 a:after{
	content: "";
	display: inline-block;
	width: 0.7rem;
	height: 0.8rem;
	margin-left: 0.3rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	margin-bottom: -0.1rem;
	border-radius: 0.5rem;
	background-repeat: no-repeat;
	background-size: 48%;
	background-position: center;
}



.h4_v1{
	font-family: 'zapata-medium', monospace;
	font-size: 1.12rem;
	line-height: 1.3rem;
}

.column_half ul{
	list-style: none;
}

.h4_v1 a{
	text-decoration: none;
	border-radius: 0.25rem;
	padding: 0.125rem;
	padding-bottom: 0.2rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	background-color: #D9D9D9;
	display: inline-block;
	margin-top: 0.75rem;
	transition: background-color 0.2s, color 0.2s ease-in-out;
}

@media(max-width: 768px){
	.h4_v1 a{
		text-align: center;
	}
}

/* subpage internal links */
.lightestgreen .h4_v1 a{ background-color: #A6A6A6; color: #9EFFC2;  }
.lightestgreen .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.lightgreen .h4_v1 a{ background-color: #ffffff; color: #00EB80; }
.lightgreen .h4_v1 a:hover{ background-color: #9EFFC2; color: #002121;}
.mediumgreen .h4_v1 a{ background-color: #D9D9D9; color: #00B578; }
.mediumgreen .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.darkgreen .h4_v1 a{ background-color: #D9D9D9; color: #004229; }
.darkgreen .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.darkestgreen .h4_v1 a{ background-color: #D9D9D9; color: #002121; }
.darkestgreen .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.yellow .h4_v1 a{ background-color: #A6A6A6; color: #FCCF2E; }
.yellow .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.orange .h4_v1 a{ background-color: #D9D9D9; color: #FC8700; }
.orange .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pink .h4_v1 a{ background-color: #D9D9D9; color: #FF3863; }
.pink .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.maroon .h4_v1 a{ background-color: #D9D9D9; color: #5C0038; }
.maroon .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.purple .h4_v1 a{ background-color: #D9D9D9; color: #290038; }
.purple .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pastelyellow .h4_v1 a{ background-color: #A6A6A6; color: #FDDF77; }
.pastelyellow .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pastelorange .h4_v1 a{ background-color: #ffffff; color: #FDB159; }
.pastelorange .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pastelpink .h4_v1 a{ background-color: #ffffff; color: #FF7E9A; }
.pastelpink .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pastelmaroon .h4_v1 a{ background-color: #ffffff; color: #95607E; }
.pastelmaroon .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }
.pastelpurple .h4_v1 a{ background-color: #ffffff; color: #74597E; }
.pastelpurple .h4_v1 a:hover{ background-color: #00EB80; color: #002121; }


.h4_v2{
	font-family: 'suisse-sans', arial, sans;
	font-size: 0.7rem;
}

h6{
	width: 90%;
}

h6, .h6_v1{
	font-family: "suisse-monospace", monospace;
	font-size: 0.52rem;
	color: #A6A6A6;
}

.p_v1 *{
	font-family: 'suisse-serif', timesnewroman, times, serif;
	font-size: 0.7rem;
	line-height: 1rem;
	letter-spacing: 0.01rem;
	width: 90%;
	color: white;
	margin-bottom: 0.5rem;
}

@media(max-width: 768px){
	.p_v1 *{
		width: 100%;
	}
}

.p_v1 ul{
	list-style: none;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.p_v1 ul, .p_v1 li{

}

.p_v1 li{
	width: 100%;
	margin-bottom: 0.125rem;
}

.p_v1 li:before{
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.25rem;
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	margin-bottom: 0.1rem;
	border-radius: 0.2rem;
	background-color: white;
}

.p_v1 li:last-of-type{
	margin-bottom: 0;
}


.p_v2, .smalltext{
	font-family: 'suisse-sans', arial, sans;
	font-size: 0.84rem;
}

/* richtext text styles */

.richtext h1,
.richtext h2,
.richtext h3,
.richtext p,
.richtext ul,
.richtext ol,
.richtext li,
.richtext ul li,
.richtext ol li{
	font-family: 'suisse-sans', arial, sans;
}

.richtext h4,
.richtext h5,
.alt.richtext p,
.alt.richtext ul,
.alt.richtext li,
.alt.richtext ul li,
.alt.richtext ol,
.alt.richtext ol li{
	font-family: 'suisse-serif', Times, timesnewroman, serif;
}

.richtext h1,
.richtext h2,
.richtext h3,
.richtext p,
.richtext ul,
.richtext h4,
.richtext h5,
.richtext h6{
	margin-bottom: 1rem;
}


.richtext h1{
	/*font-size: 48px; line-height: 55px;*/
	font-size: 1.8rem;
	line-height: 2.06rem;
}

.richtext h2{
	/*font-size: 36px; line-height: 48px;*/
	font-size: 1.35rem;
	line-height: 1.8rem;
}
.richtext h3{
	/*font-size: 30px; line-height: 38px;*/
	font-size: 1.125rem;
	line-height: 1.425rem;
}

.richtext p{
	/*font-size: 24px; line-height: 34px;*/
	font-size: 0.9rem;
	line-height: 1.275rem;
	width: 90%;
}

.richtext h4{
	font-size: 1.275rem;
	line-height: 1.6rem;

}
.richtext h5,
.alt.richtext p,
.alt.richtext ul,
.alt.richtext ol,
.alt.richtext li,
.alt.richtext ul li,
.alt.richtext ol li{
	/*font-size: 17.5px; line-height: 25px;*/
	font-size: 0.65625rem;	
	letter-spacing: 0.008rem;
	line-height: 0.9375rem;
}

.alt.richtext ul li:before{
	margin-bottom: 0.01rem;
}

.richtext h6, .richtext code{
	font-family: 'suisse-monospace', couriernew;
	/*font-size: 13px;	*/
	font-size: 0.4875rem;
	line-height: 0.7rem;
}

.richtext code{
	background-color: #D9D9D9;
	color: #002121;
	padding: 0.25rem;
	border-radius: 0.25rem;
}

.richtext pre{
	background-color: #D9D9D9;
	padding: 0.25rem;
	border-radius: 0.25rem;
	white-space: pre-wrap;       
  white-space: -moz-pre-wrap;  
  white-space: -pre-wrap;      
  white-space: -o-pre-wrap;   
  word-wrap: break-word;  
}

.richtext ul{
	list-style: none;
	/*font-size: 24px;*/
	font-size: 0.9rem;
}

.richtext li,
.richtext ul li{
	/*font-size: 24px;*/
	font-size: 0.9rem;
}


.richtext ul li:before{
	content: "";
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 0.3rem;
	margin-right: 0.15rem;
	margin-bottom: 0.09rem;
}

.richtext ol{
	list-style-position: inside;
}

.richtext ol li:before{
	text-align: left;
	display: inline-block;
}


@media(max-width: 768px){
	.richtext h1{
		font-size: 1.2rem;
		letter-spacing: 0.02rem;
		line-height: 1.5rem;
	}
	.richtext h2{
		font-size: 1rem;
		letter-spacing: 0.01rem;
		line-height: 1.2rem;
	}

	.richtext h3{
		font-size: 0.8rem;
		letter-spacing: 0.02rem;
		line-height: 1.1rem;
	}

	.richtext p, .richtext li, .richtext ol li, .richtext ul li{
		font-size: 0.7rem;
		letter-spacing: 0.01rem;
		line-height: 0.9rem;
		width: 100%;
	}
}


.richtext hr{
	border: none;
	box-shadow: none;
	height: 2px;
	width: 0%;
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}


.richtext h1 + hr,
.richtext h2 + hr,
.richtext h3 + hr{
	margin-top: 8rem;
}

@media(max-width: 768px){
	.richtext h1 + hr,
	.richtext h2 + hr,
	.richtext h3 + hr{
		margin-top: 4rem;
	}

	.richtext hr{
		height: 1.5px;
	}
}

.richtext a, .richtext * a{
	text-decoration: none;
	border-bottom: dashed 1px;
}


.richtext figure, .richtext img{
	width: 100%;
}

.richtext figure{
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.richtext figure.video{
	width: 100%;
	border: none;
	min-height: 30vw;
}

.richtext figure.video iframe{
	width: 100%;
	border: none;
	min-height: 30vw;
}


@media(max-width: 768px){
	.richtext figure{
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

	.richtext figure.video{
		width: 100%;
		border: none;
		min-height: 50vw;
	}

	.richtext figure.video iframe{
		width: 100%;
		border: none;
		min-height: 50vw;
	}

}


/* section styles */

section{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	margin-top: 10rem;
	margin-bottom: 5rem;
}

section.team{
	position: relative;
	margin-top: 5rem;
	padding-top: 5rem;
}

section.position{
	padding-top: 4.5rem;
	margin-top: 0;
	margin-bottom: 0;
	
}

section.home_body_sections{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}

.section_divider{
	border: none;
	background-color: #ffffff;
	margin: 0 auto;
	width: 90%;
	height: 3px;
	border-radius: 1.5px;
	margin-bottom: 4rem;
}

@media(max-width: 768px){
	.section_divider{margin-bottom: 3.5rem;}
}

#headline_statement .section_divider, .home_body_sections .section_divider{
	width: 0%;
}

#headline_statement.zapped .section_divider{
	width: 90%
}


.section_divider.full{
	width: 100%;
	/*background-color: white;*/
	margin-bottom: 0.5rem;
}

section.home_body_sections:nth-of-type(3) .section_divider{
	display: none;
}


.homepage_newssection{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	vertical-align: top;
	width: 100%;
	overflow-x: hidden;
}

@media(max-width: 768px){
	section.home_body_sections{
		margin-top: 2.5rem;
		margin-bottom: 0;
	}
}


section.initial_section{
	margin-top: -5rem;
	opacity: 0;
}

@media(max-width: 900px){
	section.initial_section{
		margin-top: -10rem;
	}	
}

@media(max-width: 768px){
	section.initial_section{
		margin-top: -15rem;
	}	
}

section.home_body_sections:last-of-type{
	margin-bottom: 0;
}


/* background */

#background{
	background-color: #002121;
	position: fixed;
	user-select: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

#barba-wrapper{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.barba-container{
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-bottom: 20rem;
	min-height: 100vh;
	z-index: 1;
}

@media(max-width: 768px){
	.barba-container{
		margin-bottom: 0rem;
	}
}

#zc_logo_pattern{
	user-select: none;
	pointer-events: none;
	position: sticky;
	position: -webkit-sticky;
	margin-top: 5rem;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow-x: hidden;
	height: 10rem;
	transition: opacity 0.5s;
	z-index: -1;
	shape-rendering: crispEdges;
}

#zc_logo_pattern, .pattern_polyline{
	stroke: #00EB80;
}

#zc_loading_pattern{
	user-select: none;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	stroke:#00b578;
}

.lightestgreen #zc_loading_pattern,
.lightestgreen .pattern_polyline { stroke: #00B578; }
.lightgreen #zc_loading_pattern,
.lightgreen .pattern_polyline { stroke: #00B578; }
.mediumgreen #zc_loading_pattern,
.mediumgreen .pattern_polyline { stroke: #9EFFC2; }
.darkgreen #zc_loading_pattern,
.darkgreen .pattern_polyline { stroke: #00B578; }
.darkestgreen #zc_loading_pattern,
.darkestgreen .pattern_polyline { stroke: #00B578; }
.yellow #zc_loading_pattern,
.yellow .pattern_polyline { stroke: #00B578; }
.orange #zc_loading_pattern,
.orange .pattern_polyline { stroke: #00B578; }
.pink #zc_loading_pattern,
.pink .pattern_polyline { stroke: #00B578; }
.maroon #zc_loading_pattern,
.maroon .pattern_polyline { stroke: #004229; }
.purple #zc_loading_pattern,
.purple .pattern_polyline { stroke: #00B578; }
.pastelyellow #zc_loading_pattern,
.pastelyellow .pattern_polyline { stroke: #00B578; }
.pastelorange #zc_loading_pattern,
.pastelorange .pattern_polyline { stroke: #00B578; }
.pastelpink #zc_loading_pattern,
.pastelpink .pattern_polyline { stroke: #00B578; }
.pastelmaroon #zc_loading_pattern,
.pastelmaroon .pattern_polyline { stroke: #00B578; }
.pastelpurple #zc_loading_pattern,
.pastelpurple .pattern_polyline { stroke: #00B578; }


@media(max-width: 768px){
	#zc_logo_pattern{
		visibility: hidden;
		height: 0;
		overflow-y: hidden;
	}
}




#footer{
	position: fixed;
	box-sizing: border-box;
	background-color: rgba(0,0,0, 0.5);
	transition: background-color 0.5s ease-out;
	height: 20rem;
	padding: 1rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	z-index: 0;
	width: 100%;
	overflow-x: hidden;
	bottom: 0;
	left: 0;
	font-family: 'suisse-sans', arial, sans;
	color: #9DFFC2;
}

#footer *{
	color: #9DFFC2;
	font-family: 'suisse-sans', arial, sans;
	font-size: 1rem;
}

#footer:hover{ background-color: rgba(0,0,0,0.7); }

@media(max-width: 768px){
	#footer{ 
		height: auto;
		position: relative;
		background-color: rgba(0,0,0,0.7); 
	}
}

#footer ul{
	list-style: none;
}

#footer ul li, #bottom_bar{
	font-size: 1.12rem;
}

#footer_menu li{
	display: block;
	text-align: left;
	font-family: 'suisse-sans', arial, sans;
}

#footer_menu a{
	border-bottom: dashed 1px #9DFFC2;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #9DFFC2;
}

#footer_menu a:hover{
	color: black;
	background-color: #9DFFC2;	
}


#footer_menu, #footer_second_column, #footer_address{
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

#footer_social{
	display: block;
	list-style: none;
	text-align: left;
	margin-top: 1.5rem;
}

#footer_social li{
	display: inline-block;
	margin-right: 0.25rem;
	position: relative;
}

#footer_social li a{
	display: block;
	width: 2rem;
	height: 2rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	border-bottom: none;
}

@media(max-width: 768px){

	#footer_social li a{
		width: 1.5rem;
		height: 1.5rem;
	}

}

#footer_social li a:hover{
	background-color: transparent;
	opacity: 0.6;
}

#bottom_bar{
	position: absolute;
	box-sizing: border-box;
	text-align: left;
	bottom: 0px;
	margin: 0 auto;
	width: calc(100% - 5rem);
	margin-bottom: 1rem;
	color: #9DFFC2;

}

#bottom_bar hr{
	border: none;
	height: 2px;
	border-radius: 2px;
	background-color: #9DFFC2;
	margin-bottom: 0.25rem;
}

#bottom_bar *{
	color: #9DFFC2;
}

#bottom_bar .bottom_bar_text{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#icon_wrapper{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: right;
}

@media(max-width: 768px){
	#footer{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#footer_menu, #footer_second_column, #footer_address{
		width: 100%;
		margin-bottom: 1rem;
	}

	#footer_menu, #footer_second_column{
		margin-bottom: 2rem;
	}

	#footer_social{
		margin-top: 3rem;
	}

	#footer_social{
		text-align: left; 
	}

	#bottom_bar{
		position: relative;
		width: 100%;
	}
	#bottom_bar hr{
		height: 1.5px;
	}

	#footer_address *, 
	#footer_menu *, 
	#bottom_bar *,
	#footer ul li{

		font-size: 0.7rem;
	}

}


#footer_address *{
	margin-bottom: 0.5rem;
}

#footer_links, 
#footer_links p, 
#footer_links h1, 
#footer_links h2, 
#footer_links h3,
#footer_links h4,
#footer_links h5,
#footer_links h6,
#footer_address,
#footer_address p,
#footer_address h1,
#footer_address h2,
#footer_address h3,
#footer_address h4,
#footer_address h5,
#footer_address h6{
	color: #9DFFC2;
}

#footer_links a, #footer_address a{
	color: #9DFFC2;
	text-decoration: none;
	border-bottom: dashed 1px #9DFFC2;
}

#footer_links a:hover, #footer_address a:hover{
	background-color: #9DFFC2;
	color: #002121;
}


/* menu */
#zc_homepage_menu_icon{
	display: none;
}

body#home_body #zc_homepage_menu_icon{
	display: block;
	position: fixed;
	cursor: pointer;
	z-index: 999;
	top: 0.4rem;
	right: 1.56rem;
	width: 3.35rem;
	height: 3.19rem;
}

body#home_body #zc_homepage_menu_icon.reached{
	display: none;
}

@media(max-width: 768px){
	body#home_body #zc_homepage_menu_icon{
		top: 0.32rem;
		right: 0.45rem;
		height: 2.4rem;
    width: 2.47rem;
	}
}


#menu{
	position: fixed;
}

.menu{
	width: 100vw;
	height: 4rem;
	color: white;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 10000;
}

@media(max-width: 768px){
	.menu{
		height: 3rem;
	}
}

#menu{
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
	transition: height 0.5s ease-out, background-color 0.4s ease-out;
}

#menu *{
	user-select: none;
}

#menu.hidden{
	display: none;
}

#menu.menu.open{
	position: fixed;
	height: calc(97vh);
	overflow-x: hidden;
	overflow-y: hidden;
}

#menu.open{
	background-color: rgba(0,0,0,0.9);
}

#menu.return_home #menu_back_button{
	/*visibility: visible;*/
	visibility: hidden;

	opacity: 0.8;
}

#menu.return_home #menu_back_button:hover{
	opacity: 1;
}

#exit_button{
	display: none;
}

.menu_icons{
	position: fixed;
	z-index: 10000;
	width: 4.5rem;
	height: 4rem;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}

@media(max-width: 768px){
	.menu_icons{
		height: 3rem;
		width: 3.375rem;
	}
}

#menu.back_button #exit_button{
	display: block;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../icons/icon-exit.svg");
	transition: opacity 0.1s;
}

#menu.back_button.open #exit_button{
	user-select: none;
	pointer-events: none;
	opacity: 0;
}

#zapata_icon_fake, #menu_icon_fake{
	position: absolute;
}

#zapata_icon, #zapata_icon_fake{
	left: 1rem;
	background-image: url("../icons/icon-logo.svg");
}

#menu_icon, #menu_icon_holding{
	right: 1rem;
	background-image: url("../icons/icon-hamburger.svg");
}

@media(max-width: 768px){
	#zapata_icon, #zapata_icon_fake{
		left: 0;
	}

	#menu_icon, #menu_icon_holding{
		right: 0;
	}
}

@media(any-hover: hover){
	#menu:hover #menu_icon{
		background-image: url("../icons/icon-hamburger.svg");
	}
}



#menu.open #menu_icon{
	background-image: url("../icons/icon-exit.svg");
}

#menu_icon.end_point{
	background-image: url("../icons/icon-exit.svg");
}

#menu ul#menu_menu{
	list-style: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	user-select: none;
	pointer-events: none;
	transition: opacity 0.2s;
	height: calc(97vh);
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

@media(max-width: 768px){
	#menu ul#menu_menu{
		margin-top: 3rem;
		height: calc(97vh - 3rem);
	}
}

#menu ul#menu_menu::-webkit-scrollbar{
  -webkit-appearance: none;
  width: 0.6rem;
}

#menu ul#menu_menu::-webkit-scrollbar-thumb{
	background-color: #00B578;
	border-radius: 0.5rem;
	border: solid 4px rgba(0,0,0,0.9);
}

#menu.open ul#menu_menu{
	user-select: all;
	pointer-events: all;
	opacity: 1;
}



ul#menu_menu li{
	text-align: center;
	font-family:  'zapata-large', couriernew, monospace;
	text-align: center;
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

@media(max-width: 768px){
	ul#menu_menu li{
		font-family: 'zapata-small', couriernew, monospace;
		margin-top: 1rem;		
	}
}

ul#menu_menu li:first-of-type{
	margin-top: 2rem;
}



ul#menu_menu a{
	padding: 0.125rem;
	padding-top: 0.4rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	line-height: 2.4rem;
	display: inline-block;
	position: relative;
}

@media(max-width: 768px){
	ul#menu_menu li{
		font-size: 1.5rem;
		margin-bottom: -1.1rem;
	}

	ul#menu_menu a{
		padding: 0.125rem;
		width: 85%;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		padding-bottom: 0;
		padding-top: 0.7rem;
		line-height: 1.5rem;
	}
}


.menu_social_icons{
	list-style: none;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	bottom: 0rem;
	opacity: 0;
	visibility: hidden;
	user-select: none;
	transition: opacity 0.5s;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}

@media(max-width: 768px){
	.menu_social_icons{
		top: 2.5rem;
		bottom: auto;
		background-image: initial;
		background: initial;
	}
}

.open .menu_social_icons{
	visibility: visible;
	user-select: inherit;
	opacity: 1;
}

.menu_social_icons li{
	display: inline-block;
	width: 2rem;
  height: 2rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}



.menu_social_icon{
	display: block;
	width: 2rem;
  height: 2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-bottom: none;
}

@media(max-width: 768px){
	.menu_social_icons li{
		margin-left: 0;
		margin-right: 0.1rem;
	}

	.menu_social_icons li, .menu_social_icon{
		width: 1.5rem;
		height: 1.5rem;
	}
}

#menu_menu .link_wrapper:last-of-type{
	padding-bottom: 3rem;
}

.link_wrapper a{
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	/*color: #000000 !important;*/
}

a .link_background{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-color: #D8D8D8;
	z-index: -1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 0.25rem;
	transition: background-color 0.25s, width 5s;
}

.home_page_section_title{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.1rem;
	padding-bottom: 0.3rem;
}

@media(max-width: 768px){
	.home_page_section_title{
		padding-bottom: 0.1rem;
		padding-top: 0.7rem;
	}
}


.link_wrapper a:after{
	position: relative;
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 0px;
	line-height: 0;
	font-size: 0;
	height: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;	
	transition: margin-left 0.2s, margin-right 0.2s, width 0.2s, opacity 0.2s;

}

/* size, color */

.h2_v1.link_wrapper a:after{
	height: 1.75rem;
	background-size: 1.74rem 1.74rem;
}

#menu_menu .link_wrapper a:after{
	height: 1.25rem;
	background-size: 1.34rem 1.24rem;	
}

@media (any-hover: hover) and (min-width: 768px) {
	.h2_v1.link_wrapper a:hover:after, #menu_menu .link_wrapper a:hover:after{
		margin-left: 1rem;
		margin-right: 0.3rem;
		width: 1.75rem;
		opacity: 1;	
	}
}

/* MENU PAGES PREVIEW HOVER */

/* menu hover background color */
a:hover .link_background{ background-color: #000000; }
a.lightestgreen_hover_color:hover .link_background{ background-color: #9EFFC2;}
a.lightgreen_hover_color:hover .link_background{ background-color: #00EB80;}
a.mediumgreen_hover_color:hover .link_background{ background-color: #00B578;}
a.darkgreen_hover_color:hover .link_background{ background-color: #004229;}
a.darkestgreen_hover_color:hover .link_background,
a._hover_color:hover .link_background{ background-color: #002121;}
a.yellow_hover_color:hover .link_background{ background-color: #FCCF2E;}
a.orange_hover_color:hover .link_background{ background-color: #FC8700;}
a.pink_hover_color:hover .link_background{ background-color: #FF3863;}
a.maroon_hover_color:hover .link_background{ background-color: #5C0038;}
a.purple_hover_color:hover .link_background{ background-color: #290038;}
a.pastelyellow_hover_color:hover .link_background{ background-color: #FDDF77;}
a.pastelorange_hover_color:hover .link_background{ background-color: #FDB159;}
a.pastelpink_hover_color:hover .link_background{ background-color: #FF7E9A;}
a.pastelmaroon_hover_color:hover .link_background{ background-color: #95607E;}
a.pastelpurple_hover_color:hover .link_background{ background-color: #74597E;}

@media (any-hover: none){
	a .link_background{ background-color: #000000; }
	a.lightestgreen_hover_color .link_background{ background-color: #9EFFC2;}
	a.lightgreen_hover_color .link_background{ background-color: #00EB80;}
	a.mediumgreen_hover_color .link_background{ background-color: #00B578;}
	a.darkgreen_hover_color .link_background{ background-color: #004229;}
	a.darkestgreen_hover_color .link_background,
	a._hover_color .link_background{ background-color: #002121;}
	a.yellow_hover_color .link_background{ background-color: #FCCF2E;}
	a.orange_hover_color .link_background{ background-color: #FC8700;}
	a.pink_hover_color .link_background{ background-color: #FF3863;}
	a.maroon_hover_color .link_background{ background-color: #5C0038;}
	a.purple_hover_color .link_background{ background-color: #290038;}
	a.pastelyellow_hover_color .link_background{ background-color: #FDDF77;}
	a.pastelorange_hover_color .link_background{ background-color: #FDB159;}
	a.pastelpink_hover_color .link_background{ background-color: #FF7E9A;}
	a.pastelmaroon_hover_color .link_background{ background-color: #95607E;}
	a.pastelpurple_hover_color .link_background{ background-color: #74597E;}
}

/* menu dark text color */
a.lightestgreen_hover_color, a.lightgreen_hover_color, a.mediumgreen_hover_color, a.yellow_hover_color, a.orange_hover_color, a.pastelyellow_hover_color, a.pastelorange_hover_color, a.pastelpink_hover_color, a.pastelmaroon_hover_color, a.pastelpurple_hover_color,
a.darkgreen_hover_color, a._hover_color, a.darkestgreen_hover_color, a.pink_hover_color, a.maroon_hover_color, a.purple_hover_color{
	color: #002121;
}

/* menu hover dark text color */
a.lightestgreen_hover_color:hover, a.lightgreen_hover_color:hover, a.mediumgreen_hover_color:hover, a.yellow_hover_color:hover, a.orange_hover_color:hover, a.pastelyellow_hover_color:hover, a.pastelorange_hover_color:hover, a.pastelpink_hover_color:hover, a.pastelmaroon_hover_color:hover, a.pastelpurple_hover_color:hover{
	color: #002121;
}

@media (any-hover: none){
	a.lightestgreen_hover_color, a.lightgreen_hover_color, a.mediumgreen_hover_color, a.yellow_hover_color, a.orange_hover_color, a.pastelyellow_hover_color, a.pastelorange_hover_color, a.pastelpink_hover_color, a.pastelmaroon_hover_color, a.pastelpurple_hover_color{
		color: #002121;
	}	
}

@media (any-hover: hover) and (min-width: 768px) {
	a.lightestgreen_hover_color:hover:after, 
	a.lightgreen_hover_color:hover:after, 
	a.mediumgreen_hover_color:hover:after, 
	a.yellow_hover_color:hover:after, 
	a.orange_hover_color:hover:after, 
	a.pastelyellow_hover_color:hover:after, 
	a.pastelorange_hover_color:hover:after, 
	a.pastelpink_hover_color:hover:after, 
	a.pastelmaroon_hover_color:hover:after, 
	a.pastelpurple_hover_color:hover:after{
		background-image: url('../icons/arrows/arrow_blackfull_thin.svg');	
	}
}

/* menu hover light text color */
a.darkgreen_hover_color:hover,
a.darkestgreen_hover_color:hover,
a._hover_color:hover,
a.pink_hover_color:hover,
a.maroon_hover_color:hover,
a.purple_hover_color:hover{
	color: #ffffff;
}

@media (any-hover: none){
	a.darkgreen_hover_color,
	a.darkestgreen_hover_color,
	a._hover_color,
	a.pink_hover_color,
	a.maroon_hover_color,
	a.purple_hover_color{
		color: #ffffff;
	}
}


/* menu hover light arrow */

@media (any-hover: hover) and (min-width: 768px){
	a.darkgreen_hover_color:hover:after,
	a.darkestgreen_hover_color:hover:after,
	a._hover_color:hover:after,
	a.pink_hover_color:hover:after,
	a.maroon_hover_color:hover:after,
	a.purple_hover_color:hover:after{
		background-image: url('../icons/arrows/arrow_blacktwenty_thin.svg');	
	}
}


@media(max-width: 768px){
	
	/*mobile menu links*/
	#menu_menu .link_wrapper a:after{
		height: 1.25rem;
    width: 1.3rem;
		margin-bottom: -0.05rem;
		background-size: 1rem 1rem;
		margin-left: 0.5rem;
		margin-right: 0.4rem;
	}

	#menu_menu .link_wrapper a:after,
	.h2_v1.link_wrapper a:after{
		margin-left: 0.5rem;
		margin-right: 0;
		width: 1.2rem;
		opacity: 1;	
	}

	.h2_v1.link_wrapper a{
		display: block;
		width: 84%;
		margin: 0 auto;
	}

	/*mobile homepage links*/
	.h2_v1.link_wrapper a:after{
		height: 1.25rem;
    width: 1.3rem;
		margin-right: 0.3rem;
		margin-bottom: -0.05rem;
		background-size: 1rem 1rem;
		opacity: 1;
	}

	a.lightestgreen_hover_color .link_background{ background-color: #9EFFC2;}
	a.lightgreen_hover_color .link_background{ background-color: #00EB80;}
	a.mediumgreen_hover_color .link_background{ background-color: #00B578;}
	a.darkgreen_hover_color .link_background{ background-color: #004229;}
	a._hover_color .link_background{ background-color: #002121;}
	a.darkestgreen_hover_color .link_background{ background-color: #002121;}
	a.yellow_hover_color .link_background{ background-color: #FCCF2E;}
	a.orange_hover_color .link_background{ background-color: #FC8700;}
	a.pink_hover_color .link_background{ background-color: #FF3863;}
	a.maroon_hover_color .link_background{ background-color: #5C0038;}
	a.purple_hover_color .link_background{ background-color: #290038;}
	a.pastelyellow_hover_color .link_background{ background-color: #FDDF77;}
	a.pastelorange_hover_color .link_background{ background-color: #FDB159;}
	a.pastelpink_hover_color .link_background{ background-color: #FF7E9A;}
	a.pastelmaroon_hover_color .link_background{ background-color: #95607E;}
	a.pastelpurple_hover_color .link_background{ background-color: #74597E;}

	/* menu hover dark text color */
	a.lightestgreen_hover_color, 
	a.lightgreen_hover_color, 
	a.mediumgreen_hover_color, 
	a.yellow_hover_color, 
	a.orange_hover_color, 
	a.pastelyellow_hover_color, 
	a.pastelorange_hover_color, 
	a.pastelpink_hover_color, 
	a.pastelmaroon_hover_color, 
	a.pastelpurple_hover_color{
		color: #002121;
	}

	a.lightestgreen_hover_color:after, 
	a.lightgreen_hover_color:after, 
	a.mediumgreen_hover_color:after, 
	a.yellow_hover_color:after, 
	a.orange_hover_color:after, 
	a.pastelyellow_hover_color:after, 
	a.pastelorange_hover_color:after, 
	a.pastelpink_hover_color:after, 
	a.pastelmaroon_hover_color:after, 
	a.pastelpurple_hover_color:after{
		background-image: url('../icons/arrows/arrow_blackfull_heavy_menu.svg');	
	}

	/* menu hover light text color */
	a.darkgreen_hover_color,
	a.darkestgreen_hover_color,
	a._hover_color,
	a.pink_hover_color,
	a.maroon_hover_color,
	a.purple_hover_color{
		color: #ffffff;
	}

	/* menu hover light arrow */
	a.darkgreen_hover_color:after,
	a.darkestgreen_hover_color:after,
	a._hover_color:after,
	a.pink_hover_color:after,
	a.maroon_hover_color:after,
	a.purple_hover_color:after{
		background-image: url('../icons/arrows/arrow_blacktwenty_heavy_menu.svg');	

	}

}



#menu li, #menu a{
	text-decoration: none;
}

/* homepage */

#home_page{
	background-color: #002121;
}

#opening, #headline_statement{
	width: 100%;
	margin: initial;
}

#opening{
	position: relative;
}

#logo_wrapper{
	width: 50%;
	height: 100vh;
	position: sticky;
	position: -webkit-sticky;
	display: inline-block;
	vertical-align: top;
	top: 0px;
	box-sizing: border-box;
	/*left: 0px;*/
	z-index: 100;
}

#logo_container{
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #002121;
	display: flex;
  justify-content: center;
  align-items: center;
}


#zc_logo_svg{
	position: relative;
	width: 30vw;
	margin: 0 auto;
}

@media(max-width: 768px){
	#zc_logo_svg{
		width: 50vw;
	}
}

#logo_container.moved{
	width: 100%;
	background-size: 12rem;
	overflow-x: hidden;
}


#opening_remarks{
	z-index: 50;
	position: relative;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	overflow-x: hidden;
	background-color: #004229;
	transition: background-color 0.2s ease-in-out;
}

#opening_remarks.zapata_lightgreen{ background-color: #9DFFC2; }
#opening_remarks.zapata_brightgreen{ background-color: #00EB80; }
#opening_remarks.zapata_standardgreen{ background-color: #00B578; }
#opening_remarks.zapata_darkgreen{ background-color: #004229; }
#opening_remarks.zapata_darkestgreen{ background-color: #002121; }
#opening_remarks.zapata_yellow{ background-color: #FCCF2D; }
#opening_remarks.zapata_orange{ background-color: #FC8801; }
#opening_remarks.zapata_magenta{ background-color: #FF3863; }
#opening_remarks.zapata_maroon{ background-color: #5B0137; }
#opening_remarks.zapata_blacktwenty{ background-color: #D9D9D9; }
#opening_remarks.zapata_blackforty{ background-color: #A6A6A6; }
#opening_remarks.zapata_blacksixty{ background-color: #77787C; }
#opening_remarks.zapata_blackeighty{ background-color: #414143; }
#opening_remarks.zapata_blackfull{ background-color: #000000; }


.remark{
	width: 100%;
	height: 100vh;
	display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}

.remark h3 a{
	text-decoration: none;
}

.remark h3 a:after{
	content: "";
	display: inline-block;
	width: 0.9rem;
	height: 0.9rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	margin-bottom: -0.1rem;
	border-radius: 0.5rem;
	background-repeat: no-repeat;
	background-size: 48%;
	background-position: center;
	border: 0.125rem solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen.svg');
}
.remark h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen.svg');
}
.remark.zapata_lightgreen h2{ color: #002121; }
.remark.zapata_lightgreen h3 a { color: #00B578; }
.remark.zapata_lightgreen h3 a:after{
	border: 1px solid #00B578;
	background-image: url('../icons/arrows/arrow_standardgreen_heavy.svg');
}
.remark.lightgreen h3 a:hover:after{
	background-color: #00B578;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_brightgreen h2{ color: #5B0137; }
.remark.zapata_brightgreen h3 a { color: #004229; }
.remark.zapata_brightgreen h3 a:after{
	border: 1px solid #004229;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');
}
.remark.zapata_brightgreen h3 a:hover:after{
	background-color: #004229;
	background-image: url('../icons/arrows/arrow_brightgreen_heavy.svg');
}
.remark.zapata_standardgreen h2{ color: #D9D9D9; }
.remark.zapata_standardgreen h3 a { color: #9DFFC2; }
.remark.zapata_standardgreen h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_standardgreen h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_standardgreen_heavy.svg');
}
.remark.zapata_darkgreen h2{ color: #00EB80; }
.remark.zapata_darkgreen h3 a { color: #9DFFC2; }
.remark.zapata_darkgreen h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_darkgreen h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_darkgreen_heavy.svg');
}
.remark.zapata_darkestgreen h2{ color: #00EB80; }
.remark.zapata_darkestgreen h3 a { color: #9DFFC2; }
.remark.zapata_darkestgreen h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_darkestgreen h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');
}

.remark.zapata_yellow h2{ color: #004229; }
.remark.zapata_yellow h3 a { color: #5B0137; }
.remark.zapata_yellow h3 a:after{
	border: 1px solid #5B0137;
	background-image: url('../icons/arrows/arrow_maroon_heavy.svg');
}
.remark.zapata_yellow h3 a:hover:after{
	background-color: #5B0137;
	background-image: url('../icons/arrows/arrow_yellow_heavy.svg');
}
.remark.zapata_orange h2{ color: #004229; }
.remark.zapata_orange h3 a { color: #002121; }
.remark.zapata_orange h3 a:after{
	border: 1px solid #002121;
	background-image: url('../icons/arrows/arrow_darkestgreen_heavy.svg');
}
.remark.zapata_orange h3 a:hover:after{
	background-color: #002121;
	background-image: url('../icons/arrows/arrow_orange_heavy.svg');
}
.remark.zapata_magenta h2{ color: #5B0137; }
.remark.zapata_magenta h3 a { color: #9DFFC2; }
.remark.zapata_magenta h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_magenta h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_magenta_heavy.svg');
}
.remark.zapata_maroon h2{ color: #00EB80; }
.remark.zapata_maroon h3 a { color: #9DFFC2; }
.remark.zapata_maroon h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_maroon h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_maroon_heavy.svg');
}
.remark.zapata_blacktwenty h2{ color: #002121; }
.remark.zapata_blacktwenty h3 a { color: #FF3863; }
.remark.zapata_blacktwenty h3 a:after{
	border: 1px solid #FF3863;
	background-image: url('../icons/arrows/arrow_magenta_heavy.svg');
}
.remark.zapata_blacktwenty h3 a:hover:after{
	background-color: #FF3863;
	background-image: url('../icons/arrows/arrow_blacktwenty_heavy.svg');
}
.remark.zapata_blackforty h2{ color: #002121; }
.remark.zapata_blackforty h3 a { color: #9DFFC2; }
.remark.zapata_blackforty h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_blackforty h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_blackforty_heavy.svg');
}
.remark.zapata_blacksixty h2{ color: #002121; }
.remark.zapata_blacksixty h3 a { color: #9DFFC2; }
.remark.zapata_blacksixty h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_blacksixty h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_blacksixty_heavy.svg');
}
.remark.zapata_blackeighty h2{ color: #FF3863; }
.remark.zapata_blackeighty h3 a { color: #9DFFC2; }
.remark.zapata_blackeighty h3 a:after{
	border: 1px solid #9DFFC2;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_blackeighty h3 a:hover:after{
	background-color: #9DFFC2;
	background-image: url('../icons/arrows/arrow_blackeighty_heavy.svg');
}
.remark.zapata_blackfull h2{ color: #FF3863; }
.remark.zapata_blackfull h3 a { color: #00EB80; }
.remark.zapata_blackfull h3 a:after{
	border: 1px solid #00EB80;
	background-image: url('../icons/arrows/arrow_lightgreen_heavy.svg');
}
.remark.zapata_blackfull h3 a:hover:after{
	background-color: #00EB80;
	background-image: url('../icons/arrows/arrow_blackfull_heavy.svg');
}

.remark_wrapper{
	width: 90%;
	opacity: 0;
	transform: translate(2rem, 2rem);
}


.remark_wrapper.past{
	opacity: 1;
	transform: translate(0, 0);
}

@media(max-width: 768px){

	#opening{
		margin-top: 0;
	}

	#logo_wrapper{
		width: 100%;
		display: block;
		position: relative;
	}

	#logo_wrapper, #logo_container{
		height: 25rem;
	}

	#opening_remarks{
		width: 100%;
		display: block;
		position: relative;
	}

	.remark{
		height: 25rem;
	}
}


#down_arrow{
	position: sticky;
	position: -webkit-sticky;
	bottom: 1rem;
	left: calc(100vw - 3rem);
	height: 2.6rem;
	width: 1.5rem;
	margin-bottom: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: opacity 0.2s;
	opacity: 0;
	background-image: url("../icons/buttons/down-arrow-white-open.svg");
	cursor: pointer;
	z-index: 100000;
}

@media(max-width: 768px){
	#down_arrow{
		left: calc(100vw - 2.4rem);
		margin-top: -3.6rem;
	}
}

@media(any-hover: hover){
	#down_arrow:hover{
		background-image: url("../icons/buttons/down-arrow-white-closed.svg");
	}
}


#fake_menu{
	position: sticky;
	position: -webkit-sticky;
	z-index: 90;
	user-select: none;
	cursor: pointer;
	background-color: rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
	/*background-image: url("../icons/icon-logo.svg");*/
}

#fake_menu.reached{
	visibility: hidden;
}


#headline_statement{
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	box-sizing: border-box;
	padding: 1rem;
	min-height: 50rem;
	position: relative;
	background-color: #00B578;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

#headline_statement .section_divider{
	margin-top: 16rem;
	margin-bottom: 2rem;
}

@media(max-width: 768px){
	#headline_statement{
		min-height: auto;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		background-attachment: initial;
	}

	#headline_statement .section_divider{
		margin-top: 4rem;
	}
}

@media(any-hover: none){
	/* for ipad bug */
	#headline_statement{
		min-height: auto;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		background-attachment: initial;
	}

	#headline_statement .section_divider{
		margin-top: 4rem;
	}
}

#headline_statement .headline_primary{
	font-family: 'zapata-medium', monospace;
	font-size: 2.8125rem;
	color: white;
	width: 95%;
	text-align: center; 
	margin: 0 auto;
	margin-bottom: 4rem;
	margin-top: 16rem;
	opacity: 0;
	transform: scale(1.5) translate(0, 5rem);
}

#headline_statement.zapped .headline_primary{
	opacity: 1;
	transform: scale(1) translate(0, 0);
}

.headline_supporting{
	position: relative;
	margin: 0 auto;
	margin-bottom: 8rem;
	width: 90%;
	color: white;
}

@media(max-width: 768px){
	.headline_supporting{
		margin-bottom: 4rem;
	}
}

.headline_column{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 50%;
	box-sizing: border-box;
	opacity: 0;
	transform: translate(0,2rem);
}

.zapped .headline_column{
	opacity: 1;
	transform: translate(0,0);
}

.headline_column_left{
	padding-right: 1.5%;
}

.headline_column_right{
	padding-left: 1.5%;
}



@media(max-width: 768px){
	#headline_statement .headline_primary{
		width: 100%;
		margin-top: 4rem;
		margin-bottom: 2.5rem;
		overflow-wrap: break-word;
		/*text-align: left;*/
		font-size: 1.3rem;
		line-height: 1.6rem;
		font-family: 'zapata-small', monospace;
	}

	.headline_column{
		display: block;
		width: 100%;
	}

	.headline_column_left,
	.headline_column_right{
		padding-left: 0;
		padding-right: 0;
	}
}

/* home_columns */

.homepage_section{
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.home_column{
	width: 50%;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

@media(max-width: 768px){
	.home_column{
		position: relative;
		width: 100%;
		top: auto;
		height: auto;
		margin-bottom: 1rem;
	}
}


.homepage_card{
	top: 5rem;
	width: 48.5%;
	margin-right: 1.5%;
	padding: 1rem; 
	border-radius: 0.25rem;
}

@media(max-width: 768px){
	.homepage_card{
		margin-right: 0;
		padding: 0.5rem;
		top: auto;
		width: 100%;
	}
}

.homepage_card.right{
	margin-right: 0;
	margin-left: 1.5%;
}

@media(max-width: 768px){
	.homepage_card.right{
		margin-left: 0;
		margin-right: 0;
	}
}

.homepage_card *{
	font-family: 'suisse-sans';
	margin-bottom: 1rem;
}

.homepage_card h3.h3_v3{
	margin-top: 2rem;
	margin-bottom: 0;
}

.homepage_card .h3_v3, .homepage_card .h3_v3 a{
	font-family: 'suisse-serif', timesnewroman, times, serif;
	font-size: 0.83rem;
}


.homepage_image_column{
	width: 48.5%;
	margin-left: 1.5%;
	height: 100vh;
	display: inline-flex;
  align-items: center;
}

@media(max-width: 768px){
	.homepage_image_column{
		margin-right: 0;
		margin-left: 0;
		display: block;
		height: auto;
		width: 100%;
	}
}

.homepage_image_column.right{
	margin-right: 1.5%;
	margin-left: 0;
}

@media(max-width: 768px){
	.homepage_image_column.right{
		margin-left: 0;
		margin-right: 0;
	}
}

.section_carousel, .subpage_carousel{
	position: relative;
	width: 100%;
	height: 50vh;
	overflow-y: hidden;
	overflow-x: hidden;
}

@media(max-width: 768px){
	.section_carousel, .subpage_carousel{
		height: 15.5rem;
	}
}

.section_carousel_cell, 
.subpage_carousel_cell{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 50vh;
}

@media(max-width: 768px){
	.section_carousel_cell, 
	.subpage_carousel_cell{
		height: 15rem;
	}
}

.cell_align{
	position: absolute;
	width: 100%;
	bottom: 1.25rem;
	box-sizing: border-box;
	padding-right: 0.5rem;
	padding-left: 0.02rem;
}

@media(max-width: 768px){
	.cell_align{
		padding-right: 0.02rem;
	}
}

.section_carousel_cell img, 
.subpage_carousel_cell img{
	width: 100%;
	display: block;
	max-height: calc(50vh - 1.5rem);
	object-fit: contain;
	object-position: left top;
}

@media(max-width: 768px){
	.section_carousel_cell img, 
	.subpage_carousel_cell img{
		max-height: 12.5rem;
	}
}

a.section_carousel_cell p.caption, 
a.subpage_carousel_cell p.caption{
	border-bottom: dashed 1px #A6A6A6;
}

a.section_carousel_cell:hover p.caption,
a.subpage_carousel_cell:hover p.caption{
	background-color: #A6A6A6;
	color: #002121;
}

.section_carousel_cell p.caption,
.subpage_carousel_cell p.caption{
	display: inline-block;
	font-family: 'suisse-monospace', couriernew, monospace;
	color: #A6A6A6;
	font-size: 0.45rem;
	line-height: 0.525rem;
}

.section_carousel_button, .subpage_carousel_button{
	position: absolute;
	width: 1.3rem;
	height: 0.8rem;
	z-index: 100;
	bottom: 0;
	border-radius: 0.25rem;
	cursor: pointer;
	opacity: 0.8;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

@media(max-width: 768px){
	.section_carousel_button, .subpage_carousel_button{
		width: 1.6rem;
	height: 1.2rem;
	}
}


.section_previous, .subpage_previous{
	left: 0;
	background-image: url(../icons/buttons/left-arrow-open.svg);
}

.lightestgreen .section_previous, 
.lightestgreen .subpage_previous,
.lightgreen .section_previous,
.lightgreen .subpage_previous,
.yellow .section_previous,
.yellow .subpage_previous,
.orange .section_previous,
.orange .subpage_previous, 
.pink .section_previous,
.pink .subpage_previous,
.pastelyellow .section_previous,
.pastelyellow .subpage_previous,
.pastelorange .section_previous,
.pastelorange .subpage_previous,
.pastelpink .section_previous,
.pastelpink .subpage_previous{
	background-image: url(../icons/buttons/left-arrow-open-dark.svg);
}

@media(any-hover: hover){
	.section_previous:hover, .subpage_previous:hover{
		background-image: url(../icons/buttons/left-arrow-closed.svg);
	}	

	.lightestgreen .section_previous:hover, 
	.lightestgreen .subpage_previous:hover,
	.lightgreen .section_previous:hover,
	.lightgreen .subpage_previous:hover,
	.yellow .section_previous:hover,
	.yellow .subpage_previous:hover,
	.orange .section_previous:hover,
	.orange .subpage_previous:hover, 
	.pink .section_previous:hover,
	.pink .subpage_previous:hover,
	.pastelyellow .section_previous:hover,
	.pastelyellow .subpage_previous:hover,
	.pastelorange .section_previous:hover,
	.pastelorange .subpage_previous:hover,
	.pastelpink .section_previous:hover,
	.pastelpink .subpage_previous:hover{
		background-image: url(../icons/buttons/left-arrow-closed-dark.svg);
	}
}

.section_next, .subpage_next{
	left: 1.6rem;
	background-image: url(../icons/buttons/right-arrow-open.svg);
}

.lightestgreen .section_next, 
.lightestgreen .subpage_next,
.lightgreen .section_next,
.lightgreen .subpage_next,
.yellow .section_next,
.yellow .subpage_next,
.orange .section_next,
.orange .subpage_next, 
.pink .section_next,
.pink .subpage_next,
.pastelyellow .section_next,
.pastelyellow .subpage_next,
.pastelorange .section_next,
.pastelorange .subpage_next,
.pastelpink .section_next,
.pastelpink .subpage_next{
	left: 1.6rem;
	background-image: url(../icons/buttons/right-arrow-open-dark.svg);
}

@media(any-hover: hover){
	.section_next:hover, .subpage_next:hover{
		background-image: url(../icons/buttons/right-arrow-closed.svg);
	}	

	.lightestgreen .section_next:hover, 
	.lightestgreen .subpage_next:hover,
	.lightgreen .section_next:hover,
	.lightgreen .subpage_next:hover,
	.yellow .section_next:hover,
	.yellow .subpage_next:hover,
	.orange .section_next:hover,
	.orange .subpage_next:hover, 
	.pink .section_next:hover,
	.pink .subpage_next:hover,
	.pastelyellow .section_next:hover,
	.pastelyellow .subpage_next:hover,
	.pastelorange .section_next:hover,
	.pastelorange .subpage_next:hover,
	.pastelpink .section_next:hover,
	.pastelpink .subpage_next:hover{
		left: 1.6rem;
		background-image: url(../icons/buttons/right-arrow-closed-dark.svg);
	}
}

@media(max-width: 768px){
	.section_next, .subpage_next{
		left: auto;
		right: 0;
	}
}

.section_individual_image, .subpage_individual_image{
	width: 90%;
}

@media(max-width: 768px){
	.section_individual_image, .subpage_individual_image{
		width: 100%;
	}
}

.section_individual_image img, .subpage_individual_image img{
	width: 100%;
	max-height: 90vh;
	object-fit: contain;
	object-position: left top;
}

a.section_individual_image, a.subpage_individual_image{
	text-decoration: none;
}

a.section_individual_image p.caption, a.subpage_individual_image p.caption{
	border-bottom: dashed 1px #A6A6A6;
}

a.section_individual_image:hover p.caption, a.subpage_individual_image:hover p.caption{
	background-color: #A6A6A6;
	color: #002121;
}

.section_individual_image p.caption, .subpage_individual_image p.caption{
	display: inline-block;
	font-family: 'suisse-monospace', couriernew, monospace;
	color: #A6A6A6;
	font-size: 0.45rem;
	line-height: 0.525rem;
}


.section_story.story{
	margin-top: 2rem;
}

/* columns */

.column_half{
	display: inline-block;
	position: sticky;
	position: -webkit-sticky;
	top: 5rem;
	box-sizing: border-box;
	width: 50%;
	vertical-align: top;
}

@media(max-width: 768px){
	.column_half{
		position: relative;
		width: 100%;
	}
}

#news_page .column_half{
	position: relative;
	top: 0;
}

.column_half *{
	word-wrap: break-word;
}



.extra_spacing{
	margin-bottom: 2.5rem;
}

.column_half:first-of-type{
	padding-right: 1rem;
}

.column_half:nth-of-type(2){
	padding-left: 1rem;
}

@media(max-width: 768px){
	.column_half{
		display: block;
		margin: 0 auto;
		margin-bottom: 2.5rem;
		width: 100%;
	}

	.column_half:first-of-type{
		padding-right: 0;
	}

	.column_half:nth-of-type(2){
		padding-left: 0;
	}

}

.column_half img{
	width: 90%;
}

@media(max-width: 768px){
	.column_half img{
		width: 100%;
	}
}

/* carousel */
.homepage_carousel{
	position: relative;
	height: 22rem;
	min-height: 22rem;
	width: 100%;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 5rem;
}

@media(max-width:768px){
	.homepage_carousel{
		margin-top: 2rem;
		overflow-x: hidden;
		height: 22.5rem;
		overflow-y: hidden;
		margin-bottom: 0;
	}
}

.flickity-viewport {
  position: relative;
}

.previous_button{
	position: absolute;
	left: 0rem;
	bottom: 0;
	height: 1.5rem;
	width: 2rem;
	border-radius: 0.25rem;
	z-index: 100;
	opacity: 0.8;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url(../icons/buttons/left-arrow-open.svg);
}

.next_button{
	position: absolute;
	right: 0rem;
	bottom: 0;
	height: 1.5rem;
	width: 2rem;
	border-radius: 0.25rem;
	z-index: 100;
	opacity: 0.8;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url(../icons/buttons/right-arrow-open.svg);
}

@media(max-width: 768px){
	.previous_button, .next_button{
		width: 1.6rem;
    height: 1.2rem;
		top: auto;
		bottom: 0.5rem;
	}
	.previous_button{
		margin-top: 0;
		left: 0rem;
	}

	.next_button{
		margin-top: 0;
		right: 0rem;
	}
}
@media(any-hover: hover){
	.next_button:hover{ background-image: url(../icons/buttons/right-arrow-closed.svg); }
	.previous_button:hover{ background-image: url(../icons/buttons/left-arrow-closed.svg); }
}


.home_carousel_cell{
	font-family: 'suisse-sans', arial, sans;
	vertical-align: top;
	border-radius: 0.25rem;
	box-sizing: border-box;
	padding: 0.5rem;
	height: 20rem;
	overflow: hidden;
	padding-bottom: 2rem;
	margin-right: 0.5rem;
	margin-left: 0;
	margin-bottom: 1rem;
	background-color: #002121;
	color: white;
	opacity: 0.8;
}

.home_carousel_cell *{
	color: white;
}

.home_carousel_cell.is-selected{
	opacity: 1;
}

.home_carousel_cell:nth-of-type(1){ background-color: #FCCF2E; }
.home_carousel_cell:nth-of-type(2n){ background-color: #FC8700; }
.home_carousel_cell:nth-of-type(3n){ background-color: #FF3863; }
.home_carousel_cell:nth-of-type(4n){ background-color: #5C0038; }
.home_carousel_cell:nth-of-type(5n){ background-color: #290038; }

.home_carousel_cell:nth-of-type(1) .news_item_gradient{
	background-image: linear-gradient(rgba(252, 207, 46, 0), rgba(252, 207, 46, 1));
}
.home_carousel_cell:nth-of-type(2n) .news_item_gradient{
	background-image: linear-gradient(rgba(252, 135, 0, 0), rgba(252, 135, 0, 1));
}
.home_carousel_cell:nth-of-type(3n) .news_item_gradient{
	background-image: linear-gradient(rgba(255, 56, 99, 0), rgba(255, 56, 99, 1));
}
.home_carousel_cell:nth-of-type(4n) .news_item_gradient{
	background-image: linear-gradient(rgba(92, 0, 56, 0), rgba(92, 0, 56, 1));
}
.home_carousel_cell:nth-of-type(5n) .news_item_gradient{
	background-image: linear-gradient(rgba(41, 0, 56, 0), rgba(41, 0, 56, 1));
}

/* SUBPAGES */

/* page title color classes */
.titlelightestgreen{ color: #9EFFC2; }
.titlelightgreen{ color: #00EB80; }
.titlemediumgreen{ color: #00B578; }
.titledarkgreen{ color: #004229; }
.titledarkestgreen{ color: #002121; }
.titleyellow{ color: #FCCF2E; }
.titleorange{ color: #FC8700; }
.titlepink{ color: #FF3863; }
.titlemaroon{ color: #5C0038; }
.titlepurple{ color: #290038; }
.titlepastelyellow{ color: #FDDF77; }
.titlepastelorange{ color: #FDB159; }
.titlepastelpink{ color: #FF7E9A; }
.titlepastelmaroon{ color: #95607E; }
.titlepastelpurple{ color: #74597E; }


.page_title{
	display: flex;
  justify-content: center;
  align-items: center;
	width: 100%;
	height: 100vh;
	text-align: center;
	vertical-align: center;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	color: red;
	user-select: none;
	pointer-events: none;
	z-index: -1;
	overflow-x: hidden;
}

.page_title_text{
	font-family: 'zapata-large', monospace;
	opacity: 0;
	max-width: 100%;
	overflow-x: hidden;
	transition: opacity 0.3s;
}

.subpage_blocks{

}



/* TEAM PAGE */

section#team_intro ul{
	list-style: none;
}

section#team_intro .h2_v3, section#team_intro .h2_v3 *{
	color: #D9D9D9;
}


section.subpage_headline{
	width: 90%;
	position: relative;
}



.full_width_image{
	width: 100%;
	margin: 0;
}

.team_long_read, .story_long_read{
	width: 65%;
	margin: 0 auto;
	margin-top: 5rem;
}

.story_long_read{
	margin-bottom: 5rem;
}

.team_long_read.richtext p, .story_long_read.richtext p{
	width: 100%;
}

@media(max-width: 768px){
	.team_long_read, .story_long_read{
		width: 100%;
		margin-top: 2.5rem;
	}

	.story_long_read{
		margin-bottom: 2.5rem;
	}
}

section.subpage_headline p.caption{
	margin-top: 0;
	display: block;
	max-width: 50%;
	font-family: 'suisse-monospace', couriernew, monospace;
	color: #A6A6A6;
	font-size: 0.45rem;
	line-height: 0.525rem;
}

@media(max-width: 768px){
	section.subpage_headline{
		margin-top: 8rem;
		margin-bottom: 0rem;
	}
	section.subpage_headline p.caption{
		max-width: 100%;
	}
}

.team_member{
	display: inline-block;
	box-sizing: border-box;
	padding: 0.25rem;
	/*width: 14.48rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;*/
	width: 32%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	height: 6.975rem;
	border: #00EB80 solid 2px;
	border-radius: 0.25rem;
	
	margin-bottom: 0.2rem;
	overflow: hidden;

	transition: background-color 0.2s, color 0.2s;
}

.team_member.lightgreen{
	border: #004229 solid 2px;	
}

.team_member.team_link:hover{
	background-color: #00EB80;
	color: #004229;
}

.team_member.team_link:hover h4{
	color: #004229;	
	
}

.team_member a{
	display: block;
	color: #D9D9D9;
	width: 100%;
	height: 100%;
}


@media(max-width: 768px){
	.team_member:first-of-type{
		margin-left: initial;
	}

	.team_member{
		display: block;
		width: 100%;
		margin: 0 auto; 
		margin-bottom: 0.5rem;
	}

}

.member_profile_pic{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../icons/profile-placeholder-light.svg');
	/*width: 4.84rem;*/
	width: 33%;
	height: 6.375rem;
	display: inline-block;
	vertical-align: top;
}

.member_profile_title{
	box-sizing: border-box;
	padding-left: 0.25rem;
	/*width: 7.3rem;*/
	width: 64%;
	display: inline-block;
	vertical-align: top;
}

.job_title{
 margin-top: 0.25rem;
 font-family: 'suisse-sans-reg', arial, sans;
}

@media(max-width: 768px){
	.member_profile_title{
		width: width: 7rem;
	}
}

#zapata_icon_section{
	margin-top: 5rem;
}


#zapata_emoji{
	margin: 0 auto;
	width: 6rem;
	height: 9rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-image: url('../icons/emoji-light.svg');
}


.lightestgreen #zapata_emoji,
.lightgreen #zapata_emoji,
.yellow #zapata_emoji,
.pink #zapata_emoji,
.orange #zapata_emoji,
.pastelyellow #zapata_emoji,
.pastelorange #zapata_emoji,
.pastelpink #zapata_emoji{
	background-image: url('../icons/emoji-dark.svg');	
}



/* PROFILE PAGE */

.profile_page_title{
	padding-top: 8rem;
	font-size: 1.875rem;
	font-family: 'zapata-large', couriernew, monospace;
	text-align: center;
	width: 100%;
	overflow-x: hidden;
	opacity: 0;
	transform: translate(0, 1rem);
}

@media(max-width: 768px){
	.profile_page_title{
		font-family: 'zapata-small', couriernew, monospace;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	.profile_page_parts{
		margin-top: 5rem;
	}

}



.profile_page_parts{
	padding-top: 0.5rem;
}


.profile_page_info, 
.profile_page_contents, 
.profile_page_social{
	display: inline-block;
	box-sizing: border-box;
	position: sticky;
	position: -webkit-sticky;
	vertical-align: top;
	top: 5rem;
}

.profile_page_info, .profile_page_social{
	width: 30%;
}

.profile_page_contents{
	width: 40%;
}

.profile_page_info h2{
	margin-top: 0.5rem;
	font-family: 'suisse-sans-reg';
	font-size: 1.125rem;
}

@media(max-width: 768px){
	.profile_page_info h2{
		font-size: 0.8rem;
		line-height: 1.1rem;
	}
}

.profile_page_pic{
	background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 9.075rem;
  height: 11.953125rem;
}



.profile_page_social{
	list-style: none;
	padding-left: 10%;
}

.profile_page_social li.profile_page_social_list_element{
	display: inline-block;
	margin-right: 0.25rem;
}

.profile_page_social_icon{
	display: block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.profile_page_social_icon:hover{
	opacity: 0.8;
}

@media(max-width: 768px){
	.profile_page_social_icon{
		width: 1.5rem;
		height: 1.5rem;
	}

	.profile_page_info, 
	.profile_page_social,
	.profile_page_contents{
		width: 100%;
		position: relative;
		top: 0;
	}

	.profile_page_info{
		margin-bottom: 2rem;
	}

	.profile_page_social{
		margin-top: 4rem;
		padding-left: 0;
		text-align: left;
	}

}




/* CONTACT PAGE */


#contact_intro h2{
	font-family: 'suisse-sans', arial, sans;
}

#contact_intro .h2_v3, #contact_intro .h2_v3 *{
	color: #004229;
}


#subscribe_box{
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: block;
	width: 15rem;
	height: 2rem;
	border: #002121 solid 2px;
	border-radius: 0.25rem;
}

@media(max-width: 768px){
	#subscribe_box{
		width: 100%;
	}
}
#mc_embed_signup .subscribe_title{
	padding-bottom: 4rem;
}

#mc_embed_signup div.mc-field-group input{
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	width: 90%;
	font-size: 0.9rem;
	font-family: 'suisse-sans', arial, sans;
	border-bottom: solid 2px; 
	margin-bottom: 1rem;
}

.lightestgreen #mc_embed_signup div.mc-field-group input,
.lightgreen #mc_embed_signup div.mc-field-group input,
.mediumgreen #mc_embed_signup div.mc-field-group input,
.pastelyellow #mc_embed_signup div.mc-field-group input,
.pastelorange #mc_embed_signup div.mc-field-group input,
.pastelpink #mc_embed_signup div.mc-field-group input,
.yellow #mc_embed_signup div.mc-field-group input,
.orange #mc_embed_signup div.mc-field-group input{
	color: #002121;
	border-bottom-color: #002121;
}

.lightestgreen #mc_embed_signup div.mc-field-group input::placeholder,
.lightgreen #mc_embed_signup div.mc-field-group input::placeholder,
.mediumgreen #mc_embed_signup div.mc-field-group input::placeholder,
.pastelyellow #mc_embed_signup div.mc-field-group input::placeholder,
.pastelorange #mc_embed_signup div.mc-field-group input::placeholder,
.pastelpink #mc_embed_signup div.mc-field-group input::placeholder,
.yellow #mc_embed_signup div.mc-field-group input::placeholder,
.orange #mc_embed_signup div.mc-field-group input::placeholder,
.lightestgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.lightgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.mediumgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pastelyellow #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pastelorange #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pastelpink #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.yellow #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.orange #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder{
	color: #002121;
}

.darkgreen #mc_embed_signup div.mc-field-group input,
.darkestgreen #mc_embed_signup div.mc-field-group input,
.pink #mc_embed_signup div.mc-field-group input,
.maroon #mc_embed_signup div.mc-field-group input,
.purple #mc_embed_signup div.mc-field-group input,
.pastelmaroon #mc_embed_signup div.mc-field-group input,
.pastelpurple #mc_embed_signup div.mc-field-group input,
.darkgreen #mc_embed_signup div.mc-field-group input{
	color: #ffffff;
	border-bottom-color: #ffffff; 
}

.darkgreen #mc_embed_signup div.mc-field-group input::placeholder,
.darkestgreen #mc_embed_signup div.mc-field-group input::placeholder,
.pink #mc_embed_signup div.mc-field-group input::placeholder,
.maroon #mc_embed_signup div.mc-field-group input::placeholder,
.purple #mc_embed_signup div.mc-field-group input::placeholder,
.pastelmaroon #mc_embed_signup div.mc-field-group input::placeholder,
.pastelpurple #mc_embed_signup div.mc-field-group input::placeholder,
.darkgreen #mc_embed_signup div.mc-field-group input::placeholder,
.darkgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.darkestgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pink #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.maroon #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.purple #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pastelmaroon #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.pastelpurple #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder,
.darkgreen #mc_embed_signup div.mc-field-group input::-webkit-input-placeholder{
	color: #ffffff;
}

#mc-embedded-subscribe{
  -webkit-appearance: none;
	display: block;
	width: 10rem;
	height: 2rem;
	background-color: #A6A6A6;
	cursor: pointer;
	color: #002121;
	font-family: 'zapata-medium', monospace;
	font-size: 1rem;
	border: none;
	border-radius: 0.25rem;
	text-align: center;
	line-height: 2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}


/* NEWS PAGE */

#news_page{
}

.news_item{
	display: inline-block;
	vertical-align: top;
	position: relative;
	background-color: #004229;
	border-radius: 0.25rem;
	box-sizing: border-box;
	padding: 0.5rem;
	height: 20rem;
	overflow: hidden;
	padding-bottom: 2rem;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 1rem;
}

.news_item_gradient{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.5rem;
}

.news_item a, .home_carousel_cell a{
	text-decoration: none;
	color: white;
	transition: background-color 0.2s, color 0.2s;
	border-bottom: dashed 1px #FFFFFF;
}

.news_item a:hover, .home_carousel_cell a:hover{
	background-color: white;
	color: #002121;
}

.news_item p, 
.news_item h1, 
.news_item h2, 
.news_item h3,  
.news_item h4,  
.news_item h5,  
.news_item h6,
.home_carousel_cell.news_item p, 
.home_carousel_cell.news_item h1, 
.home_carousel_cell.news_item h2, 
.home_carousel_cell.news_item h3,  
.home_carousel_cell.news_item h4,  
.home_carousel_cell.news_item h5,  
.home_carousel_cell.news_item h6{
	font-family: 'suisse-sans', arial, sans;
	color: white;
}

@media(max-width: 768px){
	.news_item *, .home_carousel_cell.news_item *{
		overflow-wrap: break-word;
	}
}

.news_item.smalltext p, 
.news_item.smalltext h1, 
.news_item.smalltext h2, 
.news_item.smalltext h3,  
.news_item.smalltext h4,  
.news_item.smalltext h5,  
.news_item.smalltext h6,
.home_carousel_cell.smalltext p, 
.home_carousel_cell.smalltext h1, 
.home_carousel_cell.smalltext h2, 
.home_carousel_cell.smalltext h3,  
.home_carousel_cell.smalltext h4,  
.home_carousel_cell.smalltext h5,  
.home_carousel_cell.smalltext h6{
	width: 85%;
	font-size: 0.9rem;
	line-height: 1.275rem;
	letter-spacing: 0.015rem;
	margin-bottom: 0.56rem;
}  


.news_item.largetext p, 
.news_item.largetext h1, 
.news_item.largetext h2, 
.news_item.largetext h3,  
.news_item.largetext h4,  
.news_item.largetext h5,  
.news_item.largetext h6,
.home_carousel_cell.largetext p, 
.home_carousel_cell.largetext h1, 
.home_carousel_cell.largetext h2, 
.home_carousel_cell.largetext h3,  
.home_carousel_cell.largetext h4,  
.home_carousel_cell.largetext h5,  
.home_carousel_cell.largetext h6{
	width: 95%;
	font-size: 1.125rem;
	line-height: 1.425rem;
	letter-spacing: 0.025rem;
	margin-bottom: 0.75rem;
}  

@media(max-width: 768px){
	.news_item.smalltext p, 
	.news_item.smalltext h1, 
	.news_item.smalltext h2, 
	.news_item.smalltext h3,  
	.news_item.smalltext h4,  
	.news_item.smalltext h5,  
	.news_item.smalltext h6,
	.home_carousel_cell.smalltext p, 
	.home_carousel_cell.smalltext h1, 
	.home_carousel_cell.smalltext h2, 
	.home_carousel_cell.smalltext h3,  
	.home_carousel_cell.smalltext h4,  
	.home_carousel_cell.smalltext h5,  
	.home_carousel_cell.smalltext h6{
		font-size: 0.7rem;
		letter-spacing: 0.025rem;
		line-height: 0.9rem;
		margin-bottom: 0.56rem;
	}  

	.news_item.largetext p, 
	.news_item.largetext h1, 
	.news_item.largetext h2, 
	.news_item.largetext h3,  
	.news_item.largetext h4,  
	.news_item.largetext h5,  
	.news_item.largetext h6,
	.home_carousel_cell.largetext p, 
	.home_carousel_cell.largetext h1, 
	.home_carousel_cell.largetext h2, 
	.home_carousel_cell.largetext h3,  
	.home_carousel_cell.largetext h4,  
	.home_carousel_cell.largetext h5,  
	.home_carousel_cell.largetext h6{
		font-size: 1rem;
		line-height: 1.2rem;
	}  
}


.yellow .news_item:nth-of-type(1),
.orange .news_item:nth-of-type(2n),
.yellow .news_item:nth-of-type(7n),
.pink .news_item:nth-of-type(3n),
.maroon .news_item:nth-of-type(4n),
.purple .news_item:nth-of-type(5n)
{ background-color: #004229; } /* yellow, orange becomes dark green */


.news_item:nth-of-type(1){ background-color: #FCCF2E; }
.news_item:nth-of-type(2n){ background-color: #FC8700; }
.news_item:nth-of-type(3n){ background-color: #FF3863; }
.news_item:nth-of-type(7n){ background-color: #FCCF2E; }
.news_item:nth-of-type(4n),
.orange .news_item:nth-of-type(4n){ background-color: #5C0038; }
.news_item:nth-of-type(5n){ background-color: #290038; }
.news_item:nth-of-type(3n){ background-color: #FF3863; }
.news_item:nth-of-type(4n){ background-color: #5C0038; }
.news_item:nth-of-type(5n){ background-color: #290038; }


.yellow .news_item:nth-of-type(1) .news_item_gradient,
.yellow .news_item:nth-of-type(7n) .news_item_gradient,
.orange .news_item:nth-of-type(2n) .news_item_gradient,
.pink .news_item:nth-of-type(3n) .news_item_gradient,
.maroon .news_item:nth-of-type(4n) .news_item_gradient,
.purple .news_item:nth-of-type(5n) .news_item_gradient
{
	background-image: linear-gradient(rgba(0, 66, 41, 0), rgba(0, 66, 41, 1));
}

.news_item:nth-of-type(1) .news_item_gradient{
	background-image: linear-gradient(rgba(252, 207, 46, 0), rgba(252, 207, 46, 1));
}

.news_item:nth-of-type(2n) .news_item_gradient{
	background-image: linear-gradient(rgba(252, 135, 0, 0), rgba(252, 135, 0, 1));
}
.news_item:nth-of-type(3n) .news_item_gradient{
	background-image: linear-gradient(rgba(255, 56, 99, 0), rgba(255, 56, 99, 1));
}

.news_item:nth-of-type(7n) .news_item_gradient{
	background-image: linear-gradient(rgba(252, 207, 46, 0), rgba(252, 207, 46, 1));
}

.news_item:nth-of-type(4n) .news_item_gradient,
.orange .news_item:nth-of-type(4n) .news_item_gradient{
	background-image: linear-gradient(rgba(92, 0, 56, 0), rgba(92, 0, 56, 1));
}
.news_item:nth-of-type(5n) .news_item_gradient{
	background-image: linear-gradient(rgba(41, 0, 56, 0), rgba(41, 0, 56, 1));
}


.news_item img{
	display: block;
	object-fit: contain;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.news_item.small,
.home_carousel_cell.small { width: 28%; }
.news_item.small img,
.home_carousel_cell.small img {	width: 80%; }
.news_item.medium,
.home_carousel_cell.medium { width: 38%; }
.news_item.medium img,
.home_carousel_cell.medium img { width: 40%; }
.news_item.large,
.home_carousel_cell.large {	width: 68%; }
.news_item.medium img,
.home_carousel_cell.medium img { width: 40%; }
.news_item.news_item_0,
.home_carousel_cell.news_item_0 {	width: 48%; }
.news_item.news_item_0 img,
.home_carousel_cell.news_item_0 img {	width: 48%; }

@media(max-width: 768px){
	.news_item.small,
	.news_item.medium,
	.news_item.large { width: 98%; height: auto; }

	.home_carousel_cell.small,
	.home_carousel_cell.medium,
	.home_carousel_cell.large{ width: 99%; }

	.news_item.small img,
	.news_item.medium img,
	.news_item.large img
	.home_carousel_cell.small img,
	.home_carousel_cell.medium img,
	.home_carousel_cell.large img{	width: 60%; }
}

.news_item_date{
	position: absolute;
	color: white;
	left: 0.5rem;
	bottom: 0.5rem;
}

.news_item_label{
	position: absolute;
	text-transform: capitalize;
	right: 0.5rem;
	bottom: 0.5rem;
	background-color: #D9D9D9;
	color: #414143;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-radius: 1rem;	
}

a.news_item_label{
	background-color: white;
	text-decoration: none;
	border-bottom: none;
	color: #414143;
}

a.news_item_label:hover{
	background-color: #D9D9D9;
	color: #414143;
}


/* STORIES PAGE */

.story{
	width: 90%;
	position: relative;
	box-sizing: border-box;
	padding: 1.5rem;
	margin: 0 auto;
	margin-bottom: 4rem;
	border-radius: 0.25rem;
}

#stories_page .story{
	background-color: #004229;
}

#stories_page.darkgreen .story{
	background-color: #00B578;
}

.story_info, .story_pinned_media{
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-bottom: 4rem;
}

@media(max-width: 768px){
	.story{
		padding: 0.5rem;
	}

	.section_story.story{
		margin-top: 0.5rem;

	}

	.story_info, .story_pinned_media{
		width: 100%;
		margin-bottom: 1rem;
	}
}

.story_info, .story_info *, .story_long_read *{
	font-family: "suisse-sans", arial, sans;
	color: white;
}

#stories_page .story_info a, #stories_page .story_long_read a{
	border-bottom-color: white;
}

#stories_page .story_info a:hover, #stories_page .story_long_read a:hover{
	background-color: white;
	color: #004229;
}


.section_story.pastelorange .story_info, 
.section_story.pastelorange .story_info *,
.section_story.lightestgreen .story_info,
.section_story.lightestgreen .story_info *,
.section_story.lightgreen .story_info,
.section_story.lightgreen .story_info *,
.section_story.mediumgreen .story_info,
.section_story.mediumgreen .story_info *,
.section_story.pastelyellow .story_info,
.section_story.pastelyellow .story_info *,
.section_story.pastelpink .story_info,
.section_story.pastelpink .story_info *,
.section_story.yellow .story_info,
.section_story.yellow .story_info *,
.section_story.orange .story_info,
.section_story.orange .story_info *{
	color: #002121;
}

h1.story_title{
	font-size: 1.35rem;
	line-height: 1.8rem;
	margin-bottom: 2rem;
	width: 99%;
}

@media(max-width: 768px){
	h1.story_title{
		font-size: 1rem;
		line-height: 1.2rem;
	}
}

.story_info hr{
	border: none;
	height: 2px;
	width: 90%;
	background-color: white;
	margin-bottom: 0.5rem;
}

@media(max-width: 768px){
	.story_info hr{
		height: 1.5px;
	}
}


.section_story.pastelorange .story_info hr,
.section_story.lightestgreen .story_info hr,
.section_story.lightgreen .story_info hr,
.section_story.mediumgreen .story_info hr,
.section_story.pastelyellow .story_info hr,
.section_story.pastelpink .story_info hr,
.section_story.yellow .story_info hr,
.section_story.orange .story_info hr{
	background-color: #002121; 
}

.story_description{
	width: 90%
}

.story_description *{
	font-weight: normal;
}


.story_pinned_media img{
	width: 100%;
}

.story_pinned_media .pinned_video{
	border: none;
	width: 100%;
	height: 12rem;
}


.download_file{
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 1rem;
	padding-top: 2rem;
	padding-bottom: 1rem;
	border-radius: 0.5rem;
	width: 90%;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border: solid 2px white;
	text-align: center;
	text-decoration: none;
	color: white;
	font-family: 'zapata-small', monospace;
	font-size: 1.05rem;
	line-height: 1.319rem;
	transition: background-color 0.1s;
}

@media(max-width: 768px){
	.download_file{
		width: 100%;
		font-family: 'zapata-small', monospace;
		font-size: 0.8rem;
		line-height: 1rem;
	}	
}

/*downloadz*/
.lightestgreen .download_file{ background-color: #00B578; }
.lightgreen .download_file{ background-color: #9EFFC2; }
.lightgreen .download_file_button{ background-color: #00B578;  }
.mediumgreen .download_file{ background-color: #004229; }
.darkgreen .download_file{ background-color: #00B578; }
.darkestgreen .download_file{ background-color: #004229; }
.yellow .download_file{ background-color: #FDDF77; }
.orange .download_file{ background-color: #FDB159; }
.pink .download_file{ background-color: #FF7E9A; }
.maroon .download_file{ background-color: #290038; }
.purple .download_file{ background-color: #74597E; }
.pastelyellow .download_file{ background-color: #FCCF2E; }
.pastelorange .download_file{ background-color: #FC8700; }
.pastelpink .download_file{ background-color: #FF3863; }
.pastelmaroon .download_file{ background-color: #5C0038; }
.pastelpurple .download_file{ background-color: #290038; }



.story .download_file{
	background-color: #002121;
}


.download_file_button{
	position: absolute;
	border-radius: 0.25rem;
	top: -1rem;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	width: 2rem;
	height: 2rem;
	background-color: #00EB80;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 68%; 
	background-image: url(../icons/arrows/download_arrow.svg);
	transition: transform 0.1s;
}

.download_file:hover{
	background-color: transparent !important;
}

.download_file:hover .download_file_button{
	transform: translateY(0.15rem);
}

.media_caption{
	font-family: "suisse-monospace", couriernew, monospace;
	margin-top: 0;
	font-size: 0.45rem;
	line-height: 0.525rem;
	width: 100%;
	color: #D9D9D9;
}

.media_caption span{
	color: #D9D9D9;	
}

.story_date{
	position: absolute;
	bottom: 1rem;
	left: 1.3rem;
	font-family: "suisse-monospace", couriernew, monospace;
	font-size: 0.52rem;
	line-height: 0.545rem;
	color: white;
}


.story_link{
	position: absolute;
	bottom: 1rem;
	right: 1.3rem;
	font-family: "suisse-monospace", couriernew, monospace;
	font-size: 0.52rem;
	line-height: 0.6rem;
	color: #414143;
	padding-top:0.15rem;
	padding-bottom:0.1rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-radius: 1rem;
}
div.story_link{ background-color: #D9D9D9; }

a.story_link{ background-color: white; text-decoration: none;}
a.story_link:hover{ background-color: #D9D9D9;}

@media(max-width: 768px){
	.story_date{
		left: 0.5rem;
	}

	.story_link{
		right: 0.5rem;
	}

	.story_date, .story_link{
		bottom: 0.5rem;
	}
}

.story_carousel{
	position: relative;
	width: 100%;
	margin-bottom: 4rem;
	height: calc(50vh + 2rem);
	overflow-x: hidden;
	overflow-y: hidden;
}

@media(max-width: 768px){
	.story_carousel{
		height: 14rem;
		margin-bottom: 2rem;
	}
}

.story_nav{
	position: absolute;
	bottom: 0;
	height: 1.5rem;
	width: 2rem;
	z-index: 100;
	opacity: 1;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

@media(max-width: 768px){
	.story_nav{
		width: 1.6rem;
    height: 1.2rem;
	}
}

.story_nav:hover{
	opacity: 1;
}

.story_prev{
	left: 0rem;
	background-image: url(../icons/buttons/left-arrow-open.svg);
}

.story_next{
	right: 0rem;
	background-image: url(../icons/buttons/right-arrow-open.svg);
}

@media(any-hover: hover){
	.story_prev:hover{
		background-image: url(../icons/buttons/left-arrow-closed.svg);		
	}

	.story_next:hover{
		background-image: url(../icons/buttons/right-arrow-closed.svg);		
	}
}

.story_carousel_cell{
	height: 50vh;
	opacity: 0.8;
	box-sizing: border-box;
	padding-right: 0.5rem;
}

@media(max-width: 768px){
	.story_carousel_cell{
		height: 12rem;
	}
}

.gallery_video{
	width: 100%;
	height: 14rem;
	border: none;
	max-height: calc(50vh - 2rem);
}

.story_fullwidth .gallery_video{
	height: calc(50vh - 2rem);
}

@media(max-width: 768px){
	.gallery_video,
	.story_fullwidth .gallery_video{
		height: 10rem;
	}
}


a.story_carousel_cell{ text-decoration: none; }

a.story_carousel_cell p.media_caption{
	width: auto;
	text-decoration: none;
}
a.story_carousel_cell p.media_caption span{
	border-bottom: dashed 1px #A6A6A6;
}

a.story_carousel_cell p.media_caption span:hover{
	background-color: #A6A6A6;
	color: #004229;
}

@media(max-width: 768px){
	.story_carousel_cell{
		padding-right: 0;
	}
}

.story_carousel_cell.is-selected{
	opacity: 1;
}

.story_carousel_cell img{
	object-fit: contain;
	width: 100%;
	max-height: calc(50vh - 2rem);
}

@media(max-width: 768px){
	.story_carousel_cell img{
		max-height: 12rem;
	}
}

.story_halfwidth{
	width: 50%;
}

@media(max-width: 768px){
	.story_halfwidth{
		width: 100%;
	}	
}

.story_halfwidth img{
	object-position: left top;
}

.story_fullwidth{
	width: 100%;
}

.story_fullwidth img{
	object-position: left top;
}

.story_single_file{
	margin-bottom: 4rem;
}

.story_single_file.story_fullwidth img{
	width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center top;
}

.story_single_file.story_fullwidth .gallery_video{
	width: 100%;
	height: 25rem;
	max-height: initial;
}

.story_single_file.story_halfwidth .gallery_video{
	width: 100%;
	height: 12rem;
	max-height: initial;
}

@media (max-width: 768px){
	.story_pinned_media .pinned_video,
	.story_single_file.story_fullwidth .gallery_video,
	.story_single_file.story_halfwidth .gallery_video{
		height: 10rem;
	}
}



.story_condensed{
	position: relative;
	height: 11.5rem;
	transition: height 0.1s;
	cursor: pointer;
}

.overflow_wrapper{
	transition: height 0.1s;
}

.story_condensed .overflow_wrapper{
	height: 10rem;
	overflow-y: hidden;
	overflow-x: hidden;
}

.story_condensed:hover{
	height: 11.75rem;
}

.story_condensed:hover .overflow_wrapper{
	height: 10.25rem;
}

.overflow_wrapper *{
	transition: opacity 0.5s;
}

.overflow_wrapper .download_file_button{
	transition: opacity 0.5s, transform 0.1s;
}

.overflow_wrapper .story_carousel_cell{
	transition: opacity 0s;
}

.story_condensed .overflow_wrapper *,
.story_condensed .overflow_wrapper .story_info hr{
	opacity: 0.5;
}

.story_condensed .overflow_wrapper .story_info,
.story_condensed .overflow_wrapper .story_title, 
.story_condensed .story_date{
	opacity: 1;
}

.story_condensed_button{
	position: absolute;
	bottom: -1rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 2rem;
	height: 2rem;
	background-color: #D8D8D8;
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	background-image: url(../icons/arrows/expand.svg);
	border-radius: 0.25rem;
}

.story_condensed:hover .story_condensed_button{
	opacity: 1;
}

#emiliano{
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	transform: rotate(90deg) scale(0.7);
}
#emiliano:hover{
	transform: rotate(80deg) scale(0.7);
}

.easter_egg{
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	z-index: 999999999999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #FF3863;
	line-height: 0.18rem;
	font-size: 0.165rem;
	display: flex;
	align-items: center;
  justify-content: center;
	transition: opacity 1s;
}

#zc-brand-pattern{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.easter_egg code{
	margin: 0 auto;
}

.easter_egg.revealed{
	/*display: block;*/
	pointer-events: initial;
	visibility: visible;
	opacity: 1;
	cursor: pointer;
	
}

@media(max-width: 768px){
	#error_page{
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}
}

.easter_egg.revealed.error{
	position: relative;
	top: 2rem;
	height: auto;
	margin-bottom: 2rem;
	display: block;
	z-index: 9999999999;
}