/*!
Theme Name: Prime Shopping Cart Pro
Author: aThemeArt
Author URI: 
Description: Prime Shopping Cart Pro is a powerful WooCommerce theme designed to help you build fast, modern, and conversion-focused online stores. It offers extensive customization options, multiple header and footer layouts, advanced product filtering, AJAX shopping features, responsive design, and seamless Elementor compatibility. Make sure you have installed all recommended plugins and activated your license key for automatic updates, as well as full compatibility with the latest versions of WooCommerce and WordPress.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 7.0
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: prime-shopping-cart-pro
*/
:root {
  --primary-color:#000;
  --secondary-color: #2F6690;
  --tertiary-color: #000;
  --quaternary-color:#EDF1F9;
  --quinary-color:#fff;

  --primary-color-rgb:0, 0, 0;
  --secondary-color-rgb: 47, 102, 144;
  --quaternary-color-rgb:225, 231, 242;

  --nav-color:#010101;
  --nav-h-color:#fff;
  --nav-bg:#F2F2F2;

  --nav-h-bg:#2F6690;
  --nav-h-bg-2:#f01a1a;
  
  --body-font:'Roboto Flex', sans-serif;
  --heading-font:'Josefin Sans', sans-serif;
  /*'Montserrat', sans-serif*/

    --space-section: 80px;
  --btn-hover:#fff;
  }

/*=======================================
  Global Style begin 
========================================*/
body {
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-family: var(--body-font);
    font-size:100%;
    line-height:1.8;
    font-weight:400;
    color: var( --primary-color );
    /*background:#EFEFEF;*/
    background: #fff;
    text-align:left;
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}

h1,h2,h3,h4,h5,h6,#review_form .comment-reply-title{
  font-family: var(--heading-font);
  font-weight:500;
  color: var(--tertiary-color);
}

a{
  color: var( --secondary-color );
  text-decoration:none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover,
a:focus{
  color: var(--primary-color);
  text-decoration:underline;
}
.theme-color{ color: var( --secondary-color )!important;}
h1 a, h2 a, h3 a, h4 a{
  color: var(--primary-color);
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{
  color: var( --secondary-color);
}
.tb-cell{
  display:table-cell;
}
.theme-btn,
.posts-navigation-wrap a,
.added_to_cart.wc-forward,
.checkout-button.wc-forward{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  padding-right: 20px;
  position: relative;
  border-radius: 2px;

  font-size: 1em;
  color: var(--secondary-color);
  background: var(--quaternary-color);
 
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border: none;
  text-decoration: none;
}
button.theme-btn{padding: 0px 20px 0px 0px;
  border: none;
}
.theme-btn:not(.disabled):hover,
.theme-btn:not(.disabled):focus,
.posts-navigation-wrap a:hover,
.posts-navigation-wrap a:focus{
  color: var(--quaternary-color);
  background: var(--secondary-color);
}
.theme-btn span.icon,
.posts-navigation-wrap span.icon{
  background: rgb(var(--quaternary-color-rgb));
  padding:5px 14px;
  font-size: 1.3em;
  transition: all 0.3s ease-in-out;
  color: var(--secondary-color);;
}

/* animated border layer */
.theme-btn::before,
.theme-btn::after,
.posts-navigation-wrap a:before,
.posts-navigation-wrap a:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid var(--secondary-color);
  transition: all .4s ease;
  opacity: 0;
}
.theme-btn::before,
.posts-navigation-wrap a:before{
  border-bottom: none;
  border-right: none;
}
.theme-btn::after,
.posts-navigation-wrap a:after{
  border-top: none;
  border-left: none;
}
.theme-btn::before,
.posts-navigation-wrap a:before{
  top: 0;
  left: 0;
}
.theme-btn::after,
.posts-navigation-wrap a:after{
  bottom: 0;
  right: 0;
}
.theme-btn:not(.disabled):hover::before,
.theme-btn:not(.disabled):hover::after,
.theme-btn:not(.disabled):focus::before,
.theme-btn:not(.disabled):focus::after,
.posts-navigation-wrap a:hover:before,
.posts-navigation-wrap a:hover:after,
.posts-navigation-wrap a:focus:before,
.posts-navigation-wrap a:focus:after{
  width: 100%;
  height: 100%;
  opacity: 1;
}
.theme-btn.disabled{
  opacity: 0.7;
}
.elementor-section-full_width .elementor-container{
  max-width:1140px!important;
  margin: 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  border-color:var( --secondary-color );
}
/*=======================================
  Container Wrapper 
========================================*/
#page.site{
  margin: 0px auto;
  padding: 0px 0px;
  max-width: 100%;
  overflow: hidden;
}
/*=======================================
  Header 
========================================*/
.site-header{
  padding: 50px 0px 0px 0px;
  background: #fff;
}
#masthead.style_1 #navbar.is-sticky, #masthead.style_2.is-sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    margin-top: 0px;
}
#masthead.style_1 #navbar.is-sticky.sticky-animated,#masthead.style_2.is-sticky.sticky-animated{
    animation: stickySlideDown .35s ease forwards;
}
#navbar.is-sticky #prime-mega-menu button.btn-mega{
   height: 100%;
   transform: translateY(0px);
}

@keyframes stickySlideDown{
    from{
        opacity:0;
        transform:translateY(-100%);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
#masthead.style_2.is-sticky{
  padding: 10px 0px;
}
.site-header.style_2{
  padding: 50px 0px;
}
.site-header .logo-wrap h3{
  margin-bottom: 0px!important;
}
.site-header input{
  margin-bottom: 0px;
}
.site-header form.search-form{
   position: relative;
}
.site-header form.search-form input[type='search'],
.site-header form.search-form label{
  width: 100%;
  display: block;
 
}
.site-header form.search-form input[type='submit']{
  background-color: var(--secondary-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 48px;
  height: 48px;
  border: 0;
  font-size: 0;
  position:absolute;
  top: 0px;
  right: 0px;
  border: 1px solid var(--secondary-color);
  border-left: none;
}
.site-header form.search-form input[type='submit']:focus{
  background-color: var(--quaternary-color);
  color: var(--secondary-color);
  border: 1px solid #ccc;
  border-left: none;
}
.site-header ul.header-icon{
  list-style: none;
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
}
.site-header ul.header-icon li a{
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 14px;
}
.site-header ul.prime-myaccount-endpoint li a{
  line-height: 16px;
}
.site-header ul.header-icon li .amount,.site-header ul.header-icon li .label_2{
  padding-top: 3px;
}
.site-header ul.header-icon li i{
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}
.site-header ul.header-icon li span.label_2{
  display:block;
  line-height: 1em;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family:'Roboto Condensed';
  text-transform: uppercase;
}
#masthead ul.header-icon li span.label,
#masthead ul.header-icon li a span.label{
  font-size: 0.7em;
  color: #717171;
  font-weight: normal;
  text-transform: uppercase;
}
.site-header ul.header-icon li a{
  color: #000;
}
.site-header ul.header-icon li a:hover i,
.site-header ul.header-icon li a:focus i{
  color: var(--secondary-color);
}
.site-header ul.header-icon.style-2{
  gap:10px;
}
.site-header ul.header-icon.style-2{
  margin-left: 20px;
}
.site-header ul.header-icon.style-2 a.gs-tooltip-act,
.site-header ul.header-icon.style-2 a.cart-contents {
  color: rgba(var(--nav-color-rgb), 0.4);
  border: 1px solid rgba(var(--nav-color-rgb), 0.3);
  background: var(--nav-h-color);
  padding:10px;
  border-radius: 50%;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  text-align: center;

  position: relative; /* important for counter badge */
  transition: all 0.25s ease;
}
.site-header ul.header-icon.style-2 a.gs-tooltip-act i,
.site-header ul.header-icon.style-2 a.cart-contents i{
  font-size: 16px;
}
.site-header ul.header-icon.style-2 a.gs-tooltip-act:hover,
.site-header ul.header-icon.style-2 a.cart-contents:hover,
.site-header ul.header-icon.style-2 a.gs-tooltip-act:focus,
.site-header ul.header-icon.style-2 a.cart-contents:focus{
  background: var(--nav-h-bg);
  color: var(--nav-h-color);
  border:  1px solid var(--nav-h-color);
}
.site-header ul.header-icon.style-2 a.gs-tooltip-act:hover i,
.site-header ul.header-icon.style-2 a.cart-contents:hover i,
.site-header ul.header-icon.style-2 a.gs-tooltip-act:focus i,
.site-header ul.header-icon.style-2 a.cart-contents:focus i{
  color: var(--nav-h-color);
}
#masthead #navbar.second ul.prime-main-menu.navigation-menu{
  gap: 2px;
}
.site-header ul.header-icon.style-2 span.counter_round{
  position: absolute;
  right: -7px;
  top: -12px;

  min-width: 18px;
  height: 18px;

  padding: 0 5px;

  background: var(--nav-h-bg);
  color: var(--nav-h-color);
  border: 1px solid var(--nav-h-bg);

  font-size: 11px;
  line-height: 18px;
  text-align: center;

  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.25s ease;
}
.site-header ul.header-icon.style-2 a:hover span.counter_round,
.site-header ul.header-icon.style-2 a:focus span.counter_round{
  background: var(--nav-h-color);
  color: var(--nav-h-bg);
  opacity: 1;
}
#masthead #navbar.second ul.prime-main-menu > li > a{
  padding: 6px 15px;
  border-radius: 2px;
}
/* My Account Dropdown */
.site-header .prime-myaccount-endpoint{
  padding: 12px 0;
  position: absolute;
  background-color: var(--quaternary-color);
  border-radius: 5px;
  top: calc(100% + 45px);
  width: 240px;
  right: 2px;
  opacity: 0;
  visibility: hidden;
  z-index: 999 !important;
  list-style: none;
  margin: 0;

  box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
  -webkit-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
  -moz-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0px;
}

