/*
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
*/
/* -----------------------------------------------------------------------------
Variables
------------------------------------------------------------------------------*/
/* Colors */
/* Primary Fonts */
/* Secondary Fonts */
/* Transitions */
/* Responsive Break Points */
/* Config Condensed */
@font-face {
  font-family: 'configcondensed';
  src: url("assets/fonts/configcondensed-text-webfont.woff2") format("woff2"), url("assets/fonts/configcondensed-text-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'configcondensed-light';
  src: url("assets/fonts/configcondensed-light-webfont.woff2") format("woff2"), url("assets/fonts/configcondensed-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'configcondensed-medium';
  src: url("assets/fonts/configcondensed-medium-webfont.woff2") format("woff2"), url("assets/fonts/configcondensed-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'configcondensed-semibold';
  src: url("assets/fonts/configcondensed-semibold-webfont.woff2") format("woff2"), url("assets/fonts/configcondensed-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'configcondensed-bold';
  src: url("assets/fonts/configcondensed-bold-webfont.woff2") format("woff2"), url("assets/fonts/configcondensed-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Config Regular */
@font-face {
  font-family: 'config';
  src: url("assets/fonts/config-regular-webfont.woff2") format("woff2"), url("assets/fonts/config-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'config-light';
  src: url("assets/fonts/config-light-webfont.woff2") format("woff2"), url("assets/fonts/config-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'config-medium';
  src: url("assets/fonts/config-medium-webfont.woff2") format("woff2"), url("assets/fonts/config-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'config-semibold';
  src: url("assets/fonts/config-semibold-webfont.woff2") format("woff2"), url("assets/fonts/config-semibold-webfont.woff") format("woff"), url("assets/fonts/config-semibold-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'config-bold';
  src: url("assets/fonts/config-bold-webfont.woff2") format("woff2"), url("assets/fonts/config-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* -----------------------------------------------------------------------------
Global
------------------------------------------------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* -----------------------------------------------------------------------------
Top Nav
------------------------------------------------------------------------------*/
html .material #header-secondary-outer nav > ul > li > a {
  font-size: 18px;
  font-family: "configcondensed", sans-serif; }
  html .material #header-secondary-outer nav > ul > li > a span {
    color: #e62327;
    display: inline-block;
    margin-right: 5px; }
  html .material #header-secondary-outer nav > ul > li > a:hover span {
    color: #e62327; }

html .material #header-outer nav > ul > li a {
  opacity: 1 !important; }


/* -----------------------------------------------------------------------------
Sections
------------------------------------------------------------------------------*/
/* Home Slider */
html body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 {
  margin-bottom: 20px; }

@media screen and (max-width: 60rem) {
  html body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 {
    font-size: 56px !important;
    line-height: 66px !important; }
  html body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p {
    font-size: 20px !important;
    line-height: 30px !important; }
  html body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content .buttons a {
    padding: 20px 30px !important;
    font-size: 17px !important; } }

@media screen and (max-width: 40rem) {
  html body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 {
    font-size: 40px !important;
    line-height: 50px !important; } }

/* Worked With */
.logo-section img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.5 !important; }

/* History Section */
html #history .flex-direction-nav a {
  background-color: #111 !important; }
  html #history .flex-direction-nav a:hover {
    background-color: rgba(17, 17, 17, 0.7) !important; }

@media screen and (max-width: 60rem) {
  html #history .history-content {
    padding: 80px 50px !important; }
  html #history .nectar-milestone[data-ms-align="right"] {
    text-align: left !important;
    margin-left: 20px; } }

/* Reviews/Testimonials  */
html body .testimonial_slider:not([data-style="minimal"]) blockquote p:before {
  top: 45px;
  font-family: "configcondensed-medium", sans-serif; }

html body .testimonial_slider:not([data-style="minimal"]) blockquote .testimonial-name {
  margin-bottom: 10px;
  font-family: "config-medium", sans-serif; }

html .pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-1 h3,
html .pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1 h4,
html .pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1 .interval,
html body.material .tabbed[data-color-scheme="extra-color-1"][data-style="minimal"]:not(.using-icons) > ul li:not(.cta-button) a:hover,
html body.material .tabbed[data-color-scheme="extra-color-1"][data-style="minimal"]:not(.using-icons) > ul li:not(.cta-button) .active-tab,
html .tabbed[data-style*="material"][data-color-scheme="extra-color-1"] ul li a:not(.active-tab):hover,
html .testimonial_slider[data-rating-color="extra-color-1"] .star-rating .filled:before,
html .icon-3x[class^="icon-"].extra-color-1:not(.alt-style), .icon-tiny[class^="icon-"].extra-color-1,
html .icon-3x[class*=" icon-"].extra-color-1:not(.alt-style),
html body .icon-3x[class*=" icon-"].extra-color-1:not(.alt-style) .circle-border,
html .col:hover > [class^="icon-"].icon-3x.extra-color-1.alt-style.hovered, .col:hover > [class*=" icon-"].icon-3x.extra-color-1.alt-style.hovered,
html .col:not(.post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-1.alt-style.hovered,
html body .col:not(.post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-1.alt-style.hovered,
html div[data-style="minimal"] .toggle.extra-color-1:hover h3 a, div[data-style="minimal"] .toggle.extra-color-1.open h3 a,
html div[data-style="minimal_small"] .toggle.extra-color-1 > h3 a:hover, div[data-style="minimal_small"] .toggle.extra-color-1.open > h3 a {
  color: #FCC201; }

/* Contact */

 html .lsi-social-icons {
	  background: none!important;
  }
  
 html .material .widget li a, 
 html .material #sidebar .widget li a {
    padding: 10px!important;
}
  
@media screen and (max-width: 60rem) {
  .contact-content .divider-small-border {
    margin-left: auto !important;
    margin-right: auto !important; } 
    
	.contact-content .lsi-social-icons {
		 text-align: center !important; 
	  }

    
    }

/* -----------------------------------------------------------------------------
Typography
------------------------------------------------------------------------------*/
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  color: #111; }

/* -----------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------*/
html #footer-outer #footer-widgets p {
  font-size: 15px; }

/* -----------------------------------------------------------------------------
Buttons
------------------------------------------------------------------------------*/
html body.material[data-button-style="default"] .nectar-button,
html div[data-button-sizing="jumbo"] .swiper-slide .button a {
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 3px !important; }
  html body.material[data-button-style="default"] .nectar-button.large,
  html div[data-button-sizing="jumbo"] .swiper-slide .button a.large {
    padding: 20px 30px;
    font-size: 17px; }
  html body.material[data-button-style="default"] .nectar-button.jumbo,
  html div[data-button-sizing="jumbo"] .swiper-slide .button a.jumbo {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 19px; }
  html body.material[data-button-style="default"] .nectar-button.extra-color-2:hover,
  html div[data-button-sizing="jumbo"] .swiper-slide .button a.extra-color-2:hover {
    opacity: 1 !important;
    color: #111 !important;
    background-color: #ffffff !important; }
  html body.material[data-button-style="default"] .nectar-button.primary-color:hover, html body.material[data-button-style="default"] .nectar-button.accent-color:hover,
  html div[data-button-sizing="jumbo"] .swiper-slide .button a.primary-color:hover,
  html div[data-button-sizing="jumbo"] .swiper-slide .button a.accent-color:hover {
    opacity: 1 !important;
    background-color: #111 !important; }

/* -----------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------*/
html body[data-slide-out-widget-area-style="slide-out-from-right"].material a.slide_out_area_close:before,
html body[data-slide-out-widget-area-style="slide-out-from-right"] .slide_out_area_close:before {
  border-radius: 3px !important;
  background-color: #111 !important; }

html .container-wrap .span_12.light input[type="text"],
html .container-wrap .span_12.light textarea,
html .container-wrap .span_12.light input[type="email"],
html .container-wrap .span_12.light input[type="email"],
html .container-wrap .span_12.light input[type=password],
html .container-wrap .span_12.light input[type=tel],
html .container-wrap .span_12.light input[type=url],
html .container-wrap .span_12.light input[type=search],
html .container-wrap .span_12.light input[type=date] {
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 17px;
  background-color: #e5e5e6; }
  html .container-wrap .span_12.light input[type="text"]:focus,
  html .container-wrap .span_12.light textarea:focus,
  html .container-wrap .span_12.light input[type="email"]:focus,
  html .container-wrap .span_12.light input[type="email"]:focus,
  html .container-wrap .span_12.light input[type=password]:focus,
  html .container-wrap .span_12.light input[type=tel]:focus,
  html .container-wrap .span_12.light input[type=url]:focus,
  html .container-wrap .span_12.light input[type=search]:focus,
  html .container-wrap .span_12.light input[type=date]:focus {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.14), 0 20px 70px rgba(0, 0, 0, 0.12);
    background-color: #ffffff; }

/* Contact Form 7 */
html .wpcf7 .ajax-loader {
  background-image: url("assets/images/form-spinner.svg");
  width: 24px;
  height: 24px;
  margin: 30px auto 0 auto; }

html .wpcf7-form .wpcf7-not-valid-tip,
html .wpcf7-form .wpcf7-validation-errors {
  padding: 6px 12px;
  color: #ffffff !important;
  font-family: "config", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 12px;
  border: none !important;
  background-color: #ff4500 !important; }

html div.wpcf7-validation-errors,
html .light .wpcf7 div.wpcf7-response-output {
  color: #ffffff !important; }

html .wpcf7-form .wpcf7-validation-errors {
  color: #ffffff !important;
  background-color: #ff4500 !important; }

html .wpcf7-form .wpcf7-mail-sent-ok {
  color: #ffffff !important;
  background-color: #4CBB17 !important; }

html .cf7sr-g-recaptcha {
  margin-bottom: 20px; }

html body[data-form-submit="regular"] .container-wrap input[type=submit] {
  padding: 20px 30px !important;
  border-radius: 3px !important;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px !important; }
