/** Shopify CDN: Minification failed

Line 482:0 Unexpected "}"
Line 2778:26 Expected identifier but found "!"

**/


/*
Added 4/26/2023 by @chrisdfe
*/

/* ========================================================================
   LEGACY TYPOGRAPHY & THEME SUPPORT
   ======================================================================== */

/* Typography */
.type-subheading {
  letter-spacing: var(--subheading-letter-spacing);
}

.main-heading {
  margin-bottom: 70px;
}

.indiv-product .hp-subtitle .indiv-product-title-text {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--subheading-letter-spacing);
  font-size: 14px;
}

.title-bar {
  text-align: center;
}

/*
This is here to support @chrisdfe's custom CSS snippets
There is an issue with the shopify theme editor that specifically prevents the 'content' selector
from being used for whatever reason. Thread:
https://community.shopify.com/c/shopify-discussions/cannot-save-custom-css-pseudo-selector/td-p/1962914
*/

/*
.title-bar::before {
aspect-ratio: 1/1;
background-image: var(--at-graphical-element--1-black-url);
}
*/

/* Title Bar Graphic Element */
.title-bar:before {
  content: "";
  width: var(--title-bar-graphical-element-size);
  background-size: contain;
  display: block;
  margin: 0 auto;
}

.title-bar h2 {
  position: relative;
  display: inline-block;
}

/* Title Bar Lines */
.title-bar h2:before,
.title-bar h2:after {
  content: "";
  position: absolute;
  width: calc(var(--title-bar-decorative-line-width-int) * 1px);
  border-bottom: 1px solid transparent;
  top: 55%;
}

.title-bar h2:before {
  left: calc((var(--title-bar-decorative-line-width-int) + var(--title-bar-decorative-line-spacing-int)) * -1px);
}

.title-bar h2:after {
  right: calc((var(--title-bar-decorative-line-width-int) + var(--title-bar-decorative-line-spacing-int)) * -1px);
}

@media (max-width: 768px) {
  .title-bar h2:before,
    .title-bar h2:after {
      display: none;
  }
}

/* ========================================================================
   LEGACY THEME COMPONENTS
   ======================================================================== */

/* Notification Bar */
.notification-bar__message p {
  font-size: 14px;
  text-transform: uppercase;
}

/* Product Page */
.product-description-wrapper {
  margin: 30px 0;
}

/* Misc Pages */
.index-section .hero {
  height: 60vh;
}

.featured-row__subtext p {
  line-height: 1.8;
}

.rich-text__btn {
  margin-top: 30px;
}

/* ========================================================================
   CUSTOM FLEXIBLE CTA
   ======================================================================== */

.at-flexible-cta-blocks-wrapper { }

.at-flexible-cta-blocks__full-bleed-wrapper {
  display: flex;
}

.at-flexible-cta-blocks__columns-wrapper {}

.at-flexible-cta-blocks__full-bleed-block-wrapper {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  width: 50%;
}

.at-flexible-cta-block {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
  display: flex;
}

.at-flexible-cta-blocks__full-bleed-wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 1;
}

.at-flexible-cta-block__spacer {
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  width: 0;
}

/* Background */
.at-flexible-cta-block__background-underlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  transition: scale 0.5s;
}

.at-flexible-cta-block__background-underlay.at-flexible-cta-block__background-underlay--mobile {
  display: none;
}

.at-flexible-cta-blocks-wrapper a:hover .at-flexible-cta-block__background-underlay {
  scale: 1.01;
}

/* Content */
.at-flexible-cta-block__content {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 30px;
  position: relative;
  z-index: 1;
}

