/*
 * @author 			Steven Walters
 * @website			http://elephanteardesign.com
 * @description		custom CSS for CCED
 * @version			1.0
 * Theme Name:		CCED Theme
 * Author:			Elephant Ear Design
 * Author URI:		http://elephanteardesign.com
 * Version:			1.0
 */

html {
	-webkit-tap-highlight-color: transparent;
}
body, html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-rendering: optimizeLegibility;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: 'Source Sans Pro', sans-serif;
	color: #444;
	font-size: 18px;
	line-height: 1.7em;
	letter-spacing: 0.03em;
	background: #012547;
	font-weight: 400;
	min-width: 320px;
}
@media only screen and (max-width: 1300px) { 
	body {
		font-size: 16px;
		line-height: 1.5em;
	}
}
* {
  box-sizing: border-box;
}
div {
	position: relative;
}
.container {
	width: 90%;
	max-width: 1900px;
	margin: 0 auto;
}
strong {
	font-weight: 600;
}
a {
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	color: #FA8748;
}
img.svg {
	display: none;
}
a.learn-more {
	text-transform: uppercase;
	font-size: 0.95em;
	color: #FA8748;
	font-weight: 600;
}
a.learn-more.blue {
	color: #A9E1EE;
}
a:hover.learn-more  {
	color: #fff;
}
a.view-all {
	text-transform: uppercase;
	font-size: 0.8em;
	color: #fff;
	border: 2px solid #fff;
	padding: 5px 20px;
	border-radius: 20px;
}
a:hover.view-all {
	color: #fff;
	background: #FA8748;
	border-color: #FA8748;
}
.bg-full {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-repeat: no-repeat;
}
.bg-full.center {
	background-position: center center;
}
.sticky {
	position: -webkit-sticky; /* for Safari */
	position: sticky !important;
	top: 90px;
	align-self: flex-start; /* <-- this is the fix */
}

.button-main {
    min-width: 7rem;
    white-space: nowrap;
    background-color: #1A87B2;
    border-radius: 100px;
	/*border: 2px solid #047EF0;*/
    justify-content: center;
    align-items: flex-end;
    padding: 0.5em 2.125em;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
	display: inline-block;
	color: #fff;
	text-shadow: none;
	transition:all 0.3s linear;
}
.button-main.dk-blue {
	background-color: #012547;
}
.button-main.outline {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.add-location-wrapper {
	margin: 50px 0;
}
@media only screen and (max-width: 700px) {
	.add-location-wrapper {
		text-align: center;
	}
}
#hero {
	height: 100vh;
	/*max-height: 600px;
	min-height: 450px;*/
	background: #E5E5E5;
	overflow: hidden;
	z-index: 1;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: right top;	*/
}



	.grad {
		position: absolute;
		width: 100%;
		z-index: 4;
	}
	.top-grad,.bottom-grad {
		height: 50%;
	
	}

	.sun .top-grad,.sun .bottom-grad {
		height: 40%;
	
	}	
	.top-grad {
		top: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#012547+20,ffffff+100&0.9+20,0+100 */
background: -moz-linear-gradient(top, rgba(1,37,71,0.9) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(1,37,71,0.9) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(1,37,71,0.9) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6012547', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}	
	.bottom-grad {
		bottom: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,012547+80&0+0,0.9+80 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,37,71,0.9) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(1,37,71,0.9) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(1,37,71,0.9) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6012547',GradientType=0 ); /* IE6-9 */		
	}
	
	/*.sun .top-grad {
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}	*/
	.sun .bottom-grad {
		bottom: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,012547+80&0+0,0.9+80 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,37,71,0.9) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(1,37,71,0.9) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(1,37,71,0.9) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6012547',GradientType=0 ); /* IE6-9 */		
	}	
ul.hero-slides {
	list-style: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #07325B;
}
ul.hero-slides li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

ul.hero-slides li.skydive {
	background: #3473BA;
}
	.sd-plane {
		position: absolute;
		max-width: 1200px;
		width: 45%;
		top: -100%;
		left: -10%;
	}
	.sd-divers {
		position: absolute;
		max-width: 1200px;
		width: 60%;
		top: -100%;
		right: 50%;
		transform: scale(-1);
		transition: all 0.8s;
	}	

	.sd-divers-ani {
		transition: all 0.8s;
	  transform: scale(1);
	  top: 0;
	}
	.sd-plane-ani-in {
		transition: all 1.5s;
		top: -5%;
	}	
	.sd-plane-ani-out {
		transition: all 10s;
		transform: scale(0);
		/*left: -100%;*/
		top: -100%;
	}
	.sd-bg-ani {
		transform: translate(50px,-80%);
		transition: transform 15s;
	}
	.skydive .slide-bg {
		background-position: center;
		opacity: 0.5;
		top: 50%;
	}		
	@media only screen and (max-width: 1300px) { 
	
		.sd-divers-ani {
		  top: 5%;
		}	
	}
