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

@import url('/wp-content/themes/salient-child/fonts/fonts.css');
header#top nav > ul > li > a{	font-family: "halcom";	font-weight: 700;}
body #header-outer, body[data-header-color="dark"] #header-outer{	background-color: rgb(70, 70, 70);}
#header-outer #social-in-menu i{	line-height: 34px;	height: 34px;	font-size: 21px !important;}

#footer-outer, #nectar_fullscreen_rows >#footer-outer.wpb_row .full-page-inner-wrap{ background-color: #000; color: #787e89; font-family: "Gotham-Bold"; }

#footer-outer a{ color: #787e89; text-transform: uppercase; font-family: "Gotham-Bold"; }

#footer-outer .row .row{
	padding: 0px;
}

#footer-outer .widget h4{
	color: #fff;
}

.ascend #footer-outer #copyright{
	border-top: 0px !important;
}

#footer-outer #copyright #social li{
	margin-left: 0px;
	margin-right: 10px;
}

#footer-outer #copyright #social li:first-child{
	padding-top: 4px !important;
}

#footer-outer #copyright #social li:last-child{
	margin-right: 0px;
}

#footer-outer #footer-widgets .col p{
	padding-bottom: 0px;
}

.about-us-text p{
	font-family: "open-sans";
	font-style: italic;
	font-weight: 600;
	color: #000;
	line-height: 2em;
}

span.active-collection, a.collection-link{
	font-family: "rift";
	font-weight: 700;
	font-size: 30px;
	color: #949597;
}

span.active-collection{
	color: #d32933;
}

.row-collection-desc{
	background-image: url('https://svfwheels.com/wp-content/uploads/2019/06/bg-row-collection-desc-new.jpg');
	background-size: cover;
	background-position: top center;
	display:grid;
	grid-template-columns: repeat(2, 50%);
	padding-bottom:12%;
}

.collection-desc{
	font-family: 'open-sans';
	font-style: italic;
	color: #000000;
	font-weight: 600;
	line-height: 30px;
}

.collection-desc h1{
	font-size: 80px;
	line-height: 100px;
	color: #282828;
	font-style: normal;
}

.wheel-finish span{font-size:2em;text-align:center;display:block;color:#666;}


.collection-desc p{
	font-size:2.6em;
	line-height:2em;
	padding-bottom:10%;
}

.collection-wheel-opt-title{
    font-family: 'halcom';
    font-weight: 800;
    text-transform: uppercase;
    color: #555555;
    display: block;
    margin: 0 0 10px;
}

a.collection-wo, a.collection-wo2, a.collection-wo3{
	display: block;
	padding: 20px 0px;
	font-family: 'halcom';
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	border: 2px solid #e5e5e5;
	margin-bottom: 20px;
}

a.collection-wo:hover, a.collection-wo.active,
a.collection-wo2:hover, a.collection-wo2.active,
a.collection-wo3:hover, a.collection-wo3.active{
	background: #e5e5e5;
}

.collection-tab ul{
	background-color: #e5e5e5;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	text-align: center;
	margin-bottom: 0px !important;
}

.collection-tab ul li{
	float: none;
	display: inline-block;
}

#collection-tab-row .collection-tab ul li>a{
	font-family: "rift";
	font-weight: 700;
    font-size: 30px;
	background-color: transparent !important;
	border: 0px !important;
	margin: 0px 50px;
}

.collection-tab ul li>a.active-tab{
	color: #d32933;
	background-color: transparent !important;
}

a.btn-sav{
	font-weight: 700;
	font-style: italic;
	-ms-transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg);
	margin-left: 15px;
}

.collection-features-desc{
	color: #101010;
	line-height: 30px;
}

.collection-features-desc h1{
	font-size: 61px;
	line-height: 65px;
	color: #101010;
	font-style: normal;
}

h2.collection-features-title{
	font-family: halcom;
	font-weight: 800;
	color: #d32933;
	font-style: normal;
	font-size: 21px;
}

div.feature-list{
	margin-bottom: 25px !important;
	color: #898989;
	font-family: "halcom";
	font-weight: 700;
	padding-left: 10px !important;
	border-left: 4px solid #d32933;
}