/* Arrow */
.site-header .prime-myaccount-endpoint:before{
  content: '';
  position: absolute;
  top: -7px;
  right: 70px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--quaternary-color);
}
.site-header ul.header-icon.style-2 .prime-myaccount-endpoint:before{
  right: 10px;
}
/* Show Dropdown */
.site-header ul.header-icon li:hover > .prime-myaccount-endpoint,
.site-header ul.header-icon li:focus > .prime-myaccount-endpoint{
  top: calc(100% + 10px);
  opacity: 1;
  visibility: visible;
}

/* Links */
.site-header .prime-myaccount-endpoint li{
  margin: 0;
  padding: 0;
}

.site-header .prime-myaccount-endpoint li a{
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  font-size: 14px;
  color: var(--primary-color);
  transition: all 0.2s ease;
}

.site-header .prime-myaccount-endpoint li a:hover{
  background: rgba(255,255,255,0.4);
  padding-left: 24px;
}
/*=======================================
  Min Cart 
========================================*/
/* Cart Dropdown */
.site-header .header-icon li{
  position: relative;
}

/* Hidden by default */
.site-header ul.header-icon .dropdown-box {
    padding:20px;
    position:absolute;
    background-color:#F7F7F7;
    border-radius:5px;
    top:calc(100% + 45px);
    width:332px;
    right:-50px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    z-index:999!important;
    box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
    -webkit-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
    -moz-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
    line-height: 1;
    color: var( --primary-color );
    border: 1px solid var(--quaternary-color);
}
.site-header ul.header-icon .dropdown-box:before {
    content:'';
    position:absolute;
    top:-7px;
    right:70px;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid var(--quaternary-color);
}
.site-header ul.header-icon.style-2 .dropdown-box:before{
    right:60px;
}
.site-header ul.header-icon li:hover >.dropdown-box,
.site-header ul.header-icon li:focus >.dropdown-box{
    top:calc(100% + 10px);
    opacity:1;
    visibility:visible;

    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}


/* WooCommerce Mini Cart */
.site-header .woocommerce-mini-cart{
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 350px;
  overflow-y: auto;
}

/* Cart Item */
.site-header .woocommerce-mini-cart-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}
.site-header .woocommerce-mini-cart-item:last-child{
  border-bottom: none;
}

/* Product image */
.site-header .woocommerce-mini-cart img{
  width: 50px;
  height: auto;
  border-radius: 5px;
}

/* Remove button */
.site-header .woocommerce-mini-cart .quantity{
  width: 100px;
  text-align: right;
  margin-left: auto;
}

/* Product name */
.site-header .woocommerce-mini-cart-item a{
  font-size: 14px;
  text-decoration: none;
  line-height: 1.4;
}
.site-header .woocommerce-mini-cart-item a:hover,
.site-header .woocommerce-mini-cart-item a:focus{
  color: var(--secondary-color);
}
/* Quantity text */
.site-header .quantity{
  display: block;
  font-size: 13px;
  color: #777;
  margin-top: 4px;
}

/* Total */
.site-header .woocommerce-mini-cart__total{
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #eee;
  font-weight: 700;
  color: var(--primary-color);
}

/* Buttons */
.site-header .woocommerce-mini-cart__buttons{
  display: flex;
  gap: 10px;
  margin-bottom: 0px;
}

.site-header .woocommerce-mini-cart__buttons .button,
.site-header .woocommerce-mini-cart__buttons .button.checkout:hover,
.site-header .woocommerce-mini-cart__buttons .button.checkout:focus{
  flex: 1;
  text-align: center;
  padding: 10px 14px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: var(--secondary-color);
  color: var(--quaternary-color);
  border: 1px solid var(--secondary-color);;
}
.site-header .woocommerce-mini-cart__buttons .button:hover,
.site-header .woocommerce-mini-cart__buttons .button:focus,
.site-header .woocommerce-mini-cart__buttons .button.checkout{
  color: var(--quaternary-color);
  background: transparent;
  color: var(--secondary-color);;
}
/* ================================
   Main Menu
================================ */
#masthead #navbar{
  display: block;
  /*background:var(--nav-bg);*/
  position: relative;
  margin-top: 60px;
  clear: both;
}
#masthead #navbar .container{
  padding: 0px!important;
}
#navbar ul.prime-main-menu.navigation-menu{
  display:flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#navbar ul.prime-main-menu li {
  list-style: none;
  padding: 0px!important;
  margin: 0px!important;
  position: relative;
}
#navbar ul.prime-main-menu > li > a{
  display: block;
  color: var(--nav-color);
  font-size: 15px;
  font-family: var(--nav-font);
  text-decoration: none;
  transition: all 4ms linear 0s;
  display: block;
  padding: 12px 15px;
  position: relative;
  font-weight: 300;
  letter-spacing: 1px;
  overflow-wrap: normal;
  word-break: normal;
  position: relative;
  z-index: 3;
  /*transition: all 0.3s ease-in-out;*/
  transition: all 1s ease-in-out;
  
}
#navbar ul.prime-main-menu > li > a:hover,
#navbar ul.prime-main-menu > li > a:focus,
#navbar ul.prime-main-menu > li.current-menu-item > a,
#navbar ul.prime-main-menu > li.current-page-parent > a {
  color: var(--nav-h-color);
  background-color: var(--nav-h-bg);
  color: var(--nav-h-color);
  transition-duration: 0.2s;
}
  
/*#follow{
  position: absolute;
  top: 0;
  left: 0;
  background: var(--nav-h-bg);
  transition: all .3s ease;
  z-index: 1;
  pointer-events: none;
}
#navbar ul.prime-main-menu > li.current-menu-item > a {
  background: var(--nav-h-bg);
}*/
/* ================================
    2nd header layout
================================ */
#masthead #navbar.second{
  margin-top: 0px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
/* ================================
    Sub menu
================================ */
#navbar ul ul.sub-menu{
  position: absolute;
  margin: 0px;
  left: 0px;
  top: 100%;
  padding:0px;
  color: #999;
  background: var(--nav-bg);
  text-align: left;
  width:250px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  box-shadow: -2px 2px 82px -26px rgba(0,0,0,.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  #navbar .navigation-menu li ul.sub-menu::before {
    position: absolute;
    top: -8px;
    left: 40px;
    margin-left: -8px;
    content: " ";
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--nav-bg);
    border-left: 8px solid transparent;
    box-shadow: -2px 2px 82px -26px rgba(0,0,0,.25);
    visibility: visible;
  }
  #navbar .navigation-menu ul.sub-menu ul.sub-menu{
    left: calc(100% + 10px);
  }
   #navbar .navigation-menu ul.sub-menu ul.sub-menu::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0px;

        border-top: 8px solid transparent;
        border-right: 8px solid var(--nav-bg);
        border-bottom: 8px solid transparent;
        border-left: none;
    }
}
#navbar.keyfocus ul ul.sub-menu{
  visibility:visible;
}
#navbar ul ul.sub-menu ul{
  left: 100%;
  top: 0px;
}
#navbar li:hover > ul.sub-menu,
#navbar li.focus > ul.sub-menu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}
#navbar ul.sub-menu li{
  display: block;
  float: none;
  border-bottom: 1px solid;
}
#navbar ul.sub-menu li:last-child{
  border-bottom: none;
}
#navbar ul.sub-menu a{
  line-height:32px;
  display:block;
  padding:7px 10px;
  padding-left: 18px;
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  border: none;
  color: var(--nav-color);
  text-transform: capitalize;
  transition: all 1s ease-in-out;
  text-decoration: none;
}
#navbar ul.sub-menu a:hover,
#navbar ul.sub-menu a:focus{
  background-color: var(--nav-h-bg);
  color: var(--nav-h-color);
  transition-duration: 0.2s;
}