/* Vertical Position */
.at-flexible-cta-block__content.at-flexible-cta-block__content--vertical-position-top {
  margin-bottom: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--vertical-position-center {
  margin-top: auto;
  margin-bottom: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--vertical-position-bottom {
  margin-top: auto;
}

/* Horizontal Position */
.at-flexible-cta-block__content.at-flexible-cta-block__content--horizontal-position-left {
  margin-right: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--horizontal-position-center {
  margin-right: auto;
  margin-left: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--horizontal-position-right {
  margin-left: auto;
}

/* Text Alignment */
.at-flexible-cta-block__content.at-flexible-cta-block__content--text-align-left {
  text-align: left;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--text-align-center {
  text-align: center;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--text-align-right {
  text-align: right;
}

/* Graphic Element */
.at-flexible-cta-block__content__graphic-element {
  width: var(--title-bar-graphical-element-size);
  margin-bottom: 20px;
}

.at-flexible-cta-block__content__graphic-element img {
  width: var(--title-bar-graphical-element-size);
  height: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--text-align-center .at-flexible-cta-block__content__graphic-element {
  margin-left: auto;
  margin-right: auto;
}

.at-flexible-cta-block__content.at-flexible-cta-block__content--text-align-right .at-flexible-cta-block__content__graphic-element {
  margin-left: auto;
}

/* Mobile */
@media (max-width: 768px) {
  .at-flexible-cta-blocks__full-bleed-wrapper {
    flex-direction: column;
  }

  .at-flexible-cta-blocks__full-bleed-block-wrapper {
    flex-basis: 100%;
    width: auto;
  }

  .at-flexible-cta-block {
    height: auto;
    padding: 20px;
    min-height: 40vh;
    margin-bottom: 20px;
  }

  .at-flexible-cta-blocks__full-bleed-wrapper .at-flexible-cta-block {
    margin: 0;
  }

  .at-flexible-cta-block__background-underlay.at-flexible-cta-block__background-underlay--mobile {
    display: block;
  }

  .at-flexible-cta-block__background-underlay.at-flexible-cta-block__background-underlay--desktop {
    display: none;
  }

  .at-flexible-cta-block__spacer {
    display: none;
  }

  .at-flexible-cta-block__content {
    position: relative;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    max-width: 100%;
    transform: none !important;
  }
}

/* ========================================================================
   ADORNMENT + THEORY REBRAND 2026
Added by Jacob Buchholz — August 2026
======================================================================== */

/* ========================================================================
   GLOBAL FORMS
   ======================================================================== */


/* ------------------------------------------------------------------------
   Form Header
   ------------------------------------------------------------------------ */


/* Form Eyebrow */
.contact-form--header h3 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;

  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;

  text-transform: none !important;

  color: var(--at-color--gold) !important;

  margin-bottom: 0 !important;
}


/* Form Title */
.contact-form--header h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;

  text-transform: uppercase !important;

  margin-top: 8px !important;
  margin-bottom: 0 !important;
}


/* ------------------------------------------------------------------------
   Form Labels
   ------------------------------------------------------------------------ */


/* Form Labels */
.contact-form--form label {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;

  font-size: 12px !important;

  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;

  color: var(--at-color--black-ish) !important;
}


/* Required Asterisk */
.contact-form--form label .required-asterisk {
  color: var(--at-color--gold) !important;
}


/* ------------------------------------------------------------------------
   Form Fields
   ------------------------------------------------------------------------ */


/* Form Field Focus */
.contact-form--form input:not([type="submit"]):focus,
.contact-form--form input:not([type="submit"]):focus-visible,
.contact-form--form textarea:focus,
.contact-form--form textarea:focus-visible {
  background-color: var(--at-color--cream) !important;

  border-color: var(--at-color--gold) !important;

  outline: none !important;
  box-shadow: 0 0 0 1px var(--at-color--gold) !important;
}


/* Form Field Focus - Light Scheme */
.homepage-sections-wrapper--light
.contact-form--form input:not([type="submit"]):focus,
.homepage-sections-wrapper--light
.contact-form--form input:not([type="submit"]):focus-visible,
.homepage-sections-wrapper--light
.contact-form--form textarea:focus,
.homepage-sections-wrapper--light
.contact-form--form textarea:focus-visible {
  background-color: var(--at-color--white) !important;
}


/* ------------------------------------------------------------------------
   Form Submit Button
   ------------------------------------------------------------------------ */


/* Submit Button */
.contact-form--submit-wrapper
input[type="submit"] {
  width: 250px !important;

  background-color: var(--at-color--gold) !important;
  border-color: var(--at-color--gold) !important;
  color: var(--at-color--cream) !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;

  font-size: 13px !important;

  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;

  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}


/* Submit Button Hover */
.contact-form--submit-wrapper
input[type="submit"]:hover,
.contact-form--submit-wrapper
input[type="submit"]:focus {
  background-color: var(--at-color--wine-red) !important;
  border-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* ========================================================================
   HOMEPAGE
   ======================================================================== */

/* Product Image Stacking Fix */
.stl__outer-products-container,
.stl__products-container,
.stl__products,
.stl__products .indiv-product,
.stl__products .reveal,
.stl__products .grid__image,
.stl__products .aspect-ratio,
.homepage-featured-products,
.homepage-featured-products .grid__item,
.homepage-featured-products .indiv-product,
.homepage-featured-products .reveal,
.homepage-featured-products .grid__image,
.homepage-featured-products .aspect-ratio {
  position: relative;
  z-index: 0 !important;
}

/* ------------------------------------------------------------------------
   Collection List
   ------------------------------------------------------------------------ */


/* Quote Graphic */
#shopify-section-template--28086005694743__62382d58-6408-48c3-9f9f-40ecb2a92b93 .title-bar::before,
#shopify-section-template--28086006055191__8eb91fa5-c856-425a-8de6-52b2d66dea15 .title-bar::before,
#shopify-section-template--28086005694743__c46c5f4a-d618-425f-8bdd-c0010b58e208 .title-bar::before {
  content: "" !important;
  display: block !important;

  width: 320px !important;
  height: 30px !important;

  margin: 0 auto 35px !important;

  background:
    linear-gradient(currentColor, currentColor) center top / 85% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center bottom / 85% 1px no-repeat !important;

  color: var(--at-color--cream) !important;
}
}





/* ========================================================================
   GLOBAL BUTTONS
   ======================================================================== */

/* Global Button Focus */
button:focus,
button:focus-visible,
button:active,
a.btn:focus,
a.btn:focus-visible,
a.btn:active,
input[type="submit"]:focus,
input[type="submit"]:focus-visible,
input[type="submit"]:active,
input[type="button"]:focus,
input[type="button"]:focus-visible,
input[type="button"]:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Global Button Typography, Proportions, & Fade */
a.btn,
a.btn.btn-primary,
a.btn.btn-secondary,
a.btn.featured-collection__view-all,
a.btn.btn-custom.stl__btn,
.action-buttons .btn,
.at-flexible-cta-block__content .btn,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.product-form__cart-submit,
input[type="submit"],
input[type="button"] {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 14px 24px !important;
  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Main Button Styling */
.featured-collection__view-all,
.stl__btn,
.collection-pagination #AjaxinateLoadMore .btn,
.search-results__meta-view-all .btn,
.notify-me_submit input[type="submit"] {
  background-color: var(--at-color--black-ish) !important;
  border-color: var(--at-color--black-ish) !important;
  color: var(--at-color--cream) !important;
  opacity: 1 !important;
}

/* Main Button Hover */
.featured-collection__view-all:hover,
.featured-collection__view-all:focus,
.featured-collection__view-all:active,
.stl__btn:hover,
.stl__btn:focus,
.stl__btn:active,
.collection-pagination #AjaxinateLoadMore .btn:hover,
.collection-pagination #AjaxinateLoadMore .btn:focus,
.collection-pagination #AjaxinateLoadMore .btn:active,
.search-results__meta-view-all .btn:hover,
.search-results__meta-view-all .btn:focus,
.search-results__meta-view-all .btn:active,
.notify-me_submit input[type="submit"]:hover,
.notify-me_submit input[type="submit"]:focus,
.notify-me_submit input[type="submit"]:active {
  background-color: var(--at-color--taupe) !important;
  border-color: var(--at-color--taupe) !important;
  color: var(--at-color--cream) !important;
  opacity: 1 !important;
}

/* ========================================================================
   PAGE HEADERS
   ======================================================================== */

/* Main Page Header */
.title-bar h1 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
}

/* Social Media Header */
section:has(.homepage-section-social-media) .title-bar h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  text-transform: none !important;
}

/* ========================================================================
   COLLECTIONS PAGES
   ======================================================================== */

/* Collection Header Spacing */
.collection-header-wrapper .collection-title {
  padding-top: 40px !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
}

/* Collection Header Typography */
.collection-title .collection-header h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  margin-bottom: 0 !important;
}
/* ------------------------------------------------------------------------
   Collection Description
   ------------------------------------------------------------------------ */

/* Collection Description Wrapper */
.collection-header-wrapper
.description-content:not(:empty) {
  background-color: var(--at-color--cream) !important;

  padding-top: 30px !important;
  padding-bottom: 20px !important;
  padding-left: 300px !important;
  padding-right: 300px !important;

  margin-top: 0 !important;
}

/* Collection Description Paragraph */
.collection-header-wrapper
.description-content p {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;

  font-size: 16px !important;
  line-height: 1.5 !important;

  text-align: justify !important;
}

/* Collection Quote */
.collection-header-wrapper
.description-content h4 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 400 !important;
  font-style: italic !important;

  font-size: 14px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.05em !important;

  text-align: center !important;
  text-transform: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* Collection Citation */
.collection-header-wrapper
.description-content h5 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;

  font-size: 13px !important;
  line-height: 1.4 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

/* Collection Description Last Element */
.collection-header-wrapper
.description-content > *:last-child {
  margin-bottom: 0 !important;
}

/* Collection Description — Smaller Desktop */
@media screen and (max-width: 1200px) {
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}

/* Collection Description — Tablet */
@media screen and (max-width: 991px) {
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

/* Collection Description — Mobile */
@media screen and (max-width: 767px) {
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .collection-header-wrapper
  .description-content p {
    font-size: 16px !important;
    text-align: left !important;
  }
}

/* ------------------------------------------------------------------------
   Collection Navigation
   ------------------------------------------------------------------------ */

/* Collection Filter & Sort Headings */
.facets__heading,
.collection-filters__label {
  font-family: "Silver Editorial", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
}

/* ------------------------------------------------------------------------
   Collection List
   ------------------------------------------------------------------------ */

/* Collection List Header */
.title-bar:has(+ .collection-grid) h2,
.title-bar:has(+ .collection-grid) h3 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  text-transform: none !important;
  font-size: 2.5em !important;
  color: var(--at-color--wine-red) !important;
}

/* Collection List Images */
.collection-grid .indiv-collection-grid-homepage .grid-image img {
  opacity: 1;
  transition: opacity 0.4s ease-in-out !important;
}

.collection-grid .indiv-collection-grid-homepage:hover .grid-image img {
  opacity: 0.7 !important;
}

/* Collection List Link Typography */
.collection-grid .homepage-collection-link h3,
.collection-grid .homepage-collection-link h3 a {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 1em !important;
  text-transform: uppercase !important;
  color: var(--at-color--black-ish) !important;
  text-decoration: none !important;
}

/* Collection List Link Transition */
.collection-grid .homepage-collection-link h3 a {
  transition: color 0.4s ease-in-out !important;
  text-decoration: none !important;
}

/* Collection List Link Hover */
.collection-grid .homepage-collection-link h3 a:hover,
.collection-grid .homepage-collection-link h3 a:focus,
.collection-grid .indiv-collection-grid-homepage:hover .homepage-collection-link h3 a {
  color: var(--at-color--gold) !important;
  text-decoration: none !important;
}

/* ------------------------------------------------------------------------
   Collection Filters - Borders
   ------------------------------------------------------------------------ */

/* Filter Dropdown Borders */
.facets__disclosure {
  border-color: var(--at-color--taupe) !important;
  transition: box-shadow 0.4s ease-in-out !important;
}

/* Filter Dropdown Hover */
.facets__disclosure:hover {
  box-shadow: 0 0 0 0.1rem var(--at-color--taupe) !important;
}

/* Filter Dropdown Focus */
.facets__summary:focus,
.facets__summary:focus-visible {
  border-color: var(--at-color--taupe) !important;
  outline: none !important;
}

/* Sort By Border */
.collection-filters__sort,
#SortBy {
  border: 0 !important;
  box-shadow: 0 0 0 0.1rem var(--at-color--taupe) !important;
  transition: box-shadow 0.4s ease-in-out !important;
}

/* Sort By Hover */
.collection-filters__sort:hover,
#SortBy:hover {
  box-shadow: 0 0 0 0.2rem var(--at-color--taupe) !important;
}

/* Sort By Focus */
.collection-filters__sort:focus,
.collection-filters__sort:focus-visible,
#SortBy:focus,
#SortBy:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem var(--at-color--taupe) !important;
}

/* ========================================================================
   TESTIMONIALS
   ======================================================================== */

/* Testimonial Header */
.flexslider-homepage-testimonial .title-bar h2,
.title-bar:has(+ .row .flexslider-container-testimonial) h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  text-transform: none !important;
}

/* Testimonial Author */
.testimonial-container .author {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  color: var(--at-color--taupe) !important;
}

/* Testimonial Stars */
.testimonial-stars {
  color: var(--at-color--gold) !important;
}

/* ========================================================================
   HEADER
   ======================================================================== */

/* ------------------------------------------------------------------------
   Desktop Navigation - Main Menu
   ------------------------------------------------------------------------ */

/* Main Menu Text */
.nav-pills,
.nav-pills > li,
.nav-pills > li > a {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 14px;
  text-transform: uppercase !important;
  letter-spacing: 0.06em;
  color: var(--at-color--black-ish) !important;
  opacity: 1 !important;
}

/* Menu Text Animation */
.nav-pills a,
.dropdown-menu.dropdown-menu--standard li a,
.dropdown-submenu .dropdown-submenu__link {
  transition:
    color 0.4s ease-in-out,
    opacity 0.4s ease-in-out !important;
}

