/*
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
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - SP Foundry Custom CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** Recaptcha ***/

.g-recaptcha {
	margin-bottom: 10px;
}
.g-recaptcha iframe {
	max-width: 100%;
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	transform-origin: left center;
	-webkit-transform-origin: left center;
	max-width: none;
}
#rc-imageselect {
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

/* START --------------------------------------------- Typography ---------------------------------------------- */

body p {
	padding-bottom: 20px;
}

/* justify site text */
/* .rs-justify,
body p {
	text-align: justify !important;
} */

.wpb_wrapper h1,
.wpb_wrapper h2,
.wpb_wrapper h3,
.wpb_wrapper h4,
.wpb_wrapper h5,
.wpb_wrapper h6 {
	color: #3d436d !important;
}

.text-white h1,
.text-white h2,
.text-white h3 {
	color: #ffffff !important;
}

.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
	color: #f05a29 !important;
}

.text-white,
.text-white p,
.text-white ul,
.text-white li {
	color: #ffffff;
}

.half-page-dark p {
	color: #ffffff !important;
	text-align: right;
}
.half-page-dark h1 {
	text-align: right;
	color: #ffffff !important;
}

@media only screen and (max-width: 1000px) {
	.half-page-dark h1 {
		text-align: center;
	}
	.half-page-dark p {
		text-align: center;
	}
}

.big-p p {
	font-size: 17px;
	line-height: 24px;
	font-weight: 200;
	color: #3d436d;
}

.text-white .big-p p,
.text-white.big-p p,
.text-white .extra-big-p p,
.text-white.extra-big-p p {
	color: #ffffff;
}
.extra-big-p p {
	font-size: 20px !important;
	line-height: 35px !important;
	font-weight: 200;
	color: #3d436d;
}

@media only screen and (max-width: 1000px) {
	.big-p p {
		font-size: 16px;
		line-height: 26px;
	}
	.extra-big-p p {
		font-size: 18px !important;
		line-height: 30px !important;
	}
}

