/*
Theme Name: Hyperlocal
Theme URI:    https://arighttech.dev
Description: This is a child theme for Flatsome Theme
Author: Arighttech
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.quform-edit-form { display:none}

h1, h2, h3{ font-size:30px; line-height:38px;}
h4 { font-size:26px; line-height:34px;}
h5 { font-size:24px; line-height:32px;}
h6 { font-size:20px; line-height:28px;}
h1.section-title b,h2.section-title b,h3.section-title b,h4.section-title b,h5.section-title b,h6.section-title b { display:none}
h1.section-title .section-title-main,h2.section-title .section-title-main,h3.section-title .section-title-main,h4.section-title .section-title-main,h5.section-title .section-title-main,h6.section-title .section-title-main {display: block;text-align: center;width: 100%;}

#masthead {border-bottom: 1px solid #e7e7e7;}
.home #masthead {border-bottom:none;}

.button.white {background-color: #fff !important; color: #000 !important;}
.button.white:hover {background-color: #675837 !important; color: #FFF !important;}


#top-bar .top-bar-nav > li > a {color:#FFF;}
/*.home #masthead .nav > li > a {color:#FFF;}*/
.home .stuck #masthead .nav > li > a {color:#000;}
#masthead .nav>li.header-divider {border-left: 1px solid rgb(255 255 255 / 0%);}
.header-nav-main [data-icon-label]:after { background:#FF0000}

.home-blk-2 { padding:60px 0 0 0 !important; margin:0;}
.home-blk-2 .product-small.box { border:none}
.home-blk-2 .product-small .col-inner { box-shadow:none !important;border:1px solid rgba(0,0,0,0.05)}

.home-blk-3 .section-title-container { margin-bottom:0; padding-bottom:0;}
.home-blk-3 .banner h3 { font-size:24px; line-height:32px; letter-spacing:normal}
.home-blk-3 .col { padding-bottom:0;}

.home-blk-5 {padding:60px 0 0 0 !important; margin:0;}
.home-blk-5 .product-small.box { border:none}
.home-blk-5 .product-small .col-inner { box-shadow:none !important;border:1px solid rgba(0,0,0,0.05)}

.home-blk-6 .banner .text-box-content h3 { padding-bottom:10px;text-shadow: 0px 0px 2px rgba(0, 0, 0);}
.home-blk-6 .section-title-container { margin-bottom:0;}

.product-small.box { border-top:1px solid rgba(0,0,0,0.05)}





.newsletter { padding:60px 0 0 !important}
.newsletter .section-title-container { margin:0; padding:0 0 10px 0}
.newsletter h3 { font-size:24px; line-height:32px;}
.newsletter h3.section-title b { display:none}
.newsletter h3 .section-title-main {display: block;text-align: center;width: 100%;}
.newsletter .quform form { padding:0; margin:35px 0 0 0}
.newsletter .quform-button-submit { width:100%;}
.newsletter .quform-button-submit .quform-submit { width:100%;padding: 12px 12px;}
.newsletter .quform-element-submit { margin:0}
.newsletter input[type=email] { padding:12px 8px;}

.footer-nav {padding:50px 0 20px !important}
.footer-nav .ux-menu-link__link { border:none !important}
.footer-nav .section-title-container { margin-bottom:15px;}
.footer-nav .icon-box-text h3 { font-size:16px; line-height:24px;} 
.footer-nav .icon-box { padding-bottom:10px;}
.footer-nav .email-part p {padding-top: 3px;}
.footer-nav h3 { font-size:18px; line-height:26px;}
.footer-nav h3.section-title .section-title-main { text-align:left; width:auto}

.copyright-footer { color:#FFF !important}
.absolute-footer {padding: 10px 0 10px;}

/* =========================================================
   HOME – NON-STICKY HEADER (GLASS BLACK)
   ========================================================= */

/* Glass background lives on header-bg-color */
.home .header-wrapper:not(.stuck) #masthead .header-bg-color {
  background: rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 1 !important;
}

/* Make sure image layer doesn’t interfere */
.home .header-wrapper:not(.stuck) #masthead .header-bg-image {
  opacity: 0 !important;
}