/* Main Menu Hover */
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------------
   Desktop Navigation - Dropdown Menu
   ------------------------------------------------------------------------ */

/* Dropdown Background */
.dropdown-menu.dropdown-menu--standard {
  background-color: var(--at-color--cream) !important;
  border: none !important;
}

/* Dropdown Animation */
.dropdown-menu,
.dropdown-submenu {
  transition:
    opacity 0.4s ease-in-out,
    visibility 0.4s ease-in-out !important;
}

/* Submenu Text */
.dropdown-menu.dropdown-menu--standard li,
.dropdown-menu.dropdown-menu--standard li a,
.dropdown-submenu .dropdown-submenu__link {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal;
  color: var(--at-color--black-ish) !important;
}

/* Submenu Hover */
.dropdown-menu.dropdown-menu--standard li:hover > a,
.dropdown-menu.dropdown-menu--standard li:focus > a,
.dropdown-menu.dropdown-menu--standard li a:hover,
.dropdown-menu.dropdown-menu--standard li a:focus,
.dropdown-submenu .dropdown-submenu__link:hover,
.dropdown-submenu .dropdown-submenu__link:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------------
   Desktop Navigation - Sub-Submenu
   ------------------------------------------------------------------------ */

/* Sub-Submenu Background */
.dropdown-submenu .dropdown-menu {
  background-color: var(--at-color--wine-red) !important;
  border: none !important;
}

/* Sub-Submenu Text */
.dropdown-submenu .dropdown-menu li a {
  color: var(--at-color--cream) !important;
}

/* Sub-Submenu Hover */
.dropdown-submenu .dropdown-menu li a:hover,
.dropdown-submenu .dropdown-menu li a:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* ========================================================================
   MOBILE NAVIGATION
   ======================================================================== */

/* ------------------------------------------------------------------------
   Mobile Navigation - Main Drawer
   ------------------------------------------------------------------------ */

/* Background */
#theme-menu,
#theme-menu .mobile-menu-main {
  background-color: var(--at-color--cream) !important;
}

/* Main Menu Text */
#theme-menu .mobile-menu-main > li > .mobile-menu-link {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: var(--at-color--black-ish) !important;
}

/* Divider Lines */
#theme-menu .mobile-menu-main > li > .mobile-menu-link {
  border-bottom-color: var(--at-color--black-ish) !important;
}

/* Hover Transition */
#theme-menu .mobile-menu-main > li > .mobile-menu-link {
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Hover State */
#theme-menu .mobile-menu-main > li > .mobile-menu-link:hover,
#theme-menu .mobile-menu-main > li > .mobile-menu-link:focus {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}


/* ------------------------------------------------------------------------
   Mobile Navigation - Secondary Drawer
   ------------------------------------------------------------------------ */

/* Background */
#theme-menu .mobile-menu-child {
  background-color: var(--at-color--wine-red) !important;
}

/* Menu Text */
#theme-menu .mobile-menu-child .mobile-menu-link {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--at-color--cream) !important;
}

/* Divider Lines */
#theme-menu .mobile-menu-child .mobile-menu-link {
  border-bottom-color: var(--at-color--cream) !important;
}

/* Hover Transition */
#theme-menu .mobile-menu-child .mobile-menu-link {
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Hover State */
#theme-menu .mobile-menu-child .mobile-menu-link:hover,
#theme-menu .mobile-menu-child .mobile-menu-link:focus {
  background-color: var(--at-color--cream) !important;
  color: var(--at-color--black-ish) !important;
}


/* ------------------------------------------------------------------------
   Mobile Navigation - Third Drawer
   ------------------------------------------------------------------------ */

/* Background */
#theme-menu .mobile-menu-grandchild {
  background-color: var(--at-color--cream) !important;
}

/* Menu Text */
#theme-menu .mobile-menu-grandchild .mobile-menu-link {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--at-color--black-ish) !important;
}

/* Divider Lines */
#theme-menu .mobile-menu-grandchild .mobile-menu-link {
  border-bottom-color: var(--at-color--black-ish) !important;
}

/* Hover Transition */
#theme-menu .mobile-menu-grandchild .mobile-menu-link {
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Hover State */
#theme-menu .mobile-menu-grandchild .mobile-menu-link:hover,
#theme-menu .mobile-menu-grandchild .mobile-menu-link:focus {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* ------------------------------------------------------------------------
   Mobile Navigation - Back Button
   ------------------------------------------------------------------------ */

/* Back Button Typography */
#theme-menu .mobile-menu-back,
#theme-menu .mobile-menu-back div {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Back Button Alignment */
#theme-menu .mobile-menu-back {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Back Arrow */
#theme-menu .mobile-menu-back svg {
  flex-shrink: 0 !important;
}

/* Back Button Text */
#theme-menu .mobile-menu-back div {
  line-height: 1 !important;
}

/* Secondary Drawer Back Button */
#theme-menu .mobile-menu-child .mobile-menu-back {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Secondary Drawer Back Button Hover */
#theme-menu .mobile-menu-child .mobile-menu-back:hover,
#theme-menu .mobile-menu-child .mobile-menu-back:focus,
#theme-menu .mobile-menu-child .mobile-menu-back:active {
  background-color: var(--at-color--cream) !important;
  color: var(--at-color--black-ish) !important;
}

/* Third Drawer Back Button */
#theme-menu .mobile-menu-grandchild .mobile-menu-back {
  background-color: var(--at-color--cream) !important;
  color: var(--at-color--black-ish) !important;
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Third Drawer Back Button Hover */
#theme-menu .mobile-menu-grandchild .mobile-menu-back:hover,
#theme-menu .mobile-menu-grandchild .mobile-menu-back:focus,
#theme-menu .mobile-menu-grandchild .mobile-menu-back:active {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* ------------------------------------------------------------------------
   Mobile Navigation - Close Button
   ------------------------------------------------------------------------ */


/* Close Button Background */
#theme-menu .mobile-menu-close,
#theme-menu .menu-close-icon {
  background: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Close Icon */
#theme-menu .menu-close-icon svg {
  stroke: currentColor !important;
}

/* Main Drawer Close Icon */
#theme-menu:has(> .mobile-menu-main.active)
.menu-close-icon {
  color: var(--at-color--black-ish) !important;
}

