/** Shopify CDN: Minification failed

Line 62:73 Unexpected "{"
Line 2671:0 Unexpected "}"

**/


/* to hide footer on homepage 
.shopify-section  .footer {
display: none;
}
*/





/* hides the underline on nav hover */
.header__primary-nav-item , .header__primary-nav-item:before {
  /*  content: none !important; */
  
}


/*stops white header background on header/nav hover - desktop + mobile */
.header:hover, .header:active, .header:focus  {

  /*background-color:transparent !important; */
}



header .h6 {

    font-size: 11px !important;
  font-weight:400 !important;
}



.header-sidebar__linklist.divide-y .header-sidebar__linklist-button {

    font-size: 14px !important;
   /* font-weight: 300 !important; */
}




.drawer::part(content) {
  /*
  height: 94.8vh !important;
  margin-top: 5.2vh !important;
  */
}

.product-card__info {
 /* padding-bottom: 1.25rem !important; */
}

.h3, .h2, .h1, .h4, .h5, .h6, /*.line-clamp, sale-price.text-subdued */  {
  font-family: "forma-djr-text", sans-serif !important;
/*
  font-weight: 600 !important;
    letter-spacing: 0px !important;
  */
  font-weight: 500 !important;
    letter-spacing: .5px !important;
font-style: normal !important;

}

.line-clamp, sale-price.text-subdued {
    font-family: "forma-djr-text", sans-serif !important;
letter-spacing:0px;
}


.line-clamp {
  font-weight: 500 !important;
}

 sale-price.text-subdued {
  font-weight: 100 !important;
}


p {
  font-family: "forma-djr-text", sans-serif !important;
font-weight: 400 !important; 
font-style: normal !important;
  /* letter-spacing: .5px !important; */
/*letter-spacing: .1px !important;*/

 letter-spacing: .5px !important; 
  
}


/*
a.header-sidebar__linklist-button.h6 {
  text-transform: uppercase !important;
}
*/













/* -- via custom css section of customize website -- */

.h2 {
  /*font-size: 12px; font-weight: 900;*/
}
p {
  line-height: 1.7;
}

sale-price.text-subdued {
 /* color: #1c1c1c; */
}

.product sale-price.text-subdued   {
  color: #1c1c1c; 
}


/* FOOTER */





.footer button.button {
  width: 100%;
}



.footer .input {
  background-color: white !important;
}






/* hides copyright and currency */
.footer__aside {
 /* display: none; */
}

/* centers copyright and currency */
@media screen and (min-width: 1000px) {
  .footer__aside {
   /* justify-content: center; */
  }
}







.shopify-policy__title.h2 {
  display: none !important;
}
.line-item .smallcaps {
  text-transform: capitalize;
}
@media only screen and (max-width: 1000px) {
  .product-gallery__media > * {
    padding: 0 24px !important;
  }
}
@media only screen and (max-width: 700px) {
  .collection-toolbar {
    box-shadow: none;
    display: flex;
    flex-direction: row-reverse;
  }
}
button.collection-toolbar__button.heading.text-xxs.w-full {
  padding-right: !important;
  padding-inline: 1.25rem;
  text-align: right !important;
}


/*
@media only screen and (max-width: 700px) {
.header__cart-dot {
    width: 4px !important;
    height: 4px !important;
  color: #0090c9 !important;
    inset-block-start: 12px !important;
    inset-inline-end: 9px !important;
}}



@media only screen and (min-width: 700px) {
.header__cart-dot {
    width: 4px !important;
    height: 4px !important;
    color: #0090c9 !important;
  inset-block-start: 13.5px !important;
    inset-inline-end: 10px !important;
}}

*/



@media only screen and (max-width: 700px) {
    .header__cart-dot {
        width: 5px !important;
        height: 5px !important;
        color: #0090c9 !important;
        inset-block-start: 11.5px !important;
        inset-inline-end: 8.5px !important;
       
    }
}



@media only screen and (min-width: 700px) {
.header__cart-dot {
   /* width: 4px !important;
    height: 4px !important; 
  inset-block-start: 13.5px !important;
    inset-inline-end: 10px !important;*/
  width: 5px !important;
    height: 5px !important;
    color: #0090c9 !important;
  inset-block-start: 13px !important;
    inset-inline-end: 9.5px !important;
    

}}



/* remove white border from cart dot */
.header__cart-dot {
    box-shadow: none !important;
}
  
.password__inner .button {
  --initial-gradient: black;
  --hover-gradient: black;
  --initial-background-position: black;
  --hover-background-position: black;
  color: black !important;
  background-color: #f1f3f6 !important;
  justify-content: left !important;
}
.password__inner .h3 {
  text-align: left !important;
  line-height: 0;
}
.password__inner {
  min-height: 80vh !important;
}


/* remove underline when hover over header item */
.header__primary-nav-item:hover:before
{
  display:none !important;
}

  


/* removes white line at top of site - OLD */
@media screen and (min-width: 700px) {
#shopify-section-sections--22129370988844__header {
    --header-padding-block: 1.1rem !important;
}}

/* removes white line at top of site - NEW */
@media screen and (min-width: 700px) {
height-observer {
    --header-padding-block: 1.1rem !important;
}}







._16s97g730 {
    max-width: 15rem !important;
}








.footer img.constrained-image {
 /*   --image-max-width: 18px !important; */
    --image-max-width: 22px !important; 
}

/* -- Custom code from footer adjusted for noah.css below -- */




.footer__block-list {


  gap: .75rem;
    align-items: center;
}


/*OG footer left */

.footer__block-list {
    justify-content: var(--footer-content-justify-items);
    flex-wrap: nowrap;
    display: flex;
}








::-moz-selection { /* Code for Firefox */
  color: #444444;
  background: #979797;
}

::selection {
  color: #444444;
  background: #979797;
}








/* -- product page -- */



@media screen and (min-width: 1150px) {
.product {
    --product-gap: 3rem;
}}

@media screen and (min-width: 1000px) {
.product {
    --product-gap: 2.5rem;
}}




/*
.product-gallery {
 
   /--product-gallery-thumbnail-size: 6.5rem !important; 
    gap: 1.25rem !important;

}
*/


/* -- mobile product page photos free scroll no padding -- */

@media only screen and (max-width: 1000px) {
.product-gallery__media > * {
    padding: 0 0px !important;
}}










/* -- from FOOTER --  */

