/** Shopify CDN: Minification failed

Line 647:19 Expected identifier but found whitespace
Line 647:21 Unexpected "{"
Line 647:30 Expected ":"
Line 648:8 Expected identifier but found whitespace
Line 648:10 Unexpected "{"
Line 648:19 Expected ":"
Line 670:8 Expected identifier but found whitespace
Line 670:10 Unexpected "{"
Line 670:19 Expected ":"

**/
.main-header--tools {
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
}

/*------------------------------------
* wishlist CUSTOMIZATION
*------------------------------------*/

li.product {
    position: relative !important;
    
}
.swym-storefront-layout-empty-wishlist-content svg {
  display: none !important;}
  
.swym-storefront-layout-login-heading, .swym-storefront-layout-title, .swym-storefront-layout-collection-carousel-title, .swym-storefront-layout-default-list-title, .swym-atw-pdp-button-text {
        font-family: var(--header-font-stack);
    font-weight: 300;
    font-style: var(--header-font-style);
    letter-spacing: var(--heading-spacing);
    text-transform: var(--heading-font-case);
    font-size: 25px !important;
    line-height: 1.5;
}

.swym-atw-pdp-button {
        font-family: var(--header-font-stack);
    font-weight: 300;
    font-style: var(--header-font-style);
    letter-spacing: var(--heading-spacing);
    text-transform: var(--heading-font-case);
    font-size: 25px !important;
    line-height: 1.5;
}

  .swym-storefront-layout-empty-sfl-content svg {
    display:none !important;
  }

  .swym-storefront-layout-login-button {
text-transform: uppercase;
font-size: 14px;
}

.swym-ui-component .swym-variant-select-modal .swym-variant-select-modal-dialog .swym-variant-container .swym-wishlist-variants-container .option {
    padding: 5px 20px;
    border-radius: 0px important;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    min-width: 20px;
    margin: 5px;
}

.swym-variant-button-action-container .swym-wishlist-done-btn {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 11px;
    display: block;
    cursor: pointer;
    border-radius: 0px !important;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    max-height: 40px;
    width: 100%;
}




/*------------------------------------
* MEETY CUSTOMIZATION
*------------------------------------*/


#meety-app-root {
  --meety-timeslot-border-radius: 0;
    color: var(--meety-text-color) !important;
    font-family: "Twentieth Century", sans-serif;
    font-size: var(--meety-font-size-13);
    font-style: normal;
    line-height: var(--meety-line-height-150);
    letter-spacing: var(--meety-letter-spacing);
    background-color: var(--meety-background);
 font-weight: 400;
  border-radius: 0px !important;
}

.meety-date-picker-month {
  border-radius: 0px !important;
}

.meety-radio-item {
font-family: "Twentieth Century", sans-serif !important;
    font-size: var(--meety-font-size-13);
    font-style: normal;
  text-transform: uppercase;
  font-weight: 400 !important;
  
}

.meety-block-stack {
      border-radius: 0px !important;
}

.meety-date-picker-day, .meety-date-picker-day-selected, .meety-date-picker-day-selected:hover {
  border-radius: 0px !important;
}

.meety-alert-info {
    --meety-alert-icon-color: var(--meety-alert-info-icon-color);
    background: #000000;
    color: #fffff;
}

.meety-input-label {
  font-family: "Twentieth Century", sans-serif !important;
    font-size: var(--meety-font-size-13);
    font-style: normal;
  text-transform: uppercase;
  font-weight: 400 !important;
}

.meety-date-picker-header {

   font-family: "Twentieth Century", sans-serif !important;
    font-size: var(--meety-font-size-13);
    font-style: normal;
  text-transform: uppercase;
  font-weight: 400 !important;
}

.meety-date-picker-weekday{

   font-family: "Twentieth Century", sans-serif !important;
    font-size: var(--meety-font-size-13);
    font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
}


.meety-product-image {
  border-radius: 0px !important;
  border: none;
}

.meety-service-item {
    border-radius: 0px !important;
}

.meety-button {
    border-radius: 0 !important;
   font-family: "Twentieth Century", sans-serif !important;
    font-size: var(--meety-font-size-13);
    font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
  
}


.meety-short-description{
   font-family: Twentieth Century, sans-serif !important;
    font-style: unset;
  font-size: var(--meety-font-size-14);
}


.meety-timeslot-picker-list-item {
  font-family: Twentieth Century, sans-serif !important;
  border-radius: 0px !important;
  border: 0.5px solid;
  font-size: var(--meety-font-size-14); 
}

.meety-select-disclosure-input {
  border-radius: 0px !important;
}