.slide-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	/*opacity: 0;
	transition: all 0.8s;*/
}
.slide-text {
	z-index: 5;
	position: absolute;
	left: 50%;
	/*top: 50%;*/
	width: 50%;
	bottom: 60px;
	/*transform: translateY(calc(-50% + 100px));*/
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	transition:all 0.2s linear;
}
.slide-text h2 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 5em;
	line-height: 1em;
	margin: 0;
}
.slide-text h2 span,.slide-text p,.slide-text a.learn-more {
	opacity: 0;
	transition: opacity 0.4s;
}
.slide-text .adj {
	display: block;
	font-weight: 200;
	font-size: 0.7em;
	line-height: 0.7em;
	margin: 10px 0;
	white-space: nowrap;
}
.slide-text .for {
	font-weight: 400;
	font-size: 0.5em;
	text-transform: lowercase;
	vertical-align: middle;
}
.slide-text p {
	padding-right: 20%;
}
@media only screen and (max-width: 1600px) {
	.slide-text .adj {
		font-size: 0.6em;
	}
}
@media only screen and (max-width: 1330px) {
	.slide-text .adj {
		/*font-size: 1.5em;*/
	}
}
@media only screen and (max-width: 1450px) {
	.slide-text {
		left: 45%;
		width: 55%;
	}
}
@media only screen and (max-width: 1279px) {
	.slide-text h2 {
		font-size: 4em;
	}
}
@media only screen and (max-width: 920px) {
	.slide-text h2 {
		font-size: 3em;
	}
}
@media only screen and (max-width: 700px) {
	.slide-text {
		left: 10px;
		width: 100%;
		bottom: 15px;
	}
	.bottom-grad {
		height: 70%;
	}		
}
@media only screen and (max-width: 420px) {
	.slide-text h2 {
		font-size: 2.5em;
	}
}
.vibrate-1{-webkit-animation:vibrate-1 .5s linear infinite both;animation:vibrate-1 .5s linear infinite both}
@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}
.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.slide-out-blurred-bottom{-webkit-animation:slide-out-blurred-bottom .45s cubic-bezier(.755,.05,.855,.06) both;animation:slide-out-blurred-bottom .45s cubic-bezier(.755,.05,.855,.06) both}
@-webkit-keyframes slide-out-blurred-bottom{0%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:translateY(1000px) scaleY(2) scaleX(.2);transform:translateY(1000px) scaleY(2) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}}@keyframes slide-out-blurred-bottom{0%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:translateY(1000px) scaleY(2) scaleX(.2);transform:translateY(1000px) scaleY(2) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}}


.slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

#nav {
	z-index: 100;
	position: absolute;
	width: 100%;
	/*padding-top: 30px;*/
	opacity: 0;
	transition: opacity 1.5s;
}
#nav.interior {
	/*background-color: #012649;
	opacity: 1;*/
}
.nav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-direction: row;
	width: 80%;
}
.nav li {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: stretch;
}
.nav a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	height: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 5px;
	transition: all 0.2s ease-out;
	cursor: pointer;
	white-space: nowrap;
	font-size: 1em;
	margin-top: 40px;
}
.nav a:hover,.nav a.current {
	color: #C9E380;
	/*font-weight: 700;*/
}
.header-logo {
	width: 200px;
	/*max-height: 200px;
	min-height: 200px;*/
	display: block;
}
.header-logo img {
	width: 100%;
}
.nav li:not(.logo) {
  /*margin-top: 25px;*/
}
.subnav {
	position: absolute;
	top: 0;
	right: 10%;
	/*transform: translateX(-50%);*/
	padding: 3px 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: rgba(255,255,255,0.1);
	border-radius: 0 0 20px 20px; 
}
.subnav a {
	opacity: 0.7;
	transition: all 0.2s ease-in-out;
}
.subnav a:hover {
	opacity: 1;
}

a.newsletter-signup {
	cursor: pointer;
}
a.subnav-button {
	color: #fff;
	/*border: 2px solid #fff;*/
	transition:all 0.2s linear;
	border-radius: 40px;
	padding: 0 10px;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-left: 8px;
}
.subnav a.social {
	margin: 0 8px;
}
.subnav a.social svg {
	fill: #fff;
	height: 20px;
	margin-top: 5px;
}
.subnav a span,
.footer-logo span,
.discover-logo span {
	display: none;
}
@media only screen and (max-width: 1279px) { 
	.container {
		width: auto;
		margin: 0 20px;
	}
	.subnav {
		right: 5%;
	}
	.nav {
		width: 90%;
	}
	/*.slide-text .adj {
		font-size: 2.2em;
	}*/
	.slide-text p {
		padding-right: 20%;
	}
	.header-logo {
		width: 200px;	
	}
}
@media only screen and (max-width: 900px) {

	.nav {
		width: 98%;
	}
	.nav a {
		font-size: 0.8em;
	}
	.header-logo {
		width: 180px;
	}
	.subnav {
		right: 20px;
	}	
	.slide-text p {
		padding-right: 10%;
	}	
}