div.feature-list h3{
	font-family: halcom;
	font-weight: 900;
	font-style: normal;
	color: #181818;
	text-transform: uppercase;
	margin-bottom: 0px !important;
	font-size:
}


#row-collection-features{
	background-image: url('/wp-content/themes/salient-child/images/bg-collection-features.jpg');
	background-size: cover;
	min-height: 1292px;
	background-position: top center;
}

.collection-mform h1, .collection-mform h2{
	font-family: halcom;
	font-weight: 800;
	font-size: 25px;
	font-style: normal;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 3px;	
}

h1.flowform-title:before{
	content: "";
	width: 65px;
	height: 4px;
	background-color: #d32933;
}

.row-mft-title{
	background-image: url('/wp-content/themes/salient-child/images/bg-mft-title.png');
	background-position: top center;
	background-repeat: no-repeat;
}

img.flowf-angle-img{
	display: inline-block;
}

.contact-title{
	color: #756859;
}

.contact-title h3{
	font-family: "halcom";
	font-weight: 800;
	text-transform: uppercase;
	font-size: 25px;
	color: #000;
}

.contact-title a{
	color: #756859;
}

.contact-title a:hover{
	color: #d32933;
}

.contact-title h3:before{
	position: absolute;
	left: -30px;
	display: inline-block;
    font: normal normal normal 25px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #ff0000 !important;
}

.contact-title h3.cu-add:before{
	content: "\f041";
	top: 5px;
}

.contact-title h3.cu-tel:before{
	content: "\f095";
	top: 7px;
}

.contact-title h3.cu-email:before{
	content: "\f003";
	top: 7px;
	font-size: 20px !important;
}

.contact-title h3.cu-fax:before{
	content: "\f1ac";
	top: 7px;
	font-size: 20px !important;
}

.contact-title h3.cu-inquiry:before{
	content: "\f29c";
	top: 6px;
}

.frm_contactus, .row-cu-details{
	max-width: 730px;
	margin: 0px auto !important;
}

.frm-row .col_50{
	float: left;
	width: 50%;
	
}

.frm-row .col_50 .minimal-form-input{
	max-width: 96%;
}

.frm-row .col_50 .frm-input{
	font-family: "halcom";
	font-weight: 600;
}

.full-width-content.vc_row-fluid .vc_span7, .full-width-content.vc_row-fluid .vc_col-sm-7, .vc_row-fluid[data-column-margin="none"] .vc_span7, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7{
	width: 58.5%;
}

#text-2 div.textwidget, #text-2 div.textwidget a{
	font-family: "open-sans";
	line-height: 25px;
}

.ascend #footer-outer .widget h4, .ascend #sidebar h4{
	border-bottom: 1px solid #292929;
}

.mft-border{
	border-right: 1px solid #f6f6f6;
}

ul li#menu-item-19{
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}

ul li#menu-item-20{
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
}

ul li#menu-item-203{
	-webkit-animation-delay: 1.9s;
	-moz-animation-delay: 1.9s;
}

ul li#menu-item-18{
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
}

ul li#menu-item-21{
	-webkit-animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
}

.home-slide-1 .content p {

	font-family: rift;
    font-size: 86px;
    line-height: 90px;
    font-weight: 700;

}
.section_inner  {width:50%;}


.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.owl-carousel .owl-item img {height:auto;}
.column-inner {text-align:center;padding:5%;}
#sync2 .owl-item img{padding:5px;}
.wheel-finish {    
	width: 28%;
    float: left;
    padding-right: 5%;}
.wheel-finish img {width:100%;}
.wheel-finis p {   
	font-size: 11px;
    float: left;
    text-align: center;
	width: 100%;}
.asr-main {
	
	position:relative;
	
}
.wheel-info-section {padding: 5% 0 0 30%;}
.bune {}
.asr-main-inner {margin: 3% 10%;position:relative;}
.left-margin-features {margin-left:10%;}
.container-wrap, .project-title {padding:0}

.vehicle-gallery{
	max-width: 2000px;
  
}  


.vehicle-gallery-containter {
	display: grid;
    grid-template-columns: 65% 1fr;
    justify-content: left;
	margin: 0 20px 60px;
    grid-gap: 50px;

}
	
