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

/**
 * Off Canvas Menu
 **/

.off-canvas-menu-container ul.menu{
  display: flex;
  justify-content: center;
}
.off-canvas-menu-container ul.menu > li{
  padding-right: 30px;
}
.off-canvas-menu-container ul.menu > li > a{
  font-family: 'sweetsans' !important;
  text-transform: uppercase !important;
}
body #slide-out-widget-area .off-canvas-menu-container .menuwrapper ul.menu > li ul.sub-menu{
  display: block !important;
  padding-top: 30px !important;
}

body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{
  font-size: 25px !important;
}

body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container ul.menu > li ul.sub-menu > li > a{
  font-size: 20px !important;
  white-space: nowrap !important;
  font-family: 'janson' !important;
}
.off-canvas-menu-container .back{
  display: none !important;
}

.blurred-wrap.blurred{
  -webkit-filter: blur(11px);
  -moz-filter: blur(11px);
  -ms-filter: blur(11px);
  filter: blur(11px);
}

#slide-out-widget-area .inner-wrap .inner{
  background: rgba(255, 255, 255, 0.8);
}

#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent .slide-out-widget-area-toggle a i.label, #header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.transparent #top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon, #header-outer.transparent .nectar-header-text-content, #header-outer.transparent .nectar-mobile-only.mobile-header li:not([class*="menu-item-btn-style"]) a{
  color: #000 !important;
}
.transparent .left-aligned-ocm .lines-button i:before, .transparent .left-aligned-ocm .lines-button i:after, .transparent .left-aligned-ocm .lines-button:after, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:after, body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle .lines-button:after{
  color: #000 !important;
}
.transparent .left-aligned-ocm .lines-button i:before, .transparent .left-aligned-ocm .lines-button i:after, .transparent .left-aligned-ocm .lines-button:after, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:after, body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle .lines-button:after{
  background-color: #000 !important;
}

#slide-out-widget-area.fullscreen .inner-wrap, #slide-out-widget-area.fullscreen-alt .inner-wrap{
  padding-top: 0px !important;
}
#slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner{
  padding-top: 160px !important;
}
#slide-out-widget-area.fullscreen .inner::before,
#slide-out-widget-area.fullscreen-alt .inner::before{
  content: '';
  width: 25px;
  height: 60px;
  background: url('https://matchbookwidev.wpengine.com/wp-content/uploads/2023/11/Asset-1-200.svg') no-repeat;
  display: inline-block;
  background-size: contain;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}

/**
 * Secondary Menu
 */

#header-secondary-outer .nectar-center-text a,
#header-secondary-outer .nectar-center-text a:hover{
  color: #000 !important;
  font-family: 'janson';
}


/*
 * Loader
 * <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
 */
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  



  @media screen and (max-width: 1024px){
    .off-canvas-menu-container ul.menu{
      display: block;
    }
  }