/*
	Theme Name: Bay Dital -  Phillip Island Experience
	Theme URI: http://baydigital.com.au
	Description: HTML5 Blank WordPress Theme
	Version: 1.0.0
	Author: Ben Dickie
	Author URI: http://baydigital.com.au
	Tags: 

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* Animation Style */

/*------------------------------------*\
   EASING
\*------------------------------------*/

.show{
transition: opacity 1s ease-out;  
}

#home-attractions img{
 transition: all 1s ease-out;  
}

#image-block a, .nav ul ul, .nav ul ul a{
  transition: all .2s ease-in-out; 
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

#slider #text-block p{
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4)
}



/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#014387;
	text-decoration:none;
}
a:hover {
	color:#014387;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
}

.relative{
	position: relative;
}

ul{
	margin: 0;
	padding: 0;
}

iframe{
	max-width: 100%;
}

.fl_left{
	float: left;
}

.fl_right{
	float: right;
}


/*------------------------------------*\
    FONT
\*------------------------------------*/


body, p{
	font-size: 16px;
	color: #222222;
}

h1{
	font-size: 38px;
}

p{
	line-height: 1.5;	
}


h1, h2, h3, h4, h5.subtitle{
	color: #014387;	
	margin-top: 0;
}

h5.subtitle{
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: -20px;
}

.bonus-offers a{
	color: #b1d6fd;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

.wrapper {
	max-width:1080px;
	width:100%;
	margin:0 auto;
	position: relative;
}

#menu-cat{
	display: none;
}

.section{
	padding: 50px 0px; 
}

/*------------------------------------*\
   RETURN TO TOP
\*------------------------------------*/

#btn-top {
    position: fixed;
    bottom: 20px; 
    right: 30px;
    font-size: 35px;
    z-index: 99; 
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0.3);
    color: white; 
    cursor: pointer;
    border-radius: 30px;
    height: 45px;
    width: 45px;
    opacity: 0;
}

#btn-top.show{
	opacity: 1;
}

#btn-top i{
	margin-top: -5px;
	display: block;
}

#btn-top:hover {
    background-color: rgba(0,0,0,0.2);
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/


.home .header{
	height: auto;
}

.header-section, .home .header{
	background: #005cb9;
}

/* Heaer fixed on scroll */

.header.show{
	position: fixed;
	width: 100%;
	max-width: 2000px;
	z-index: 99;
	height: 0;
	opacity: 0;
	top: 0;
}

.header-section{
	position: relative;
	width: 100%;
}

.header.show .header-section, .header-section{
	-webkit-box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.35);
	box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.35);
}

.header.show #logo{
	width: 130px;
}

.header.show .nav a{
	padding: 17px 25px
}

.header.show #navigation .nav .book-button a{
	margin: 10px 0;
}

.header.show {
  -webkit-animation: Fade 0.25s forwards; /* Safari 4+ */
  -moz-animation:    Fade 0.25s forwards; /* Fx 5+ */
  -o-animation:      Fade 0.25s forwards; /* Opera 12+ */
  animation:         Fade 0.25s forwards; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes Fade{
  0%   { opacity: 0;}
  100% { opacity: 1; }
}
@-moz-keyframes Fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes Fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes Fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}


/* Logo */

#logo{
	width: 200px;
	padding: 5px;
	float:left;
}


/*----- NAV -----*/

#navigation, .banner.blue, #menu-dropdown-toggle, #home-attractions, #footer{
	background: #005cb9;
}

.nav ul{
	margin: 0;
	padding: 0;
}

.nav, .nav li{
	list-style: none;
	display: inline-block;
}

.nav li{
	float: left;
}

.nav{
	display: block;
	float: right;
	margin-right: 30px;
}

.nav a{
	display: inline-block;
	text-align: center;
	padding: 31px 25px;
	font-size: 17px;
	font-weight: 500;
	color: #ffffff;
}