/* Main Drawer Hover */
#theme-menu:has(> .mobile-menu-main.active)
.menu-close-icon:hover {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* Main Drawer Focus */
#theme-menu:has(> .mobile-menu-main.active)
.menu-close-icon:focus,
#theme-menu:has(> .mobile-menu-main.active)
.menu-close-icon:focus-visible,
#theme-menu:has(> .mobile-menu-main.active)
.menu-close-icon:active {
  background-color: transparent !important;
  color: var(--at-color--black-ish) !important;
}


/* Secondary Drawer Close Icon */
#theme-menu:has(.mobile-menu-child.active)
.menu-close-icon {
  color: var(--at-color--cream) !important;
}

/* Secondary Drawer Hover */
#theme-menu:has(.mobile-menu-child.active)
.menu-close-icon:hover {
  background-color: var(--at-color--cream) !important;
  color: var(--at-color--black-ish) !important;
}

/* Secondary Drawer Focus */
#theme-menu:has(.mobile-menu-child.active)
.menu-close-icon:focus,
#theme-menu:has(.mobile-menu-child.active)
.menu-close-icon:focus-visible,
#theme-menu:has(.mobile-menu-child.active)
.menu-close-icon:active {
  background-color: transparent !important;
  color: var(--at-color--cream) !important;
}


/* Third Drawer Close Icon */
#theme-menu:has(.mobile-menu-grandchild.active)
.menu-close-icon {
  color: var(--at-color--black-ish) !important;
}

/* Third Drawer Hover */
#theme-menu:has(.mobile-menu-grandchild.active)
.menu-close-icon:hover {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* Third Drawer Focus */
#theme-menu:has(.mobile-menu-grandchild.active)
.menu-close-icon:focus,
#theme-menu:has(.mobile-menu-grandchild.active)
.menu-close-icon:focus-visible,
#theme-menu:has(.mobile-menu-grandchild.active)
.menu-close-icon:active {
  background-color: transparent !important;
  color: var(--at-color--black-ish) !important;
}

/* ------------------------------------------------------------------------
   Mobile Navigation - Focus States
   ------------------------------------------------------------------------ */


/* Remove Focus Outline */
#theme-menu a:focus,
#theme-menu a:focus-visible,
#theme-menu button:focus,
#theme-menu button:focus-visible,
#theme-menu .mobile-menu-link:focus,
#theme-menu .mobile-menu-link:focus-visible,
#theme-menu .menu-close-icon:focus,
#theme-menu .menu-close-icon:focus-visible,
#theme-menu .mobile-menu-back:focus,
#theme-menu .mobile-menu-back:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}


/* ------------------------------------------------------------------------
   Header Icons
   ------------------------------------------------------------------------ */

/* Header Icons */
.header-wrapper .header-link,
.header-wrapper .header-link--button {
  color: var(--at-color--black-ish) !important;
  opacity: 1 !important;
  transition:
    color 0.4s ease-in-out,
    opacity 0.4s ease-in-out !important;
}

/* Header Icon Hover */
.header-wrapper .header-link:hover,
.header-wrapper .header-link:focus,
.header-wrapper .header-link--button:hover,
.header-wrapper .header-link--button:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------------
   Announcement Bar
   ------------------------------------------------------------------------ */

/* Announcement Bar Text */
.notification-bar__message p {
  text-transform: none !important;
}

/* Announcement Bar Links */
.notification-bar a,
.notification-bar__message a {
  color: var(--at-color--cream) !important;
  opacity: 1 !important;
  text-decoration: none !important;

  transition:
    color 0.4s ease-in-out,
    opacity 0.4s ease-in-out !important;
}

/* Announcement Bar Link Hover */
.notification-bar a:hover,
.notification-bar a:focus,
.notification-bar__message a:hover,
.notification-bar__message a:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* Currency Selector */
.notification-bar select,
.notification-bar .localization-form,
.notification-bar .localization-form button,
.notification-bar .localization-selector {
  background-color: var(--at-color--black-ish) !important;
  color: var(--at-color--cream) !important;
}

/* Currency Selector Transition */
.notification-bar .localization-form button,
.notification-bar .localization-selector {
  opacity: 1 !important;

  transition:
    color 0.4s ease-in-out,
    opacity 0.4s ease-in-out !important;
}

/* Currency Selector Hover */
.notification-bar .localization-form button:hover,
.notification-bar .localization-form button:focus,
.notification-bar .localization-selector:hover,
.notification-bar .localization-selector:focus {
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------------
   Search Bar
   ------------------------------------------------------------------------ */

/* Search Bar Background */
.top-search,
.top-search #search-page-form,
.top-search #search-wrapper,
.top-search .search-bar--controls,
.top-search .search_fieldset {
  background-color: var(--at-color--cream) !important;
}


/* Search Input */
.top-search #search_text {
  background-color: var(--at-color--cream) !important;

  color: var(--at-color--black-ish) !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Search Placeholder */
.top-search #search_text::placeholder {
  color: var(--at-color--black-ish) !important;
  opacity: 1 !important;
}


/* Search & Close Icons */
.top-search #search_submit,
.top-search #search-bar--clear {
  color: var(--at-color--gold) !important;

  background-color: transparent !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Search & Close Icon SVG */
.top-search #search_submit svg,
.top-search #search-bar--clear svg {
  color: var(--at-color--gold) !important;
  stroke: var(--at-color--gold) !important;
}


/* Clear Text */
.top-search .search-results__meta-clear {
  color: var(--at-color--black-ish) !important;
  background-color: transparent !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ========================================================================
   SEARCH DROPDOWN
   ======================================================================== */


/* ------------------------------------------------------------------------
   Search Dropdown - Results
   ------------------------------------------------------------------------ */


/* Group Headers */
#top-search-wrapper .predictive-search-group h2 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--at-color--gold) !important;
}


/* Result Names */
#top-search-wrapper .search--result-group h5,
#top-search-wrapper .search--result-group h5 a {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: var(--at-color--black-ish) !important;
  opacity: 1 !important;
}


/* Result Link Transition */
#top-search-wrapper .search--result-group a {
  opacity: 1 !important;
  transition: color 0.4s ease-in-out !important;
}


/* Result Link Hover */
#top-search-wrapper .search--result-group a:hover,
#top-search-wrapper .search--result-group a:focus {
  color: var(--at-color--wine-red) !important;
  opacity: 1 !important;
}


/* ------------------------------------------------------------------------
   Search Dropdown - Controls
   ------------------------------------------------------------------------ */


/* Search Controls Alignment */
#top-search-wrapper .search-bar--controls,
#top-search-wrapper .search_fieldset,
#top-search-wrapper #search-bar--clear {
  align-items: center !important;
}


/* Search and Close Buttons */
#top-search-wrapper #search_submit,
#top-search-wrapper #search-bar--clear {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--at-color--gold) !important;
  opacity: 1 !important;
  transition: color 0.4s ease-in-out !important;
}


/* Search and Close Icons */
#top-search-wrapper #search_submit svg,
#top-search-wrapper #search-bar--clear svg {
  color: inherit !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  transition: stroke 0.4s ease-in-out, color 0.4s ease-in-out !important;
}


/* Search and Close Buttons Hover */
#top-search-wrapper #search_submit:hover,
#top-search-wrapper #search_submit:focus,
#top-search-wrapper #search-bar--clear:hover,
#top-search-wrapper #search-bar--clear:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--at-color--wine-red) !important;
  opacity: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Search and Close Icons Hover */
#top-search-wrapper #search_submit:hover svg,
#top-search-wrapper #search_submit:focus svg,
#top-search-wrapper #search-bar--clear:hover svg,
#top-search-wrapper #search-bar--clear:focus svg {
  color: var(--at-color--wine-red) !important;
  stroke: var(--at-color--wine-red) !important;
  opacity: 1 !important;
}


/* Clear Button */
#top-search-wrapper .search_fieldset .search-results__meta-clear {
  position: absolute !important;
  top: 50% !important;
  right: 60px !important;
  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: auto !important;

  background: transparent !important;
  background-color: transparent !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 11px !important;
  line-height: 1 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;

  color: var(--at-color--taupe) !important;
  opacity: 1 !important;

  transition: color 0.4s ease-in-out !important;
}

/* Clear Button Hover */
#top-search-wrapper .search_fieldset .search-results__meta-clear:hover,
#top-search-wrapper .search_fieldset .search-results__meta-clear:focus {
  background: transparent !important;
  background-color: transparent !important;

  color: var(--at-color--wine-red) !important;
  opacity: 1 !important;

  outline: none !important;
  box-shadow: none !important;
}


/* ------------------------------------------------------------------------
   Search Dropdown - Links
   ------------------------------------------------------------------------ */


/* Search Links */
#top-search-wrapper a:not(.btn) {
  opacity: 1 !important;
  transition: color 0.4s ease-in-out !important;
}


/* Search Link Hover */
#top-search-wrapper a:not(.btn):hover,
#top-search-wrapper a:not(.btn):focus {
  color: var(--at-color--wine-red) !important;
  opacity: 1 !important;
}

/* ========================================================================
   SHOP THE LOOK
   ======================================================================== */

/* Desktop Layout */
@media screen and (min-width: 768px) {
  .stl__main {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "image products"
      "button button";
    column-gap: 50px;
    row-gap: 30px;
    align-items: stretch;
  }

/* Allow Image + Button to Participate in Main Grid */
  .stl__image-container {
    display: contents !important;
  }

/* Main Image */
  .stl__image-container > div.stl__image {
    grid-area: image;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .stl__image-container > div.stl__image > img.stl__image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }

/* Products */
  .stl__outer-products-container {
    grid-area: products;
    width: 100% !important;
    align-self: stretch;
  }

/* Desktop Shop Button */
  .stl__description-container--left {
    grid-area: button;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }
}

