/*
Theme Name: Edge 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 Edge Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 9999
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

h1 {margin: 0; padding: 0; font-weight: normal; font-size: 1em}

h2 {font-size: 1.5em; color: #006496; margin: 0px 0px 15px 0px; line-height: 1.2em;}

h3 {font-weight: 700;font-size: 1.125em;}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #009a78; text-decoration: none}
a:hover {color: #006496; text-decoration: underline;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.3em; background-color: #fff; overflow-x: hidden; font-family: open-sans, sans-serif; font-weight: 400}
.wrap, .single-post article{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}

#mobile{display: none; z-index: 1021; width: 25px; height: 25px; position: fixed; right: 4%; top: 20px; background: transparent url('images/mobile.png') 0 0 no-repeat;}
.admin-bar #mobile {top: 60px;}
#mobile.active{background-position: 0 -51px; position: fixed;}
.mobile-logo{display: none}
#mobile-nav{display: none}

@media (min-width: 841px){
.page-content{margin-left: 0 !important}
#mobile-nav{display: none !important}
}
@media (max-width: 840px){
#mobile{display: block; }
}

#mobile-nav{
display: block;
height: 100%; /* 100% Full-height */
margin-left: 100%; /* 0 width - change this with JavaScript */
position: fixed; 
z-index: 1020; /* Stay on top */
top: 0; /* Stay at the top */
background-color: #006496; /* Black*/
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 60px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
z-index: 1000;
}

.page-content{position: relative; transition: .5s; padding-top: 110px;}


#hero{width: 100%; background-color: rgba(255,255,255, 1); position: fixed; z-index: 999; top: 0}
.admin-bar #hero {top: 30px;}
#hero .nav-bar{padding: 0; height: 110px;}
#hero .logo{width: 170px; float: left; margin-left: 40px; margin-top: 52px;}
#hero .wrap{position: relative; overflow: visible; z-index: 10; background-color: #fff; height: 100%; padding: 0}
#hero .background-left{width: 100%; height: 65px; position: absolute; bottom: 0; left: 0; background: transparent url('images/gray-angle-header.png') top left repeat-x;}
#hero .background-right{width: 50%; height: 65px; position: absolute; bottom: 0; right: 0; background: none;}
#hero .shadow{display: block; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; z-index: 11; pointer-events: none; 
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);}



#hero ul#utility-nav{position: absolute; top: 0; right: 4%}
#hero ul#utility-nav li{display: inline-block; margin-left: 25px; font-weight: 700; font-size: .875em; color: #009a78;}
#hero ul#utility-nav li:first-child{margin-left: 0}
#hero ul#utility-nav a{font-size: 1em; color: #009a78; text-transform: uppercase; display: inline-block; padding: 13px 0 0 0;}
#hero ul#utility-nav li:last-child span{font-size: 1.286em}

