/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/ 
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/********************** 
 * Remove "Currently Shopping" on Find-Us Page 
 **********************/
.page-id-68 .currently_shopping_wrap {
  display: none !important;
}


.currently_shopping_wrap #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item{
 
 margin: 0;
 

}

.currently_shopping_wrap .miceType {
 
 color: #fff;
 
 font-size: 10px;
 

}

.currently_shopping_wrap .storeType {
 
 color: #f2a325;
 
 font-size: 14px;
 

}





.footer-links {
 
 text-align:center;
 
 font-size: 12px !important;
 
 color: white;
 
 line-height:20px;
 

}



.footer-links a:link {
 
 color: white;
 

}


.footer-links a:hover {
 
 text-decoration: underline;
 

}



.about-cont {
 
 background-color: #3684C3;
 
 padding: 10px !important;
 

}


.about-cont:hover {
 
 background-color: #E9A93A;
 

}


.location-page-retail-name {
 
 color: #132451;
 
 font-size: 14px;
 
 font-weight: bold;
 
 line-height:17px;
 

}


.location-page-store-name {
 
 color: #E9A93A;
 
 font-size: 35px;
 
 text-transform: uppercase;
 

}


.location-page-address {
 
 font-size: 18px;
 
 line-height: 22px;
 
 font-weight: bold;
 

}


.address_loop {
 
 font-size: 15px;
 
 line-height: 18px;
 
// font-weight: bold;
 

}


.address_loop a {
 
 font-size: 15px;
 
 line-height: 18px;
 
 font-weight: bold;
 

}



.location_details_btn_wrap {
 
 display: flex;
 
 flex-wrap: wrap;
 
 gap: 0px;
 /* Space between buttons when they are side by side */

}


.btn-container {
 
 display: inline-block;
 
 margin-bottom: 5px;
 /* Adds extra space when buttons stack */

}



.location_details_btn_wrap .btn-container .custom-link {
 
 transition: transform 0.2s ease-in-out;
 
 display: inline-block;
 /* Ensure inline-block for scaling to work */

}


.location_details_btn_wrap .btn-container .custom-link:hover {
 
 transform: scale(1.1);
 /* Increase size on hover */

}



/* Store Hours */
.hours {
 
 font-size: 15px;
 
 line-height: 20px !important;
 
// font-weight: bold;
 

}


.hours-div {
 
// min-height: 40px;
 

}

.grid-container {
 
 padding:0;
 
 display: grid;
 
 grid-template-columns: auto auto;
 
// width: 100%;
 /* Fixed width for the grid container */

}


 .grid-item {
 
 text-align: left;
 /* Align text to the left */
 padding: 0;
 /* Remove padding */
 font-family: "Filson Pro", sans-serif;
 /* Set the font to Filson Pro */
 font-size: 15px;
 /* Set font size to 15px */
 border: none;
 /* Remove border */
 background-color: transparent;
 /* Remove background color */
 line-height:1.2;
 
 
}


/*
 * TEXT FOR DELIVERY PAGE
*/

.DS-trans-text {
 
 font-family: Filson-Soft;
 
 font-size: 70px;
 
 line-height:70px;
 
 font-weight: bold;
 
 text-align: center;
 
 color: transparent;
 
 -webkit-text-stroke-width: 3px;
 
 -webkit-text-stroke-color: black;
 

}



.home-message-wrapper h2 {
 
 font-size: 3rem;
 

}


.home-message-wrapper p {
 
 font-size: 1.5rem;
 

}


@media (max-width: 768px) {
 
 .home-message-wrapper h2 {
 
 font-size: 1.4rem;
 
 
}


 .home-message-wrapper p {
 
 font-size: 1rem;
 
 
}


}



/*WHAT'S HOT*/


/* Wrapper UL style */
.wpp-list.wpp-cards {
 
 list-style: none;
 
 padding: 0;
 
 margin: 0;
 

}


/* Each list item */
.wpp-list.wpp-cards li {
 
 display: flex;
 
 align-items: flex-start;
 
 gap: 0px;
 
 padding: 10px 0;
 
 border-bottom: 2px dashed #73B8DD;
 

}