:root {
 --meety-font-family: "Twentieth Century", sans-serif !important;
  --meety-text-font-weight: var(--meety-font-weight-400);
  --meety-block-button-horizontal-alignment: center;
  --meety-text-font-family: "Twentieth Century", sans-serif !important; 
  --meety-text-font-size: var(--meety-font-size-16); 
--meety-text-font-weight: var(--meety-font-weight-400); 
--meety-text-line-height: var(--meety-line-height-120);
    --meety-block-button-font-family: "Twentieth Century", sans-serif !important;
    --meety-block-button-font-style: normal;
    --meety-block-button-font-weight: 400;
    --meety-block-button-font-size: 14px;
    --meety-block-button-border-radius: 0px;
  --meety-input-border-radius: 0px;
  -webkit-border-radius: 0px;
  --meety-timeslot-border-radius: 0px;

}

.meety-select-item-icon {
   border-radius: 0 !important;

}


.meety-text {
      font-family: Twentieth Century, sans-serif !important;
    font-style: normal;

}
.meety-box-border {
  border-radius: 0px;
}


.meety-product-title {
  font-family: Twentieth Century, sans-serif !important;
  font-size: var(--meety-font-size-18);
  font-weight: 400 !important;
  text-transform: uppercase;
}
.meety-variant-title{
  font-size: var(--meety-font-size-16);
}


.meety-modal-content-main {
   border-radius: 0 !important;
}

.meety-input input:not([type='radio']):not([type='checkbox']), .meety-input select, .meety-input .meety-input-phone {
  border-radius: 0 !important;
}

.meety-input textarea {
  border-radius: 0 !important;
}

.meety-alert {
  border-radius: 0 !important;
}

/*------------------------------------
* multi column
*------------------------------------*/

.multicolumn .title {
  margin: 0;
}

.multicolumn.no-heading .title {
  display: none;
}

.multicolumn .title-wrapper-with-link {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .multicolumn .title-wrapper-with-link {
    margin-bottom: 3rem;
  }

  .multicolumn .page-width {
    padding-left: 0;
    padding-right: 0;
  }
}

.multicolumn-card__image-wrapper--third-width {
  width: 33%;
}

.multicolumn-card__image-wrapper--half-width {
  width: 50%;
}

.multicolumn-list__item.center .multicolumn-card__image-wrapper:not(.multicolumn-card__image-wrapper--full-width),
.multicolumn-list__item:only-child {
  margin-left: auto;
  margin-right: auto;
}

.multicolumn .button {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .multicolumn .button {
    margin-top: 4rem;
  }
}

.multicolumn-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.multicolumn-list__item:only-child {
  max-width: 72rem;
}

.multicolumn-list__item--empty {
  display: none;
}

.multicolumn:not(.background-none) .multicolumn-card {
  background: rgb(var(--color-background));
  height: 100%;
}

.multicolumn.background-primary .multicolumn-card {
  background: rgb(var(--color-background))
    linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04));
}

.multicolumn-list h3 {
  line-height: calc(1 + 0.5 / max(1, var(--font-heading-scale)));
}

.multicolumn-list h3,
.multicolumn-list p {
  margin: 0;
}

.multicolumn-card-spacing {
  padding-top: 2.5rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.multicolumn-card__info > :nth-child(2) {
  margin-top: 1rem;
}

.multicolumn-list__item.center .media--adapt,
.multicolumn-list__item .media--adapt .multicolumn-card__image {
  width: auto;
}

.multicolumn-list__item.center .media--adapt img {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .multicolumn-list {
    margin: 0;
    width: 100%;
  }

  .multicolumn-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .multicolumn-list.slider,
  .multicolumn-list.grid--4-col-desktop {
    padding: 0;
  }

  .multicolumn-list__item,
  .grid--4-col-desktop .multicolumn-list__item {
    padding-bottom: 0;
  }

  .background-none .grid--2-col-tablet .multicolumn-list__item {
    margin-top: 4rem;
  }
}

.background-none .multicolumn-card-spacing {
  padding: 0;
  margin: 0;
}

.multicolumn-card__info {
  padding: 2.5rem;
}

.background-none .multicolumn-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.background-none .slider .multicolumn-card__info {
  padding-bottom: 0;
}

.background-none .multicolumn-card__image-wrapper + .multicolumn-card__info {
  padding-top: 2.5rem;
}

.background-none .slider .multicolumn-card__info {
  padding-left: 0.5rem;
}

.background-none .slider .multicolumn-card__image-wrapper + .multicolumn-card__info {
  padding-left: 1.5rem;
}

.background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 749px) {
  .background-none .slider .multicolumn-card__info {
    padding-bottom: 1rem;
  }

  .multicolumn.background-none .slider.slider--mobile {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .background-none .multicolumn-card__image-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .background-none .multicolumn-list .multicolumn-card__info,
  .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.multicolumn-card {
  position: relative;
  box-sizing: border-box;
}

.multicolumn-card > .multicolumn-card__image-wrapper--full-width:not(.multicolumn-card-spacing) {
  border-top-left-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  border-top-right-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width));
  overflow: hidden;
}