#navbar ul.sub-menu a:after{
  border:none!important;
  border-bottom: 1px solid var(--nav-h-color);
  opacity: 0.2!important;
}
#navbar ul.sub-menu li:first-child > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
#navbar ul.sub-menu li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
/*------------------ Menu Reponsive -----------*/
.prime-shop-responsive-navbar{
  border: 1px solid var(--secondary-color);
  background: var(--secondary-color);
  outline: none;
  color: var(--quaternary-color);
  font-size:2em;
  line-height: 0px;
  padding: 10px!important;
  display: none;
  visibility: hidden;
  margin: 0px auto;
  border-radius: 0px!important;
  margin-right: 0px;
}
.site-header.style_2 .prime-shop-responsive-navbar {
  border-radius: 50% !important;
  font-size: 22px;
  padding: 8px !important;
  margin-left: 10px;
}
.prime-shop-navbar-close{
  position:absolute;
  left: 260px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  padding: 0px!important;
  border: 1px solid var(--secondary-color)!important;
  z-index: 999;
  display: none;
  visibility: hidden;
}
.prime-submenu-toggle{
  position:absolute;
  left: calc(100% - 41px);
  top: 0px;
  max-height: 38px;
  width: 28px;
  background:none!important;
  color: var(--nav-h-bg)!important;
  border: 1px solid transparent!important;
  font-size:18px;
  height:100%;
  background:none;
  border:none;
  display: none;
  visibility: hidden;
  z-index: 999;
  padding: 0 20px !important;
  border-radius: 0px!important;
}
.prime-submenu-toggle:hover,
.prime-submenu-toggle:focus{
  border-color: var(--nav-h-bg)!important;
}
.responsive-submenu-switch:hover,
.responsive-submenu-switch:focus{
  color:var(--nav-h-color);
}
.prime-submenu-toggle:before{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ================================
   Static Header Banner
================================ */
#static_header_banner{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
  background-color: var(--secondary-color);
  color: #fff;
  text-align: left;
}
#static_header_banner ul.entry-meta{
  padding-top: 15px;
  display: inline-flex;
}
#static_header_banner  .site-header-text-wrap{
  max-width: 60%;
}
/* Background image mode */
#static_header_banner.header-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/* Dark overlay for readability */
#static_header_banner::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: rgba(var(--secondary-color-rgb), 0.55);*/
  z-index: 1;
}
/* Content wrapper */
#static_header_banner .content-text {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 20px;
  align-items: center;
  height: 100%;
}
#static_header_banner .site-header-text-wrap{
  max-width: 100%;
  gap: 15px;
  width: 100%;
}
#static_header_banner.breadcrumbs .site-header-text-wrap{
  width: 60%;
}

/* Title */
#static_header_banner .page-title-text {
  font-size: 42px;
  font-weight: 700;
  margin: 0px;
  line-height: 1.2;
  color: #fff;
}
/* Subtitle */
#static_header_banner .subtitle {
  font-size: 16px;
  max-width: 700px;
  margin: 0px!important;
  line-height: 1.6;
}
/* Container spacing */
#static_header_banner .container{
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: flex-start;
  text-align: left;

  width: 100%;
  min-height: inherit;
  margin: 0 auto;
}
#static_header_banner ul.entry-meta li{
  padding-left: 0px;
  display: inline-flex;
}
ul.entry-meta li:not(:last-child)::after{
   margin-inline-start: 10px;
}
#static_header_banner .entry-meta a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.25s ease;
  text-decoration: underline;
}
#static_header_banner .entry-meta a:hover,
#static_header_banner .entry-meta a:focus {
  opacity: 0.8;
  text-decoration: none;
}
/* ==========================================
   Breadcrumbs
========================================== */
.breadcrumb-nav {
    margin: 20px 0;
    font-size: 15px;
    margin-left: auto;
}

.breadcrumb-list {
    display: flex!important;
    align-items: center!important;
    justify-content: flex-end!important; /* Right align */
    flex-wrap: wrap!important;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus{
    opacity: 0.8;
    text-decoration: none;
    text-decoration: underline;
}
.breadcrumb-item.active {
    text-decoration: underline;
}
.breadcrumb-separator {
    display: flex;
    align-items: center;
    opacity: .6;
}
/* ==========================================
   Main Content Layout
========================================== */
#content{
  padding: 60px 20px;
  background: var(--quinary-color);
}

/* ==========================================
   Blog Content Area
========================================== */

.site-main {
  display: flex;
  flex-direction: column;
  
}

/* ==========================================
   Post Card
========================================== */
.site-main article {
  position: relative;
  transition: all 0.3s ease;
  border-radius: 5px;
}
#masonry-grid article.entry-content.loop{
  margin-bottom: 30px;
}
/* Sticky Post */
.site-main article.sticky {
  border: 1px solid #F4F4F4;
  background: #F8F8F8;
}
.site-main article .post{
  padding:20px 0px;
}
body.single article .post{
  padding: 0px;
}
@media (min-width: 767px) {
  .site-main article.side{
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .site-main article.side .img-box{
   
    max-width: 300px;
  }
}
/* ==========================================
   Entry Header
========================================== */

.entry-header {
  margin-bottom: 20px;
}
.entry-content h3.entry-title{
  font-size: 1.6rem; /* 24px */
  line-height: 1.35;
}
.entry-content .entry-title{
  font-family: var(--heading-font);
  margin: 15px 0px 10px 0px;
  color: var(--primary-color);
}
#content .entry-title a, .entry-title a,.woocommerce .woocommerce-loop-product__title a{
  --underline-position: 100%;
  --underline-size: 2px;
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% var(--underline-size);
  background-position: 0 var(--underline-position);
  color: var(--tertiary-color);
  transition: background-size 0.5s cubic-bezier(.25, .8, .25, 1);
  display: inline-block;
  padding-bottom: var(--underline-size);
  text-decoration: none;
}
.woocommerce .woocommerce-loop-product__title a{
  --underline-size: 1px;
}
#content .entry-title a:hover, #content .entry-title a:focus,
h3.entry-title a:hover, h3.entry-title a:focus,.woocommerce .woocommerce-loop-product__title a:hover,.woocommerce .woocommerce-loop-product__title a:focus {
  background-size: 100% var(--underline-size);
  text-decoration: none !important;
  color: var(--secondary-color);
}

/* ==========================================
   Entry Meta
========================================== */
.prime-categories{
  padding:0px;
  display:flex;
  width: 100%;
  gap: 5px;
}
.prime-categories a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--quaternary-color);
  color:rgba(var(--primary-color-rgb),0.7);
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:0.5px;
  line-height:1.2;
  font-size:12px;
  padding:6px;
  border-radius:6px;
  transition:all .25s ease;
}
.prime-categories a:hover,
.prime-categories a:focus{
  color: var(--quaternary-color);
  background: var(--secondary-color);
}
.entry-content .more-link{
  padding-top: 20px;
}
.entry-content ul.entry-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
  color: var(--primary-color);
  margin:0px 0px 25px 0px;
  padding:0px;
}
ul.entry-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 15px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #fff;
}