.nav .menu-item-has-children > a:after {
	display: block !important;
	font-family: 'FontAwesome';
	font-size: 100%;
	margin-left: 10px;
	width: 10px;
	font-size: 16px;
	margin-top: 3px;
	content: "\f107" !important;
	float: right;
	color: #ffffff;
}


.nav li a:hover, .nav .menu-item-has-children > a:hover:after{
 	color: #b3eaff;
}

/* NAV CHILD */

.nav ul ul {
    position:absolute;
    left:-9999px; 
    width: 260px;
    z-index: 1000;
    margin: 0 0 0 0;
    padding: 5px 20px;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1);
}

.nav ul ul li a{
 	margin: 0;
 	display: block;
 	text-align: left;
 	padding: 12px 22px;
 	font-size: 14px;
 	text-align: center;
 	color:#222222;
 	font-weight: normal;
 	border-bottom: 1px solid #efefef;
 	font-weight: 600;
}


.nav ul ul li:last-child a{
	border: none;
}

.nav ul ul li a:hover{
	color: #005cb9;
}

.nav ul ul li{
 	width: 100%;
}

.nav ul li:hover > ul {
 	left:auto;
 	margin-left: 0px;
 	background:#ffffff;
}


.nav ul ul, .nav ul ul a{
	opacity: 0;
}

.nav ul li:hover > ul, .nav ul li:hover > ul a{
	opacity: 1;
}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/


/* Homepage -  Featued Atractions */

#home-attractions .four-col{
	width: 25%;
	padding: 10px;
	float: left;
}

#home-attractions .two-col{
	width: 50%;
	padding: 10px;
	float: left;
}

#home-attractions a{
	color: #ffffff;
	font-weight: 600;
}

#home-attractions span{
	padding: 5px;
	display: block;
	text-align: center;
}

#home-attractions .wrapper .image-wrapper{
	border: 5px solid #ffffff;
}

#home-attractions .wrapper div img:hover{
	transform: scale(1.15); 
}

#home-attractions .wrapper .image-wrapper{
	display: block;
	overflow: hidden;
	max-width: 250px;
}

#home-attractions .wrapper .two-col .image-wrapper{
	max-width: 600px;
}

#home-attractions.section{
	padding: 60px 0 55px 0;
}

.home h1{
	margin-top: 25px;
}

/* Penguins Content */

#penguins-content{
	background: url(img/bg-penguins.jpg) no-repeat center top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.penguins-text{
	margin: 40px 0;
	padding:40px;
	background: rgba(0,0,0,0.6);
	width: 100%;
}

.penguins-text iframe{
	float: left;
	max-width: 45%;
}

.penguins-text-wrapper{
	width: 55%;
	padding-left: 5%;
	float: left;
}

.penguins-text h1{
	margin-top: 0;
}

.penguins-text p{
	font-weight: normal;
}

.penguins-text h1, .penguins-text p{
	color: #ffffff;
}


/*------------------------------------*\
    SLIDER
\*------------------------------------*/


#slider-bg .wrapper{
	width: 1200px;
}

#slider-bg{
	background: #ede4cd url(img/bg-beach.jpg) no-repeat center top fixed; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

#slider{
	height: 475px;
	padding-top: 55px;
	color: #ffffff;
	overflow: hidden;
}

#slider span, #slider h2, #slider img, #slider h3{
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}


#slider h1, #slider h2, #slider p, #slider h3{
	color: #ffffff;
	margin: 0;
	padding: 0;
}

#slider h1{
	font-size: 50px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.58);
}

#slider span{
    display: inline-block;
    font-size: 60px;
}

#slider h2, #slider h3{
	float: left;
    font-size: 45px;
   	font-weight: bold;
     text-shadow:
    -2px -2px 0 rgba(255, 0, 0, 1),
    2px -2px 0 rgba(255, 0, 0, 1),
    -2px 2px 0 rgba(255, 0, 0, 1),
    2px 2px 0 rgba(255, 0, 0, 1); 
}