@media only screen and (min-width: 425px) {
  .footer {
   /* padding: 15px; */
    padding-left: 0px;
    padding-right: 0px;
 padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 425px) {
  .footer {
  /*  padding-top: 15px;
    padding-bottom: 15px; */
    padding-left: 0px;
    padding-right: 0px;
     padding-top: 5px;
    padding-bottom: 5px;
  }
}
.footer a {
  font-color: black !important;
  background: none !important;
  transition: none;
    opacity:1 !important;
  /*color: black !important;*/
color: #1c1c1c !important;
  
}
.footer h6 {
  font-size: 11px !important;
  font-color: ;
  opacity: ;
}
.footer__aside {
  display: none;
}

/*OG footer left */
.footer__inner {
  display: flex;
  justify-content: space-between; 
}

.footer .container {
  margin-inline-start: 20px;
  margin-inline-end: 20px;
}

/* -- end from FOOTER --  */








/* -- mobile product page photos free scroll no padding -- */

@media only screen and (max-width: 1000px) {
.product-gallery__media > * {
    padding: 0 20px !important;
}}



.product-gallery__thumbnail {
    border: 0px ;
}

/*mobile thumbnails design */
@media only screen and (max-width: 1000px) {
.product-gallery__thumbnail-scroller {

    gap: 0px;
}}

@media only screen and (max-width: 1000px) {
.product-gallery {
    gap: 0 !important;
}}

@media only screen and (max-width: 1000px) {
.product-gallery__thumbnail-scroller {
    padding-left: 19px;
      padding-right: 19px;

}}



/*desktop thumbnails design */

.product-gallery {
 
   --product-gallery-thumbnail-size: 4.5rem !important; 
    /*gap: 1.25rem !important; */
    
  gap: .1rem !important; 

}

.product-gallery__thumbnail-scroller {

    gap: 1px;
}

.product-gallery__thumbnail {
  
    padding-top: 0px !important;
   
    padding-bottom: 2px!important;
}





@media only screen and (max-width: 1000px) {
.product-gallery__thumbnail {
  
    padding-top: 2px !important;
}}


@media only screen and (min-width: 1000px) {
.product-gallery__thumbnail-scroller {

    gap: 0px;
}}

@media only screen and (min-width: 1000px) {
.product-gallery {
  /* 2 GRID 2 GRID GRID 2 PER ROW */
   /* gap: .1rem !important; */
      gap: 0rem !important; 
}}


/*FOR NEW LOGO*/
.header {
  padding-top:15px ;
  padding-bottom:15px;
}





/* -- prevent scroll on grid view -- */
@media screen and (min-width: 1000px) {
.shopify-section--main-product .section-spacing {
    padding-block-start: 0px !important;
}}


/* -- align thumbnails, add space above when preventing scroll on grid view -- */

@media screen and (min-width: 1000px) {
.product {
   /* padding-top: 20px !important; */
    padding-top: 0px !important; 
}}


/* -- products close togehter on collection pages -- */
.product-list {

  /*  --product-list-calculated-column-gap: 4px !important; */
}




/*
@media only screen and (min-width: 1000px) {
{
    justify-content: flex-start;
}}
*/
/* -- COLLECTION PAGE  -- */


/*
.product-card {

    gap: .25rem;
}
*/

/* COLLECTION PAGE / SHOP - PRODUCT NAME AND PRICE CENTERED VS JUSTIFY */
.product-card__info,
.justify-items-center {
 /* justify-items: left !important; */
}
@media only screen and (min-width: 1000px) {
  .justify-items-center {
    width: 100%;
    /* justify-content: space-between; */
        justify-content: flex-start;
  }
  
  .v-stack.justify-items-center.gap-1 {
    display: flex;
  }
}
.collection-toolbar__button-container {
  border-inline-start-width: 0px;
}
.collection-toolbar__layout-switch-list {
  border-inline-width: 0 0;
  opacity: 0.25 !important;
  color: #4C4C4C;
}
.collection-toolbar {
  position: inherit !important;
  box-shadow: none;
}


/* middle dot - collections / shop page when centered product name/price */
  /* opacity:.5; */
/*
a.product-title.line-clamp::after {
    content: " · ";
  font-weight:100 !important;

}*/



@media only screen and (min-width: 768px)  {
/*.collection a.product-title.line-clamp{
    font-weight: 600 !important;
      letter-spacing: -.5px !important;
    font-size: 18px !important;
}*/


.collection sale-price.text-subdued 
{
    font-weight: 100 !important;
    letter-spacing: 1px !important;
    /* font-size: 18px !important; */
   color: #4C4C4C;

}}



@media only screen and (min-width: 425px) and (max-width: 768px) {
/*.collection a.product-title.line-clamp{
    font-weight: 600 !important;
      letter-spacing: -.5px !important;
    font-size: 15px !important;
}*/

.collection sale-price.text-subdued 
{
   font-weight: 100 !important;
      letter-spacing: 1px !important;
    font-size: 15px !important;
     color: #4C4C4C; 

}}





@media only screen and (min-width:375px) and (max-width: 425px) {
/*.collection a.product-title.line-clamp{
    font-weight: 500 !important;
      letter-spacing: -.5px !important;
    font-size: 13px !important;
}*/

.collection sale-price.text-subdued 
{
   font-weight: 100 !important;
      letter-spacing: 1px !important;
    font-size: 13px !important;
     color: #4C4C4C; 

}}



@media only screen and (max-width: 375px) {
.collection a.product-title.line-clamp{
 /*   font-weight: 600 !important;
      letter-spacing: -.5px !important; */
    font-size: 11px !important;
}

.collection sale-price.text-subdued 
{
 /*  font-weight: 100 !important;
      letter-spacing: 1px !important;
    font-size: 11px !important; */
     color: #4C4C4C; 

  
}}




/* -- price on product page -- */
.product sale-price.text-subdued {
font-size: var(--text-h2) !important;
   font-weight: 100 !important;
      letter-spacing: 1px !important;
}








h1.product-title.h3 {
    font-weight: 900 !important;
    /*  letter-spacing: -.5px !important; */
    font-size: 1.5rem !important;

}

@media screen and (max-width: 1000px) {
h1.product-title.h3 {
    font-weight: 900 !important;
   /*   letter-spacing: -.5px !important; */
    font-size: 1.25rem !important;

}}





/* -- ACCORDIAN HEADER --  */
span.accordion__toggle.h6  {

  
 /* padding-top: 12.5px !important;
     padding-bottom: 12.5px !important;  */

  /*
     padding-top: 8px !important;
     padding-bottom: 8px !important;
  */

       padding-top: 4px !important;
     padding-bottom: 4px !important;
  
  text-transform: uppercase;
  color: #4C4C4C !important;
font-weight:600 !important;
}




/* -- no hamburger on mobile -- */
/* disable when workshop collection is added */

/*
@media screen and (max-width: 999px) {
.md-max\:hidden {
    display: block !important;
}

  .header__primary-nav{
    gap:0px !important;
  }

svg.header__nav-icon.icon.icon-hamburger {
    display:none !important; 
  }
}


@media screen and (max-width: 999px) {
.product-gallery__thumbnail-list {

    padding-right: 20px !important;
}}
*/






.cart-drawer img {
    width: auto !important;
    height: 100% !important;
}


/* -- cart SIZE  bold -- */
.cart-drawer .line-item .smallcaps {
    font-weight: 500 !important;
      font-size: var(--text-h4) !important;

}

/* -- add SIZE: to size label in cart drawer -- */
.cart-drawer .line-item .smallcaps:before {
   content: "Size: "

}


/* -- cart product name closer to top of image -- */
.cart-drawer .line-item {
    align-items: start !important;
}

/* -- product title in cart drawer -- */
.cart-drawer .justify-items-start.gap-1 a {
  /*  font-size: 20px !important; */
   font-size: var(--text-h3) !important;
  font-weight: 700 !important;
      /*  letter-spacing: -.5px !important; */

}


/* -- price size in cart drawer -- */
.cart-drawer   sale-price.text-subdued {
font-size: var(--text-h3) !important;
   font-weight: 100 !important;
      letter-spacing: 1px !important;
}

@media screen and (max-width: 1000px) {
.product  sale-price.text-subdued {
font-size: var(--text-h3) !important;
   font-weight: 100 !important;
      letter-spacing: 1px !important;
}}

@media screen and (min-width: 1000px) {
.product  sale-price.text-subdued {
font-size: var(--text-h2) !important;
   font-weight: 100 !important;
      letter-spacing: 1px !important;
}}

/* -- product page --  */


.product td {
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 0px;
}
.product .prose :where(:not(meta) + *) {
  margin-block-start: 0rem;
}
.product .w-full {
  padding-top: 10.6px !important;
  padding-bottom: 10.6px !important;
  border-radius: 5px;
  font-weight: 700;
  /*
  color: floralwhite;
  */
  color:white;
    border: none !important;
}

.product-gallery[allow-zoom] .product-gallery__media {
  cursor:  !important;
}
.product .gap-2\.5 {
  gap: 0.825rem;
}
.product .color-swatch {
  --swatch-offset: 0px;
  --swatch-size: 2.725rem;
}
.product .text-with-icon {
  font-weight: 700;
}
.product legend {
  text-transform: uppercase; 
      font-weight: 700;

  color: #4c4c4c; /* display: none;*/
}

.product .select {
  border-radius: 5px;
}



.product .variant-picker .popover::part(content)   {

    border-radius: 5px !important;
}



.product .variant-picker .popover  {

    border-radius: 5px !important;
}





#shopify-section-template--22519147069740__main .product-list {
    --product-list-max-items-per-row-allowed: 3 !important; 
}

/* COLLECTION PAGE SIZE OF GRID 
OFF BECAUSE OF NEW  VIEW SIZE BUTTON
SHOP, FUN BUTTONS
*/
.collection__main {
  
   /*max-width: 1000px !important;*/
  margin:0 auto !important;
}





/* collection closer to STORE header */


    .collection:only-child {
        margin-block-start: 1rem;
    }


.product-card__info {
  /*  padding-bottom: .5rem !important; */
}
.product-list {
 
   --product-list-default-row-gap: 1rem !important; 
}
















/* TRYING TO KEEP FOOTER AT BOTTOM
body {
	min-height: 100vh !important;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	grid-template-columns: 100%;
}
*/

/*
body {
	min-height: 100vh !important;
}

.footer {
    position: absolute;
    bottom: 0px !important;
}
  */



.product details.accordion.group {
    border-bottom: 0px !important;
    border-top: 0px !important;
}




/* -- size selector color product page -- */
.product .select {
    background-color: whitesmoke;
}

/*
variant-picker.variant-picker.v-stack.gap-4 {
    width: 60% !important;
    margin: 0 auto !important;
}
*/

/* -- space between accordian header and text -- */
.accordion__content {
    padding-top: 8px !important;
}

/* -- hide zoom on mobile -- */
@media screen and (max-width: 1000px) {
.product-gallery__zoom-button {

    display: none !important;
}}


/*
.circle-button {

  
    opacity: .5 !important;

}
*/

/* -- zoom controls color -- */
:is(.circle-button--lg,.circle-button--xl)>svg, .circle-button>svg {
   -webkit-filter: invert(100%);
    filter: invert(100%);
}

/* -- zoom controls background color -- */
.circle-button{
/*background: #4c4c4c !important; */

}






/* -- rectangular bar for zoom controls -- */
@media screen and (min-width: 700px) {
.pswp--ui-visible .pswp__hide-on-close {

    background-color: #4c4c4c;
    margin: 0 auto !important;
    width: fit-content;

    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}}


@media screen and (max-width: 700px) {
.pswp--ui-visible .pswp__hide-on-close {

    background-color: #4c4c4c;
    margin: 0 auto !important;
    width: fit-content;

    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}}

.circle-button{
background: transparent !important;
  box-shadow:none !Important;

}

@media screen and (pointer: fine) {
    .pswp__top-bar>.circle-button:hover {
        transform: none !important;
    }
}









/* transforms 2 columns into 1 no thumbnails */
/*
.product-gallery__carousel {
 
    display: block;
}
*/



/* -- adjusting product page grid view (2 columns) -- */

@media only screen and (min-width: 1000px) {
.product-info {
   /* width: 400px; */
     /* margin: 0 auto !important;*/

  /* added 4 22 24 for testing */
  
    /* width: 350px;  */

  max-width: 370px;
        margin: 0 auto !important; 
        top: 15vh !important;
  padding-left:10px ;
  padding-right:10px;

}}

@media screen and (min-width: 1000px) {
    .product {
        --product-gap: 0rem;
    }}



.product-gallery__thumbnail-scroller {
    display: none !important;
}



@media only screen and (max-width: 1000px) {
.product-info {
  
    width: auto !important;
         max-width: 400px !important;
        margin: 0 auto !important;
    }
}



/* customizing size/color swatches */

.block-swatch {
    --swatch-border-size: 0;
  min-width: 2rem;
  font-weight:700;
/*  --swatch-disabled-strike-color: red !important; */

  /*
    --swatch-disabled-strike-color: #b3b1a2 !important;
  
  */

    --swatch-disabled-strike-color: transparent !important;

}

