/*
Theme Name: Busselton Resorts
Theme URI: http://busseltonresorts.com.au
Author: webecho
Author URI: webecho.com.au
Description: Custom theme for Busselton Resorts
Version: 1.0
Text Domain: busseltonresorts


*/
/*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;}
a:hover{}
li{list-style-type:none;}
article, aside, footer, header, hgroup, nav, section {display: block;}



/* Basics
===========================================================================*/
html{font-family:'Roboto', sans-serif;font-size:14px;line-height:1.5em;}
body{width:100%;max-width:1280px;margin:0 auto;}
.content{max-width:1200px;margin:0 auto; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:1.7em;margin-bottom:0.5em;}
h2{font-size:1.5em;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;}
hgroup{margin-bottom:12px;}
hgroup h1{margin-bottom:.2em;}
hgroup h2{font-size:1.3em;margin-bottom:.2em;}
.clearfix{clear:both;}


/* Structure
===========================================================================*/
header{}
nav{}
#main{margin:0 10px;width:60%;float:left;box-sizing:border-box;}
#side{width:38%;float:left;box-sizing:border-box; }
section{}
article{}
footer{}


/* header
===========================================================================*/
header{padding:5px 0 0 0;box-sizing:border-box; }
header img{float:left;margin:0 0 5px 0; }
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; }

/* nav
===========================================================================*/
nav{float:right;width:40%;font-size:1.3em;text-transf1orm:uppercase;padding-top:30px; }
nav ul{ }
nav li{width:33%;float:left;box-sizing:border-box;padding:0 1%; }
nav a:link, nav a:visited{color:#000;display:block; }
nav a:hover, nav a:active, nav a:focus{ }


/* main
===========================================================================*/
#home{padding-top:2em; }
.promo{float:left;width:31.3%;box-sizing:border-box;border:1px solid #ccc;margin:0 1% 24px;border-radius:4px;min-height:465px; }
.promo img{margin-bottom:0.75em; }

.promo h2{padding:3px 8px;text-transform:uppercase;font-size:1.4em; }
.promo .quick-feat, .promo .quick-intro{padding:5px 8px; }
.promo .quick-feat{display:none; }
.promo .quick-intro{min-height:210px; }

.promo ul{margin:20px 0; }
.promo ul:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.promo ul li{float:right;width:40%;margin:0 5%; text-align:center;}
.promo ul li.info{float:left; }
.promo ul a:link,.promo ul a:visited, a.book-now:link, a.book-now:visited{text-align:center;padding:5px 15px;color:#fff;background-color:#2657b0;font-size:1.2em; border-radius:2px;}
.promo ul a:hover,.promo ul a:active, .promo ul a:focus,a.book-now:hover{background-color:#2ebae5; }
.promo ul li.info a:link, .promo ul li.info a:visited {background-color:#0ab047;}



.text{width:64%;float:left;font-size:1.1em; }






/* Resort 
===========================================================================*/
.resort-gallery{width:100%; }
.resort-gallery:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}

.gal-head{height:22px;background-color:#000;color:#fff;padding:0 0 0 1em; margin:0 0 7px ;line-height:22px;vertical-align:middle;}


.gallery-left, .gallery-right {box-sizing:border-box; }
.gallery-left{float:left;width:708px;width:60%; }
.gallery-right{float:left;width:472px;width:40%; }
.gallery-right img{float:left;margin:0  0 7px 7px; }


.resort-details{clear:both;padding-right:8px; }
.resort-details article{margin-bottom:3em; }
.resort-details article:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.resort-details div{float:left;width:33.3%; }
.desc{margin-bottom:3em; }

.resort-details .book-now{float:right; }

.resort-details .checkrates, .resort-details .checkratessingle{text-align:center;padding:1px 3px;color:#fff;background-color:#2657b0;font-size:1em; border-radius:2px; }
.resort-details .checkratessingle {display:none;}
.resort-details .rooms li{width:100%;line-height:2em;}
.resort-details .rooms span{float:right; }



.facilities{ }
.facilities li{line-height:1.3em; }




/* side
===========================================================================*/
#side{padding:2em 0 0 2%;box-sizing:border-box;}
#side a:link, #side a:visited{color:#000;display:block; }
#side a:hover, #side a:active, #side:focus{background-color:rgba(46,186,229,0.4);border-radius:5px;transition: background-color 0.5s ease; }
#side ul{width:90%;font-size:1.2em; }
#side ul li{line-height:1.5em;margin-bottom:0em; }

.resort-list li{border-bottom:1px solid #eee;padding:0.5em ; }
.resort-list li img{float:left;margin-right:10px; }
.resort-list li:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}



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

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

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

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



.resort-gallery{width:100%; }
.resort-gallery .gallery-left{width:100%; }
.resort-gallery .gallery-right{display:none; }

.resort-details{width:100%; }
.resort-details article{width:100%; }
.resort-details .checkrates{display:none; }
.resort-details .checkratessingle{display:block;padding:5px ; }

.resort-details div {float: left; width:50%;margin-bottom:2em;}

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