/* text with shadow */
.text-shadow {
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

/* ul with squares */
.ul-square ul > li {
	list-style: none;
	position: relative;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
	margin-bottom: 7px;
	padding-bottom: 5px;
}
.text-white .ul-square ul > li {
	border-bottom: 1px dashed rgba(243, 242, 245, 0.2);
}
.ul-square ul li:last-child {
	border-bottom: none;
}

.ul-square ul > li > ul {
	margin-top: 10px;
	padding-bottom: 0px;
}
.ul-square ul > li > ul > li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ul-square ul li:before {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 3px solid #f05a29;
	position: absolute;
	left: -27px;
	top: 3px;
}

.ul-square ul > li > ul > li:before {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	border: none;
	position: absolute;
	left: -22px;
	top: 5px;
	background: #adadad;
}
.text-white .ul-square ul > li > ul > li:before {
	background: #ffffff;
}

.ul-square ul > li > ul > li > ul > li:before {
	content: "";
	display: inline-block;
	height: 8px;
	width: 8px;
	position: absolute;
	left: -22px;
	top: 5px;
	background: transparent;
	border: 2px solid #adadad;
}

.text-white .ul-square ul > li > ul > li > ul > li:before {
	border: 2px solid #ffffff;
}

.h2-underline h2 {
	padding-bottom: 10px;
}
/* @media only screen and (min-width: 1001px) {
	.h2-underline h2 {
		margin-top: -25px;
	}
} */

.h2-underline h2:after {
	content: "";
	display: block;
	margin-top:10px;
	height: 3px;
	background: #3d436d;
	background: -moz-linear-gradient(left, #3d436d 0%, #f05a29 100%);
	background: -webkit-linear-gradient(left, #3d436d 0%, #f05a29 100%);
	background: linear-gradient(to right, #3d436d 0%, #f05a29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d436d', endColorstr='#f05a29',GradientType=1 );
}

.text-white .h2-underline h2:after {
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #f05a29 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #f05a29 100%);
	background: linear-gradient(to right, #ffffff 0%, #f05a29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f05a29',GradientType=1 );
}

.h3-underline h3 {
	padding-bottom: 10px;
	line-height: 65px !important;
	margin-top: -18px;
}

.h3-underline h3:after {
	content: "";
	display: block;
	height: 3px;
	background: #3d436d;
	background: -moz-linear-gradient(left, #3d436d 0%, #f05a29 100%);
	background: -webkit-linear-gradient(left, #3d436d 0%, #f05a29 100%);
	background: linear-gradient(to right, #3d436d 0%, #f05a29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d436d', endColorstr='#f05a29',GradientType=1 );
}

.text-white .h3-underline h3:after {
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #f05a29 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #f05a29 100%);
	background: linear-gradient(to right, #ffffff 0%, #f05a29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f05a29',GradientType=1 );
}

.purple-text-box {
	background: #454469;
	padding: 20px;
}

/* buttons */
body .nectar-button span {
	text-transform: none;
	letter-spacing: 0px;
	font-weight: 700;
}
body .text-white .nectar-button.see-through:hover {
	border-color: #ffffff !important;
}

body .container-wrap input[type="submit"].gform_button.button {
	color: rgb(240, 90, 41) !important;
	border: 4px solid rgba(240, 90, 41, 0.75) !important;
	font-size: 18px !important;
	font-family: "Open Sans" !important;
	font-weight: 700 !important;
	padding: 21px 40px !important;
	background-color: transparent !important;
}

body .gform_wrapper input[type="submit"].gform_button.button:hover,
body .nectar-button.see-through:hover {
	border-color: #15206a !important;
}

@media only screen and (min-width: 690px) and (max-width: 999px) {
	.wpb_gallery_slidesimage_grid .portfolio-items .element,
	.wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_3 {
        width: 25% !important;
    }
}

@media only screen and (max-width: 690px) {
    .wpb_gallery_slidesimage_grid .portfolio-items .element,
	.wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_3 {
        width: 49% !important;
    }
	body .portfolio-items[data-gutter="6px"]:not([data-col-num="elastic"]) {
    	margin-left: 0;
    	margin-top: 0;
	}
}

/* END --------------------------------------------- Typography ---------------------------------------------- */

/* START --------------------------------------------- Header ---------------------------------------------- */

/* -------------------------------- Logo slogan -------------------------- 

#header-outer.transparent header#top #logo:after {
    content: "A Division of Star Pipe Products";
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1000px) {
#header-outer.transparent header#top #logo:after {
    content: "A Division of Star Pipe Products";
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: none;
    position: absolute;
    top: 14px;
    color:#999999;
    margin-left: 160px;
}
}
@media only screen and (max-width: 460px) {
#header-outer.transparent header#top #logo:after {
    content: "A Division of Star Pipe Products";
    font-size: 10px;
    line-height: 15px;
    letter-spacing: .5px;
    text-transform: none;
    position: absolute;
    top: 8px;
    color: #999999;
    margin-left: 160px;
    max-width: 100px;
}
}
*/

@media (max-width: 999px) {
/* 		#header-outer[data-mobile-fixed="false"] {
		position: relative !important;
	} */
	body #header-outer[data-transparent-header="true"].transparent {
		background-color: #fff !important;
	}
	#header-outer.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i:before,
	#header-outer .slide-out-widget-area-toggle .lines:after,
	#header-outer.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i:after {
		background-color: #999999 !important;
	}
	#header-outer[data-transparent-header=true] #top #logo img.stnd {
		opacity: 1;
	}
	#header-outer[data-transparent-header="true"].transparent #logo .starting-logo {
		display: none;
	}
	#header-outer.small-nav header#top {
		border-bottom: none;
	}
	#slide-out-widget-area:not(.fullscreen) .menuwrapper .back>a {
		margin-left: 0 !important;
	}
	body:not(.single-post) #page-header-bg:not(.fullscreen-header) {
	    padding-top: 10em !important;
        padding-bottom: 6em !important;
	}	
}
/* 
#header-outer.small-nav header#top {
	border-bottom: 3px solid #f05a29;
} */

/* -------------------------------- Main navigation -------------------------- */

/* Request a quote */
body header#top nav .nav-request-quote a {
	border: 3px solid #eb5930;
	padding: 15px 18px !important;
	margin-top: 2px;
	color: #15206a;
}
body .small-nav header#top nav .nav-request-quote a {
	margin-top: 0px;
	padding: 7px 10px !important;
	border: 2px solid #eb5930;
}