/* sizes on same line as SIZE: */
fieldset.variant-picker__option.v-stack.gap-2.no-js\:hidden {
    display: flex !important;
}

/* -- less space betwen sizes -- */
/*
.variant-picker__option-values.h-stack.gap-2\.5.wrap {
    gap: 0 !important;
}
*/




/* -- customizing checked size/color -- */

:checked+.block-swatch, .block-swatch.is-selected {
    border-color: currentColor;
font-weight:700;
    border-radius: 500px !important;
  color:white;

  /* GREEN
    background: #b3b1a2;*/

  
/* OG GREY
  background: #4c4c4c; */

  /* NEW BLUE (slightly lighter)  */
  background: #0090c9; 

  /*  option b - slightly darkert blue  
    background: #007eaf; */
 
}


/* -- size/color row full width -- */

fieldset.variant-picker__option.v-stack.gap-2.no-js\:hidden {
    display: flex !important;
    justify-content: space-between;
}


/*
.product button.link:before {
  content: "(";
}
.product button.link:after {
  content: ")";
}
*/

/*
.product button.link:before {
  content: "· ";
}
*/


.product button.link {
   background: none; 
    transition: none;  
  opacity: .5;
      font-weight: 300;
}

.product button.link:hover {

    opacity: 1;
}


@media screen and (max-width: 350px) {
.block-swatch {
  min-width: 1.5rem;
  
}}





/* -- color of sold out option -- */
.block-swatch.is-disabled {
    color: rgb(var(--text-color) / .25);
}

.block-swatch.is-disabled {
  pointer-events: none;
    /* Optionally, you can also change the cursor to indicate it's not clickable */
    cursor: not-allowed;
}














/* 2 logos */

/*
.header__logo-image {
    max-width: 30px ;
    margin-left: 1px !important;
}

.header__logo-image--transparent
{
    max-width: 140px !important;
}


@media screen and (max-width: 700px) {
.header__logo-image--transparent
{
    max-width: 120px !important;
}}



.header:hover .header__logo-image, .header:active .header__logo-image, .header:focus .header__logo-image  {

opacity:0 !important;
}

.header:hover .header__logo-image--transparent, .header:active .header__logo-image--transparent, .header:focus .header__logo-image--transparent  {

opacity:1 !important;
}

*/






/* NEW 2 LOGO BELOW - fixed blur!! */

/* Main logo */
.header__logo-image {
    max-width: 30px !important;
    margin-left: 1px !important;
}

/* Transparent logo using direct URL */
.header__logo-image--transparent {
    max-width: 140px !important;
    width: 140px !important; 

  /* OG LOGO */
    height: 18.4px !important;
     top:7px !important;

  /* PERFECT TRANSPARENT HEADER LOGO AMATONA -- TEMPORARILY OFF AMA---T */
 /* OG in #1c1c1c - darkest, matches product name: */
/*  background-image: url('https://amatona.com/cdn/shop/files/name-site-header-1c1c1c.png') !important;   */












  /*OLD LOGOS*/
/* official new 2.0 v2 rounded corners */
  /* background-image: url('https://amatona.com/cdn/shop/files/official_new.png') !important; */
    /* new for 2.0 - middle */
 /* height: 30px !important; */







  
  /* new 2.0 v1 */
   /* background-image: url('https://amatona.com/cdn/shop/files/name-site-header-v2-1c1c1c.png') !important;  */


 
 /* original - too light: */
  /*background-image: url('https://amatona.com/cdn/shop/files/name-site-header-2.png') !important; */

  /* #333333 - better, but even darker potentially better: */
  
  /*background-image: url('https://amatona.com/cdn/shop/files/name-site-header-333.png') !important;  */

  
/*  background-image: url('https://amatona.com/cdn/shop/files/name-site-header-2-white.png') !important;*/
  
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
/*    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;*/

}

/* Mobile adjustments */
@media screen and (max-width: 700px) {
    .header__logo-image--transparent {
        max-width: 120px !important;
        width: 120px !important;
    }
}

/* Hover states */
/* AMA---T LOGO TRANSPARENT WORDMARK */
/*
.header:hover .header__logo-image, 
.header:active .header__logo-image, 
.header:focus .header__logo-image {
    opacity: 0 !important;
}

.header:hover .header__logo-image--transparent, 
.header:active .header__logo-image--transparent, 
.header:focus .header__logo-image--transparent {
    opacity: 1 !important;
}
*/





/* NEW 2 LOGO ABOVE - fixed blur!! */








/* CENTER AMATONA TO LOGO/T AT CENTER - DESKTOP */
@media screen and (min-width: 700px) {
.header__logo-image--transparent {
   /* background-color: #EFEFEF !important; */
  /*padding-top:10px ; */


  /* SOLVING AMA---T LINK  */
    inset-block-start: -1px;
    inset-inline-start: -57px;
  padding-top:8px ;
  padding-bottom:10px ;
  
  
}}
/* CENTER AMATONA TO LOGO/T AT CENTER - MOBILE */

@media screen and (max-width: 700px) {
.header__logo-image--transparent {
   /*inset-inline-start: -45px;*/
    /* background-color: #EFEFEF !important; */

   


    /* SOLVING AMA---T LINK  */
    inset-block-start: -1px;
inset-inline-start: -48.5px;
  padding-top:10px ;
  padding-bottom:10px ;
  
}
}






.header__logo-image:where(:not(:only-of-type)) {
    transition: none;
}







/* -- size chart lines - old and new -- */



/* -- size chart: no vertical lines -- */
td:not(:empty)+td {
   /* border-inline-start-width: 0px !important; */
}



/* -- size chart: remove unnecesary lines -- */

td:not(:empty)+td {
    /*border-bottom: 0px !important; */
}

.prose :first-child {
   /* border-bottom: 0px !important; */
}


.modal::part(header) {
  
    /*border-bottom: 0px !important; */
}

/* -- size chart: removes ALL lines -- */

td {
  /*border: 0px !important; */
}



/* -- april 2024 new size chart lines -- */
/*
tr:first-child {
    border-top: 0 ;
}




tr {
    border-top: .5px solid ;
    border-bottom: .5px solid ;
}


tr:last-child {
    border-bottom: 0 ;  
}
*/








/* -- newest size chart -- */
/* no extra space above */
/* size chart remove unwanted lines */
.modal::part(body) {
    padding-block-start:0px !important;
}


/* remove 1 out of 2 lines above */
/* size chart remove unwanted lines */
 .modal::part(header) {

    border-block-end: 0px !Important;
}


/* size chart remove unwanted lines */
.modal .prose:not(.prose--tight) :where(:not(meta,span)+*) {

        border-top: 0px !important;
          border-left: 0px !important;

    }


/* size chart remove unwanted lines */
.modal .prose :first-child {

    border-top: 0px !important;
}

/* size chart remove unwanted lines */
.modal tr:first-child{
  border-top: 0px !important;
}


/* size chart closer together */
.modal td {
    padding: 5px !important;
}





/* -- right line after part on size chart -- */
td:first-child {
  /*
      border-inline-end-width: 1px;
  */
}

/* -- size chart narrower measurement right side column -- */
 td {
    width: 0% !important;
}




/* -- footer at bottom TBD -- */
/*
{
  min-height: calc(100vh - 50px) !important;
}
*/






/* -- small gap between photos - dot mobile -- */
/* -- free scroll -- */
/* turn on / off to free scroll or snap on product page photos pdp images */
.product-gallery__carousel {
  
    gap: 2px;
  /* -- free scroll -- */
    scroll-snap-type: none !important; 
  
}




/* -- mobile dots product photos -- */

.page-dots {

    gap: .5rem .5rem;
    position: absolute;
    right: 5px !important;
    bottom: 25px !important;
}

/* -- with mobile dots, pic gets bigger. so this brings item name higher -- */
@media screen and (max-width: 1000px) {
.product {
    gap: 7.5px;
}}



  /* -- price inline with title -- */
  .product .v-stack {
  display: inline ;
  }

  
 .product .product-info__block-item:is([data-block-type=title],[data-block-type=price])  {
    display: inline-flex !important;
/*           width: 50% ; */
 }

/* -- noah edit to ensure price stays on one line in other currencies/more than 4 numbers -- */
    .product .product-info__block-item:is([data-block-type=title]) {
             /*  width: 80% ; */
                 width: 70% ; 

}

  .product .product-info__block-item:is([data-block-type=price]) {
    justify-content: flex-end !important;
              /* width: 20% ; */
                 width:30%;

}

  /* -- get rid of accordian plus sign animation -- */
.animated-plus:before, .animated-plus:after {
   
    transition: none !important;
}



/* -- tryign to get footer to bottom -- */




/* -- trying to center main pic -- */
/* works but scroll header */
/*
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}



#main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.main-content {
  flex: 1 0 auto;
  /*padding-bottom:20px; */
/*
}
*/






/* -- remove underline / hover animation on links -- */
.link, .prose a:not(.h1,.h2,.h3,.h4,.h5,.h6,.button,.link-faded,.link-faded-reverse) {
    text-underline: none;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
    transition: none !important;
    
}


/* -- remove underline / hover animation on links -- */
.link, .prose a:not(.h1,.h2,.h3,.h4,.h5,.h6,.button,.link-faded,.link-faded-reverse):hover {
    text-underline: none;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
    transition: none !important;
}


/* -- capitalize BAG in cart drawer -- */
.drawer::part(header) {
    text-transform: uppercase !important;
}


/* -- bold CHECKOUT button in cart drawer -- */
.cart-drawer button.button.w-full
{
  font-weight:700 !important;
}


/* -- rounded product image in cart drawer -- */

.cart-drawer img, .cart-drawer .quantity-selector--sm {

    border-radius: 3.5px !important;
}



