/* Custom code updated 1/15/2026 ------------------------------------------------------------------------ */

body {
  background-color: #fcf8f3 !important;
}

.sf-header, .sf-footer {
  background: url(https://cdn.builder.io/api/v1/image/assets%2F6bc20a7a83924ab2aa2f182f587b55b2%2F9e3678fca3cf4b0a96d6d4b44050299e) !important;
  background-size: auto 100%;
  background-color: var(--header-background, #2e1d06) !important;
}

.sf-header__mobile-top-bar {
  background-color: unset !important;
}

#category {
  margin: 15px auto 0 !important;
}

.category__banner {
  margin-bottom: unset !important;
  max-height: 250px !important;
}
@media (max-width: 1024px) {
  .category__banner {
    max-height: 150px !important;
  }
}

.sf-breadcrumbs {
  margin: 15px 0 !important;
}

.filters-toggle {
  background-color: unset !important;
  margin-top: 0px !important;
  padding: 0px !important;
}

.sf-footer-column, .sf-footer-column__title {
  background-color: unset !important;
}

.sf-header__wrapper:first-child {
  background: unset !important;
}

.product__brand h2 {
  color: #ffaa0e !important;
  opacity: 1 !important;
}

.product-gallery.desktop-only {
  background-color: white;
  padding: 20px !important;
  border-radius: 12px;
  box-sizing: content-box;
}

.header-banner {
  background: url(https://cdn.builder.io/api/v1/image/assets%2F6bc20a7a83924ab2aa2f182f587b55b2%2Ff87ecd6d05534baba1f3dccb59c8f1ae) !important;
  background-size: cover !important;
  color: #2e1d06 !important;
}

body {
  overflow-x: hidden;
  font-weight: 400;
}

:root {
  --c-text: #2e1506 !important;
}

.category__about {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.25 !important;
}

.builder-text a,
.builder-custom-code a {
  transition: color 0.2s ease;
  color: #8b5505;
  text-decoration: underline;
}
.builder-text a:hover,
.builder-custom-code a:hover {
  color: #ffaa0e;
}

a {
  color: var(--c-link);
  transition: color 0.2s ease;
}
a:hover {
  color: var(--c-link-hover);
}

.builder-text,
.builder-block p {
  line-height: 1.65 !important;
}

/* footer text color adjustment */
@media (min-width: 1024px) {
  .footer {
    padding: 40px 0 0 !important;
  }
}

.sf-footer {
  color: #fff4e3 !important;
}
.sf-footer-column__title {
  color: #ffc973 !important;
  font-size: 1.2em !important;
}
.sf-footer .footer__link {
  font-family: var(--font-family--primary) !important;
  transition: color 0.2s ease;
  color: #fff4e3 !important;
}
.sf-footer .footer__link:hover {
  color: #ffaa0e !important;
  text-decoration: underline;
}
.sf-footer__container a {
  color: #fff4e3 !important;
}
.sf-footer__container a:hover {
  color: #ffaa0e !important;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .sf-footer__container {
    padding: 15px 0 !important;
  }
}
@media (min-width: 1024px) {
  .sf-footer__container:last-child {
    width: 100% !important;
    margin: unset !important;
    background-color: #231004 !important;
    max-width: unset !important;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

.category__banner {
  border-radius: 12px !important;
  overflow: hidden;
}
.category__banner-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* buttons CTA styling with site colors */
.builder-block a[role=button],
.builder-block a[role=link] {
  background-color: #ffaa0e;
  color: #5b1f04;
  text-transform: uppercase;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  transition: all 0.2s ease;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.builder-block a[role=button]:hover,
.builder-block a[role=link]:hover {
  background-color: #ff720e;
  color: #2e1506;
  transition: all 0.3s ease;
}

.locations-page {
  min-height: calc(100vh - 600px) !important;
}

.sf-header__aside {
  position: relative;
}
.sf-header__aside > svg,
.sf-header__aside > img {
  display: none !important;
}
.sf-header__aside::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Use mask so the icon inherits current text color */
  background-color: currentColor;
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.sf-header__action {
  transition: color 0.3s ease;
  color: #ffdfac !important;
}
.sf-header__action:hover {
  color: #ffaa0e !important;
}
.sf-header__header {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: var(--header-width) !important;
}
.sf-header__search-options {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sf-header__search-options .search {
  width: 100%;
  max-width: 600px !important;
}
.sf-header .navigation-item {
  color: #ffdfac !important;
  cursor: pointer;
  border-bottom: none !important;
}
.sf-header .navigation-item__wrapper {
  padding: unset !important;
  display: flex;
  align-items: center;
}
.sf-header .navigation-item__link {
  padding: 15px 25px;
  font-weight: bold !important;
  font-size: 1rem !important;
  letter-spacing: 0.03em;
}
.sf-header .navigation-item__toggle {
  background: transparent;
  border: 0;
  padding-right: 0;
  color: inherit;
  transform: translateX(-100%);
}
.sf-header .navigation-item:hover .navigation-item__link,
.sf-header .navigation-item:hover .navigation-item__toggle, .sf-header .navigation-item:active .navigation-item__link,
.sf-header .navigation-item:active .navigation-item__toggle {
  color: #ffc973 !important;
}
.sf-header .current-selected-store {
  color: #ffdfac;
}
.sf-header .current-selected-store__icon {
  color: #ffaa0e !important;
}
.sf-header .current-selected-store__store-button {
  color: #ffaa0e !important;
}
.sf-header .current-selected-store__label {
  margin-right: var(--space-2) !important;
}
.sf-header__icons {
  color: #ffdfac !important;
  margin: 0 !important;
}
.sf-header__logo-wrapper {
  width: 100%;
  flex-grow: 2;
  align-items: center;
  display: flex;
  justify-content: center;
}
.sf-header__logo-wrapper a {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}
.sf-header__logo-wrapper .sf-image--wrapper {
  display: inline-flex;
  align-items: center;
}
.sf-header .store-selector {
  margin: var(--spacer-xs) !important;
}
.sf-header__mobile-top-bar {
  padding-bottom: 5px !important;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.sf-header__mobile-top-bar > * {
  flex: 1;
  justify-content: start;
}
.sf-header__mobile-top-bar .sf-button:first-child {
  justify-content: flex-start;
}
.sf-header__mobile-top-bar .sf-header__logo-wrapper {
  flex-grow: 2;
}

.navigation-item__dropdown .sf-menu-item__label {
  font-family: var(--font-family--primary) !important;
}
.navigation-item__link {
  font-family: var(--font-family--primary) !important;
}

.header-mobile-icons {
  margin: 0;
  justify-content: flex-end;
}
.header-mobile-icons button,
.header-mobile-icons a {
  min-width: 25% !important;
}

.search-dropdown {
  border-radius: 12px !important;
  overflow: clip !important;
}
.search-dropdown__column.search-dropdown__recent {
  background-color: #231004 !important;
}
.search-dropdown__title {
  font-family: var(--font-family--secondary);
  color: #ffdfac;
}
.search-dropdown__categories-title {
  font-family: var(--font-family--secondary);
}
.search-dropdown__recent-list {
  font-weight: 400 !important;
}
.search-dropdown__recent-item a {
  cursor: pointer;
  font-weight: 400;
  transition: all 0.2s ease;
  color: #fff4e3;
}
.search-dropdown__recent-item a:hover {
  text-decoration: underline;
  color: #ffaa0e;
}
@media (max-width: 1024px) {
  .search-dropdown__recent {
    width: 100%;
    text-align: center;
  }
}

.sf-search-bar,
.search-bar {
  border: 1px solid !important;
  box-shadow: unset !important;
  background-color: #fff4e3 !important;
}
.sf-search-bar input[type=search],
.sf-search-bar input.search-bar__input,
.sf-search-bar input.sf-search-bar__input,
.search-bar input[type=search],
.search-bar input.search-bar__input,
.search-bar input.sf-search-bar__input {
  background-color: transparent !important;
}

@media (max-width: 1024px) {
  .search,
  .search .smartphone-only,
  .sf-search {
    background-color: #2e1d06 !important;
  }
}

@media (min-width: 1024px) {
  .topbar {
    max-width: 1360px !important;
  }
}

@media (min-width: 1024px) {
  .layout-root {
    max-width: 1360px !important;
  }
}

@media (min-width: 1024px) {
  #layout {
    max-width: 1360px !important;
  }
}

@media (min-width: 1024px) {
  #category {
    max-width: unset !important;
  }
}

@media (min-width: 1024px) {
  #product {
    max-width: unset !important;
  }
}
@media (min-width: 1024px) {
  #product .product__details {
    width: unset !important;
  }
}
@media (min-width: 1024px) {
  #product .product__header h1 {
    font-weight: 800;
    font-size: 2em;
    color: var(--primary-dealer-color);
  }
}
@media (min-width: 1024px) {
  #product .product__brand h2 {
    color: var(--secondary-dealer-color);
    opacity: 0.6;
  }
}