#slider h2{
	font-size: 130px;

}

#slider h3{
	line-height: 50px;
	margin-top: 30px;
	margin-left: 15px;
}

#slider p{
    display: block;
    position: absolute;
    width: 200px;
    top: 315px;
    left: 285px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 18px;
}

#slider img{
	-webkit-box-shadow: -2px -1px 11px 0px rgba(0, 0, 0, 0.59);
	-moz-box-shadow:    -2px -1px 11px 0px rgba(0, 0, 0, 0.59);
	box-shadow:         -2px -1px 11px 0px rgba(0, 0, 0, 0.59);
}

#text-block, #image-block{
	float: left;
}

#text-block{
	width: 550px;
	padding-left: 10px;
}

#text-block > div{
	display: block;
	clear: both;
	position: absolute;
}

#image-block{
	width: 550px;
	float: right;
	margin-top: 75px;
	padding-right: 50px;
}

#text-block-first{
	top: 130px;
}

#text-block-second{
	top:260px;
}

#image-block a{
	display: block;
	margin-left: -10px;
	float: left;
}

#image-block a:hover{
	 transform: scale(1.2); 
}

#slider h1{
	 -webkit-animation: fade 2s; /* Chrome, Safari, Opera */
    animation: moveleft 2s;
}

div#text-block-first, div#text-block-second{
 -webkit-animation: moverightmore 1s; /* Chrome, Safari, Opera */
    animation: moverightmore 1s;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes moverightmore {
    from {left: -40px;
    	opacity: 0;}
    to {left:0;
    	opacity: 1;}
}

/* Standard syntax */
@keyframes moverightmore {
     from {left: -40px;
    	}
    to {left:0;
    	}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes fade {
    from {
    	opacity: 0.25;}
    to {
    	opacity: 1;}
}

/* Standard syntax */
@keyframes fade {
    from {
    	opacity: 0.25;}
    to {
    	opacity: 1;}
}



/*------------------------------------*\
    ALERTS
\*------------------------------------*/

.alert{
	padding: 20px;
	border-radius: 10px;
	margin: 20px 0;
}

.alert-warning{
	background: #fef6e1;
}

/*------------------------------------*\
    PRICING TABLE
\*------------------------------------*/

table#pricing{

}


#pricing tr:nth-child(odd){
	background: #eeeeee;
	
}


#pricing td{
	padding: 10px 20px;
	
}


/*------------------------------------*\
    ATTRACTIONS TABLE
\*------------------------------------*/


table#attractions-table, #attractions-table tr{
	width: 100%;
}

#attractions-table td{
	width: 50%;
	padding: 20px 0;
}



/*------------------------------------*\
    COLUMNS
\*------------------------------------*/


.col-1 img, .col-1-2 img, .col-1-3 img{
	max-width: 100%;
}

/* Full Width */

.col-1{
	width: 100%;
}

/* Half Width */

.full-col-1-2{
	width: 50%;
	float: left;
}


.col-1-2.first, .col-1-3.first, .col-2-3.first{
	margin-left: 0;
}

.col-1-2{
	width: 47%;
	margin-left: 5%;
	float: left;
}

/* Third Width */


.col-1-3{
	width: 31.3%;
	margin-left: 3%;
	float: left;
}

/* Two Thirds Width */

.image-2-3{
	margin-top: 0;
	display: block;
}


.col-2-3{
	width: 65.6%;
	margin-left: 3%;
	float: left;
}

.col-1 , .col-1-2 , .col-1-3, .col-2-3{
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}

.col-1-3.images{
	margin-top: 30px;
}


/* Three Col FUll */

.col-3-full{
	background: #000000;
	width: 33.33333%;
	float: left;
	position: relative;
}

.col-3-full img{
	opacity: 0.9;
}

.col-3-full a{
	display: block;
}

.accomodation-block h2{
	font-size: 19px;
}