/* -- no underline on remove in cart drawer -- */

/* updated to match "shop all goods button" from simply no background at all */
/*
.cart-drawer .link {

  background: #dcdcdc !important;
  color: #3c3c3c;
    border: none;
    text-transform: lowercase;
    border-radius: 5px;
  padding: 2.5px 5px;
}
*/


/* v2 red text*/
.cart-drawer .link {

  background: none !important;
 /* red color: #8c0000; */
      color: #f39900;

    border: none;
    text-transform: lowercase;
    border-radius: 0px;
  padding: 0px;
}





.complementary-products__product-list--carousel .link  {

  
   /* background: none !important;*/
  background: #4c4c4c !important;
    color: #efefef;
    border: none;
    text-transform: lowercase;
    border-radius: 5px;
    padding: 5px 10px;
  
}


.cart-drawer button.button.w-full {
    border-radius: 5px !important;
}







/* -- smaller size selector in cart drawer -- */
.cart-drawer .quantity-selector--sm {
    --quantity-selector-height: 1.6rem;
    --quantity-selector-input-width: 1.2rem;
  outline: 1px solid #dcdcdc;
}





/* -- price next to name on cart drawer -- */
.cart-drawer .v-stack.justify-items-start.gap-1 {
    display: inline-flex;
}


/* -- price in cart drawer -- */
.cart-drawer .price-list {
    align-items: center;
      column-gap: .25rem;
}

/* -- dot between product and price in cart drawer -- */
.cart-drawer .price-list:before {
    content: " · ";
     /* padding-left: 5px !important; */
 padding-left:  2px !important;
  padding-right:  2px !important;
}



/* -- password page newsletter -- */
.password__inner .h3 {
  color: white !important;
}

.password__inner  .input {
  border: .5px solid white !important;
}

.password__inner input::placeholder {
    color: white !important;

}


.page-error .btn {
    background-color: #4c4c4c !important;
}

.page-error__logo {
    font-weight: 700  !important;
}



/* -- desktop product image hover cursor -- */
.product-gallery[allow-zoom] .product-gallery__media {
    cursor: pointer !important;
}





/* -- taken from carosel css -- */
/*@media screen and (min-width: 405px) {
  slideshow-carousel {
    width: 400px !important;
  }
}
slideshow-carousel {
  margin: 0 auto !important; 
  background-color: transparent !important;
  padding: 150px 0px 0px 0px;
} 
*/
/* TO MOVE BUTTON DOWN*/
/*
.content-over-media {
  --content-over-media-calculated-row-gap: 25px;
}
.prose :is(.button, .button-group:has(.button)) {
  border-radius: 3.5px !important;
  padding: 5px 10px;
  font-size: 10px;
  border: none !important;
  font-weight: 700;
}*/


/* CODE FOR IMAGE ON HOMEPAGE - INSERT BACK INTO CUSTOMIZE IF NEEDED */

/*

slideshow-carousel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto !important;
  background-color: transparent !important;
}
@media screen and (max-width: 700px) {
  slideshow-carousel {
    width: 300px !important;
  }
}
@media screen and (max-width: 300px) {
  slideshow-carousel {
    width: 250px !important;
  }
}
@media screen and (min-width: 700px) {
  slideshow-carousel {
    width: 600px; 
  }
}

*/

/*
slideshow sizing it smaller

@media screen and (max-width: 700px) {
  .h1 {
    font-size: 32px;
    color: #f9c62a;
    letter-spacing: -2px !important;
    line-height: 0.5;
  }
  .h6 {
    font-size: 12px;
    color: #ffe1b7;
    letter-spacing: -0.25px !important;
  }
  .slideshow__slide-content.place-self-end-start.text-start.sm\:place-self-end-start.sm\:text-start {
    top: 25px;
  }
}
@media screen and (min-width: 700px) {
  .h1 {
    font-size: 50px;
    color: #f9c62a;
    letter-spacing: -2px !important;
    line-height: 0.5;
  }
  .h6 {
    font-size: 16px;
    color: #ffe1b7;
    letter-spacing: -0.25px !important;
  }
}
*/


/* slideshow yellow fade tee

@media screen and (max-width: 700px) {
  .h1 {
    font-size: 32px;
    color: #f9c62a;
    letter-spacing: -2px !important;
    line-height: 0.5;
  }
  .h6 {
    font-size: 12px;
    color: #ffe1b7;
    letter-spacing: -0.25px !important;
  }
  .slideshow__slide-content.place-self-end-start.text-start.sm\:place-self-end-start.sm\:text-start {
    top: 25px;
  }
}
@media screen and (min-width: 700px) {
  .h1 {
    font-size: 50px;
    color: #f9c62a;
    letter-spacing: -2px !important;
    line-height: 0.5;
  }
  .h6 {
    font-size: 16px;
    color: #ffe1b7;
    letter-spacing: -0.25px !important;
  }
}

*/

/* -- space to the left of product images -- */
@media screen and (min-width: 1000px) {

.product-gallery__carousel {
    padding-left: 100px !important;
}
}





/* FADE TEE FADE */
#shopify-section-template--22519147102508__slideshow_A4jfgz .h1 {
 /*background: linear-gradient(90deg, #ffe084, #f9c62a); */
  /*lighter*/
              background: linear-gradient(90deg, #fff2b8, #f9c62a);

            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
}
  




/* -- fixes the issue of first size (e.g. small) being selected when a product is entirely sold out -- */
/* When sold-out size is selected */
.block-swatch.is-disabled.is-selected {
    background-color: transparent !important; 
}

/* Make sure that the selected state doesn't override the sold-out styling */
:checked + .block-swatch.is-disabled {
    background-color: transparent !important; 
}








/*
 background: radial-gradient(circle at 30% 30%, rgba(135, 206, 235, 0.3), transparent 70%),
                radial-gradient(circle at 30% 70%, rgba(255, 250, 205, 0.3), transparent 70%),
                radial-gradient(circle at 70% 30%, rgba(144, 238, 144, 0.3), transparent 70%),
                radial-gradient(circle at 70% 70%, rgba(255, 165, 0, 0.3), transparent 70%);
    */

  
 /*    background: radial-gradient(circle at 30% 30%, rgba(135, 206, 235, 0.15), transparent 70%),
                radial-gradient(circle at 30% 70%, rgba(255, 250, 205, 0.15), transparent 70%),
                radial-gradient(circle at 70% 30%, rgba(144, 238, 144, 0.15), transparent 70%),
                radial-gradient(circle at 70% 70%, rgba(255, 165, 0, 0.15), transparent 70%);
  */

  
/*
    background: radial-gradient(circle at 30% 30%, rgba(135, 206, 235, 0.0375), transparent 70%),
                radial-gradient(circle at 30% 70%, rgba(255, 250, 205, 0.0375), transparent 70%),
                radial-gradient(circle at 70% 30%, rgba(144, 238, 144, 0.0375), transparent 70%),
                radial-gradient(circle at 70% 70%, rgba(255, 165, 0, 0.0375), transparent 70%);
  */



/* -- full height of homepage image -- */
/*
@media screen and (min-width: 1000px) {

.content-over-media>picture img {
*/
  /*  max-height: 85vh; */
  /*
  max-height: 70vh;
  margin: 0 auto !important; 
    object-fit: contain !important;
}}
*/

/*
@media screen and (max-width: 1000px) {
.content-over-media>picture img {
      max-height: 80vh;
  margin: 0 auto !important;
    object-fit: contain;
}}
*/






/* -- centering image vertically -- */
/*
@media screen and (min-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;

  height: calc(100vh - 39px);
}

.slideshow__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; 
}

.slideshow__slide img {
  max-width: 100%; 
  max-height: 100vh; 
  object-fit: contain; 
}
}


  
@media screen and (max-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;

  height: calc(85vh - 39px); 
}

.slideshow__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; 
}

.slideshow__slide img {
  max-width: 100%; 
  max-height: 100vh; 
  object-fit: contain; 
}
}
*/

/*
@media screen and (max-width: 1000px) {
    .content-over-media>picture img {
        max-height: 100vh;

      
      .slideshow {
 
  height: auto;
}

.slideshow__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; 
}

.slideshow__slide img {
  max-width: 100%; 
  max-height: 100vh; 
  object-fit: contain; 

}

*/




/* homepage single photo - portrait */

/*
.content-over-media>:not(img,video,iframe,svg,video-media,picture) {

    position: absolute;
}
@media screen and (min-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}


.content-over-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 

    column-gap: 0px !important;
}

.content-over-media>picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 

  
       
}

.content-over-media>picture img {
   height: calc(100vh - 102px) !important;
  object-fit: contain !important;
  max-width: 100%;
}
}

@media screen and (max-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(85vh - 102px);
}

.content-over-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
    column-gap: 0px !important;
}

.content-over-media>picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
}

.content-over-media>picture img {
  height: 60vh;
  object-fit: contain !important;
  max-width: 100%;
}

  .content-over-media>:not(img,video,iframe,svg,video-media,picture) {

  margin-bottom:20px;
}
}
*/



/* -- hide shop on product page scroll -- */
/*
@media screen and (min-width: 1000px) {
    .product-gallery__carousel {
        background: #efefef;
        z-index: 9 ;
    }
}
*/















/* -- vertically centering a single image on the homepage -- */

/*
@media screen and (min-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}


.content-over-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 

    column-gap: 0px !important;
}

.content-over-media>picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 

  
       
}

.content-over-media>picture img {
   height: calc(100vh - 102px) !important;
  object-fit: contain !important;
  max-width: 100%;
}
}

@media screen and (max-width: 1000px) {
.slideshow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(85vh - 102px);
}

.content-over-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
    column-gap: 0px !important;
}

.content-over-media>picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
}

.content-over-media>picture img {
  height: 60vh;
  object-fit: contain !important;
  max-width: 100%;
}

  .content-over-media>:not(img,video,iframe,svg,video-media,picture) {

  margin-bottom:20px;
}
}
*/