#footer {
	/*background: linear-gradient(to bottom, rgba(1,37,71,1) 1%,rgba(1,37,71,1) 62%,rgba(17,64,128,1) 86%);*/
	color: #fff;
	padding: 30px 0;
}
.footer-home {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003e7e+0,003e7e+45,012547+100 */
background: linear-gradient(to bottom, rgba(0,62,126,1) 0%,rgba(0,62,126,1) 45%,rgba(1,37,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer-col a {
	color: #6BBAFD;
}
.footer-col a:hover {
	color: #fff;
}
.footer-wrap-outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}
.footer-col {
	width: 25%;
	line-height: 1.3em;
}
.footer-col.logo {
	text-align: center;
}

.footer-logo img {
	width: 100%;
	max-width: 160px;
}
.discover-logo img {
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
}
.footer-col.address {
	white-space: nowrap;
	text-align: center;
}
.footer-col.links {
	text-align: center;
	white-space: nowrap;
}
@media only screen and (max-width: 1100px) {
/*	.footer-col:nth-child(1) {
		text-align: left;
	}
	.footer-col:nth-child(4) {
		text-align: right;
	}*/
	.footer-logo {
		max-width: 150px;
	}
	.footer-col {
		font-size: 0.9em;
	}
	.footer-logo img {
		max-width: 120px;
	}
	.discover-logo img {
		max-width: 140px;
		margin-left: 20px;
	}	
}

@media only screen and (max-width: 900px) {
	.footer-wrap-outer {
		display: block;
	}
	.footer-col {
		text-align: center;
		display: block;
		width: auto;
		font-size: 1em;
	}
	.footer-col.links:before {
		content: "";
		width: 49px;
		height: 0;
		border: 1px dashed #ccc;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.footer-col.links {
		padding-top: 15px;
	}
	.footer-col:nth-child(4) {
		margin-left: auto;
	}
	.footer-logo img {
		max-width: 200px;
	}
	.discover-logo img {
		max-width: 240px;
	}	

}
/* MOBILE NAV ********************/
.search-wrapper {
		padding-left: 5px;
		height: 28px;
		margin: 0 20px;
}
.mobile-search .search-wrapper {
	padding-left: 0;
	margin: 0 10px;
}
a.search {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		left: auto;
		width: auto;
		height: 100%;
	transition: all 0.3s linear;
}
.mobile-search {
	width: 100%;
}
.mobile-search svg,
a.search svg {
		width: auto;
		height: 100%;
}
.mobile-search svg {
	margin-bottom: -10px;
}
.search-wrapper.show-search a.search {
	right: 100%;
}
.search-wrapper form {
	margin: 0;
	padding: 3px 0;
	display: none;
}
.mobile-search .search-wrapper {
	width: 100%;
}
.mobile-search .search-wrapper form {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.search-wrapper form input,.search-wrapper form input:focus {
	padding: 6px 0;
	outline-width: 0;
	border: none;
	outline: none;
	box-shadow: none;
	border-radius: 50px;	
	font-family: inherit;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition: all 0.2s linear;
	width: 200px;
	background: rgba(255,255,255,0.1);
	color: #fff;
	text-indent: 15px;
}
.header-search form {
	margin-top: -6px;
}
.mobile-search .search-wrapper form input {
	width: 80%;
	padding: 10px 0;
}
/* MOBILE NAV ********************/
.mobile-button {
    z-index: 999;
    vertical-align: sub;
    cursor: pointer;
	position: fixed;
	right: 20px;
	top: 30px;
	display: none;
}
.mobile-button.home {
	right: 20px;
	top: 20px;
}
p.name-mobile-button {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    font-size: 16px;
    -webkit-transition: all .25s;
    transition: all .25s;
}
.mobile-button button {
    outline: none;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
	background: none;
    border: none;
    width: 45px;
    display: inline-block;
}
.mobile-button:hover span#line-3 {
    width: 100%!important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.mobile-button button span {
    height: 2px;
    width: 100%;
    display: block;
    margin: 6px 0px;
    transition: all 0.25s;
	background-color: rgb(255, 255, 255);
}
.mobile-button button span#line-3 {
    width: 25px;
    transition: all 0.25s;
}
/* Mobile Menu *******************/
#menu-wrapper-bar {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(37,139,176,0.95);
	z-index: 9998;
	visibility: hidden;
	/*opacity: 0;*/
}
#menu-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(25,49,82,1);
	z-index: 9999;
	visibility: hidden;
	overflow: hidden;
	/*opacity: 0;*/
}

#menu-wrapper .menu-content {
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#menu-wrapper .menu-content .mobile-wrapper {
	/*transform: translateY(-50%);
	top: 50%;
	margin-top: 50px;*/
}
ul.mobile-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.mobile-nav li {
	padding: 0;
	margin: 0;
}
ul.mobile-nav li a {
	color: #fff;
	/*background-color: #008EBB;*/
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.3s ease;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1.3em;
	text-shadow: none;
	display: block;
	text-decoration: none;
	padding: 12px 10px;
	font-family: 'Montserrat', sans-serif;
	/*border-bottom: 1px solid #fff;*/
}
ul.mobile-nav li ul {
	margin: -10px 20px 0 20px;
}
ul.mobile-nav li ul a {
	color: #C7DE82;
	font-size: 0.8em;
	line-height: 1em;
	padding: 5px;
}
ul.mobile-nav li.sub-mobile a {
	color: #A9DFEC;
	font-size: 0.9em;
}
ul.mobile-nav li.search {
	margin: 20px 0;
}
ul.mobile-nav li.social {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-left: -25px;
	max-width: 320px;
	min-width: 320px;
}
ul.mobile-nav li.social a.social {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	width: 24%;
	text-align: center;
	display: block;
}
ul.mobile-nav li.social a.social:nth-child(2) {
	margin: 0 10px;
}
ul.mobile-nav li.social a.social svg {
	fill: #fff;
	height: 20px;

}
ul.mobile-nav li.social a.social span {
	display: block;
}
@media only screen and (max-width: 900px) {

}
a.logo-menu {
	display: block;
	margin: 0 auto;
	cursor: pointer;
	width: 80%;
	max-width: 250px;
}
a.menu-close {
	display: block;
	position: absolute;
	top: 10px;
	left: 7px;
	cursor: pointer;
	color: #fff;
	z-index: 5;
	width: 28px;
	height: 28px;
	fill: #8AD2E0;
}
a.menu-close svg,a.logo-menu img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: auto;
}
a.menu-close svg {
	fill: #fff;
}
a:hover.menu-close svg {
	fill: #eee;
}

