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


/** Font-face **/

/** Font ArgestaDisplay **/
@font-face {
  font-family: 'ArgestaDisplay-Regular';
  src: url('fonts/ArgestaDisplay-Regular.eot');
  src: url('fonts/ArgestaDisplay-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ArgestaDisplay-Regular.svg#ArgestaDisplay-Regular') format('svg'),
       url('fonts/ArgestaDisplay-Regular.ttf') format('truetype'),
       url('fonts/ArgestaDisplay-Regular.woff') format('woff'),
       url('fonts/ArgestaDisplay-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/** End Font ArgestaDisplay **/

/** Font Archia **/
@font-face {
  font-family: 'ArchiaLight';
  src: url('fonts/ArchiaLight.eot');
  src: url('fonts/ArchiaLight.eot?#iefix') format('embedded-opentype'),
       url('fonts/ArchiaLight.svg#ArchiaLight') format('svg'),
       url('fonts/ArchiaLight.ttf') format('truetype'),
       url('fonts/ArchiaLight.woff') format('woff'),
       url('fonts/ArchiaLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArchiaRegular';
  src: url('fonts/ArchiaRegular.eot');
  src: url('fonts/ArchiaRegular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ArchiaRegular.svg#ArchiaRegular') format('svg'),
       url('fonts/ArchiaRegular.ttf') format('truetype'),
       url('fonts/ArchiaRegular.woff') format('woff'),
       url('fonts/ArchiaRegular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArchiaMedium';
  src: url('fonts/ArchiaMedium.eot');
  src: url('fonts/ArchiaMedium.eot?#iefix') format('embedded-opentype'),
       url('fonts/ArchiaMedium.svg#ArchiaMedium') format('svg'),
       url('fonts/ArchiaMedium.ttf') format('truetype'),
       url('fonts/ArchiaMedium.woff') format('woff'),
       url('fonts/ArchiaMedium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArchiaSemibold';
  src: url('fonts/ArchiaSemibold.eot');
  src: url('fonts/ArchiaSemibold.eot?#iefix') format('embedded-opentype'),
       url('fonts/ArchiaSemibold.svg#ArchiaSemibold') format('svg'),
       url('fonts/ArchiaSemibold.ttf') format('truetype'),
       url('fonts/ArchiaSemibold.woff') format('woff'),
       url('fonts/ArchiaSemibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/** End Font Archia **/

/** Font Avenir **/
@font-face {
  font-family: 'Avenir-Black';
  src: url('fonts/Avenir-Black.eot');
  src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Black.svg#Avenir-Black') format('svg'),
       url('fonts/Avenir-Black.ttf') format('truetype'),
       url('fonts/Avenir-Black.woff') format('woff'),
       url('fonts/Avenir-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-BlackOblique';
  src: url('fonts/Avenir-BlackOblique.eot');
  src: url('fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-BlackOblique.svg#Avenir-BlackOblique') format('svg'),
       url('fonts/Avenir-BlackOblique.ttf') format('truetype'),
       url('fonts/Avenir-BlackOblique.woff') format('woff'),
       url('fonts/Avenir-BlackOblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Book';
  src: url('fonts/Avenir-Book.eot');
  src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Book.svg#Avenir-Book') format('svg'),
       url('fonts/Avenir-Book.ttf') format('truetype'),
       url('fonts/Avenir-Book.woff') format('woff'),
       url('fonts/Avenir-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-BookOblique';
  src: url('fonts/Avenir-BookOblique.eot');
  src: url('fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-BookOblique.svg#Avenir-BookOblique') format('svg'),
       url('fonts/Avenir-BookOblique.ttf') format('truetype'),
       url('fonts/Avenir-BookOblique.woff') format('woff'),
       url('fonts/Avenir-BookOblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Heavy';
  src: url('fonts/Avenir-Heavy.eot');
  src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg'),
       url('fonts/Avenir-Heavy.ttf') format('truetype'),
       url('fonts/Avenir-Heavy.woff') format('woff'),
       url('fonts/Avenir-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-HeavyOblique';
  src: url('fonts/Avenir-HeavyOblique.eot');
  src: url('fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique') format('svg'),
       url('fonts/Avenir-HeavyOblique.ttf') format('truetype'),
       url('fonts/Avenir-HeavyOblique.woff') format('woff'),
       url('fonts/Avenir-HeavyOblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Light';
  src: url('fonts/Avenir-Light.eot');
  src: url('fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Light.svg#Avenir-Light') format('svg'),
       url('fonts/Avenir-Light.ttf') format('truetype'),
       url('fonts/Avenir-Light.woff') format('woff'),
       url('fonts/Avenir-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-LightOblique';
  src: url('fonts/Avenir-LightOblique.eot');
  src: url('fonts/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-LightOblique.svg#Avenir-LightOblique') format('svg'),
       url('fonts/Avenir-LightOblique.ttf') format('truetype'),
       url('fonts/Avenir-LightOblique.woff') format('woff'),
       url('fonts/Avenir-LightOblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Medium';
  src: url('fonts/Avenir-Medium.eot');
  src: url('fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'),
       url('fonts/Avenir-Medium.ttf') format('truetype'),
       url('fonts/Avenir-Medium.woff') format('woff'),
       url('fonts/Avenir-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-MediumOblique';
  src: url('fonts/Avenir-MediumOblique.eot');
  src: url('fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-MediumOblique.svg#Avenir-MediumOblique') format('svg'),
       url('fonts/Avenir-MediumOblique.ttf') format('truetype'),
       url('fonts/Avenir-MediumOblique.woff') format('woff'),
       url('fonts/Avenir-MediumOblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Oblique';
  src: url('fonts/Avenir-Oblique.eot');
  src: url('fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Oblique.svg#Avenir-Oblique') format('svg'),
       url('fonts/Avenir-Oblique.ttf') format('truetype'),
       url('fonts/Avenir-Oblique.woff') format('woff'),
       url('fonts/Avenir-Oblique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Roman';
  src: url('fonts/Avenir-Roman.eot');
  src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg'),
       url('fonts/Avenir-Roman.ttf') format('truetype'),
       url('fonts/Avenir-Roman.woff') format('woff'),
       url('fonts/Avenir-Roman.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/** End font Avenir **/

/** End Font-face **/

/** Tipografias **/
body, p {
	font-family: 'ArchiaRegular';
	font-weight: normal;
    font-style: normal;
}

/* p {
	hyphens: auto !important;
} */

h1, h2, h3, h4, h5, h6 {
	font-family: 'ArchiaRegular';
	font-weight: normal;
    font-style: normal;
}

.menu-item a, .title-light {
    font-family: 'ArchiaLight' !important;
    font-weight: normal !important;
    font-style: normal;
}

.title-bold {
	font-family: 'ArchiaSemibold';
	font-weight: normal;
    font-style: normal;
}

strong, b, input {
	font-family: 'ArchiaSemibold';
	font-weight: normal;
    font-style: normal;
}
/** Tipografias **/

/** Header **/

.page-id-2 #logo {
	display: none;
}

#header-outer #logo, #header-outer .logo-spacing {
    position: absolute;
    top: 30px;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
	#header-outer #logo, #header-outer .logo-spacing {
    	top: 15px;
	}
}

#header-outer[data-format=default] #top .span_9 {
	margin-top: 20px;
}

body.material #header-outer[data-has-buttons=no][data-full-width=false][data-format=default] #top nav>.sf-menu>li:not([class*=button_]):last-child a {
	color: #39195b !important;
	background-color: #fff !important;
	margin-left: 14px;
	padding: 6px 12px 4px;
	border-radius: 3px;
	
}

body.material #header-outer[data-has-buttons=no][data-full-width=false][data-format=default] #top nav>.sf-menu>li:not([class*=button_]):last-child a:hover {
	color: #fff !important;
	background-color: #39195b !important;
	border-radius: 3px;
}


/** Header **/

.home-logo {
	margin: 0 auto;
	width: 78% !important;
}

.business-logo {
	width: 70% !important;
	margin: 0 auto;
}

.business-name {
	font-size: 23px;
	letter-spacing: 4px;
}

.business-type {
	font-family: 'ArgestaDisplay-Regular';
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 18px;
}

.business-section {
	font-size: 44px;
}

h1.business-section {
	padding: 0px 0px 0px 40px;
	text-align: left;
	font-size: 44px;
	position: relative;
}
h1.business-section:before {
	content: "";
	display: block;
	width: 35px;
	height: 4px;
	background: #fff;
	left: 0;
	top: 46%;
	position: absolute;
}

.hero-title {
	font-size: 22px;
	line-height: 30px;
}

.hero-footer {
	position: absolute;
    z-index: 10;
    height: auto;
    width: 100%;
    top: -86px;
}

.hero-footer-text {
	font-size: 22px;
	line-height: 26px;
	position: absolute;
    height: auto;
	top: -210px;
    width: 100%;
    z-index: 10;
}

.hero-footer-text_why {
		font-size: 22px;
		line-height: 26px;
		position: absolute;
		height: auto;
		top: -240px;
		width: 100%;
		z-index: 10;
	}

.hero-footer-text_about {
	font-size: 22px;
	line-height: 26px;
	position: absolute;
    height: auto;
	top: -210px;
    width: 100%;
    z-index: 10;
}

body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
	width: 1.4rem!important;
}

.hero-title {
	font-size: 20px;
	line-height: 24px;
}

.title-bottom {
	position: absolute;
    bottom: -10px;
}

.nectar-fancy-box .box-bg:after {
	background-color: transparent !important;
}

.service-item h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.service-item ul {
	margin: 0 0 0 12px;
	padding: 0;
}

.service-item li {
	margin: 0;
	padding: 0 0 6px 0;
}

.service-challenges_text {
	font-size: 22px;
	line-height: 28px;
}

.nectar-fancy-box {
	font-family: ArchiaMedium !important;
	padding: 10px 15px 15px 18px;
}

.form-column {
	display: block;
	width: 100%;
}
.form-column p {
	padding: 0px;
}

.form-column__content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 6px 0px 20px 0px;
}

.two-column {
	width: 48%;
}

.wpcf7 form.invalid .wpcf7-response-output {
	background-color: #f58888;
    color: #fff;
    padding: 20px;
    border: 0;
}

.wpcf7 .wpcf7-response-output {
    background-color: #46b450;
	color: #fff;
    padding: 20px !important;
	margin: 25px 0px 0px !important;
}

.wpcf7-form p span {
    margin: 8px 0 4px 0;
}

.wpcf7-not-valid {
    border-bottom: 2px solid #b61734 !important;
}

.wpcf7-not-valid-tip {
	color: #b61734 !important;
	background-color: transparent !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
	box-shadow: none;
}

.wpcf7-submit.btn-send {
    position: absolute;
    right: 0;
}

body[data-form-style="minimal"] textarea, body[data-form-style="minimal"].woocommerce #review_form #respond textarea {
	padding: 10px !important;
}


body #footer-outer .row {
    padding: 90px 0 30px !important;
}

#footer-outer .widget { 
	margin-bottom: 0px !important; 
}

/** Responsive **/

@media only screen and (min-width: 1px) and (max-width: 999px) {
	#slide-out-widget-area.fullscreen .menuwrapper li a, #slide-out-widget-area.fullscreen-alt .menuwrapper li a {
		margin: 16px 0px;
	}
	
	.btn-contact a {
		background-color: #fff;
		color: #3e165b !important;
		border-radius: 4px;
		padding: 12px 16px 12px !important;
    	border: 2px solid #fff;
    	border-radius: 6px;
	}
	
	li.current-menu-item a {
		background-color: transparent;
	}
	
	.hero-footer-text_about {
		font-size: 22px;
		line-height: 26px;
		position: absolute;
		height: auto;
		top: -330px;
		width: 100%;
		z-index: 10;
	}
	
	.hero-footer {
		position: absolute;
		z-index: 10;
		height: auto;
		width: 100%;
		top: -165px;
	}

	.hero-footer-text {
		font-size: 22px;
		line-height: 26px;
		position: absolute;
		height: auto;
		top: -260px;
		width: 100%;
		z-index: 10;
	}
	
	.hero-footer-text_why {
		font-size: 22px;
		line-height: 26px;
		position: absolute;
		height: auto;
		top: -300px;
		width: 100%;
		z-index: 10;
	}
	
	.title-bottom {
		position: relative;
	}
	
	.form-column__content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 6px 0px 20px 0px;
	}
	.two-column {
		width: 100%;
	}
	
	.two-column:first-child {
		margin-bottom: 20px;
	}
	
	.service-challenges_text {
		font-size: 20px;
		line-height: 28px;
	}
	
	.img_why-me {
		left: -20px;	
	}
	
	body #footer-outer .row {
   	 padding: 30px 0 30px !important;
	}
}

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