@charset "utf-8";
@media all and (max-width: 1600px)  { /* and (min-width: 1366px) */
	.activities > .activity > .text > div { padding:50px; }
}
@media all and (max-width: 1365px)  { /* and (min-width: 1279px) */
	#locations .acf-map,
	#locations #lists { width:50%; }
}
@media all and (max-width: 1279px)  { /* and (min-width: 1024px) */
	/*= HEADER
	-----------------------------------------*/
	header.topHeader nav ul li > a { padding:15px 24px; }
	
	/*= HOMEPAGE
	-----------------------------------------*/	
	.activities > .activity > .text,
	.activities > .activity > .image { width:100%; float:none; }
	.activity p { width:75%; }
	.activities > .activity > .image { height:450px; }
}
@media all and (max-width: 1023px)  { /* and (min-width: 800px) */
	/*= HEADER
	-----------------------------------------*/
	body.overflow { overflow:hidden; }
	.onlyMobile { display:block; }
	#toggleMenu {cursor:pointer; position:absolute; top:16px; right:25px; color:#FFF; font-size:25px; }
	header nav { position:fixed; z-index:105; top:0; right:-100%; width:100%; height:100%; box-sizing:border-box; background-color: #0292B6; text-align:center; padding:40px; color:#FFF; cursor:auto; font-weight:300; }
	header.topHeader { padding:10px 0; }
	header.topHeader .logo { position:relative; float:none; width:100px; }
	header.showMenu nav { right:0; }
	header.topHeader nav { padding:50px 0; } 
	header.topHeader nav ul { float:none; }
	header.topHeader nav ul li { float:none; padding:0; margin:0; }
	
	header.topHeader nav ul > li > a { float:none; border:none;}
	header.topHeader nav ul > li:hover > a,
	header.topHeader nav ul > li.current-menu-item > a,
	header.topHeader nav ul > li.current-menu-ancestor > a { color:#F0E019; }
	nav > div > ul > li > a { padding:0; display:inline; font-size:24px;line-height:1.2em; letter-spacing:0.07166em }
	nav > div > ul { display:block; float:none; }
	#closeMenu { position:absolute; z-index:1; top:25px; right:25px; cursor:pointer; font-size:25px; }
	header.topHeader nav ul li.menu-item-has-children:hover:after,
	header.topHeader nav ul li.menu-item-has-children:hover ul {  display:none; opacity:0; visibility: hidden; }
	header.topHeader nav.showSubMenu ul li.menu-item-has-children ul {  display:block; opacity:1; visibility: visible; }
	header.topHeader nav ul li ul { position:fixed; top:67px; left:0; width:100%; height:100%; height:calc(100% - 67px); padding:0 15px; box-sizing:border-box; }
	header.topHeader nav ul li ul:before { content:"Activities"; color:#000; font-family: "alternate-gothic-no-1-d",sans-serif; text-transform:uppercase; display:block; text-align:left; font-size:24px; line-height:1em; margin:17px 0; }
	header.topHeader nav.showSubMenu #closeMenu { position:fixed; top:80px; right:28px; color:#bdbdbd; z-index:2; } 
	header.topHeader nav ul li ul > li { display:block; border-top:1px solid #bdbdbd; text-align:left; }
	header.topHeader nav ul li ul > li:hover,
	header.topHeader nav ul li ul > li.current-menu-item { background-color:transparent; }
	
	header.topHeader nav ul li ul > li.icon-waverunners > a:before,
	header.topHeader nav ul li ul > li.icon-pedalbots > a:before,
	header.topHeader nav ul li ul > li.icon-epaddleboards > a:before,
	header.topHeader nav ul li ul > li.icon-kayaks > a:before,
	header.topHeader nav ul li ul > li.icon-bananaboats > a:before,
	header.topHeader nav ul li ul > li.icon-paddleboards > a:before,
	header.topHeader nav ul li ul > li.icon-parasail > a:before,
	header.topHeader nav ul li ul > li.icon-yacht > a:before,
	header.topHeader nav ul li ul > li.icon-waverunnertour > a:before { position:absolute; left:0; top:50%; margin:0;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform:translateY(-50%); }
	header.topHeader nav ul li ul > li > a { padding:20px 0; }
	header.topHeader nav ul li ul > li.icon-waverunners  > a:before { width:50px; height:31px; }
	header.topHeader nav ul li ul > li.icon-kayaks > a:before { width:50px; height:29px; }
	header.topHeader nav ul li ul > li.icon-bananaboats > a:before { width:50px; height:15px; }
	header.topHeader nav ul li ul > li.icon-paddleboards > a:before { width:50px; height:24px; }
	header.topHeader nav ul li ul > li.icon-parasail > a:before { width:28px; height:30px; margin-left:11px; }
	header.topHeader nav ul li ul > li.icon-waverunnertour > a:before { width:40px; height:30px; margin-left:5px; }
	header.topHeader nav ul li ul > li > a { font-weight:700; padding-left:120px; }
	header.topHeader nav ul li ul > li:hover > a,
	header.topHeader nav ul li ul > li.current-menu-item > a,
	header.topHeader nav ul li ul > li.current-menu-ancestor > a { color:#2B2B2B; }
	header.topHeader nav ul li ul > li > a:after { content:"Book Now"; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform:translateY(-50%); right:0; color:#0292b6; text-transform:uppercase; font-size:15px; }
	
	/*= LOCATIONS
	-----------------------------------------*/
	#locations .acf-map { display:none; }
	#locations #lists { width:100%; float:none; overflow-y:inherit; }
	#locationsBanner #filterByActivity { right:165px; }
}
@media all and (max-width: 799px)  { /* and (min-width: 768px) */
	/*= FOOTER
	-----------------------------------------*/
	.sectionFooter > div { float:none; width:100%; }
	footer .logo { padding: 0 0 40px; }
	footer .logo > img { display:block; margin:0 auto; }
	footer .social { float:none; margin:50px auto 30px; }
	
	/*= HOMEPAGE
	-----------------------------------------*/	
	.activities > .activity > .text { padding:25px; }
}

@media all and (max-width: 768px)  {
	#locationsBanner #filterByActivity {
		position: fixed;
		background-color: #0292B6;
		width: 100%;
		left: 0;
		height: 75px;
		display: block;
	}
	
	#locationsBanner .filterLocations > .title > i {
	    width: 100%;
	    height: 100%;
	}
	
	#locationsBanner #filterByActivity.open {
		height: 80%;
		z-index: 2;
	}
	
	#locationsBanner #filterByActivity .fa-angle-down:before {
	    float: right;
	}
	
	#locationsBanner #filterByActivity div.title {
		text-align: center;
		color: #fff;
		font-size: 20px;
		padding: 15px 0;
	}
	
	#locationsBanner #filterByActivity > .title > ul {
		width: 100%;
		margin-left: 0;
		height: 100vh;
		top: 58px;
		font-size: 14px;
		font-weight: 700;
		text-align: left;
	}
}


