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

/* Sidebar box */
.woocommerce-shop #sidebar .widget {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 25px;
  border: 1px solid #ccc;
}

/* Titles */
.woocommerce-shop #sidebar .widget-title {
  font-size: 16px;
  font-weight: 600;
  color: #555;
  margin-bottom: 15px;
}

/* Price range slider */
.woocommerce-shop #sidebar .price_slider_wrapper .ui-slider {
  height: 6px;
  background: #ddd;
  border-radius: 10px;
}

.woocommerce-shop #sidebar .price_slider_wrapper .ui-slider-range {
  background: #b94a1d; /* orange line */
}

.woocommerce-shop #sidebar .price_slider_wrapper .ui-slider-handle {
  background: #b94a1d;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: -5px;
  cursor: pointer;
}

/* Price text */
.woocommerce-shop #sidebar .price_slider_amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

/* Filter button */
.woocommerce-shop #sidebar .price_slider_amount button {
  background: #e0e0e0;
  border: none;
  padding: 6px 14px;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.woocommerce-shop #sidebar .price_slider_amount button:hover {
  background: #b94a1d;
  color: #fff;
}

/* Categories */
.woocommerce-shop #sidebar .widget_product_categories ul li {
  list-style: none;
  margin-bottom: 10px;
}

.woocommerce-shop #sidebar .widget_product_categories ul li a {
  text-decoration: none;
  color: #666;
  transition: 0.3s;
}

.woocommerce-shop #sidebar .widget_product_categories ul li a:hover {
  color: #b94a1d;
}

.woocommerce-shop #sidebar .widget {
    margin-bottom: 20px;
}


@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');

body {
  font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'neu' !IMPORTANT;
}

p {
    font-family: 'neu' !IMPORTANT;
}

#page-header-bg span.subheader {
    font-size: 16px !IMPORTANT;
    color: white !IMPORTANT;
    opacity: 1 !IMPORTANT;
    all: unset;
}

#banner h1 {
    font-weight: 400 !IMPORTANT;
    letter-spacing: -2px !IMPORTANT;
    font-family: neu !IMPORTANT;
    margin-bottom: 25px;
}

#top ul li a span {
    font-family: 'neu' !IMPORTANT;
    font-size: 18px !IMPORTANT;
}

#top .cn-sec a span {
    background: #BD4F00;
    border-radius: 50px !IMPORTANT;
    padding: 16px 40px !IMPORTANT;
    color: white;
}


#banner p {
    font-size: 28px;
    line-height: 36px !IMPORTANT;
}

a#btn1 {
    margin: 0;
    font-size: 17px !IMPORTANT;
    font-family: 'neu' !important;
    padding: 15px 38px !IMPORTANT;
    letter-spacing: 0 !IMPORTANT;
    background: black !IMPORTANT;
    transition: 0.9s;
}
#btn2 {
    margin: 0;
    font-size: 16px ! IMPORTANT;
    font-family: 'neu' !important;
    padding: 15px 38px ! IMPORTANT;
    letter-spacing: 0 !IMPORTANT;
    background: #00000000 ! IMPORTANT;
    transition: 0.9s;
    border: 1px solid #fff;

}
#btn2:hover {
    background: #fff !IMPORTANT;
    color: #000 !IMPORTANT;
    transition: 0.9s;
}
a#btn1:hover {
    background: #BD4F00 !IMPORTANT;
    color: white !IMPORTANT;
    transition: 0.9s;
}

#sec1 h3 {
    font-weight: 700 !IMPORTANT;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !IMPORTANT;
}

#sec1 .nf-sec {
    width: 56%;
    position: relative;
    top: -78px;
}

#sec2 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100% !IMPORTANT;
}

#sec3 #r1 .vc_col-sm-3 .vc_column-inner {
    background: #F7F7F7;
    padding: 40px 29px !IMPORTANT;
}

#sec3 #r1 .vc_col-sm-3 .vc_column-inner .se-img {
    margin-bottom: 36px;
    width: 42px;
    height: 100%;
}


#sec3 a#btn1 {
    float: right;
    margin-top: 35px;
}

#sec3 .ser-sec {
    margin-bottom: 40px;
}

#sec4 #r2 .vc_col-sm-3 {
    padding: 0 3px;
}

#sec4 #r2 .vc_col-sm-3 img {
    transition: 0.9s;
}

#sec4 #r2 .vc_col-sm-3 img:hover {
    transition: 0.9s;
    filter: brightness(0.5);
}

#footer .ft-main-logo {
    width: 100%;
}

#footer h4 {
    font-family: 'Neue Haas Grotesk Display Pro' !IMPORTANT;
    font-weight: 500 !IMPORTANT;
    font-size: 21px !IMPORTANT;
}

#footer h2.widgettitle {
    font-family: 'Neue Haas Grotesk Display Pro' ! IMPORTANT;
    font-weight: 500 !IMPORTANT;
    font-size: 21px ! IMPORTANT;
}

#footer ul {
    margin: 0;
}

#footer ul li {
    list-style: none;
    margin-bottom: 4.7px;
    font-size: 16px;
}

#footer #f1 {
    padding-left: 25px;
}

div#footer {
    padding-bottom: 40px !IMPORTANT;
}
#footer a:hover {
    color: black ! IMPORTANT;
}


@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 820px) {
	#banner h1 {
    font-size: 46px !IMPORTANT;
    line-height: 1.2;
}

#banner p {
    font-size: 15px;
}

#banner .video-color-overlay.row-bg-layer {
}

div#sec1 {
    text-align: center;
}

#sec1 .nf-sec {
    top: 0;
    margin: 0 auto;
    display: table;
}

#sec2 .row-bg.viewport-desktop.using-image {
    background-size: cover !IMPORTANT;
}

div#sec2 {
    text-align: center;
    padding: 110px 0 !IMPORTANT;
}

div#sec3 {
    text-align: center;
}

#sec3 #r1 .vc_col-sm-3 .vc_column-inner .se-img {
    margin: 0 auto 30px !IMPORTANT;
    display: table;
}

#sec3 a#btn1 {
    float: unset;
}

div#sec4 {
    text-align: center;
}

#footer #f1 {
    padding-left: 0;
}
}
@media (max-width: 768px) {}
@media (max-width: 480px) {}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}