/*
 Theme Name:     TimberTone Theme
 Theme URI:      http://www.elegantthemes.com/gallery/foxy/
 Description:    TimberTone Theme
 Author:         Huy Tran
 Author URI:     http://www.elegantthemes.com
 Template:       zoomy 2
 Version:        1.0.0
*/
 
@import url("../zoomy/style.css");

/* -------------------------------------------------------------------	
					---------- GLOBAL ------------
---------------------------------------------------------------------*/

body{
	background: url(http://timbertonefloors.com.au/wp-content/uploads/2015/05/walnut_new.jpg);
}

.term-click {
	text-decoration: underline;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------	
					---------- HEADER MENU ------------
---------------------------------------------------------------------*/


.header div.menu > ul > li > a {
	color: #3c2928;
	margin: 0;
}

.header div.menu > ul > li > a:hover, .header div.menu > ul > li.current_page_item > a, .header div.menu > ul > li.current_page_ancestor > a{
	color: #3196c5;
	line-height: 100px;
}

.header div.menu > ul > li > .children > li > a:hover {
	color: #e6e6e6;
	background-color: #3196c5;
}

.header div.menu ul li .sub-menu a {
	border: none;
}

.header div.menu ul li .sub-menu a:hover{
	background-color: rgba(101,95,93, 1);
	border: none;
}
/* -------------------------------------------------------------------	
					---------- CALL TO ACTION ------------
---------------------------------------------------------------------*/

.call-to-action {
	position: absolute;
	left: 30%;
	top: 300px;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.call-to-action h3 {
	color: #b8b8b8;
	margin-bottom: 30px;
}

#quote-button {
	display: block;
	font-size: 1.2em;
	color: #f3f0e9;
	padding: 10px;
	background-color: #d2ad77;
	border-bottom: solid 2px #6e5437;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.call-to-action:hover .call-to-action h3 {
	color: #f9f9f9;
}
#quote-button:hover {
	opacity: 0.7;
}

/* -------------------------------------------------------------------	
					---------- SLIDER ------------
---------------------------------------------------------------------*/

.slider {
	margin-bottom: 0;
}


/* -------------------------------------------------------------------	
					---------- SERVICES ------------
---------------------------------------------------------------------*/

.services {
	background-color: rgba(241,241,241,0.7);
	margin-bottom: 0;
}

.site_title {
	text-align: center;
	color: #3196c5;
	margin-bottom: 40px;
}

.service {
	padding: 0 10px;
}

.services .service h3 {
	border-bottom: 1px solid #f1f1f1;
	font-size: 1.5em;
}

.services .service .service_icon {
	transition: all 0.5s ease;
}

.services .service .service_icon:hover {
	transform: scale(0.8);
}

/* ----- Service simple ----- */

.services_simple {
	background-color: rgba(241,241,241,0.7);
	margin-bottom: 0;
	color: #3196c5;
}

.services_simple #accordion {
	width: 70%;
	margin: 0 auto;
}

#accordion .accordion-inner {
	background: rgba(243,240,233,0.5)
}


/* -------------------------------------------------------------------	
					---------- OUR PROJECTS ------------
---------------------------------------------------------------------*/

.latest-works {
	background-color: rgba(101,95,93, 0.8);
	margin-bottom: 0;
}

/* -------------------------------------------------------------------	
					---------- CALL TODAY ------------
---------------------------------------------------------------------*/

#call-today {
	background: rgba(212,228,239,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(134,174,204,0.65) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,0.65)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(134,174,204,0.65) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(134,174,204,0.65) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(134,174,204,0.65) 100%);
background: radial-gradient(ellipse at center, rgba(212,228,239,1) 0%, rgba(134,174,204,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=1 );

	padding: 20px;
	text-align: center;
}

#call-today h3 {
	color: green;
	font-style: italic;
}

#call-today span {
	color: blue;
}
/* -------------------------------------------------------------------	
					---------- GET QUOTE ------------
---------------------------------------------------------------------*/

#get-quote {
	background-color: rgba(241,241,241,0.7);
	/*text-align: center;*/
	padding-top: 20px;
}

#get-quote h1 {
	color: #3196c5;
}

#get-quote .quote-container {
	width: 70%;
	margin: 0 auto;
}
/* ----- FORM ----- */


.wpcf7-form {
	padding-bottom: 40px;
}

.wpcf7-form h3 {
	color: #3196c5;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
	padding: 10px;
	margin-top: 10px;
	width: 80%;
	
}

.wpcf7-submit {
	color: #f3f0e9;
	text-shadow: 1px 1px 0 #333;
	margin-top: 10px;
	padding: 10px 20px;
	background-color: #d2ad77;
	border-bottom: solid 3px #6e5437;
	outline: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

p#floor-details-quote span, p#floor-size-quote span  {
	margin: 0 5px;
}

#floor-size {
	width: 16%;

}

