/*
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
*/
/* FONTS */
/* @import url('https://fonts.googleapis.com/css?family=Darker+Grotesque:400,500,600,700,800&display=swap');

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

/* i {
  /* use !important to prevent issues with browser extensions that change fonts 
  font-family: 'apsx' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}  */
/* 
.icon-apsx_corporate:before, .ai-corporate-icon .icon-arrows-anticlockwise:before {
  content: "\e913";
  font-family: 'apsx' !important;
}

.icon-apsx_shopfitting:before, .ai-shopfitting-icon .icon-arrows-compress:before {
  content: "\e914";
  font-family: 'apsx' !important;
}

.icon-apsx_apsx-designs:before, .ai-general-construction-icon .icon-arrows-circle-check:before, .ai-apsx-designs-icon .icon-arrows-keyboard-up:before {
  font-family: 'apsx' !important;
  content: "\e900";
}

.icon-apsx_carpenrary:before, .ai-carpentary-icon .icon-arrows-circle-check:before, .ai-carpentary-icon .icon-arrows-drag-horiz:before {
  font-family: 'apsx' !important;
  content: "\e901";
}

.icon-apsx_ceilings:before, .ai-ceilings-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e902";
}

.icon-apsx_concrete:before, .ai-concrete-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e903";
}

.icon-apsx_design:before, .ai-design-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e904" !important;
}

.icon-apsx_earthworks:before, .ai-earthworks-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e905";
}

.icon-apsx_email:before, .ai-email-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e906";
}

.icon-apsx_extensions:before, .ai-extensions-icon .icon-arrows-circle-check:before, .ai-extensions-icon .icon-arrows-glide:before {
  font-family: 'apsx' !important;
  content: "\e907";
}

.icon-apsx_floors:before, .ai-floors-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e908";
}

.icon-apsx_home-renovations:before, .ai-home-renovations-icon .icon-arrows-circle-check:before, .ai-home-renovations-icon .icon-arrows-circle-down:before {
  font-family: 'apsx' !important;
  content: "\e909";
}

.icon-apsx_painting:before, .ai-painting-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90a";
}

.icon-apsx_paving:before, .ai-paving-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90b";
}

.icon-apsx_phone:before, .ai-phone-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90c";
}

.icon-apsx_plans:before, .ai-plans-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90d";
}

.icon-apsx_plastering:before, .ai-platering-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90e";
}

.icon-apsx_project-management:before, .ai-project-management-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e90f";
}

.icon-apsx_roof:before, .ai-roof-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e910";
}

.icon-apsx_tiling:before, .ai-tiling-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e911";
}

.icon-apsx-social:before, .ai-social-icon .icon-arrows-circle-check:before {
  font-family: 'apsx' !important;
  content: "\e912";
} */

/* FONT WEIGHTS */
h1, #header-outer.transparent[data-lhe="animated_underline"] #top nav .sf-menu>.current_page_item>a {
  font-weight: 600 !important;
}

h2, h3, h4, h5, h6 {
  font-weight: 700 !important;
}

p {
  font-weight: 500 !important;
}

p strong {
  font-weight: 700 !important;
}

p a {
  text-decoration: underline !important;
}

p a:hover {
  color: #eb8721 !important;
}

/* BUTTONS */
body.material .nectar-button.large {
  border-radius: 0 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  line-height: 25px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  padding-left: 35px !important;
  padding-right: 35px !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  line-height: 25px !important;
  font-weight: 700 !important;
  background-color: #ffffff !important;
  color: #eb8721 !important;
}

.container-wrap .span_12.light input[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #eb8721 !important;
}

/* MENU */
#header-outer.transparent #top nav>ul>li>a {
  opacity: 1 !important;
}

#header-outer.transparent #top nav>.sf-menu>.ai-request-quote-menu-button>a, #header-outer #top nav>.sf-menu>.ai-request-quote-menu-button>a {
  color: #eb8721 !important;
}