@media only screen and (max-width: 700px) {
	.nav li:not(.logo),#nav .subnav {
		display: none;
	}
	.mobile-button {
		display: block;
	}
	.nav li.logo {
		text-align: center;
		display: block;
	 }	
	.nav li.logo a {
		display: inline-block;
		margin-top: 10px;
	 }	
}



a#arrow-top {
	position: fixed;
	z-index: 99;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	/*border: 1px solid #eee;*/
	cursor: pointer;
	display: none;
	background-image: url('images/icons/up.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	/*background-color: #555;*/
}
a:hover#arrow-top {
	background-color: #1987B2;
	/*border-color: #000;*/
}

/*******************************************/
.feat-listings {
	display: none;
}
h3.listing-name {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 1.5em;
	line-height: 1em;
	/*text-transform: uppercase;*/
	margin: 0 0 15px 0;
	padding: 0;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}

.listing-description {
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 10px;
}
.listing-address {
	font-size: 0.9em;
	line-height: 1.2em;
}
.listing-email {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-top: 5px;
}
.listing-email a {
	color: #6BBAFD;
}
.listing-email a:hover {
	color: #fff;
}

.filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.filters div.filter {
	/*border: 2px solid #ddd;*/
	/*background: #1A87B2;*/
	border-radius: 50px;
	text-decoration: none;
	color: #A7AECF;
	margin: 5px 15px;
	padding: 5px;
	transition:all 0.2s linear;
	text-align: center;
	line-height: 1em;
	font-weight: 700;
}

.filter-text {
	line-height: 1em;
	font-size: 0.75em;
}
.filter-icon {
	width: auto;
	height: 50px;
	opacity: 0.7;
}
.filters .filter-icon img {
	height: 42px;
	width: auto;
}
.filters .filter-icon img {
  -webkit-filter: grayscale(100%)invert(100%);
  filter: grayscale(100%) invert(100%);	
}
.filter-icon svg {
	width: auto;
	height: 100%;
	display: block;
}
.filter-icon svg,
.filter-icon svg path,
.filter-icon svg g {
	fill: #888;
	stroke: transparent;
}
.filter-icon svg.stroke,
.filter-icon svg.stroke path,
.filter-icon svg.stroke g,
.filter-icon svg.stroke polyline,
.filter-icon svg.stroke line {
	stroke: #444;
	fill: transparent !important;
}

img.svg {
	display: none;
	opacity: 0;
}
ul.list-listings {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}
ul.list-listings li {
	border-bottom: 1px solid #05375A;
	padding-top: 30px;
	position: relative;
}
ul.list-listings li:last-child,
ul.list-listings li.last {
	border: none;
}
ul.list-listings li:last-child .listing-bg,
ul.list-listings li.last .listing-bg {
	display: none;
}
ul.list-listings .listing-details .activities {
}
ul.list-listings .listing-details {
    display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 20px;
}

