/* #### CUSTOM STYLING #### */
body {
    background:#edf1f6;
	font-family: "lato",sans-serif;
    font-size:16px;
    line-height:1.5em;
}


.container {background:#edf1f6; border:none;}
.opening-para {font-weight:700; font-size:18px; padding-bottom:15px; line-height: 1.6em}

/* Headings */
h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top:40px; margin-bottom:20px;}
#page-middle > .container > div > h2:first-child {margin-top:60px;}
#page-middle p {margin-bottom:25px;}

h1 {color:#365ba5; font-weight:900; text-align:center; text-transform:uppercase; letter-spacing: 0.05em;}
#page-main-text h1 {text-align:left;}
body.contact h1 {text-align:left;}
h2 {color:#4969a3;}
h3 {color:#4969a3;}
h4 {color:#4969a3;}
h5 {color:#4969a3;}
h6 {color:#4969a3;}

/* Intro Block */
.section-IntroBlock {background-color:#e2eced;}

/* Testimonials */
.testimonial-quote {color:#666;}
.testimonial-quote:before {color:#e8831f; }
.testimonial-quote:after {content:"\201D";}
.testimonial-name {color:#e8831f;}

/* Header Telephone Number */
#header .telno {color:#8d8d8e;}
#header .telno span {color:#e8831f;}

/* Main Menu */
#main-menu {background:transparent none;}
#main-menu a {color:#2f487e; font-weight:700;}
#main-menu li.selected > a, #main-menu .navbar-nav li > a:hover {color:#39b871;}
#main-menu .caret {display:none;}

/* Main Menu - Sub Menu */
#main-menu .dropdown-menu {background-color:#edf1f6;}
#main-menu .dropdown-menu a {color:#2f487e;}
#main-menu .dropdown-menu > li.selected > a, 
#main-menu .dropdown-menu > li > a:focus, 
#main-menu .dropdown-menu > li > a:hover {background-color:#39b871; color:#fff;}
#main-menu .navbar-nav > .open > a, 
#main-menu .navbar-nav > .open > a:focus, 
#main-menu .navbar-nav > .open > a:hover {background-color:#39b871; color:#fff;}

/* Main Menu - Mobile Menu */
#main-menu .navbar-brand {color:#fff;}
#main-menu .navbar-toggle {border-color:transparent; margin-bottom:37px;}
#main-menu .navbar-toggle .icon-bar {background-color:#365ba5; height:6px; width:42px; border-radius:12px;}
#main-menu .navbar-toggle:focus, #main-menu .navbar-toggle:hover {background-color:transparent;}
#main-menu .navbar-toggle:focus .icon-bar, #main-menu .navbar-toggle:hover .icon-bar {background-color:#39b871;}

/* Home Banner - Caption */
#header-banner #alt-caption {font-size:21px; color:#d3ddea; font-weight:700; letter-spacing:0.1em;}

/* Top Level - Page Header */
#page-header {
    background:#adc1d9;
	position:relative;
	padding:0;   
	margin-bottom:30px;    
}
#page-header .container {
    background:url("../images/layout/banner/banner-sideboard.jpg") top center no-repeat;
}    

body.about #page-header .container {background-image:url("../images/layout/banner/banner-about.jpg");}    
body.services #page-header .container {background-image:url("../images/layout/banner/banner-services.jpg");}  
body.tiling #page-header .container {background-image:url("../images/layout/banner/banner-tiling.jpg");}  
body.floorprep #page-header .container {background-image:url("../images/layout/banner/banner-floorprep.jpg");}  
body.softflooring #page-header .container {background-image:url("../images/layout/banner/banner-softflooring.jpg");}  
body#case-study #page-header .container {background-image:url("../images/layout/banner/banner-casestudies.jpg");}  
body.contact #page-header .container {background-image:url("../images/layout/banner/banner-contactus.jpg");}  

#page-header-intro {    
    background:transparent url("../images/layout/caption-bgd.png"); 
    width:60%;
    margin:60px 20%;
    padding:30px;
    font-size:20px; 
    color:#b0c3d9; 
}

body#case-study #page-header .container,
body.tiling #page-header .container,
body.floorprep #page-header .container,
body.softflooring #page-header .container
{position:relative !important; height:250px !important;}

body#case-study #page-header-intro,
body.tiling #page-header-intro,
body.floorprep #page-header-intro,
body.softflooring #page-header-intro
{width:100%; margin:0 -15px !important; position:absolute !important; bottom:0;padding:10px 0 !important;}

#page-header-intro h1, #page-header-intro h2 {color:#b0c3d9; margin:0; padding:0 0 15px 0; text-transform:uppercase; text-align:center; font-weight:700;}
#page-header-intro h2 {padding-bottom:0;}
#page-header-intro h1 span, #page-header-intro h2 span {display:block; color:#b0c3d9; font-size:22px; font-weight:500; text-align:center; padding:5px 0; text-transform:none; margin:0 auto;}

body#services #page-header, body#case-study #page-header {margin-bottom:0;}

/* Home Panels */
#panel-container {padding-top:30px; padding-bottom:45px;}
.service-panels {background:transparent url("../images/layout/woodfloor-bgd.jpg");}
.news-panels {background:#30477e; color:#adc1d9; font-size:15px;}
#panel-latest-news {background:url("../images/layout/news-speech-bubble.png") 95% top no-repeat;}
#panel-latest-news > h3 {color:#39b871; font-weight:700;}
#panel-latest-news a {color:#fff;}
#panel-row #panel-latest-news a:hover {background:transparent; color:#39b871;}
#panel-tweets {background:url("../images/layout/twitter-logo.png") right top no-repeat; padding-right:55px;}
#panel-container .container {background:transparent;}
h2.panel-header {color:#fff; text-transform:uppercase; text-align:center; font-weight:700; letter-spacing:0.1em;}
#panel-row .small-panel {border:8px solid #adc1d9;}
#panel-row span {background:#2f5cb6; color:#fff; text-transform:uppercase;} 
#panel-row a:hover, #panel-row a:hover span {text-decoration:none; background:#adc1d9; color:#fff;} 

/* Footer */
#footer, #footer .container {background-color:#f3f6fa; color:#2f487e; font-weight:700; line-height: 1.8;}

#footer a {color:#266abc; font-size:16px;}

#footer a:hover {color:#8D8D8E; text-decoration:none;}
#footer-menu li {border-left:1px solid #266abc; padding-left:15px;}
#footer-menu li:first-child {border-left:none; padding-left:0;}

#footer-contact a {color:#2f487e;}
#footer span {color:#18a657; font-size: 14px; font-weight: 700;} /* labels */
#footer-right {color:#e8831f;} /* copyright */

/* Forms */
form label {color:#4969a3;}
.custom-button {background:#4969a3; color:#fff;}

/* Contact Details */
#contact-details label {color:#e8831f;}

/* SCRIPT CSS OVER-RIDES ----------------------------------------------- */

body [id^=pjWrapper] {
    background-color: transparent !important
}
#pjCF_container_1 {
    background-color: rgba(255, 255, 255, .8) !important;
    padding: 40px;
}
#pjWrapper * {
    text-align: left;
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small{
    font: 400 1.0em/1.4 'Heebo', sans-serif!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222 !important;
    margin: 0 0 20px;
}
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small i {
    color: #444!important;
    font-size: 0.5em!important;
}

/* ### MEDIA QUERIES ### */

/* Boostrap SM */
@media (max-width: 991px) {
	#main-menu .navbar-collapse {background:transparent; border:none; padding:0;}
    #main-menu .navbar-nav {padding:0; margin:0;}  
    #main-menu li > a {border-top:1px solid #fff; background:#e2e3ed;}    
    #main-menu .dropdown-menu {padding:0;}
    #main-menu .navbar-nav > .open > a, #main-menu .navbar-nav > .open > a:focus, #main-menu .navbar-nav > .open > a:hover {background:#39b871; color:#fff;}
    #main-menu .dropdown-menu li > a {color:#2f487e; background:#ccd7e6;}
    
    #page-header-intro {margin:30px 15%; padding:60px 30px 30px 30px;}
    #header-banner #alt-caption {font-size:15px; padding:10px;}
    #main-menu .dropdown-menu > li.selected > a, #main-menu .dropdown-menu > li > a:focus, #main-menu .dropdown-menu > li > a:hover {background:#ccd7e6; color:#39b871;}
}    

/* Bootstrap XS */
@media (max-width:767px) { 
	body {background:#fff;}
	.container {background:#fff; border:none; box-shadow:none;}	
    #footer-menu li {border-left:none; padding-left:0;}
    
    #page-header .container {
        height:auto;
        padding:117px 0 15px 0;
    }    
    
    #page-header .container h1 {font-size:29px; padding-bottom:15px;}
    
    #page-header-intro {        
        width:100%;
        margin:0;
        padding:15px 30px;
        font-size:16px;
    }    
    body#case-study #page-header-intro,
    body.tiling #page-header-intro,
    body.floorprep #page-header-intro,
    body.softflooring #page-header-intro
    {margin:0 !important;}    
}
    
/* Bootstrap PD */
@media (max-width:450px) { 
	#panel-latest-news, #panel-tweets {background-image:none;}
    #panel-tweets {padding-right:15px;}
    #page-header-intro h3 {position:relative; margin:0 0 15px 0; display:block;} 
}