/** Shopify CDN: Minification failed

Line 54:1 Unexpected "{"

**/
:root {
  --font-heading-family: 'Barlow-Condensed', sans-serif;
  --font-heading-weight: 500;
  --font-body-family: 'Merriweather-Regular', serif;
  --font-body-weight: 400;
  --alpha-link: 1;
  --text-block-width: 100rem;
  --line-border: 1px;
  --midnightblue: #344AA5;
  --font-button-size: 1.4rem;
}

/*------------------------------------
 *   CUSTOM FONTS
 *------------------------------------*/

@font-face {
  font-family: 'Barlow-Condensed';
  src: url("/cdn/shop/files/BarlowCondensed-Medium.woff?v=1703067494")
    format("woff");
  
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url("/cdn/shop/files/Merriweather-Regular.woff?v=1703067502")
    format("woff");
  
}

/*------------------------------------
*   GLOBAL STYLES
*------------------------------------*/

h6,
.h6 {
  color: rgba(var(--color-foreground), 1);
}

blockquote {
  color: rgba(var(--color-foreground), 1);
}

.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2,
 {
  color: rgba(var(--color-foreground), 1) !important;
}

p {
  opacity: 1 !important;
  color: rgba(var(--color-foreground), 1) !important;
}

p a {
  color: rgba(var(--color-foreground), 1) !important;
}

li{
color: rgba(var(--color-foreground), 1);
}

p em strong {
  font-style: normal !important;
  
  text-decoration: none !important;
  text-emphasis: none !important;
  font-size: 2.8rem;
  font-weight: normal !important;
  line-height: 2.2rem;
}

.banner__text p {
  color: rgba(var(--color-foreground), 1) !important;
}

body {
  color: rgba(var(--color-foreground), 1) !important;
}
.footer-block__brand-info {
  color: rgba(var(--color-foreground), 1) !important;
}
.footer__localization h2 {
  color: rgba(var(--color-foreground), 1) !important;
}

.footer__copyright,
.list-menu__item--link {
  color: rgba(var(--color-foreground), 1) !important;
}

/*change opacity*/
.header__menu-item {
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 1);
  font-weight: ;
  letter-spacing: 0.1rem;
  font-size: 1.3rem;
}

.header__heading-link .h2 {
  color: rgba(var(--color-foreground), 1);
}

.light {
  opacity: 1 !important;
}


.facets__summary {
    color: rgba(var(--color-foreground), 1)!important;
}

div.product__tax.caption.rte, label.quantity__label.form__label {
color: rgba(var(--color-foreground), 1)!important;
  
}


.border-top{
  border-top: var(--line-border) solid var(--midnightblue);
}

/* set unordered list type */

.grid {
  list-style-type: disc;
  
}

/*------------------------------------
*   BUTTONS
*------------------------------------*/
/*style buttons */


.link, .customer a {
    text-transform: uppercase;
  font-family: var(--font-heading-family);
  letter-spacing: 0.3rem;
  color: rgba(var(--color-foreground), 1)!important;
}

.button, .button-label, .shopify-challenge__button, .customer button {
  font-size: var(--font-button-size);
  text-transform:uppercase;
  font-family: var(--font-heading-family);
  letter-spacing: 0.3rem;
  
}

button.shopify-payment-button__button {
    padding: unset;
  font-size: var(--font-button-size);
  text-transform:uppercase;
  font-family: var(--font-heading-family);
  letter-spacing: 0.3rem;
}

.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded {
  
    min-height: calc(4rem + var(--buttons-border-width) * 2);
}

a.button.button--primary {
  border: 1px solid rgb(var(--color-button-text))!important;
}

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

.announcement-bar__message {
  font-size: large !important;
}

/* set mobile logo width*/
@media screen and (max-width: 749px) {
  .header__heading-logo {
    height: auto;
    max-width: 105%;
  }
}
/*reduce header padding*/
@media screen and (min-width: 990px) {
  header.header {
    padding-top: 0px !important;
    padding-bottom: 0px;
  }
}


/*------------------------------------
*    CLASSES ANCHOR LINK
*------------------------------------*/

/* display liquid block for classes anchor link */

div#classes {
  display: block;
  padding-top: 100px !important;
  margin-top: -100px !important;
}

/*------------------------------------
*   COLLAPSIBLE CONTENT
*------------------------------------*/

.collapsible-content summary {
  transition: 0.5s ease;
}


.collapsible-content summary:hover {
    background: #FF71AB!important;
}

/*------------------------------------
*   CONTACT FORM
*------------------------------------*/


.field__input {
  background-color: white !important;
}