.vehicle-gallery-wheel-img	{width:200px;}
.vehicle-gallery-wheel-img	img{max-width: 100%;
height: auto; }
.gallery-info-section {
	flex-wrap: wrap;
    display: flex;
    width:auto;
    background: #111;
    padding: 15px;
    margin: 20px 0;
	justify-content: space-around;
}
.vehicle-gallery-info {margin: 10px 20px 0;}
.vehicle-gallery-wheel-info {    align-self: center;
    }
.vehicle-gallery-wheel-info h3 {
    margin: 3px 0;
    color: #adadad;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: 300;}		
.vehicle-gallery-wheel-info p {padding: 5px 0px;color:#ccc;}
.vehicle-gallery-wheel-info p span{ color: #888;}
.vehicle-gallery-wheel-info a {    
	background: black;
    padding: 7px 20px;
    margin: 5px auto;
    font-size: 12px;
    color: #c70000;
    display: block;
    width: 120px;
	float:left;}
.gallery-main #sync2.owl-carousel {
	padding:25px;
	background: whitesmoke;
    margin-top: 15px;
}	
.gallery-main #sync1.owl-carousel {
	padding:2px;
	background: whitesmoke;
}	
.gallery-main .owl-stage {padding:0;}
.gallery-main {margin-top:20px;}
.gallery-thumb-info {width: 100%;
    height: 100%;
    display: flex;
    justify-items: center;
    position: absolute;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    background: #21212152;
    transition: .5s ease;
	top: 0;
	opacity:0;
	visibility:hidden;
}
.gallery-thumb-info h3{
    color: #ffffff;
}	
.related-galleries .gallery-thumb-info h3{
    font-size:16px;
}

.gallery-thumb-info span{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}	
.gallery-thumb a:hover .gallery-thumb-info{opacity:1;visibility:visible;}
.gallery-thumb a{
    position: relative;
    display: block;
    height: auto;
}
.gallery-thumb {
    padding: 2px;
    background: whitesmoke;
}
.main-gallery-page{
margin: 0 0 50px 0;
}

.main-gallery-page .facetwp-template {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
	
	
}
.gallery-thumb img {
	width: 100%;
    height: auto;
    display: block;
}

.custom-title {margin:30px 20px;}
.custom-title-1 {    
	display: grid;
    grid-template-columns: 1fr 2fr;
	margin:10px 0;}
.gallery-title h2 span{	
	background-color: rgb(238, 59, 51);
    line-height: 13px;
    font-size: 11px;
    min-height: 4px;
    min-width: 46px;
    max-height: 4px;
    max-width: 46px;
    opacity: 1;
	margin: 0 15px 0px 0;
}
.gallery-title h2 {
font-size: 70px;
    line-height: 100px;
    font-weight: 700;
    letter-spacing: 0px;
    font-family: rift;
    text-transform: uppercase;
	display: flex;
    align-items: center;
}
.gallery-breadcrumb span {
    padding: 0 8px;
    color: #ee3b33;
}
.gallery-breadcrumb a{
color: #444444;
}
.gallery-breadcrumb a:hover {
    color: #666;
}
.gallery-breadcrumb a span{	
	background-color: rgb(238, 59, 51);
    line-height: 13px;
    font-size: 11px;
    min-height: 4px;
    min-width: 30px;
    max-height: 4px;
    max-width: 30px;
    opacity: 1;
	margin: 5px 15px 0px 0;
}
.gallery-breadcrumb {display:flex;flex-wrap: wrap;}
.gallery-breadcrumb>div, .gallery-breadcrumb h2, .gallery-breadcrumb a, .gallery-breadcrumb span{	
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0px;
    font-family: rift;
    text-transform: uppercase;
    align-items: center;
    display: inherit;
	float: left;
    margin-bottom: 0;
}
.gallery-info {max-width:500px;justify-self:center;}
.facets {display: flex;
    flex-flow: wrap;
    align-self: center;
    justify-self: right;}
.custom-title-1 .facetwp-facet {margin: 0 0 0 40px;
    width: 200px;}
	.related-galleries {margin:30px 0;}
.related-galleries-inner {display:grid; grid-template-columns: 1fr 1fr; grid-gap:5px;}
.slide-out-widget-area-toggle {display:none;}
@media only screen and (max-width: 2000px){
	.collection-mform h1, .collection-mform h2{

font-size: 1.7em;
	
}
.collection-mform p {
    font-size: 1.4em;
    line-height: 1.1em;
}


	.collection-desc h1, .collection-features-desc h1{
		font-size: 80px;
		line-height: 100px;
	}
	.collection-desc p, .collection-features-desc p{
	font-size:1.6em;
	}
	.wheel-finish span{font-size:1em;}
	
}
@media only screen and (max-width: 1440px){
		.collection-mform h1, .collection-mform h2{

font-size: 1.5em;
	
}

.collection-mform p {
    font-size: 1.2em;
    line-height: 1.2em;
}
	.collection-desc h1, .collection-features-desc h1{
		font-size: 66px;
		line-height: 80px;
	}
	.collection-desc p, .collection-features-desc p{
	font-size:1.2em;
	}
	.wheel-finish span{font-size:0.9em;}
}
@media only screen and (max-width: 1024px){
	.main-gallery-page .facetwp-template {
    grid-template-columns: repeat(2, 1fr);
}
.custom-title-1 .facetwp-facet {
    margin: 0 0 0 20px;
    width: 150px;
}
	.gallery-title h2 {font-size:54px;}
	.gallery-title h2 span {
    min-width: 30px;
    max-width: 30px;
    margin: 0 10px 0px 0;
}
	.gallery-info-section {
	text-align:center;
}
.vehicle-gallery-wheel-info a {float:unset;}
	.collection-desc h1, .collection-features-desc h1{
		font-size: 50px;
		line-height: 60px;
	}
	
	.collection-desc p, .collection-features-desc p{
	
	font-size:1em;	
	}
	.wheel-finish span{font-size:0.8em;}


}



.wheel-grid {
  color: #444;
   display: grid;
   grid-template-columns:1fr;
}

.wheel-item {
  padding: 3rem;
  text-align: center;
  border-top: 1px solid #dfdfdf;
}
.wheel-item:first-child {
  border-top: none;
}


@media (min-width: 768px) {

  .wheel-grid {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-gap: 0px;
  }
    .wheel-item {
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
  }
  .wheel-item:nth-child(-n + 2) {
    border-top: none;
  }
  .wheel-item:nth-child(odd) {
    border-left: none;
  }
}
@media (min-width: 1440px) {

  .wheel-grid {
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));

  }

}


