/*
	Theme Name:   CSA Facades
	Theme URI:    csafacades.com.au
	Description:  CSA Facades theme based on CVW Base
	Author:       CVW Creative
	Author URI:   http://www.cvwcreative.com.au/
	Template:     csafacades-base
	Version:      1.0
	Tags: responsive, bootstrap, mobile
*/

/* Fonts */
@import 'https://fonts.googleapis.com/css?family=Bitter:400,700|Hind:400,700|Muli';
/* ------------------------ */

/* General */
html,
body {font-family: 'Muli', Helvetica, Arial, sans-serif;}
.wrapper {margin-bottom: -110px; }
.wrapper:after { height: 110px; }

h1,
h2,
h3,
h4,
h5 {font-family: 'Bitter', Helvetica, Arial, sans-serif; font-weight: bold;}
h1, .h1 {font-size: 30px; text-transform: uppercase; margin: 0 0 40px;}
h2, .h2 {font-size: 26px; text-transform: uppercase; margin: 15px 0 30px;}
h3, .h3 {font-size: 20px; text-transform: uppercase; margin: 15px 0;}
p {font-family: 'Muli', Helvetica, Arial, sans-serif; margin-bottom: 25px;}
a {font-family: 'Muli', Helvetica, Arial, sans-serif; text-decoration: underline;}
a:hover {text-decoration: none; }

/* ------------------------ */