ul.utility-nav{margin: 0; padding: 0 0 0 3%; width: 42%;}
ul.utility-nav li{display: block; font-weight: 700; font-size: .875em; text-align: center;}
ul.utility-nav a{font-size: 1em; color: #fff; text-transform: uppercase; display: block; padding: 10px 0;}
ul.utility-nav li:last-child{display: none;}


#hero ul#primary-nav{float: right; margin-top: 45px; width: 80%; text-align: right;}
#hero ul#primary-nav li{display: inline-block; position: relative; margin-left: 2px; width: 24%; text-align: center; background-color: #006496;}
#hero ul#primary-nav li:first-child{margin-left: 0}
#hero ul#primary-nav a{display: block; position: relative; z-index: 100;  line-height: 1em; font-weight: 700; font-size: 1.35em; padding: 12px 0 8px 0px; height: 45px; color: #fff; text-transform: uppercase; background: #006496 url('images/nav-border.png') top left no-repeat; }

#hero ul#primary-nav a:hover{color: #009a78;}

#hero ul#primary-nav a span{display: block; text-transform: none; font-weight: 400; font-size: .667em}
#hero ul#primary-nav a:hover{text-decoration: none}

ul.primary-nav{position: static; width: 43%; margin: 0; padding: 0 0 0 3%; margin-bottom: 50px;}
ul.primary-nav li{display: block; width: 100%; text-align: center; border-bottom: 1px solid #009a78}
ul.primary-nav li a:after{content: "\f105"; font-weight: 400; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 30px; right: 4%; color: #009a78;}
ul.primary-nav li ul li a:after{content: none}
ul.primary-nav a{display: block; position: relative; z-index: 100;  line-height: 1em; font-weight: 700; font-size: 1.5em; padding: 20px 0; height: 45px; color: #fff; text-transform: uppercase; }
ul.primary-nav a span{display: block; text-transform: none; font-weight: 400; font-size: .667em}
ul.primary-nav a:hover{text-decoration: none}

ul.primary-nav ul{display: none; position: absolute; top: -60px; bottom: 0; left: 57%; width: 80%; 
background-color: #5a666f; overflow-x: hidden; padding-top: 60px; transition: .5s;
z-index: 1001; height: 140%; -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.35);}
ul.primary-nav ul a{font-size: .95em; text-transform: none; text-align: left; height: auto;}
ul.primary-nav ul ul{display: block; position: relative; height: auto; margin-bottom: 20px; padding: 0; top: auto; bottom: auto; left: auto; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
ul.primary-nav ul ul li a{font-size: .875em; font-weight: 400; padding: 10px 0;}
ul.primary-nav ul ul li{border: 0; padding-left: 20px; position: relative;}
ul.primary-nav ul ul li:before{content: '\00b7'; position: absolute; top: 20%; left: 0; color: #fff; font-size: 1.5em }



#mobile-nav .sub-menu-close{position: absolute; top: -50px; left: 50%; width: 5%; z-index: 1003;
color: #009a78; text-align: center; padding-top: 0px; text-align: center; font-size: 1.5em}
#mobile-nav .sub-menu-close span{display: block; text-align: left; padding: 70px 20px;}
#mobile-nav .sub-menu-close:hover{cursor: pointer; color: #fff}
.mobile-nav-wrap{transition: all .5s ease; position: absolute; width: 200%; background-color: #006496; padding-bottom: 500px;}

#hero .search{position: absolute; top: 0; right: 2%; display: none; width: 70%; opacity: 1}
#hero .search input[type="submit"], #hero .search .screen-reader-text{display: none}
#hero .search input[type="search"]{padding: 10px 4%; color: #009a78; font-size: 1.2em; width: 100%; border: 1px solid #fff; background-color: #f2f2f2;}

#hero .search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #009a78;
opacity: 1;
}
#hero .search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
color: #009a78;
opacity: 1;
font-family: open-sans, sans-serif;
}
#hero .search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
color: #009a78;
opacity: 1;
}
#hero .search input[type="search"]:-moz-placeholder { /* Firefox 18- */
color: #009a78;
opacity: 1;
}


#hero .search span.fa{display: block; color: #009a78; text-transform: none; font-weight: 700; font-size: 1.1em; position: absolute; right: 3%; top: 14px;}
#hero .search span.fa{text-decoration: none}



@media (max-width: 1160px){
#hero ul#primary-nav{max-width: 770px;}
#hero ul#primary-nav li{width: 24%}
}

@media (max-width: 1160px) and (min-width: 841px){
	.hero-video .main-wrap {height: 53vw;}
	#hero ul#primary-nav a {font-size: 18px !important;}
	#hero ul#primary-nav {margin-top: 3vw !important;}
}

@media (max-width: 1075px){
#hero ul#primary-nav{max-width: 700px;}
#hero ul#primary-nav li{width: 24%}
}

@media (max-width: 1020px){
#hero ul#primary-nav{max-width: 600px; font-size: 0}
#hero ul#primary-nav a{font-size: 1.2em; padding-top: 15px; padding-bottom: 5px;}
#hero ul#primary-nav li{font-size: 16px; }

}


@media (max-width: 900px){
#hero ul#primary-nav{max-width: 550px;}
}


@media (max-width: 840px){
#hero ul#primary-nav, #hero ul#utility-nav,#hero .background-left, #hero .background-right{display: none;}
#hero .nav-bar{padding: 0; height: 65px;}
#hero .logo{margin-top: 10px; margin-left: 0px;}
.page-content{padding-top: 65px;}
}

#hero ul#primary-nav ul{display: none; z-index: 10; position: absolute; top: 65px; left: 0; right: 0; 
background-color: #fff; padding: 0 20px; margin: 0; -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
#hero ul#primary-nav ul li{display: block; text-align: left; margin: 0; padding: 0; width: 100%; background-color: #fff}
#hero ul#primary-nav ul li a{background-image: none; background-color: #fff; display: block; color: #006496; font-size: 1.063em; padding: 10px 0px; border-bottom: 1px solid #e8e8e8; height: auto; text-transform: none; line-height: 1.125em;}
#hero ul#primary-nav ul li a:hover{color: #009a78}

#hero ul#primary-nav ul ul{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; top: auto; left: auto; right: auto; font-size: 1em; padding-left: 20px;}
#hero ul#primary-nav ul ul li a{font-weight: 400; text-transform: none; font-size: .938em; border-bottom: 0;}
#hero ul#primary-nav ul ul li a:before{content: "\00b7"; color: #006496; font-size: 2em; position: absolute; left: -15px;}
#hero ul#primary-nav ul li.menu-item-has-children a{border-bottom: 0}
#hero ul#primary-nav ul li.menu-item-has-children{border-bottom: 1px solid #e8e8e8}


.btn{color: #fff; font-size: 1em; margin: 30px 0 0 0; text-transform: uppercase; font-weight: 700; background: url('images/link-border.png') top left no-repeat; display: block; text-align: center; line-height: 70px; width: 270px; height: 70px;}
.btn.small{background: url('images/link-border-small.png') top left no-repeat; height: 50px; width: 170px; line-height: 50px;}
.btn-green{background-image: url('images/link-border-green.png'); color: #009a78; font-size: .8em}
.btn.small.green{background-image: url('images/link-border-green-small.png'); color: #009a78; height: 50px; width: 170px; line-height: 50px;}


.hero{border-bottom: 55px solid #fff; position: relative;}
.hero div.background{position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; height: 860px;}
.hero .content{position: absolute; bottom: -55px; height: 500px; color: #f2eee2; width: 100%; overflow: hidden;  padding-bottom: 100px;}
.hero .content .wrap{z-index: 1; overflow: visible; max-width: 1170px; width: 92%; padding: 0 4%;}
.hero .content .c-wrap{max-width: 635px; margin-left: 120px; position: relative; z-index: 1}
.hero .content h1{font-size: 6em; line-height: 1em; padding: 65px 0px 20px 0px; font-weight: 700;}
.hero .content .description{font-size: 1.45em; line-height: 1.6em;}
.hero .background-block{position: absolute; top: 0; left: -4%; bottom: 0; background: url('images/blue-transparent-edge.png') top right no-repeat; width: 1000px; height: 620px; overflow: hidden}
.hero .gray-angle{width: 30%; height: 55px; position: absolute; bottom: -55px; right: 0; background: transparent url('images/gray-pattern.png') top left repeat-x;}
.hero .gray-angle span{display: block; width: 59px; height: 100%; background: #fff url('images/gray-angle.png') top left no-repeat;}

@media screen and (max-width: 840px){
.home{background-color: #fff;}
.hero{margin-bottom: 250px;}
.hero .content h1{font-size: 5em}	
.hero .content .description{font-size: 1.375em }
.hero div.background{height: 700px;}
.hero .background-block{left: -100px;}
.hero .content .c-wrap{margin-left: 65px}
.hero .content h1{margin-left: 0px; padding-top: 20px; padding-bottom: 30px;}
.hero div.background{height: 400px;}
.hero .content{top: 280px; height: 360px;}
.mobile-angle{display: block; width: 72px; height: 72px; 
background: transparent url('images/mobile-why-angle.png') top left no-repeat;
position: absolute; bottom: -340px; right: 0; z-index: 10; 
}
}


@media screen and (max-width: 620px){
.hero .content .c-wrap {margin-left: 0px;}
.hero .content .description{font-size: 1.063em; line-height: 1.5em;}
.hero .content h1{font-size: 2.5em; margin-left: 0px; padding-top: 85px; padding-bottom: 20px;}
.hero div.background{height: 200px;}
.hero .content{top: 140px; height: 260px;}
.hero .background-block{left: -130px;}
.mobile-angle{bottom: -300px}
}

@media screen and (max-width: 440px){
.hero .content{height: 350px;}
.hero{margin-bottom: 350px;}
.mobile-angle{bottom: -400px}
.hero .background-block {
height: 440px;
}

}



footer{position: relative; padding: 50px 0 0 0; color: #fff; overflow: hidden; clear: both; background: #3d474e url('images/footer-pattern.jpg') top center no-repeat; background-size: cover;}
footer .wrap{position: relative; z-index: 90}
footer .logo{position: absolute; top: 0; width: 35%; margin-top: 85px; max-width: 500px;}
footer .contact-info{margin-left: 36%; padding: 35px 0; margin-bottom: 45px; font-size: 1.063em; width: 22%; float: left; border-right: 1px solid #006496}
footer .contact-info h3{font-size: 1.412em; text-transform: uppercase; font-weight: 700; margin-bottom: 5px;}
footer .contact-info a{color: #fff}
footer .nav{width: 12%; padding: 35px 0; float: left; margin-left: 4%}
footer .nav a{display: inline-block; text-transform: uppercase; color: #fff; font-weight: 700; font-size: .875em; margin-bottom: 5px;}
footer .block-3{padding: 35px 0; font-size: 1.5em; line-height: 1.3em; width: 25%; float: left;}
footer .copyright-wrap{background-color: #3d474e; clear: both; color: #fff; overflow: hidden }
footer .copyright{font-size: .813em; float: left; padding: 25px 0px;}

footer .social{float: right; padding-top: 15px;}
footer .social a{font-size: 2.5em; color: #fff;}
footer .social li{display: inline-block; margin-right: 15px;}
footer .social li:last-child{margin-right: 0}

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

footer .nav{width: 25%;}
footer .contact-info{width: 30%;}
footer .block-3{clear: both; margin-left: 35%; width: 50%;}


}

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

footer .nav,
footer .contact-info,
footer .block-3{border: 0; margin: 0 0 0 50%; width: 50%; clear: both; border-bottom: 1px solid #006496}

}

@media only screen and (max-width: 620px){
footer{padding-top: 80px;}
footer .logo{width: 38%; margin-top: 35px; margin-left: 15px;}
footer .nav,
footer .contact-info,
footer .block-3{width: 100%; margin: 0;}
footer .social, footer .copyright{float: none;}
footer .social{margin-bottom: 20px;}



}



.cta{clear: both}
.cta-wrap{color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.cta-wrap .wrap{max-width: 970px; min-height: 445px; position: relative;}
.cta-wrap .content{width: 470px; height: 100%; position: absolute; top: 0; bottom: 0; }
.cta-wrap h2{font-size: 2.375em; font-weight: 500; line-height: 1.3em; color: #fff;}
.cta-wrap .description{font-size: 1.063em; line-height: 1.5em;}
.cta-wrap.cta-center .content{max-width: 100%; text-align: center;}
.cta-wrap.cta-center .description{font-size: 1.875em; color: #682046}

.cta-wrap .t{display: table; height: 100%; max-width: 470px; position: absolute; top: 0; left: 0; bottom: 0}
.cta-wrap .td{display: table-cell; vertical-align: middle;}
.cta-wrap.cta-right .content{right: 4%}
.cta-wrap.cta-center .wrap{min-height: 0; padding: 100px 0;}
.cta-wrap.cta-center .content{width: 100%; position: relative; top: auto; bottom: auto;}
.cta-wrap.cta-center .t{display: block; max-width: 100%; position: relative;}
.cta-wrap.cta-center .td{display: block;}

.cta-wrap .btn:hover{color: #fff}

.c-wrap .btn:hover{color: #fff}

@media screen and (max-width: 720px){
.cta-wrap .description{font-size: 1.125em }
.cta-wrap .wrap{min-height: 0; clear: both; padding: 90px 0;}
.cta-wrap .content, .cta-wrap.cta-right .content{max-width: 470px; width: 100%; right: auto; position: relative;}
.cta-wrap .t, .cta-wrap .content{position: relative; top: auto;}
}



#category-list{padding: 32px 0; overflow: hidden; margin: 0 auto; background-color: #fff}
#category-list .wrap{max-width: 970px;}
#category-list h3{width: 160px; display: inline-block; font-size: 1em; margin-right: 2%; color: #006496; text-transform: uppercase;}
#category-list ul{list-style-type: none; display: block; margin: 0; padding: 0; text-align: center; }
#category-list ul li{display: inline-block; margin: 0 1%}
#category-list ul li a{color: #009a78; font-size: 1em; font-weight: bold}
#category-list ul li a:hover, #category-list ul li.active a{border-bottom: 1px solid #009a78; text-decoration: none}

.single-post article{max-width: 970px; padding-bottom: 40px;}
.single-post article h1{font-size: 2.375em; font-weight: bold; color: #009a78; line-height: 1em;}
.single-post article header img{margin-bottom: 30px; width: 100%;}
.single-post article .meta{overflow: hidden; padding: 30px 0 40px 0; border-bottom: 1px solid #dadada}
.single-post article .date, .single-post .categories h4{float: left; font-size: 1em; color: #006496; margin-right: 10px;}
.single-post article .categories{list-style-type: none; margin: 0; padding: 0;}
.single-post article .categories li{display: inline-block; margin-right: 10px; font-size: 1em; color: #009a78;}
.single-post span.divider{display: inline-block; float: left; color: #abd35e; font-size: 1.125em; margin: 0 10px; }

.single-post article .content{font-size: 1.25em; color: #5a666f; line-height: 1.5em; margin: 30px 0 40px 0;}
.post-navigation{background-color: #fff; padding: 55px 0; overflow: hidden}
.post-navigation .wrap{max-width: 970px;}
.post-navigation a{font-size: 3.438em; color: #009a78}
.post-navigation a:hover{color: #006496}
.post-navigation .previous{float: left}
.post-navigation .next{float: right}

#main-events-list a:hover, #main-news-list a:hover{text-decoration: underline}

#main-events-list{background-color: #fff;}
#main-events-list .upcoming, #main-events-list .past{padding-bottom: 10px;}
#main-events-list .wrap{max-width: 1070px;}
#main-events-list article:first-child{padding-top: 0}
#main-events-list article{padding: 55px 0; border-bottom: 1px solid #cdcdcd; overflow: hidden;}
#main-events-list .details{float: left; width: 60%;}
#main-events-list h2{font-size: 2.375em; font-weight: bold; color: #009a78; line-height: 1.125em;}
#main-events-list h3{font-size: 1.75em; font-weight: bold; color: #006496; line-height: 1em; padding-bottom: 0px;}
#main-events-list .image{display: block; background-size: cover; background-position: center center; position: relative; overflow: hidden; width: 37%; float: right; line-height: 0}
#main-events-list .image .placeholder{width: 100%; height: 100px;}
#main-events-list .image img{visibility: hidden}
#main-events-list .meta{color: #006496; font-weight: 700; font-style: italic; overflow: hidden; padding: 10px 0 0 0; border-bottom: 1px solid #dddddd; padding: 0px 0px 15px 0px; margin-bottom: 15px;}
#main-events-list .meta a{color: #006496; margin-top: 10px; display: inline-block}
#main-events-list .meta a:hover{color: #009a78}
#main-events-list .content{font-size: 1.063em; color: #5a666f; line-height: 1.5em}
#main-events-list .date, #main-events-list .location{display: block; float: none}

#main-events-list article.events.list{width: 92%; display: table; overflow: hidden; padding: 50px 0; border: 0;}
#main-events-list article.events.list .details{vertical-align: top; display: table-cell; width: auto; padding-left: 20px;}
#main-events-list article.events.list .date-visual{vertical-align: top; display: table-cell; width: 125px; text-align: center;}
#main-events-list article.events.list .meta{border-bottom: 0; margin-bottom: 0; padding-bottom: 0}
.date-visual span{display: block;}
.date-visual span.box{position: relative; border: 1px solid #009a78;  width: 125px; height: 125px;}
.date-visual span.month{padding-top: 20px; font-size: 1.438em; line-height: 1em; color: #009a78; font-weight: 700; text-transform: uppercase;}
.date-visual span.day{font-size: 3.938em; line-height: 1em; color: #009a78; font-weight: 700; text-transform: uppercase;}
.date-visual span.top{width: 15px; height: 15px;position: absolute; top: -1px; left: -1px; background: transparent url('images/event-angle-top.png') top left no-repeat; }
.date-visual span.bottom{width: 15px; height: 15px; position: absolute; bottom: -1px; right: -1px; background: transparent url('images/event-angle-bottom.png') top left no-repeat; }
.event-list-wrapper{overflow: hidden;border-bottom: 1px solid #cdcdcd; max-width: 970px; padding: 0;}

@media only screen and (max-width: 640px){
#main-events-list .image{display: none}
#main-events-list .details{display: block; width: 100%;}
}

#main-news-list{background-color: #fff;}
#main-news-list .wrap{max-width: 970px;}
#main-news-list h2{font-size: 2.375em; font-weight: bold; color: #009a78; line-height: 1em; min-height: 110px}
#main-news-list .meta{overflow: hidden; padding: 10px 0 0 0; border-top: 1px solid #dddddd; padding: 15px 0;}
#main-events-list article{max-width: 970px; margin: 0 auto; padding: 55px 0; border-bottom: 0px solid #cdcdcd; overflow: hidden;}
#main-news-list .date, #main-news-list h3{float: left; font-size: 1em; color: #006496; margin-right: 20px;}
#main-news-list .categories{float: left; list-style-type: none; margin: 0; padding: 0;}
#main-news-list .categories li{display: inline-block; margin-right: 10px; font-size: 1em;}
#main-news-list .categories li{color: #009a78}
#main-news-list article a{display: table; table-layout: fixed; width: 100%;  position: relative;}
#main-news-list .image{display: table-cell; background-size: cover; background-position: center center; position: relative; overflow: hidden; width: 36%; height: 250px; line-height: 0}
#main-news-list .image .placeholder{width: 100%; height: 100px;}
#main-news-list .image img{display: none}
#main-news-list .details{display: table-cell; width: 59%; vertical-align: top; padding-left: 4%; position: relative;}
#main-news-list article{padding: 15px 0}
#main-news-list article:nth-child(2n+1){background-color: #edf4f8; padding: 0}
#main-news-list .positioner{position: absolute; bottom: 0; left: 5%; width: 100%;}
#main-news-list .read-more{float: right; font-weight: bold; text-transform: uppercase;}
#main-news-list a:hover h2,#main-news-list a:hover .read-more{color: #006496}

@media only screen and (max-width: 720px){
#main-news-list .image{width: 25%; height: 150px;}
#main-news-list .details{width: 74%;}
#main-news-list h2{font-size: 1.375em; min-height: 0; padding-bottom: 10px;}
#main-news-list .read-more{float: none; display: block; clear: both;}

}

@media only screen and (max-width: 540px){
#main-news-list .image{display: none}
#main-news-list .details{display: block; width: 90%; min-height: 0px;}
#main-news-list .details {padding-left: 0%;}
#main-news-list .positioner {position: relative;}
#main-news-list article:nth-child(2n+1) {padding: 20px 0;}


}


.view-and-calendar{background-color: #fff; overflow: hidden; padding: 55px 0 35px 0px;}
.recent-news{width: 48%; float: left;}
.recent-news h2{font-size: 2.375em; line-height: 1.3em; color: #009a78; font-weight: 700; padding-bottom: 20px}
.recent-news li{border-top: 1px solid #009a78; padding: 25px 0}
.recent-news .tbl{display: table; table-layout: fixed; width: 100%; position: relative;}
.recent-news .image{display: table-cell; background-size: cover; background-position: center center; position: relative; overflow: hidden; width: 25%; height: 100px; line-height: 0}
.recent-news .image .placeholder{width: 100%; height: 100px;}
.recent-news .details{display: table-cell; width: 75%; vertical-align: top; padding-left: 4%; position: relative;}
.recent-news h3{font-size: 1.375em; font-weight: bold; color: #009a78; line-height: 1em; margin-bottom: 10px;}
.recent-news .date{font-size: 1.063em; color: #006496; font-weight: 700; font-style: italic}


.recent-events{width: 48%; float: right;}
.recent-events h2{font-size: 2.375em; line-height: 1.3em; color: #009a78; font-weight: 700; padding-bottom: 20px}
.recent-events li{border-top: 1px solid #009a78; padding: 15px 0}
.recent-events .tbl{display: table; table-layout: fixed; width: 100%; position: relative;}
.recent-events .image{display: table-cell; background-size: cover; background-position: center center; position: relative; overflow: hidden; width: 25%; height: 100px; line-height: 0}
.recent-events .image .placeholder{width: 100%; height: 100px;}
.recent-events .content{display: table-cell; width: 75%; vertical-align: top; padding-left: 4%; position: relative;}
.recent-events h3{font-size: 1.375em; font-weight: bold; color: #009a78; line-height: 1.35em; margin-bottom: 10px;margin-top: 18px;}
.recent-events .date{font-size: 1.063em; color: #006496; font-weight: 700; font-style: italic; margin-bottom: 20px;}
.recent-events .content{font-size: 1.063em; color: #5a666f; line-height: 1.3em;}
.recent-events .far{margin-right: 20px}
.recent-news a:hover, .recent-events a:hover{text-decoration: none}

@media only screen and (max-width: 720px){
.recent-news, .recent-events{width: 100%; float: none; margin-bottom: 10px;}
}

@media only screen and (max-width: 520px){
.recent-news .image, .recent-events .image{display: none}
.recent-events .content{padding: 0;}
.recent-news h3, .recent-events h3{font-size: 1.125em}
.recent-news .details{background: transparent url('images/mobile-green-edge.png') 0 2px no-repeat; padding-left: 30px;}


}

#news-load-more{background-color: #fff; cursor: pointer; text-align: center; padding: 65px 0; color: #009a78; font-weight: 700; font-size: 1em; text-transform: uppercase;}
#news-load-more span{font-size: 1.875em; position: relative; top: 5px; margin: 0 10px}
#news-load-more:hover{color: #006496}

.search-results .full-news-wrap{padding-top: 50px;}

.page-title{position: relative; background-color: #e7e7e7;}
.green-angle{position: absolute; right: 0; top: 0; height: 110px; width: 35%; background: transparent url('images/green-pattern.png') top left repeat-x;}
.green-angle span{display: block; width: 110px; height: 100%; background: #fff url('images/green-angle.png') top left no-repeat;}
.page-title h1{position: relative; z-index: 100; max-width: 75%; padding: 30px 0; position: relative; font-size: 3.125em; color: #009a78; font-weight: 700; clear: both; line-height: 1em}
.page-title .wrap{max-width: 985px;}


@media only screen and (max-width: 720px){
.page-title h1{font-size: 2em; min-height: 50px}
}



@media only screen and (max-width: 520px){
.page-title h1{max-width: 100%; min-height: 0}
.page-title .green-angle{display: none;}

.single-post article h1{font-size: 2.125em;}

h2 {font-size: 1.25em;}    
}

.two-column-section{font-size: 1.25em; color: #5a666f; line-height: 1.5em; overflow: hidden}
.two-column-section .content{margin: 30px 8% 30px 8%; overflow: hidden;}
.two-column-section .left{width: 40%; float: left; margin-left: 8%;}
.two-column-section .right{width: 40%; float: right; margin-right: 8%;}

@media only screen and (max-width: 640px){
.two-column-section .left,
.two-column-section .right{width: 100%; float: none; margin: 0;}
}

.basic-content .content{font-size: 1.25em; color: #5a666f; line-height: 1.5em; padding: 50px 8% 30px 8%}
.page-id-102 .basic-content .content{font-size: 1.25em; padding: 50px 8% 20px 8%;}
.page-id-102 h3{font-weight: 700; font-size: .875em; padding-top: 40px;}

.two-column-section a, .basic-content a{text-decoration: underline}
.two-column-section .right .btn{margin: 0 auto; transform: translateY(20%); text-decoration: none}

#main-events-list .upcoming.active, #main-events-list .past.active{display: block}
#main-events-list .past, #main-events-list .upcoming{display: none}

.calendar-controls, .calendar-controls-upp{background-color: #fff; padding-bottom: 60px;}
.calendar-controls .wrap, .calendar-controls-upp .wrap{}
.calendar-controls .inner, .calendar-controls-upp .inner{position: relative; max-width: 970px; margin: 0 auto;}
.calendar-controls .left, .calendar-controls .right{color: #009a78; font-size: 1.563em; position: absolute; top: 0; left: 0; text-align: center; width: 150px; background: transparent url('images/calendar-controls-angle.png') top left no-repeat;}
.calendar-controls .right{left: auto; right: 0; background-position: -820px 0}
.calendar-controls a{display: block; line-height: 80px; width: 100%; width: 60px;}
.calendar-controls .right a{float: right}
.calendar-controls .date{color: #006496; font-size: 2.375em; text-align: center; background-color: #e7e7e7; line-height: 80px;}

.calendar-controls .display-type{position: absolute; z-index: 100; top: 0; right: 80px; width: 100px;}
.calendar-controls .display-type a{display: block; color: #afafaf; line-height: 40px; width: auto; font-size: .813em; text-transform: uppercase; font-weight: 700;}
.calendar-controls .display-type a:first-child{border-bottom: 1px solid #f3f3f3}
.calendar-controls .display-type a.active, .calendar-controls .display-type a:hover{color: #006496; text-decoration: none}






.calendar-controls-upp{text-align: center; min-height: 48px; line-height: 48px; text-transform: uppercase; cursor: pointer; height: auto; overflow: hidden}
.calendar-controls-upp .upcoming, .calendar-controls-upp .past{display: inline-block; width: 280px; font-weight: 700; color: #006496; border: 1px solid #009a78; position: relative;}
.calendar-controls-upp .past span{display: block; position: absolute; top: 0; right: -1px; width: 49px; bottom: -1px; background: transparent url('images/calendar-angle.png') top right no-repeat}
.calendar-controls-upp .past.active span, .calendar-controls-upp .past:hover span{background-position: 0 -72px;}
.calendar-controls-upp .upcoming span{display: block; position: absolute; top: -2px; left: -1px; width: 49px; bottom: 0px; background: transparent url('images/calendar-angle.png') 0 -293px no-repeat}
.calendar-controls-upp .upcoming.active span, .calendar-controls-upp .upcoming:hover span{background-position: 0 -188px;}

.calendar-controls-upp .active, .calendar-controls-upp .upcoming:hover, .calendar-controls-upp .past:hover{color: #fff; background-color: #009a78;}
.calendar-controls-upp .pdf-calendar{position: absolute; right:0; top: 0; font-weight: 700;}

.calendar-controls-upp.executive{padding-top: 60px;}


@media only screen and (max-width: 1024px){
.page-id-102 .basic-content .content{font-size: 1.25em; padding: 50px 0% 20px 0%;}

.basic-content .content {padding: 30px 0% 30px 0%;}
}

@media only screen and (max-width: 920px){
.calendar-controls-upp .pdf-calendar{position: relative; right: auto; top: auto; margin-top: 15px;}

}

@media only screen and (max-width: 720px){
.calendar-controls .date{font-size: 1.5em; text-align: left; padding-left: 35%;}
}

@media only screen and (max-width: 620px){
.calendar-controls .date{font-size: 1.5em;}
.view-and-calendar{padding: 15px 0;}
.basic-content .content{font-size: 1em; color: #5a666f; line-height: 1.5em; padding: 50px 8% 30px 8%}
}

@media only screen and (max-width: 540px){
.calendar-controls .right{width: 120px;}
.calendar-controls .left{width: 120px; background-position: -40px 0;}
.calendar-controls .date{padding-left: 90px; font-size: 1em}
.calendar-controls .display-type{right: 45px; font-size: .875em}

}

@media only screen and (max-width: 540px){
.calendar-controls .date{padding-left: 37%; font-size: 1em;}
.calendar-controls .display-type{display: none; right: auto; left: 90px; bottom: 0; top: auto; width: 100%; margin: 0; padding: 0}
.calendar-controls .display-type a{border: 0; display: inline-block; margin-right: 30px; padding: 0; line-height: 2em}
}

.search #main-news-list article.news .wrap .details h2{padding: 0 0 20px 0; margin: 0; min-height: 0}
#main-news-list .meta{overflow: hidden; padding: 10px 0 0 0; border-top: 1px solid #dddddd; padding: 15px 0;}
.search article .wrap{padding-top: 50px;}

@media only screen and (max-width: 540px){
.search #main-news-list .details{min-height: 0;}
.search article .wrap{padding-top: 20px;}

.page-id-102 .basic-content .content {
padding: 20px 0% 20px 0%;

}    
}

.hero-video{
position: relative;
}
.hero-video .main-wrap{
position: relative;
height: 700px;
display: flex;
align-items: center;
}

.hero-video .background-video{
height: 100%;
overflow: hidden;
padding: 0;
position: absolute;
width: 100%;
z-index: -1;
}

.hero-video .background-video iframe{
box-sizing: border-box;
height: 56.25vw;
left: 50%;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
width: 177.77777778vh;

}

.hero-video .background-image{
display: none;
}

.hero-video .content-container{
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 30px;
}
.hero-video .intro-text{
font-size: 54px;
font-weight: 100;
color: #fff;
max-width: 655px;
line-height: 1.3;
font-family: open-sans;

}
.hero-video .bottom-content{
display: flex;
width: 100%;
justify-content: space-between;
margin-top: 50px;
}
.hero-video .background-gradient{
position: absolute;
width: 100%;
height: 100%;
background: rgb(0, 171, 129);
background: linear-gradient(94deg, rgb(0, 171, 129) 0%, rgba(3,172,251,0.018644957983193322) 69%);
z-index: -1;
}




.angle-btn{
-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
background: white;
height: 65px;
padding: 0 60px;
display: flex;
align-items: center;
text-transform: uppercase;
transition: 0.3s;
font-weight: 600;
}

.angle-btn:hover{
color: #fff;
text-decoration: none;
background: #046496;
cursor: pointer;

}

.angle-btn .fa-icon{
font-family: 'Font Awesome 5 Free';
margin-left: 10px;
}

.modal-wrapper{
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 82%);
position: absolute;
display: none;
z-index: 999;
}
.modal-wrapper .video-modal{
/* width: 80%; */
position: relative;
padding-bottom: 56.25%;
/* padding-top: 25px; */
height: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.modal-wrapper.show{
display: flex; 
align-items: center;
justify-content: center;
top: -100px;
}
.modal-wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.modal-open{
overflow: hidden;
}
.modal-parent{
max-width: 1200px;
width: 100%;
display: flex;
justify-content: center;	
position: relative;
padding: 30px;
}
.close-modal{
font-family: 'Font Awesome 5 Free';
font-size: 30px;
color: #fff;
position: absolute;
top: -20px;
right: 35px;
z-index: 9999;
display: block;
}
.close-modal:hover{
cursor: pointer;
}
@media screen and (max-width: 768px){
.hero-video .background-image{
background-size: cover;
background-repeat: no-repeat;
background-position: top; 
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.hero-video .background-video{
display: none;
}
.hero-video .background-gradient{
z-index: 2;
}
.hero-video .content-container{
position: relative;
z-index: 3;
}
.hero-video .background-gradient{
background: linear-gradient(177deg, rgb(0, 171, 129) 0%, #009a7861 69%);
}

}

@media screen and (max-width: 660px){
.hero-video .intro-text{
text-align: center;
font-size: 27px;
}
.hero-video .top-content{
max-width: 100%;
margin: 0 auto;
}
.hero-video .btn-top{
margin-bottom: 200px;
}
.angle-btn{
font-size: 18px;
}

.bottom-content{
flex-direction: column;
align-items: center;
}
}


.video-single-section .content-container{
display: flex;
justify-content: space-between;
max-width: 1180px;
margin: 0 auto;
margin: 70px auto;
position: relative;
padding: 0 30px;
align-items: stretch;
}
.video-single-section .top-arrow{
position: absolute;
top: 0;
left: 0px;
}
.video-single-section .bottom-arrow{
position: absolute;
bottom: 0;
left: 0px;
}

.video-single-section .copy h2{
font-family: open-sans;
font-weight: 100;
font-size: 46px;
color: #5a666f;
}
.video-single-section .copy{
max-width: 270px;
position: relative;
display: flex;
align-items: center;
}
.video-single-section .video-holder{
display: inline-block;
width: 100%;
height: 100%;
max-width: 750px;
max-height: 563px;
position: relative;
margin-left: 50px;
}
.video-single-section .lines{
position: absolute;
right: -115px;
top: 33px;
}
.video-single-section .video-single-container{
position: relative;
padding-bottom: 56.25%;
/* padding-top: 25px; */
height: 0;
}
.video-single-section iframe{
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
height: 100%;
max-width: 1000px;
max-height: 563px;
}
.video-single-section span{
color: #439679;
}
@media screen and (max-width: 960px){
.video-single-section .content-container{
flex-direction: column;
margin-bottom: 30px;
}
.video-single-section .copy{
height: 210px;
max-width: 100%;
margin-bottom: 50px;
}
.video-single-section .video-single-container{
margin-bottom: 50px;
}
.video-single-section .lines{
top: 0;
}
.video-single-section .video-holder{
margin: 0;
}
.video-single-section .lines{
width: 80%;
top: 0;
}
}
@media screen and (max-width: 660px){

.video-single-section .copy h2{
font-size: 26px;
}
.video-single-section .lines{
right: -22px
}

}


.home-intro{
margin: 40px auto;
margin-bottom: 130px;
}

.home-intro .content-container{
display: flex; 
align-items: center;
justify-content: space-between;
padding: 0 30px;
max-width: 1180px;
margin: 0 auto;
}
.home-intro .home-intro-copy{
max-width: 585px;
margin-left: 50px;
}
.home-intro .home-intro-copy p{
font-size: 20px;
font-family: open-sans;
color: #5a666f;
line-height: 28px;
}
.home-intro .intro-image-container{
position: relative;
min-width: 400x;
}

.home-intro .intro-lines{
z-index: -1;
position: absolute;
left: -115px;
}
@media screen and (max-width: 990px){
	.home-intro .content-container{
	flex-direction: column;
	}
	.home-intro .intro-image-container{
	margin-bottom: 80px;
	}
	.home-intro .home-intro-copy{
	margin: 0 auto;
	max-width: 100%;
	}
	.home-intro{
		margin-bottom: -50px;
	}
	.application-form {
		margin-bottom: 100px;
	}
}
.ideas .main-wrap{
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
height: 640px;
position: relative;
}
.ideas .bg-wrap{
position: absolute;
justify-content: center;
display: flex;
width: 100%;
z-index: -1
;
}
.ideas .content-container{
display: flex;
max-width: 1400px;
margin: 0 auto;
justify-content: space-between;
width: 100%;
height: 100%;
}
.ideas .content-wrapper{
max-width: 479px;
margin: 0 auto;
padding: 0 30px;
}
.ideas .ideas-left,
.ideas .ideas-right{
width: 50%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
}
.ideas h3{
font-family: open-sans;
font-size: 46px;
font-weight: 600;
color: #fff;
line-height: 1;

}
.ideas ul{
padding-left: 25px;
}
.ideas li{
font-family: open-sans;
font-size: 20px;
color: #fff;
margin-bottom: 10px;
line-height: 1.3;
/* list-style: none; */
}
.ideas li{
list-style-image: url(/wp-content/uploads/2022/12/arrow-point.png);
}
.ideas .ideas-right{
left: 145px;
}
@media screen and (max-width: 1050px) {
.ideas .main-wrap{
height: auto;
}
.ideas .content-container{
flex-direction: column;
align-items: center;
}
.ideas .ideas-left,
.ideas .ideas-right{
width: 100%;
background-size: cover;
}
.ideas .content-wrapper{
padding: 60px 30px;
}
}

@media screen and (max-width: 1050px) {
.ideas h3{
font-size: 27px;
}
}
.testimonials .content-container{
display: flex;
justify-content: space-between;
max-width: 1180px;
margin: 0 auto;
align-items: stretch;
margin: 70px auto;
position: relative;
padding: 0 30px;
}
.testimonials .copy{
position: relative;
display: flex;
align-items: center;
margin-right: 50px; 

}
.testimonials .top-arrow{
position: absolute;
top: 0;
left: 0px;
}
.testimonials .bottom-arrow{
position: absolute;
bottom: 0;
left: 0px;
}

.testimonials-repeater{
display: flex;
}
.testimonials .testimonial div:first{
margin-right: 20px;
}
.testimonials .video-holder{
display: inline-block;
width: 100%;
height: 100%;
max-width: 385px;
max-height: 563px;
position: relative;
width: 380px;
margin: 0 13px;
}
.testimonials .video-wrapper{
position: relative;
padding-bottom: 56.25%;
/* padding-top: 25px; */
height: 0;
}
.testimonials iframe{
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
height: 100%;
max-width: 385px;
max-height: 563px;
}
.testimonials h3{
font-family: open-sans;
font-size: 28px;
line-height: 1.3;
color: #286292;
max-width: 355px;
}
.testimonials h2{
font-family: open-sans;
font-size: 46px;
line-height: 1.3;
color: #5a666f;
max-width: 255px;
font-weight: 100;
}
.testimonials .button-container{
display: flex;
justify-content: center;
}

.testimonials a{
-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
background: #359877;
color: #fff;
height: 65px;
padding: 0 23px;
display: flex;
align-items: center;
text-transform: uppercase;
transition: 0.3s;
font-weight: 600;
max-width: 197px;
text-decoration: none;
}
.testimonials .button-container{
display: flex;
justify-content: center;
margin-bottom: 80px;
}
.testimonials a:hover{
background: #286292;
}
@media screen and (max-width: 1155px) {
.testimonials .content-container{
flex-direction: column;
}
.testimonials .copy{
height: 210px;
margin-bottom: 30px;
}
.testimonials .testimonials-repeater{
flex-direction: column;
}
.testimonials .video-holder{
max-width: 100%;
min-width: 100%;
width: 100%;
margin: 0 auto;
}
.testimonials iframe{
min-width: 100%;
}
.testimonials h2{
max-width: 100%;
}
.testimonials h3{
max-width: 100%;
}
.testimonials .video-holder{
max-width: 100%;
min-width: 100%;
width: 100%;
}
.testimonials .testimonial{
margin-bottom: 30px;
}
}
@media screen and (max-width: 660px) {
.testimonials h2{
font-size: 27px;
}

}
.home-events{
background: #e7e7e7;
padding: 80px;
}
.home-events h2{
font-family: open-sans;
font-size: 46px;
line-height: 60px;
font-weight: 100;
color: #5a666f;
text-align: center;
margin-bottom: 50px;
}
.home-events .slick-slide{
margin: 0 15px;
background: #fff;
padding: 20px;
}
.home-events .slick-track{
display: flex;
}
.home-events .slick-slide{
height: inherit;
}
.home-events .slick-arrow{
display: flex !important;
}
.home-events .top-content{
display:  flex;
}
.home-events .date-time{
display:  flex;
}

.home-events .the-event .img-wrapper{
width: 100%;
max-width: 140px;
height: 110px;
}

.home-events .the-event img{
width: 100%;
height: 100%;
object-fit: cover;
}

.home-events .content-container{
max-width: 1180px;
margin: 0 auto;
}

.home-events .slick-prev:before {
content: url('/wp-content/uploads/2022/12/arrow-left.png');
}
.home-events .slick-next:before {
content: url('/wp-content/uploads/2022/12/arrow-right.png');
}

.home-events .top-content a{
font-family: open-sans;
font-size: 20px;
line-height: 30px;
color: #439679;
font-weight: 600;
}
.home-events .right-content{
margin-left: 20px;
}
.home-events .date-time{
font-family: open-sans;
font-size: 16px;
line-height: 30px;
color: #006496;
font-style: italic;
font-weight: 600;
}

.home-events .excerpt p{
font-family: open-sans;
font-weight: 100;
font-size: 18px;
line-height: 25px;
color: #5a666f;
}
.home-events .excerpt{
margin-top: 20px;
}

.home-events .excerpt a{
font-family: open-sans;
font-weight: 100;
font-size: 18px;
line-height: 25px;
color: #439679;
font-weight: 600;
}

.home-events .button-container a{
-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
background: #359877;
color: #fff;
height: 65px;
padding: 0 23px;
display: flex;
align-items: center;
text-transform: uppercase;
transition: 0.3s;
font-weight: 600;
max-width: 197px;
text-decoration: none;
}
.home-events .button-container{
display: flex;
justify-content: center;
margin-top: 60px;
}
.home-events .button-container a:hover{
background: #286292;
}
@media screen and (max-width: 1150px){
.home-events .the-event .img-wrapper{
display: none;
}
.home-events .right-content{
margin: 0 auto;
}
.home-events .slick-track{
display: block;
}
.home-events .slick-slide{
height: 100%;
}
.home-events{
padding: 60px 40px;
}
.home-events h2{
font-size: 27px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 500px){
.home-events .spacer{
display: none
}
.home-events .date-time{
flex-direction: column;
}
}
.home-subscribe{
position: relative;
}
.home-subscribe .angle-left{
position: absolute; 
top: 0;
left: 0;
z-index: -1;
}
.home-subscribe .angle-right{
position: absolute; 
bottom: 0;
right: 0;
z-index: -1;
}
.home-subscribe .content-container{
padding: 60px 60px 80px 60px;
max-width: 1180px;
margin: 0 auto;
}
.home-subscribe h2{
text-align: center;
font-family: open-sans;
font-size: 30px;
line-height: 1.3;
color: #296292;
margin-bottom: 0;
}
.home-subscribe form{
display: flex;
width: 100%;
margin: 0 auto;
max-width: 650px;
}
.home-subscribe .gform_body{
display: flex;
width: 100%;
margin: 0 auto;
}
.home-subscribe .gform_button{
height: 50px;
margin: 0;
margin-bottom: 0 !important;
border: none;
background: #439678;
color: #fff;
padding: 10px 50px;
margin-left: 15px;
border-radius: 0;
font-family: open-sans;
font-weight: 600;
font-size: 17px;
color: #fff;
transition: 0.3s;
}

.home-subscribe .gform_button:hover{
background: #286292;
cursor: pointer;
}
.subscribe-form input{
height: 50px;
background: #f2f2f2;
border: 1px solid rgb(185, 185, 185);
border-radius: 3px;
}
.subscribe-form .gform_footer{
padding: 0 !important;
}

.subscribe-form .gform_wrapper.gravity-theme .gfield_label{
font-family: open-sans;
font-weight: 400;
font-size: 18px;
color: #40464d;
margin-bottom: 8px;
}
@media screen and (max-width: 660px) {
.home-subscribe form{
flex-direction: column;
max-width: 400px;
}
.home-subscribe .subscribe-form #gform_submit_button_4{
width: 100%;
margin: 0;
}
.home-subscribe h2{
font-size: 22px;
}
}
.home-membership .background-wrap {
background-repeat: no-repeat;
background-size: cover;
padding: 60px;
max-height: 845px;
}
.home-membership .content-container{
text-align: center;
}
.home-membership .steps-container{
display: flex;
justify-content: space-between;
max-width: 1180px;
margin: 0 auto;
}
.home-membership .bottom-section .content-container{
max-width: 1180px;
margin: 0 auto;
}
.home-membership .the-step{
max-width: 330px;
width: 33%;
}
.home-membership .what-step{
font-family: open-sans;
font-weight: 600;
font-size: 30px;
color: #fff;
line-height: 36px;
margin: 10px auto;
}
.home-membership .step-copy{
font-family: open-sans;
font-weight: 100;
font-size: 20px;
color: #fff;
line-height: 30px;
margin-bottom: 50px;
}
.home-membership h2{
font-family: open-sans;
font-weight: 100;
font-size: 46px;
color: #fff;
margin-bottom: 50px;
}

.home-membership form{
max-width: 660px;
margin: 0 auto;
background: #40464d;
padding: 20px 30px 50px 30px;
margin-top: 50px;
position:relative;
z-index:9;
}
#gform_confirmation_message_5, #gform_confirmation_message_8 {
	padding-top:30px;
  text-align:center;
}
#gform_confirmation_wrapper_5, #gform_confirmation_wrapper_8 {
	max-width: 660px;
	margin: 0 auto;
  margin-top: 0px;
	margin-top: 0px;
	background: #40464d;
	padding: 20px 30px 50px 30px;
	margin-top: 50px;
	position: relative;
	z-index: 9;
	color: white;
}

@media screen and (min-width:768px) {
	.membership-form {
		margin-top: 50px;
    	margin-bottom: -180px;
	}
}


.home-membership .gform_wrapper.gravity-theme .gfield_label{
text-align: left;
color: #fff;
font-weight: 400;
font-family: open-sans;
font-size: 18px;
}
.home-membership .gfield{
text-align: left;
}
.home-membership input{
border: none;
height: 50px;
}
.home-membership textarea{
height: 100px !important;
}

.home-membership .gform_button{
height: 50px;
margin: 0;
margin-bottom: 0 !important;
border: none;
background: #439678;
color: #fff;
padding: 10px 20px;
border-radius: 0;
font-family: open-sans;
font-weight: 600;
font-size: 17px;
color: #fff;
transition: 0.3s;
margin-top: 15px;
}

.home-membership .gform_button:hover{
background: #286292;
cursor: pointer;
}

.home-membership .gform_footer{
padding: 0 !important;
}

.home-membership .gform_required_legend{
display: none;
}

.home-membership .button-container a{
-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
background: #359877;
color: #fff;
height: 65px;
padding: 0 30px;
display: flex;
align-items: center;
text-transform: uppercase;
transition: 0.3s;
font-weight: 600;
max-width: 197px;
text-decoration: none;
}
.home-membership .button-container{
display: flex;
justify-content: center;
margin-top: 30px;
}
.home-membership .button-container a:hover{
background: #286292;
}

.home-membership .bottom-section{
position: relative;
height: 350px;
display: flex;
align-items: center;
padding: 0 30px;
}
.home-membership .bottom-section .angle-left{
position: absolute; 
top: 0;
left: 0;
z-index: -1;
}
.home-membership .bottom-section .angle-right{
position: absolute; 
bottom: 0;
right: 0;
z-index: -1;
}

.home-membership .bottom-section .content-container{
margin-top: 100px;
}

.home-membership .bottom-section .bottom-copy{
font-family: open-sans;
font-weight: 300;
font-size: 18px;
color: #40464d;
font-style: italic;
line-height: 1.5;
}

@media screen and (max-width: 768px) {
.home-membership .steps-container{
flex-direction: column;
align-items: center;
}
.home-membership .the-step{
width: 100%;
max-width: 300px;
margin-bottom: 50px;
}
.home-membership .background-wrap{
max-height: unset;
}
.home-membership .bottom-section .content-container{
margin-top: 0;
}
}
@media screen and (max-width: 660px) {
.home-membership #gform_submit_button_5{
width: 100%;
}
.home-membership .background-wrap{
padding: 0;
padding-top: 60px;
}
.home-membership h2{
font-size: 27px;
padding: 0 30px;
}
}


/* CONTACT */
.contact-container{
margin-bottom: 80px;
}
.contact-container .content-container{
max-width: 995px;
margin: 0 auto;
padding: 0 30px
}
.contact-container .top-section{ 
display: flex;
justify-content: center;
padding: 60px 30px;
border-bottom: 1px solid #bebebe;
}
.contact-container .phone a,
.contact-container .email a{
font-family: open-sans;
font-size: 20px;
font-weight: 100;
color: #5a666f;
text-decoration: none;

}
.contact-container .phone,
.contact-container .email{
margin: 0 50px;
display: flex; 
align-items: center;

}
.contact-container .phone img,
.contact-container .email img{
margin-right: 10px;
}

.contact-container .gform_button{
height: 50px;
margin: 0;
margin-bottom: 0 !important;
border: none;
background: #439678;
color: #fff;
padding: 10px 50px;
border-radius: 0;
font-family: open-sans;
font-weight: 600;
font-size: 17px;
color: #fff;
transition: 0.3s;
margin-top: 30px;
}

.contact-container .gform_button:hover{
background: #286292;
cursor: pointer;
}
.contact-container input{
height: 50px;
background: #f2f2f2;
border: 1px solid rgb(185, 185, 185);
border-radius: 3px;
}
.contact-container .gform_footer{
padding: 0 !important;
}

.contact-container .gform_wrapper.gravity-theme .gfield_label{
font-family: open-sans;
font-weight: 400;
font-size: 18px;
color: #40464d;
margin-bottom: 8px;
}
.contact-container .gform_required_legend{
display: none;
}
.contact-container textarea{
height: 130px;
background: #f2f2f2;
border: 1px solid rgb(185, 185, 185);
border-radius: 3px;
}
.contact-container .form-title{
font-family: open-sans;
font-weight: 600;
font-size: 30px;
color: #286292;
margin-bottom: 30px;
}
.contact-container .bottom-section .button-container{
display: flex;
justify-content: center;
	width: 100%;
}

.contact-container .bottom-section a{
-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 75%, 91% 100%, 0 100%, 0% 80%, 0 26%);
background: #359877;
color: #fff;
height: 65px;
padding: 0 23px;
display: flex;
align-items: center;
text-transform: uppercase;
transition: 0.3s;
font-weight: 600;
text-decoration: none;
}
.contact-container .bottom-section .button-container{
display: flex;
justify-content: center;
margin-bottom: 80px;
}
.contact-container .bottom-section a:hover{
background: #286292;
}


.contact-container .bottom-section{
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.contact-container .copy-section{
max-width: 425px;
display: flex;
flex-direction: column;
align-items: baseline;
margin-left: 50px;
}

.contact-container .copy-section .copy{
margin-bottom: 30px;
font-family: open-sans;
font-weight: 300;
font-size: 20px;
color: #40464d;
line-height: 1.5;
font-style: italic;
width: 100%;
text-align: center;
}

@media screen and (max-width: 768px) {
.contact-container .bottom-section{
flex-direction: column;
}
.contact-container .copy-section{
margin: 0 auto;
margin-top: 50px;
max-width: 100%;
align-items: center;
text-align: center;
}
.contact-container .gform_button{
width: 100%;
}
}

@media screen and (max-width: 660px) {
.contact-container .top-section{
flex-direction: column;
align-items: center;
}
.contact-container .phone{
margin-bottom: 30px;
}
}

.application-container{
max-width: 960px;
padding: 0 30px;
margin: 0 auto;
}

.application-container .gform_button{
height: 50px;
margin: 0;
margin-bottom: 0 !important;
border: none;
background: #439678;
color: #fff;
padding: 10px 50px;
border-radius: 0;
font-family: open-sans;
font-weight: 600;
font-size: 17px;
color: #fff;
transition: 0.3s;
margin-top: 15px;
}

.application-container .gform_button:hover{
background: #286292;
cursor: pointer;
}
.application-container input{
margin-bottom: 15px;
background: #f2f2f2;
border: 1px solid rgb(185, 185, 185);
border-radius: 3px;
}
.application-container .gform_footer{
padding: 0 !important;
}

.application-container .gform_wrapper.gravity-theme .gfield_label,
.application-container .gfield_description{
font-family: open-sans;
font-weight: 400;
font-size: 18px;
color: #40464d;
margin-bottom: 8px;
}
.application-container .gform_required_legend{
display: none;
}
.application-container textarea{
height: 130px;
background: #f2f2f2;
border: 1px solid rgb(185, 185, 185);
border-radius: 3px;
}

.application-container #field_7_3 label{
visibility: hidden;
}

.page-template-template-application-php .page-title .wrap{
max-width: 1010px;
}

.application-container .gchoice input{
height: 35px;
}

.application-container .company-info{
font-family: open-sans;
font-weight: 600;
font-size: 18px;
color: #40464d;
margin-top: 8px;
}

.application-container .gform_wrapper.gravity-theme .gfield_checkbox label, .application-container .gform_wrapper.gravity-theme .gfield_radio label{
font-family: open-sans;
font-weight: 400;
font-size: 18px;
color: #40464d;
margin-bottom: 8px;
}
.application-container #field_7_14{
margin-top: 10px;
}

.application-container .top-copy{
font-family: open-sans;
font-weight: 400;
font-size: 20px;
color: #5a666f;
margin-bottom: 50px;
line-height: 1.5;
}
.gfield_required_asterisk{
	color: #40464d !important;
}
#gform_8 .gfield_required_asterisk {
  color: white !important;
}
@media screen and (max-width: 640px) {
.application-container #field_7_3 label{
	display: none;
	}
}

.image-testimonial .content-container{
	max-width: 990px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 80px 30px;
	border-bottom: 1px solid #bebebe;
}

.image-testimonial .copy{
max-width: 765px;
font-family: open-sans;
font-weight: 100;
font-size: 24px;
color: #5a666f;
line-height: 1.5;
font-style: italic;
}
.image-testimonial strong{
font-weight: 600;
font-size: 20px;
color: #5a666f;
line-height: 1.5;
font-style: normal;
	}
.image-testimonial .img-container{
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e7e7e7;
	border-radius: 50%;
}

.image-testimonial img{
	max-width: 125px;
	margin: 0 auto;
}
 @media screen and (max-width: 768px) {
     .image-testimonial .content-container {
       flex-direction: column;
    }
     .image-testimonial .img-container {
       margin: 0 auto;
       margin-bottom: 25px;
    }
  }
  /* MEMBER TESTIMONIALS */
   .test-video-section {
     max-width: 990px;
     margin: 0 auto;
     padding: 45px 30px 0 30px;
  }
   .test-video-wrapper {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     border-bottom: 1px solid #bebebe;
     align-items: flex-end;
     padding-bottom: 80px;
  }
   .test-video-section .the-video {
     display: inline-block;
     width: 100%;
     height: 100%;
     max-width: 480px;
     max-height: 563px;
     position: relative;
     margin-right: 10px;
     margin-top: 25px;
  }
   .test-video-section .test-video-wrapper div:nth-child(2) {
     margin-right: 0;
  }
   .test-video-section .video-container {
     position: relative;
     padding-bottom: 56.25%;
     overflow: hidden;
     max-width: 100%;
     height: auto;
  }
   .test-video-section iframe {
     position: absolute;
     top: 0;
     margin: 0 auto;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
  }
   .test-video-section .video-title {
     font-family: open-sans;
     font-size: 28px;
     line-height: 1.3;
     color: #286292;
     max-width: 355px;
     font-weight: 700;
     margin-bottom: 25px;
  }
   @media screen and (max-width: 1029px) {
     .test-video-wrapper {
       justify-content: center;
    }
  }
   #hero {
     height: 76px;
  }
   #hero .background-left {
     top: 0;
     width: 100%;
     background-size: contain;
     height: 76px;
  }
   #hero .nav-bar {
     height: 84px;
     padding: 0;
  }
   #hero .wrap {
     height: 76px;
     padding: 0;
     z-index: 10;
  }
   #hero ul#primary-nav ul {
     top: 43px;
  }
   #hero .logo {
     margin-top: 20px;
  }
   #hero ul#primary-nav {
     margin-top:33px;
  }
   #hero ul#primary-nav li {
     background-color: transparent;
  }
   #hero ul#primary-nav a {
     position: relative;
     z-index: 100;
     line-height: 1em;
     font-weight: 700;
     font-size: 1.35em;
     padding: 12px 0 8px 0px;
     height: auto;
     color: #fff;
     text-transform: uppercase;
     color: #5a666f;
     display: flex;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     padding-bottom: 0;
     background: transparent;
  }
   #hero ul#primary-nav a span {
     position: relative;
     top: 3px;
     margin-left: 5px;
  }
   #hero .background-right {
     background: none;
  }
   .page-content {
     padding-top: 75px;
  }

/* Landing Page Styles */

.hero.landing {
  border-bottom:0px;
}

.hero .landing.background {
  height:300px;
}

.hero .landing .content {
  position:relative;
  bottom:0px;
  height:inherit;
  width:50%;
  background:linear-gradient(to right, #006496, transparent);
  padding-bottom:0px;
}

.hero .landing .content h1 {
  /* padding:55px 100px; */
  padding: 10% 15%;
  margin:0 50px;
  font-size:3em;
  font-weight:300;
  line-height:4rem;
}

.testimonials.landing .testimonials-repeater {
  display:flex;
  width:58%;
  flex-direction:column;
  justify-content:flex-end;
}

.testimonials.landing h2 {
  max-width:none;
  width:75%;
}

.testimonials.landing .copy {
  height:315px;
}
.testimonials.landing .content-container {
  max-width:1300px;
  align-items:center;
}
.testimonials.landing .video-holder {
  color:#5a666f;
  width:auto;
  font-size:20px;
  line-height:1.4;
  max-width:580px;
}
.home-membership.landing .background-wrap {
  max-height:500px;
}

.home-membership.landing .main-wrap {
  display:flex;
  flex-direction:column;
}

.home-membership.landing .main-wrap .content-container {
  width:80%;
  align-self:center;
  align-items:center;
  display:flex;
  flex-direction:column;
}

.home-membership.landing .main-wrap .content-container .bottom-copy {
  width:50%;
  color:white;
  font-weight:300;
  line-height:1.4;
  font-size:20px;
  word-spacing:1px;
}

.home-membership.landing .bottom-section {
  height: 240px;
}

.wp-block-columns.mailer-landing-form {
	margin: 50px 0;
}
.circle-img img {
	border-radius: 50%;
}
.rick-signature {
	margin: -10px 0 50px;
}

/* Media Queries: 841-1160px is the range for weird nav on desktop */

/* Fix footer logo on smaller mobile sizes */
@media screen and (max-width:549px) {
  footer .logo {
    position:relative;
  }
}
/* @media screen and (max-width:620px) { */
@media screen and (max-width:840px) { 
  .hero.landing {
    margin-bottom:0px;
  }
  .hero.landing .landing.background {
    height:275px;
  }
  .hero .landing .content {
    top:0px;
    width:100%;
  }
  .hero .landing .content h1 {
    margin-top:5%;
    font-size:2.3em;
    padding-left:0px;
    line-height:1.3;
  }

  .testimonials.landing h2 {
    width:100%;
  }
  .testimonials.landing .copy {
    height:235px;
    margin-left:20px;
  }

  .testimonials.landing .content-container {
    margin:35px auto;
  }

  .testimonials.landing .video-holder, .testimonials.landing .testimonials-repeater {
    width:auto;
  }

  .home-membership.landing .main-wrap .content-container {
    width:100%;
  }

  .home-membership.landing .main-wrap .content-container .bottom-copy {
    width:85%;
  }

  .home-membership.landing h2 {
    padding: 0 60px;
  }
  .home-membership.landing .background-wrap {
    padding-top:50px;
  }
}

@media screen and (min-width:841px) { 
  .hero .landing .content h1 {
    /* padding-left:23%; */
    padding: 86px 0;
    margin-left:9.5%;
  }
  .hero .landing .content .content-container {
    max-width:1300px;
    margin: 0 auto;
  }
  .testimonials.landing .copy {
    padding-left:0px;
    margin-left:9.5%;
  }
  .hero .landing .content {
    width:100%;
  }
	.contact-container .copy-section, .contact-form {
		width: 50%;
	}
}

@media screen and (max-width:1300px) {
  .hero .landing .content .content-container {
    padding-left:30px;
  }
}