/** Shopify CDN: Minification failed

Line 314:0 Expected "}" to go with "{"

**/
@media only screen and (min-width: 769px) {
  .footer__grid-image {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__grid-image .image-wrap {
  background-color: transparent;
}

.footer__grid-image .svg-mask {
  background-color: transparent;

  &:before {
    padding-bottom: 0;
  }
}

.footer__grid-image--33 {
  width: 33.333%;
  margin-right: auto;
  margin-left: auto;
}

.footer__grid-image--50 {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.footer__grid-image--100 {
  width: 100%;
}

.footer__block,
.footer__block--mobile {
  flex: 1 1 calc(50% - 20px);
}

.product__main-photos .product-slideshow {
  border: 0;
}

.product-single__header--mobile {
  width: 100%;
  margin-top: 20px;
  margin-bottom: initial;
}

[data-grid-style*="gridlines"] .grid-item__link {
  background-color: var(--colorSmallImageBg);
}

.grid-item__content {
  height: 100%;
}

.grid-item__link {
  height: 100%;
}

.input-group .input-group-field:first-child,
.input-group .input-group-btn:first-child .btn,
.input-group input[type="hidden"]:first-child + .input-group-field {
  border-radius: initial;
}

.input-group .input-group-field:last-child {
  border-radius: initial;
}

.input-group .input-group-btn:first-child .btn,
.input-group input[type="hidden"]:first-child + .input-group-btn .btn {
  border-radius: initial;
}

[dir="rtl"] .input-group .input-group-btn:first-child .btn,
[dir="rtl"]
  .input-group
  input[type="hidden"]:first-child
  + .input-group-btn
  .btn {
  border-radius: initial;
}

.input-group .input-group-btn:last-child .btn {
  border-radius: var(--buttonRadius);
}

[dir="rtl"] .input-group .input-group-btn:last-child .btn {
  border-radius: var(--buttonRadius);
}

.input-group .input-group-btn .btn {
  border-radius: var(--buttonRadius);
}

/* Remove top padding for desktop */
@media screen and (min-width: 769px) {
  .grid--uniform.grid--flush-bottom {
    padding-top: 0 !important;  /* Remove top padding for desktop */
  }


/* Change ALL buttons inside color-scheme sections */
.color-scheme-1 .btn,
.color-scheme-2 .btn,
.color-scheme-3 .btn {
  background-color: #f26b5b !important; /* Your custom button background */
  color: #f9f9f9 !important; /* Button text color */
  border: none !important;
}

/* Optional: on hover */
.color-scheme-1 .btn:hover,
.color-scheme-2 .btn:hover,
.color-scheme-3 .btn:hover {
  background-color: #d95b4c !important; /* Darker on hover */
}

/* Remove left and right padding for the entire text-and-image section */
.text-and-image {
  padding-left: 0 !important;  /* Remove left padding */
  padding-right: 0 !important; /* Remove right padding */
}

/* Remove padding on all child elements within the text-and-image section */
.text-and-image * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Reduce space between all sections */
.page-width {
  margin-top: 0 !important;  /* Remove top margin for the entire page */
  margin-bottom: 0 !important;  /* Remove bottom margin for the entire page */
}

.image-with-text .grid {
  padding-left: 0 !important; /* Remove left padding */
  padding-right: 0 !important; /* Remove right padding */
}

/* Hide just the line or divider at the top of the FAQ section */
.section--divider {
    border-top: none !important; /* This removes the top border (line) */
}

#shopify-section-template--25030942622041__faq_h7rJrd {
  padding: 0 !important; /* Removes padding from the entire section */
  margin: 0 !important; /* Removes margin from the section */
}

#shopify-section-template--25030942622041__faq_h7rJrd .page-width {
  padding: 0 !important; /* Removes padding from the inner container */
}

/* Target the entire footer newsletter section */
.footer__newsletter {
  background-color: #043641; /* Background color of the newsletter section */
  color: #f9f9f9; /* Text color */
  padding: 20px; /* Add some padding around the newsletter content */
  border-radius: 8px; /* Optional: round the corners */
}

/* Styling the text within the newsletter */
.footer__newsletter p {
  color: #f9f9f9; /* Set text color */
  font-size: 18px; /* Adjust text size */
  font-weight: bold;
}

/* Style the email input field */
.newsletter__input {
  background-color: #f9f9f9; /* Background color of the email input */
  color: #043641; /* Text color inside the input */
  border: 1px solid #043641; /* Border color matching the text */
  padding: 12px; /* Increase padding for better accessibility */
  width: 100%; /* Ensure the input field takes the full width */
}

/* Style the subscribe button */
.newsletter__input-group-btn .btn {
  background-color: #043641; /* Button background */
  color: #f9f9f9; /* Button text color */
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

/* Add hover effect for the subscribe button */
.newsletter__input-group-btn .btn:hover {
  background-color: #032a33; /* Slightly darker shade than #043641 for hover */
  color: #f9f9f9; /* Ensure text stays white */
}

/* Add space for mobile responsiveness */
@media screen and (max-width: 768px) {
  .footer__newsletter {
    padding: 10px; /* Adjust padding for mobile view */
  }

  .footer__newsletter p {
    font-size: 16px; /* Slightly smaller text for mobile */
  }

  .newsletter__input {
    font-size: 14px; /* Smaller text in the input field for mobile */
  }

  .newsletter__input-group-btn .btn {
    font-size: 14px; /* Adjust button font size for mobile */
  }
}

/* Remove the border around the footer section */
.footer__section--border {
  border: none !important; /* Remove the border */
}

/* Target the section with the grid */
#shopify-section-template--25030943932761__text_columns_ytakJ6 .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the items horizontally */
    gap: 10px; /* Tight spacing between columns */
    width: 100%; /* Ensure full width for the grid */
}

/* Align the grid items (columns) */
#shopify-section-template--25030943932761__text_columns_ytakJ6 .grid__item {
    flex: 0 0 calc(25% - 10px); /* 4 columns per row with tight spacing */
    box-sizing: border-box; /* Ensure padding and margins are accounted for */
    text-align: center; /* Center the content in each column */
    margin: 0; /* Remove any margin */
}

/* For smaller screens, switch to 2 columns */
@media screen and (max-width: 768px) {
    #shopify-section-template--25030943932761__text_columns_ytakJ6 .grid__item {
        flex: 0 0 calc(50% - 10px); /* 2 columns per row */
    }
}

/* For very small screens, switch to 1 column */
@media screen and (max-width: 480px) {
    #shopify-section-template--25030943932761__text_columns_ytakJ6 .grid__item {
        flex: 0 0 100%; /* 1 column per row */
    }
}

/* Desktop and general view */
#shopify-section-template--25030942622041__advanced_content_VqKXWH .custom-content {
  background-color: #043641 !important;
}

/* Mobile view */
@media screen and (max-width: 768px) {
  #shopify-section-template--25030942622041__advanced_content_VqKXWH .custom-content {
    background-color: #043641 !important;
  }
}



/* Mobile fix to make sure no extra spacing appears */
@media screen and (max-width: 768px) {
  #shopify-section-template--25030942622041__advanced_content_VqKXWH {
    padding: 0 !important;
    margin: 0 !important;
  }
  #shopify-section-template--25030942622041__advanced_content_VqKXWH img {
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

  .shopify-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.shopify-section .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

 @media screen and (max-width: 768px) {
  .shopify-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .shopify-section .page-width {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
} 