/* Adjust the dimensions and positioning of the .content-over-media container */
/* WORKS TO GET LINK ON IMAGE - JUST TOO SMALL
#shopify-section-template--22519147102508__slideshow_A4jfgz .slideshow__slide .content-over-media {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(100vh - 102px);
  height: calc(100vh - 102px);
}

@media screen and (max-width: 1000px) {
  #shopify-section-template--22519147102508__slideshow_A4jfgz .slideshow__slide .content-over-media {
    max-width: 100%;
    height: 60vh;
  }
}
*/








/* fixed - slideshow smaller, vertically centered, link same size as image */

/* -- vertically centering a single image on the homepage -- */
/*
@media screen and (min-width: 1000px) {
  .slideshow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
  }
  .content-over-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    column-gap: 0px !important;
    width: 100%;
  }
  .content-over-media > picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .content-over-media > picture img {
    height: auto;
    max-height: calc(100vh - 102px);
    width: auto;
    max-width: 100%;
    object-fit: contain !important;
  }
  #shopify-section-template--22519147102508__slideshow_A4jfgz .slideshow__slide a {
    display: block;
    max-width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .slideshow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(85vh - 102px);
  }
  .content-over-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    column-gap: 0px !important;
    width: 100%;
  }
  .content-over-media > picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .content-over-media > picture img {
    height: auto;
    max-height: 60vh;
    width: auto;
    max-width: 100%;
    object-fit: contain !important;
  }
  .content-over-media > :not(img, video, iframe, svg, video-media, picture) {
    margin-bottom: 20px;
  }
  #shopify-section-template--22519147102508__slideshow_A4jfgz .slideshow__slide a {
    display: block;
    max-width: 100%;
  }
}
*/














/* -- gets rid of lingering nav hover animation on safari -- */
.header__primary-nav-item:before {
content: none !important;
transform-origin: none !important;
background: none !important;

transition: none !important;
}
























/* -- logo load spinner -- */
/*
#loading-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.spinner {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: spin 1.2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
*/





/* -- cookie pop-up -- */








/*new edits for 10.0 */

/* fixing size chart on same line as sizes*/

fieldset.variant-picker__option.v-stack.gap-2 {
    justify-content: space-between !important;
    width: 100% !important;
  display:flex !important;
}






/* -- footer at bottom -- */
body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  /*  min-height: calc(100vh - 38.7px); */
    min-height: 100dvh;
  }

  #main {
    flex: 1; /* Allow main content to grow to fill remaining space */
    display: flex;
    flex-direction: column;
  }

  .main-content {
    flex: 1; /* Allow main content to grow to fill remaining space */
  }



/* NEW 10.0  */
footer {
    margin-top: auto !important;
  padding: 5px 0 !important;
}

/* -- end footer at bottom -- */




/*  no lines on accordian  */


.accordion {
    border-block-width: 0PX;
}

/* done with new edits for 10.0 */




/* product page width for shorter descriptions 
MIDDLE OF PAGE PHOTOS ACCORDIAN PRODUCT TITLE NAME AND PRICE */

@media only screen and (min-width: 1000px) {
    .product-info {
        min-width: 370px;
        margin: 0 auto !important;
        top: 15vh !important;
    /*  top:25vh !important;*/
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1000px) {
    .product-info {
       /* width: auto !important; */
       /* min-width: 90.5vw !important; */
       /* margin: 0 auto !important;*/
      width:100% !important; 
          margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);

    }
}



.newsletter-popup .button {

border: 1px solid rgb(var(--button-outline-color, var(--button-background)));
--initial-gradient: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background)));
--hover-gradient: linear-gradient(transparent, transparent);
--initial-background-position: var(--transform-origin-end);
--hover-background-position: var(--transform-origin-start);
justify-content: center !important;
align-items: center !important;
border-radius: 0px 0px 5px 5px !important;
/*font-weight: 600 !important;*/
/* letter-spacing: 0px; */
/* text-transform: lowercase !important; */
      font-weight: 700 !important;
  /*  letter-spacing: -.5px; */
   letter-spacing: 0.02em !important;
  /*  text-transform: capitalize; */
}
}


.newsletter-popup .input {
 
text-align: center  !important;
border-radius: 5px 5px 0px 0px  !important;
border-color: #4c4c4c !important;
}

.newsletter-popup  .form {
    row-gap: 0rem  !important;
}



.pop-in {
  padding: 1rem !important;
  inset-block-end: 2.5rem !important;
  border-radius: 5px !important;
  border: 1px solid #a2a2a2 !important;
  background-color: #e8e8e8 !important;
}



/* newsletter works?*/
@media screen and (max-width: 700px) {
 .shopify-section--newsletter   .input {
    border-radius: 5px 5px 0px 0px !important;
  }
 .shopify-section--newsletter    .button {
    border-radius: 0px 0px 5px 5px !important;
  }
}
@media screen and (min-width: 700px) {
 .shopify-section--newsletter  .input {
    border-radius: 5px 0px 0px 5px;
  }
 .shopify-section--newsletter    .button {
    border-radius: 0px 5px 5px 0px;
  }
}
.shopify-section--newsletter   .color-scheme {
  background-color: #e8e8e8;
  border-radius: 5px;
  border: 1px solid #a2a2a2;
}
.shopify-section--newsletter  .input {
  border-radius: 5px 0px 0px 5px;
  background-color: white;
}
.shopify-section--newsletter  .button {
  border-radius: 0px 5px 5px 0px;
}
 .shopify-section--newsletter  .input,
.shopify-section--newsletter  .button {
  border: 1px solid #4c4c4c;
}




/* newsletter (on about page) input+button */
.shopify-section--newsletter  .form-row {
  gap: 0px;
}