/* Remove border on last item */
.wpp-list.wpp-cards li:last-child {
 
 border-bottom: none;
 

}


/* Thumbnail image - updated to 85x85 */
.wpp-list.wpp-cards img {
 
 width: 85px !important;
 
 height: 85px !important;
 
 border-radius: 10px;
 
 object-fit: cover;
 
 display: block;
 
 background-color: #f0f0f0;
 

}


/* Container for text */
.wpp-list.wpp-cards .wpp-item-data {
 
 display: flex;
 
 flex-direction: column;
 

}


/* Taxonomy text - smaller & orange */
.wpp-list.wpp-cards .wpp-item-data .taxonomies {
 
 color: orange !important;
 
 font-size: 15px;
 
 font-weight: 600;
 
 text-transform: uppercase;
 
 margin-bottom: 4px;
 
 letter-spacing: 0.5px;
 

}


/* Post title now scoped to .wpp-title */
.wpp-list.wpp-cards .wpp-item-data .wpp-title a {
 
 font-size: 20px;
 
 font-weight: 800;
 
 color: white;
 
 text-decoration: none;
 
 line-height: 1.4;
 
 margin-bottom: 4px;
 

}


/* Excerpt */
.wpp-list.wpp-cards .wpp-excerpt {
 
 font-size: 14px;
 
 color: white;
 
 margin: 0;
 

}




.horizontal-scroll-wrapper,
.scroll-row-wrapper {
 
 display: flex;
 
 justify-content: center;
 
 overflow: hidden;
 

}


.horizontal-scroll {
 
 display: flex;
 
 flex-wrap: nowrap;
 
 overflow-x: auto;
 
 scroll-behavior: smooth;
 
 gap: 16px;
 
 padding-bottom: 10px;
 
 -webkit-overflow-scrolling: touch;
 
 scrollbar-width: none;
 
 width: max-content;
 
 max-width: 100%;
 

}



.horizontal-scroll::-webkit-scrollbar {
 
 display: none;
 

}


/* FORCE Elementor Loop Container to Flex */
.horizontal-scroll .elementor-loop-container {
 
 display: flex !important;
 
 flex-wrap: nowrap !important;
 
 width: auto !important;
 
 gap: 16px;
 

}



/* Universal item settings */
.horizontal-scroll .elementor-loop-container > .e-loop-item {
 
 flex: 0 0 auto;
 
 scroll-snap-align: center;
 

}


/* Different size classes */
.scroll-nosize .elementor-loop-container > .e-loop-item {
  

}


.scroll-sm .elementor-loop-container > .e-loop-item {
 
width: 150px;
 

}


.scroll-md .elementor-loop-container > .e-loop-item {
 
 width: 255px;
 

}


.scroll-lg .elementor-loop-container > .e-loop-item {
 
 width: 320px;
 

}


.scroll-xl .elementor-loop-container > .e-loop-item {
 
 width: 400px;
 

}



.hn-nav-wrapper {
 
 width: 100%;
 
 display: flex;
 
 flex-wrap: nowrap;
 
 gap: 10px;
 
 margin-top: 20px;
 
 justify-content: stretch;
 /* important */
 overflow-x: hidden;
 
 padding-bottom: 10px;
 

}


.hn-nav-buttons {
 
 background-color: #5a8ddf;
 
 font-size: 15px;
 
 text-align: center;
 
 text-transform: uppercase;
 
 color: white !important;
 
 padding: 8px 24px;
 
 text-decoration: none;
 
 border-radius: 999px;
 
 font-weight: 600;
 
 white-space: nowrap;
 
 overflow: hidden;
 
 text-overflow: ellipsis;
 
 transition: background-color 0.3s ease, transform 0.3s ease;
 

 flex: 1;
 /* all buttons equal width */
 min-width: 0;
 

}





.hn-nav-buttons:hover {
 
 background-color: #3a6ecf;
 
 transform: scale(1.05);
 

}