/* hover */
body header#top nav .nav-request-quote a:hover {
	border-color: #ffffff;
}
body .small-nav header#top nav .nav-request-quote a:hover {
	border-color: #15206a;
}

/* nav responsive */
@media only screen and (max-width: 1150px) {

	body header#top nav .nav-request-quote a {
		padding: 10px 10px !important;
		margin-top: 7px;
	}
	body .small-nav header#top nav .nav-request-quote a {
		margin-top: 0px;
		padding: 7px 7px !important;
	}
}

/* request quote remove active underline */
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.nav-request-quote > a:after {
	border: none !important;
}

/* sub nav */

body #header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li.sfHover > a:after {
	border-color: #f05a29 !important;
}

#header-outer .sf-menu li ul li.menu-item a {
	color: #ffffff;
	background-color: #f05a29;
	padding: 15px;
}

#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover {
	color: #ef5b33 !important;
	background-color: #272727!important;
}

.sf-menu>li ul {
	padding: 0;
}

body #header-outer > #top .sf-menu .sub-menu li.current-menu-item a {
	color: #fff !important;
}

body #header-outer > #top .sf-menu .sub-menu li.current-menu-item:hover a {
	color: #f05a29 !important;
}

body #header-outer.transparent header#top nav > ul > li > a,
body #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search,
body #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"],
body #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"],
body #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart,
body .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {
	opacity: 1 !important;
}

/* END --------------------------------------------- Header ---------------------------------------------- */

/* START --------------------------------------------- Rev Slider ---------------------------------------------- */

.slider-frame {
	pointer-events: none;
	position: absolute !important;
	top: 0 !important;
}

@media only screen and (max-width: 1000px) {
	rs-slide [data-originalindex="1"] rs-sbg {
		background-position: 0 50% !important;
	}
}

/*  --------  Home Rev slider desktop/mobile full screen adjustment  ------------------------------- */
@media only screen and (min-width: 1000px) {
	body.home #header-space {
		height: 0px !important;
	}
}

/* END --------------------------------------------- Rev Slider ---------------------------------------------- */

/* START --------------------------------------------- Footer ---------------------------------------------- */

body #footer-outer,
body #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {
	background-color: #15206a;
}
body #footer-outer #copyright {
	color: #dedede;
	padding: 20px !important;
}
body #footer-outer a {
	color: #9e9e9e;
}
#footer-outer #copyright p {
	text-transform: uppercase;
}

#footer-outer #copyright .span_5 {
	width: 100%;
}

#footer-outer #copyright .span_7 {
	display: none;
}

@media only screen and (max-width: 1000px) {
	body.home #footer-outer[data-full-width="1"] .container {
		padding: 0 15px;
		max-width: 100% !important;
		padding-top: 10px !important;
		padding-bottom: 0px !important;
	}
	body #nectar_fullscreen_rows > div:not(.full-width-content) .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	body #footer-outer #copyright .col {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 690px) {
	body .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap {
        max-width: 100% !important;
    }
}

/* END --------------------------------------------- Footer ---------------------------------------------- */

/* -- Page Menu --*/

@media only screen and (min-width: 1001px) {
	.page-submenu {
		-webkit-transition: background-color 500ms ease-out 1s;
		-moz-transition: background-color 500ms ease-out 1s;
		-o-transition: background-color 500ms ease-out 1s;
		transition: background-color 500ms ease-out 1s;
	}
	.page-submenu {
		font-weight: 600;
	}

	.page-submenu ul {
		display: inline-block !important;
	}
	.page-submenu li {
		line-height: 5px;
	}

	.page-submenu li {
		padding: 0px 10px;
	}

	.page-submenu li.current-menu-item {
		background: #f05a29;
	}

	.page-submenu .full-width-section > .container {
		margin: 0px 40px;
	}
	.page-submenu li:last-child {
		margin: 0 0px 0 0;
	}
}

/* page header overlay  */