ul.list-listings .listing-details .col.address {
	flex-basis: 50%;
}
ul.list-listings .listing-details .col.contacts {
	flex-basis: 50%;
	text-align: right;
}
ul.list-listings li .listing-bg-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	z-index: -1;
	top: 0;
	left: 0;
}
ul.list-listings li .listing-bg {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a87b2+0,7db9e8+57&0.2+0,0+58 */
	background: radial-gradient(ellipse at center, rgba(26,135,178,0.2) 0%,rgba(125,185,232,0) 57%,rgba(125,185,232,0) 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -50%;
	opacity: 0.7;
}
a.listing-button {
	color: #fff;
	border: 2px solid #fff;
	transition:all 0.2s linear;
	opacity: 0.5;
	border-radius: 40px;
	padding: 3px 10px 5px 10px;
	font-size: 0.8em;
	line-height: 1em;
	text-transform: uppercase;
	margin-left: 5px;
}
a:hover.listing-button {
	opacity: 1;
}

.listing-results {
    display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.listing-results > .col:nth-child(1) {
	flex-basis: 35%;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 120px;
	align-self: flex-start; /* <-- this is the fix */	
}
.listing-results > .col:nth-child(2) {
	flex-basis: 65%;
}
#results-acts {
	padding-left: 50px;
	padding-top: 20px;
}
h4.filter-heading {
	font-size: 1.8em;
	font-weight: 600;
	display: none;
}
ul.list-activities {
	list-style: none;
	margin: 0;
	padding: 0;
 -webkit-touch-callout: none; /* Safari */
        -webkit-user-select: none; /* Chrome */     
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; 	
}
ul.list-activities li {
	display: inline-block;	
}
ul.list-activities a {
	cursor: pointer;
	color: #999;
	/*border: 2px solid #666;*/
	padding: 5px;
	border-radius: 30px;
	text-decoration: none;
	color: #A7AECF;
	display: flex;
	margin: 5px;
	transition:all 0.2s linear;	
}
ul.list-activities a:hover {
	color: #fff;
}
ul.list-activities a input {
	display: none;
}

ul.list-activities a .act-text {
	line-height: 1em;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 0.8em;
}
ul.list-activities a .act-icon {
	border-radius: 32px;
	width: auto;
	height: 24px;
	display: inline-block;
	margin-left: 3px;
}
ul.list-activities a .act-icon img {
	height: 100%;
	width: auto;
  -webkit-filter: grayscale(100%)invert(100%);
  filter: grayscale(100%) invert(100%);
  opacity: 0.5;
  transition:all 0.2s linear;
}
ul.list-activities a:hover .act-icon img {
	opacity: 1;
}
ul.list-activities a.sel {
	color: #666;
	background: rgba(255,255,255,1);
	border-color: #fff;
}
ul.list-activities a.sel .act-icon img {
	opacity: 1;
	filter: grayscale(100%) invert(40%);
}
a#acts-clear {
	cursor: pointer;
	float: right;
	color: #fff;
	/*border: 2px solid #fff;*/
	transition:all 0.2s linear;
	opacity: 0.5;
	border-radius: 40px;
	padding: 5px 10px;
	font-size: 0.8em;
	text-transform: uppercase;	
}
a:hover#acts-clear {
	opacity: 1;
}
	.hero-loader {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		height: 200px;
		background: #012547;
		transition: opacity 0.2s ease-in-out;
	}
		.lds-ring {
		  position: absolute;
		  width: 80px;
		  height: 80px;
		  opacity: 0.7;
		  top: 50%;
		  left: 50%;
		  transform:translate(-50%,-50%);		  
		}
		.lds-ring div {
		  box-sizing: border-box;
		  display: block;
		  position: absolute;
		  width: 64px;
		  height: 64px;
		  margin: 8px;
		  border: 8px solid #fff;
		  border-radius: 50%;
		  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		  border-color: #fff transparent transparent transparent;

		}
		.lds-ring div:nth-child(1) {
		  animation-delay: -0.45s;
		}
		.lds-ring div:nth-child(2) {
		  animation-delay: -0.3s;
		}
		.lds-ring div:nth-child(3) {
		  animation-delay: -0.15s;
		}
		@keyframes lds-ring {
		  0% {
			transform: rotate(0deg);
		  }
		  100% {
			transform: rotate(360deg);
		  }
		}
		
.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}	
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.slide-out-left{-webkit-animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}}@keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}}

@media only screen and (max-width: 979px) {
	#results-acts {
		padding-left: 20px;
		padding-top: 20px;
	}
	ul.list-listings {
		margin: 0;
	}
	ul.list-listings .listing-description {
		padding: 5px;
	}
	ul.list-listings .listing-details {
		padding: 5px 5px 10px 5px;
	}
	.listing-results .col:nth-child(1) {
		flex-basis: 40%;
	}
	.listing-results .col:nth-child(2) {
		flex-basis: 60%;
	}
}

@media only screen and (max-width: 850px) {	
	ul.list-listings .listing-details {
		display: block;
		flex-wrap: wrap;

	}
	ul.list-listings .listing-details .col {
		display: block;
		flex-basis: 100%;
	}
	ul.list-listings .listing-details .col.contacts	{
		padding-top: 10px;
		text-align: center;
	}
	a.listing-button {
		margin: 0 2px;
	}

}
@media only screen and (max-width: 750px) {
	/*ul.list-activities li {
		display: block;	
	}*/
	ul.list-activities a .act-text {
		white-space: nowrap;
	}	
}
@media only screen and (max-width: 700px) {	
	.hero-text .container {
		margin: 0 5px;
	}
	.listing-results {
		display: block;
	}
	h3.listing-name {
		font-size: 1.2em;
	}	
	a.listing-button {
		padding: 2px 6px 4px 6px;
		font-size: 0.8em;
	}	
	.listing-results > .col:nth-child(1) {
	  position: relative;
	  position: relative;
	  top: 0;
	 }
	#results-acts {
 	 padding-left: 0;
	}
	a#acts-clear {
		float: none;
	}

	.listing-description {
		font-size: 0.85em;
		line-height: 1.1em;
	}
	.filter-icon img {
		height: 32px;
	}
	.filters div.filter br {
		display: none;
	}
	.filters div.filter {
		/*border: 2px solid #ddd;*/
		background: rgba(255,255,255,0.1);
		border-radius: 100px;
		margin: 5px;
		padding: 5px 10px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-around;
		color: #fff;
		width: 80px;
		height: 80px;				
	}
	.filters div.filter span {
		flex-basis: 100%;
		display: block;
	}
	.filter-icon {
		height: auto;
		margin-bottom: -10px;
	}
	ul.list-listings li .listing-bg {
		opacity: 1;
		background: radial-gradient(ellipse at center, rgba(26,135,178,0.2) 0%,rgba(125,185,232,0) 80%,rgba(125,185,232,0) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

}
.contacts.featured  {
	margin-top: 10px;
}

/* Page ********************/
#page-content {
	margin-top: 300px;
}
#page-content.w-fixed-hero {
	padding-top: 50px;
	margin-top: 550px;
}
#mc_embed_signup.fancybox-content {
	opacity: 1 !important;
}