/* Buttons */
.btn {border-radius: 0; padding: 15px; text-transform: uppercase; font-size: 12px; display: inline-block;}
.btn-blue {background: #091529; color: #fff;}
.btn-blue:hover,
.btn-blue:focus {background: #091529; color: #fff;}
.btn-blue-large {background: #091529; color: #fff; font-size: 18px; padding: 25px 35px; line-height: 22px;}
.btn-blue-large:hover,
.btn-blue-large:focus {background: #091529; color: #fff;}

/* ------------------------ */

/* Navigation */
.navbar-header {float: right;}
.navbar {text-align: right; margin-top: 25px;}
.navbar-nav > li {float: none; display: inline-block; vertical-align: top;}
.navbar-nav > li a {font-family: 'Hind', Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #243c53; padding: 10px; text-decoration: none;}
.navbar-nav > li a:hover {color: #a5a5a5; text-decoration: underline; background: #fff;}
.navbar-nav > li.current-menu-item {}
.navbar-nav > li.current-menu-item > a {color: #a5a5a5;}
.navbar-nav > li.current-menu-item > a:hover {}
.navbar-nav > li > .dropdown-menu {width: 280px;}
.navbar-nav > li > .dropdown-menu li a {white-space: normal; padding: 6px 10px;}

/* ------------------------ */

/* Header */

/* ------------------------ */

/* Content */
.page-content {padding: 80px 0;}
.single-page-content p {margin-bottom: 15px;}
.single-page-gallery .rslides img {width: auto!important; margin: 0 auto; float: none;}
.single-page-gallery #single-gallery-pager {text-align: center; padding: 0; margin-top: 5px;}
.single-page-gallery #single-gallery-pager li {display: inline-block; vertical-align: top;}
.single-page-gallery #single-gallery-pager li.rslides_here {opacity: 0.8;}

/* Home Page */
.page-content .hp-content-row {padding: 40px 0; text-align: center;}
.hp-feature-slider .hpslide {height: 700px;}
.hp-feature-slider .hpslide .hpslide-caption {bottom: 0;}
.hp-feature-slider .hpslide .hpslide-caption-content {background: #fff; padding: 35px 40px; font-size: 18px; line-height: 20px;}
.hp-feature-slider .hpslide .hpslide-caption-content h3 {margin-top: 0; color: #00aeef; font-size: 22px;}
.hp-feature-slider .hpslide .hpslide-caption-content a {color: #6e6e6e; display: block; width: auto; text-transform: uppercase; margin: 10px 0 0; font-size: 13px;}

.hp-feature-slider .rslides_tabs {text-align: left; max-width: 1170px; margin: 0 auto; position: relative; top: -40px; z-index: 10;}
.hp-feature-slider .rslides_tabs li a {border-radius: 0; width: 12px; height: 12px; background: #fff;}
.hp-feature-slider .rslides_tabs li.rslides_here a {background: #283891;}

/* Projects */
.recent-projects-block {text-align: left; margin-top: 100px;}
.project-block {margin-bottom: 30px; min-height: 280px;}
.project-block .project-image {}
.project-block a {text-transform: uppercase; color: #6e6e6e; display: block; margin-top: 15px;}

/* ------------------------ */

/* Services */
.service-block {margin-bottom: 80px;}
.service-block h3 {margin: 30px 0 0; min-height: 70px;}
.service-block a {text-transform: uppercase; color: #6e6e6e;}


/* Contact Page */
.contact-content {list-style: none; padding: 0;}
.contact-content .contact-content-block {margin-bottom: 10px;}
.contact-content .contact-content-block .glyphicon {display: inline-block; vertical-align: middle; margin-right: 10px; padding: 0; background: #091529; color: #fff; border-radius: 40px; width: 35px; text-align: center; height: 35px; line-height: 35px}
.contact-content .contact-content-block .contact-content-text {display: inline-block; vertical-align: middle; font-size: 16px;}
.contact-form {margin-top: 20px;}
.acf-map {height: 250px;}
/* ------------------------ */


/* Pre-Footer */
.cleargard-content-block {background: url(/wp-content/uploads/2016/09/bg-cleargard.jpg) center center no-repeat; padding: 120px 0; margin: 100px 0 0;}
.cleargard-content-block h3 {color: #ad8800; font-size: 33px; margin: 0;}
.cleargard-content-block p {margin-bottom: 20px;}
.cleargard-content-block .btn {}
.cleargard-content-block img {max-width: 100%;}

.free-quote-block {background: url(/wp-content/uploads/2016/09/bg-free-quote.jpg) center center no-repeat; padding: 150px 0 130px; text-align: center;}
.free-quote-block .btn {}


/* ------------------------ */

/* Footer */
.footer {height: 110px; background: #091529; text-transform: uppercase; font-size: 13px; color: #596880; padding: 40px 0;}
.footer a {color: #596880; text-transform: uppercase; font-size: 13px;}
.footer .footer-social-block {display: inline-block; vertical-align: middle;}
.footer .footer-social-block ul {margin: 0;}
.footer .footer-nav {display: inline-block; vertical-align: middle; margin-left: 10px;}
.footer .footer-nav ul {margin: 0;}
.footer .footer-nav li {padding: 0 3px;}
.footer .footer-nav a {text-decoration: none;}
.footer .footer-tagline {text-align: right; margin-top: 7px;}

/* ------------------------ */


/* iPad */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
}

/* iPhone */
@media only screen and (max-width: 767px) {
	.header {padding-bottom: 0;}
	.navbar {margin-top: 5px;}
	.navbar-toggle {margin: 0;}
	.navbar-toggle .icon-bar {background: #000;}
	.navbar-header #navbar {width: 100%;}
	.navbar-nav > li {width: 100%; text-align: left;}
	.navbar-nav > li > .dropdown-menu {position: static; width: 100%; box-shadow: none; padding-left: 20px; border: none;}
	
	.hp-feature-slider .hpslide {height: 400px;}
	.hp-feature-slider .rslides_tabs {display: none;}
	.hp-feature-slider .hpslide .hpslide-caption-content {padding: 15px 20px; font-size: 14px; line-height: 16px; width: 80%; margin: 0 auto;}
	.hp-feature-slider .rslides_nav.next {right: 6px;}
	.hp-feature-slider .rslides_nav.prev {left: 6px;}
	
	.page-content {padding: 20px 0;}
	.project-block {min-height: 0;}
	.service-block {margin-bottom: 30px;}
	.service-block h3 {min-height: 0;}
	
	.footer {height: auto; text-align: center;}
	
	.cleargard-content-block {background-size: cover!important; padding: 40px 0; margin: 0;}
	.cleargard-content-block h3 {font-size: 24px; margin-bottom: 15px;}
	.cleargard-content-block .btn {margin: 10px 0 30px;}
	.recent-projects-block {margin-top: 30px;}
	.contact-content {margin-bottom: 30px;}
	.contact-content .contact-content-block .contact-content-text {width: 75%;}
}

/* ------------------------ */