/*   
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.2
*/

/* 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: 'Open Sans', sans-serif;
    background:#000;
    color:#fff;
    font-size:18px;
}

h2{
    font-size:22px;
}

p{
	margin-bottom:0.5em;
}

img{
	max-width:100%;
}

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

/* END BASE STYLES */

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

/* HEADER STYLES */

header{
	position:relative;
	z-index:9998;
	background:#000;
}

header .container{
    display:flex;
	align-items:center;
}

/* END HEADER STYLES */

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

/* NAV STYLES */

#main_navigation, #mobile_header {
    flex-grow: 1;
    text-align: right;
}

#main_navigation ul{
	list-style:none;
}

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

#main_navigation ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	padding:15px 20px;
	font-weight: 600;
	transition:all 0.2s;
}

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

/* RESPONSIVE NAV */

/* HIDE STANDARD NAVIGATION ON MOBILE */
@media(max-width:767px){
	#main_navigation{
		display:none;
	}
}

/* HIDE MOBILE NAVIGATION ON DESKTOP */
@media(min-width:768px){
    #mobile_header {
        display:none;   
    }
}

#mobile_header {
    padding-right:20px;
}

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

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

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

#responsive_nav_icon{
	display:inline-block;
	float:right;
	color:#fff;
	font-size:40px;
}

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

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

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

#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-height:370px){
	#responsive_close{
		padding:2px 20px;
	}
	
	#responsive_nav ul li{
		font-size:12px;
		line-height:30px;
		height:30px;
	}
}

/* FOR HARRIER SITE */

.phone-link a {
    display: flex !important;
    align-items: center;
}

.fas.fa-phone {
    transform: rotate(90deg);
    font-size: 2em;
    position: relative;
    top: 4px;
    left: 10px;
    color: #f50003;
}

/* END NAV STYLES */

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

/* CONTENT STYLES */

.wpb_text_column a{
    text-decoration:none;
    color:#fff;
    font-weight:600;
    transition:0.2s;
}

.wpb_text_column a:hover{
    color:#f50003;
    transition:0.2s;
}

.vc_btn3 {
    font-weight: 600;
}

.featured_testimonial{
    background:url('http://harrier.gherkinmedia.co.nz/wp-content/uploads/2018/03/open-quote.png'), url('http://harrier.gherkinmedia.co.nz/wp-content/uploads/2018/03/close-quote.png');
    background-repeat:no-repeat;
    background-position:left top, right bottom;
    padding:20px 50px;
    text-transform: uppercase;
    font-size: 46px;
    font-weight: 700;
    line-height: 35px;
    color: rgba(255,255,255,0.7);
}

@media(max-width:991px){
    .featured_testimonial{
        font-size: 4vw;
        line-height: 0.8em;
    }
}

/* END CONTENT STYLES */

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

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

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

.textfield, .textarea{
	font-size:18px;
	width:calc(100% - 20px);
	padding:6px 10px;
	margin-bottom:15px;
	border:none;
	border-radius:4px;
}

.textarea{
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
	height:100px;
}

.submit {
    width: 100%;
    background: #696969;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 6px;
    border-radius: 4px;
    font-size:18px;
    transition:0.2s;
}

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

/* END OF CONTACT FORM STYLES */

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

/* WIDGET STYLES */



/* END OF WIDGET STYLES */

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

/* FOOTER STYLES */

footer{
	background:#000;
	color:#fff;
	padding:40px 0;
}

footer .container {
    display: flex;
    align-items: center;
}

footer aside {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

footer aside .widget {
    flex-grow: 1 !important;
    display: flex;
    align-items: center;
}

footer aside .widget ul.menu {
    display: flex;
    align-items: center;
}

#nav_menu-2{
    flex-grow: 1;
    justify-content: right;
}

#nav_menu-2 ul{
	list-style:none;
}

#nav_menu-2 ul li{
	display:inline-block;
}

#nav_menu-2 ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	padding:15px 20px;
	font-weight: 600;
	transition:all 0.2s;
}

#nav_menu-2 ul li a:hover, #nav_menu-2 .current_page_item a{
	color:#f50003!important;
	transition:all 0.2s;
}

@media(max-width:991px){
    #nav_menu-2{
        display:none!important;   
    }
    footer .container {
        display: block;
        text-align: center;
    }
    footer aside {
        display: block;
        text-align: center;
    }
    footer aside .widget {
        display: block;
        text-align: center;
        margin-bottom:10px;
    }
    #footer_logo {
        margin-bottom: 20px;
    }
}

/* END FOOTER STYLES */

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

/* MISCELLANEOUS */
.half{width:49%;}
.third{width:32%;}
.two_thirds{width:65%;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.centertext{text-align:center;}
.hidden, .screen-reader-text{display:none;}

@media(max-width:479px){
	.half{
		width:100%;
	}
	
	.half.alignleft, .half.alignright{float:none;}
}