/*!
Theme Name: Prime Shopping Cart
Theme URI: https://athemeart.com/downloads/prime-shopping-cart/
Author: aThemeArt
Author URI: https://athemeart.com
Description: Looking for a stunning, modern, and completely free WordPress store theme to kickstart your online business? Prime Shopping Cart is built to make any store—from fashion and electronics to beauty, jewelry, or even a personal review blog—look incredibly sleek and instantly shoppable for your customers. It comes packed with flexible storefront layouts, customizable product filters, vibrant typography, and a Live Customizer so you can tweak every detail in real time without touching a single line of code. It plays nicely with popular page builders like Elementor, SiteOrigin, and WPBakery, scales seamlessly across mobile, tablet, and desktop screens, and includes translation-ready features with full WooCommerce compatibility. Whether you are a beginner aiming to make your eCommerce site smoothly shoppable or a developer who loves clean, extensible code, this shop template has everything you need to stand out and start selling fast!
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.0
Version: 1.0.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: prime-shopping-cart
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce, rtl-language-support, custom-logo, featured-image-header, sticky-post
*/
:root {
	--primary-color:#000;
	--secondary-color: #2F6690;
	--tertiary-color: #fff;
	--quaternary-color:#EDF1F9;

  --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;
  --nav-font:'Josefin Sans', sans-serif;
  --space-section: 80px;
  }

/*=======================================
	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: #EDEDED;
  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;
}

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:6px 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{
  max-width: 1200px;
  margin: 0px auto;
  background: #fff;
  padding: 0px 0px;
  overflow: hidden;
}
/* ==========================================
   Top Bar
========================================== */
.top-bar-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.9em;
    background: var(--secondary-color);
}
.top-bar-wrap .right-menu {
    margin-left: auto;
    gap: 15px;
}
.top-bar-wrap ul.top-menu, .top-bar-wrap ul.fallback {
    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;
}
.top-bar-wrap a,.top-bar-wrap{
  color: var(--tertiary-color);
}
/* ==========================================
   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;
    background: #fff;
    color: var(--primary-color);
}

.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;
    color: var(--primary-color);
}
.top-bar-wrap ul.top-menu li ul.sub-menu li a:hover,
.top-bar-wrap ul.top-menu li ul.sub-menu li a:focus {
    background: rgba(0,0,0,0.08);
}

/* 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);
}

/*=======================================
	Header 
========================================*/
.site-header{
	padding: 50px 0px 0px 0px;
}
.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: 16px;
}
.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 Flex';
  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);
}
/* My Account Dropdown */
.site-header .prime-myaccount-endpoint{
  padding: 12px 0;
  position: absolute;
  background-color: #d4d4d4;
  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;
}

/* 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 #d4d4d4;
}

/* 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;
  text-align: left;
}
/* 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 #F7F7F7;
}

.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: 50px;
  clear: both;
  background: #E4E4E4;
}
#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: 16px;
  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 {
  color: var(--nav-h-color);
  background-color: var(--nav-h-bg);
  color: var(--nav-h-color);
  transition-duration: 0.2s;
}

/*---------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 rgba(0, 0, 0, 0.1);
}
#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;
  font-family: var(--nav-font);
}
#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;
}
.prime-shop-navbar-close{
  position:absolute;
  left: 260px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 5px;
  padding: 0px!important;
  border: 1px solid var(--secondary-color)!important;
  z-index: 999;
  display: none;
  visibility: hidden;
  display: none;
}
.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;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:var(--secondary-color);
  color: #fff;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 1px #eaeaea;
}
#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: 80px 20px;
}

/* 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: 0 auto;
  opacity: 0.85;
  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;
}
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
========================================== */

#static_header_banner .breadcrumbs{
  margin-left: auto;

  font-size: .95rem;
  font-weight: 500;

  color: rgba(255,255,255,.72);

  animation: fadeInUp 1.1s ease both;
  display: flex;
  gap: 10px;
}

#static_header_banner .breadcrumbs a{
  color: #fff;
  text-decoration: none;

  transition: opacity .3s ease;
}

#static_header_banner .breadcrumbs a:hover{
  opacity: .75;
  text-decoration: underline;
}
/* Responsive */
@media (max-width: 768px) {
  #static_header_banner {
    min-height: 260px;
  }

  #static_header_banner .page-title-text {
    font-size: 28px;
  }

  #static_header_banner .subtitle {
    font-size: 14px;
    padding: 0 10px;
  }
  .top-bar-wrap .d-flex{
    display: inline-block !important;
    text-align: center;
  }
  .top-bar-wrap .left-menu{
    margin-bottom: 10px;
  }
}
/* ==========================================
   Main Content Layout
========================================== */
#content{
  padding: 60px 20px;
  
}

/* ==========================================
   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;
}
/* 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;
 
}
/* ==========================================
   Entry Header
========================================== */

.entry-header {
  margin-bottom: 20px;
}
h2.entry-title{
  font-family: var(--heading-font);
  font-size: 1.6rem; /* 24px */
  line-height: 1.35;
  margin: 15px 0px 5px 0px;
  color: var(--primary-color);
}

#content h2.entry-title a, h3.entry-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;
  color: var(--primary-color);
}

#content .entry-title a:hover, #content .entry-title a:focus,
h3.entry-title a:hover, h3.entry-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 20px 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;
}
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{
  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;
}
/* ==========================================
   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%;
  height: 220px;
  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);
}

/* ==========================================
   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(--tertiary-color);
}

.pagination-custom .page-numbers.current {
  background: var(--secondary-color);
  color: var(--tertiary-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.1);
}
.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: 20px;
  border-radius: 0px;
  background: none;
  border-bottom: 1px solid rgba(0,0,0,0.09);
  padding-top: 30px;
}

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

  display: flex;
  align-items: center;       /* Vertical center */
  justify-content: center;   /* Horizontal center (optional) */
}
.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);
}
.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(--tertiary-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: 12px;
  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 15px;
  border: 1px solid rgba(0,0,0,0.06);
  margin-top: var(--space-section);
}
.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;
}
/* ==========================================
   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(--tertiary-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(--tertiary-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(--tertiary-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(--tertiary-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;
}

/* 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 {
  display: flex;
  align-items: center;
  justify-content: center;
 margin-left: auto;
}

.social-links-wrap .social-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.social-links-wrap .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-decoration: none;
  background-colo:none;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  transition: all 0.3s ease;
  font-size: 14px;
  line-height: 1;
}

.social-links-wrap .social-icons a:hover,
.social-links-wrap .social-icons a:focus {
  background-color: var(--secondary-color);
  color: var(--tertiary-color);
  
}

.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;
}

/*======================================
=              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;
  }
  .logo-wrap h3{
    margin: 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: 0px;
  right: 0px;
  display: flex;
  top: 50%;
}
button.owl-prev,
button.owl-next{
  padding: 0px;
  font-size: 2em;
  background: none;
  border: none;
  color: var(--secondary-color);
}
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(--tertiary-color);
}
@media (max-width: 768px) {
  h4.comments-title{
    display: block;
  }
  :root {
    --space-section: 40px; /* Mobile value */
  }
  ul.products li.product .button-wrap{
    position: static;
    opacity: 1;
  }
}