ul.entry-meta li {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 8px;
  padding-left: 5px;
  margin-bottom: 0px!important;
}
ul.entry-meta li:first-child{
  padding-left: 0px;
}
ul.entry-meta li:not(:last-child)::after{
  content: "/";
  margin-inline-start: 8px;
  opacity: 0.6;
}
ul.entry-meta li.post-avatar:after{
  display: none;
}
ul.entry-meta li{
  list-style: none;
}
ul.entry-meta li.posted-on,
ul.entry-meta li.post-by span{
  text-transform: uppercase;
}
ul.entry-meta li.post-by{
  text-transform: capitalize;
}
ul.entry-meta li .avatar_round{
  border-radius: 50%;
  overflow: hidden;
}
/* ==========================================
   Entry Content
========================================== */
.entry-content{
  font-size: 16px;
  line-height: 1.8;
  color:var(--primary-color);
  margin: 0px;
}
.entry-content p:last-child {
  margin-bottom: 0;
}
.entry-content ul,
.entry-content ol {
  padding-left: 22px;
  margin-bottom: 20px;
}
.entry-content li {
  margin-bottom: 8px;
}
.entry-content a.image-link{
  color: #111;
  display: block;
}
.entry-content .img-box{
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 0;
  width: 100%;
  
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.entry-content .img-box img{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-width: 100%;

}
.entry-content .image-link:before {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .0;
  background: rgba(255, 255, 255, 0.8);
}
.entry-content .image-link:after{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  content: '\f64d';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  width: 64px;
  height: 64px;
  color: var(--quaternary-color);
  font-size: 24px;
  line-height: 66px;
  text-align: center;
  opacity: 0;
  background: var(--secondary-color);
  font-family: 'bootstrap-icons', sans-serif;
} 
.entry-content .image-link:hover::before,
.entry-content:hover .image-link:before {
  opacity: .7;
}
.entry-content .image-link:hover::after,
.entry-content:hover .image-link:after{
  -webkit-animation: 0.5s animationZoomIn;
  -o-animation: 0.5s animationZoomIn;
  animation: 0.5s animationZoomIn;
  opacity: 1.0;
}
.entry-content .image-link:hover img,
.entry-content:hover .image-link img{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.entry-content .thumbnail-placeholder{
  border-radius: 5px;
  min-height: 220px;
  aspect-ratio: unset;
  background: #EDF1F9;
  display: block;
}
.entry-content .more-link a.theme-btn{
  text-decoration: none!important;
}
/* ==========================================
   Entry Footer
========================================== */
footer.entry-footer{
  clear: both;
}
.entry-footer {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  color: #777;
}

.entry-footer a {
  color: #111;
  text-decoration: none;
}

/* ==========================================
   Sidebar Area
========================================== */

.prime-shopping-cart-sidebar,
.widget-area{
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* ==========================================
   Widget Card
========================================== */

#secondary .widget,
.related.products{
  position: relative;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(var(--secondary-color-rgb),0.1);
  border-radius:3px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.04);
  overflow: hidden;
  transition: all 0.35s ease;
}
#secondary .widget:hover{
   border: 1px solid var(--secondary-color);
}
.related.products{
  overflow: visible;
}
/* ==========================================
   Widget Titles
========================================== */

.widget-title,
.widget_block .wp-block-heading,
.related.products h2{
  position: relative;
  margin: -30px -30px 25px;
  padding: 12px 30px 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--secondary-color);
  background: var(--quaternary-color);
  border-bottom: 1px solid rgba(var(--secondary-color-rgb),0.1);
  text-transform: capitalize;
  
}

/* Bootstrap Icon */
.widget-title::before,
.widget_block .wp-block-heading::before,
.related.products h2:before{
  content: "";
  height: 1px;
  background:var(--secondary-color);
  width:0px;
  position: absolute;
  bottom: -1px;
  left: 0px;
  transition: all 0.35s ease;
}
.widget:hover .widget-title:before,
.widget:hover .wp-block-heading:before,
.related.products:hover h2:before{
  width: 100%;
  right: 0px;
}

/* ==========================================
   Widget Lists
========================================== */

#secondary .widget ul,
ul.popular_category_list,
#colophon.site-footer ul,
#secondary .widget ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget li.wp-block-latest-comments__comment{
  margin-bottom: 0px;
}
/* ==========================================
   Widget List Items
========================================== */

#secondary .widget li,
ul.popular_category_list li,
#colophon.site-footer li{
  position: relative;
  padding: 10px 0 10px 18px;
  border-bottom: 1px dashed rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

#secondary .widget li:last-child,
ul.popular_category_list li:last-child,
#colophon.site-footer li:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

/* Hover Bullet */
#secondary .widget li::before,
#colophon.site-footer li::before{
  content: "\f285";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 12px;
  color: var(--primary-color);
  opacity: 0.7;
  transition: all 0.3s ease;
}

/* Hover Animation */
#secondary .widget li:hover,
#secondary .widget li:focus-within,
#colophon.site-footer li:hover{
  padding-left: 24px;
}

#secondary .widget li:hover::before,
#secondary .widget li:focus-within::before,
#colophon.site-footer li:hover::before{
  color: var(--secondary-color);
  transform: translateX(3px);
  opacity: 1;
}

/* ==========================================
   Links
========================================== */

.sidebar-menu li a,
#secondary .widget li a,
#colophon.site-footer li a{
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
  color: var(--primary-color);
  transition: all 0.3s ease;
}

.sidebar-menu li a:hover,
.sidebar-menu li a:focus,
#secondary .widget li a:hover,
#colophon.site-footer li a:hover,
#secondary .widget li a:focus,
#colophon.site-footer li a:focus{
  color: var(--secondary-color);
}

/* ==========================================
   Post Date
========================================== */

#secondary .post-date{
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-style: italic;
  color: #888;
}

/* ==========================================
   Search Widget
========================================== */

.widget_search .wp-block-search__inside-wrapper{
  display: flex;
  gap: 10px;
}

.widget_search input[type="search"]{
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  transition: all 0.3s ease;
}

.widget_search input[type="search"]:focus{
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(47,102,144,0.1);
  outline: none;
}

.widget_search button,
.widget_search .wp-block-search__button{
  height: 50px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: var(--secondary-color);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.widget_search button:hover,
.widget_search .wp-block-search__button:hover{
  background: var(--primary-color);
}

/* ==========================================
   Search Widget
========================================== */

.wp-block-search__inside-wrapper {
  display: flex;
  gap: 10px;
}

.wp-block-search__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
}

.wp-block-search__button {
  height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.25s ease;
}

.wp-block-search__button:hover {
  transform: translateY(-1px);
}
/*======================================
=            Default Navigation        =
======================================*/

.posts-navigation-wrap {
  margin-top: 40px;
}
.posts-navigation-wrap .nav-links{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.posts-navigation-wrap .nav-next{
  text-align: right;
}
.posts-navigation-wrap .nav-previous,
.posts-navigation-wrap .nav-next {
  flex: 1;
}
.posts-navigation-wrap .nav-next a{
  padding-right: 0px;
  padding-left: 20px;
}

/*======================================
=          Numeric Pagination          =
======================================*/
.pagination-custom{
  margin-top: 40px;
}
.nav-links{
  margin: 0px auto;
}
.pagination-custom .nav-links ul,
.wp-block-query-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pagination-custom .page-numbers,
.wp-block-query-pagination a,
.wp-block-query-pagination span.dots{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 5px;
  background: #f5f5f5;
  color: #222;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pagination-custom a.page-numbers:hover,
.pagination-custom a.page-numbers:focus,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus {
  background: var(--secondary-color);
  color: var(--quinary-color);
}

.pagination-custom .page-numbers.current {
  background: var(--secondary-color);
  color: var(--quinary-color);
  font-weight: 600;
}

/*--------------------------------------------------------------------------------------------------------------------
 * Animations
 *--------------------------------------------------------------------------------------------------------------------*/
/* ZoomIn animation */

@-moz-keyframes animationZoomIn {
  from {
    -webkit-transform: scale(0.7) translateY(-100%);
    -moz-transform: scale(0.7) translateY(-100%);
    -ms-transform: scale(0.7) translateY(-100%);
    -o-transform: scale(0.7) translateY(-100%);
    transform: scale(0.7) translateY(-100%);
  }
  to {
    -webkit-transform: scale(1) translateY(none);
    -moz-transform: scale(1) translateY(none);
    -ms-transform: scale(1) translateY(none);
    -o-transform: scale(1) translateY(none);
    transform: scale(1) translateY(none);
  }
}
@keyframes animationZoomIn {
  from {
    -webkit-transform: scale(0.7) translateY(-100%);
    -moz-transform: scale(0.7) translateY(-100%);
    -ms-transform: scale(0.7) translateY(-100%);
    -o-transform: scale(0.7) translateY(-100%);
    transform: scale(0.7) translateY(-100%);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

/* ==========================================================
   Footer
========================================================== */
.site-footer {
  padding: 0px;
  color: var(--primary-color);
  border-top: 1px solid rgba(0,0,0,0.06);
}
.site-footer .widget{
  border: none;
  /*border-right: 1px solid rgba(0,0,0,0.06);*/
  background: none;
  box-shadow: none;
  padding: 0px 30px 40px;
  border-radius: 0px;
  position: relative;
  --widget-title-height: 0px;
}
.site-footer .widget:after{
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: var(--widget-title-height);
  width: 1px;
  background:rgba(0,0,0,0.09);
}
.site-footer .widget:first-child:after{
  display: none;
}
.site-footer .widget-title, 
.site-footer .widget_block .wp-block-heading,
.site-footer .widget-title-space{
  margin: 0px -30px;
  margin-bottom: 30px;
  border-radius: 0px;
  background: none;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  padding-top: 30px;

}
.footer-bottom {
  padding: 15px 10px;
  background: #F4F4F4;
  border-top: 1px solid rgba(255, 255, 255, 0.06);

  display: flex;
  align-items: center;       /* Vertical center */
  justify-content: center;   /* Horizontal center (optional) */
  font-size: 0.9em;
}
.footer-bottom .copyright {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
}
.footer-bottom a {
  color: var(--secondary-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-bottom a:hover,
.footer-bottom a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}
.site-credit{
  font-size: 0.8rem;
}
/* ==========================================
   Back to Top Button
========================================== */
#backToTop.ui-to-top{
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--primary-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 999;
}

#backToTop.ui-to-top.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#backToTop.ui-to-top:hover{
  background: var(--secondary-color);
  transform: translateY(-4px) scale(1.05);
}

/* ==========================================================
   Responsive
========================================================== */
@media (max-width: 767px) {

  .site-footer {
    padding-top: 45px;
  }

  .widget-ft {
    margin-bottom: 35px;
  }

  .footer-bottom {
    text-align: center;
  }

  .footer-bottom .copyright {
    font-size: 13px;
  }
}
/*=================================
  # COMMENT
================================*/
#comments{
  background:var(--quinary-color);
  /*margin-top: var(--space-section);*/
}
#comments .comment-meta{
  margin-top: var(--space-section);
}
.ml-auto{
  margin-left: auto;
}
ul.comment-list {
  display:block;
  margin:0px;
  padding:0px;
}
ul.comment-list li {
  margin:0px;
  list-style:none;
  clear:both; 

}
ul.comment-list li ul {
  margin-left:20px;
}
/* ==================================================
   COMMENT LIST RESET
================================================== */

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list li {
  list-style: none;
}

/* Nested comments */
.comment-list ul {
  margin-left: 40px;
  padding-left: 0;
}

/* ==================================================
   SINGLE COMMENT CARD
================================================== */

.single-comment {
  display: flex;
  gap: 20px;
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}

.comment-list li.depth-1:last-child > .single-comment,
.commentlist li:last-child > .single-comment{
  border-bottom: none;
}

/* Avatar */
.single-comment img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}