/* ✅ Tablet and below: wrap into 2 columns */
@media (max-width: 1024px) {
 
 .hn-nav-wrapper {
 
 flex-wrap: wrap;
 
 overflow-x: unset;
 
 justify-content: space-between;
 
 
}


 .hn-nav-buttons {
 
 flex: 0 1 calc(50% - 5px);
 
 max-width: calc(50% - 5px);
 
 
}


}




/* 🔥 Active State: white background with orange text */
.hn-nav-buttons.active {
 
 background-color: white;
 
 color: #1e3158 !important;
 
optional for extra clarity */

}


.reading-time-button {
 
 background-color: rgba(255, 255, 255, .75);
 
 color: #000000;
 /* Blue text */
 border: none;
 
 text-transform: uppercase;
 
 padding: 8px 20px;
 
 font-size: 12px;
 
 font-weight: 600;
 
 border-radius: 25px;
 
 cursor: default;
 
 pointer-events: none;
 

}


.highnote-category-grid {
 
 display: grid;
 
 grid-template-columns: repeat(2, 1fr);
 /* Force exactly 2 columns */
 gap: 15px;
 
 margin: 20px 0;
 

}


@media (max-width: 600px) {
 
 .highnote-category-grid {
 
 grid-template-columns: repeat(2, 1fr);
 /* ✅ Two buttons per row */
 
}


 .highnote-category-button {
 
 font-size: 13px;
 /* ✅ Optional: shrink font */
 padding: 10px 14px;
 /* ✅ Optional: reduce padding */
 
}


}



.highnote-category-button {
 
 display: block;
 
 text-align: center;
 
 padding: 12px 18px;
 
 background-color: #193259;
 
 color: white !important;
 
 text-decoration: none;
 
 border-radius: 25px;
 
 font-weight: 600;
 
 transition: background-color 0.3s ease, transform 0.3s ease;
 
 transform: scale(1);
 /* Ensure consistent baseline */

 /* ✅ Truncate text if too long */
 white-space: nowrap;
 
 overflow: hidden;
 
 text-overflow: ellipsis;
 

}


.highnote-category-button:hover {
 
 background-color: #0f2240;
 
 transform: scale(1.05);
 /* Slight growth on hover */

}




.blog_button {
 
 background-color: #dda43f;
 
 color: white !important;
 
 border: none;
 
 padding: 6px 50px;
 
 text-align: center;
 
 text-transform: uppercase;
 
 text-decoration: non;
 
 display: inline-block;
 
 font-size: 20px;
 
 font-weight: bold;
 
 cursor: pointer;
 
 border-radius: 25px;
 
 transition: transform 0.3s, background-color 0.3s;
 

}
 

.blog_button:hover {
 
 background-color: #e57d12;
 /* slightly darker orange on hover */
 transform: scale(1.03);
 

}


.truncate-title {
 
 white-space: nowrap;
 
 overflow: hidden;
 
 text-overflow: ellipsis;
 
 display: block;
 
 max-width: 100%;
 /* or set a pixel width if needed */
 text-align: center;
 

}


.nav-text {
 
 font-size: 12px !important;
 
 color: black;
 

}


.skip-lazy {
 
 width: 100%;
 
 height: auto;
 
 display: block;
 

}



/* Ascender's Club 2.0 */
.club-blue-italic {
 
 color: #3a48de;
 
 font-style: italic;
 

}



.rewards-mice {
 
 font-family: forma-djr-text;
 
 font-size: 12px;
 
 line-height: 12px;
 
 color: white;
 

}


.black {
 
 color: #000000;
 

}


.white {
 
 color: #FFFFFF;
 

}


/* Default styles */
.rewards-text,
.rewards-text p,
.rewards-text li {
 
 font-family: forma-djr-text;
 
 font-size: 20px !important;
 
 line-height: 25px !important;
 

}


.rewards-text-mice p {
 
 font-family: forma-djr-text;
 
 font-size: 15px !important;
 
 line-height: 25px;
 

}


