/*
Theme Name: Drivability
Theme URI:
Description: Custom Theme for Drivability Driving School Perth.
Author: Juan Acosta & Joshua Mardan
Author URI:
Version: 0.1
 
*/

@font-face {
    font-family: 'open_sansregular';
    src:url('fonts/opensans-regular-webfont.eot');
    src:url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src:url('fonts/opensans-semibold-webfont.eot');
    src:url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-semibold-webfont.woff') format('woff'),
        url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
        url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body{
    height: 100% !important;
}

body{
	font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
	margin: 0;
   	padding: 0;
	background-color:#252525 !important;
}

/* colours */

.omsc-toggle {
color:#b42828;
}

.omsc-toggle-inner {
color:#000;
}

.red{
color:#c03a2b;
}

.dark-red{
color:#972316;
}

.dark-grey{
color:#252525;
}

.light-grey{
color:#e5e5e5;
}

/* headings */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
  margin-top:0px !important;
  margin-bottom:20px !important;
}

p{
  margin-bottom:15px !important;
}

h1{
color:#c03a2b;
}

/* font styles */ 

.uppercase{
text-transform:uppercase !important;
}

.lowercase{
text-transform:lowercase !important;
}

.capital{
text-transform:capitalize !important;
}

.bold{
font-weight:bold !important;
}

.alignleft{
text-align:left !important;
}

.alignright{
text-align:right !important;
}

.aligncenter{
text-align:center !important;
margin:0 auto !important;
}

.text-right{
text-align:right;
}

/* wordpress menu */

.menu-bg .current-menu-item, ul.sub-menu li.current-page-item{
color: #ffffff !important;
background-color:#a53225 !important;
}

.menu-bg .nav ul.sub-menu{
display:none;
position: absolute;
padding:0;
margin:0;
top: 55px;
left: 0;
float: left;
width: 250px;
z-index: 99999;
background-color: #fbfbfb;
list-style: none;
}

.menu-bg .nav ul li:hover > ul.sub-menu{
	display:block;
}

.menu-bg ul.sub-menu li:hover > ul.sub-menu {
display: block;
}

.menu-bg .nav ul li:hover a,.nav ul li:hover{
background-color: #E5E5E5;
color:#000 !important;
}

.menu-bg .sub-menu ul.sub-menu{
display:none;
top:0;
left:220px;
}

.menu-bg ul.sub-menu li a{
padding:10px;
display:block;
color:#000;
}
 
.menu-bg ul.sub-menu li a:hover{
text-decoration:none;
color:#fff !important;
background-color:#a53225;
}

.navbar-toggle{
margin:0;
border-color:#e5e5e5;
padding:15px 10px;
display:inline-block;
vertical-align:center;
}

.navbar-toggle .icon-bar{
background-color:#e5e5e5;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.menu-bg{
	border-top-color:#c03a2b !important;
	}
	
	.navbar-collapse{
	max-height:350px !important;
	border:none;
	}
	
	.navbar-collapse.collapse {
	display:none !important;
	}
	
	.navbar-nav{
	float:none !important;
	margin-bottom:5px; !important;;
	}
	
	.nav ul li,.nav ul li a{
	float:none !important;
	}
	
	.nav ul.sub-menu, .nav ul.sub-menu ul.sub-menu{
	display:none !important;
	}
	
	.collapsing {
		position: relative  !important;
		height: 0  !important;
		overflow: hidden !important;
		-webkit-transition: height 0.35s ease  !important;
		transition: height 0.35s  !important;
	}
	
}

@media (max-width: 768px){

	.nav ul.sub-menu, .nav ul.sub-menu ul.sub-menu{
	display:none !important;
	}
	
	.navbar-collapse{
	border:none;
	}
	
	.menu-bg{
	border-top-color:#c03a2b !important;
	}
	
	.infoad{
	position:relative !important;
	}
}

/* theme */ 

.header-bg{
background-color:#252525;
min-height:100px;
padding:20px 0px;
}

.infoad{
color:#fff !important;
top:20px;
position:relative;
}

.infoad a{
color:#fff !important;
}

.infoad .phone, .infoad .email{
display:block;
padding-left:40px;
line-height:23px;
margin-bottom:6px;
margin-top:15px;
height:20px;
}

.infoad .fb, .infoad .twitter{
display:inline;
padding-left:40px;
line-height:25px;
margin-bottom:6px;
margin-top:6px;
height:25px;
padding-top: 10px;
}

.infoad .phone{
background:transparent url('images/phone.png') center left no-repeat;
font-weight:bold;
font-size:20px;
}

.infoad .email{
background:transparent url('images/mail.png') center left no-repeat;
margin-bottom: 12px;
}

.infoad .fb{
background:transparent url('images/fb.png') center left no-repeat;
}

.infoad .twitter{
background:transparent url('images/twitter.png') center left no-repeat;
}

.infoad .btn{
width:180px;
display:block;	
padding:10px 0px;
text-align:center;
color:#fff;
background-color:#c03a2b;
text-transform:uppercase;
border-bottom:3px solid #972316;
vertical-align:center;
margin-top:4px;
}


.infoad .col-sm-12 .btn{
float:left !important;
width:200px;
}