/* Content */
.single-comment .comment {
  flex: 1;
  position: relative;
}

/* ==================================================
   COMMENT HEADER
================================================== */

.single-comment .comment h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.single-comment .comment h6 a:hover,
.single-comment .comment h6 a:focus{
  color: var(--secondary-color);
  text-decoration: underline;
}

.single-comment .comment h6 a {
  text-transform: capitalize;
  color: var(--primary-color);
  text-decoration: none;
}

.single-comment .date {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  margin-top: 3px;
}
/* ==================================================
   COMMENT TEXT
================================================== */

.comment-text {
  margin-top: 10px;
  line-height: 1.7;
  color: var(--primary-color);
}
/* ==================================================
   REPLY BUTTON (modern inline style instead of absolute)
================================================== */
.comment-meta .single-comment .comment .reply {
  position: absolute;
  top:0;
  right: 0;
} 
.comment-meta .single-comment .comment .reply a{
  text-transform: uppercase;
  line-height: 24px;
  padding: 0 12px;
  color:var(--secondary-color);
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  display:block;
  text-decoration:none;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  border: 1px solid var(--secondary-color);
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
  background:var(--secondary-color);;
  color: var(--quinary-color);
}

/* ==================================================
   FORM SECTION
================================================== */
.comment-form-wrap{
  margin-top: var(--space-section);
  clear: both;
}
#content .row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
}
#commentform label{
  position: relative;
}
#commentform span.required{
  position: absolute;
  right: 25px;
  top: 2px;
  color: #FF0000;
}
#commentform input,
#commentform textarea{
  margin-bottom: 0px;
}
#commentform input.is-invalid,
#commentform textarea.is-invalid{
  border-color: #FF0000;
}
#commentform .theme-btn{
  padding: 0px 20px 0px 0px;
  border: none;
}
#commentform .theme-btn span.icon{
  padding:10px 14px;
}
#commentform p.comment-notes{
  margin-bottom: 0px;
}
h4.comments-title {
  font-size: 1.6rem;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Custom Checkbox
--------------------------------------------------------------*/

.comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  
  align-items: center;      /* vertical center */
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 0px;
}

.comment-form-cookies-consent input[type="checkbox"] {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 2px 0 0;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.comment-form-cookies-consent input[type="checkbox"]:hover {
  border-color: var(--secondary-color);
}

.comment-form-cookies-consent input[type="checkbox"]:checked {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
}

.comment-form-cookies-consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  width: 8px;
  height: 15px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.comment-form-cookies-consent label {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  cursor: pointer;
}
.single-prev-next {
  padding: 30px;
  border: 1px solid rgba(var(--secondary-color-rgb),0.1);
  margin-top: var(--space-section);
  transition: all 0.35s ease;
}
.single-prev-next:hover,
.single-prev-next:focus{
  border-color: var(--secondary-color);
}
.single-prev-next .col-md-6{
  width: 50%;
}
.single-prev-next .col-md-6.gap-15{
  gap: 15px;
}
.single-prev-next h5{
  margin-bottom: 0px;
}
.single-prev-next .padding-left{
  padding-left: 15px;
  text-align: right;
}
/* ==========================================
   Prime Tags List
========================================== */

.prime-tags-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-top: 30px;
}

/* Label */
.prime-tags-list span {
  font-weight: 600;
  color: var(--primary-color);
  margin-right: 6px;
}

/* Tag links */
.prime-tags-list a {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 30px;

  color: var(--primary-color);
  background: var(--quaternary-color);
  border: 1px solid rgba(var(--secondary-color-rgb), 0.15);

  transition: all 0.3s ease;
}

/* Hover effect */
.prime-tags-list a:hover,
.prime-tags-list a:focus {
  background: var(--secondary-color);
  color: var(--quinary-color);
  border-color: var(--secondary-color);
  transform: translateY(-2px);
}

/* Optional icon-like dot */
.prime-tags-list a::before {
  content: "#";
  margin-right: 6px;
  color: var(--secondary-color);
  font-weight: 700;
}

/* Hover tweak */
.prime-tags-list a:hover::before,
.prime-tags-list a:focus:before{
  color: var(--quinary-color);
}

/**--------------------------------------------------------------
  # 404 page
--------------------------------------------------------------*/
body.error404 #content.site-content{
  padding: 0px;
}
.error-404{
  background:url(assets/image/404.png) no-repeat center -20px #fff;
  padding:15vh;
  margin:0px auto;
  text-align:center;
  padding-top:300px;
  
}
.error-404 .page-header{
  padding-top:180px;  
}
.error-404 .search-form label{
  width:400px;  
}

.error-404 input.search-submit:hover{
  background:#FFF;  
}
/* ==================================================
   WP BUTTONS
================================================== */

.site-main .wp-block-button {
  margin-bottom: 12px;
}

.site-main .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 18px;
  font-size: 15px;
  font-weight: 500;

  background: var(--secondary-color);
  color: var(--quinary-color);
  border: 1px solid var(--secondary-color);

  border-radius: 6px;
  text-decoration: none;

  transition: all 0.3s ease;
}

.site-main .wp-block-button__link:hover,
.site-main .wp-block-button__link:focus {
  background: transparent;
  color: var(--secondary-color);
  transform: translateY(-2px);
}

/* ==================================================
   BLOCKQUOTE (Modern SaaS Style)
================================================== */

blockquote {
  position: relative;
  background: rgba(var(--secondary-color-rgb), 0.05);
  border-left: 4px solid var(--secondary-color);

  margin: 20px 0;
  padding: 18px 20px;

  border-radius: 6px;
  color: var(--primary-color);
  font-style: italic;
}

blockquote p {
  margin: 0;
}

/* remove old quotes styling */
blockquote:before {
  display: none;
}


/* ==================================================
   CODE BLOCK (PRE)
================================================== */

pre {
  font-family: "Courier New", monospace;
  font-size: 14px;
  line-height: 1.6;

  background: #f6f8fa;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;

  padding: 18px;
  overflow-x: auto;
  max-width: 100%;

  margin-bottom: 20px;
  position: relative;
}

/* optional icon badge */
pre::before {
  content: "</>";
  position: absolute;
  top: 10px;
  right: 12px;

  font-size: 12px;
  color: var(--quinary-color);
  background: var(--secondary-color);

  padding: 2px 6px;
  border-radius: 4px;
}

/* ==================================================
   TABLE STYLING
================================================== */