/* Responsive styles for screens 1024px and below */
@media (max-width: 728px) {
 
.rewards-text,
.rewards-text p,
.rewards-text li {
 
 font-family: forma-djr-text;
 
 font-size: 18px !important;
 
 line-height: 20px !important;
 
 
}


 .rewards-text-mice p {
 
 font-family: forma-djr-text;
 
 font-size: 10px !important;
 
 line-height: 12px;
 
 
}


}


/* fix for phantom white store name */
.t-entry-title a,
.t-entry-title a:visited,
.t-entry-title a:hover {
 
 color: #282728 !important;
 
 text-decoration: none;
 

}


.panel-body-active-sc .t-entry-title a {
 
 color: #282728 !important;
 

}



.nav-link-text {
 
 display: inline-block;
 /* ensures transform works smoothly */
 transition: transform 0.2s ease-in-out;
 

}


.nav-link-text:hover {
 
 transform: scale(1.1);
 

}



.home-high-note-container {
 
 padding: 5%,0, 5%, 5%;
 

}




/* HORIZONTAL SCROLL ARROWS **********/

/* Optional: Add to global styles if reused */

.has-arrows {
 
 position: relative;
 

}




/* Arrow container itself */
.scroll-arrow {
 
 position: absolute;
 
 top: 50%;
 
 transform: translateY(-50%);
 
 z-index: 10;
 
 width: 48px;
 
 height: 48px;
 
 font-size: 2rem;
 
 font-weight: bold;
 
 color: #222;
 
 background: rgba(255, 255, 255, 0.95);
 
 border-radius: 50%;
 
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 
 display: flex;
 
 align-items: center;
 
 justify-content: center;
 
 cursor: pointer;
 
 user-select: none;
 
 opacity: 0;
 /* Hidden until overflow */
 transition: opacity 0.3s ease;
 

}


/* Hover effect */
.scroll-arrow:hover {
 
 background: rgba(255, 255, 255, 1);
 

}


/* Left & Right positions */
.scroll-arrow-left {
 
 left: 10px;
 

}


.scroll-arrow-right {
 
 right: 10px;
 

}


/* Show arrow when needed */
.has-arrows.show-left .scroll-arrow-left,
.has-arrows.show-right .scroll-arrow-right {
 
 opacity: 1;
 

}


.taxonomies {
 
 font-weight: 700;
 
 font-size: 0.75rem;
 
 text-transform: uppercase;
 
 letter-spacing: 0.5px;
 
 margin-bottom: 4px;
 

}


.taxonomies a {
 
 color: var(--e-global-color-accent);
 

}




/* Age Gate overlay & wrapper: full-viewport, highest z */
.age-gate,
.age-gate__wrapper,
.age-gate-wrapper,
.age-gate__background,
.age-gate-background,
.age-gate__restricted,
.age-gate-restricted {
 
 position: fixed !important;
 
 inset: 0 !important;
 
 z-index: 2147483647 !important;
 
 -webkit-transform: translateZ(0);
 /* Safari compositing */
 transform: translateZ(0);
 

}


.wp-reading-time {
 
 text-transform: uppercase;
 
 color: white;
 
 background-color: rgb(0,0,0, 40%);
 
 width: 200px;
 
 border-radius: 25px;
 
 text-align:center;
 
 font-size: 15px;
 

}


/* Hide page scrollbar across browsers */
html {
 
 -ms-overflow-style: none;
 /* IE/old Edge */
 scrollbar-width: none;
 /* Firefox */

}

html::-webkit-scrollbar {
 
 width: 0;
 height: 0;
 /* Chrome/Safari/Opera */
 display: none;
 

}



/* Global: make bullets match normal text in Elementor content */
.elementor .elementor-widget-text-editor ul,
.elementor .elementor-widget-text-editor ul li,
.elementor .elementor-widget-theme-post-content ul,
.elementor .elementor-widget-theme-post-content ul li {
 
 font-size: inherit !important;
 
 line-height: inherit !important;
 
 font-family: inherit !important;
 

}