.grey-inner .btn:hover{
background-color:#972316 !important;
border-color:#7D1D12 !important;
}

.menu-bg{
background-color:#c03a2b;
border-top:4px solid #fff;
text-transform:uppercase;
}

.slider-inner .carousel-indicators{
visibility:hidden;
}

.slider-inner{
text-align:center;
width:100%;
height:370px;
}

.slider-inner .item{
height:370px;
overflow:hidden;
text-align:center;
width:100%;
}

.slider-inner, .slider-inner .carousel-inner .item img{
}

.slider-inner img{
float:right;
}

.slider-inner .slider1,.slider-inner .slider2,.slider-inner .slider3{
background-position:top center;
background-repeat:none;
background-color:transparent;
}

.slider-inner .slider1{
background-image:url('images/slider-1.jpg');
}

.slider-inner .slider2{
background-image:url('images/slider-2.jpg');
}

.slider-inner .slider3{
background-image:url('images/slider-3.jpg');
}

.slider-inner .carousel-caption {
position:relative;
font-size:14px;
padding: 0px;
margin-top:70px;
margin-bottom:40px;
text-align:left;
top:0px;
left:0px;
float:right !important;
}

.slider-inner .carousel-caption h1,.slider-inner .carousel-caption h3{
font-family: 'rockwellregular';
}

.slider-inner .carousel-caption h3{
font-size:22px;
}

.slider-inner .carousel-caption h1{
font-size:56px;
color:#fff;
font-family: 'open_sansregular';
}

.slider-inner .carousel-caption .btn{
font-size:18px;
width:50%;
}

.grey-inner{
background-color:#252525;
min-height:80px;
padding-bottom:30px;
border-top: 4px solid #fff;
}

.grey-inner .btn{
width:180px;
display:block;
margin:0 auto;
padding:10px 0px;
text-align:center;
color:#fff;
background-color:#c03a2b;
text-transform:uppercase;
border-bottom:3px solid #972316;
}

.btn:hover{
background-color:#972316 !important;
border-color:#7D1D12 !important;
}

.btn{
display:block !important;
margin-top:16px;
padding:10px 0px !important;
text-align:center !important;
color:#fff !important;
background-color:#c03a2b !important;
text-transform:uppercase !important;
border-bottom:3px solid #972316 !important;
vertical-align:middle;
}

.grey-inner img{
margin:0 auto;
padding-bottom:20px;
}

.main-bg{
background-color:#fff;
padding-top:25px;
padding-bottom:25px;
}

.main-bg .content{
min-height:100%;
}

.extra2{
background-color:#e5e5e5;
min-height:200px;
padding:20px 0 10px 0;
border-top:5px solid #c03a2b;
font-size:14px;
margin-top:10px;
}

.extra2 h4{
display:block;
margin-top:0;
margin-bottom:10px;
position:relative;
}

.extra2 .btn{
bottom:0;
width:100%;
margin:0 auto;
display:inline-block;
padding:10px 0px;
text-align:center;
color:#fff;
background-color:#c03a2b;
text-transform:uppercase;
border-bottom:3px solid #972316;
}

.extra2 .extra-box{
min-height:120px !important;
}

.extra2 .extra-box .quotes blockquote,.extra2 .extra-box .quotes blockquote p{
margin:0 !important;
padding:0 !important;
padding-bottom:15px !important;
border:none !important;
font-size: 14px !important;
}

.footer-bg {
font-size:11px;
}

.footer-bg,.footer-bg a{
color:#fff;
}

.footer-bg hr{
border-color:#696969;
margin-top:10px;
margin-bottom:10px;
display:block;
}

.footer-bg ul, .footer-bg li{
margin:0;
padding:0;
list-style: none;
}

.footer-bg ul.footer-nav li,.footer-bg .footer-nav li a{ 
font-weight:bold;
text-transform:uppercase;
}

.footer-bg ul.footer-nav li.menu-item-has-children ul.sub-menu li,.footer-bg ul.footer-nav li.menu-item-has-children ul.sub-menu li a{
font-weight:normal !important;
text-transform:lowercase !important;
}


.footer-bg .grey-inner{
padding-top:40px;
padding-bottom:0px;
}

.footer-bg .info{
top:-38px;
margin-bottom: -10px;
position:relative;
font-size:15px;
}

.footer-bg .footer-copyright{
padding:5px 0px;
height:30px;
line-height:30px;
}

/******** contact form 7 ********/

.form-wrap-bg{
background-color:#e5e5e5;
padding:20px;
}

.form-wrap{

margin-bottom:20px;
}

.form-wrap h1{
color:#a3a3a3;
}

.form-wrap textarea,.form-wrap input{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #a3a3a3;
}

.form-wrap input[type="radio"]{
width:auto;
border:none;
}

.form-wrap input{
padding:10px;
width:100%;
}

.form-wrap textarea{
padding:10px;
margin:0;
max-height:150px;
width:100%;
}

img.ajax-loader{
	float:left !important;
}

.alignright { 
	float: right; 
	margin-left: 10px;
}


.alignleft { 
	float: left;
	margin-right: 10px;
 }

.hwim-image {
	margin-bottom: 20px;
}