/*
Theme Name: Ace Floor Sanding
Theme URI: http://www.absolutemedia.co.nz
Description: Wordpress bootstrap 3 framework theme.
Version: 2.0
Author: Jon Holtslag
Author URI: http://www.absolutemedia.co.nz
*/

a, button, input[type="submit"]{
	transition:all 0.3s ease;
}
body{
	font-family: 'Roboto', sans-serif;
	color:#333;
	font-size:16px;
}
a{
	color:#DE1111;
}
a:hover{
	text-decoration: none;
	color:#333;
}

#main_wrapper h1,
#main_wrapper h2,
#main_wrapper h3,
#main_wrapper h4,
#main_wrapper h5,
#main_wrapper h6,.button{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	margin-top:0px;
	margin-bottom: 20px;
}
#main_wrapper,#header_wrapper,#content_wrapper,#footer_wrapper{
	padding-left:0px;
	padding-right:0px;
}

/*When set to responsive, ensure images are responsive*/
.responsive img{
	max-width: 100%;
	height:auto;
}
#main_wrapper h6{
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 700;
}
/*
******************************************************************************************************************
=Header
******************************************************************************************************************
*/
#before_header_wrapper{
	background: #F8F9F9;
	border-top:1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 50px;
	padding:30px 0;

}
#before_header_wrapper h1{
	margin:0;
	text-transform: uppercase;
}
.home #before_header_wrapper{
	display: none;
}
#before_header_wrapper a{
	float:right;
}
#header_wrapper{
}
#header_inner{
	padding:70px 0 50px 0;
	position: relative;
}

#logo{
	float: left;
}
#logo img{
	width:500px;
}
#logo h1{
	margin-bottom:0px;
}
.header_text{
	position: absolute;
	top:20px;
	right:20px;
}
#header_text_1{

}
.header_text a{
	font-size:16px;
	margin:0 10px;

}
#header_text_2{
	display: none;
}

/*Header desktop nav container*/
#header_inner .nav.hidden-xs{
	float:right;
}

#header_inner .nav.hidden-xs ul{
	margin:0px;
	padding-left:0px;
}
#header_inner .nav.hidden-xs ul li{
	display:inline-block;
	list-style: none;
	position:relative;
}
#header_inner .nav.hidden-xs ul li a{
	text-decoration: none;
	display:inline-block;
	padding:15px 35px;
	margin-right:-4px;
	text-align: center;
    color: #333;
    border-right:1px solid #ebebeb;
	font-family: 'Raleway',sans-serif;
	position: relative;
	font-size: 15px;
}
#header_inner .nav.hidden-xs ul li:last-child a{
	border-right: 0;
}
#header_inner .nav.hidden-xs ul li a:after{
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: #DE1111;
    width: 0;
    -webkit-transition: width 240ms ease;
    -moz-transition: width 240ms ease;
    transition: width 240ms ease;
}
#header_inner .nav.hidden-xs ul li a:hover:after,
#header_inner .nav.hidden-xs ul li.current_page_item > a:after{
    width: 100%;
}


#header_inner .nav.hidden-xs ul li a:hover,
#header_inner .nav.hidden-xs ul li.current_page_item > a{
	text-decoration: none;
	color:#DE1111;
}

/*Dropdown menu*/
#header_inner .nav.hidden-xs ul li ul{
	visibility:hidden;
	position:absolute;
	padding:0;
	top:27px;
	left:0;
	display:block;
	opacity:0;
	transition:all 0.3s ease;
	z-index: 50;
}


/*Nav for phones*/
#header_inner  .nav.visible-xs ul{
	padding:0px;
	margin:0px;
	background:#ececec;
}
#header_inner  .nav.visible-xs li{
	display:block;
	padding:0px 15px;
}
#header_inner  .nav.visible-xs a{
	display:block;
	font-family: 'Raleway',sans-serif;
	color:#333;
	border-bottom:1px solid #ddd;
}
#header_inner .nav a.nav_menu_button{
	display:block;
	background:#333;
	color:white;
	padding:10px;
	text-align:center;
}

#header_inner  .nav.visible-xs ul li a{
	display:block;
	width:100%;
	padding:10px 20px;
}
#header_inner .nav.visible-xs ul li ul{
	visibility: visible;
	opacity:1;
	position: relative;
	top:0;
	padding-left:20px;
}
#header_inner .nav.visible-xs ul li ul a{
	width:100%;
}