@media all and (max-width: 767px)  { /* and (min-width: 600px) */
	/*= GRID
	-----------------------------------------*/	
	.pad01 { padding:0 20px; }
	.padMobile { padding:0;}
	.reverseMobile { display:flex;flex-flow:column-reverse wrap; }

	/*= GENERAL
	-----------------------------------------*/	
	.sectionAbout { padding-bottom:0; }
	.banner_title .illustration { margin:2px 15px 0 0; }
	.include-widget .content { padding-left:20px; padding-right:20px; }

	/*= WIDGET
	-----------------------------------------*/	
	/*.include-widget .widget { position:absolute; top:inherit; bottom:0; left:0; width:100%; padding-left:20px; padding-right:20px; border-radius:0; border-top-width:2px;  }*/
	.include-widget .widget { position:relative; width:100%; left:0; padding-left:20px; padding-right:20px; border-radius:0; border-top-width:2px;  }
	.include-widget .widget.fixed:not(.uncollapse) { position:fixed; background-color:#0292B6;  }
	.include-widget .widget.fixed:not(.uncollapse) h3 { color:#FFF; }
	.include-widget .widget h3 { margin-bottom:0; border-bottom:none; padding-bottom:0; cursor:pointer;  }
	.include-widget .widget.uncollapse { position:relative; }
	.include-widget .widget.uncollapse h3 { margin-bottom:12px; border-bottom:1px solid #bdbdbd; padding-bottom:16px; }
	.include-widget .widget .collapseMobile { display:none; }
	.include-widget .content { padding:0 25px 90px; }
	.include-widget .reverseMobile .widget { position:initial;margin:20px 0;border:none; }
	
	/*= LOCATIONS
	-----------------------------------------*/	
	.banner_title #widget_location { right:5px; top:inherit; bottom:-18px; }
	#locationsBanner .filterLocations { top:inherit; bottom:-15px; }
	#locations #lists .image,
	#locations #lists .text	{ width:100%; float:none; }
	#locations #lists .image { height:250px; }

	/*= CART / CHECKOUT
	-----------------------------------------*/	
	body .woocommerce .cart-collaterals .cart_totals, 
	body.woocommerce-page .cart-collaterals .cart_totals,
	#customer_details,
	#order_review_heading { box-sizing:border-box; padding:0 20px; }
	.woocommerce .woocommerce-cart-form,
	#order_review { box-sizing:border-box; padding:0 8px; }
	body .woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
	body.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color:transparent; }
	
	
	.book-mobile{ display:block; }
}
@media all and (max-width: 599px)  { /* and (min-width: 414px) */
	/*= GRID
	-----------------------------------------*/	
	.pad01 { padding:0 15px; }

	/*= HOMEPAGE
	-----------------------------------------*/	
	.flexslider.top .slides h1, 
	.flexslider.top .slides h2, 
	#media-player .caption h1 { font-size:40px; margin-bottom:12px;	}
	.flexslider.top .slides > li > .caption p, 
	#media-player .caption p { font-size:14px; margin-bottom:18px; }
	.activities > .activity > .image { height:260px; }
	.activities > .activity > .text { padding:15px; }
	.activities > .activity > .text > div { padding:25px; }
	.activity p { width:100%; }
	.activity h2 { font-size: 60px; margin-bottom: 5px; padding-top: 20px; }
	.activity .btn { margin-top: 15px; }
	#media-player,
	#media-player video { display:none; }
	.flexslider.top .slides > li { overflow:hidden; }
	.flexslider .slides img { width:200%; margin-left:-50%; max-width:inherit; }
	.activity-caption { display:flex;justify-content:center;position:relative;flex-flow:row wrap;align-items:center;height:100%; }
	.activity-caption:before { content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.35); }
	.activity-caption .activity-caption-inner { display:block;z-index:1; }
	
	/*= GENERAL
	-----------------------------------------*/	
	.btn { padding:14px 20px; }
	p, .content ul { margin-bottom: 18px; }
	.include-widget .content,
	.include-widget .widget,
	body .woocommerce .cart-collaterals .cart_totals, 
	body.woocommerce-page .cart-collaterals .cart_totals,
	#customer_details,
	#order_review_heading,
	.woocommerce .cart-empty { padding-left:15px; padding-right:15px; }

	/*= FOOTER
	-----------------------------------------*/	
	footer { padding:0 20px; }
	footer .newsletter .gform_wrapper .gform_body { width:100%; float:none; margin-bottom:20px; }
	footer .newsletter .gform_wrapper .gform_footer { float:none; margin:0 auto; }
	footer nav.mainNav ul li > a, 
	footer nav.mainNav ul li { font-size:9px; } 
	
	/*= LOCATIONS
	-----------------------------------------*/	
	#locationsBanner .filterLocations > .title > ul { top:36px; }
	.banner_title h1 > span { font-size:20px; margin-left:5px; }
	#locations #lists .image { height:185px; }
	
	#locationsBanner #filterByCity { position:relative; display:table; right:inherit; bottom:inherit; margin:5px auto 0; }
	#locationsBanner.banner_title { padding-bottom:10px; }
	
	/*= LOCATION
	-----------------------------------------*/	
	.banner_title #widget_location { font-size:14px; display:table; position:relative; bottom:inherit; right:inherit; margin:0 auto; }
	.banner_title.include-locations { padding-bottom:5px; } 
	
	/*= CART / CHECKOUT
	-----------------------------------------*/	
	.woocommerce .woocommerce-cart-form,
	#order_review { box-sizing:border-box; padding:0 3px; }
}
@media all and (max-width: 413px)  { /* and (min-width: 375px) */
	/*= FOOTER
	-----------------------------------------*/	
	footer nav.mainNav ul li { padding:0 1px; }
	footer nav.mainNav ul li > a, 
	footer nav.mainNav ul li { font-size:8px; }
}

/*=HEIGHT
-------------------------------------*/
@media all and (max-height: 510px) and (max-width: 1023px)  { /* and (min-height: 475px) */
	header.topHeader nav ul li ul > li > a { padding-top:15px; padding-bottom:15px; } 
}
@media all and (max-height: 475px) and (max-width: 1023px)  { /* and (min-height: 420px) */
	header.topHeader nav ul li ul:before { margin:9px 0; }
	header.topHeader nav.showSubMenu #closeMenu { top:72px; }
	header.topHeader nav ul li ul > li > a { padding-top:13px; padding-bottom:13px; }
	header.topHeader nav ul li ul > li.icon-waverunners > a:before { width: 39px; height: 24px; }
	header.topHeader nav ul li ul > li.icon-kayaks > a:before { width: 39px; height: 22px; }
	header.topHeader nav ul li ul > li.icon-bananaboats > a:before { width: 39px; height: 12px; }
	header.topHeader nav ul li ul > li.icon-paddleboards > a:before { width: 39px; height: 19px; }
	header.topHeader nav ul li ul > li.icon-parasail > a:before { width: 25px; height: 27px; margin-left: 7px; }
	header.topHeader nav ul li ul > li.icon-waverunnertour > a:before { width: 32px; height: 24px; margin-left: 3px; }
	header.topHeader nav ul li ul > li > a:after { font-size:13px; }
}
@media all and (max-height: 420px) and (max-width: 1023px)  { /* and (min-height: 375px) */
	header.topHeader nav { padding:10px 0; }
	header.topHeader nav ul li ul > li > a {  padding-top: 9px; padding-bottom: 9px; padding-left:110px; }
}
@media all and (max-height: 375px) and (max-width: 1023px)  { /* and (min-height: 345px) */
	header.topHeader nav ul li > a { padding: 12px 0; }
}
@media all and (max-height: 345px) and (max-width: 1023px)  { /* and (min-height: 300px) */
	nav > div > ul > li > a { font-size:20px; }
	header.topHeader nav ul li > a { padding: 10px 0; }
}
@media all and (max-height: 345px) and (max-width: 1023px)  { /* and (min-height: 250px) */
	nav > div > ul > li > a { font-size:16px; }
	header.topHeader nav ul li > a { padding: 8px 0; }
}