/* DROP NAV ********************/
ul.drop-nav-list {
	/*display: none;*/
	margin: 0;
	padding: 0;	
}	

#drop-nav {
	position: absolute;
	display: none;
	z-index: 999;
	background-color: #1888B4;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1888b4+0,197293+40,086384+100 */
background: linear-gradient(to bottom, rgba(24,136,180,1) 0%,rgba(25,114,147,1) 40%,rgba(8,99,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: inline-block;
	min-width: 200px;
}

#drop-nav.active:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 12px 10px;
	border-color: transparent transparent #1888B4 transparent;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	/*opacity: 0.9;*/
}
#drop-nav ul {
	padding: 10px 0;
	list-style: none;
	margin: 0;
	width: 100%;
}

	#drop-nav ul li {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;		
		/*flex: 0 1 auto;*/
	}

	#drop-nav ul li a {
		display: block;
		padding: 15px 25px 15px 15px;
		line-height: 1.2em;
		font-size: 1em;
		font-weight: 600;
		/*border-bottom: 1px solid #666;*/
		margin: 0 10px;
		transition: all 0.3s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z' style='fill:%23dddddd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 99% center;
	color: #eee;
}	
	#drop-nav ul li ul li a {
		padding: 10px 10px 10px 25px;
		font-size: 14px;
		color: #666;
		font-weight: 400;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='none'%3E%3Cpath d='M0 0h24v24H0V0z'/%3E%3Cpath d='M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z' fill='%23c0c0c0'/%3E%3C/svg%3E");
	background-position: 98% center;	
	}
	
	#drop-nav ul li a div.excerpt {
		line-height: 18px;
		font-size: 14px;
		font-weight: 400;
		color: #999;
		padding: 5px;
	}	
	@media only screen and (max-width: 1280px) {	
		#drop-nav .container {
		  width: auto;
		  /*margin: 0 0 0 5%;*/
		}
	}	

	#drop-nav ul li a:hover {
		background-color: rgba(1,37,71,0.2);
		background-position: 100% center;
	}

	ul.drop-nav-list {
		display: none;
	}
@media only screen and (max-width: 1200px) {
    #drop-nav .drop-info h3 {
		font-size: 2.2em;
	}
}	
@media only screen and (max-width: 1050px) {
	#drop-nav ul li a {
		line-height: 1.2em;
		font-size: 0.95em;
		padding-top: 10px;
		padding-bottom: 10px;		
	}
	#drop-nav .container {
	  padding: 0;
	}	
}
@media only screen and (max-width: 880px) {	
	#drop-nav ul li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#drop-nav .drop-info {
		width: 20%;
	}
	#drop-nav .drop-list-wrapper {
		width: 80%;
	}
    #drop-nav .drop-info h3 {
		font-size: 1.8em;
	}	
}
@media only screen and (max-width: 780px) {
	#drop-nav ul li a {
		line-height: 1.2em;
		font-size: 0.85em;
		padding-top: 10px;
		padding-bottom: 10px;		
	}

}



#listing-hero {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 300px;
	transition: opacity 0.2s ease-in-out;	
}
#listing-hero .listing-hero-bg-wrapper {
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
}
#listing-hero .listing-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.kenburns-top{-webkit-animation:kenburns-top 5s ease-out both;animation:kenburns-top 5s ease-out both}
@-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}
#listing-hero.hero-fixed {
	position: fixed;
	top: -400px;
}
	#listing-hero .grad {
		position: absolute;
		width: 100%;
		z-index: 4;
	}
	#listing-hero .top-grad,#listing-hero .bottom-grad {
		height: 50%;
	
	}
	#listing-hero .top-grad {
		top: 0;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#012547+20,ffffff+100&0.9+20,0+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 20%, rgba(0,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.8) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}	
	#listing-hero .bottom-grad {
		bottom: 0;
		height: 60%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,012547+80&0+0,0.9+80,1+100 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(1,37,71,0.9) 80%,rgba(1,37,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		
	}
	#listing-hero .scroll-grad {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#012547+20,ffffff+100&1+0,0.9+20,0+100 */
		background: linear-gradient(to bottom, rgba(1,37,71,1) 0%,rgba(1,37,71,0.9) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		bottom: -15px;
		height: 15px;	
	}	
	#listing-hero .whole-grad {
		height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.hero-text  {
		position: absolute;
		bottom: 5px;
		left: 0;
		z-index: 5;
		color: #fff;
		width: 100%;
		opacity: 0;
	}
	.hero-text .container {
		justify-content: space-around;
		flex: 1;
		flex-direction: row;
		align-items: flex-end;		
		gap: 2em;
		padding-bottom: 20px;
	}	

	h1,h2 {
		font-family: 'Montserrat', sans-serif;
	}
	h1 {
		line-height: 1em;
		font-weight: 900;
		font-size: 3em;		
		text-transform: uppercase;
		display: inline-block;
		margin: 0 0 0 15px;
		padding: 0;
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		/*text-align: right;*/
	}
	.login h1 {
		opacity: 1;
		display: block;
	}	
	/*h1 span:last-of-type {
		font-weight: 900;
		font-size: 2.2em;
		display: block;
	}*/
	.page-icon {
		height: 64px;
		display: inline-block;
		margin-bottom: -15px;
		transition: all 0.2s ease-in-out;
		  -webkit-filter: grayscale(100%)invert(100%);
		  filter: grayscale(100%) invert(100%);		
	}		
	#listing-hero.hero-fixed h1 {
		font-size: 2.5em;
	}
	#listing-hero.hero-fixed .page-icon {
		height: 40px;
		margin-bottom: -5px;
	}	