/* Mobile Layout */
@media screen and (max-width: 767px) {
  .stl__main {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .stl__image-container {
    display: block !important;
    width: 100% !important;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  .stl__image-container > div.stl__image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .stl__image-container > div.stl__image > img.stl__image {
    position: relative;
    inset: auto;
    width: 100% !important;
    height: auto !important;
    object-fit: initial;
    display: block;
  }

  .stl__outer-products-container {
    width: 100% !important;
    flex: 0 0 100%;
  }

  .stl__products-container {
    width: 100%;
  }

/* Hide Desktop Button */
  .stl__description-container--left,
  .stl__description-container--right {
    display: none !important;
  }

/* Restore Mobile Button */
  .stl__description-container--mobile {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
}

/* ------------------------------------------------------------------------
   Compare Sale Price
   ------------------------------------------------------------------------ */

/* Product Grid Sale Prices */

.indiv-product .money-styling {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
  width: 100%;
}

/* Compare-at Price */
.indiv-product .compare-at-price {
  position: relative;
  display: inline-block;
  width: auto;
  flex: 0 0 auto;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none !important;
  color: var(--at-color--taupe) !important;
}

/* Taupe Compare-at Price */
.indiv-product .compare-at-price,
.indiv-product .compare-at-price .money {
  color: var(--at-color--taupe) !important;
}

/* Remove Theme's Native Strikethrough */
.indiv-product .compare-at-price .money {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}

/* Custom Strikethrough With Controllable Position */
.indiv-product .compare-at-price .money::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  height: 1px;
  background: currentColor;
  pointer-events: none;
}

/* Unit Price Row */
.indiv-product .product-grid--pricing--price-per-unit {
  flex-basis: 100%;
  width: 100%;
}

/* ========================================================================
   PRODUCT BADGES
   ======================================================================== */


/* ------------------------------------------------------------------------
   Product Badges - Shared
   ------------------------------------------------------------------------ */

/* Shared Layout */
.sold-out-badge,
.sale-badge,
.made-to-order-badge,
.customizable-badge {
  line-height: 14px !important;
  padding: 10px 20px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Shared Typography */
.sold-out-badge,
.sale-badge,
.made-to-order-badge,
.customizable-badge {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}


/* ------------------------------------------------------------------------
   Product Badges - Sold
   ------------------------------------------------------------------------ */


/* Sold Out Badge */
.sold-out-badge {
  background-color: var(--at-color--gray-brown) !important;
  color: var(--at-color--cream) !important;
}


/* ------------------------------------------------------------------------
   Product Badges - Sale
   ------------------------------------------------------------------------ */


/* Sale Badge */
.sale-badge {
  background-color: var(--at-color--gold) !important;
  color: var(--at-color--cream) !important;
}


/* ------------------------------------------------------------------------
   Product Badges - Made to Order
   ------------------------------------------------------------------------ */


/* Made to Order Badge */
.made-to-order-badge {
  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* ------------------------------------------------------------------------
   Product Badges - Customizable
   ------------------------------------------------------------------------ */

/* Customizable Badge */
.customizable-badge {
  background-color: var(--at-color--taupe) !important;
  color: var(--at-color--cream) !important;
}

/* ------------------------------------------------------------------------
   Product Badges - Individual Product Page
   ------------------------------------------------------------------------ */


/* Desktop Badge Position */
#product-box .product-medias .sold-out-badge,
#product-box .product-medias .made-to-order-badge,
#product-box .product-medias .customizable-badge {
  left: 15px !important;
}

/* Desktop Badge Position */
#product-box .product-medias .sale-badge,
#product-box .product-medias .sold-out-badge,
#product-box .product-medias .made-to-order-badge,
#product-box .product-medias .customizable-badge {
  left: 15px !important;
}


/* ========================================================================
   FOOTER
   ======================================================================== */


/* Footer Headers */
.footer-block--wrapper h3 {
  font-family: "Silver Editorial", serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5em;
  color: var(--at-color--gold);
}


/* Footer Menu Spacing */
.footer-block--wrapper nav ul {
  margin: 0 !important;
  padding: 0 !important;
}

.footer-block--wrapper nav li {
  margin: 0 !important;
  padding: 0 !important;
}


/* Footer Text */
.footer-block--wrapper nav li a,
.footer-block--wrapper .footer-article p {
  display: block;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Footer Links */
footer .footer-block--wrapper nav li a,
footer .footer-block--wrapper nav li a:link,
footer .footer-block--wrapper nav li a:visited,
footer .footer-block--wrapper .footer-article a,
footer .footer-block--wrapper .footer-article a:link,
footer .footer-block--wrapper .footer-article a:visited {
  color: var(--at-color--cream) !important;

  opacity: 1 !important;

  transition:
    color 0.4s ease-in-out !important;
}


/* Footer Link Hover */
footer .footer-block--wrapper nav li a:hover,
footer .footer-block--wrapper nav li a:focus,
footer .footer-block--wrapper nav li a:active,
footer .footer-block--wrapper .footer-article a:hover,
footer .footer-block--wrapper .footer-article a:focus,
footer .footer-block--wrapper .footer-article a:active {
  color: var(--at-color--taupe) !important;

  opacity: 1 !important;
}


/* Footer Social Icons */
.footer__social-icons svg path {
  fill: var(--at-color--cream) !important;
  transition: fill 0.4s ease-in-out !important;
}


/* Footer Social Icon Hover */
.footer__social-icons a:hover svg path,
.footer__social-icons a:focus svg path {
  fill: var(--at-color--taupe) !important;
}

/* ========================================================================
   PRODUCT CARDS
   ======================================================================== */

/* Global Product Title */
.indiv-product-title-text {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 13px !important;
  color: var(--at-color--black-ish) !important;
  transition: color 0.4s ease-in-out !important;
}

/* Global Product Price */
.money-styling,
.money-styling .money {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 17px !important;
  color: var(--at-color--black-ish) !important;
  transition: color 0.4s ease-in-out !important;
}

/* Disable Theme Product Text Fade */
.indiv-product .hp-subtitle,
.indiv-product:hover .hp-subtitle {
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Product Title & Price Hover */
.indiv-product:hover .indiv-product-title-text,
.indiv-product:hover .money-styling,
.indiv-product:hover .money-styling .money,
.indiv-product a:hover .indiv-product-title-text,
.indiv-product a:hover .money-styling,
.indiv-product a:hover .money-styling .money,
.indiv-product a:focus .indiv-product-title-text,
.indiv-product a:focus .money-styling,
.indiv-product a:focus .money-styling .money {
  color: var(--at-color--gold) !important;
}

/* Product Image Hover Fade */
.reveal > a > img {
  opacity: 1 !important;
  transition: opacity 0.4s ease-in-out !important;
}

.reveal .hidden {
  opacity: 0 !important;
  z-index: -1;

  transition:
    opacity 0.4s ease-in-out,
    z-index 0s linear 0.4s !important;
}

/* Product Image Hover */
@media screen and (min-width: 768px) {

  .reveal:hover > a > img {
    opacity: 0 !important;
  }

  .reveal:hover .hidden {
    opacity: 1 !important;
    z-index: 1;

    transition:
      opacity 0.4s ease-in-out,
      z-index 0s linear 0s !important;
  }
}

/* ------------------------------------------------------------------------
   Empty Collection Message
   ------------------------------------------------------------------------ */

/* Empty Collection Message */
.grid__item.small--text-center > p.text-center {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: var(--at-color--black-ish) !important;
  max-width: 650px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* Empty Collection Link */
.grid__item.small--text-center > p.text-center a {
  color: var(--at-color--gold) !important;
  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;

  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

/* Empty Collection Link Hover */
.grid__item.small--text-center > p.text-center a:hover,
.grid__item.small--text-center > p.text-center a:focus {
  color: var(--at-color--wine-red) !important;
  text-decoration-color: var(--at-color--wine-red) !important;
}

/* ========================================================================
   PRODUCT PAGE: BASE / DEFAULT
   ======================================================================== */

/* All product templates inherit these base styles.
   Additive product-type and collection overrides appear later in this file. */

/* ------------------------------------------------------------------------
   Product Page - Product Header
   ------------------------------------------------------------------------ */

/* Product Title */
.product-description-main-wrapper .product-description-header {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: normal !important;
}

/* ------------------------------------------------------------------------
   Product Page - Price
   ------------------------------------------------------------------------ */

/* Regular Product Price */
.product-page--pricing .money {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  font-size: 18px !important;
  letter-spacing: 0.1em !important;
  color: var(--at-color--black-ish) !important;
}

/* Compare At Price */
.product-page--pricing .compare-at-price,
.product-page--pricing .compare-at-price .money {
  font-family: "Silver Editorial", serif !important;
  font-weight: 100 !important;
  font-style: italic !important;
  font-size: 18px !important;
  letter-spacing: 0.1em !important;
  color: var(--at-color--taupe) !important;
}

/* ------------------------------------------------------------------------
   Product Page - Description
   ------------------------------------------------------------------------ */

/* Final Sale Notice H6 */
.product-description-wrapper h6 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--at-color--wine-red) !important;
  margin-bottom: 25px !important;

}

/* Product Description H1 */
.product-description-wrapper h1 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  color: var(--at-color--black-ish) !important;
  margin-bottom: 5px !important;
}


/* Product Description H1 Nested Text */
.product-description-wrapper h1 span,
.product-description-wrapper h1 strong,
.product-description-wrapper h1 b {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}

/* Materials & Measurements Labels */
.product-description-wrapper .product-detail-label {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: .8em !important;
  text-transform: uppercase !important;
  color: var(--at-color--black-ish) !important;
}

/* Have Questions H5 */
.product-description-wrapper h5 {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1.1em !important;
  letter-spacing: 0.01em !important;
}

/* ------------------------------------------------------------------------
   Product Page - Variant Selector
   ------------------------------------------------------------------------ */

/* Variant Title */
.product-info-wrapper .variants-container .swatch-title {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 13px !important;
  color: var(--at-color--black-ish) !important;
}

/* Variant Buttons */
.product-info-wrapper .variants-container .swatch .swatch-element label {
  border: 1px solid var(--at-color--black-ish) !important;
  outline: none !important;
  box-shadow: none !important;

  transition:
    border-color 0.4s ease-in-out,
    box-shadow 0.4s ease-in-out !important;
}

/* Remove Theme / Browser Focus Ring */
.product-info-wrapper .variants-container .swatch .swatch-element:focus-within label,
.product-info-wrapper .variants-container .swatch .swatch-element label:focus,
.product-info-wrapper .variants-container .swatch .swatch-element label:focus-visible {
  outline: none !important;
}

/* Variant Button Hover */
.product-info-wrapper .variants-container .swatch .swatch-element:hover label,
.product-info-wrapper .variants-container .swatch .swatch-element label:hover {
  border: 1px solid var(--at-color--gold) !important;
  box-shadow: inset 0 0 0 1px var(--at-color--gold) !important;
  outline: none !important;
}

/* Selected Variant */
.product-info-wrapper .variants-container .swatch input:checked + label {
  border: 1px solid var(--at-color--gold) !important;
  box-shadow: inset 0 0 0 1px var(--at-color--gold) !important;
  outline: none !important;
}

/* Selected Variant Hover */
.product-info-wrapper .variants-container .swatch input:checked + label:hover {
  border-color: var(--at-color--gold) !important;
  box-shadow: inset 0 0 0 1px var(--at-color--gold) !important;
}

/* ------------------------------------------------------------------------
   Product Page - Questions about Product
   ------------------------------------------------------------------------ */

/* Remove Extra Space After Product Description */
.product-info-wrapper .product-description-wrapper {
  margin-bottom: 0 !important;
}

/* Remove Empty Final Paragraph From Product Description */
.product-info-wrapper .product-description-wrapper > p:last-child:has(br:only-child) {
  display: none !important;
}

/* Product Message */
.product-info-wrapper .at-product-message {
  margin: 0 0 30px !important;
  padding: 0 !important;
}

/* Product Message Paragraph */
.product-info-wrapper .at-product-message p {
  margin: 0 !important;
}

/* Questions Message */
.product-info-wrapper .at-product-message--questions {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1.1em !important;
}

/* Product Email Link */
.product-info-wrapper .at-product-message--questions .product-email-link {
  color: var(--at-color--gold) !important;

  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;

  opacity: 1 !important;

  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

/* Product Email Link Hover */
.product-info-wrapper .at-product-message--questions .product-email-link:hover,
.product-info-wrapper .at-product-message--questions .product-email-link:focus {
  color: var(--at-color--wine-red) !important;
  text-decoration-color: var(--at-color--wine-red) !important;
  opacity: 1 !important;
}


/* ------------------------------------------------------------------------
   Product Page - Quantity
   ------------------------------------------------------------------------ */

/* Quantity Label */
.product-description-main-wrapper .quantity-controls__outer > label {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  color: var(--at-color--black-ish) !important;
  margin-bottom: 10px !important;
}

/* Quantity Selector Border */
.product-description-main-wrapper .quantity-controls {
  border-color: var(--at-color--taupe) !important;
}
/* Quantity Selector Number */
.product-info-wrapper .quantity-controls input,
.product-info-wrapper input[name="quantity"] {
  font-family: "Silver Editorial", serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 12px;
}

/* ------------------------------------------------------------------------
   Product Page - Add to Cart Button
   ------------------------------------------------------------------------ */

/* Add to Cart Button */
.product-page--submit-action #purchase {
  background-color: var(--at-color--black-ish) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--at-color--cream) !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;

  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Add to Cart Button Hover */
.product-page--submit-action #purchase:hover,
.product-page--submit-action #purchase:focus,
.product-page--submit-action #purchase:focus-visible {
  background-color: var(--at-color--gold) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--at-color--white) !important;
}

/* ------------------------------------------------------------------------
   Product Page - More Payment Options
   ------------------------------------------------------------------------ */

/* More Payment Options Link */
.shopify-payment-button .shopify-payment-button__more-options,
.shopify-payment-button #more-payment-options-link {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;

  color: var(--at-color--black-ish) !important;

  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;

  opacity: 1 !important;

  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

/* More Payment Options Link Hover */
.shopify-payment-button .shopify-payment-button__more-options:hover,
.shopify-payment-button .shopify-payment-button__more-options:focus,
.shopify-payment-button .shopify-payment-button__more-options:active,
.shopify-payment-button #more-payment-options-link:hover,
.shopify-payment-button #more-payment-options-link:focus,
.shopify-payment-button #more-payment-options-link:active {
  color: var(--at-color--taupe) !important;
  text-decoration-color: var(--at-color--taupe) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------------
   Product Page - Recommendations
   ------------------------------------------------------------------------ */

/* Product Recommendations Header */
.product-recommendations-wrapper .title-bar h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-size: 2em;
  font-style: italic !important;
  text-transform: none !important;
}

