/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/





/**CM edits, JH**/

/*mobile nav fix*/
@media only screen and (max-width: 1000px){
	
	body #mobile-menu li.open > a [class^="icon-"], #mobile-menu ul li a .sf-sub-indicator i, .sf-sub-indicator .icon-angle-down:before {
		color:#fff !important;
	}
	
	div#header-outer {
   		position: fixed!important;
   		top: 0px!important;
		padding-top:30px;
	}

	div#mobile-menu {
   		top: 89px;
   		position: fixed;
   		z-index: 999;
  		width: 100%;
	}
	
	#header-secondary-outer{
		z-index:888;
	}	
	.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.padding-7-percent.instance-0 {
    	padding-top: 70px !important;
	}
	.page-submenu {
    display:none;
	}
}



.full-img img{width:100%;}
.noWrap{white-space:nowrap;}

@media only screen and (max-width: 1000px) and (min-width: 1px){
	body .wpb_row .span_12 > .col.padding-7-percent[data-padding-pos="all"], body .column-inner.padding-7-percent[data-padding-pos="all"] {
	    padding: 10%!important;
	}
	.reverse-img div.col.span_12{
		display: flex;
	    flex-direction: column-reverse;
	}	
	.reverse-img div.col.span_12 h4{
		margin-top:25px;
	}	
}

@media only screen and (min-width: 800px){
	.hide-tablet-img, .hide-desktop-img{
		display:none;
	}
}

.floating-menu-bar .page-submenu.stuck ul{
	margin-top:-10px;
}

@media only screen and (max-width: 1000px){	
	.vc_col-sm-6.col-no-margin{
		width:100% !important;	
	}
	.slider-next, .slider-prev{
		opacity:0 !important;
	}
}

.special-list {
	padding-left:40px;
	padding-top:40px;
}

@media only screen and (min-width: 1000px){
	.special-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-width: 200px;
		-moz-column-width: 200px;
		column-width: 200px;
	}
}


body .nectar-button.medium{
	font-size:18px
}
.nectar-button{
	color:#fff !important;
	border:none !important;
	background-color:#008b9e !important;
	padding: 15px 30px !important;
}

#mobile-menu{
	background-color:#008b9e;
}

#mobile-menu ul li a{ font-size:16px;}

icon-angle-down,
.sf-sub-indicator [class^="icon-"]{
	font-size:20px !important;
}


@media only screen and (max-width: 1000px) and (min-width: 1px){
	.wpb_row.full-width-section, .wpb_row.full-width-content{
		margin-top:0 !important;
	}
}

/*********end JH************/




#input_3_5{
	background-color: rgba(242, 242, 242, 0.5) !important;
}


/* Fix header */
body #header-outer[data-using-pr-menu="true"] header#top nav >ul.buttons {
    display: flex!important;
    flex-direction: column;
     align-items: flex-start;
    justify-content: center;
}
ul.buttons {
    height: 108px!Important;
}
header#top nav >ul >li[class*="button_solid_color"] >a, body #header-outer.transparent header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"] header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"].transparent.dark-slide header#top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer:not([data-lhe="animated_underline"]).transparent.dark-slide header#top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_solid_color"] a:hover, #header-outer.dark-text header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item[class*="button_solid_color"] >a, #header-outer.transparent.dark-slide >header#top nav >ul >li[class*="button_solid_color"] >a:hover {
    color: #008b9e!important;}
ul.buttons li a {
    padding: 0px 0!important;
}
#top #logo img {
    height: 95px!important;
}
ul.buttons a:before {
    display: none!Important;
}
li.menu-item-56 a {
    text-transform: lowercase!important;
}
li.menu-item-57 a {
    color: #008b9e!important;
}
/*  ---  Header  ---  */

#header-secondary-outer ul {height: 40px;}
#header-secondary-outer nav >ul >li >a {font-size: 12px!important; padding: 10px!Important; letter-spacing: 1px !important;}
header#top nav #menu-item-57 a, header#top nav #menu-item-56 a {margin-right: 0 !important;}
#menu-item-57 .fa, #menu-item-56 .fa{width: 20px; height: 20px; line-height: 23px; font-weight:800; margin-right: 2px; font-size: 13px;}
body header#top nav ul li a {color: #313131;}
.page-submenu.stuck .full-width-content {box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;}



/* CTA HEADER FIX */
@media screen and (min-width: 1340px){
#header-secondary-outer nav >ul >li >a, #header-secondary-outer nav >ul >li:last-child{border: none!important;}
	
/* .admin-bar #header-secondary-outer, .logged-in.buddypress #header-secondary-outer , #header-secondary-outer{ 
top: 0px; height: 0px;} */
	
	
#header-space{ height: 120px;}
#header-outer{ padding-top: 15px; top: 32px; }
#menu-item-57 a, #menu-item-56 a{ color: #008b9e!important;}
#header-secondary-outer nav >ul >li >a{ font-size: 15px!important; text-transform: none!important;}
}

