/*   
Theme Name: GSO35
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; color: #0F2816;}

a{ color: #03f;}
a:hover, a:focus{ color: #69f;}
.button, button{ -webkit-appearance: none; display: inline-block;}
.button:hover, button:hover, .button:focus, button:focus{}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{}

.content{}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}

.sidebar{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{ text-align: center; margin-bottom: 100px; font-size: 12px; letter-spacing: .05em;}
.footer img{ max-width: 125px; margin-bottom: 20px;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.lity-close{ position: absolute !important; top: -30px !important; right: -40px !important;}

.error404{ padding: 250px 0 0; text-align: center; font-size: 21px; line-height: 34px;}
.error404 h1{ font-size: 100px; line-height: 100px;}
.error404 .button{ background-color: #58ba47; color: #fff; font-size: 21px; line-height: 21px; letter-spacing: .075em; padding: 25px 50px; border-radius: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; transition: all .3s ease 0s; margin: 60px 0 100px;}
.error404 .button:hover{ background-color: #0F2816; transition: all .3s ease 0s;}


/* Homepage */

body{ position: relative;}
.header{ position: absolute; top: 30px; left: 0; right: 0; margin: auto; z-index: 1;}
.header .container{ max-width: 90%; justify-content: space-between; align-items: center;}
.header .container img{ max-width: 30px;}
.header .container img:nth-of-type(2){ max-width: 150px;}

.home{ overflow-x: hidden;}

.home .hero{ width: 100%; height: 100vh; background-image: url(images/hero.jpg); background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column;}
.home .hero #countdown{ margin-bottom: 25px; text-transform: uppercase; display: flex; justify-content: center; font-weight: 700; font-size: 60px; margin-left: 18px;}
.home .hero #countdown span{ display: flex; min-width: 80px; align-items: center; text-align: center;}
.home .hero #countdown span:after{ content: ""; display: block; width: 26px; height: 1px; background-color: #0F2816; margin: 0 10px;}
.home .hero #countdown span:nth-last-of-type(1):after{ display: none; margin: 0;}
.home .hero img{ max-width: 170px; transition: all .3s ease 0s;}
.home .hero img:hover{ max-width: 180px; transition: all .3s ease 0s;}