@media screen and (max-width: 1000px) {
.shopify-section--newsletter 
  .color-scheme {
  
    /*width: 96vw !important; */
    width:90vw !important;
    margin: 0 auto !important;
    padding: 15px 0px 15px 0px !important;

    

}


.shopify-section--newsletter  .section-header {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.shopify-section--newsletter 
  .input {
  
   text-align:center;

    

}


  
}




@media screen and (min-width: 1000px) {
   
.shopify-section--newsletter  .color-scheme  {
  width: 60vw !important;
    margin: 0 auto !important;
      padding: 30px 0px 30px 0px !important;
  }
}

@media screen and (min-width: 700px) and (max-width: 800px) {
   
.shopify-section--newsletter  .color-scheme  {
  width: 90vw !important;
    margin: 0 auto !important;
  }
}



@media screen and (min-width: 800px) and (max-width: 900px) {
   
.shopify-section--newsletter  .color-scheme  {
  width: 80vw !important;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
   
.shopify-section--newsletter  .color-scheme  {
  width: 70vw !important;
    margin: 0 auto !important;
  }
}




#shopify-section-template--23328849592620__rich_text_dGp8fy a
{

  text-transform:lowercase !important;
  font-size:9px !important;
}

@media screen and  (max-width: 346px) {
#shopify-section-template--23328849592620__rich_text_dGp8fy a
{

  text-transform:lowercase !important;
  font-size:7px !important;
}}








.badge {
  border-radius: 2.5px !important;
}


.badge--noah {
   /* background: rgb(var(--sold-out-badge-background));
    color: rgb(var(--sold-out-badge-text)); */
 background: #00416a !important;
    color: rgb(var(--sold-out-badge-background)) !important;
    font-weight: 400 !important;

  
}




/* Low Stock Badges */
.badge--low-stock.urgent {
  background-color: #dcdcdc !important; 
  color: #4C4C4C !important;
}

.badge--low-stock.warning {
  background-color: #f39c12 !important; /* Yellow-Orange */
  color: black;
}


/* Low Stock Badges */
/* 1 LEFT */
.badge--low-stock.last-one {
  /*background-color: #dcdcdc !important; 
  color: #4C4C4C !important; */

  


      background: #d15600 !important; 
  /* background: #4b8743 !important; */
  /*RED background: #8c0000 !important;*/
   /*GREEN / TEAL background: #2c8551 !important; */
  color: rgb(var(--sold-out-badge-background)) !important;
  /*font-weight: 400 !important;*/
     text-transform: uppercase;
    /*font-weight: 900 !important; */
  font-family: 'urw-din', sans-serif !important;
  font-weight: 600 !important;
}

/* 2 LEFT */
.badge--low-stock.urgent {
 /* background-color: #e74c3c; 
  color: white;*/

  background-color: #dcdcdc !important; 
  color: #4C4C4C !important;
}

/* 3-5 LEFT */
.badge--low-stock.warning {
 /* background-color: #f39c12;
  color: black; */
  background-color: #dcdcdc !important; 
  color: #4C4C4C !important;
}





.badge--noah.new {

   /* background: #d15600 !important; */
  background: #4b8743 !important;
  /*RED background: #8c0000 !important;*/
   /*GREEN / TEAL background: #2c8551 !important; */
  color: rgb(var(--sold-out-badge-background)) !important;
  /*font-weight: 400 !important;*/
     text-transform: uppercase;
    /*font-weight: 900 !important; */
  font-family: 'urw-din', sans-serif !important;
  font-weight: 600 !important;
}



.badge--noah.workshop {

   /* purple */ background: #6B3A86 !important;
  
  /*RED background: #8c0000 !important;*/
   /*GREEN / TEAL background: #2c8551 !important; */
  color: rgb(var(--sold-out-badge-background)) !important;
  font-weight: 400 !important;
    font-family: monospace !important;

}



.badge--noah.today {

  /*ORANGE  background: #d15600 !important;*/
  
  /*RED background: #8c0000 !important;*/
   /*GREEN / TEAL*/ background: #2c8551 !important;
  /* color: rgb(var(--sold-out-badge-background)) !important; */
  font-weight: 400 !important;
}






.badge--noah.soon {

   /* background: #d15600 !important; */
  background: #00416a !important;
  /*RED background: #8c0000 !important;*/
   /*GREEN / TEAL background: #2c8551 !important; */
  color: rgb(var(--sold-out-badge-background)) !important;
  /*font-weight: 400 !important;*/
     text-transform: uppercase;
    /*font-weight: 900 !important; */
  font-family: 'urw-din', sans-serif !important;
  font-weight: 600 !important;
}











/* 2.0 COLLECTION PAGE DESIGN SHOP BACKGROUND GREY BLUE HOVER INDIGO */





.product-card__image {
  /*  border-radius: 8px; */
        border-radius: 5px 5px 0px 0px;
  /*  border: 1px solid #dcdcdc; */

}








/* BLUE PRODUCT TITLE ON HOVER */
/*
 a.product-title.line-clamp:hover {
    color: #00416A !important;
    transition: color 0.3s ease !important; 
}
*/




/* COLLECTION / SHOP PRODUCT NAME AND PRICE JUSTIFY VS CENTER */
.justify-items-center {
  /* justify-content: center !important;*/
  justify-content: space-between !important;
  width: 100% !important;
  margin: 0 auto !important;
}


.v-stack.justify-items-center.gap-1 {
    width: 95% !important;
    margin: 0 auto !important;

}

 /* COLLECTION / SHOP PRODUCT NAME AND PRICE BACKGROUND-COLOR/DESIGN */


.justify-items-center {
  /*  background: #dcdcdc;  
    padding-bottom: 1px;
    border-radius: 0px 0px 5px 5px;
    padding: 2.5px;*/
  
 
}


.collection a.product-title.line-clamp {
     /*   font-weight: 600 !important;
        letter-spacing: -.5px !important; */
    }


.collection a.product-title.line-clamp {
  /*  font-weight: 100 !important; */
   font-weight: 500 !important; 
  letter-spacing:0px !important;
/* letter-spacing: 1px !important; */
/* font-size:18px !important; */
/* font-size: 13px !important; */
}





@media only screen and (min-width: 768px) {
    .collection a.product-title.line-clamp {
    
        font-size: 15px !important;
    }

    .collection sale-price.text-subdued {
   
        font-size: 15px !important;
   
    }
}



  





/* BLUE BOTTOM INDIGO OF COLLECTION / SHOP PRODUCT LIST */
/*
.collection a.product-title.line-clamp
{
  color: #efefef !important;
}

.collection sale-price.text-subdued
{
    color: #efefef !important;

}*/

 /* COLLECTION / SHOP PRODUCT NAME AND PRICE BACKGROUND-COLOR/DESIGN - bringing them together */

.product-card {
    gap: 0rem !important;
}



.justify-items-center {
/*  transition: background-color 0.3s ease; */
}

.product-card:hover .justify-items-center {
  /*background: #00416a !important; */
   /*background: #e8e8e8 !important; */

  
  /*background: #efefef; */
}

/*
.product-card:hover .justify-items-center {
  background: #efefef !important;
}

.justify-items-center:hover {
  background: #e8e8e8 !important;
}*/


.product-card:hover  a.product-title.line-clamp, .product-card:hover  sale-price.text-subdued  {
  /*color: #efefef !important;*/
}







.product-card__info
{
 /* padding-bottom: none !important; */
}




/* RELATED PRODUCTS - PRODUCT NAME AND PRICE ON SAME LINE ON MOBILE */
@media only screen and (max-width: 1000px) {
    .v-stack.justify-items-center.gap-1 {
        display: flex;
    }
}



.shopify-section:not(:first-child) .bordered-section {
   /* border-top: 1px dotted #cfcfcf; */
}



.justify-items-center {
  background: none;
    /*  padding: 2.5px !important;*/
          padding: 2.5px !important;


}
.product-card__info {
  background-color: #dcdcdc;
  /* padding-bottom: 1px; */
    border-radius: 0px 0px 5px 5px;

}










/* STORE BUTTON FOR MOVEMENT PRODUCT CARDS */
button#toggleAnimation {
    position: fixed;
 /*   top: 12px !important; 
    font-size:20px;
*/

  right:62px !important;
  z-index:5 !important;
}


@media only screen and (max-width: 768px) {

button#toggleAnimation {
    position: fixed;
 /*   top: 12.5px !important;
      font-size: 20px;
*/
  
  right:58px !important;
    z-index: 5 !important;
}}


@media only screen and (min-width: 1250px) and (max-width:2200px) {

button#toggleAnimation {
    position: fixed;
  /*  top: 12.5px !important;
      font-size: 20px;
*/
  
  right:5vw !important; 

    z-index: 5 !important;
}}

@media only screen and (min-width: 2200px) {

button#toggleAnimation {
    position: fixed;
   /* top: 12.5px !important;
   font-size: 20px;*/
 
  right: 4vw !important;
   
    z-index: 5 !important;
}}







/* STORE BUTTON FOR COLOR CARD */
button#toggleColorButton {
    position: fixed;
    top: 12px !important;
    /*left: 70px !important;*/
 /* right:60px !important;*/
  right:72px !important;
  font-size:20px;
  z-index:5 !important;
}


@media only screen and (max-width: 768px) {

button#toggleColorButton {
    position: fixed;
    top: 9px !important;
    /*left: 60px !important;*/
 /* right:50px !important;*/
  right: 85px !important;
    font-size: 25px;
    z-index: 5 !important;
}}



@media only screen and (min-width: 768px) and (max-width:1250px) {

button#toggleColorButton {
    position: fixed;
    top: 12.5px !important;
    /*left: 60px !important;*/
 /* right:50px !important;*/
  right:100px !important; 
  /*right: 4.3% !important; */
    font-size: 20px;
    z-index: 5 !important;
}}


@media only screen and (min-width: 1250px) and (max-width:2200px) {

button#toggleColorButton {
    position: fixed;
    top: 12.5px !important;
    /*left: 60px !important;*/
 /* right:50px !important;*/
  right:7vw !important; 
  /*right: 4.3% !important; */
    font-size: 20px;
    z-index: 5 !important;
}}

@media only screen and (min-width: 2200px) {

button#toggleColorButton {
    position: fixed;
    top: 12.5px !important;
    /*left: 60px !important;*/
 /* right:50px !important;*/
 /* right:5vw !important; */
  right: 6vw !important;
    font-size: 20px;
    z-index: 5 !important;
}}


































/* COLLECTION GRID SIZE SELECTOR */
.collection-toolbar__layout-switch-list {
    position: fixed;
    top: 3px !important;

  left:62px !important;
  z-index:5 !important;
}


@media only screen and (max-width: 700px) {

.collection-toolbar__layout-switch-list{
    position: fixed;
    top: 9px !important;

  left:48px !important;

    /* Creates a new stacking context above the header */
    z-index: 5 !important; /* High enough value */
 
}}

@media only screen and  (min-width: 700px) and (max-width: 768px) {

.collection-toolbar__layout-switch-list{
    position: fixed;
    top: 3px !important;

  left:40px !important;
    z-index: 5 !important; /* High enough value */
 
}}



@media only screen and  (min-width: 768px) and (max-width: 1250px) {

.collection-toolbar__layout-switch-list{
    position: fixed;
    top: 3px !important;

  left:40px !important;
    z-index: 5 !important; /* High enough value */
 
}}






@media only screen and (min-width: 1250px) and (max-width:2200px) {

.collection-toolbar__layout-switch-list {
    position: fixed;
    top: 3px !important;
   
  left:4vw !important; 


    z-index: 5 !important;
}}

@media only screen and (min-width: 2200px) {

.collection-toolbar__layout-switch-list {
    position: fixed;
    top: 3px !important;

  left: 4vw !important;

    z-index: 5 !important;
}}




/* ENSURE GRID SELECTOR CLICKABLE ABOVE HEADER */
.collection-toolbar {
    /*position: relative !important; */
  

    z-index: 9999 !important; }





/* {
    position: fixed;
    left: 100px !important;
    top: 3px !important;
}

*/



/* ROUNDED CORNERS ON SMALL GRID VIEW COLLECTION PAGE  */
.collection .product-list[collection-desktop-layout="compact"] .product-card__image {
    border-radius: 5px 5px 5px 5px;
}






/* TRYING TO GET SMALLEST ON MOBILE */
/*
@media screen and (max-width: 699px) {
    .sm-max\:hidden {
        display: inline-flex !important; 
    }
}
*/






.collection-toolbar {
    min-height: 0em;
  height: 0em;
}



@media screen and (min-width: 700px) {
 .collection   .sm\:gap-12 {
        gap: 1rem;
    }
}








.badge
{
  text-transform: lowercase;
 /* font-weight:100; */
  font-weight:400;
}






      


/* FLOAT 1.0 */
/* Apply float effect to images in small grid view */
/* 
.collection .product-list[collection-desktop-layout="compact"] .product-card  {
    animation: floatEffect 4s ease-in-out infinite !important; 
    will-change: transform !important;
}


@keyframes floatEffect {
    0% {
        transform: translateY(0); 
    }
    50% {
        transform: translateY(-8px); 
    }
    100% {
        transform: translateY(0); 
    }
}
*/







.collection .product-list[collection-desktop-layout="compact"] .product-card {
    transition: transform 1s ease; /* Ensures smooth return when animations stop */
}












.collection-toolbar__button :is(svg) {
  
    height: 10px !important;
}


    .collection-toolbar__layout-switch-list {

        top: 8px !important;
    }


@media screen and (max-width: 700px) {

    .collection-toolbar__layout-switch-list {

        top: 14px !important;
    }}