/* Add space after lists in Elementor */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  margin-bottom: 1.2em;
}



/**********************************
***		STRAIN BRAIN
**********************************/

#sb-ConfirmationModal {
  background-color: #083f72 !important;
  border: 3px solid #2F74C0 !important;
}

#sb-ConfirmationModal p {
  color: #FFFFFF !important;
}

#sb-ConfirmationModalClose {
  background-color: #2F74C0 !important;
  border: 2px solid #083f72 !important;
  border-radius: 50% !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sb-ConfirmationModalClose img {
  filter: brightness(0) invert(1) !important;
  width: 15px;
  height: 15px;
}


/**********************************
***		MISTER JONES
**********************************/

/* Partner (Mister Jones) color */
.is-partner .partner-color {
  background: #e47d2b !important;
  color: #fff !important;
}

.is-partner .partner-btn {
  background-color: #e47d2b !important;
  color: #fff !important;
  border-color: #e47d2b !important;
}

/* If SHOP is text-only somewhere */
.is-partner .shop-sc {
  background: #e47d2b !important;
  color: #fff !important;
}

/* =========================================
   LOCATION ABOUT (Elementor HTML widget)
   Scope: .store-message-in-widget
   Controls spacing + type rhythm
   ========================================= */

.store-message-in-widget {
  padding: 0;
}

/* Reset default spacing so we control it */
.store-message-in-widget h2,
.store-message-in-widget h3,
.store-message-in-widget p {
  margin: 0;
}

/* H2 */
.store-message-in-widget .ascend-location__heading {
  font-size: 2.1rem;
  line-height: 1.15;
  margin-bottom: 0.75rem;
}

/* Intro paragraph */
.store-message-in-widget .ascend-location__intro {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

/* H3 section headers */
.store-message-in-widget .ascend-location__subheading {
  font-size: 1.35rem;
  line-height: 1.25;
  margin-top: 1.25rem;   /* space before each section */
  margin-bottom: 0.35rem;/* tight to paragraph */
}

/* Body paragraphs */
.store-message-in-widget .ascend-location__text {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0.85rem;
}

/* CTA row */
.store-message-in-widget .ascend-location__cta {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}

.store-message-in-widget .ascend-location__cta-link {
  font-weight: 600;
  text-decoration: underline;
}

/* Optional: remove extra space at very end */
.store-message-in-widget > :last-child {
  margin-bottom: 0;
}

/* Mobile tune */
@media (max-width: 768px) {
  .store-message-in-widget .ascend-location__heading { font-size: 1.75rem; }
  .store-message-in-widget .ascend-location__subheading { font-size: 1.2rem; margin-top: 1rem; }
  .store-message-in-widget .ascend-location__intro,
  .store-message-in-widget .ascend-location__text { font-size: 1rem; }
}



/* Hide by default (desktop/tablet) */
.awh-bh-toggle {
  display: none !important;
}

/* Show only on mobile */
@media (max-width: 767px) {
  .awh-bh-toggle {
    display: inline-block !important;
  }
}

.feature-item img {
  display: block !important;
  margin: 0 auto 10px !important;
}

.feature-title {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ascend-location__text a,
.ascend-location__intro a {
	font-weight:bold;
}

.ascend-location__text a:hover,
.ascend-location__intro a:hover {
	text-decoration:underline;
}

/* =========================
   MOBILE (optional) FEATURES
========================= */


.faq-link {
	color: white !important;
	font-weight: bold;
}

.club-link  {
	color: white !important;
	font-weight: bold;
}

.storeType {
	color: white !important;
	font-size: 20px !important;
}

.miceType {
	color: white !important;
	font-size: 10px !important;
}

@media (max-width: 767px) {

.storeType {
	color: white !important;
	font-size: 15px !important;
}

.miceType {
	color: white !important;
	font-size: 8px !important;
}
}


.pill-button {
  background-color: #023B4E;
  border: 3px solid #B2944B;
  color: #B2944B;
	font-weight: bold !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pill-button:hover {
  background-color: #B2944B;
  border-color: #B2944B;
}