/* Keep content above glass */
.home .header-wrapper:not(.stuck) #masthead .header-inner {
  position: relative;
  z-index: 5;
}

/* White menu + icons on glass */
.home .header-wrapper:not(.stuck) #masthead a,
.home .header-wrapper:not(.stuck) #masthead .nav > li > a {
  /*color: #fff !important;*/
}

.home .header-wrapper:not(.stuck) #masthead svg,
.home .header-wrapper:not(.stuck) #masthead svg path,
.home .header-wrapper:not(.stuck) #masthead .icon {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
}

/* Show WHITE logo on glass */
/* .home .header-wrapper:not(.stuck) #masthead img.header-logo-dark { opacity: 1 !important; }
.home .header-wrapper:not(.stuck) #masthead img.header-logo, 
.home .header-wrapper:not(.stuck) #masthead img.header-logo-sticky { opacity: 0 !important; }*/


/* =========================================================
   STICKY HEADER – FORCE BRIGHT WHITE (UNCHANGED LOOK)
   ========================================================= */

.header-wrapper.stuck #masthead .header-bg-color {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

.header-wrapper.stuck #masthead .header-bg-image {
  opacity: 0 !important;
}

/* Sticky text + icons black */
.header-wrapper.stuck #masthead a,
.header-wrapper.stuck #masthead .nav > li > a {
  color: #000 !important;
}

.header-wrapper.stuck #masthead svg,
.header-wrapper.stuck #masthead svg path,
.header-wrapper.stuck #masthead .icon {
  fill: #000 !important;
  stroke: #000 !important;
  color: #000 !important;
}

/* Sticky logo = black */
.header-wrapper.stuck #masthead img.header-logo-sticky { opacity: 1 !important; }
.header-wrapper.stuck #masthead img.header-logo,
.header-wrapper.stuck #masthead img.header-logo-dark { opacity: 0 !important; }



/* =========================================================
   HOME (NON-STICKY): Glass background for header menu row
   Minimal + safe: no logo switching, no sticky changes
   ========================================================= */

/* Glass overlay using pseudo-element so it always shows */
.home .header-wrapper:not(.stuck) #masthead.header-main {
  position: relative; /* anchor for :before */
}

/* 
.home .header-wrapper:not(.stuck) #masthead.header-main:before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(0,0,0,0.45);   
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 0;
  pointer-events: none;
} */

/* Make sure header content sits above the glass */
.home .header-wrapper:not(.stuck) #masthead.header-main .header-inner {
  position: relative;
  z-index: 2;
}

/* Home non-sticky: menu + icons white (logo untouched) */
.home .header-wrapper:not(.stuck) #masthead.header-main .nav > li > a,
.home .header-wrapper:not(.stuck) #masthead.header-main a {
  /*color: #fff !important;*/
}

.home .header-wrapper:not(.stuck) #masthead.header-main .icon,
.home .header-wrapper:not(.stuck) #masthead.header-main svg,
.home .header-wrapper:not(.stuck) #masthead.header-main svg path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Mobile: slightly stronger */
@media (max-width: 849px) {
  .home .header-wrapper:not(.stuck) #masthead.header-main:before {
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
}


.posms-best-sellers-title{
  text-align:center;
  margin: 10px 0 25px;
  letter-spacing: 1px;
}

.posms-store-line{
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.75;
  text-transform: uppercase;
  letter-spacing: .5px;
}



/* =========================================================
   MOBILE TUNING
   ========================================================= */
@media (max-width: 849px) {
  .home .header-wrapper:not(.stuck) #masthead .header-bg-color {
    background: rgba(0,0,0,0.65) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
}


.posms-best-sellers-more-wrap{
  text-align:center;
  margin-top: 18px;
}

.posms-best-sellers-more.loading{
  opacity: .7;
  pointer-events:none;
}


/* Center-align View More button (POSMS Best Sellers) */
.posms-best-sellers-more-wrap{
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 24px;
}

.posms-best-sellers-more-wrap .button{
  float: none !important;
  display: inline-block !important;
}



@media only screen and (max-width: 48em) {}
/*************** ADD MOBILE ONLY CSS HERE  ***************/