/* HEADER TITLES */
#page-header-bg h1 {
  color: #eb8721 !important;
}

/* COLOURS */
.ai-light-orange h1, .ai-light-orange h2 {
  color: #eb8721 !important;
}

.ai-light-green h2 a {
  color: #eb8721 !important;
  text-decoration: underline !important;
}

.ai-light-green h2 a:hover {
  color: #eb8721 !important;
}

.ai-light-green h4 a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.ai-light-green h4 a:hover {
  color: #eb8721 !important;
}

.ai-dark-green h2 {
  color: #eb8721 !important;
}

#header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) >a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:after{
  border-top: 1px solid #eb8721 !important;
}

/* PADDING */
.wpb_row {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.vc_row .inner_row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ai-padding-3em, .ai-padding-3em.wpb_row {
  padding: 3em !important;
}

.ai-padding-t-2em {
  padding-top: 2em !important;
}

.ai-padding-t-3em {
  padding-top: 3em !important;
}

.ai-padding-tb-3em {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.ai-padding-4em, .ai-padding-4em.wpb_row {
  padding: 4em !important;
}

.ai-padding-t-4em {
  padding-top: 4em !important;
}

.ai-padding-b-4em {
  padding-bottom: 4em !important;
}

.ai-padding-tb-4em {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}

.ai-padding-6em, .ai-padding-6em.wpb_row {
  padding: 6em !important;
}

.ai-padding-t-0 {
  padding-top: 0 !important;
}

.ai-padding-b-0 {
  padding-bottom: 0 !important;
}

.ai-padding-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.gform_wrapper {
  margin: 0 !important;
}

/* FORMS */
body .gform_wrapper ul li.gfield {
  margin-top: 0;
}

body .gform_wrapper .top_label .gfield_label {
  display: none;
}

.gform_wrapper input, .gform_wrapper textarea {
  padding: 0.5em 1em !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 15px !important;
}

/*INPUT BACKGROUND COLORS*/
.gform_wrapper .gfield .ginput_container input, .gform_wrapper .gfield .ginput_container textarea{
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/*INPUT PLACEHOLDERS*/
.gform_wrapper .gfield .ginput_container input::placeholder, .gform_wrapper .gfield .ginput_container textarea::placeholder{
  opacity: 1;
}

/*SELECT ARROW*/
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #fff transparent transparent transparent !important;
}


::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgb(255, 255, 255) !important;
  font-weight: 300 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgb(255, 255, 255) !important;
  font-weight: 300 !important;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgb(255, 255, 255) !important;
  font-weight: 300 !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgb(255, 255, 255) !important;
  font-weight: 300 !important;
}

body[data-fancy-form-rcs="1"] .fancy-select-wrap {
  padding-top: 0 !important;
}

.nectar-fancy-box[data-style="color_box_hover"] .inner {
  justify-content: left;
  align-items: initial;
  padding-top: 1.2em;
}

.select2-container .select2-choice>.select2-chosen {
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 15px !important;
}

.select2-container .select2-choice .select2-arrow b:after {
  border-top-color: rgba(255, 255, 255, 0.7) !important;
}

body[data-fancy-form-rcs="1"] .select2-container .select2-choice, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
}

/* SLIDER */
h2.ns-heading-el {color: #eb8721 !important;}

/* FANCY BOX */
.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap, .nectar-fancy-box[data-style="color_box_hover"]:before, .nectar-fancy-box[data-style="color_box_basic"] {
  border-radius: 0 !important;
}

.box-inner-wrap .inner {
  min-height: 10em !important;
}

.nectar-fancy-box h3 {
  /* text-transform: uppercase; */
  font-size: 1.5em !important;
    line-height: 1.3em !important;
  color: #eb8721 !important;
}

.ai-line-above {
  border-top: 1px solid #eb8721;
  padding-top: 1em !important;
  margin-top: 0.5em !important;
}

/* CTAs*/
.ai-cta {
  margin-top: 6em !important;
  margin-bottom: 4em !important;
}

.ai-cta-inner {
  margin-top: 8em !important;
  padding: 4em !important;
}

.ai-cta-inner p, .ai-cta-inner a {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 38px !important;
  font-weight: 600 !important;
}

.ai-cta-inner a {
  text-decoration: underline !important;
}

.ai-cta-inner h2, .ai-cta-inner a:hover {
  color: #eb8721 !important;
}

.ai-cta-inner .nectar-button {
  margin-top: 2em !important;
  color: #eb8721 !important;
  font-weight: 700 !important;
}

.ai-cta-inner .nectar-button:hover {
  color: #eb8721 !important;
}

/* HOME */
.ai-home-services-carousel .nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"]:hover:before {
  display: none !important;
}

