/** Shopify CDN: Minification failed

Line 425:12 Unexpected "{"
Line 425:19 Expected ":"
Line 425:25 Unexpected "-"
Line 425:27 Unexpected "{"
Line 425:36 Expected ":"
Line 428:12 Unexpected "{"
Line 428:19 Expected ":"
Line 428:25 Unexpected "-"
Line 428:27 Unexpected "{"
Line 428:36 Expected ":"

**/
/* This file contains all custom css for the theme */

  /* MA: Announcement Bar - Changes font-family and font size */
  .announcement-bar__message {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
  }

  /* MA: Announcement Bar - remove margins */
  .announcement-bar .page-width p {
    margin-block-start: 0rem;
    margin-block-end: 0rem;
    padding: 1rem;
  }

  /*======================================================================*/

  /* MA: Menu - Change selected menu item color */
  .header__active-menu-item {
    color: rgb(var(--color-base-accent-1));
  }

  /* MA: Menu - Change font size and color */
  .header__menu-item {
    color: rgb(var(--color-foreground));
    font-size: 12px;
    padding-left: 4rem; /* Add spacing between menu items */
  }

  /* MA: Menu - Change shopping cart and search icon color */
  .color-background-2 .header .header__icons .header__icon,
  .color-background-1 .header .header__icons .header__icon {
    color: rgb(var(--color-base-accent-1));
  } 

  /*======================================================================*/

  /* MA: Custom Cart Icon color */
  .header__icon .icon.icon-cart-empty {
    height: 2rem;
    width: 2rem;
    color: rgb(var(--color-icon));
    --color-link: unset;
  }
  .header__icon.header__icon--cart {
    color: rgb(var(--color-icon));
  }


  /*======================================================================*/

  /* MA: PAGE TITLE - Remove bottom margin */
  h1.collection-hero__title {
    margin: 2.5rem 0rem 0rem;
  }


  /*======================================================================*/

  /* MA: Filter - Adjust top margin */
  #FacetFiltersForm.facets__form {
    margin-top: 1.3rem;
  }

  /* MA: Filter - Add border color */
  aside.facets-wrapper {
    border: 1px solid rgb(var(--color-base-background-1));
  }

  /* MA: Filter - Italicize font, change font and font size */
  /* Filter Wrapper */
  .facets-container {
    font-style: italic;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  /* "Filter:" */
  h2.facets__heading {
    font-size: 1.6rem;
    font-style: italic;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  /* Availability & Price */
  summary.facets__summary {
    font-size: 1.6rem;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  /* Sort By & Best Selling */
  h2.facet-filters__label {
    font-size: 1.6rem;
    font-style: italic;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  /* Best Selling */
  .facet-filters__field .select__select, .mobile-facets__sort .select__select {
    font-style: italic;
    font-size: 1.6rem;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  select.facet-filters__sort {
    font-size: 1.6rem;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }
  /* Product Count */
  h2.product-count__text {
    font-size: 1.6rem;
    font-style: italic;
    font-family: var(--font-body-family2);
    font-weight: var(--font-body-weight2);
  }


  /*======================================================================*/


  /* MA: Image Banner Wide Text - Changes size of text field */
  @media only screen and (min-width: 750px) {
    .banner--content-align-left.banner--desktop-transparent #image-banner-text-box.banner__box, 
    .banner--content-align-right.banner--desktop-transparent #image-banner-text-box.banner__box, 
    .banner--medium.banner--desktop-transparent #image-banner-text-box.banner__box,
    .banner--small.banner--desktop-transparent #image-banner-text-box.banner__box,
    .banner--large.banner--desktop-transparent #image-banner-text-box.banner__box {
        max-width: 90rem;
    }
  }
  
  /* MA: Image Banner Wide Text - Change color of button */
  #image-banner-text-box.banner__box .banner__buttons .button[aria-disabled=true] {
    opacity: 1;
    color: rgb(var(--color-base-background-1));
    background-color: rgb(var(--color-base-accent-1));
    --color-button: rgb(var(--color-base-accent-1));
  }
  
  /* MA: Image Banner Wide Text - Increase margin on top of button */
  #image-banner-text-box.banner__box>*+.banner__buttons {
    margin-top: 6rem;
  }


  /*======================================================================*/


  /* MA: Featured Collection 2 - Adjust product card area padding */
  /*@media screen and (min-width: 990px) { */
    #fc2-collection-section .page-width-desktop {
        padding: 0rem 0rem;
    }
  /*}
  @media screen and (min-width: 749px) and (max-width: 990px) {*/
    #fc2-slider.page-width {
        padding: 0 0rem;
    }
  /*}*/

  /* MA: Featured Collection 2 - Adjust section padding */
  @media screen and (min-width: 750px) {
    #fc2-collection-section {
      padding: 36px 5rem;
    }
  }
  @media screen and (max-width: 749px) {
    #fc2-collection-section {
      padding: 27px 1.5rem;
    }
  }

  /* MA: Featured Collection 2 - Set div for collection title and View All to screen size */
  #collection-top {
    width: 100%;
    max-width: 1150px;
  }


  /*======================================================================*/


  /* MA: Product Card - change sale price color */
  div.price__sale .price-item--sale {
    color: rgb(var--color-base-accent-3));
  }

  /* MA: Additional CSS for Sale Badge Color - Accent 3 */
  .color-accent-3 {
    --color-foreground: var(--color-base-solid-button-labels);
    --color-background: var(--color-base-accent-3);
    --gradient-background: var(--gradient-base-accent-3);
  }

  .color-foreground-accent-3 {
    --color-foreground: var(--color-base-accent-3);
  }

  .color-accent-3 {
    --color-link: var(--color-foreground);
    --alpha-link: 0.7;
  }

  .color-accent-3 {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-background);
  }

  .color-accent-3 .button--secondary {
    --color-button: var(--color-background);
    --color-button-text: var(--color-foreground);
  }

  .color-accent-3 .button--tertiary {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-foreground);
  }

  .color-accent-3 {
    --color-badge-background: var(--color-background);
    --color-badge-border: var(--color-background);
    --alpha-badge-border: 1;
  }

  .color-accent-3 {
    --color-card-hover: var(--color-base-solid-button-labels);
  }

  .color-icon-accent-3 {
    --color-icon: rgb(var(--color-base-accent-3));
  }

  .color-accent-3 {
    color: rgba(var(--color-foreground), 0.75);
    background-color: rgb(var(--color-background));
  }

  /* MA: Adjust padding and font-size of Sale/Sold Out Badge on Product Card */
  .card__badge .badge {
    font-size: 1.5rem;
    width: 13rem;
    height: 4rem;
    line-height: 2.8rem;
  }

  /* MA: Additional CSS for Sold Out color - background-3 */
  .color-background-3 {
    --color-foreground: var(--color-base-solid-button-labels);
    --color-background: var(--color-base-background-3);
    --gradient-background: var(--gradient-base-background-3);
  }

  .color-foreground-background-3 {
    --color-foreground: var(--color-base-background-3);
  }

  .color-background-3 {
    --color-link: var(--color-foreground);
    --alpha-link: 0.7;
  }

  .color-background-3 {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-background);
  }

  .color-background-3 .button--secondary {
    --color-button: var(--color-background);
    --color-button-text: var(--color-foreground);
  }

  .color-background-3 .button--tertiary {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-foreground);
  }

  .color-background-3 {
    --color-badge-background: var(--color-background);
    --color-badge-border: var(--color-background);
    --alpha-badge-border: 1;
  }

  .color-background-3 {
    --color-card-hover: var(--color-base-solid-button-labels);
  }

  .color-icon-background-3 {
    --color-icon: rgb(var(--color-base-background-3));
  }

  .color-background-3 {
    color: rgba(var(--color-foreground), 0.75);
    background-color: rgb(var(--color-background));
  }

  /* MA: Set View-all inline position with Featured Collection title */
  .collection-header {
    padding: 0rem;
  }
  .collection__view-all {
    text-align: right;
    font-style: italic;
  }

  /* MA: Featured Collection v2 - Increase font size for View All link*/
  .collection-header .link {
    font-size: 1.6rem;
  }

  /* MA: Featured Collection v2 - Adjust font size for product card title */
  .product-card-wrapper .card .card__content .card__information .h5.card__heading {
    font-size: calc(var(--font-heading-scale) * 1.7rem);
    font-weight: bold;
  }

  /* MA: Featured Collection v2 - Adjust font color for product card price */
  .product-card-wrapper .card .card__content .card-information>.price {
    color: rgba(var(--color-foreground),0.5);
  }

  /*======================================================================*/



  /* MA: Home - Collection Covers - Multicolumn - Remove padding */
  .multicolumn-list__item .multicolumn-card .multicolumn-card__image-wrapper {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  /* MA: Home - Collection Covers - Multicolumn - Adjust photo size */
 .multicolumn-list .grid__item.multicolumn-list__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(70% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  /* MA: Home - Collection Covers - Multicolumn - Remove margins */
  .multicolumn .page-width {
    box-sizing: unset;
    margin: auto;
    align-items: center;
  }



  /*======================================================================*/



  /* MA: Newsletter - change subtitle font color */
  .newsletter__wrapper.color-background-1 {
    color: rgba(var(--color-foreground),1);
  }

  /* MA: Newsletter - change icon and text color */
  #Subscribe.newsletter-form__button:not(:focus-visible):not(.focused),
  input[name="contact[email]"] .field__label {
    color: rgb(var(--color-base-accent-2));
  }

  /* MA: Newsletter - change text field outline color */
  .newsletter-form__field-wrapper {
    --color-foreground: var(--color-base-accent-2);
  }



  /*======================================================================*/


  /* MA: Collection - Center title text */
  .collection-hero__inner .collection-hero__text-wrapper {
    text-align: center;
  }



  /*======================================================================*/



  /* MA: Contact - Increase text area height */
  #ContactForm .field .text-area {
    min-height: 20rem;  
  }
  /* MA: Contact Form - change color for Background 1 & 2 */
  .color-background-2 #ContactForm, .color-background-1 #ContactForm {
    --color-foreground: var(--color-base-accent-2);
    --color-background: var(--color-base-background-1);
    --color-button: var(--color-foreground);
  }


  /*=============================== FAQ ==================================*/

  /* MA: FAQ Page layout edits */
  /* MA: Change Question# font size */
  #accordion-title {
    font-size: calc(var(--font-heading-scale) * 1.5rem);
    color: rgba(var(--color-base-accent-1),0.75);
  }
  /* Change FAQ description*/
  div#accordion-content {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
  /* MA: Increase gap between Question# and text */
  .collapsible-row-layout .accordion #accordion-content.accordion__content {
    padding-top: 1rem;
  }
  /* MA: Change color for selected accordion */
  #Summary-{{ block.id }}-{{ section.id }}[aria-expanded="true"] {
    background-color: rgba(var(--color-base-accent-2),.25);
  }
  #Summary-{{ block.id }}-{{ section.id }}[aria-expanded="true"]+.accordion__content {
    background-color: rgba(var(--color-base-accent-2),.25);
  }
  /* MA: Remove gap between question accordions and set border width/color */
  #accordion-wrapper.accordion {
    margin-bottom: 0rem;
    border: 1px solid rgb(var(--color-base-text));
    border-bottom: none;
  }
  #accordion-wrapper.accordion:last-child {
    border: 1px solid rgb(var(--color-base-text));
  }
  /* MA: FAQ - remove border when accordion is open */
  #accordion-content.accordion__content {
    margin-bottom: 0rem;
  }



  /*======================================================================*/



  /* MA: FOOTER - remove margin-top */
  @media screen and (min-width: 750px) {
    footer.footer {
        margin-top: 0px;
    }
  }
  footer.footer {
    margin-top: 0px;
  }



  /*======================================================================*/


  /* MA: Collection - All Products page edits */
  /* Increase Product title font size */
  @media only screen and (min-width: 750px) {
    h3.h5 {
        font-size: calc(var(--font-heading-scale) * 2.4rem);
    }
  }
  /* Price - decrease font-weight and lighten color */
  div.card-information>.price {
    font-weight: lighter;
    color: rgba(var(--color-foreground),50%);
  }
  /* Regular Price - increase font size */
  div.price--on-sale .price-item--regular {
    font-size: 1.6rem;
    color: rgba(var(--color-foreground),50%);
  }
  /* Sale Price - change font color */
  span.price-item--sale {
    color: rgba(var(--color-base-accent-3),70%);
    font-size: 1.6rem;
  }
  /* Move pagination to lower right side */
  ul.pagination__list {
    justify-content: right;
  } 

  /* MA: Collection All Products - Change background color */
  #collection-product-grid.background-color {
    background-color: rgb(var(--color-base-background-2));
  }

  /*====================================================================*/

  /* MA: Blog - adjust margins */
  @media only screen and (min-width: 750px) {
    div#mb3c-main-blog {
      padding-left: 15rem;
      padding-right: 15rem;
    }
  }

  @media only screen and (max-width: 749px) {
    div#mb3c-blog-article-wrapper.blog-articles {
      row-gap: 60px;
    }
  }