/* Product Recommendations Header Lines */
.product-recommendations-wrapper .title-bar h2:before,
.product-recommendations-wrapper .title-bar h2:after {
  border-bottom-color: var(--at-color--taupe) !important;
}

/* Product Title & Price */
.product-recommendations-wrapper .indiv-product-title-text,
.product-recommendations-wrapper .money-styling,
.product-recommendations-wrapper .money-styling .money {
  color: var(--at-color--black-ish) !important;

  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

/* Product Title Underline */
.product-recommendations-wrapper .indiv-product-title-text {
  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

/* Product Title & Price Hover */
.product-recommendations-wrapper .indiv-product:hover .indiv-product-title-text,
.product-recommendations-wrapper .indiv-product:hover .money-styling,
.product-recommendations-wrapper .indiv-product:hover .money-styling .money {
  color: var(--at-color--gold) !important;
}

/* Product Title Underline Hover */
.product-recommendations-wrapper .indiv-product:hover .indiv-product-title-text {
  text-decoration-color: var(--at-color--gold) !important;
}

/* Alternate Product Image */
.product-recommendations-wrapper .reveal .hidden {
  opacity: 0 !important;
  z-index: -1 !important;

  transition:
    opacity 0.4s ease-in-out,
    z-index 0s linear 0.4s !important;
}

/* Product Card Hover - Show Alternate Image */
@media screen and (min-width: 768px) {

  .product-recommendations-wrapper
  .indiv-product:hover
    .reveal
    .hidden {
      opacity: 1 !important;
    z-index: 1 !important;

    transition:
      opacity 0.4s ease-in-out,
      z-index 0s linear 0s !important;
  }
}

/* ========================================================================
   PRODUCT PAGE: CUSTOMIZE
   ======================================================================== */


/* ------------------------------------------------------------------------
   Product Page - Customize Message
   ------------------------------------------------------------------------ */


/* Customize Message */
.product-info-wrapper .at-product-message--customize {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 600 !important;
  font-style: italic !important;
  font-size: 1.1em !important;
  line-height: 1.2em !important;
  color: var(--at-color--black-ish) !important;
  margin-bottom: 40px !important;

}

/* Customize Message Paragraph Spacing */
.product-info-wrapper
.at-product-message.at-product-message--customize
p + p {
  margin-top: 10px !important;
}


/* ------------------------------------------------------------------------
   Product Page - Purchase Buttons
   ------------------------------------------------------------------------ */


/* Add to Cart Button Spacing */
.product-page--submit-action #purchase {
  margin-bottom: 8px !important;
}

/* Customize Page Add to Cart Button */
.product-page--submit-action:has(> a.btn.secondary-button) #purchase {
  background-color: var(--at-color--gold) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  color: var(--at-color--cream) !important;

  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}


/* Customize Page Add to Cart Button Hover */
.product-page--submit-action:has(> a.btn.secondary-button) #purchase:hover,
.product-page--submit-action:has(> a.btn.secondary-button) #purchase:focus,
.product-page--submit-action:has(> a.btn.secondary-button) #purchase:focus-visible {
  background-color: var(--at-color--wine-red) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  color: var(--at-color--cream) !important;
}

/* Customize Button */
.product-page--submit-action > a.btn.secondary-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 0 0 8px !important;
  padding: 14px 24px !important;

  background-color: var(--at-color--black-ish) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  color: var(--at-color--cream) !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.2 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;

  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}


/* Customize Button Hover */
.product-page--submit-action > a.btn.secondary-button:hover,
.product-page--submit-action > a.btn.secondary-button:focus,
.product-page--submit-action > a.btn.secondary-button:focus-visible {
  background-color: var(--at-color--wine-red) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  color: var(--at-color--white) !important;
}


/* Shopify Payment Button Spacing */
.product-page--submit-action .shopify-payment-button {
  margin-top: 0 !important;
}

/* ========================================================================
   PRODUCT PAGE: VIVIANA LANGHOFF COLLECTIONS
   ======================================================================== */

/* Shared additive layer for all Viviana Langhoff collection product templates.
   Default Product and Customize styles above remain inherited unless
   specifically overridden here. */

/* ------------------------------------------------------------------------
   Product Page - Viviana Langhoff Collection Label
   ------------------------------------------------------------------------ */


