/* SET THE BACKGROUND FOR ENTIRE PAGE*/
.sePage {
 background-color: #e7e4de;

.sePage .sePageFooter { margin-top: 0px; }

.sePage .sePageMain { margin-top: 0px; }

.sePageLayout .seContentSectionLink a.btn.btn-primary {
font-size: 2rem !important;
}

/*WAX OF DAY WIDGET*/

/* WIDGET CONTAINER */
#wax-widget {
padding: 15px;
 border-radius: 8px;
 background-color: #e7e4de; /* Light tan color */
 max-width: 350px;
 font-family: 'Arial', sans-serif;
 border: 2px solid #ab8257; /* Soft brown border */
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
 position: fixed; /* Fix the position */
 top: 100px; /* Add vertical spacing from the top */
 right: 65px; /* Position it more to the right */
 z-index: 1000; /* Ensure it stays on top of other elements */
 text-align: left; /* Left-align text for better readability */
 max-width: 400px;
 white-space: nowrap; /* Prevent the text from wrapping on desktop */
 overflow: hidden; /* Hide overflowed text */
}

/* WIDGET TITLE */
#wax-widget h3 {
 margin-bottom: 5px; /* Reduce space above */
 font-size: 1.1em; /* Smaller font size */
 color: #322f33;
 font-weight: bold;
 margin-top: 0; /* Remove any margin above the title */
}

/* WIDGET WEATHER DETAILS */
#wax-widget #current-weather-container {
 display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap; /* Allow the icon and text to wrap on small screens */
 justify-content: flex-start; /* Align all items to the left */
}

/* WIDGET WEATHER CONDITION TEXT */
#wax-widget #current-weather {
 display: flex;
 align-items: center;
 gap: 10px;
}

/* WIDGET WEATHER ICON SIZE */
#wax-widget #weather-icon {
 width: 40px;
 height: 40px;
}

/* WIDGET WEATHER TEXT (TEMP & CONDITION)*/
#wax-widget #current-weather {
 font-size: 1.1em;
 color: #322f33;
 margin-bottom: 5px; /* Adjust bottom spacing */
 white-space: nowrap; /* Prevent text from wrapping */
 max-width: 100%; /* Prevent overflow */
 overflow: hidden; /* Ensure no overflow */
}

#wax-widget #wax-recommendation {
 font-size: 1.1em;
 font-weight: bold; /* Keep bold */
 color: #99c7c6; /* Color dynamically set by JS */
 margin-top: 5px; /* Adjust top margin */
 white-space: nowrap; /* Prevent text from wrapping */
 max-width: 100%; /* Prevent overflow */
 overflow: hidden; /* Ensure no overflow */
}

/* WIDGET STYLING FOR CONDITION DISPLAY*/
#wax-widget p {
 font-size: 1em;
 color: #788557; /* Muted olive color for the text */
 margin: 6px 0;
}

/* WIDGET ADD A BORDER TO HIGHLIGHT*/
#wax-widget {
 border: 2px solid #ab8257; /* Soft brown border color from your palette */
}

/* WIDGET HOVER*/
#wax-widget:hover {
 background-color: #f3f0e1;
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
 cursor: pointer;
}

----

/* PADDING UNDER BIKES BTN*/
.btn-primary {
 margin: 20px;
 font-size: 2rem !important;
}

/* PADDING ABOVE DULUTHS LOCAL BIKE SHOP*/
.sePageContent .sePageSection.se-section-padding-y-md {
 padding: 0px;
}
---

/* DULUTHS LOCAL BIKE SHOP SECTION*/
.intro-section {
 text-align: center;
 background-color: #f5f5f3; /* Optional background */
 padding: 4rem 2rem;
 margin-bottom: 4rem;
}

.intro-duluth {
 color: #788557; /* muted olive green */
}

.intro-local {
 color: #b87c9e; /* purple */
}

.intro-since {
 color: #f26741; /* bold orange */
}


.intro-heading {
 font-size: 4rem; /* ~48px */
 font-weight: 800;
 color: #322f33;
 margin-bottom: 1.5rem;
}

.intro-subtext {
 font-size: 2rem;
 color: #322f33;
 line-height: 1.6;
 max-width: 800px;
 margin: 0 auto 2rem auto;
}

.intro-button-wrapper .btn {
 background-color: #f26741 !important;
 color: white;
 padding: 0.75rem 1.5rem;
 font-weight: 600;
 font-size: 2rem !important;
 border-radius: 4px;
 border: none !important;
 text-transform: uppercase;
 text-decoration: none;
 display: inline-block;
 transition: background-color 0.3s ease;
}

.intro-button-wrapper .btn:hover {
 background-color: #99c7c6 !important;
}

.section-divider {
 border: none;
 border-top: 2px solid #99c7c6; /* Blue accent */
 max-width: 200px;
 margin: 3rem auto 2rem auto;
}


---
/*MORE THAN A SHOP SECTION */

.community-section {
 max-width: 1000px;
 margin: 2rem auto;
 padding: 2rem 2rem;
 background-color: #f9f8f5;
 border-top: 2px solid #99c7c6;
 text-align: center;
}

.section-inner {
 max-width: 900px;
 margin: 0 auto;
}