.accomodation-block{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/*------------------------------------*\
    CONTENT
\*------------------------------------*/

#top-image{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	height: 300px;
	overflow: hidden; 
	margin-top: 10px;
	margin-bottom: 15px;
	webkit-box-shadow: 0px -0 4px -2px rgba(0,0,0,0.53);
  -moz-box-shadow: 0px -0 4px -2px rgba(0,0,0,0.53);
  box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.2);
}

.home #content{
	padding: 0;
}

#content-wrapper .col-2-3 ul{
	padding-left: 30px;
}

#content-wrapper a{
	font-weight: 500;
	color: #014387;
}

#content-wrapper a.button-2, #content-wrapper a.button{
	color: #ffffff;
}

#content-wrapper{
	padding: 30px 0;
}

h1.banner{
	background: #78bd15;
	padding: 7px 45px;
	width: 100%;
	font-size: 25px;
	font-weight: 500;
	color: #ffffff;
}


.page #content h1.title{
	color: #ffffff;
	font-size: 50px;
	padding-left: 0;	
}

.page h1.title, .page h1.banner{
	text-align: center;
	margin: 0;
	webkit-box-shadow: 0px -0 4px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -0 4px -2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.2);
}

.page h1.title{
	background: #014387 url(img/pattern.jpg) repeat;
}

.title{
	padding: 20px 15px 10px 15px;
}

/* Gallery */

.gallery{
	display: block;
}

ul.gallery, li.gallery{
	list-style: none;
}

.page-template-template-attraction .gallery img{
	width: 50%;
	padding: 14px 7px 0 7px;
	float: left;
}

.page-template-template-attraction iframe{
	padding: 0 0 0 7px;
	margin-bottom: -3px;
}


/*------------------------------------*\
    ATTRCTION DETAILS
\*------------------------------------*/

.attraction-details{
	background: #78bd15;
}

.attraction-details, .attraction-details a, .attraction-details p{
	font-weight: 600;
	color: #ffffff;
}

.attraction-details .first{
	border-right:1px solid #84cf19;
}

.attraction-details .full-col-1-2{
	padding: 35px;
	-webkit-box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.1);
	box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.1);
}


/*------------------------------------*\
    BONUS OFFTERS
\*------------------------------------*/

.bonus-offers{
	background: #014387 url(img/pattern.jpg) repeat;
	-webkit-box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.2);
	box-shadow: inset 0px -4px 24px -5px rgba(0,0,0,0.2);
}

.bonus-offers h1, .bonus-offers, .bonus-offers p, .bonus-offers h4{
	color: #ffffff;
}

.bonus-offers h1{
	font-size: 30px;
}

.bonus-offers h4, .bonus-offers p, .attraction-details h4, .attraction-details p{
	margin: 0px;
	font-size: 18px;
}

.bonus-offers, .attraction-details{
	text-align: center;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/


#footer h2{
	color: #ffffff;
}

#footer .three-col{
	width: 33.33333%;
	padding: 20px;
	float: left;
}

#footer a, #footer p{
	color: #ffffff;
	font-size: 15px;
}

#footer ul li{
	list-style: none;
	font-weight: 600;
}

#footer .fa{
	font-size: 30px;
	padding: 10px;
}

#footer .sub-menu, #footer .book-button{
	display: none;
}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/

.button, .button-2{
	border-radius: 17.5px;
	padding: 11px 0;
	margin: 15px 10px 0 0;
	display: inline-block;
	width: 225px;
	text-align: center;
	font-weight: 600;
}

#navigation .nav .book-button a{
	margin: 22px 0;
	border-radius: 17.5px;
	padding: 8px 35px;
}

a.button, a.button-2{
	color: #ffffff;
}

.button{
	background: #7dc11c;
}

.button-2, #navigation .book-button a{
	background: #d51737;
}

/* Button Hover States */

.button:hover{
	background: #6bb601;
}

