/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Template: salient
Version: 0.1
*/

/* Global */
.hidden {display:none!Important;}
/* Body */
.container-wrap {margin-top:0px; padding-top:0px; background:#fff!important;}
body.page-template-page-sidebar-php .main-content > .row > #post-area, body.page-template-page-sidebar-php .main-content > .row > #sidebar {margin-top:0px!important;}
.wpb_row {margin-bottom:0px!important;}
.accent, .accent h3 {color:#7fadb5!important;}

/* Typography */
h3 {margin-bottom:20px!important;}
.container-wrap .wpcf7 input[type="email"], .container-wrap .wpcf7 textarea, .container-wrap .wpcf7 input[type="text"], .container-wrap .wpcf7 input[type="tel"] {font-size:14px!important; font-weight:400!important;}
p {line-height:26px; padding-bottom:20px!important;}
p.larger {font-size:1.2em;}
p.largest {font-size:1.4em; line-height: 1.6em}
h3.contact {text-align:center; text-transform:uppercase; background:#7fadb5; font-weight:700; font-size:18px; color:#FFF; 	padding:12px 8px; margin-bottom:20px!important;}
.contact_form_div h3.contact {}
.opening {font-size:1.4em;line-height:1.5em;}
.impact-text, .impact-text p, .impact-text-large {font-family: "Merriweather"!important;}
.impact-text {font-size: 16px; line-height:28px; font-weight: 300; }
.impact-text-large {font-size: 20px; line-height: 28px; letter-spacing:-0.25px;}
.impact-text-large.bold { font-weight: 700; letter-spacing:-0.5em;}

/* Page typography */
.main-content h1 {margin-bottom:20px!important; color:#7FADB5;}
.main-content h4 {margin-bottom:15px!Important;}
h1.home_main {font-size:30px!important; font-family:"Muli"!important;}

/* testimonials*/
.testimonial_slider .controls ul li span.pagination-switch {background-color:#eee!important; border-color:#eee!important;}
.testimonial_slider .controls ul li span.pagination-switch:hover, .testimonial_slider .controls ul li span.pagination-switch.active {background-color:#999!important; border-color:#999!important;}

/* Home slider */
body[data-header-resize="0"] .parallax_slider_outer.first-section { margin-top:-2px!important;}
.home-slider h2 {color: #7FADB5!important; margin-bottom:30px;}
.home-slider p {color:#444!important;}

/* Page header */
#page-header-bg h1 {font-size:24px!important; line-height:26px; margin-bottom:0px;}
#page-header-bg .subheader {font-size: 20px; color:rgba(255,255,255,0.8)!important; font-weight: 300!important;}
div.row.page-header-no-bg {background-color:#7FADB5;}

/* Testimonials */
.testimonial_slider .image-icon {display:none;}
.testimonial_slider p {font-size:18px; line-height:1.8em; color:#777; font-weight:100!important;}

/* Navigation */
li.nav_tel a {color:#333; font-weight: bold!important;}

/* Images */
img.bordered {border-radius:5px!important; border:4px solid #FFF!important}

/* Line divider */
.line-divider {margin: 0 0 30px 0!important; height: 5px; background: #7fadb5; width: 60px;}

/* Contact form */
div.wpcf7-mail-sent-ok {border:none; background:#7fadb5!important; color:#FFF;}
div.wpcf7-response-output {padding:.5em}
.wpcf7 textarea {height:200px!important;}

/* Lists */
.bullet {list-style-position:outside;}

#featured article .post-title h2 span {
	box-shadow:10px 0 0 rgba(108,16,0,0.3),-10px 0 0 rgba(108,16,0,0.3);
	-moz-box-shadow:10px 0 0 rgba(108,16,0,0.3),-10px 0 0 rgba(108,16,0,0.3);
	-webkit-box-shadow:10px 0 0 rgba(108,16,0,0.3),-10px 0 0 rgba(108,16,0,0.3);
	-o-box-shadow:10px 0 0 rgba(108,16,0,0.3),-10px 0 0 rgba(108,16,0,0.3);
	padding:4px 0;
	background:rgba(108,16,0,0.3);
	line-height:54px!important;
	display:none
}
#featured article .post-title h2 {max-width:540px; min-width:460px;}
#featured article .post-title > a {color:#B5877F; border:2px solid rgba(181,135,127,0.3)}
#featured article .post-title a:hover,body #featured article .post-title a:hover {border-color:#B5877F!important;}

/* Navigation */
header#top nav > ul > li.megamenu > ul.sub-menu,header#top .sf-menu li ul li a {background-color:#4A666B}
header#top nav > ul > li.megamenu > ul ul li a:hover,header#top nav > ul > li.megamenu > ul ul li.current-menu-item a {
	background-color:#56767C!important;}
#header-secondary-outer nav > ul > li > a {color:#57767B; font-weight:700;}


.row .col.section-title p {font-family:"Merriweather Sans"!important}
.col.section-title h2 {font-family:"Merriweather Sans"!important}

.row .col.section-title {border-bottom:none!important}
.hp-services .column-link {background-color: rgba(22,22,22,0.2); transition: background-color 0.2s ease-in-out;}
.hp-services .column-link:hover {background-color: rgba(22,22,22,0);}
.hp-services .nectar-button {background-color: rgba(255,255,255,0.1)!important;}

/* Call to action */
#footer-outer #call-to-action a {color:rgba(255,255,255,0.8)!important;}
#footer-outer #call-to-action a:hover {color:rgba(255,255,255,1)!important;}

/* Footer */
.ascend #footer-outer .widget h4 {font-weight: bold; color:#7fadb5!important;}

/* Before & Afters */
/*body .portfolio-items .col .work-item.style-3 .work-info-bg {background-color:#222222!important;}
body .portfolio-items .col[data-default-color="true"] .work-info-bg, .col[data-default-color="true"] .work-info-bg {
  background-color: #000!important;
}
.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {background-color:#222!important;}*/
body.portfolio-items.work-info-bg, .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
   background-color: #fff!important;
}
/*.portfolio-items .col .work-item.style-3 .work-info-bg {opacity: 0.1!important;}
.portfolio-items .col .work-item.style-3 .work-info-bg:hover {opacity:0!Important;}*/
.portfolio-items .work-info-bg {}
#portfolio-extra img {margin-bottom:40px;}

/* Footer */
#footer-widgets ul li {line-height: 28px!important;}

/*--------------------------------------------------------------
Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
.max330 {max-height:330px; overflow:hidden:}
}

/*--------------------------------------------------------------
MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {
.max330 {max-height:330px; overflow:hidden:}
}

/*--------------------------------------------------------------
MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {
.max330 {max-height:330px;overflow:hidden!important:}
}

/*--------------------------------------------------------------
MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {
.right-pad-dt {padding-right:42%;}
.maxheight {max-height:330px!important;overflow:hidden!important:}
  body .vc_row-fluid.skin_tones .vc_col-lg-2 {width:18%;}
  
}