.community-section h2 {
 font-size: 2.5rem; /* 36px */
 color: #322f33;
 font-weight: 800;
 margin-bottom: 1.5rem;
 line-height: 1.3;
}

.community-section h3 {
 font-size: 2rem; /* 28px */
 color: #322f33;
 font-weight: 700;
 margin-top: 3rem;
 margin-bottom: 1rem;
}

.section-description {
 font-size: 2rem; /* 18px */
 color: #322f33;
 max-width: 800px;
 margin: 0 auto 1.75rem auto;
 line-height: 1.75;
}

.section-description a {
 color: #f26741;
 font-weight: 700;
 text-decoration: underline;
}

---

/* REVIEW SECTION WRAPPER */
.review-section {
 background-color: #f0ede6; /* slightly warmer tan */
 padding: 3rem 1rem; /* more vertical breathing room */
 max-width: 1200px;
 margin: 0 auto;
}

/* EMBEDDED WIDGET IFRAME */
.lc_reviews_widget {
 width: 100%;
 height: 700px;
 border: none;
 display: block;
}



/* INNER WRAPPER */
.review-widget-wrapper {
 background-color: #f0ede6;
 border-radius: 12px;
 padding: 2rem;
 box-shadow: 0 6px 10px rgba(0, 0, 0, 0.03);
 max-width: 1100px;
 margin: 0 auto;
}
---
/* IN STOCK SECTION */
.inStock h2 {
 font-size: 2.25rem; /* 36px */
 color: #322f33;
 font-weight: 800;
 margin-bottom: 1.5rem;
 line-height: 1.3;
}

.sePageLayout .seContentSectionLink a.btn.btn-primary {
 background-color: #f26741 !important;
 color: white;
 padding: 0.75rem 1.5rem;
 font-weight: 600;
 font-size: 1rem;
 border-radius: 4px;
 border: none !important;
 text-transform: uppercase;
 text-decoration: none;
 display: inline-block;
 transition: background-color 0.3s ease;
 margin-bottom: 1.5rem; /* Add spacing below the button */
}

.sePageLayout .seContentSectionLink a.btn.btn-primary:hover {
 background-color: #99c7c6 !important;
}










/* CSS for New Owners Section on Continental Homepage */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

#new-owners-banner {
 background-color: #f0ede6; /* slightly warmer tan */
 padding: 5rem 1rem;
 border-radius: 12px;
 text-align: center;
 font-family: 'Source Sans Pro', sans-serif;
}

.new-owners-banner-container {
 max-width: 700px;
 margin: 0 auto;
 padding: 0 1rem;
}

#new-owners-banner h1 {
 color: #322f33;
 font-size: 2.75rem;
 font-weight: 700;
 margin-bottom: 1rem;
}

#new-owners-banner h1::after {
 content: "";
 display: block;
 width: 80px;
 height: 2px;
 background: #788557; /* muted olive accent */
 margin: 0.75rem auto 0 auto;
 border-radius: 2px;
}

#new-owners-banner p {
 color: #322f33;
 font-size: 1.625rem;
 line-height: 1.8;
 max-width: 500px;
 letter-spacing: 0.2px;
 margin: 0 auto 3.5rem auto;
}

.new-owners-photo-single {
 display: flex;
 justify-content: center;
}

.new-owners-photo-single img {
 width: 100%;
 max-width: 280px;
 height: auto;
 border-radius: 1.5rem;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}


------
/* MOBILE SPECIFIC STYLING FOR WIDGET*/
@media (max-width: 768px) {
 /* Widget container adjustments for mobile */
 #wax-widget {
 position: fixed; 
 top: 10px; /* Keep it closer to the top */
 left: 50%; /* Center horizontally */
 transform: translateX(-50%); /* Offset the widget width to truly center it */
 width: 80%; /* Increase the width to give it more space */
 padding: 12px; /* Adjust padding to give more space inside */
 font-size: 0.9em; /* Keep the text size manageable */
 text-align: center;
 z-index: 1000;
 border: 2px solid #ab8257;
 border-radius: 8px;
 background-color: #e7e4de;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 /* Weather details container */
 #wax-widget #current-weather-container {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 gap: 5px; /* Space between the elements (icon, temp, condition) */
 }

 /* Weather text container */
 #wax-widget #current-weather {
 font-size: 1em; /* Adjust text size */
 }

 /* Weather icon size */
 #wax-widget #weather-icon {
 width: 24px; /* Smaller icon */
 height: 24px;
 }

 /* Styling for recommended wax */
 #wax-widget #wax-recommendation {
 font-size: 1em;
 color: #99c7c6;
 font-weight: bold;
 margin-top: 8px;
 }
}

----

 /* MOBILE STYLES FOR NEW OWNERS SECTION */
@media (max-width: 600px) {
 #new-owners-banner h1 {
 font-size: 2rem;
 }

 #new-owners-banner p {
 font-size: 1.125rem;
 line-height: 1.6;
 }
}

 /* MOBILE STYLES FOR IFRAME */
@media (max-width: 768px) {
 .lc_reviews_widget {
 height: 850px;
 }
}
@media (max-width: 480px) {
 .lc_reviews_widget {
 height: 950px;
 }
}