.button-2:hover, #navigation .book-button a:hover{
	background: #c50928;
	color: #ffffff;
}


/* faq
----------------------------------------------- */

.txt{
	display: none;
}

.faq #content-wrapper h1{
	cursor: pointer;
	margin: 15px 5px;
	font-size: 18px;
	padding: 5px 0;
	border-bottom: 1px solid #eeeeee;
	color: #222222;
}

.faq #content-wrapper h1:before{
		display: block !important;
		font-family: 'FontAwesome';
		width: 20px;
		height: 20px;
		font-size: 13px;
		font-weight: normal;
		content: "\f0fe" !important;
		float: right;
		color: #005cb9;
}


.faq #content-wrapper h5{
	margin: 0;

}

/*------------------------------------*\
    FORMS
\*------------------------------------*/


input, textarea{
	width: 100%;
	border: 1px solid #ddd;
	background: #ffffff;
	padding: 10px;
	display: block;
	border-radius: 4px;
}

input[type=submit]{
	width: 130px;
	color: #222222;
	float: left;
	border-radius: 4px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

input[type=submit]:hover{
	background: #fefefe;
}

div.wpcf7-mail-sent-ok{
	color: #cfe08d;
	border: none;
	font-size: 14px;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (min-width:2000px) {

	body{
		width: 2000px;
		margin: 0 auto;
		background: #dddddd;
	}

	#content{
		background: #ffffff;
	}

}


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

	#slider-bg{
	background: #ede4cd url(img/bg-beach.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}


}


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

	#slider-bg .wrapper{
		width: 100%;
	}

	/* Slider */

	#slider-bg .wrapper, .wrapper, #slider{
		max-width: 100%;
		width: 100%;
	}

}


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

	/* Nav */

	.nav a{
		font-size: 15px;
		padding: 31px 14px;
	}

	.header.show .nav a{
		padding: 17px 14px;
	}

	.nav .menu-item-has-children > a:after{
		margin-top: 0;	
	}

}

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

	/* Wrapper */

	.wrapper{
		width: 94%;
	}


	/* Slider */

	#slider p{
		display: none;
	}

	#text-block{
		width: 500px;
	}

	#image-block{
		margin-right: 50px;
	}



}


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

	/* Text */

	h5.subtitle{
		margin-bottom: 0;
	}

	/* Page Layout */

	.home .header{
		height: auto;
	}

	.header.show #menu-dropdown{
		top: 61.5px;
	}


	/* Mobile Nav */

	#navigation, #menu-dropdown, #top-contact, #menu-dropdown ul ul{
		display: none;
	}

	#menu-cat{
		display: block;
	}

	#menu-dropdown ul li{
		list-style: none;
	}

	#menu-dropdown ul li{
		border-bottom: 1px solid #005cb9;
	}

	#menu-dropdown ul ul li{
		border: none;
	}

	#menu-dropdown > ul{
		margin:0;
		padding: 0;
		list-style:none;
		width: 100%;
	}

	#menu-dropdown > ul li a{
		padding: 15px;
		display: block;
		color: #ffffff;
		width: 80%;
		font-weight: 500;
	}

	#menu-dropdown ul li a:hover{
		color: #75d9ff;
	}

	#menu-dropdown ul ul{
		padding: 0 0 15px 30px;
	}

	#menu-dropdown ul li.menu-item-has-children:before{
		display: block !important;
		font-family: 'FontAwesome';
		width: 20%;
		height: 50px;
		font-size: 20px;
		padding: 15px;
		color: #ffffff;
		content: "\f105" !important;
		float: right;
		text-align: center;	
		cursor: pointer;
	}

	#menu-dropdown ul li.menu-item-has-children.menu-dropdown-down:before{
		content: "\f107" !important;
	}

	#menu-dropdown-toggle{
		padding: 10px 20px;
		border-radius: 3px;
		font-size: 30px;
		color: #ffffff;
		float: right;
		cursor: pointer;
	}

	#menu-dropdown-toggle p{
		display: block;
		font-weight: 500;
		color: #ffffff;
		font-size: 20px;
		margin:  5px 10px 0 0;
		float: left;
	}

	#menu-dropdown{
		top: 89.5px;
		right: 0;
		position: absolute;
		width: 50%;
		z-index: 999999;
		background: #014b95;
	}

	#menu-dropdown a{
		padding: 15px;
		display: inline-block;
	}

	/* slideshow */

	#text-block{
		display: none;
	}

	#image-block{
		margin: 0 auto;
		float: none;
	}

	#slider h1{
		margin-top: 0;
		margin-bottom: 20px;
	}

	#slider{
		height: auto;
		margin: auto;
	}

}



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

	/* Header */

	.page #content h1.title{
		font-size: 35px;
	}

	h1.banner{
		font-size: 22px;
		padding: 14px 45px;
	}

	/* Page */

	.page #content{
		margin-top: 0;
	}

	/* mobile nav */

	#menu-dropdown{
		width: 100%;
	}

}


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

	iframe, .penguins-text-wrapper, .penguins-text iframe{
		width: 100%;
		max-width: 100%;
	}

	/* Header */


	.page #content{
		margin-top: 70px;
	}

	.home.page #content{
		margin-top: 0;
	}

	.header-section{
		top: 0;
		opacity: 1;
	}

	.header #logo, .header.show #logo{
		width: 150px;
	}

	.header-section{
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	#slider{
		padding-top: 70px;
	}

	/* Header Attractions */

	#home-attractions .wrapper .four-col .image-wrapper,
	#home-attractions .wrapper .two-col .image-wrapper{
		width: 100%;
		max-width: 100%;
	}

	#home-attractions .four-col,
	#home-attractions .two-col{
		width: 50%;
		max-width: 50%;
	}

	/* Columns */

	.col-1-3.third, .col-1-3.images, .col-2-3, .col-1-3, .col-1-2, .col-1-2.first{
		margin: 0;
		width: 100%;
	}

	/* Page Gallery */

	.page-template-template-attraction .gallery img, .gallery{
		width: 100%;
		max-width: 100%;
	}

	.gallery{
		margin-bottom: 25px;
	}

	.gallery li{
		width: 50%;
		float: left;
	}


	#menu-dropdown{
		top: 70px;
	}

	/* Above Footer */

	#footer-details{
		float: left;
		margin-left: -10px;
		margin-top: 15px;
		width: 100%;
	}

	/* Footer */

	#footer .three-col{
		width: 100%;
	}

}


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

	/* Home slider */

	#slider h1{
		font-size: 30px;
	}

	#slider span{
		font-size: 40px;
	}

	#image-block{
		width: 400px;
		padding-left: 30px;
	}

	#image-block a img{
		width: 90px;
		ms-transform: rotate(-7deg);
	   -webkit-transform: rotate(-7deg);
	   transform: rotate(-7deg);
	}


	/* Attractions Table */

	#attractions-table td, .full-col-1-2{
	width: 100%;
	}

	/* Attractions Page */

	.bonus-offers img, img#bonus-text{
		display: none;
	}

	#bonus-text{
		margin: 0;
	}

}



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

	/* logo */

	#logo{
		padding: 5px 0;
		margin-left: 0;
	}


	/* mobile Nav */

	#menu-dropdown-toggle p{
		display: none;
	}

	/* Footer */

	#footer p.fl_right{
		float: left;
		display: block;
		width: 100%;
	}

}


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

	.accomodation-block{
		margin-bottom: 20px;
	}

}

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

	.wrapper{
		width: 100%;
	}

	#strip-right, #strip{
		display: none;
	}

	img{
		height: auto;
	}

	#menu-dropdown-toggle{
		right: 10px;
		top: 10px;
	}

	#content-wrapper{
		padding: 50px 20px;
	}


}



/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 30px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}