.page-header-bg-image:after {
	z-index: 0;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	opacity: 0.3;
	background: #15206a;
	background: -moz-linear-gradient(top, #15206a 0%, #f05a29 100%);
	background: -webkit-linear-gradient(top, #15206a 0%, #f05a29 100%);
	background: linear-gradient(to bottom, #15206a 0%, #f05a29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15206a', endColorstr='#f05a29',GradientType=0 );
}

/* Contact row */

.conditional-rows hr {
	margin: 30px 0px;
	border: none;
	height: 2px;
	background: #3d436d;
}

.contact-row {
	margin-bottom: 20px;
}
.contact-row:after {
	clear: both;
}
.contact-row:after {
	content: "";
	display: table;
}

/* Contact 1/2 */
@media only screen and (min-width: 1001px) {
	.contact-one-half {
		width: 49%;
		display: block;
		float: left;
		margin-right: 2%;
	}
	.contact-one-half:last-child {
		margin-right: 0%;
	}
	/* Contact 1/3 */
}
@media only screen and (min-width: 1001px) {
	.contact-one-third {
		width: 32%;
		display: block;
		float: left;
		margin-right: 2%;
	}
	.contact-one-third:last-child {
		margin-right: 0%;
	}
	#contact-info .location-img {
		display: none;
	}
}

.contact-image-col {
	background-position: 80% bottom;
}

@media only screen and (max-width: 1000px) {
	#contact-info .contact-image-col {
		display: none;
	}
	
}

/* @media only screen and (max-width: 600px) {
	#contact-info .location-img {
		height: 430px !important;
		min-height: 0 !important;
	}
} */

/* ---- 1 3rd image/videos ---- */

@media only screen and (min-width: 1001px) {
	.right-one-third-video-bg .vc_video-bg {
		position: relative;
		right: -33%;
	}
	.bg-mobile-only {
		background-image: none !important;
	}
	.machining-video .vc_video-bg {
		right: -14%;
	}
}

.orange-bot-border {
	border-bottom: 4px solid #f05a29;
}
@media only screen and (max-width: 1000px) {
	.orange-bot-border {
		min-height: 460px !important;
	}
}

/* --- internal page header --- */
#page-header-wrap #page-header-bg .inner-wrap {
	    padding-left: 35px;
    padding-right: 35px;
}

/* --- company history on about page --- */

.company-hist ul li {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
	padding-top: 15px;
	padding-bottom: 15px;
}
.company-hist ul li strong {
	color: #f05a29;
}
.company-hist ul li i {
	top: 13px;
}

/* --- internal page: casting and support ---*/
/* @media only screen and (min-width: 1001px) {
	.content-col {
		
	}
} */
.img-slider-col:before {
	content: "";
	position: absolute;
	width: 80%;
	right: 0;
	top: 0;
	height: 100%;
	background: #15206a;
}
@media only screen and (max-width: 1000px) {
	.img-slider-col,
	.img-slider-col * {
		max-height: 600px;
		padding: 0 !important;
	}
}

/* --- internal page: careers --- */
@media only screen and (min-width: 1001px) {
	.career-apply-and-resume .apply-column .wpb_wrapper,
	.career-apply-and-resume .resume-column form {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.career-apply-and-resume .resume-column .gform_wrapper {
		margin-bottom: 0;
	}
	.career-apply-and-resume a.nectar-button {
		margin-bottom: -3px;
		align-self: flex-start;
	}
}
@media only screen and (max-width: 1000px) {
	.career-apply-and-resume .apply-column,
	.career-apply-and-resume .resume-column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.career-apply-and-resume .resume-column .gform_wrapper .gfield_label {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.career-apply-and-resume .resume-column .ginput_container {
		inline-size: 100% !important;
	}
	.career-apply-and-resume .resume-column .gform_footer {
		padding-left: 0;
	}
}


/* --- internal page: jobs listing --- */
.custom-job-item {
	display: flex;
}
@media (max-width: 999px) {
	.nectar-hor-list-item.has-btn {
        padding-right: 22px;
    }
		.apply-column {
		margin-bottom: 0 !important;
	}
}
@media (max-width: 400px) {
	.nectar-hor-list-item.has-btn {
		display: flex;
    	flex-direction: column;
        padding-right: 10px;
		padding-left: 10px;
    }
	.nectar-hor-list-item>.nectar-list-item[data-text-align=left] {
		width: 100% !important;
		margin-bottom:15px;
	}
	.nectar-hor-list-item>.nectar-list-item[data-text-align=right] {
		width: 100% !important;
    	text-align: left;
    	padding-left: 0;
	}
}