/*   
Theme Name: ADROiT Theme
Description: This is a basic blank theme with various options added including header and footer logos, favicon, contact details and social media links.  It also includes a range of simple shortcodes, instructions for which are displayed on the Wordpress Dashboard.
Author: Kevin Walton | ADROiT Multimedia
Author URI: http://www.adroitmultimedia.co.nz
Version: 1.0
*/

/* STYLES RESET */
* { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* IE Fix */
a img{border:none;}

/* Remove placeholder text in inputs when they get focus. */
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color:transparent; }

/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

/*******************************************************/

/* BASE STYLES */

body{
    font-family:'Arial','Helvetica',sans-serif;
    font-size:18px;
    color:#7e7e7e;
    background:url(images/grain-bg.jpg);
}

h1, h2, h3, h4, h5, h6{
    font-weight:normal;
}

h1, h2{
    font-size:36px;
}

h3{
	font-size:30px;
}

p{
	margin-bottom:1em;
}

a, a:hover{
    transition:0.2s;
}

img{
	max-width:100%;
}

small{
    font-size:0.7em;
}

.main_container{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    box-shadow:0 0 50px #868686;
}

.container{
    width:100%;
    max-width:940px;
    margin:0 auto;
}

/* END BASE STYLES */

/*******************************************************/

/* HEADER STYLES */

#top_bar{
    background:#7e7e7e;
    height:50px;
    border-bottom:solid 4px #9ad7d0;
}

header {
    padding: 40px 0;
    display: flex;
    align-items: flex-start;
}

#logo_container{
    flex-grow:1;
    text-align:center;
}

#header_contacts {
    flex-grow: 1;
    text-align: right;
    font-size:24px;
    font-weight:bold;
    text-transform:uppercase;
    color:#8b8b8b;
}

#header_contacts span{
    color:#8dd2ca;
}

@media(max-width:939px){
    header{
        display:block;
    }
    #header_contacts {
        text-align:center;
        margin:10px 0;
    }
}

/* END HEADER STYLES */

/*******************************************************/

/* NAV STYLES */

#main_navigation{
    margin-left:-10px;
    margin-top:-10px;
    flex-grow:1;
}

#main_navigation ul{
	list-style:none;
}

#main_navigation ul li{
	display:inline-block;
}

#main_navigation ul li a{
	display:block;
	color:#8b8b8b;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
    padding:10px;
	transition:all 0.2s;
}

#main_navigation ul li a:hover, #main_navigation .current_page_item a{
	color:#8dd2ca!important;
	transition:all 0.2s;
}

#main_navigation .current_page_item a{
    text-decoration:underline;
}

/* RESPONSIVE NAV */
#responsive_nav, #responsive_nav_icon{
	display:none;
}

#responsive_nav{
	position:fixed;
	top:0px;
	width:80%;
	height:100%;
	background:#fff;
	border-left:solid 1px #000;
	border-top:solid 5px #000;
}

.onscreen{
	right:0;
	transition:all 0.5s;
}

.offscreen{
	right:-81%;
	transition:all 0.5s;
}

#responsive_nav_icon .fa{
	background:none;
	color:#8dd2ca;
	font-size:30px;
}

#responsive_close{
	text-align:right;
	padding:10px 20px;
}

#responsive_close .fa-times-circle-o{
	font-size:40px!important;
	background:none;
	color:#8dd2ca;
}

#responsive_nav_icon:hover, #responsive_close .fa:hover{
	cursor:pointer;
}

#responsive_nav ul{
	list-style:none;
	border-bottom:solid 1px #ccc;
}

#responsive_nav ul li{
	text-transform:uppercase;
	font-size:16px;
	border-top:solid 1px #ccc;
	line-height:50px;
	height:50px;
}

#responsive_nav ul li a{
	text-decoration:none;
	padding-left:40px;
	color:#222;
	width:100%;
	height:100%;
	display:block;
}

#responsive_nav .current_page_item a{
	color:#000!important;
}

#responsive_nav ul li a:hover{
	background:#f0f0f0;
	color:#000;
}

@media(max-width:939px){
	#main_navigation{
		display:none;
	}
	
	#responsive_nav_icon{
		display:inline-block;
		float:right;
		padding:0 40px;
	}
	
	#responsive_nav{
		display:block;
	}
}

@media(max-height:370px){
	#responsive_close{
		padding:2px 20px;
	}
	
	#responsive_nav ul li{
		font-size:12px;
		line-height:30px;
		height:30px;
	}
}

/* END NAV STYLES */

/*******************************************************/

/* CONTENT STYLES */

address{
	display:inline-block;
	vertical-align:top;
}

.google_map{
	display:block;
}

.ui-accordion-header{
    margin:-10px 0;
}

.ui-accordion-header a{
	text-decoration:none;
    padding:5px 12px;
    background:#000 url('images/arrow_right.png') no-repeat 98% center;
    color:#fff;
    display:block;
}

.ui-accordion-header.ui-state-active a, .ui-accordion-header a:hover{
	background:#444 url('images/arrow_down.png') no-repeat 98% center;
}

.ui-accordion-content{
    padding:20px 10px;
}

a.booking_button{
    display:block;
    width:100%;
    background:#71cef5;
    text-align:center;
    font-size:36px;
    color:#fff;
    text-decoration:none;
    padding:35px 0;
    border-bottom:solid 8px #7e7e7e;
}

a.booking_button:hover{
    background:#9ad7d0;
}

.full_width_image, .full_width_image figure, .full_width_image div, .full_width_image img{
	width:100%;
}

/* END CONTENT STYLES */

/*******************************************************/

/* CONTACT FORM STYLES (FOR USING CONTACT FORM 7 PLUGIN) */

.wpcf7-form-control-wrap{
	width:100%;
}

.textfield, .textarea{
	font-size:14px;
	width:98%;
	padding:8px 1%;
	border:none;
	margin-bottom:10px;
	border-radius:5px;
}

.textarea{
	height:100px;
}

.submit{
	background:#000;
	color:#fff;
	border:none;
	padding:13px 17px;
	text-transform:uppercase;
	font-size:14px;
	border-radius:5px;
	transition:all 0.2s;
}

.submit:hover{
	background:#444;
	cursor:pointer;
	transition:all 0.2s;
}

/* END OF CONTACT FORM STYLES */

/*******************************************************/

/* FOOTER STYLES */

footer{
    width:100%;
    max-width:1100px;
    margin:35px auto;
    padding:25px 0;
    background:#7c7c7c;
    color:#fff;
    box-shadow:0 0 50px #868686;
}

footer a{
    color:#fff;
    text-decoration:none;
    transition:0.2s;
}

footer a:hover{
    color:#9ad7d0;
    transition:0.2s;
}

footer aside{
    display:flex;
    align-items:flex-start;
}

footer aside .widget{
    flex-grow:1;
}

@media(max-width:939px){
    footer aside{
        display:block;
    }
    
    footer aside .widget{
        text-align:center!important;
        margin-bottom:20px;
    }
    
    footer aside .widget div{
        justify-content:center!important;
    }
}

#under_bar{
    width:100%;
    height:25px;
    max-width:1100px;
    margin:0 auto;
    background:#9ad7d0;
    box-shadow:0 0 50px #868686;
}

/* END FOOTER STYLES */

/*******************************************************/

/* MISCELLANEOUS */
.hidden, .screen-reader-text{display:none;}