.site-main table,
.widget table{
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 14px;

  border-radius: 8px;
  overflow: hidden;
}
.site-main table.variations{
  overflow:visible;
}
/* Header */
.site-main thead tr,
.widget thead tr{
  background: var(--quaternary-color);
  color:var(--primary-color);
  font-weight: 500;
  font-size: 1.1em;
}

/* Cells */
.site-main table th,
.site-main table td,
.widget table th,
.widget table td {
  padding: 12px 14px;
  border: 1px solid var(--quaternary-color);
 
  text-align: left;
}


/* Row hover */
.site-main tbody tr:hover,
.widget tbody tr:hover {
  background: rgba(var(--secondary-color-rgb), 0.05);
}

/* Social Links */
.social-links-wrap {
  margin-left: auto;
  text-align: right;
}
.social-links-wrap img{
 
  height: 60px;
  width: auto;
}
.social-links-wrap .social-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: end;
}
.social-links-wrap .social-icons li{
  padding: 0px!important;
  margin: 0px;
}
.social-links-wrap .social-icons li:before{
  display: none;
}
.social-links-wrap .social-icons a,
#colophon.site-footer .social-icons a{
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-decoration: none;
  transform: translateY(0px)!important;
  color: var(--quaternary-color);
  border: 1px solid var(--secondary-color);
  transition: all 0.3s ease;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
#colophon.site-footer .social-icons a:hover,
#colophon.site-footer .social-icons a:focus,
#colophon.site-footer .social-icons a:hover i{
  background-color: transparent;
  color: var(--secondary-color);
  transform: translateY(0px);
}
.social-links-wrap .social-icons i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-links-wrap .screen-reader-text{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.social-links-wrap.d-flex{
  gap: 20px;
}
.social-links-wrap ul.menu{
  display: flex;
  padding: 0px;
  margin: 0px;
  gap: 15px;
}
.social-links-wrap ul.menu li{
  padding-left: 15px!important;
}
.social-links-wrap ul.menu li:before{
  display: none;
}
.social-links-wrap ul.menu li:after{
  content: ""!important;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  color: inherit;
  position: absolute;
  left: 0px;
  background: #fff;
  top: 50%;
  transform: translateY(-4px)!important;
}
/*======================================
=              Responsive              =
======================================*/
@media only screen and (max-width: 896px) {
  .container-md, .container-sm, .container{
    max-width: 100%;
  }
  .prime-shop-responsive-navbar{
    display: block;
    visibility: visible;
  }
  .responsive-submenu-switch,
  .prime-shop-navbar-close,
  .prime-submenu-toggle,
  .prime-shop-responsive-navbar{
    display: block;
    visibility: visible;
  }
  #navbar .nav-wrap{
    position: fixed;
    width: 300px;
    left: 0;
    top: 0;
    bottom: 0;
    box-shadow: -1px 4px 5px 0px rgba(68,73,83,.12);
    background: var(--nav-bg);
    z-index: 999;
    border-right: 1px solid #e8e8e8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    left: -100%;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
  }
  #navbar .nav-wrap.active{
    left: 0%;
    transform: translateX(0%);
    visibility:visible;
    opacity:1;
  }
  #navbar ul.prime-main-menu.navigation-menu{
    display: block;
    margin-top: 35px;
  }
  #navbar ul ul.sub-menu{
    width: 100%;
  }

  #navbar ul.prime-main-menu > li > a{
    padding: 8px 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.08);
  }
 
  #navbar ul ul.sub-menu{
    position: static;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px)!important;
    transform: translateY(0px)!important;
    display: none;
  }
  #navbar ul ul.sub-menu.focus-active{
    display: block;
  }
  
}
@media (max-width: 767px) {
  .posts-navigation-wrap .nav-links {
    flex-direction: column;
  }

  .posts-navigation-wrap a {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 667px) {
  .site-header{
    padding-top: 30px;
  }
  .site-header .col-12.text-left,
  .site-header .col-12.text-center{
    flex: 0 0 auto;
    width: 100%;
  }
  .logo-wrap{
    display: block;
    text-align: center;
    padding-bottom: 20px;
  }
  .site-header.style_2 .logo-wrap{
    padding-bottom: 0px;
  }
  .site-header .rs-block{
    display: block;
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 30px;
  }
  .site-header .rs-block .justify-content-end{
    justify-content: center !important;
    text-align: left;
  }
  .rs-block .dropdown-box,
  .rs-block .prime-myaccount-endpoint{
    display: none;
  }
  #masthead #navbar{
    margin-top: 30px;
  }
  #static_header_banner .d-flex.text-start{
    display: block!important;
  }
  #static_header_banner .site-header-text-wrap{
    max-width: 100%;
  }
  #static_header_banner ul.entry-meta{
    display: block;
    margin-left: -10px;
    padding-bottom: 20px;
  }
  #static_header_banner ul.entry-meta li{
    padding-left: 10px;
  }
  #static_header_banner .breadcrumbs{
    display: block;
  }
  .footer-bottom .col-12.d-flex{
    display: block!important;
  }
  .footer-bottom .social-links-wrap{
    padding-top: 20px;
  }
  
}
.owl-item {
   float:left; 
}
.prime-gallery-slider .owl-nav{
  position: absolute;
  left: 10px;
  right: 10px;
  display: flex;
  top: 50%;
  margin-top: -20px;
}
button.owl-prev,
button.owl-next{
  display: block;
  padding: 0px;
  background: none;
  font-size: 35px;
  line-height: 35px;
  color: rgba(var(--secondary-color-rgb), 0.5);
  border: none;
}
button.owl-prev:hover,
button.owl-prev:focus,
button.owl-next:hover,
button.owl-next:focus{
  color: var(--secondary-color)!important;
  background: none!important;
}
.prime-gallery-slider .owl-dots{
  position: absolute;
  left: 15px; 
  right: 15px;
  bottom: 10px;
  text-align: center;
}
.prime-gallery-slider .owl-dots button,
.prime-gallery-slider .owl-dots button{ 
  padding: 0px; 
  width: 13px; 
  height: 13px;
  margin: 0px 2px;
  border-radius: 50%;
  -webkit-border-radius: 50%; 
  background: #d6d6d6;
  border: none;
  transition: 300ms ease;
}
.prime-gallery-slider .owl-dots button.active{
  width: 30px;
  border-radius: 10px;
  background: var(--secondary-color);
}
button.owl-prev span,
button.owl-next span{
  margin-bottom: 4px;
  display: block;
}
button.owl-next{
  margin-left: auto;
}
button.owl-prev:hover,
button.owl-next:hover,
button.owl-prev:focus,
button.owl-next:focus{
  background: var(--secondary-color);
  color: var(--quinary-color);
}

body.loaded {
    overflow-x: hidden;
}
#site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    width: 120px;
    height: 120px;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
ul.nav-icon{
    display: flex;
    list-style: none;
    gap: 10px;
    margin-bottom: 0px!important;
    align-items: center;
    padding: 0px 20px;
}
ul.nav-icon a {
    background: var(--quinary-color);
    border-radius: 50%;
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 0.9em;
    text-align: center;
}
ul.nav-icon a:hover,
ul.nav-icon a:focus{
    color: var(--quinary-color);
    background: var(--secondary-color);
}

.gs-tooltip{
    display:none;
    position:absolute;
    background-color: var(--secondary-color);
    border-radius:5px;
    padding:5px 10px;
    color:#fff;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    z-index:9999;
    display:block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.gs-tooltip:before{
    position: absolute;
    bottom:-8px;
    left: 50%;
    margin-left: -8px;
    content: " ";
    border-right: 8px solid transparent;
    border-top: 8px solid var(--secondary-color);
    border-left: 8px solid transparent;
}

/* ==========================================
   Top Bar
========================================== */
.top-bar-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.9em;
}
.top-bar-wrap .right-menu {
    margin-left: auto;
    gap: 15px;
}
.top-bar-wrap ul.top-menu {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}
.top-bar-wrap ul.top-menu > li {
    position: relative;
    list-style: none;
}

/* ==========================================
   Select Box Style
========================================== */

.top-bar-wrap ul.top-menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 70px;
    padding: 7px 12px;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 0px;
   
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.2;
    transition: all .2s ease;
}

.top-bar-wrap ul.top-menu > li.menu-item-has-children > a:hover {
    border-color: rgba(0,0,0,.25);
}

/* Select Arrow */
.top-bar-wrap ul.top-menu > li.menu-item-has-children > a::after {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease;
    margin-top: -3px;
}