/* Collection Label */
.product-info-wrapper
.text-with-icon.borders:has(.at-viviana-langhoff-icon) {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;

  margin-top: 6px !important;
  margin-bottom: 16px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* Collection Label Content */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.text-with-icon--content {
  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}


/* Collection Link */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.is-link,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.is-link:hover,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.is-link:focus,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.is-link:focus-visible {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;

  margin: 0 !important;
  padding: 0 !important;

  outline: none !important;
  box-shadow: none !important;
  background: none !important;

  opacity: 1 !important;
}


/* Collection Link */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:hover,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus-visible {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;

  background: none !important;
  background-image: none !important;

  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;

  opacity: 1 !important;
}


/* Viviana Langhoff Logo */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.at-viviana-langhoff-icon {
  display: block !important;

  width: auto !important;
  max-width: none !important;
  height: 9.9px !important;

  margin: 0 8px 0 0 !important;

  opacity: 1 !important;

  filter:
    brightness(0)
    saturate(100%)
    invert(61%)
    sepia(17%)
    saturate(604%)
    hue-rotate(353deg)
    brightness(86%)
    contrast(92%) !important;

  transition: filter 0.4s ease-in-out !important;
}


/* Collection Name */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
.text-with-icon--text {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 13px !important;

  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;

  color: var(--at-color--taupe) !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
  opacity: 1 !important;

  transition: color 0.4s ease-in-out !important;
}


/* Collection Name Hover */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:hover .text-with-icon--text,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus .text-with-icon--text,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus-visible .text-with-icon--text {
  color: var(--at-color--wine-red) !important;
  opacity: 1 !important;
}


/* Viviana Langhoff Logo Hover */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:hover .at-viviana-langhoff-icon,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus .at-viviana-langhoff-icon,
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
a.link:focus-visible .at-viviana-langhoff-icon {
  opacity: 1 !important;

  filter:
    brightness(0)
    saturate(100%)
    invert(15%)
    sepia(24%)
    saturate(2737%)
    hue-rotate(318deg)
    brightness(75%)
    contrast(99%) !important;
}


/* Collection Label Price Spacing */
.product-info-wrapper
.text-with-icon:has(.at-viviana-langhoff-icon)
+ .product-page--pricing {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------------------
   Product Page - Viviana Langhoff Collection Description
   ------------------------------------------------------------------------ */

/* Collection Description Heading */
.at-collection-description__heading {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  color: var(--at-color--black-ish) !important;
  margin-top: 30px !important;
  margin-bottom: 2px !important;
  letter-spacing: normal; !important;
  font-variant-ligatures: none !important;

}
/* Collection Description Copy */
.at-collection-description__copy {
  font-size: 1em !important;
  line-height: 1.5 !important;
}

/* ========================================================================
   VIVIANA LANGHOFF COLLECTIONS LIST PAGE
   ======================================================================== */

/* ------------------------------------------------------------------------
   Viviana Langhoff Collections List - Header
   ------------------------------------------------------------------------ */

/* Header Spacing */
.homepage-section--rich-text-wrapper
.homepage-sections-wrapper
.rich-text__heading {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Shop All Button */
.homepage-section--rich-text-wrapper
.rich-text__btn
.btn {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;

  min-width: 220px !important;
  padding: 8px 32px !important;

  background-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;

  border: 1px solid var(--at-color--wine-red) !important;
  box-shadow: none !important;

  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out !important;
}

/* Shop All Button Hover */
.homepage-section--rich-text-wrapper
.rich-text__btn
.btn:hover,
.homepage-section--rich-text-wrapper
.rich-text__btn
.btn:focus {
  background-color: var(--at-color--taupe) !important;
  color: var(--at-color--cream) !important;
  border-color: var(--at-color--taupe) !important;
}
/* Shop All Button Animation */
.homepage-section--rich-text-wrapper
.homepage-featured-content-wrapper {
  animation-name: fadeIn !important;
  transform: none !important;
}

/* ------------------------------------------------------------------------
   Viviana Langhoff Collections List - Collection Cards
   ------------------------------------------------------------------------ */


   
/* Collection Names */
.homepage-section--image-gallery-wrapper
.image-bar
.image-bar--title {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;

  font-size: 18px !important;

  text-transform: uppercase !important;

  color: var(--at-color--black-ish) !important;

  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;

  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}


/* Collection Images */
.homepage-section--image-gallery-wrapper
.image-bar
.image-bar__content img {
  opacity: 1 !important;

  transition:
    opacity 0.4s ease-in-out !important;
}


/* Collection Image Hover */
.homepage-section--image-gallery-wrapper
.image-bar
.grid__item:hover
.image-bar__content img {
  opacity: 0.8 !important;
}


/* Collection Name Hover */
.homepage-section--image-gallery-wrapper
.image-bar
.grid__item:hover
.image-bar--title {
  color: var(--at-color--gold) !important;
  text-decoration-color: var(--at-color--gold) !important;
}


/* ========================================================================
   VIVIANA LANGHOFF INDIVIDUAL COLLECTION PAGE
   ======================================================================== */


/* ------------------------------------------------------------------------
   Viviana Langhoff Collection Page - Intro Header
   ------------------------------------------------------------------------ */


/* Viviana Langhoff Collection Intro Animation Override */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.homepage-section--rich-text-wrapper
.rich-text__heading {
  animation: none !important;
  transition: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}


/* Viviana Langhoff Collection Intro Type */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.homepage-section--rich-text-wrapper
.rich-text__heading {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;

  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;

  text-transform: none !important;

  color: var(--at-color--gold) !important;

  margin-bottom: 0 !important;
}


/* Viviana Langhoff Collection Intro Spacing */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.homepage-section--rich-text-wrapper
.homepage-sections-wrapper {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}


/* ------------------------------------------------------------------------
   Viviana Langhoff Collection Page - Header
   ------------------------------------------------------------------------ */


/* Collection Header Spacing */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.collection-title {
  padding-top: 0 !important;
  padding-bottom: 5px !important;

  margin-top: 0 !important;
  margin-bottom: 20px !important;
}


/* Collection Header Typography */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-title
.collection-header h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;

  text-transform: uppercase !important;

  margin-bottom: 0 !important;
}

/* Viviana Langhoff Collection Header Margins */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.homepage-section--rich-text-wrapper
.rich-text__heading,
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-title
.collection-header h2 {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
}

/* ------------------------------------------------------------------------
   Viviana Langhoff Collection Page - Description
   ------------------------------------------------------------------------ */


/* Collection Description Wrapper */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.description-content:not(:empty) {
  background-color: var(--at-color--cream) !important;

  padding-top: 30px !important;
  padding-bottom: 20px !important;
  padding-left: 300px !important;
  padding-right: 300px !important;

  margin-top: 0 !important;
}


/* Collection Description Paragraph */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.description-content p {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;

  font-size: 16px !important;
  line-height: 1.5 !important;

  text-align: justify !important;
}


/* Collection Quote */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.description-content h4 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 400 !important;
  font-style: italic !important;

  font-size: 14px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.05em !important;

  text-align: center !important;
  text-transform: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* Collection Citation */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.description-content h5 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;

  font-size: 13px !important;
  line-height: 1.4 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  margin-top: 0 !important;
  margin-bottom: 30px !important;
}


/* Collection Description Last Element */
.collection-main--wrapper:has(
  .homepage-section--rich-text-wrapper .rich-text__heading
)
.collection-header-wrapper
.description-content > *:last-child {
  margin-bottom: 0 !important;
}


/* ------------------------------------------------------------------------
   Viviana Langhoff Collection Page - Responsive
   ------------------------------------------------------------------------ */


/* Smaller Desktop */
@media screen and (max-width: 1200px) {

  .collection-main--wrapper:has(
    .homepage-section--rich-text-wrapper .rich-text__heading
  )
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

}


/* Tablet */
@media screen and (max-width: 991px) {

  .collection-main--wrapper:has(
    .homepage-section--rich-text-wrapper .rich-text__heading
  )
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

}


/* Mobile */
@media screen and (max-width: 767px) {

  .collection-main--wrapper:has(
    .homepage-section--rich-text-wrapper .rich-text__heading
  )
  .collection-header-wrapper
  .description-content:not(:empty) {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }


  .collection-main--wrapper:has(
    .homepage-section--rich-text-wrapper .rich-text__heading
  )
  .collection-header-wrapper
  .description-content p {
    font-size: 16px !important;
    text-align: left !important;
  }

}

/* ========================================================================
   SEARCH PAGE
   ======================================================================== */

   /* ------------------------------------------------------------------------
   Search Page - Search Field
   ------------------------------------------------------------------------ */


/* Search Field */
#search_text {
  box-sizing: border-box !important;

  border: 1px solid var(--at-color--taupe) !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Search Field Focus */
#search_text:focus,
#search_text:focus-visible {
  border-width: 2px !important;
  border-color: var(--at-color--taupe) !important;

  outline: none !important;
  box-shadow: none !important;
}

/* ========================================================================
   CONTACT PAGE
   ======================================================================== */


/* ------------------------------------------------------------------------
   Contact Page - Social Media
   ------------------------------------------------------------------------ */