/* drop down on product page */

b, strong, .product .text-with-icon {
  
    font-weight: 700 !important;
}



.product-info__block-group:has(.product-info__block-item:is([data-block-type=variant-picker],[data-block-type=product-variations],[data-block-type=separator],[data-block-type=description],[data-block-type=text],[data-block-type=liquid],[data-block-type=share-buttons])) {
    --product-info-gap: 1.5rem;
  /*  outline: 1px solid #a2a2a2 !important;
    background: #e8e8e8;
    border-radius: 5px !important;
  padding: 0px 10px 0px 10px;*/
}

.accordion {

  /*  padding: 0px 10px 0px 10px !important; */
    margin-bottom: 10px !important;
  /*  background: #e8e8e8;
    color: #4c4c4c !important; */
}


.accordion__content {

    padding-block-end: .5rem;
}




.product .text-with-icon, .product legend, .product-info__block-list .quantity-selector, .product span.accordion__toggle.h6 {
    font-weight: 700 !important;
    font-family: 'urw-din';
}


/* SHOP COLLECTION PAGE 
PRODUCT CARD MAX WIDTH SIZE BUTTON
*/


.size-toggle-button {
 
  margin-top: 7px ;
}

.size-toggle-button:hover {
 

  opacity:1 !important;
}




@media only screen and (max-width:1550px) {

.size-toggle-button {
    position: fixed;
    top: 13.5px !important;
 left: 110px !important;
 /* left:200px !important; */

    font-size: 20px;
    z-index: 99 !important;
}}


@media only screen and (min-width: 1550px) and (max-width:2200px) {

.size-toggle-button {
    position: fixed;
    top: 12.5px !important;
 
  /*left:12vw !important; */
  left:150px !important;

    font-size: 20px;
    z-index: 99 !important;
}}

@media only screen and (min-width: 2200px) {

.size-toggle-button {
    position: fixed;
    top: 12.5px !important;
  /* left: 9.5vw !important; */
    left:160px !important;

    font-size: 20px;
    z-index: 99 !important;

}}







/* 1-9 QUANTITY SELECTOR PRODUCT PAGE */




.quantity-selector__option {
  background: none;
  border: none;
  cursor: pointer;
  font-size: inherit;
  color: #8c8c8c;
  transition: color 0.3s, font-weight 0.3s;
}



.quantity-selector__option:hover {
 
  color: #4c4c4c;
}


.quantity-selector__option.active {
  color: #1c1c1c;
  font-weight: ;
}

.quantity-selector__option:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.quantity-selector {

    border-width: 0px;

}


/*
.product-info__block-list .quantity-selector:before {
    content: "quantity";
  

}
*/




.product-info__block-list .quantity-selector::before {
    content: "QUANTITY:" !important;
      text-transform: uppercase;
    font-weight: 700;
    color: #4c4c4c;
    position: absolute !important;
    left: 0 !important; 

  
}






.product-info__block-list .quantity-selector {
  display: flex !important;
/*  gap: 10px; */
     /* gap: 66px !important; */
/* gap: 33px !important; */
 /* gap: 20px !important; */
   gap: 17px !important;
  font-size:11px;
 /* justify-content: space-between; */
      justify-content: flex-end; /* Aligns the quantity selector (- 1 +) to the right */
    position: relative; /* Needed for the ::before positioning */
  /*  padding-right: 10px !important; */
    padding-right: 6px !important; 
  
 /* justify-content: space-between; */
   /* justify-content: center;*/
  /*font-size: 14px;*/

   /* background:#e8e8e8 !important; */


}


.product-info__block-list .quantity-selector__input
{
  font-weight:700 !important;
color:#4c4c4c;
border-radius: 100px;
 /* background: white ; */
/* background: #dcdcdc; */
 border: 1px solid #d5d5d5;
/* font-size:14px !important; */

 background: #f1f1f1 !important;
 width:130px !important;
}


/*
.product-info__block-list .quantity-selector{
  background:white;
}



.product-info__block-list:is([data-block-type=buy-buttons]) {
 margin-block-start: 0px !important;
}

.product-info__block-item:is([data-block-type=buy-buttons]) {
--product-info-gap: 0px !important;
}


.product-info__block-list:is([data-block-type=quantity-selector]) {
    margin-block-end: 0px !important;
   margin-block-start: 0px !important;

}
*/

/* IF EVER WANT TO DO THE DESIGN OF ABOUT OVER IMAGE ON HOME SCREEN, AND WHEN YOU HOVER ON IMAGE, ABOUT DISAPEARS

.content-over-media:hover img {
  z-index: 20;
}

*/



/*
.quantity-selector__button svg {
  transition: all 0.2s ease-in-out; 
  width: 22px;
  height: 22px;
  padding: 6px; 
  border-radius: 50%;
  background: linear-gradient(145deg, #d9d9d9, #c7c7c7); 
  box-shadow: 
    inset -1px -1px 2px rgba(255, 255, 255, 0.5), 
    inset 1px 1px 2px rgba(0, 0, 0, 0.1); 
  color: #1c1c1c; 
  cursor: pointer;
  border: none;
}

.quantity-selector__button svg:hover {
  background: linear-gradient(145deg, #e0e0e0, #cccccc); 
  box-shadow: 
    inset -1px -1px 2px rgba(255, 255, 255, 0.7), 
    inset 1px 1px 2px rgba(0, 0, 0, 0.1); 
}

.quantity-selector__button svg:active {
  background: linear-gradient(145deg, #c4c4c4, #b2b2b2);
  box-shadow: 
    inset 2px 2px 4px rgba(0, 0, 0, 0.2), 
    inset -1px -1px 2px rgba(255, 255, 255, 0.3); 
}
*/







.product-info__block-list .quantity-selector__button {
 
    border-radius: 100px !important;

    padding: 4px !important;
  /* color: #7c7c7c; */

  /*  color:#6c6c6c;
      background: #d5d5d5; */

    background: #9a9a9a;
    color: #ffffff;
 }


.quantity-selector__button:hover  {
background:#4c4c4c !important;  
  opacity: 1 !important;
}

.quantity-selector__button:hover svg {
  opacity: 1 !important;
}


.quantity-selector__button[disabled]:hover svg {
    opacity:  .65 !important;

  
  
}

.quantity-selector__button[disabled]:hover  {
background:#9a9a9a !important;  
  opacity: 1 !important;
}




.quantity-selector__button[disabled] svg
{
      opacity: .65 !important;

}












.product-card__media {
/*
    background: #e8e8e8;*/
}


/* HOVER OVER IMAGE SIZE

.product-card__media {
  transition: transform 0.3s ease-in-out;
  transform-origin: center center; 
}

.product-card__media:hover {
  transform: scale(1.1); 
  overflow: hidden !important;
}



.product-card__figure {

    overflow: hidden !important;
}

*/







/* COMPLEMENTARY PRODUCTS IN CART DRAWER COMPLETE WITH / YOU MIGHT ENJOY */

.complementary-products__product-list--carousel {
 /*   grid: auto / auto-flow 80% !important; */
    grid: auto / auto-flow 30% !important;
}


.complementary-products__product-list--carousel .product-title, .complementary-products__product-list--carousel  .price-list:before, .complementary-products__product-list--carousel .price-list   {
    display: none !important;
}



.complementary-products__product-list--carousel .horizontal-product-card {
  display: grid !important;
}


/*
.quick-buy-modal__content .product-info .product-info__block-list .quantity-selector {

  width: 100% !important;
}
*/









.shopify-pc__banner__dialog
{
  
  /*padding:10px !important;*/
      max-width: 310px !important;
box-shadow: none !important;
      padding: 16px 32px !important;
  border-top-right-radius: 5px !important;
      border: 1px solid #a2a2a2 !important;
  
    background: rgba(255, 255, 255, 0.1) !important; 
    backdrop-filter: blur(10px) !important; /* Blur effect */
    -webkit-backdrop-filter: blur(10px) !important; 
}


@media screen and (max-width: 450px) {
.shopify-pc__banner__dialog
{
    min-width: 100vw !important;
        max-width: 100vw !important;

    border-top-right-radius: 0px !important;
  
    background: rgba(255, 255, 255, 0.5) !important; /* Light transparency */
    backdrop-filter: blur(10px) !important; /* Blur effect */
    -webkit-backdrop-filter: blur(10px) !important; 

}}

.shopify-pc__banner__btns {
 
    flex-direction: column !important;
     gap: 0px !important;
}


.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
  border:none !important;
    background: rgba(195, 195, 195, 0.2) !important;

      transition: background 0.3s ease !important;

}
@media screen and (max-width: 450px) {

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
   background: rgba(195, 195, 195, 0.6) !important;
}

  
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover {
 background: rgba(195, 195, 195, 0.6) !important;
}



}


.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover {
 background: rgba(195, 195, 195, 0.3) !important;
}



@media screen and (min-width: 1000px) {

.product-list {
    /*  --product-list-calculated-column-gap:  7.5px !important; */
   /*--product-list-calculated-column-gap:  12.5px !important;*/
 
  /*
   --product-list-calculated-column-gap:  10px !important;
      --product-list-calculated-row-gap: 7.5px !important;
  */



  
  --product-list-calculated-column-gap:  15px !important;
   /*   --product-list-calculated-row-gap: 10px !important; */
  --product-list-calculated-row-gap: 30px !important;
  
  
}}



@media screen and (max-width: 1000px) {


.product-list {
   --product-list-calculated-column-gap:  10px !important;
    /*  --product-list-calculated-row-gap: 7.5px !important; */
   --product-list-calculated-row-gap: 22.5px !important;
}}


/* 2.0 look product cards */
.product-card__info {
    /*background-color: #e8e8e8 !important;*/
  background-color: #efefef !important; 
}