/* Rotate Arrow */
.top-bar-wrap ul.top-menu > li.menu-item-has-children:hover > a::after,
.top-bar-wrap ul.top-menu > li.menu-item-has-children:focus-within > a::after {
    transform: rotate(225deg);
    margin-top: 4px;
}
.top-bar-wrap ul.top-menu a.top-link{
    display: flex;
    gap: 5px;
    align-items: center;
}
.top-bar-wrap ul.top-menu a.top-link i{
    transform: translateY(-2px);
}
/* ==========================================
   Dropdown
========================================== */

.top-bar-wrap ul.top-menu li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    margin: 0;
    padding: 4px;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-top: none;
    border-radius: 0px;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);

    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transform: translateY(0);

    transition:
        opacity .0s ease,
        transform .0s ease,
        visibility .0s ease;
}

/* Show Dropdown */
/*.top-bar-wrap ul.top-menu li:hover > ul.sub-menu,
.top-bar-wrap ul.top-menu li:focus-within > ul.sub-menu,*/ 
.top-bar-wrap ul.top-menu li.open > ul.sub-menu{
    opacity: 1;
    visibility: visible;
  
}
/* ==========================================
   Dropdown Items
========================================== */
.top-bar-wrap ul.top-menu li ul.sub-menu li {
    width: 100%;
}
.top-bar-wrap ul.top-menu li ul.sub-menu li a {
    display: block;
    width: 100%;
    padding: 2px 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease;
}
.top-bar-wrap ul.top-menu li ul.sub-menu li a:hover {
    background: rgba(0,0,0,.05);
}

/* Active Item */
.top-bar-wrap ul.top-menu li ul.sub-menu li.current-menu-item > a,
.top-bar-wrap ul.top-menu li ul.sub-menu li.current_page_item > a {
    font-weight: 600;
    background: rgba(0,0,0,.05);
}

/* ==========================================
   Mobile
========================================== */

@media (max-width: 767px) {

    .top-bar-wrap ul.top-menu {
        flex-wrap: wrap;
        gap: 8px;
    }

    .top-bar-wrap ul.top-menu li ul.sub-menu {
        min-width: 140px;
    }
}
#wcpcs_currency {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    min-width: 80px;
    padding: 5px 34px 5px 12px;

    font-size: inherit;
    line-height: 1.1;
    cursor: pointer;

    border: 1px solid rgba(0,0,0,.12);
    border-radius: 4px;
    background-color: #fff;

    /* Sharp SVG Arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

#wcpcs_currency:hover {
    border-color: rgba(0,0,0,.25);
}

#wcpcs_currency:focus {
    outline: none;
    border-color: rgba(0,0,0,.35);
}
/* =============================
   Banner Section
============================= */
#home-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #000;
}
#home-slider .owl-nav {
  display: none;
}
/* Slides */
#home-slider .slide-item,
#gs-home-page-hero {
  min-height: 70vh;
  position: relative;
  background: var(--secondary-color);
}
#gs-home-page-hero .content-text,
.slide-content {
  min-height: 70vh;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
  padding: 40px 20px;
}
/* Overlay */
#home-slider .slide-item:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
/* Wrapper */
.slide-wrap {
  height: 100%;
  position: relative;
  z-index: 9;
}
/* Alignment */
.slideUp.center {
  margin: 0 auto;
  text-align: center;
}
.slideUp.right {
  float: right;
  text-align: right;
}
#gs-home-page-hero.style_1 .slideUp {
  padding-top: 50px;
}

/* =============================
   Buttons
============================= */
a.slide-btn {
  display: inline-block;
  position: relative;

  height: 45px;
  line-height: 45px;
  padding: 0 40px;
  margin: 25px 10px 0;

  font-size: 16px;
  font-weight: 400;

  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);

  background-color: rgba(255, 255, 255, 0.3);
  color: var(--secondary-color);

  transition: all 0.3s ease;
  overflow: hidden;
  text-transform: none;
  color: var(--quinary-color);
}
a.slide-btn:first-child {
  margin-left: 0;
}
a.slide-btn:hover,
a.slide-btn:focus {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  text-decoration: none!important;
}
a.slide-btn.btn-color {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
a.slide-btn.btn-color:hover,
a.slide-btn.btn-color:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* =============================
   Dots Navigation
============================= */
#home-slider .owl-dots {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  gap: 5px;
}
#home-slider .owl-dot {
  width: 40px;
  height: 8px;
  padding: 0;
  border-radius: 4px;
}
#home-slider .owl-dot.active {
  background: transparent;
}
/* =============================
   Background Layers
============================= */
#gs-home-page-hero .site-header-bg-wrap {
  position: absolute;
  inset: 0;
}
#gs-home-page-hero .site-header-bg-wrap .site-header-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
/* =============================
   Video Hero
============================= */
#gs-home-page-hero.video {
  overflow: hidden;
  position: relative;
}
#gs-home-page-hero.video video {
  position: absolute;
  top: 50%;
  left: 50%;

  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;

  transform: translate(-50%, -50%);
}

/* =============================
   Responsive
============================= */

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

  #home-slider .slide-item {
    max-height: 70vh;
  }
  .slideUp {
    width: 100%;
  }
  #masthead.style_2 [class*="col-"] {
    margin-bottom: 20px;
  }
  #masthead.style_2 #nav_bar_wrap {
    padding: 15px 0;
  }
  #masthead.style_2 .order-3 {
    order: 0 !important;
  }
}

.entry-content .img-box .entry-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.entry-content .img-box .entry-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
#author-info {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 30px;
  margin-top: var(--space-section);
  background: #fff;
  border: 1px solid rgba(var(--secondary-color-rgb),0.1);
  border-radius: 0px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.35s ease;
}
#author-info:hover{
  border-color: var(--secondary-color);
}
#author-info .author-avatar {
  flex: 0 0 100px;
  max-width: 100px;
}

#author-info .author-avatar img {
  display: block;
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #f5f5f5;
}

#author-info .author-description {
  flex: 1;
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}

#author-info .author-description h4 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

#author-info .author-description h4 a {
  color: #111;
  text-decoration: none;
  transition: color 0.3s ease;
}

#author-info .author-description h4 a:hover {
  color: #967844;
}

@media (max-width: 767px) {
  #author-info {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 20px;
    gap: 18px;
  }

  #author-info .author-avatar {
    flex: 0 0 auto;
  }
}
.related_post_warp{
  margin-top: var(--space-section);
}
.social-share {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid rgba(var(--secondary-color-rgb),0.1);
    padding: 30px 0px 0px 0px;
    margin-top: 40px;
}
.social-share .share-title{
  font-weight: 600;
  color: var(--primary-color);
  margin-right: 10px;
}
.social-share a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.2);
    color: #222;
    font-size: 18px;
    transition: .35s;
}
.social-share a.facebook{
    color: #1877F2;
}
.social-share a.linkedin{
    color: #0A66C2;
}
.social-share a.reddit{
    color: #FF4500;
}
.social-share a.telegram{
    color: #0088CC;
}
.social-share a.whatsapp{
    color: #25D366;
}
.social-share a.pinterest{
    color: #E60023;
}
.social-share a.perplexity{
    color: #20B2AA;
}
.social-share a.email{
    color: #6C757D;
}
.social-share a:hover,
.social-share a:focus {
    transform: translateY(-5px) rotate(8deg);
    color: var(--quinary-color);
    background: var(--secondary-color);
    box-shadow: 0 15px 30px rgba(0,0,0,.12);
}
.wp-caption.alignleft{
  margin-right: 20px;
}