#listing-container {
	/*margin-top: 600px;*/
	color: #fff;
	transition: all 0.2s ease-in-out;
	min-height: 100vh;
}
#listing-container.w-fixed-hero {
	/*padding-top: 50px;
	margin-top: 550px;*/
}
@media only screen and (max-width: 1279px) { 
	#listing-hero {
		height: 300px;
	}
}
@media only screen and (max-width: 700px) { 
	h1 {
		font-size: 2.5em;
		margin-left: 3px;
		white-space: nowrap;	
	}	
	#listing-hero.hero-fixed h1 {
		font-size: 1.8em;
	}
	.page-icon {
		height: 48px;
		margin-bottom: -5px;
	}		
	#listing-hero.hero-fixed .page-icon {
		height: 32px;
	}		
}
@media only screen and (max-width: 450px) { 
	h1 {
		font-size: 1.8em;
	}	
	#listing-hero.hero-fixed h1 {
		font-size: 1.5em;
	}
	.page-icon {
		margin-bottom: -5px;
	}		

}
.fancybox-content {
	opacity: 0;
}
.fancybox-content.fancybox-features {
	background-image: linear-gradient(
	  135deg,
	  hsl(209deg 97% 14%) 0%,
	  hsl(207deg 95% 16%) 13%,
	  hsl(205deg 94% 17%) 28%,
	  hsl(203deg 93% 19%) 43%,
	  hsl(201deg 92% 20%) 57%,
	  hsl(200deg 92% 22%) 69%,
	  hsl(199deg 92% 23%) 79%,
	  hsl(197deg 92% 25%) 88%,
	  hsl(196deg 93% 26%) 95%,
	  hsl(195deg 94% 27%) 100%
	);
}
.fancybox-content.fancybox-features {
    max-height: 600px;
	height: 55%;
	max-width: 500px;
	width: 50%;
    padding: 0;
    margin: 0;
	overflow: hidden;
	transition: opacity 0.2s ease-in-out;
}
.fancybox-features .featured-wrapper {
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 20px;
	transform: translateY(-50%);
	color: #fff;
}
.fancybox-features .fancybox-button svg path {
	fill: #333 !important;
}
.fancybox-features button.fancybox-button {
	background: #fff !important;
}
@media only screen and (max-width: 990px) {
	.fancybox-content.fancybox-features {
		width: 80%;
	}
}
@media only screen and (max-width: 400px) {
	.fancybox-content.fancybox-features {
		width: 90%;
		height: 80%;
	}
}
#page-text {
	z-index: 2;
	color: #fff;
	overflow: hidden;
}
.gallery {
	text-align: center;
}
.gallery a {
	margin-right: 10px;
}
.gallery .gallery-item img {
	width: 98%;
	height: auto;
}
@media only screen and (max-width: 500px) {
/*	.gallery .gallery-item {
		width: 50% !important;
	}*/
	.gallery a,
	.gallery img {
		margin: 0 !important;
	}
	
}
.page-text-container {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border: 2px solid #fff;
	border-radius: 30px;
	padding: 40px;
	margin: 0 20px 40px 20px;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.page-text-container a {
	color: #ABDFEE;
	font-weight: 600;
	text-decoration: underline;
}
.page-text-container .col-1 {
	flex-basis: 68%;
}
.page-text-container .col-1.full {
	flex-basis: 100%;
}
.page-text-container .col-2 {
	flex-basis: 32%;
}
.page-text-col-wrapper {
	padding: 20px;
}
@media only screen and (max-width: 760px) {
	.page-text-container {
		padding: 5px;
		display: block;
	}
}
#articles {
	min-height: 300px;
	margin-bottom: 60px;
	/*background: #fff;*/
}
.article-container {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.article-container .col-1 {
	flex-basis: 68%;
}
.article-container .col-2 {
	flex-basis: 32%;
}
.article-container a {
	display: block;
	padding: 20px;
	cursor: pointer;
}
.article-container a {
	opacity: 0;
	transition: opacity 1.5s;	
}
.article-content {
	overflow: hidden;
	border-radius: 10px;
}
.article-text {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.85+100 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 100px 30px 30px 30px;
	z-index: 2;
	transition: all 0.3s linear;
}
.article-grad {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	opacity: 0.3;
	transition: all 0.2s linear;
}
.article-text h2 {
	color: #fff;
	font-weight: 100;
    font-size: 5em;
    line-height: 0.85em;
	margin: 0;
	padding: 0 15% 0 0;
	font-family: 'Source Sans Pro', sans-serif;
}
.article-date {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.article-more {
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	opacity: 0;
	transition: all 0.2s linear;
	/*padding-left: 20px;*/
}
.col-1 .article-content {
	height: 600px;
}
.col-2 .article-content {
	height: 280px;
}
.col-2 .article-text h2 {
    font-size: 2em;
	padding: 0 20px 0 0;
}
.col-2 .article-text {
	padding-bottom: 15px;
}
.col-2 .article-more {
	padding-left: 0;
}
.article-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all 0.2s linear;
}


.article-container a:hover .article-bg {
	transform: scale(1.05);
}
.article-container a:hover .article-grad {
	opacity: 0.2;
}
.article-container a:hover .article-text {
	padding-bottom: 60px;
}
.article-container a:hover .article-more {
	opacity: 1;
}
@media only screen and (max-width: 1279px) {	

	.article-container {
		margin: 0 -15px;
	}
	#articles {
		margin-bottom: 20px;
	}	
}
@media only screen and (max-width: 900px) {	
	.article-text h2 {
		font-size: 3.5em;
		line-height: 1em;
	}
	.col-2 .article-text h2 {
		font-size: 1.7em;
	}
	.article-container .col-1 {
		flex-basis: 60%;
	}
	.article-container .col-2 {
		flex-basis: 40%;
	}
	.article-container a {
		padding: 10px;
	}
	.col-1 .article-content {
		height: 400px;
	}
	.col-2 .article-content {
		height: 190px;
	}	
@media only screen and (max-width: 800px) {	
	.article-text h2 {
		font-size: 2em;
	}
	.col-2 .article-text h2 {
		font-size: 1.7em;
	}
}
@media only screen and (max-width: 560px) {	
	.article-container {
		display: block;
	}
	.col-1 .article-content {
		height: 350px;
	}
	.col-2 .article-content {
		height: 280px;
	}	
}
	#calendar-cta {
		z-index: 2;
		color: #fff;
		overflow: hidden;
		background: #146988;
	}
	

	

