/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*  HOME  */

/*  secondary header — "REQUEST A QUOTE"  */
#header-outer #header-secondary-outer {display:flex; justify-content:center; background-color:transparent}
#header-outer #header-secondary-outer, #header-outer #header-secondary-outer .container {min-height:0}
#header-outer #header-secondary-outer .container {position:absolute}
#header-outer #header-secondary-outer .container nav {min-height:0}
#header-outer #header-secondary-outer .nectar-center-text {top:16px; /*color:#334f77;*/ color:#0072bc; font-size:16px; line-height:16px; max-width:100%; text-align:right; font-weight:700; font-style:italic; padding:0}

/*  header  */
.page-header-overlay-color:after {opacity:.2}
.home .page-header-bg-image {background-size:150%}
.home #page-header-bg {border-bottom:18px #405d84 solid}
#page-header-bg .inner-wrap h1 {text-shadow:1px 1px 1px rgba(0,0,0,.7)}
#page-header-bg .inner-wrap .subheader a {font-size:20px; line-height:20px; padding:15px 28px; padding-right:28px; background-color:#053062; display:inline-block; color:#fff; text-transform:uppercase; border:2px solid #fff; margin-top:20px; position:relative; transition:opacity .3s}
#page-header-bg .inner-wrap .subheader a:hover {opacity:.8}

/*  home-columns  */
#home-columns .span_12 {justify-content:space-evenly}
#home-columns .span_12:after {display:none}
#home-columns .span_12 .vc_col-sm-6 {width:38%}
#home-columns .span_12 .vc_col-sm-6 h2 {font-size:22px; line-height:28px; font-weight:700}
#home-columns .img-with-aniamtion-wrap img {max-width:180px;}
#home-columns .wpb_text_column ul {margin-left:0}
#home-columns .wpb_text_column ul li {list-style-type:none}
#home-columns .wpb_text_column ul li a {display:inline-block; background-color:#053062; padding:8px 26px; color:#fff; font-size:15px; text-transform:uppercase; transition:opacity .3s}
#home-columns .wpb_text_column ul li a:hover {opacity:.7}
/*#home-columns .wpb_text_column ul li a:after{content:'→'; width:0; display:inline-block; opacity:0; transition: width .3s, opacity .3s, right .3s; position:relative; right:0}
#home-columns .wpb_text_column ul li a:hover:after {width:8px; opacity:1; right:-5px}*/
#home-columns .nectar-button {margin-top:10px}
#home-columns .nectar-button.medium span {font-size:14px}

#sss-intro .wpb_text_column h2{font-size:36px; line-height:120%; margin-bottom:14px}
#sss-intro .wpb_text_column p {font-size:18px; line-height:140%}

#sss-difference .wpb_text_column ul {margin-left:0;}
#sss-difference .wpb_text_column li{list-style-type:none; font-size:18px; border-bottom:1px solid #ddd; padding:12px 0; width:50%; margin:0 auto}
#sss-difference .wpb_text_column li:last-child {border-bottom:none}

/*  line-card  */
#line-card-outer .line-card-intro h2 {/*color:#334f77;*/ color:#0072bc; font-size:36px; padding-top:40px; padding-bottom:10px}
#line-card-outer .line-card-intro h3 {/*color:#334f77;*/ color:#0072bc; padding:10px 0 30px; font-weight:700; font-style:italic; font-size:26px}
.line-card .span_12 {justify-content:space-between}
.line-card .span_12:after {display:none}
.line-card .span_12 .vc_col-sm-4 {width:27%}
.line-card h3 {text-align:center}
.line-card ul {margin-left:0}
.line-card ul li {display:inline-block; width:32%}


.line-card.row1 .wpb_text_column {min-height:184px}
.line-card.row2 .wpb_text_column {min-height:118px}

.line-card .vc_col-sm-4 .vc_column-inner {height:100%}
.line-card .vc_col-sm-4 .vc_column-inner > .wpb_wrapper{height:100%; position:relative}
.line-card .vc_col-sm-4 .nectar-button {align-self:flex-end; margin-top:10px}