/*Menu button icon*/
#header_inner .nav .nav_menu_button .glyphicon{
	margin:0;
}
#header_inner .nav .nav_menu_button.collapsed .glyphicon-menu-up{
	display:none;
}
#header_inner .nav .nav_menu_button.collapsed .glyphicon-menu-down{
	display:inline;
}
#header_inner .nav .nav_menu_button .glyphicon-menu-down{
	display:none;
}

/*
******************************************************************************************************************
=content
******************************************************************************************************************
*/
#content_wrapper{

}
#content_inner{

}


input[type='text'],
input[type='email'],
input[type='tel'],
textarea{
	padding:5px 10px;
	width:100%;
}
textarea{
	height:120px;
}
input[type='submit']{
	border:0;
	padding:5px 10px;
	background:#efefef;
	background: #333;
	color: white;
}
input[type='submit']:hover{
	background:#666;
}
.home-intro{
    padding-top: 200px;
    padding-bottom: 200px;
    background-size: cover;
    background-position: bottom;
}
.home-intro h1{
	color:white;
	text-transform: uppercase;
}
#content_inner h3{
	display: inline-block;
	position: relative;
	border-bottom:3px solid #DE1111;
	padding-bottom: 5px;
	text-transform: uppercase;

}
blockquote{
	font-size: 16px;
	border:0;
	padding:0px 25px 0 0px;
	position: relative;
}
blockquote:before,blockquote:after{
	content:"";
	display: block;
	position: absolute;
	width:60px;
	height:60px;
	background-size: 100%;
	opacity: 0.3;
}
blockquote:before{
	left:0;
	top:0px;	
}
blockquote:after{
	background-image: url(img/quote-icons/smooth-2-quote-closed.png);
	bottom:0px;
	right:0px;
	transform: rotate(15deg) ;
-webkit-transform: rotate(15deg) ;
-moz-transform: rotate(15deg) ;
-o-transform: rotate(15deg) ;
-ms-transform: rotate(15deg) ;
}
blockquote i:before{
	content:"- ";
}
.home-testimonial blockquote{
	padding-right:15px;
}
.home-testimonial blockquote:before,
.home-testimonial blockquote:after{
	width:30px;
	height: 30px;
}

/*
******************************************************************************************************************
=footer
******************************************************************************************************************
*/
#footer_wrapper{
	background: #222;
}
#footer_inner{
	color:#999;
	font-size:13px;
	padding:40px 0 30px 0;
}
#footer_inner h3{
	color:white;
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 17px;
    text-transform: uppercase;
}
#footer_text_1{
	float:right;
}
#footer_text_2{
	
}
#footer_inner span{
	display: inline-block;
	width: 20px;
	font-weight: bold;
}
#after_footer_wrapper{
	background: #333;
	padding:20px 0;
	color:#999;
	font-size:13px;
}
.footer_text a,#footer_inner a{
	color:#C1C1C1;
}
.footer_text a:hover,#footer_inner a:hover{
	opacity: 0.6;
}
#footer_inner .services{
	padding:0px 0 0 15px;
	margin:0;
}
#footer_inner .services li{
	margin-bottom: 9px;
}
#footer_inner .services li:last-child{
	margin-bottom: 0px;
}
#footer_inner .col-sm-4{
	margin-bottom: 15px;
}
/*
******************************************************************************************************************
=misc
******************************************************************************************************************
*/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.left,.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.right,.alignright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.clear{
	clear:both;
}

/*Wordpress captions*/
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #d4d4d4;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
line-height: 1.214em;
padding: 0 4px 5px;
margin: 0;
}
.button{
	display:inline-block;
	padding:8px 13px;
	text-transform: uppercase;
	font-weight: bold;
    border-radius: 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    background: #FFF;
    border: 1px solid #DDD;
    color: #888;
    font-size: 13px;
}
.button:hover{
	background:#DDD;
    color: #555;
}

/*Pagination*/
.pagination a{
	display:inline-block;
	padding:2px 10px;
	margin-left:4px;
	text-align: center;

	background:#222;
	color:white;
}
.pagination a:hover{
	background:#444;
}



/*Phones*/
@media (max-width: 767px) {
	#header_text_1{
		text-align: center;
		float:none;
		width:100%;
	}
	#logo{
		float:none;
		padding:0 15px;
		margin-bottom: 15px
	}
	#footer_text_1,#footer_text_2{
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	#before_header_inner{
		text-align: center;
	}
	#before_header_wrapper a{
		display: none;
	}
	.wpb_column{
		margin-bottom: 10px;
	}
}
/*Tablet*/
@media (min-width: 768px) and (max-width: 991px){

}
/*medium devices - desktops*/
@media (min-width: 992px) and (max-width: 1199px) {

}
/*Large devices*/
@media (min-width: 1200px) {

}