/* HERO WITH NO IMG */

.hero-no-img a {
    color: #c8b367;
    font-weight: 600;
}
.hero-no-img a:hover {
    color: #ff6c32;
}

/* Gabriele Edits */

.nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i {
	left: 0 !important;
}

.link-on-orange {
	color:#fff;
	font-weight:800;
}

.cta-row a {
	white-space:nowrap;
}

.link-on-orange:hover {
	color:#008b9e;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
	border:1px solid #790000 !important;
}
@media only screen and (max-width: 761px), (max-device-width: 1023px) and (min-device-width: 768px) {
.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
	margin-top: 16px !important;
}
}
/* --- Home --- */


/*  ---  General  ---  */


.hero-row{ position:relative;}
.floating-menu-bar .page-submenu{border-bottom: 1px solid #ddd;}
.floating-menu-bar .page-submenu ul{padding: 0px 0px 4px 0px; transition: all 0.4s;}
.floating-menu-bar .page-submenu.stuck ul{padding: 4px 0; transition: all 0.4s;}
.floating-menu-bar .page-submenu ul li{margin: 0 15% 0 0;}
.floating-menu-bar .page-submenu ul li a{background-size: contain; background-repeat: no-repeat; background-position: center center; font-weight: bold; min-width: 130px; text-indent: -99999px;}
.hero-row {
    padding-top: 7%!Important;
}
/*.floating-menu-bar .page-submenu ul li:nth-child(1)::after{    
content: "Go to Timber Frames";
    position: relative;
    opacity: 0; 
    top: -25px;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 9px;
    bottom: -12px;
    z-index: 2000;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    background: #8cc63f;
    color: white;
    padding: 6px 11px;
border-radius: 3px;
transition: all 1s;
left: 0px;
}

.floating-menu-bar .page-submenu ul li:nth-child(2)::after{    
content: "Go to Roof Truss";
    position: relative;
    opacity: 0; 
    top: -25px;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 9px;
    bottom: -12px;
    z-index: 2000;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    background: #c4b14b;
    color: white;
    padding: 6px 11px;
border-radius: 3px;
transition: all 1s;
left: 0px;
}


.floating-menu-bar .page-submenu ul li:nth-child(3)::after{    
content: "Go to Timber Merchant";
    position: relative;
    opacity: 0; 
    top: -25px;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 9px;
    bottom: -12px;
    z-index: 2000;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    background: #f37021;
    color: white;
    padding: 6px 11px;
border-radius: 3px;
left: 0px;
transition: all 1s;
}
*/
.floating-menu-bar .page-submenu.stuck ul li:nth-child(1)::after{  left: -24px; }
.floating-menu-bar .page-submenu.stuck ul li:nth-child(2)::after{  left: -10px; }
.floating-menu-bar .page-submenu.stuck ul li:nth-child(3)::after{  left: -30px; }



.floating-menu-bar .page-submenu ul li:after:hover{
box-shadow: rgba(0,0,0,0.3) 1px 1px 9px;
background: #008b9e;
transition: all 0.3s;}

.page-id-8 .floating-menu-bar .page-submenu ul li:nth-child(1)::after{
opacity: 0!important;}

.page-id-16 .floating-menu-bar .page-submenu ul li:nth-child(2)::after{
opacity: 0!important;}

.page-id-22 .floating-menu-bar .page-submenu ul li:nth-child(3)::after{
opacity: 0!important;}

.floating-menu-bar .page-submenu ul li a:hover{
color: #333!important; transition: all 0.4s;}
.floating-menu-bar .page-submenu ul li:nth-child(1) a{background-image: url(https://www.shiretimbergroup.co.uk/wp-content/uploads/2017/06/STGROUP_Frame_Sips-col.png);}
.floating-menu-bar .page-submenu ul li:nth-child(2) a{background-image: url(https://www.shiretimbergroup.co.uk/wp-content/uploads/2017/07/STGROUP_Timber-Supplies-copy.png);}
.floating-menu-bar .page-submenu ul li:nth-child(3) a{background-image: url(https://www.shiretimbergroup.co.uk/wp-content/uploads/2017/06/STGROUP_Timber-Supplies-col.png);}
.floating-menu-bar .page-submenu ul li:nth-child(3){margin-right:0px;}
.page-submenu li a{opacity: 1;}
.page-submenu li a:hover{opacity: 0.8;}

.pod-text{font-family: Raleway; font-size: 25px; line-height: 30px; font-weight: 700;}
.pod-clmn.alt{min-height:250px;}

body .wpb_column .max-width-image{max-width: 220px !important;}
.hero-inner-clmn .wpb_wrapper .img-with-aniamtion-wrap{position: absolute; top: -130px; right: -60px;}
.hero-inner-clmn .wpb_wrapper .img-with-aniamtion-wrap img{max-width: 160px; margin-bottom: 20px;}


.small-heading .nectar-split-heading.animated-in {
    margin-bottom: 10px;
}
@media screen and (min-width: 1001px){
.logo-internal {
    display: none;
}

    #logo img{height: 110px!important;}

.floating-menu-bar .page-submenu ul li a{
    transition: all 0.4s;
width: 139px; height: 97px;}

.floating-menu-bar .page-submenu.stuck ul li a{
    transition: all 0.4s;
    width: 100px;
    height: 57px;
 margin-top: 9px!important;
}

.floating-menu-bar .page-submenu ul li a:hover{
    transform: translateY(-6px); transition: all 0.4s;
}

.floating-menu-bar .page-submenu ul{
transition: all 0.4s;
height: 106px!important;}

.floating-menu-bar .page-submenu.stuck ul{
transition: all 0.4s;
max-height: 86px;}

.floating-menu-bar{margin-top: -39px!important}

.home .floating-menu-bar .page-submenu ul li::after{
opacity: 0;
transition: all 0.4s;
top: -25px;
animation-name: shortshow;
animation-duration: 3s;}

.home .floating-menu-bar .page-submenu ul li:nth-child(1)::after{ animation-delay: 1.7s;}
.home .floating-menu-bar .page-submenu ul li:nth-child(2)::after{ animation-delay: 1.3s;}
.home .floating-menu-bar .page-submenu ul li:nth-child(3)::after{ animation-delay: 0.9s;}

/*  @keyframes shortshow{
0%{ opacity: 1; top: 5px;}
100%{ opacity: 0; top: -25px;}
}

@-webkit-keyframes shortshow{
0%{ opacity: 1; top: 5px;}
100%{ opacity: 0; top: -25px;}
}
*/
.floating-menu-bar .page-submenu ul li:hover::after{  
	opacity: 1;
	transition: all 1s;
	top: 5px;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 9px;}
}

/* --- LOGO GRAYSCALE --- */
.page-id-8 .floating-menu-bar .page-submenu ul li:nth-child(3) a, .page-id-8 .floating-menu-bar .page-submenu ul li:nth-child(2) a{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.6}

.page-id-22 .floating-menu-bar .page-submenu ul li:nth-child(1) a, .page-id-22 .floating-menu-bar .page-submenu ul li:nth-child(2) a{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.6}

.page-id-16 .floating-menu-bar .page-submenu ul li:nth-child(1) a, .page-id-16 .floating-menu-bar .page-submenu ul li:nth-child(3) a{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.6}

.floating-menu-bar .page-submenu ul li a:hover{-webkit-filter: grayscale(0%)!important; filter: grayscale(0%)!important; opacity: 0.8!important; transition: all 0.4s;}

/* --- BORDER COLORS --- */

#header-outer[data-lhe="animated_underline"] header#top nav >ul >#menu-item-40 >a:after{
border-color: #8cc63f!important;}

#header-outer[data-lhe="animated_underline"] header#top nav >ul >#menu-item-47 >a:after{
border-color: #f37021!important;}

#header-outer[data-lhe="animated_underline"] header#top nav >ul >#menu-item-44 >a:after{
border-color: #c4b14b!important;}

.page-submenu{
border: none!important;}

/*  ---  Homepage  ---  */

.homepage-intro{position:relative;}
.homepage-intro-inner{position:absolute; bottom:1px; width:100%; z-index:9999;}
/* body.home.page-id-6 .parallax_slider_outer.first-section.element-in-view {height: calc(100vh - 165px) !important;} */
.clmn-fancy-list .nectar-fancy-ul{margin-bottom:0px;}
.clmn-fancy-list .nectar-fancy-ul ul{margin-bottom:10px; margin-top:10px;}
.clmn-fancy-list .divider-wrap{margin-bottom: 20px;}
.clmn-fancy-list.center .divider-small-border{margin-left:auto; margin-right:auto;}

.pods-row{}
.pod-clmn .img-with-aniamtion-wrap img {max-height: 90px; width: auto; margin-bottom: 20px !important;}
.google-link {
    transition: .3s ease-out;
}
.google-link:hover {
    transform: scale(1.1);
}

/* ---   Career   ---  */
label.gfield_label.gfield_label_before_complex {
    color: #acacac;
}

/* ---   Downloads   ---  */
 .download-title p {
    font-size: 20px;
font-weight:900;
    color: #008c9c;
} 
.download-row p{
text-align:left!important;
}
.download-row a.nectar-button {
    margin-bottom: 0;
    margin-top: 6px;
}
/*  ---  Contact  ---  */

.contact-info-row .nectar-split-heading{margin-bottom:4px;}
#gform_wrapper_1{margin: 0 !important;}
body #gform_wrapper_1 ul li.gfield {margin-top: 0px;}
#gform_wrapper_1 textarea.medium {height: 100px;}
.gm-style-iw:after {
    content: url(https://www.shiretimbergroup.co.uk/wp-content/uploads/2017/10/google-review-e1508941720430.jpg);
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-left: 35%;
}
.gm-style-iw:before {
    content: "Shire Timber Group";
    text-align: center;
    width: 600px!important;
    font-size: 18px;
    color: #008c9c;
}

/* ---CASE STUDIES --- */
.col-no-margin {
    margin-left: 0!important;
width:50%!important;
  
}

/*  ---  CTA  ---  */

.cta-row{}
.cta-text {font-family: Raleway; font-weight: 800; font-size: 33px; line-height: 1.5;}
.cta-text.alt { font-size: 17px;}
p.number-desktop {font-size: 50px; font-weight: 800; font-family: 'Raleway'; padding: 20px 0 0!Important;}
/*  ---  Footer  ---  */

#footer-widgets .row{padding-bottom:0px !important;}

#footer-widgets .minimal-form-input{margin-top: -50px;}
#footer-outer #copyright li a:hover i, #footer-outer[data-cols="1"] #copyright li a:hover i {
    color: #00a8be!important;
}

/*  ---  Media Queries  ---  */


@media screen and (min-width: 500px){
	/*removed li#menu-item-57,  li.menu-item-57 a CM request*/
.cta-row a, a.phone-mobile { pointer-events: none; color: inherit;}
.hide-desktop {display: none;}
}
@media screen and (max-width:1340px){
header#top ul.buttons {
    /* display: none!important;*/
    visibility: hidden;
}
}
/* @media screen and (min-width:1340px){
	#menu-item-57, #menu-item-56 {
    display: none!important;
}
} */
@media screen and (max-width: 1000px){
.container-wrap{ 
padding-top: 0px!important;
margin-top: 0px!important;}

.logo-internal img {
    padding: 20px 0 60px;
}
.hero-row {padding-top: 0 !important;}
}
@media screen and (max-width: 1120px) {
body #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a{margin-left: 8px; margin-right: 8px;}
body header#top nav > ul > li > a{font-size:12px;}
}

@media screen and (max-width: 800px) {
.homepage-intro-inner {position: relative;}
.reverserow div.col.span_12{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.reverserow div.col.span_12 .vc_col-sm-6:nth-child(1){order:2; margin-bottom: 0px !important;}
.reverserow div.col.span_12 .vc_col-sm-6:nth-child(2){order:1; margin-bottom: 25px !important;}
.hide-mobile{display:none;}
.floating-menu-bar .page-submenu ul{padding:0;}
.floating-menu-bar .page-submenu ul li{margin-bottom: 13px !important; width: 33%; display: inline-block;}
.pod-clmn.alt {min-height: 0px;}
.cta-text{text-align:center;}
}

@media screen and (max-width: 500px) {
.sticky-wrapper ul{max-height: 70px;}
#header-secondary-outer nav ul.sf-menu {padding-top: 0 !important; padding-bottom: 0 !important;}
#header-secondary-outer nav >ul >li >a{padding: 6px!Important;}

.hero-row .col.span_12{display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;}
.hero-row .col.span_12 .vc_col-sm-6:nth-child(1){order:2;}
.hero-row .col.span_12 .vc_col-sm-6:nth-child(2){order:1;}
.hero-row .col.span_12 .vc_col-sm-6.wpb_column .max-width-image {max-width: 150px !important; margin-bottom: 20px !important;}
body.page-id-22 .hero-row .col.span_12 .vc_col-sm-6:nth-child(1){order:1; padding-top: 15% !important;}
body.page-id-22 .hero-row .col.span_12 .vc_col-sm-6:nth-child(2){display:none;}
.hero-inner-clmn .wpb_wrapper .img-with-aniamtion-wrap{right: 0px !important;}
.hero-inner-clmn .wpb_wrapper .img-with-aniamtion-wrap img{max-width: 130px !important; margin-bottom: 20px;}
p.number-desktop{display:none;}
}