.ai-home-services-carousel .owl-theme .owl-dots {
  text-align: left;
}

.ai-home-form h3 {
  font-size: 1.3em !important;
  color: #eb8721 !important;
}

.ai-home-form .iwithtext {
  display: inline-block !important;
  width: 50% !important;
}

.ai-home-form .iwithtext .iwt-text a {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 600;
}

.ai-home-form .iwithtext .iwt-text a:hover {
  color: #eb8721 !important;
}

/* SERVICES */
.ai-service-row {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ai-service-row .vc_col-sm-3 {
  width: 25% !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.ai-service-row .vc_col-sm-3 .nectar-fancy-box{
  height: 100% !important;
}

.ai-service-row .vc_col-sm-3 .nectar-fancy-box .box-inner-wrap{
  height: 100% !important;
}

.ai-services-list {
  margin-top: 4em;
  margin-bottom: 4em;
}

.ai-services-list .vc_column-inner {
  padding: 4em 6em !important;
}

.ai-services-list .vc_column-inner .vc_column-inner {
  padding: 0 !important;
}

.nectar-fancy-ul[data-animation="true"] ul li {
  font-weight: 500 !important;
}

/* CONTACT */
.ai-contact-form {
  margin-top: 9em !important;
}

.ai-contact-form h3 {
  font-size: 1.3em !important;
  color: #eb8721 !important;
}

.ai-facebook, .ai-instagram, .ai-twitter {
  visibility: hidden;
  position: relative;
  margin-right: 1em !important;
}

.ai-facebook:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "\f09a" !important;
  font-family: fontAwesome !important;
}

.ai-instagram:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "\f16d" !important;
  font-family: fontAwesome !important;
}

.ai-twitter:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "\e918" !important;
  font-family: icomoon !important;
}

/
/* FOOTER */
#footer-outer .row {
  padding: 4em 0 !important;
}

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

#footer-outer #footer-widgets a:hover {
  color: #eb8721 !important;
  opacity: 1 !important;
}

.widget_media_image img {
  width: 15em !important;
  margin-bottom: 1em !important;
}

.ai-footer-copyright {
  font-size: 12px !important;
  line-height: 20px;
}

.textwidget .iwithtext .iwt-text {
  padding-left: 2.5em;
}

.iwithtext .iwt-icon img {
  width: 1.2em !important;
  margin: 0 !important;
  padding-top: 0.3em;
}

.textwidget .iwithtext {
  display: inline-block !important;
  font-weight: 600 !important;
  margin-left: 3em !important;
  font-size: 1em !important;
}

.widget_nav_menu li {
  display: inline-block !important;
  font-weight: 600 !important;
  margin-left: 3em !important;
  font-size: 0.9em !important;
}

#footer-outer .widget_nav_menu li:first-child{
  margin-left: 0 !important;
}

.widget_nav_menu, #text-3 .textwidget {
  text-align: right !important;
}

#footer-outer .nectar_icon {
  padding: 0 !important;
}

#footer-outer #text-4 {
  text-align: right !important;
}

#footer-outer #text-4 .textwidget {
  display: inline-flex !important;
}

