/*
Theme Name: Salient Child Theme - by Dutchie
Description: This is a custom child theme for Salient created by Dutchie
Theme URI:   https://thedutchie.ca/
Author: Dutchie
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* 
Sofia Pro Light
font-family: "sofia-pro", sans-serif;
font-weight: 300;

Sofia Pro Regular
font-family: "sofia-pro", sans-serif;
font-weight: 400;

Sofia Pro Regular italic
font-family: "sofia-pro", sans-serif;
font-weight: 400;
font-style: italic;

Sofia Pro Medium
font-family: "sofia-pro", sans-serif;
font-weight: 500;

Sofia Pro Bold
font-family: "sofia-pro", sans-serif;
font-weight: 700;

Sofia Pro Black
font-family: "sofia-pro", sans-serif;
font-weight: 900;
*/

@import url("https://use.typekit.net/jqf8lzy.css");

h1, h2, h3, h4, h5, h6 {
	font-family: sofia-pro, sans-serif;
}
h1 {
	font-weight: 700;
}
h2, h3, h5, h6 {
	font-weight: 400;
}
h4{
	font-weight: 300;
}
a, p {
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
}

.span_12.light .wpb_text_column a {
    color: #246FF7;
}

.span_12.light .wpb_text_column a:not(:hover) {
	opacity: 1;
}
.span_12.light .wpb_text_column a:hover {
	opacity: .7;
}

.nectar-button.jumbo {
	white-space: nowrap;
}

/* Header */
#header-outer[data-lhe="default"] #top nav ul.sf-menu li.pull-right-btn a {
	padding: 15px 30px;
    border: 1px solid #246FF7;
}

#header-outer.side-widget-closed {
	
}
#header-outer.side-widget-open {
	background-color: #ffffff;
}

/* General */
.vc_custom_heading.accent-line {
	position: relative;
}
.vc_custom_heading.accent-line:before {
	content: '';
	position: absolute;
	top: 5px;
	height: 50px;
	width: 3px;
	background-color: #246FF7;
}
.vc_custom_heading.accent-line.small:before {
	left: -40px;
}

.two-column-layout .wpb_text_column, .two-column-layout .vc_custom_heading {
	display: inline-block;
}

/* Image Comparison */
.nectar-image-comparison.roi-comparison-fw img.twentytwenty-before, .nectar-image-comparison.roi-comparison-fw img.twentytwenty-after {
	width: 100%;
}
.twentytwenty-wrapper.twentytwenty-horizontal {
	padding: 0;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	display: none !important;
}

/* ROI Hero */
#roi-hero:after {
	content: 'ROI Detailing';
    position: absolute;
    font-size: 16vw;
    z-index: 1;
    color: rgb(234,234,234);
    width: max-content;
    text-transform: uppercase;
	font-family: sofia-pro, sans-serif;
    font-weight: 700;
}

.contact-information .wpb_wrapper p {
	padding-bottom: 0;
}

/* Experience */
#roi-experience .two-column-layout .wpb_text_column:last-child {
	float: right;
}

/* Footer */
#footer-section .nav-links a {
	color: #afafaf;
}
#footer-copyright p {
	color: #afafaf;
}

@media screen and (max-width: 517px) {
	
}

@media screen and (max-width: 690px) {
	h1 {
		font-size: 32px;
    	line-height: 42px;
	}
	body .container{
		max-width: 100%;
		padding: 0 30px;
	}
	
	.nectar-button.jumbo {
		width: 100%;
	}
	.desktop {
		display: none;
	}
	
	/* ROI Hero */
	#roi-hero:after {
		font-size: 120px;
	}
	#roi-hero.home:after {
		top: 40%;
		left: -60px;
	}
	#roi-hero.sub:after {
		bottom: -45px;
		left: -60px;
	}
}

@media screen and (min-width: 691px) {
	.mobile {
		display: none;
	}
	
	/* ROI Hero */
	#roi-hero:after {
		font-size: 16vw;
	}
	#roi-hero.home:after {
		top: 40%;
		right: -100px;
	}
	#roi-hero.sub:after {
		bottom: 0;
		right: -100px;
	}
}

@media screen and (max-width: 999px) {
	
}

@media screen and (min-width: 1000px) {
	
}

@media screen and (min-width: 1000px) and (max-width: 1120px) {
	
}

@media screen and (min-width: 1121px) {
	
}