/*******************************************/
.newspage-news-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	color: #fff;
	padding-top: 20px;
}
.col-news {
	flex-basis: 75%;
	display: flex;
	flex-wrap: wrap;
}
.col-sidebar {
	flex-basis: 25%;
}
.newspage-news-wrapper h2 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0 0 15px 0;
    padding: 0;
}
a.news-item {
	flex-basis: 44%;
	display: block;
	border-radius: 20px;
	border: 5px solid transparent;
	transition: all 0.4s;
	color: #fff;
	overflow: hidden;
	margin: 2% 1%;
}
a:hover.news-item {
	border: 5px solid rgba(199,222,130, 1);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	transform: scale(1.05);
	box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
}
a.news-item .news-date {
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	color: #ccc;
	font-weight: 700;	
}
a.news-item h3 {
	color: #ABDFEE;
    font-weight: 100;
    font-size: 2em;
    line-height: 0.85em;
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

a.news-item .news-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}
a.news-item .news-item-wrapper {
	padding: 10px;
}
.news-sticky {
	position: -webkit-sticky; /* for Safari */
	position: sticky !important;
	top: 130px;
	align-self: flex-start; /* <-- this is the fix */
}

.col-sidebar ul a {
	color: #ABDFEE;
	transition: all 0.3s;
}
.col-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	width: 98%;
}
.col-sidebar ul li {
	margin-right: 2px;
}
.col-sidebar ul li a {
	padding: 2px 3px;
	border: 2px solid transparent;
	border-radius: 20px;
	display: block;
	font-size: 0.9em;
}
.col-sidebar ul a:hover {
	color: #fff;
	border-color: #fff;
}
@media only screen and (max-width: 1400px) { 

	a.news-item .news-img {
		height: 180px;
	}
	a.news-item h3 {
		font-size: 1.6em;
		line-height: 0.95em;	
	}
}
@media only screen and (max-width: 1000px) { 

	a.news-item .news-img {
		height: 140px;
	}
}
@media only screen and (max-width: 900px) { 
	a.news-item .news-img {
		height: 220px;
	}
	.col-news {
		flex-basis: 75%;
	}
	a.news-item {
		flex-basis: auto;
		margin: 4%;
	}	
}
@media only screen and (max-width: 700px) { 
	.newspage-news-wrapper {
	  flex-direction: column-reverse;
	}
	.news-sticky {
		position: relative !important;
		top: auto;
		align-self: auto; /* <-- this is the fix */
	}	
}
@media only screen and (max-width: 550px) { 

	a.news-item .news-img {
		height: 140px;
	}
}
/********************************************************************/
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-navigation,
.fancybox-navigation button {
	display: none !important;
	opacity: 0;
}

/********************************************************************/
.main-content img,
.main-content .wp-caption {
	max-width: 100%;
	max-height: 100%;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.gallery-caption,
.wp-caption-text {
	font-size: 1em;
	font-style: italic;
	color: #ccc;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#wpadminbar {
	/*display: none;*/
}