#footer-outer i {
  /* color: #ffffff !important; */
  font-size: 1em !important;
  width: auto !important;
  height: auto !important;
  /*margin-left: 2em !important;*/
  /*margin-bottom: 0.8em !important;*/
  font-family: fontAwesome !important;
}

#footer-outer .ai-footer-social-media-wrapper {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1em;
}

#footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media {
  display: flex !important;
  justify-content: center;
  align-content: center;
  width: 6%;
  /*padding: 0.2em;*/
}

#footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media{
  line-height: 1;
  height: fit-content;
}

#footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media:last-child .fa.fa-x-twitter:after {
  content: "\e918" !important;
  font-family: icomoon !important;
  /*padding-right: 2.9em;*/
}

#footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media i.fa-tiktok{
  border: 1px solid red !important;
}
#footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media i.nectar-brands-tiktok{
 font-family: nectarbrands !important;
}

.ai-footer-social-media {
  display: inline-block !important;
}

.ai-footer-social-media a i {
  color: #ffffff !important;
}

.ai-footer-social-media a i:hover {
  color: #eb8721 !important;
}

#to-top i {
    font-family: fontAwesome !important;}


/* PRODUCTS */
.nectar-shop-header .nectar-shop-header-bottom {
  margin-top: 1.5em;font-size: 0.8em;}

  h3.wp-block-heading {
    font-size: 1em !important;
}

#sidebar .widget {margin-bottom: 2em !important;}


.products li.product.minimal .price-hover-wrap {display:none;}

/* INDIVIDUAL PRODUCT */

.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .summary p.price {display: none;}

body .woocommerce .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top {text-transform: initial !important;}

.breadcrumb,
.woocommerce-breadcrumb {
    display: none !important;
}

/* Set light grey background for the entire body of the product page */
body.single-product {
  background-color: #f5f5f5 !important; /* Light grey */
}

/* Target the main content area to make sure it stays white */
.single-product .content {
  background-color: #ffffff !important; /* White for content area */
}

/* Optional: Style the container for padding and spacing */
.single-product .container-wrap {
  background-color: #ffffff !important; /* White */
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}



.product_meta {
  margin-top: 2em;
}


/*--------------------------------------------
RESPONSIVE MEDIA QURIES
--------------------------------------------*/
@media only screen and (max-width : 1200px) {
  .ai-home-form .iwithtext {
    display: block !important;
    width: 100% !important;
  }
}

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

@media only screen and (max-width : 768px) {
  .ai-padding-3em {
    padding: 2em;
  }

  body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li {
    margin-bottom: 2em !important;
  }

  body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container>.menu>li a {
    font-weight: 600 !important;
  }

  li.ai-request-quote-menu-button.menu-item.menu-item-type-custom.menu-item-object-custom.ai-request-quote-menu-button a {
    color: #eb8721 !important;
  }

  .ai-home-form .iwithtext .iwt-text {
    padding-left: 2em;
  }

  .ai-home-form {
    margin-top: -6em !important;
  }

  #about {
    Margin-top: 6em !important;
  }

  .ai-cta-inner {
    margin-top: -1.5em !important;
    padding: 2em !important;
  }

  .widget_nav_menu, #text-3 .textwidget {
    text-align: left !important;
  }

  .textwidget .iwithtext {
    margin-left: 0 !important;
  }

  #footer-outer #text-4 {
    text-align: left !important;
  }

  .widget_nav_menu li {
    margin-left: 0 !important;
    margin-right: 3em !important;
  }

  #footer-outer .ai-footer-social-media-wrapper {
    justify-content: initial;
  }

  #footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media {
    /*margin-right: 1em;*/
  }

  #footer-outer .ai-footer-social-media-wrapper .ai-footer-social-media:empty {
    display: none !important;
  }

  #footer-outer i {
    margin-left: 0 !important;
  }

  .ai-service-row .vc_col-sm-3 {
    width: 100% !important;
  }

  .ai-services-list .vc_column-inner {
    padding: 2em !important;
  }
}

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

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

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