/* Social Media Icons */
.homepage-section--social-media-wrapper
.homepage-section-social-media a svg path {
  fill: var(--at-color--black-ish) !important;

  transition:
    fill 0.4s ease-in-out !important;
}


/* Social Media Icon Hover */
.homepage-section--social-media-wrapper
.homepage-section-social-media a:hover svg path,
.homepage-section--social-media-wrapper
.homepage-section-social-media a:focus svg path {
  fill: var(--at-color--gold) !important;
}


/* ------------------------------------------------------------------------
   Contact Page - Location
   ------------------------------------------------------------------------ */


/* Location Subheading */
.homepage-section--text-over-image-wrapper
.hero__inner
.title-bar h3 {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;

  font-size: 13px !important;
  line-height: 1.4 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;

  color: var(--at-color--gold) !important;
}


/* Location Heading */
.homepage-section--text-over-image-wrapper
.hero__inner
.title-bar h2 {
  font-family: "Silver Editorial", serif !important;
  font-weight: 300 !important;
  font-style: italic !important;

  font-size: 38px !important;
  line-height: 1.4 !important;

  text-transform: none !important;
  letter-spacing: normal !important;

  color: var(--at-color--black-ish) !important;
}


/* Address */
.homepage-section--text-over-image-wrapper
.hero__inner
.hero__text {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;

  font-size: 20px !important;
  line-height: 1.4 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;

  color: var(--at-color--black-ish) !important;
}


/* ------------------------------------------------------------------------
   Contact Page - Get Directions Button
   ------------------------------------------------------------------------ */


/* Get Directions Button */
#main
.homepage-section--text-over-image-wrapper
.hero
.hero__inner
.btn {
  background-color: var(--at-color--wine-red) !important;
  border-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;

  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;

  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}


/* Get Directions Button Hover */
#main
.homepage-section--text-over-image-wrapper
.hero
.hero__inner
.btn:hover,
#main
.homepage-section--text-over-image-wrapper
.hero
.hero__inner
.btn:focus {
  background-color: var(--at-color--cream) !important;
  border-color: var(--at-color--cream) !important;
  color: var(--at-color--black-ish) !important;
}

/* ========================================================================
   BLOG- MAIN PAGE
   ======================================================================== */

/* ------------------------------------------------------------------------
   Blog - Hero Image
   ------------------------------------------------------------------------ */




   /* ------------------------------------------------------------------------
   Blog - Article Titles
   ------------------------------------------------------------------------ */

/* Article Title */
#blog_posts .blog-title-wrapper h3 a {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: var(--at-color--wine-red) !important;
}

/* Article Subtitle */
#blog_posts .blog-title-wrapper h3 a .blog-title-subtitle {
  font-weight: 400 !important;
  color: var(--at-color--wine-red) !important;
}

/* Article Title Hover */
#blog_posts .blog-title-wrapper h3 a,
#blog_posts .blog-title-wrapper h3 a .blog-title-subtitle {
  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

#blog_posts .blog-title-wrapper h3 a:hover,
#blog_posts .blog-title-wrapper h3 a:hover .blog-title-subtitle,
#blog_posts .blog-title-wrapper h3 a:focus,
#blog_posts .blog-title-wrapper h3 a:focus .blog-title-subtitle {
  color: var(--at-color--wine-red) !important;
  text-decoration-color: var(--at-color--wine-red) !important;
}

/* Title to Intro Spacing */
#blog_posts .homepage-blog-title-wrapper {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

#blog_posts .blog--excerpt {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ------------------------------------------------------------------------
   Blog - Article Intro Copy
   ------------------------------------------------------------------------ */

/* Article Intro Copy */
#blog_posts .blog--excerpt {
  font-family: "Alegreya Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-align: justify !important;
  text-align-last: left !important;
}

/* Read More */
#blog_posts .blog--read-more a {
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--at-color--gold) !important;
  text-decoration-line: underline !important;
  text-decoration-color: var(--at-color--gold) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition:
    color 0.4s ease-in-out,
    text-decoration-color 0.4s ease-in-out !important;
}

#blog_posts .blog--read-more a:hover,
#blog_posts .blog--read-more a:focus {
  color: var(--at-color--wine-red) !important;
  text-decoration-color: var(--at-color--wine-red) !important;
}

/* Intro to Read More Spacing */
#blog_posts .blog--excerpt {
  margin-bottom: 0px !important;
}

#blog_posts .blog--read-more {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ------------------------------------------------------------------------
   Blog - Images
   ------------------------------------------------------------------------ */

/* Blog Image Hover */
#blog_posts .article-image,
#blog_posts .article-image a,
#blog_posts .article-image::before,
#blog_posts .article-image::after,
#blog_posts .article-image a::before,
#blog_posts .article-image a::after {
  background: transparent !important;
}

#blog_posts .article-image::before,
#blog_posts .article-image::after,
#blog_posts .article-image a::before,
#blog_posts .article-image a::after {
  opacity: 0 !important;
  content: none !important;
}

#blog_posts .article-image img {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity 0.4s ease-in-out !important;
}

#blog_posts .article-image:hover img,
#blog_posts .article-image a:hover img {
  opacity: 0.8 !important;
  filter: none !important;
}

/* ------------------------------------------------------------------------
   Blog - Page Numbers
   ------------------------------------------------------------------------ */

/* Pagination Previous / Next */
#blog_posts .pagination {
  align-items: center !important;
}

#blog_posts .pagination .page-item {
  display: flex !important;
  align-items: center !important;
}

#blog_posts .pagination .page-item:first-child .page-link,
#blog_posts .pagination .page-item:last-child .page-link {
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* Available */
#blog_posts .pagination .page-item:first-child:not(.disabled) .page-link,
#blog_posts .pagination .page-item:last-child:not(.disabled) .page-link {
  color: var(--at-color--black-ish) !important;
}

/* Disabled */
#blog_posts .pagination .page-item:first-child.disabled .page-link,
#blog_posts .pagination .page-item:last-child.disabled .page-link {
  color: #b5b5b5 !important;
}
/* Pagination Number Boxes */
#blog_posts .pagination .page-item:not(:first-child):not(:last-child) .page-link {
  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Pagination Corners */
#blog_posts .pagination .page-link,
#blog_posts .pagination .page-item:first-child .page-link,
#blog_posts .pagination .page-item:last-child .page-link {
  border-radius: 0 !important;
}

/* Current Page */
#blog_posts .pagination .page-item.active .page-link {
  background-color: var(--at-color--taupe) !important;
  border-color: var(--at-color--taupe) !important;
  color: var(--at-color--cream) !important;
}

/* Pagination Transitions */
#blog_posts .pagination .page-link {
  transition:
    background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    color 0.4s ease-in-out !important;
}

/* Pagination Hover */
#blog_posts .pagination .page-item:not(.active):not(.disabled) a.page-link:hover,
#blog_posts .pagination .page-item:not(.active):not(.disabled) a.page-link:focus {
  background-color: var(--at-color--wine-red) !important;
  border-color: var(--at-color--wine-red) !important;
  color: var(--at-color--cream) !important;
}

/* Current Page */
#blog_posts .pagination .page-item.active .page-link {
  background-color: var(--at-color--taupe) !important;
  border-color: var(--at-color--taupe) !important;
  color: var(--at-color--cream) !important;
}


/* ========================================================================
   ABOUT PAGE
   ======================================================================== */


/* ------------------------------------------------------------------------
   About Page - Interior Image
   ------------------------------------------------------------------------ */

@media screen and (min-width: 768px) {
  #shopify-section-template--28086006907159__image-with-text-1
  .feature-row__image {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  #shopify-section-template--28086006907159__image-with-text-1
  .feature-row__text {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
}


/* ========================================================================
   PAGE HERO
   ======================================================================== */


/* ------------------------------------------------------------------------
   Page Hero - General
   ------------------------------------------------------------------------ */

/* Remove Empty Text Box */
.homepage-section-image-with-text-block--wrapper
.image-text-block-item--text {
  display: none !important;
}


/* ------------------------------------------------------------------------
   Page Hero - Desktop
   ------------------------------------------------------------------------ */

@media screen and (min-width: 768px) {
  .homepage-section-image-with-text-block--wrapper
  .image-text-block--desktop-image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 1 !important;
    overflow: hidden !important;
  }

  .homepage-section-image-with-text-block--wrapper
  .image-text-block--desktop-image .hero {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .homepage-section-image-with-text-block--wrapper
  .image-text-block--desktop-image .img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    transform: none !important;
  }
}


/* ------------------------------------------------------------------------
   Page Hero - Mobile
   ------------------------------------------------------------------------ */

@media screen and (max-width: 767px) {
  .homepage-section-image-with-text-block--wrapper
  .image-text-block--mobile-image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
  }

  .homepage-section-image-with-text-block--wrapper
  .image-text-block--mobile-image .hero {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .homepage-section-image-with-text-block--wrapper
  .image-text-block--mobile-image .img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    transform: none !important;
  }
}