.home .intro{ padding-top: 150px; font-size: 21px; line-height: 34px;}
.home .intro .wrapper{ max-width: 800px; border-left: 1px solid #0F2816; padding: 0 0 150px 30px; margin-bottom: -25px; position: relative; z-index: 2;}
.home .intro img{ width: 100%; margin-bottom: -10px;}

.home .about{ background-image: url(images/green-bkg.jpg); background-size: cover; background-position: center center; color: #fff; padding: 120px 0 150px;}
.home .about .container{ justify-content: space-between; align-items: flex-start;}
.home .about .about-headline{ width: 25%;}
.home .about .about-headline h2{ font-size: 36px; line-height: 42px;text-align: right;}
.home .about .about-content{ width: 70%; font-size: 21px; line-height: 36px;}
.home .about .about-content p:nth-of-type(1){ margin-top: 0;}
.home .about .about-quotes{ margin-top: 100px;}
.home .about .about-quotes h2{ text-align: center; color: #0F2816; font-size: 36px; margin-bottom: 30px;}
.home .about .quotes{ background-image: url(images/green-blob.png); background-size: cover; background-position: center center; max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0 15%; display: flex; align-items: center;}
.home .about .quotes:after{ content: ""; padding-bottom: 40%; display: block;}
.home .about .quotes blockquote{ font-size: 21px; line-height: 34px; text-align: center;}
.home .about .quotes blockquote:before{ content: "“";}
.home .about .quotes blockquote:after{ content: "”";}

.home nav{ background-color: #0F2816; padding: 45px 0;}
.home nav ul{ margin: 0; font-size: 14px; line-height: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .075em; display: grid; grid-template-columns: repeat(5,1fr); width: 100%; list-style: none; text-align: center; float: none;}
.home nav a{ color: #58ba47; transition: all .2s ease 0s;}
.home nav a:hover{ color: #fff; transition: all .2s ease 0s;}
.home nav.fixed-nav{ position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.nav-placeholder { width: 100%; }

.home .initiatives h2{ font-size: calc(100vw /7.5); line-height: calc(100vw /4.6); text-align: center; text-transform: uppercase;}
.home .initiatives .initiative-intro{ min-height: 100vh; display: flex; align-items: stretch; justify-content: space-between;}
.home .initiatives .initiative-visual, .home .initiatives .initiative-quote, .home .initiatives .initiative-container .initiative-overview, .home .initiatives .initiative-container .initiative-points{ width: 50%; box-sizing: border-box;}
.home .initiatives .initiative-visual{ background-size: cover; background-position: bottom center;}
.home .initiatives .initiative-quote{ display: flex; justify-content: center; flex-direction: column; padding: 150px 7.5% 150px 10%;}
.home .initiatives .initiative-quote .lede{ text-transform: uppercase; font-weight: bold; letter-spacing: .1em; font-size: 14px; margin-bottom: 30px;}
.home .initiatives .initiative-quote blockquote{ font-size: 21px; line-height: 34px; border-left: 1px solid #0F2816; padding-left: 30px; position: relative;}
.home .initiatives .initiative-quote blockquote:after{ content: "“"; position: absolute; top: 15px; left: -55px; font-size: 100px; font-family: Arial, sans-serif; color: #58ba47;}

.home .initiatives .initiative-container{ display: flex; justify-content: space-between; margin-top: 10px;}
.home .initiatives .initiative-container .initiative-overview{ padding: 100px 7.5%;}
.home .initiatives .initiative-container .initiative-overview{ font-size: 24px; line-height: 36px;}
.home .initiatives .initiative-container .initiative-overview h3{ font-size: 60px; line-height: 60px;}
.home .initiatives .initiative-container .initiative-points{ background-color: #0F2816; color: #fff; padding: 100px 5% 100px 5%;}
.home .initiatives .initiative-container .initiative-points .single-point{ margin-bottom: 45px; font-size: 18px; line-height: 26px; font-weight: 400; position: relative;}
.home .initiatives .initiative-container .initiative-points .single-point:nth-last-of-type(1){ margin-bottom: 0;}
.home .initiatives .initiative-container .initiative-points h3{ font-size: 30px;}
.home .initiatives .initiative-container .initiative-points h4{ font-size: 16px; letter-spacing: .075em; color: #58ba47; margin-top: 15px; text-transform: uppercase;}
.home .initiatives .initiative-container .initiative-points h4 + p{ margin-top: 5px;}
.home .initiatives .initiative-container .single-point img{ position: absolute; left: -18%; top: -15px; width: 70px;}

.home .signoff{ min-height: 100vh; background-image: url(images/signoff.jpg); background-size: cover; background-position: center center; display: flex; align-items: center; flex-direction: column;}
.home .signoff .container{ background-color: #fff; max-width: 1200px; box-sizing: border-box; padding: 100px 60px; margin: 150px auto; border-radius: 30px; justify-content: space-between;}
.home .signoff .signoff-intro, .home .signoff .signoff-content{ width: 46%;}
.home .signoff .signoff-intro{ font-size: 26px; line-height: 45px;}
.home .signoff .signoff-intro p:nth-of-type(1){ margin-top: 0;}
.home .signoff .signoff-intro img{ display: block; width: 400px; margin: 60px auto 0;}
.home .signoff .signoff-content{ text-align: center;}
.home .signoff .signoff-content h2{ color: #58ba47; font-size: 16px; text-transform: uppercase; letter-spacing: .1em;}
.home .signoff .single-stat{ margin-top: 30px;}
.home .signoff .single-stat .number{ font-size: 48px; font-weight: 700; display: block;}
.home .signoff .single-stat .label{ font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: .075em;}

.home .map{ min-height: 100vh; padding: 100px 0 150px; text-align: center;}
.home .map img{ width: 900px; margin: 0 auto; display: block;}
.home .map .button{ background-color: #58ba47; color: #fff; font-size: 21px; line-height: 21px; letter-spacing: .075em; padding: 25px 50px; border-radius: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; transition: all .3s ease 0s;}
.home .map .button:hover{ background-color: #0F2816; transition: all .3s ease 0s;}

.home .sponsors{ text-align: center; padding-bottom: 100px;}
.home .sponsors .wrapper{ max-width: 960px;}
.home .sponsors h2{ font-size: 24px; margin-bottom: 45px;}
.home .sponsors .sponsor-grid{ display: grid; grid-template-columns: repeat(5,1fr); gap: 60px;}
.home .sponsors .sponsor-grid .single-sponsor{ display: flex; align-items: center; justify-content: center;}
.home .sponsors .sponsor-grid .single-sponsor:after{ content: ""; padding-bottom: 100%; display: block;}
.home .sponsors .sponsor-grid .single-sponsor img{ max-width: 120px; max-height: 65px;}



/* Media queries */

@media (max-width: 960px) {
	.home .intro{ padding-top: 80px;}
	.home .intro .wrapper{ padding: 0 7.5% 150px; border: none; box-sizing: border-box;}
	.home .about .container{ flex-direction: column; width: 100%; padding: 0 7.5%; box-sizing: border-box;}
	.home .about .about-headline, .home .about .about-content{ width: 100%; text-align: center; font-size: 21px; line-height: 34px;}
	.home .about .about-headline h2{ text-align: center; margin-bottom: 25px; font-size: 30px; line-height: 34px;}
	.home .about .about-quotes .wrapper{ width: 100%;}
	.home .about .about-quotes h2{ font-size: 24px; padding: 0 5%;}
	.home .about .quotes::after{ padding-bottom: 100%;}
	.home .about .quotes blockquote{ font-size: 18px; line-height: 30px; display: flex;}
	.home nav, .home .nav-placeholder{ display: none !important;}
	.home .initiatives .initiative-intro, .home .initiatives .initiative-container{ flex-direction: column;}
	.home .initiatives .initiative-visual:after{ content: ""; padding-bottom: 100%; display: block;}
	.home .initiatives .initiative-visual, .home .initiatives .initiative-quote, .home .initiatives .initiative-container .initiative-overview, .home .initiatives .initiative-container .initiative-points{ width: 100%;}
	.home .initiatives .initiative-quote blockquote{ padding: 0; border: none;}
	.home .initiatives .initiative-quote blockquote::after{ content: "";}
	.home .initiatives .initiative-quote{ padding: 45px 7.5% 60px;}
	.home .initiatives .initiative-intro, .home .map, .home .signoff{ min-height: 0;}
	.home .initiatives .initiative-container .initiative-overview{ padding-top: 0;}
	.home .initiatives .initiative-container .initiative-overview h3{ font-size: 42px; line-height: 42px;}
	.home .initiatives .initiative-container .initiative-points{ padding: 100px 10% 100px 17.5%;}
	.home .initiatives .initiative-container .single-item img{ width: 50px; left: -20%; top: -5px;}
	.home .signoff .container{ flex-direction: column; width: 85%; padding: 60px 45px;}
	.home .signoff .signoff-intro, .home .signoff .signoff-content{ width: 100%;}
	.home .signoff .signoff-intro{ font-size: 21px; line-height: 34px;}
	.home .map .button{ font-size: 16px; line-height: 16px;}
	.home .sponsors .sponsor-grid{ grid-template-columns: repeat(3,1fr);}
	.home .about{ padding: 100px 0 30px;}
	.home .signoff .signoff-intro img{ margin-bottom: 60px;}
}

@media (max-width: 600px) {
	.home .hero #countdown span{ font-size: 30px;}
	.home .hero #countdown span:after{ width: 15px;}
	.home .signoff .single-stat .number{ font-size: 36px;}
	.home .initiatives .initiative-container .single-point img{ left: -20%; width: 50px; top: -5px;}
	.home .sponsors .sponsor-grid{ grid-template-columns: repeat(2,1fr); gap: 30px;}
	.lity-close{ top: 15px !important; right: 15px !important;}
}