.collection a.product-title.line-clamp {
        /*font-weight: 100 !important;*/
   /*     color: #4C4C4C !important; */
 /* font-size:11px !important; */
  font-size: 12px !important;
 /* font-weight:400 !important; */
}

/*@media only screen and (max-width: 768px) {
    .collection a.product-title.line-clamp {
        font-size: 13px !important;
    }
}*/

.collection sale-price.text-subdued {
 /* font-size:11px !important; */
  font-size: 12px !important;    
}


.product-card__image {
  border-radius: 5px !important;
}




.badge--sold-out {
    background: transparent ;
  /*opacity: .5 ;*/
  color: #8c0000 !important;
      text-transform: uppercase;
  /*  font-weight: 900;*/
   font-family: 'urw-din', sans-serif !important;
  font-weight: 600 !important;
}


.badge--noah{
    opacity: 1 ;

}


.header__dropdown-menu {
    background: #efefef;
  border: none !important;
  box-shadow: none !important;
}

[aria-expanded=true]>.header__dropdown-menu:before
{
  display: none !important;
}


.header__dropdown-menu :is(a,summary)
{
  /*padding-left:0px !important;*/
}



.header__dropdown-menu:not(:has(.header__dropdown-menu))
{
  left: 0 !important;
}



.header__dropdown-menu {

  /*  padding-block: 0.5625rem; */
    padding-block: 0rem; 
  padding-bottom:.5rem;
}







/* NO BORDER ON COLOR VARIATION PRODUCT IMAGES */
    .thumbnail-swatch {
      /*  border: none; */
          height: 100%;
      border-radius: 2.5px ;

    }


:checked+.thumbnail-swatch, .thumbnail-swatch.is-selected {
    --swatch-disabled-strike-color: #a2a2a2;
    border-color: #a2a2a2;
}




@media screen and (min-width: 700px) {
    .thumbnail-swatch {
        --swatch-size: 3.25rem !important;
    }
}



/* little space between color and thumbnails on pdp. .product button.link keeps size chart aligned (e.g. fade tee) */
.product-info .gap-1, .product button.link {
    padding-bottom: 6px;
}




.product-info .gap-1  .text-subdued {
    color: rgb(var(--text-color) / .65);
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #4c4c4c;
}



/* NEW HEADER FONT? noah to update eventually 2025 */
h1, h2, h3, p.h4, .line-clamp, sale-price.text-subdued, header .h6, .cart-drawer .justify-items-start.gap-1 a {

  font-family: "urw-din", sans-serif !important;
font-weight: 900 !important;
font-style: normal;
  text-transform: uppercase !important; 
}




@media screen and (min-width: 700px) {

.collection a.product-title.line-clamp {
       
  font-size: 14px !important;
}


.collection sale-price.text-subdued {
  font-size: 14px !important;
}
}




@media screen and (min-width: 700px) {

a.product-title.line-clamp {
       
  font-size: 14px !important;
}


sale-price.text-subdued {
  font-size: 14px !important;
}
}
  







.product-card__image

 {
  transition: transform 0.4s ease;
}

.product-card__image:hover {
  transform: scale(1.025); /* 10% zoom */
}

.product-card__media {
  
  overflow: hidden !important;

}

.product-card__media:hover {

    /*  outline: 1px solid #1c1c1c; */
}



.collection a.product-title.line-clamp, a.product-title.line-clamp, .cart-drawer .justify-items-start.gap-1 a{
  
    font-weight: 600 !important;
  text-transform: capitalize !important;
  color: #3c3c3c !important;
      font-family: "forma-djr-text", sans-serif !important;

}

.collection sale-price.text-subdued, sale-price.text-subdued {
      font-weight: 400 !important;

}



.cart-drawer .justify-items-start.gap-1 a, .cart-drawer sale-price.text-subdued {
    font-size: var(--text-h4) !important;

}



header {
    background: #efefef !important;
  Z-INDEX: 999 !important;
}



header .h6
{
  /*font-size: 12px !important; */
  font-size:14px !important;
  font-weight:900 !important;
  color: #1c1c1c;
}
  


/* PERFECT BUT ALSO MOVES NOT SOLD OUT BADGES */
/*
 .product-card__figure>.badge-list   {
        inset-block-start: .5rem;
        inset-inline-start: .5rem;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        position: absolute !important;
        z-index: 2;
    } 
*/

/* INCOMPLETE
 .product-card__figure>.badge-list   {
        inset-block-start: .5rem;
        inset-inline-start: .5rem;
        top: 96% !important;
           left: 3% !important;
        position: absolute !important;
        z-index: 2;
    } 
*/


/* PERFEECT BUT MOVES PRODUCT CARD
.product-card__figure {
  position: relative;
}

.product-card__figure .badge--sold-out {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2;
  display: inline-block !important;
    background: #8c0000;
    opacity: 1 !important;
    color: white !important;
}

.product-card__figure .badge-list {
  position: static !important;
}
*/





.collection {

    --collection-sidebar-width: /*auto !important; */  140px !important;
 
}



/* for banners at bottom of homepage -- code directly inserted for now
@media screen and (max-width: 700px) {
    .media-grid__item {
        grid-area: span var(--media-grid-item-row-span) / span var(--media-grid-item-column-span);
    
    }

    .media-grid {
        --media-grid-column-count: 12;
    }
  
}
*/




.header-sidebar__main-panel, .header-sidebar__collapsible-panel {

    background: #efefef !important;
}


.header-sidebar__main-panel .header-sidebar__linklist.divide-y .header-sidebar__linklist-button {
    font-size: 14px !important;
    /* font-weight: 300 !important; */
    font-family: 'urw-din', sans-serif !important;
    font-weight: 900 !important;
  text-transform: uppercase !important;
}



/* SOLD OUT ADD TO BAG BUTTON */
.product .w-full {
   
  /*  background: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background))); */
 /* background: #8c0000 !important ;*/
}

.product .w-full:disabled {
  background: #8c0000 !important;
}


/* NEW ADD TO BAG / CHECKOUT BUTTON COLOR -- BLUE */
.product .w-full, .cart-drawer button.button.w-full {
      background: #00416a !important;
  
}

/*
.header__dropdown-menu :is(a,summary) {
    padding: .375rem 1.5625rem .375rem 2rem;
}*/




#shopify-section-template--24337882415404__rich_text_qMrtWq h5 {
 
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
  z-index:999999999 !important;
  font-size:34px !important;

}

#shopify-section-template--24335886811436__rich_text_afBtPT h5 {
  font-size:22px !important;
}




.drawer::part(header) {
   
    background: #efefef !important;
}

.drawer {
   
    background: #efefef !important;
}



/* ensure collections are full screen - even when all sold out / no stock / empty */
.collection__main {
   
    max-width: 100% !important;
    width: 100% !important;
  
}







/* dark footer experiment noah */
footer, .footer {

    background: #4c4c4c !important;

}


.footer a, .footer p, .footer #text {
    color: white !important;
}





@media screen and (min-width: 700px) {

.footer a, .footer p {
  font-size: 14px !important;
}
}

@media screen and (max-width: 700px) {

.footer a, .footer p {
  font-size: 12px !important;
}
}




/* NEW CROSS OUT OF SOLD OUT SIZES */
label.block-swatch.is-disabled:after {
  
 content: "";
  position: absolute;
  top: 50%;
  left: 15%; 
  width: 70%; 
  border-top: 1px solid #8c0000;
  transform: rotate(-20deg);
  transform-origin: center;
  pointer-events: none;
}




.announcement-bar__carousel > *, .announcement-bar button {
  opacity: 0;
  animation: fadeInAnnouncements 2s ease forwards;
  /*animation-delay: .1s;*/
}

@keyframes fadeInAnnouncements {
  to {
    opacity: 1;
  }
}






/* blue free shipping message in cart drawer */
.cart-drawer .free-shipping-bar .text-subdued {
    color: #0090c9 !important;
}




.empty-cart-link-noah {
    text-align: center !important;
  padding-top: 10px !important;
  color: #0090c9 !important;
}















/* bar seperator on prouct page - extra details */
.seperator 
{
  color: #1c1c1c !important;
  background: #1c1c1c !important;
}






.discount-badge

{
  background-color: #0090c9 !important;
}


.text-on-sale {
    color: #0090c9 !important;
}






/* DISABLE AT LINE 752 WHEN WORKSHOP COLLECTION IS ADDED */




/* homepage scrolling images */




/* changed body text color on Scheme 4 from #44c4c to #333333
changed transparent logo (above) from the 2 to the new 333: "name-site-header-2.png" to "name-site-header-333.png"
*/



/* -- dom to code infinite carousal for product photos -- */
/* -- dom to find way to fix have subascribe onclick on footer -- */

/* $$$$$ 
#E2E2E2 FOR PHOTOS -- 
TO FIND AGAIN EQUIVILANT #HEX COLOR FOR WEB CODING
-- #e8e8e8 works
$$$$$$$$ */


/* vvvvvvvvvvv */
/* files that need to be copy/pasted with new breaking versions:
- "templates --> page.noah2.json"
- theme.liq section at end of header
- n.css 
- n.js
- product-badges.liquid for CUSTOM BADGES (around line 36)
- "templates --> page.noah1.json"
- announcement-bar.liquid [change "max_blocks" from 5 to 50]
cart-drawer empty cart link [ <!-- begin noah -->  <a href="/collections/all" class="empty-cart-link-noah">Browse all</a> <!--end noah -->]

- cart drawer all sales final message) + custom language around "free shipping" etc.
    -have to go one by one when this breaks -doesn't always- 

-there MAY be some more custom code elsewhere, remember doing some,
but it may have not worked out and thus deleted. to veriofy over time. -photo swiping?

*/
/* ^^^^^^^^^^^ */