/*
Theme Name: Seafari Eco Cruises
Theme URI: http://www.seafariecocruises.com.au
Author: webecho
Author URI: webecho.com.au
Description: Custom theme for Seafari Eco Cruises
Version: 1.0
Text Domain: seafari
*/
/*meyer reset
========================================================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

/* Reset
============================================================================*/
*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;color:#0078a8;}
a:hover{}
li{list-style-type:none;}
article, aside, footer, header, hgroup, nav, section {display: block;}
img{border-radius:2px; }


/* Basics
===========================================================================*/
html{font-family:'Lato', 'Spinnaker', 'Raleway', sans-serif;font-size:16px;line-height:1.5em;background-color:#a6d6d6;}
body{background-color:#a6d6d6; }
.wrapper{width:100%;max-width:1280px;margin:0 auto;background-color:#fff;border:1px solid #ccc;border-top:none;border-bottom:none;}
.content{max-width:1200px;margin:0 auto; }
h1,h2,h3,h4,h5,h6{font-weight:normal;text-transform:uppercase;font-family:'Raleway',sans-serif;color:#54676e;color:#01677e;font-weight:bold;}
h1{font-size:2.3em;margin-bottom:0.5em;}
h2{font-size:1.7em;margin-bottom:0.75em;}
h3{font-size:1.2em;margin-bottom:0.75em;}
h4{font-size:1.2em;margin-bottom:0.75em;font-weight:bold;}
p{margin-bottom:.5em;line-height:1.5em;font-family:'Lato',sans-serif;}
hgroup{margin-bottom:12px;}
hgroup h1{margin-bottom:.2em;}
hgroup h2{font-size:1.3em;margin-bottom:.2em;}
.clearfix{clear:both;}

/* Structure
===========================================================================*/
header{}
nav{border-radius:2px;}
#home{width:60%;float:left;box-sizing:border-box;}
#main, #home{margin:2em 10px;widt1h:60%;float:left;box-sizing:border-box;}
#side{width:30%;float:right;box-sizing:border-box; }
section{}
article{}
footer{}

/* header
===========================================================================*/
header{padding:5px 0 0 0;box-sizing:border-box;margin:0 0 1em; }
header img{float:left;margin:0 0 5px 0; }
header img.logo{display:block;margin:1em 0;float:left;width:250px; }
header h1{padding:25px 0 0 20px;color:#2657b0;float:left; }
header:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.feature{clear:both; overflow:hidden;heigh1t:351px;} 

.bx-wrapper{margin-bottom:0; }
.bx-wrapper img{margin-bottom:0; }
.page-titles h1{text-align:left; }


header .call{background-color:#fc6;border-radius:3px;width:30%;position:relative;bottom:0; left:69%;margin-top:-2.5em;z-index:2; }
header .call p{font-size:1.5em;font-weight:bold;text-align:center;color:#000;letter-spacing:1px; }

/* nav
===========================================================================*/
nav{float:right;padding-top:2.5em;width:76%;font-size:1em;margin-bottom:1em;background-col1or:#000;text-transform:uppercase;font-weight:bold;letter-spacing:2px;}

nav .menu-main-container:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
nav ul{ }
nav li{width:20%;float:left;box-sizing:border-box;padding:0 1%;text-align:center; }
nav a:link, nav a:visited{color:#000;display:block;padding:4px 0; }
nav a:hover, nav a:active, nav a:focus{ }
nav li.current-menu-item a {padding-bottom:3px;color: #0078a8;border-botto1m:2px solid #cdcdcd; }
nav .menu-btn{display:none; }

/* main
===========================================================================*/
.featured{clear:both;padding-top:4em; }
#home{width:63%;margin:1em 3%; }
#home h1{margin-bottom:1em; }

.home-image{float:right; }

.promo{float:left;width:31%;box-sizing:border-box;margin:0 1% 24px;border-radius:4px;min-height:405px;text-align:center; }
.promo img{margin-bottom:0.75em;}
.promo .imgwrap{height:250px;overflow:hidden;margin-bottom:0.75em; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
 a:hover .imgwrap{heigh1t:250px;ovefl1ow:visible;transition-duration:0.3s;margin-bottom:0.75em;-moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1); }
 
.promo h2{paddin1g:3px 8px;text-transfor1m:lowercase;font-size:1.6em;text-align:center;margin:0.25em 0; }
.promo a:link h2, .promo a:visited h2{color:#000; }
.promo a:hover h2, .promo a:active h2, .promo a:focus h2 {color:#0078a8 }
.promo .quick-feat, .promo .quick-intro{padding:5px 8px; }
.promo .quick-feat{display:none; }
.promo .quick-info{min-heig1ht:100px; }
.promo ul.quick-info{margin:0; }

/* Side
===========================================================================*/
#side{background-color:#eee;padding:1em;margin-top:-4.4em;position:relative; border-radius:3px;}
#side h2{text-align:center; }
#side .side-caption{padding-top:1em;line-height:1.5em;font-size:1em;text-align:justify;margin-bottom:3em;}

#side .call{background-color:#fc6;border-radius:3px; }
#side .call p{font-size:1.5em;font-weight:bold;text-align:center;color:#000;letter-spacing:1px; }

/* Tours
===========================================================================*/
.t-section{margin:2em 0;width:80%;}

.tours{margin-bottom:4em;borde1r:1px solid #ccc;  }
.tours:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.tours h2{border-bottom:5px solid #8cc8bc;border-bottom:5px solid #06aecb;padding-bottom:3px;width:100%; }
.tours h2 span{color:#222;float:right;text-transform:lowercase;font-size:90%; }
.tours .strap{font-size:1.3em; margin-bottom:1em;}

/*.tours h2 img{float:right;margin-top:-44px;padding-left:40px; }*/

.intro{width:63%;float:left; margin-bottom:3em;}
.tour-items{width:63%;float:left; margin-bottom:3em;}
.tour-image{width:33%;margin-left:4%;float:right; }
.tours .tour-details{margin-left:0;clea1r:both;width:60%; }
.tours li{line-height:1.5em; }

.cancellation{clear:both; }


/* Contact
===========================================================================*/
.contact .entry title:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.contact{margin-bottom:3em;float:left;width:30%;}
.contact ul{padding-top:2em; }
.contact li{line-height:1.5em;margin-bottom:1em; }

.form{float:left;width:65%;margin-left:5%; }
.form h3{font-size:1.7em; }
.form input, .form textarea, .form select{padding:5px;font-size:1em;border:1px solid #ccc;border-radius:5px;font-family:arial, sans-serif; }

.form .nf-before-form-content{margin-bottom:1.5em; }
.form .nf-field-description{padding-left:10px; }




.map{width:48%;float:left;margin:3em 1%; }
.acf-map{width:100%;height:200px; }






/* footer
===========================================================================*/
footer{clear:both;padding:50px 0 10px;font-size:1em;box-sizing:border-box;width:100%; }

.sub-foot{background-color:#006092;color:#fff;padding:10px;border-radius:2px;}
.sub-foot a{color:#fff; }
.sub-foot .by{float:right; font-size:0.8em;opacity:0.4;}

footer p{width:100%; }
.mrquick{text-align:center;padding:3em 0; }

.siTabB{margin:0 40% !important; }


/* Mobile Stuff 
=============================================================================================================================================================*/
@media only screen and (max-width:1023px) {
body {width:100%;min-width:300px; }
.content{width:100%; }
header .logo, header h1{text-align:center;float:none;width:80%;display:block;margin-left:auto;margin-right:auto; }
header img.logo{display:block;margin:0;margin-left:auto;margin-right:auto;width:80%;float:none; }
.feature{background:none;height:auto; }
#home, #main, #side{width:96%;margin:0 2%;float:none; }
.promo {width:96%;margin:10px 2% 2em;float:none;box-sizing:border-box;min-height:0; }
.promo ul li{width:40%;display:inline;}
h1, h2{text-align:center; }


.menu-btn{/*position:absolute;right:10px;top:50px;padding:0 0 15px;*/}
.menu-btn p{color:#000;font-size:1.2em;text-align:center;text-transform:uppercase; }
.menu-btn div {position: absolute;top:10px;right:10px;padding-right: 8px;margin-top: -0.50em;line-height: 1.2;font-size: 18px;font-weight: 200;vertical-align: middle;z-index: 99;}
.menu-btn span {display: block;	width: 19px;height: 3px;margin: 4px 0;background: rgb(0,0,0);z-index: 99;}

nav{padding:0; float:none;width:100%;}
nav .menu-main-container{display:none; }
nav .menu-btn{display:block; }
nav .menu-main-container{displ1ay:none; }


nav:hover .menu-main-container, nav:active .menu-main-container, nav:focus .menu-main-container {display: block;}
nav #menu-main li {display:block;float:none;width:100%;font-size:1.3em;text-align:center;line-height:2em; }
nav #menu-main li a {border-bott1om:1px solid #fff; }


header .call{width:100%;left:0;margin-top:0; }


.t-section{width:100%; }
.tours h2{text-align:left; }
.tours .intro{width:100%; }
.tours .tour-image{width:100%;float:none;margin:0 0 2em; }
.tours .tour-items{width:100%; }
.tours .tour-items li{margin-bottom:1em; }
.tours .tour-details{width:100%; }




/* Contact
============================================================================= */
.contact{float:none;width:100%;text-align:center; }
.form{ float:none;width:100%;text-align:center;margin:1em 0 3em ;}
.form .nf-form-wrap{width:100%; }
.cancellation h3{text-align:center; }
.map{float:none;width:100%; }
.map p{text-align:center; }

/* Footer
============================================================================= */
footer{text-align:center;float:none; }
footer .sub-foot .copy{width:100%;margin-bottom:1em;display:block; }
footer .by {width:100%;display:block; }



/* blog
===============*/
body.single-post #main, .cat-tags{width:96%;margin:0 2%; }

.tour article li{display:block;width:100%; }

body.single-post #side{display:none; }

.sub-foot p{text-align:center; }
.sub-foot .by{float:none; }