/*
Theme Name: Eco Carpet Clean
Author: Pacific Shack
Author URI: http://www.pacificshack.co.nz
Version: 1.0
Text Domain: twentytwelve
*/

/* ---- GENERAL ---- */
body { background: #3e3e3e; color: #333; font-family: "Open sans", sans-serif !important; }

::selection {
    background: #009347; /* Safari */
    color: white;
}
::-moz-selection {
    background: #009347; /* Firefox */
    color: white;
}

/* ---- BTNS ---- */
.btn { background: #009347;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn:hover { background: #025b9e; }
.btn:focus { background: #025b9e; }

/* ---- TEXT ---- */
.colorGreen { color: #009347; }
.colorBlue { color: #025b9e; }
.light-bg { background-color: #eee; }

h1, h2, h3, h4, h5, h6 { letter-spacing: 0; color: #025b9e; font-family: "Open sans", sans-serif !important; }

h1.archive-title { color: #009347; font-size: 28px; }
article h1 { color: #009347; font-size: 28px; }
aside h2 { color: #009347; font-size: 28px; }
aside h3 { color: #009347; font-size: 18px; }


/* ---- HEADER & SOCIAL ---- */
.navbar-header { background: #eee; border: none; }
@media screen and (max-width: 992px) { .navbar-header { background: #eee; } }
.navbar-header .container { padding-top: 5px; padding-bottom: 5px; }
.navbar-header .info li a,
.navbar-header .info li { font-size: 16px; color: #222; }

.info .mail i.contact { float: left; margin-right: 8px; width: auto; height: auto; line-height: 18px; margin-top: 5px; }
.info .mail a { float: left; height: auto; }

.social i { float: left; padding-top: 5px; }
.social span { float: left; font-size: 0.9em; font-family: "Open sans", sans-serif !important; padding-right: 10px; padding-top: 5px; }
.social a:hover span { color: white; }


/* ---- NAVIGATION ---- */
img.mobileLogo { max-height: 50px !important; }
.sticky-wrapper .navbar-brand img { max-height: 90px !important; }

.navbar-collapse { background: white; border: none; }

.navbarColouredBarsContainer { position: relative; overflow: hidden; background: #3e3e3e; }
.navbarColouredBarsContainer .container { }
@media screen and (max-width: 992px) { .navbarColouredBarsContainer .container { padding-right: 15px; } }

.nav-pills { float: right; }
.nav-pills > li > a { font-size: 18px; padding: 6px 10px; }
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus,
.nav-pills > li > a:hover { background: #009347; color: white; }

.nav-pills ul { float: right; }
.nav-pills ul > li { position: relative; display: block; }
.nav-pills ul > li > a { float: left; color: white; }
.nav-pills ul > li > a:hover { background: none; }

@media screen and (max-width: 992px) { .nav-pills > li { float: none; } }

.navbar .dropdown-menu { background: black; border: none !important; width: 260px; }
.navbar .dropdown-menu > li { border: none !important; width: 100%; }
.navbar .dropdown-menu > li > a { padding: 8px 20px !important; width: 100%; }


/* ---- FOOTER ---- */
footer .inner { padding-bottom: 0 !important; }
footer .col-sm-3,
footer .col-sm-4,
footer .col-sm-5 { padding-bottom: 50px !important; color: white; }
footer div p { color: white !important; }

.footer-bottom { background: #009347; border: none; padding-bottom: 25px; }
.footer-bottom p { color: white; }
.footer-bottom .nav > li > a { display: inline; padding: 2px; }
.footer-menu ul li { list-style: none; }


/* ---- HOME ---- */
.slideshow-information { background: none !important; top: 20% !important; bottom: inherit !important; left: 50%; height: auto !important; overflow: hidden !important; opacity: 1.0 !important; filter: alpha(opacity=100) !important; }
h3.slideshow-info-heading { background: white !important; display: table; font-family: "Open sans", sans-serif !important; padding-top: 1% !important; padding-bottom: 1% !important; padding-left: 2% !important; padding-right: 2% !important; }
p.slideshow-info-content { background: white !important; font-weight: 600 !important; display: table; overflow: hidden; font-family: "Open sans", sans-serif !important; padding-top: 1% !important; padding-bottom: 1% !important; padding-left: 2% !important; padding-right: 2% !important; }

@media screen and (min-width: 992px) { h3.slideshow-info-heading { font-size: 2.5em !important; color: #009347 !important; } }
@media screen and (max-width: 992px) { h3.slideshow-info-heading { font-size: 1.5em !important; color: #009347 !important; } }
@media screen and (min-width: 992px) { p.slideshow-info-content { font-size: 2.3em !important; line-height: 1.2em !important; color: #025b9e !important; } }
@media screen and (max-width: 992px) { p.slideshow-info-content { font-size: 1.3em !important; line-height: 1.2em !important; color: #025b9e !important; } }

#home-text .inner-sm { padding-top: 70px !important; padding-bottom: 70px !important; }
#home-text h1 { font-size: 32px !important; }
#home-text h2 { margin: 0 !important; }
#home-text h2 a { }

#about > div { padding-top: 70px !important; padding-bottom: 0 !important; }
#about h2 { margin-bottom: 0; }
#about p { margin-bottom: 10px; }

#benefits > div { padding-top: 70px !important; padding-bottom: 70px !important; }
#benefits h2 { margin-bottom: 6px;; }
#benefits ul { margin: 0; padding: 0; }
#benefits ul li { margin-bottom: 10px; }
#benefits ul li i { margin-right: 6px; color: #FFA200; }
#benefits img { width: 50%; float: left; height: auto; }
#benefits .images br { display: none; }

#encapsulation-headline { font-size: 2.0em !important; line-height: 1.8em !important; font-weight: bold; }

#encapsulation ul { margin: 0; padding: 0; }
#encapsulation ul li { margin-bottom: 10px; }
#encapsulation ul li i { margin-right: 6px; color: #009347; }
#encapsulation p { font-size: 1.3em !important; line-height: 1.4em; }
#encapsulation p strong { color: #009347; }

#encapsulation .faqs div { position: relative; overflow: hidden; margin-bottom: 10px; }
#encapsulation .faqs div > strong { color: #025b9e; margin-right: 10px; }

#contact h2 { color: #009347; font-size: 1.6em !important; line-height: 1.3em; }
#contact form small { font-style: italic; }
#contact form small > span { color: red; margin-right: 3px; }
#contact form .row div { margin-bottom: 10px; }
#contact form input { margin-bottom: 0; }
#contact form select { margin-bottom: 0; }
#contact form .wpcf7-not-valid-tip { font-size: 12px; }
#contact form .wpcf7-response-output { padding: 0; margin: 0; border: 0 !important; }
#contact form .wpcf7-validation-errors { color: red; }



#testimonials { background: #025b9e; }
#testimonials blockquote p { font-size: 18px; color: white; }
#testimonials .inner { padding-top: 80px; padding-bottom: 80px; }

.testimonialsSection h1 { color: white; }
.testimonialsSection h3 { color: white; }

blockquote footer { color: #35ac0b; }
.owl-wrapper-outer { min-height: 240px; }
