/*

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.7

*/

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

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('fonts/ProximaNova-LightIt.eot');
    src: url('fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-LightIt.woff2') format('woff2'),
        url('fonts/ProximaNova-LightIt.woff') format('woff'),
        url('fonts/ProximaNova-LightIt.ttf') format('truetype'),
        url('fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('fonts/ProximaNova-SemiboldIt.eot');
    src: url('fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff'),
        url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-BoldIt.eot');
    src: url('fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BoldIt.woff') format('woff'),
        url('fonts/ProximaNova-BoldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

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

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

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

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

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

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

body {
	font-family: 'Proxima Nova Rg';
}
#top nav ul li a {
  font-size: 16px;
  font-family: 'Proxima Nova Rg';
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 2.438;
}
body h3 {
  font-size: 26px;
  font-family: 'Proxima Nova Rg';
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.5;
}
body h4 {
  font-size: 17px;
  font-family: 'Proxima Nova Rg';
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.5;
}
body li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	color: #58585a;
	line-height: 1.357;
	text-align: left;
	font-weight: normal;
	list-style-type: decimal;
	padding-left: 21px;
	padding-bottom: 10px;
}
body li, body li p,  body li strong, body li sub {
	line-height: 1.357;	
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
}
body li strong{
	font-family: 'Proxima Nova Lt';
	font-weight: bold;
}
body li p {
	padding-top: 7px;
}

#ajax-content-wrap {
	padding-bottom: 31px;
}
body ol {
	margin-left: 20px;
}
body #header-outer[data-lhe="default"] #top nav > ul > li > a {
	padding-left: 22px;
	padding-right: 22px;
}
#top .sf-menu .menu-item {
	margin: 0 !important;
}
#top .col.span_9.col_last {
	padding-right: 0 !important;
}
body h2{
  font-size: 33px;
  font-family: 'Proxima Nova Rg';
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.182;
}
body p {
  font-size: 17px;
  font-family: 'Proxima Nova Rg';
  color: rgb(88, 88, 90);
  line-height: 1.412;
  font-weight: normal;
}
body .max-width-434 {
	max-width: 434px;
}
.max-width-604 {
	max-width: 604px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
.max-width-668 {
	max-width: 668px;
	margin: 0 auto;
}

.footer-custom p {
  font-size: 12px;
  font-family: 'Proxima Nova Rg';
  color: rgb(0, 0, 0);
  line-height: 1.417;
  font-weight: normal;
}
#top {
	padding: 13px 15px 10px;
}
#header-outer {
	box-shadow: none !important;
}
body #header-outer[data-format="centered-logo-between-menu"] nav {
	visibility: visible;
}
body .container-wrap, body .project-title {
	padding: 0 !important;
}
.logo-spacing {
	display: none;
}
body .pad-top-41 {
	padding-top: 41px;
}
body .pad-top-82 {
	padding-top: 82px;
} 
body .pad-bot-18 {
	padding-bottom: 18px;
}
body #ajax-content-wrap .pad-bot-42{
	padding-bottom: 42px;
}
body .pad-bot-35 {
	padding-bottom: 35px;
}
body #ajax-content-wrap .pad-bot-27{
	padding-bottom: 27px;
}
body #ajax-content-wrap .pad-top-25{
	padding-top: 25px;
}

.mar-bot-10 { 
	margin-bottom: 10px !important;
}

body .show-form header {
  display: none;
}
body .show-form .lightning-wrapper, .show-form .slds-scope .slds-form-element_horizontal:not(.slds-is-editing) {
  padding: 0;
}
.show-form .lightning-record-form-submit {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 27px;
}
.show-form .lightning-record-form-submit .slds-button.slds-button_neutral {
  color: #fff;
  background: #000;
  border: 0;
  width: 220px;
  height: 57px;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: 'Proxima Nova Rg';
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.show-form .slds-scope .slds-form-element_horizontal .slds-form-element__label, .show-form .slds-scope .slds-form-element__label {
  max-width: 100%;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-family: 'Proxima Nova Rg';
  font-size: 14px;
  color: rgb(88, 88, 90);
}
.show-form .slds-scope .slds-form-element_horizontal .slds-form-element__control {
  padding-left: 0;
  margin-bottom: 10px;
  display: block;
}
.show-form .slds-scope .slds-input {
  font-family: 'Proxima Nova Rg';
  font-size: 14px;
  height: 40px;
  color: rgb(88, 88, 90);
}
.show-form  .slds-scope .slds-textarea {
  font-family: 'Proxima Nova Rg';
  font-size: 14px;
  height: 105px;
  color: rgb(88, 88, 90);
}
#header-space {
  max-height: 62px;
}
.show-form .slds-scope .slds-form-element_stacked lightning-input .slds-form-element__control, .show-form .slds-checkbox__label {
  display: inline-block;
  width: auto;
}
.show-form .slds-scope .slds-form-element_stacked lightning-input .slds-form-element__control {
  float: left;
  margin-top: 6px;
}
body .show-form {
  padding-bottom: 10px;
  display: block;
  min-height: 400px;
}
body div#header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img {
  display: none;
}
.mobile-only{
  display: none;
}
.row img.img-loading {
  text-align: center;
  margin: 0 auto;
  display: block;
  display: none;
}