@media only screen and (max-width: 768px){
	.gallery-main {margin:0;}
		.gallery-breadcrumb a, .gallery-breadcrumb h2, .gallery-breadcrumb span {
    font-size: 38px;
	}
		.main-gallery-page .facetwp-template {
    grid-template-columns: 100%;
}
			.vehicle-gallery-containter {
    grid-template-columns: 100%;
    grid-gap: 10px;
}
   .gallery-main #sync2.owl-carousel {
    padding: 10px;
}


	.collection-desc h1, .collection-features-desc h1{
		font-size: 52px;
		line-height: 60px;
	}
	.row-collection-desc{
	grid-template-columns: repeat(2, 100%);
	padding-bottom:12%;
}
.wheel-finish {
    width: 32%;
    float: left;
    padding-right: 5%;
}
	.collection-desc p, .collection-features-desc p{
	
	font-size:1.2em;	
	}
		.wheel-finish span{font-size:1em;}

.wheel-info-section {grid-row-start:2;padding:5% 10%;}

	
	#collection-tab-row .collection-tab ul li>a{
		margin: 0px;
	}
	
	#row-collection-features{
		padding: 6% !important;
		min-height: auto;
	}
	
	.wiff-container{
		padding: 25px;
	}
	
	.row-mft-title{
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	 
	.mft-border{
		border: 0px;
	}
	
	#row-collection-features{
		background-image: url('/wp-content/themes/salient-child/images/bg-collection-features-mobile.jpg');
	}
}
@media only screen and (max-width: 600px){
	.home-slide-1 .content p {
		font-size: 86px!important;
    line-height: 90px!important;
    font-weight: 700!important;
	}
	.gallery-breadcrumb a, .gallery-breadcrumb h2, .gallery-breadcrumb span {
    font-size: 28px;
	}
	.custom-title-1 .facetwp-facet {
    margin: 0 20px 0 0;
    width: 175px;
}
	.facets {
    justify-self: left;
}
.custom-title-1 {
    grid-template-columns: 100%;
}
}