.multicolumn.background-none .multicolumn-card {
  border-radius: 0;
}

.multicolumn-card__info .link {
  text-decoration: none;
  font-size: inherit;
  margin-top: 1.5rem;
}

.multicolumn-card__info .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
}

@media screen and (min-width: 990px) {
  .multicolumn-list__item--empty {
    display: list-item;
  }
}

/*------------------------------------
* article tags on static blog
*------------------------------------*/

/* Blog articles grid container */
.blog-articles.grid {
  display: grid;
  grid-template-columns: repeat(var(--columns, 3), 1fr); /* Dynamic columns based on settings */
  gap: 20px; /* Space between articles */
  margin-top: 40px; /* Add spacing above the grid */
}

/* Responsive: Single column layout for mobile */
@media (max-width: 768px) {
  .blog-articles.grid {
    grid-template-columns: 1fr; /* Stacks articles in one column */
    gap: 20px; /* Maintain spacing between stacked articles */
  }
}

/* Individual blog article */
.blog-article {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
}

/* Article image wrapper with 1:1 ratio */
.article-image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 aspect ratio */
  overflow: hidden;
}

.article-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image fills the container while maintaining aspect ratio */
}

/* Article tags overlay at the bottom of the image */
.article-tags {
  position: absolute;
  bottom: 10px; /* Positioned at the bottom of the image */
  left: 10px;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase !important; /* Makes text uppercase */
  
}

.article-tags li {
  background-color: var(--shopify-editor-setting-accent-colour);
  color: var(--shopify-editor-setting-button-text-colour);
  padding: 5px 10px;
  
}

.article-tags li a {
  color: inherit;
  text-decoration: none;
}

.article-tags li:hover {
  opacity: 0.85;
}

/* Article content */
.article-content {
  padding: 15px;
  text-align: left;
  
  
}
















/*------------------------------------
* article tags on blog post feature
*------------------------------------*/


.featured-blog__article-image-wrapper {
  position: relative; /* Makes the image wrapper the positioning context */
}

ul.article-tags {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--LETTER-SPACING-BODY);
  font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
  text-transform: uppercase;
   color: var(--shopify-editor-setting-button-text-colour)!important;
  background-color: var(--shopify-editor-setting-accent-colour) !important;
  padding: 5px 10px; /* Adjust padding for better spacing */

  position: absolute; /* Position relative to the image wrapper */
  z-index: 5; /* Ensure it appears above the image */
  left: 10px; /* Offset from the left edge of the image */
  bottom: 10px; /* Offset from the bottom edge of the image */
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; /* Align tags horizontally if there are multiple */
  gap: 5px; /* Add spacing between tags */
}

ul.article-tags > li {
  color: var(--shopify-editor-setting-button-text-colour)!important;
  background-color: var(--shopify-editor-setting-accent-colour) !important;
  padding: 5px 10px; /* Adjust padding for better spacing */

  display: inline-block; /* Ensure the tags align properly */
}

ul.article-tags > li a {
  color: var(--shopify-editor-setting-button-text-colour);
  text-decoration: none; /* Remove underline for a cleaner look */
}

ul.article-tags > li:hover {
  opacity: 0.85; /* Optional hover effect */
}






/*------------------------------------
* Announcement Bar Rotating
*------------------------------------*/
.announcement-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  font-size: 14px;
  background-color: {{ section.settings.announcement_background }};
  color: {{ section.settings.announcement_color }};
  overflow: hidden;
  position: relative;
}

.announcement-bar__viewport {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.announcement-bar__slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.announcement-bar__slide {
  flex: 0 0 100%;
  text-align: center;
}

.announcement-bar__link {
  color: {{ section.settings.announcement_color }};
  text-decoration: none;
 
}

.announcement-bar__link:hover {
  text-decoration: underline;
}

.announcement-bar__prev,
.announcement-bar__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  width: 20px;
  height: 20px;
  padding: 0;
}

.announcement-bar__prev {
  left: 10px;
}

.announcement-bar__next {
  right: 10px;
}

.announcement-bar__prev svg,
.announcement-bar__next svg {
  width: 12px;
  height: 12px;
}