/*
Theme Name:         Corvallis Wood Floors
Theme URI:          http://www.corvallisfloorsrefinishing.com/
Description:        Corvallis Wood Floors website built by Clark Five Company
Version:            1.0.0
Author:             Travis Clark and the Clark Five Company Team
Author URI:         http://traviseugeneclark.com/
*/

/* ============================================
	Navigation
============================================ */

.primary-navigation { 
	background-color: #4c2f1c; 
	color: #fff; 
	height: 70px; 
	position: relative;
}
	
	.logo { float: left; }
		.logo-image { 
			left: -50px;
			position: absolute; 
			top: -120px; 
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.type { padding: 10px 0 0 260px; }
		.type a { font-family: Georgia, serif; color: #fff; text-transform: uppercase; }
			.type span { display: block; font-size: 19px; font-weight: 600; }
			.type i { display: block; font-style: normal; margin: -7px 0 0 0; }

	.navigation-links { float: right; }
	.links-container { list-style-type: none; }
		.links-container li { float: left; }
			.links-container li a { color: #ccc1ba; line-height: 70px; padding: 26px 30px; }
			.links-container li a:hover { background: #44746c; color: #fff; }
			.links-container li:last-child a { background: #674124; color: #fff; font-weight: 600; }
			.links-container li:last-child a:hover { background: #845638; }

.primary-navigation-mobile { background: #fff; display: none; overflow: hidden; }
	.primary-navigation-mobile .links-container { padding-left: 20px; }
		.primary-navigation-mobile .links-container li { display: block; }
			.primary-navigation-mobile .links-container li .links-tablet { display: inline; }
			.primary-navigation-mobile .links-container li a { color: #915e2c; padding-left: 15px; padding-right: 15px; }
			.primary-navigation-mobile .links-container li a:hover { background: #fff; color: #915e2c; }
			.primary-navigation-mobile .links-container li:last-child a { background: #fff; color: #915e2c; font-weight: normal; }
			.primary-navigation-mobile .links-container li:last-child a:hover { background: #fff; }
			
.gradient { 
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(167,189,215,0) 61%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(61%,rgba(167,189,215,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 61%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 61%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 61%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 61%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	display: inline-block;
	width: 100%;
}
	.site-header img { position: relative; width: 100% !important; z-index: -1; }	
	
	.promo-tagline { text-align: center; }
	.promo-tagline h1 { 
		color: #674124; 
		font-family: Georgia, serif; 
		font-size: 50px; 
		position: relative; 
		text-indent: 140px; }
	.promo-tagline span { 
		color: #46746C; 
		font-size: 110px; 
		font-weight: 600; 
		position: absolute; 
		top: -60px; 
		left: -80px; }


/* ============================================
	Homepage
============================================ */	
.page-entries { margin: 80px 0 60px 0; }
	.page-entries li { padding: 0 30px; }
	.page-entries li a:hover h2 { color: #4d897d; } 
	.page-entries h3 { color: #674124; font-size: 14px; text-transform: uppercase; }
	.page-entries h2 { color: #46746C; font-size: 24px; font-weight: 500; }
	.page-entries p { color: #4C2F1C; font-size: 16px; padding-top: 10px; }
	
	
/* ============================================
	Preparing Your Home
============================================ */
.promo-tagline.inner-page h1 { color: #fff; margin-top: -35%; text-indent: 0; text-shadow: 2px 2px 2px rgba(48,29,18,.75); }

.page-entries.inner-page li { margin-bottom: 30px; }


/* ============================================
	Pricing List
============================================ */
.page-entries p a { color: #4d897d; }
.page-entries p a:hover { color: #4d897d; }

.page-entries ul { color: #4C2F1C; padding-top: 10px; list-style-type: disc; }
.page-entries .installation-pricing li { margin-bottom: 10px; padding-left: 0; padding-right: 0; }
.page-entries.pricing h2,
.page-entries.stains h2 { position: relative; }
.page-entries.pricing span,
.page-entries.stains span { position: absolute; right: 0; }
.page-entries.pricing i,
.page-entries.stains i { color: #915E2C; display: inline-block; font-size: 11px; font-style: normal; line-height: 1; }
.page-entries .installation-pricing span { color: #4d897d; font-weight: bold; }


/* ============================================
	Stains & Finishes
============================================ */
.page-entries.stains ul { list-style-type: none; margin-left: 0; }
.page-entries.stains li { padding: 0; }
.page-entries.stains .stain-options li { padding: 0 0.625em 1.25em; margin-bottom: 0; }
.stains a p { color: #4d897d; font-size: 11px; margin-bottom: 0;}
.page-entries.stains ul.floor-finishes { list-style-type: disc; list-style-position: inside; }
.page-entries.stains ul.floor-finishes li { margin-bottom: 10px; }
.page-entries .floor-finishes span { color: #4d897d; font-weight: bold;  position: relative; }

			
/* ============================================
	Footer
============================================ */
.mission-statement li { 
	border-top: 1px solid #674124; 
	color: #674124;
	font-family: Georgia, serif;
	font-size: 18px;
	padding: 60px 0; 
	text-align: center; }
.mission-statement li:first-child { border-top: 1px solid #cab49d; }
.mission-statement li:last-child { border-top: 1px solid #cab49d; }

.site-footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cab49d+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(202,180,157,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(202,180,157,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,180,157,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,180,157,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(202,180,157,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(202,180,157,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cab49d',GradientType=0 ); /* IE6-9 */
	text-align: center;
}

	.footer-logo-image img { padding-bottom: 10px; width: 125px; }
	
	.footer-type a { font-family: Georgia, serif; color: #915e2c; text-transform: uppercase; }
		.footer-type span { display: block; font-size: 19px; font-weight: 600; }
		.footer-type i { display: block; font-style: normal; margin: -7px 0 0 0; }
		
	.estimates { padding: 30px 0; }
	.offer { color: #674124; margin-bottom: 0; }
	.estimates a { color: #915e2c; font-size: 27px; font-weight: 600; }
	.estimates a:hover { color: #44746c; }

	
			
@media only screen and (max-width: 1250px) {
	.promo-tagline.inner-page h1 { margin-top: -30%; }
}

@media only screen and (max-width: 1110px) {
	.logo-image { left: -150px; }
	.type { padding: 10px 0 0 160px; }
}

@media only screen and (max-width: 1010px) {
	.logo-image { left: -250px; }
	.type { padding: 10px 0 0 60px; }
	
	.promo-tagline h1 { font-size: 45px; text-indent: 120px; }
	.promo-tagline span { left: -30px; font-size: 90px; top: -40px; }
	
	.mission-statement li { border-top: 1px solid #cab49d; font-size: 16px; }
	
	.stain-colors { padding: 0 30px; }

}

@media only screen and (max-width: 970px) {
	.promo-tagline h1 { font-size: 40px; }
	.promo-tagline span { font-size: 75px; left: -50px; }
}

@media only screen and (max-width: 900px) {
	.links-container li a { padding: 26px 20px; }
		.links-container li .links-desktop { display: none; }
		.links-container li:nth-child(3) { padding-right: 10px; }
}

@media only screen and (max-width: 825px) {
	.promo-tagline h1 { font-size: 35px; }
	.promo-tagline span { font-size: 85px; top: -50px; }
	
	.page-entries { margin: 60px 0; }
		.page-entries h2 { font-size: 18px; }
		.page-entries p { font-size: 14px; }
		.page-entries .installation-pricing { font-size: 14px; }
}

@media only screen and (max-width: 767px) {
	.promo-tagline h1 { font-size: 27px; text-indent: 0; }
	.promo-tagline span { position: static; font-size: 31px; }
}

@media only screen and (max-width: 725px) {
	.links-container li .links-tablet { display: none; }
}

@media only screen and (max-width: 650px) {
	.links-container li a { font-size: 14px; }
}

@media only screen and (max-width: 610px) {
	.primary-navigation { height: 50px; }
	
		.logo-image { top: -139px; }
		.type { font-size: 15px; padding: 5px 0 0 50px; }
			.type span { font-size: 17px; }
		
		.links-container li { display: none; }
		.links-container li:last-child { display: block; }
			.links-container li a { line-height: 50px; padding: 16px 20px; }

		.primary-navigation-mobile { display: block; }
		
		.gradient { 
			background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(167,189,215,0) 35%, rgba(255,255,255,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(35%,rgba(167,189,215,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 35%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(167,189,215,0) 35%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 35%,rgba(255,255,255,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(167,189,215,0) 35%,rgba(255,255,255,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
		
		.promo-tagline.inner-page h1 { text-shadow: 1px 1px 1px rgba(48,29,18,.75); }
		
		.page-entries { margin: 30px 0 0 0; }
		.page-entries li { margin-bottom: 30px; }
		
		.mission-statement li { padding: 30px 0 60px 0; }
}