.prime_wishlist_n_compare{
  display: flex;
  list-style: none;
  padding:20px 20px 0px 20px;
  margin: 0px;
  gap: 15px;
}
.prime_wishlist_n_compare .compare{
  margin-left: auto;
}
.prime_wishlist_n_compare a{
  color: var(--primary-color);
  letter-spacing: 1px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
.prime_wishlist_n_compare a span.bi{
  font-size: 1.1em;
}

.prime_wishlist_n_compare a:hover,
.prime_wishlist_n_compare a:focus,
.prime_wishlist_n_compare a span.bi{
  color: var(--secondary-color);
}

/*
|--------------------------------------------------------------------------
| Full Width Container Layout
|--------------------------------------------------------------------------
*/
.force-full-width {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  z-index: 1;
}
.elementor-element:not(.force-full-width) .e-con-inner {
  max-width: 100% !important;
}
.elementor-element.force-full-width .elementor-element .e-con-inner,
.elementor-element.force-full-width .elementor-widget-container {
  margin: 0 auto;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
body.fluid-layout .container {
  width: 100% !important;
  max-width: 100% !important;
}
body.fluid-layout .e-con > .e-con-inner {
  max-width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/*
|--------------------------------------------------------------------------
| Product Filters & Smart Swatches
|--------------------------------------------------------------------------
*/

ul.prime-shopping-filter{
  margin: 0;
  padding: 0;
  display: block;
}

ul.prime-shopping-filter a{
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}

ul.prime-shopping-filter a:before{
  display: none !important;
}

ul.prime-shopping-filter li{
  line-height: 21px;
}

ul.prime-shopping-filter li label{
  position: relative;
  display: inline-block;
  padding: 0 0 0px 30px;
  line-height: inherit;
  cursor: pointer;
}

ul.prime-shopping-filter li label:before{
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 21px;
  height: 21px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}

ul.prime-shopping-filter li label:after{
  content: "\f633";
  position: absolute;
  top: 2px;
  left: 3px;
  font: normal 1em/1 bootstrap-icons;
  vertical-align: -.125em;
  color: var(--secondary-color);
  opacity: 0;
  transition: .3s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul.prime-shopping-filter li label:hover,
ul.prime-shopping-filter li label.active{
  color: var(--secondary-color);
}

ul.prime-shopping-filter li label:hover:before,
ul.prime-shopping-filter li label.active:before{
  border-color: var(--secondary-color);
}

ul.prime-shopping-filter li label:hover:after,
ul.prime-shopping-filter li label.active:after{
  opacity: 1;
}

/*
|--------------------------------------------------------------------------
| Smart Swatches
|--------------------------------------------------------------------------
*/

.atawc-swatches .ed-tooltip{
  background: var(--secondary-color) !important;
  color: #fff;
  opacity: 1;
}

.atawc-swatches .ed-tooltip:before{
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: var(--secondary-color);
}

.atawc-swatches .ed-tooltip:after{
  display: none !important;
}

ul.prime-shopping-filter.smartswatches{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

ul.prime-shopping-filter.smartswatches li,
#secondary .widget ul.prime-shopping-filter.smartswatches li{
  padding: 0 !important;
}

ul.prime-shopping-filter.smartswatches li:after,
ul.prime-shopping-filter.smartswatches li.color label:before,
ul.prime-shopping-filter.smartswatches li.image label:before,
ul.prime-shopping-filter.smartswatches li.label label:before,
ul.prime-shopping-filter.smartswatches li.image label:after,
ul.prime-shopping-filter.smartswatches li.label label:after{
  display: none;
}
ul.prime-shopping-filter.smartswatches li.color label{
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
ul.prime-shopping-filter.smartswatches li.color label:after{
    top: 6px;
    left: 7px;
    font-size: 25px;
    color: var(--quinary-color);
}
ul.prime-shopping-filter.smartswatches li.label label{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 28px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  line-height: inherit;
  overflow: hidden;
}
ul.prime-shopping-filter.smartswatches li.label label.active{
  background: var(--primary-color);
}
ul.prime-shopping-filter.smartswatches li.image label{
  margin: 0;
  padding: 10px !important;
  padding-left: 0;
  border: 1px solid rgba(var(--border-color-rgb), .1);
}

ul.prime-shopping-filter.smartswatches li.image label.active{
  border-color: rgba(var(--border-color-rgb), 1);
}

#secondary .widget ul.prime-shopping-filter li,
#secondary .widget ul.prime-shopping-filter li:hover,
#secondary .widget ul.prime-shopping-filter li:focus{
  padding-left: 0px!important;
}
#secondary .widget ul.prime-shopping-filter li:before{
  display: none!important;
}

.branding-text{
  padding: 10px 0px;
}
#colophon.site-footer .contact-info-list li, 
.site-info-widget ul.contact-info-list li,
#colophon.site-footer .contact-info-list li:hover, 
.site-info-widget ul.contact-info-list li:hover{
  list-style: none;
  display:flex;
  padding: 5px 0 5px 0px !important;
  position: relative;
  align-items: center;
  gap: 15px;
}
#colophon.site-footer .contact-info-list li:before, 
.site-info-widget ul.contact-info-list li:before{
  display: none;
}
.woocommerce-MyAccount-navigation li::after, 
.contact-info-list li::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -moz-radial-gradient(left, ellipse cover, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(0, 0, 0, 0) 70%);
  background: -webkit-radial-gradient(left, ellipse cover, rgba(var(--primary-color-rgb),  0.2) 0%, rgba(0, 0, 0, 0) 70%);
  background: radial-gradient(ellipse at left, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(0, 0, 0, 0) 70%);
}
#colophon.site-footer .contact-info-list li::after{
  display: none;
}
.contact-info-list li:last-child:after {
  display: none;
}
#colophon.site-footer .widget ul.social-links,
#secondary .widget ul.social-links{
  display: flex;
  padding: 20px 0px 0px 0px;
  margin: 0px;
  gap: 10px;
}
#colophon.site-footer .widget ul.social-links li,
#secondary .widget ul.social-links li{
  padding: 0px!important;
}
#colophon.site-footer .widget ul.social-links li:before,
#secondary .widget ul.social-links li:before{
  display: none;
}
#colophon.site-footer ul.social-links li a,
#secondary .widget ul.social-links li a,
#colophon.site-footer .site_info ul.social-links li a,
.author-social-list a{
  display: block;
  color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color);
  border-radius: 4px;
  width: 20px;
  width: 35px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
}
#colophon.site-footer ul.social-links li a:hover,
#secondary .widget ul.social-links li a:hover,
#colophon.site-footer .site_info ul.social-links li a:hover,
#colophon.site-footer ul.social-links li a:focus,
#secondary .widget ul.social-links li a:focus,
#colophon.site-footer .site_info ul.social-links li a:focus,
.author-social-list a:hover,
.author-social-list a:focus{
  color: var(--quinary-color) !important;
  background: var(--secondary-color);
}

#secondary .widget li.be_lasted_posted,
#colophon.site-footer li.be_lasted_posted{
  padding-left: 0px;
  display: flex;
}
#secondary .widget li.be_lasted_posted:before,
#colophon.site-footer li.be_lasted_posted:before{
  display: none;
}
li.be_lasted_posted .posts_date {
  display: block;
  font-size: 11px;
  font-style: italic;
}
#secondary .widget .woo-sidebar-cat ul > li,
#colophon.site-footer .woo-sidebar-cat ul > li{
  padding-left: 0px;
  padding: 0px!important;

}
.fs-product-slider .owl-nav{
  display: flex!important;
}
.footer-top-widget-area{
    padding: 30px 0px;
}

.footer-top-widget-area .the9-store-icon-box{
    display:block;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    flex: 1 1 auto !important;
}
.footer-top-widget-area .the9-store-icon-box.d-flex{
  gap: 20px;
  justify-content: flex-start;
  text-align: left;
}
.footer-top-widget-area .icon-box-icon{
  padding-bottom: 10px;
}
.footer-top-widget-area .the9-store-icon-box.d-flex .icon-box-icon{
  padding-bottom: 0px;
}
.footer-top-widget-area .icon-box-icon i{
  font-size: 1.6em;
}

.footer-top-widget-area .the9-store-icon-box:last-child{
    border-right: none;
}

ul.icon{
  display: block;
  padding: 0px;
  margin: 0px;
}
ul.icon li{
  list-style: none;
  display:flex;
  padding-bottom: 5px;
  padding-left: 15px;
  position: relative;
  gap: 10px;
  align-items: center;
}
ul.icon li:before{
  content: "\f272";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
}
form.wpcf7-form label{
  width: 100%;
  display: block;
}
input.wpcf7-text{
  display: block;
  margin-bottom: 0px;
}
.logged-in-as{
  position: relative;
}
#secondary .widget ul.product_list_widget li{
  padding: 10px 0px!important;
}
#secondary .widget ul.product_list_widget li:before{
  display: none;
}
#secondary .widget ul.product_list_widget li .woocommerce-Price-amount{
  display:block;
  font-size: 0.9em;
}
#content.remove_bg{
  background: none!important;
}

#secondary ul.smart_attribute li{
  padding: 0px!important;
}
#secondary ul.smart_attribute li:before{
  display: none;
}
#content .row.custom .entry-title.pb-5{
  padding-bottom: 0px!important;
}

@media (max-width: 768px) {
  h4.comments-title{
    display: block;
  }
  :root {
    --space-section: 40px; /* Mobile value */

  }
 
  #static_header_banner .content-text{
    display:block!important;
  }
  #static_header_banner.breadcrumbs .site-header-text-wrap{
    width: 100%;
  }
  #static_header_banner .breadcrumb-list {
    justify-content: flex-start!important;
  }
}