#available-forms h2 {color:#334f77; margin:0 auto 25px; width:60%}
#available-forms h3 {font-size:20px; line-height:130%; color:#334f77; font-weight:700}
#available-forms .row1 ul {display:flex; justify-content:center}
#available-forms .row1 ul li {margin-right:50px}
#available-forms .row1 ul li:last-child {margin-right:0}

#available-forms .row2, #available-forms .row3 {padding-top:20px}
#available-forms .row2 h2, #available-forms .row2 p{text-align:center}

#available-forms .row3 ul {margin-left:0}
#available-forms .row3 ul li {list-style-type:none}

/*  ABOUT US — GENERAL PAGE STYLES  */
a {color:#547ba9}
#page-title .wpb_text_column h1 {color:#fff; padding:30px 0}
body:not(.home) .span_12 {max-width:1080px; margin:0 auto;}
body:not(.home) .span_12 .vc_col-sm-9 {max-width:800px}
body:not(.home) .span_12 .vc_col-sm-9 .vc_column-inner {/*margin-right:60px*/ margin-right:20px}
body:not(.home) .span_12 .vc_col-sm-3 {max-width:250px; }
body:not(.home) .span_12 .vc_col-sm-3 .vc_column-inner {border-left:1px solid #aaa; padding-left:30px; }

/*  TEAM  */
.team-member {padding-left:0!important}
.team-member .vc_column-inner {margin-right:0!important}
.team-member .vc_column-inner > .wpb_wrapper {display:flex}
.team-member .img-with-aniamtion-wrap {width:30%}
.team-member .wpb_text_column {width:70%; padding-left:30px}
.team-member .img-with-aniamtion-wrap  img {}

/*  CORE PRODUCTS  */
#core-products .wpb_text_column h4 {margin-bottom:0; padding:20px 0 0; color:#5483C4}
#core-products .wpb_text_column h4+p {padding-bottom:0}
#core-products .vc_col-sm-9 .wpb_text_column h4+p a{color:#C4912D}
#core-products .vc_col-sm-9 .wpb_text_column h4+p a:hover {color:#786134}

/*  ORDERING/RFQ forms  */
#rfq-form .wpcf7-checkbox .wpcf7-list-item {width:18%; min-width:114px}
.page-id-100 #rfq-form .wpcf7-form-control-wrap {width:100%}
.page-id-100 #rfq-form .wpcf7-checkbox .wpcf7-list-item {width:auto; min-width:0; margin-left:10px; padding-right:10px}

#rfq-form .wpcf7 hr {margin-bottom:34px; }
#rfq-form .wpcf7 p label:last-child {width:47.5%; padding-bottom:24px}
#rfq-form .wpcf7 p strong {color:#444; display:block; padding-top:10px; padding-bottom:10px; width:100%}

#rfq-form .wpcf7 p .alimex-aluminum-grade {width:100%}

/*  CONTACT US  */
.wpcf7 .wpcf7-form p {display:flex; flex-wrap:wrap; justify-content:space-between}
.wpcf7 .wpcf7-form p br {display:none}
.wpcf7 .wpcf7-form p label {width:47.5%; padding-bottom:24px}
.wpcf7 .wpcf7-form p label:last-child {width:100%; padding-bottom:0}
.wpcf7 .wpcf7-form p label textarea {height:120px}

/*  FOOTER  */
#copyright .span_5 {width:100%}
#copyright .span_5 span {float:right}
#footer-outer #copyright .span_5 span a:hover {color:#5c86b6!important}
#copyright .span_7 {display:none}

/*    ====    ==============================    ====    */
/*    ====    RESPONSIVE STYLING STARTS HERE    ====    */
/*    ====    ==============================    ====    */

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

	#header-outer #header-secondary-outer {display:none!important}
	
	.home .page-header-bg-image-wrap .page-header-bg-image {background-size:cover}
	
	#home-columns .vc_column-inner .nectar-button {margin-top:20px}
	
	#line-card-outer .line-card-intro h2 {font-size:28px; line-height:34px}
	.line-card .nectar-button {margin-top:20px}
	.line-card.row2 .wpb_text_column {min-height:142px}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){ 
	
	/*  home  */
	#header-outer #header-secondary-outer .container {position:static}
	
	#header-outer #header-secondary-outer {display:none!important}
	#header-outer #header-secondary-outer .nectar-center-text {position:static}
	
	#page-header-bg .page-header-bg-image-wrap .page-header-bg-image {background-size:cover}

	#home-columns .span_12 .vc_col-sm-6 {width:100%}
	#home-columns .span_12 .vc_col-sm-6:first-child {padding-bottom:30px}
	#home-columns .span_12 .vc_col-sm-6 .nectar-button {margin-top:20px}
	
	.main-content #home-columns {margin-bottom:0}
	
	#line-card-outer .line-card-intro h2 {font-size:30px; line-height:36px}
	#line-card-outer .line-card.row1 {padding-top:0!important}
	.line-card .span_12 .vc_col-sm-4 {width:100%}
	.line-card.row1 .wpb_text_column, .line-card.row2 .wpb_text_column {height:auto; min-height:0}
	
	.line-card .nectar-button {margin-top:20px}
	
	#available-forms .row1 ul {flex-direction:column; margin-left:0}
	#available-forms .row1 ul li {margin-right:0; list-style-type:none}
	
	/*  inside pages  */
	body:not(.home) .span_12 .vc_col-sm-9 .vc_column-inner {margin-right:0}
	body:not(.home) .span_12 .vc_col-sm-3 {border-top:1px solid #444; min-width:0; max-width:none; padding-top:20px}
	body:not(.home) .span_12 .vc_col-sm-3 .vc_column-inner {padding-left:0; border:none}
	
	/*  rfq forms  */
	.wpcf7 .wpcf7-form p label, #rfq-form .wpcf7 p label:last-child {width:100%}
	
	/*  footer  */
	#footer-outer #footer-widgets {display:none}

	#line-card-outer .line-card-intro h2 {padding-bottom:20px}
}

/*  PHONE  */
@media only screen and (min-device-width: 300px) and (max-device-width: 767px) { 
	
	/*  home  */
	#header-outer #header-secondary-outer .container {position:static}
	
	#header-outer #header-secondary-outer {display:none!important}
	#header-outer #header-secondary-outer .nectar-center-text {position:static}
	
	#page-header-bg .page-header-bg-image-wrap .page-header-bg-image {background-size:cover}

	#home-columns .span_12 .vc_col-sm-6 {width:100%}
	#home-columns .span_12 .vc_col-sm-6:first-child {padding-bottom:30px}
	#home-columns .span_12 .vc_col-sm-6 .nectar-button {margin-top:20px}
	
	#sss-difference .wpb_text_column li {width:100%}
	
	.main-content #home-columns {margin-bottom:0}
	
	#line-card-outer .line-card-intro h2 {font-size:30px; line-height:36px}
	#line-card-outer .line-card.row1 {padding-top:0!important}
	.line-card .span_12 .vc_col-sm-4 {width:100%}
	.line-card.row1 .wpb_text_column, .line-card.row2 .wpb_text_column {height:auto; min-height:0}
	
	.line-card .nectar-button {margin-top:20px}
	
	#available-forms h2 {font-size:25px; line-height:130%; margin-bottom:25px; width:100%}
	#available-forms .row1 ul {flex-direction:column; margin-left:0}
	#available-forms .row1 ul li {margin-right:0; list-style-type:none}
	
	/*  inside pages  */
	body:not(.home) .span_12 .vc_col-sm-9 .vc_column-inner {margin-right:0}
	body:not(.home) .span_12 .vc_col-sm-3 {border-top:1px solid #444; min-width:0; max-width:none; padding-top:20px}
	body:not(.home) .span_12 .vc_col-sm-3 .vc_column-inner {padding-left:0; border:none}
	
	/*  rfq forms  */
	.wpcf7 .wpcf7-form p label, #rfq-form .wpcf7 p label:last-child {width:100%}
	
	/*  footer  */
	#footer-outer #footer-widgets {display:none}
	
}