body strong {
	font-weight: 700;
	color: #000;
	display: block;
}
body ol {
	list-style: decimal;
	padding-left: 12px;
	margin-bottom: 0;
}
body ol li {
	color: #000;
	line-height: 1.2;
	margin-bottom: 10px;
	padding-left: 10px;
}
body ul {
	margin-top: 10px;
	padding-left: 15px;
}
body p {
	padding-bottom: 10px;
}
body li {
	font-size: 15px;
}
ul li {
	list-style: lower-alpha;
	list-style: none;
}
body ol ul {
	padding-left: 10px;
	margin-left: 0;
}
body ol li li {
	margin-bottom: 0;
}



@media all and ( min-width: 1024px ){
	body .container, body[data-ext-responsive="false"] #boxed #header-outer[data-full-width="true"] header > .container, body[data-ext-responsive="false"] #boxed #header-secondary-outer[data-full-width="true"] > .container, .post-area.standard-minimal.full-width-content .post .inner-wrap, body[data-header-format="left-header"] .container, body[data-header-format="left-header"] .post-area.standard-minimal.full-width-content .post .inner-wrap {
		max-width: 920px;
	}
}
@media all and (max-width: 999px){
  #header-outer[data-format="centered-logo-between-menu"] #top .span_9 {
      width: 100% !important;
      position: relative !important;

  }
  body #header-outer #top nav {
    display: flex !important;
  }
  body #header-outer #top nav > ul {
    display: block;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 0;
  }
  body #top .span_9 > .slide-out-widget-area-toggle {
    display: none !important;
  }
  body #header-outer #top nav > ul, body div#header-outer {
    padding: 0;
    margin: 0;
  }
  body div#header-outer[data-lhe="default"] #top nav > ul > li > a {
   /* padding-left: 0;
    padding-right: 0;*/
  }
  #header-outer[data-format="centered-logo-between-menu"] #top nav > .sf-menu > li {
    /*width: 50%;*/
    /*text-align: left;*/
    display: inline-block;
  }
  #header-outer[data-format="centered-logo-between-menu"] #top nav > .sf-menu > li:last-child {
    /*text-align: right;*/
  }


}





@media all and ( max-width: 767px ){
  .mobile-only{
    display: block;
  }
  .desktop-only{
    display: none;
  }
  #top nav ul li a {
    font-size: 14px;
  }


  body div#header-outer, html body, body .container-wrap, body .material .ocm-effect-wrap, body .project-title, body .ascend .container-wrap, body .ascend .project-title, body .vc_text_separator div, body .carousel-wrap[data-full-width="true"] .carousel-heading, body .carousel-wrap .left-border, .carousel-wrap .right-border, body.single-post.ascend #page-header-bg.fullscreen-header, body .single-post #single-below-header.fullscreen-header, body #page-header-wrap, body .page-header-no-bg, #full_width_portfolio .project-title.parallax-effect, .portfolio-items .col, body .page-template-template-portfolio-php .portfolio-items .col.span_3, body .page-template-template-portfolio-php .portfolio-items .col.span_4 {
    background-color: #fff;
  }
  body .container, body .orbit-wrapper .slider-nav, body .post-area.standard-minimal.full-width-content .post .inner-wrap {
    max-width: 604px;
  }
  body #top, .max-width-668 {
    padding-left: 0;
    padding-right: 0;
  }
  .max-width-604 {
    padding-left: 0;
    padding-right: 0;
  }

  body h3 {
    font-size: 23px;
    line-height: 1.2;
  }
	body .pad-top-82 {
		padding-top: 40px;
	}
	body #slide-out-widget-area .inner {
		padding-top: 40px;
	}
	body .pad-top-41 {
		padding-top: 30px;
	}






}
@media all and ( max-width: 667px){
   body .container, body .orbit-wrapper .slider-nav, body .post-area.standard-minimal.full-width-content .post .inner-wrap {
      max-width: 604px;
    }
}
@media all and ( max-width: 414px){
   body .container, body .orbit-wrapper .slider-nav, body .post-area.standard-minimal.full-width-content .post .inner-wrap {
      max-width: 364px;
    }
}

@media all and ( max-width: 375px){
   body .container, body .orbit-wrapper .slider-nav, body .post-area.standard-minimal.full-width-content .post .inner-wrap {
      max-width: 335px;
    }
}
@media all and ( max-width: 320px){
   body .container, body .orbit-wrapper .slider-nav, body .post-area.standard-minimal.full-width-content .post .inner-wrap {
      max-width: 270px;
    }
}