/* -------------------------------------------------------------------	
					---------- FOOTER ------------
---------------------------------------------------------------------*/

/* ----- Copyright ----- */

.footer_under {
	padding: 20px;
	background-color: rgba(101,95,93, 0.8);
}

#copyright p, #copyright a {
	float: left;
	margin: 0 10px 0 0;
}

#copyright #designer a {
	float: none;
}

#copyright #designer span {
	color: #d2ad77;
}


/* -------------------------------------------------------------------	
					---------- SERVICE CONTENTS + FAQ CONTENT------------
---------------------------------------------------------------------*/

#installation, #sanding-and-polishing, #finish, #sheen, #special, #faq, #testimonial-page{
	background-color: rgba(241,241,241,0.7);
	height: 100%;
}

.service-content, .faq-content, #testimonial-content {
	padding: 0 10px;
	margin-bottom: 40px;
}

.service-content h1, .faq-content h1, #testimonial-content h1 {
	color: #3196c5;
}


/* -------------------------------------------------------------------	
					---------- ABOUT US ------------
---------------------------------------------------------------------*/

#about-us-content {
	background-color: rgba(241,241,241,0.7);
	padding: 10px;
}

#about-us-content h1 {
	color: #3196c5;
}

/* -------------------------------------------------------------------	
					---------- MEMBER ------------
---------------------------------------------------------------------*/

.member {
	background: rgba(241,241,241,0.7);
}

/* -------------------------------------------------------------------	
					---------- GALLERY ------------
---------------------------------------------------------------------*/

.filter-all li a {
	background: rgba(241,241,241,0.7);
	color: #f9f9f9;
}

.page-numbers li {
	background-color: transparent;
}

.page-numbers li a {
	border: none;
	background-color: rgba(101,95,93, 0.8);
}

/* -------------------------------------------------------------------	
					---------- TESTIMONIALS ------------
---------------------------------------------------------------------*/

.testimonials {
	background-color: rgba(101,95,93, 0.8);
	margin-bottom: 0;
	padding: 0 10px 40px;
	border: none;
}

.testimonials .testimonial {
	border: 1px solid #777;
}

.testimonials .testimonial .testimonial_content p{
	color: #e6e6e6;
}
/* -------------------------------------------------------------------	
					---------- CONTACT PAGE ------------
---------------------------------------------------------------------*/

.contact_details {
	background: rgba(241,241,241,0.7);
	text-align: center;
	margin-bottom: 0;
}

.contact_details h1 {
	color: #3196c5;
}

.contact_details p {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 20px;
}

.contact_details i {
	padding-right: 10px;
}

.contact_details ul li {
	background: none;
}

#respond {
	background-color: rgba(101,95,93, 0.8);
	padding: 20px;
	margin-bottom: 0;
}

#respond h1 {
	color: #3196c5;
	margin-bottom: 30px;
	text-align: center
}

#contact_map {
	margin-bottom: 0;
}


/* -------------------------------------------------------------------	
					---------- TESTIMONIAL PAGE ------------
---------------------------------------------------------------------*/

.testimonial-customer {
	width: 70%;
	margin: 0 auto 20px;
	padding: 20px;
	background-color: rgba(101,95,93, 0.7);
	box-shadow: 2px 2px 10px #222;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.testimonial-customer p {
	color: #e6e6e6;
}

.testimonial-name {
	color: #571d2c;
}

p.testimonial-profile {
	color: #d2ad77;
}

/* -------------------------------------------------------------------	
					---------- F.A.Q PAGE ------------
---------------------------------------------------------------------*/

.faq-content h4.panel-title > a {
	color: #3c2928;
}

.faq-content .panel-body {
	background-color: rgba(101,95,93, 0.7);
	padding: 10px;
	margin: 10px 0 20px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.faq-content .panel-body p {
	color: #e8e8e8;
}

/* -------------------------------------------------------------------	
					---------- LOGO ------------
---------------------------------------------------------------------*/

.header {
	padding: 0;
}

.header .logo {
	padding-left: 50px;
}

.header .container{
	background: rgba(241,241,241,0.85);
}

.menu {
	padding-right: 10px;
}

.header div.menu>ul>li>a::before, .header div.menu>ul>li>a::after {
	background: none;
}


/* -------------------------------------------------------------------	
					---------- RESPONSIVE ------------
---------------------------------------------------------------------*/
@media (max-width: 1023px) {
	.header .span3 {
		width: 100%;
		text-align: center;
	}
	
	.header .span9 {
		width: 100%;
	}
	
	.header div.menu {
		float: none;
	}
	
	.header div.menu > ul {
		text-align: center;
	}
	
	.header .logo {
		padding-left: 0;
	}	
}

@media (max-width: 767px) {
	.res-menu {
		color: #3c2928;
	}
	
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.call-to-action {
		position: static;
	}
}

@media (max-width: 480px) {
	.slider, .testimonials {
		display: none;
	}
}