/** Shopify CDN: Minification failed

Line 104:0 All "@import" rules must come first
Line 215:0 Unexpected "}"

**/
/* ——— ADG TYPOGRAPHY MAP ——— */
/* Hero / big headings = Roboto Condensed */
h1,
.type-heading,
.section-title h1,
h1.title {
  font-family: 'HAbsinthe', sans-serif !important;
  letter-spacing: 4px !important;
  font-size: 36px !important;
}

h2,
.section-title h2,
h2.title  {
  font-family: 'HAbsinthe', sans-serif !important;
  letter-spacing: 4px !important;
  font-size: 32px !important;
}

h3,
.section-title h3,
h3.title {
  font-family: 'HAbsinthe', sans-serif !important;
  letter-spacing: 4px !important;
  font-size: 24px !important;
}



/* Safety: if Lorenza injects font via CSS var, neutralize it on hero */
.slideshow__heading,
.type-heading-dynamic,
.type-heading-display {
  font-variation-settings: normal !important; /* prevents Space Grotesk var weirdness */
}

/* Optional: general anchors hover fade you had on WP */
a:hover { opacity: .65; transition: linear .3s all; }

.header.header--default.header--alignment-left .mobile-nav + .header__nav,
.header.header--default.header--alignment-left
  .mobile-nav
  + .header__search-left
  + .header__nav {
  justify-content: flex-end;
}

.header.header--default.header--alignment-left
  .mobile-nav
  + .header__nav
  + .header__logo-wrapper,
.header.header--default.header--alignment-left
  .mobile-nav
  + .header__search-left
  + .header__nav
  + .header__logo-wrapper {
  margin: 0 30px;
}

.header__content {
  max-width: 1745px;
  margin: auto;
}

div.header.header--default.header--alignment-left .header__icon-wrapper {
  flex: 0;
}

.page-width {
  max-width: 1615px;
  padding-left: 0;
  padding-right: 0;
  margin: auto;
}

@font-face {
	font-family: 'HAbsinthe';
	src: url(/cdn/shop/files/HAbsinthe.otf);
	font-weight: normal;
}

@font-face {
	font-family: 'HAbsinthe';
	src: url(/cdn/shop/files/HAbsinthe.woff);
	font-weight: normal;
}

@font-face {
	font-family: 'HAbsinthe';
	src: url(/cdn/shop/files/HAbsinthe.woff2);
	font-weight: normal;
}


/* ============================
   Global Body Typography
   ============================ */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body,
p,
.type-body-regular,
.type-body,
.section__text,
.rte,
.rte p,
li {
  font-family: 'Questrial', sans-serif !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Strong and emphasis still inherit Questrial */
strong, b, em, i {
  font-family: inherit;
  font-weight: 600;
}


/* ============================
   Navigation Typography
   ============================ */
.header__nav,
.header__nav .nav__link,
.header__nav .nav__item a {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  color: inherit; /* keeps default color */
  text-decoration: none;
  transition: color .2s ease-in-out;
}

/* Hover / focus = JoeyFeldman orange */
.header__nav .nav__link:hover,
.header__nav .nav__item a:hover {
  color: #F26522 !important;
}


/* ============================
   Announcement Bar Styling
   ============================ */
.utility-bar__announcement-item-content,
.utility-bar__announcement-item-content a,
.utility-bar__link {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4;
  color: #fff !important;
  letter-spacing: 0.5px;
  text-decoration: none;

}

.utility-bar__announcement-item-content a:hover,
.utility-bar__link:hover {
  opacity: 0.8;
}

/* ============================
   Global Button & Link-Buttons
   ============================ */
.button,
.btn,
.bttn,
.slideshow__link,
.shopify-payment-button__button,
input[type="submit"],
button {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #F26522 !important;      /* JoeyFeldman orange */
  color: #fff !important;         /* white text */
  border: 0px solid #000;         /* black border */
  border-radius: 0 !important;    /* square corners */
  padding: 10px 20px;
  cursor: pointer;
  transition: all .2s ease-in-out;
  display: inline-block;
  text-align: center;
  text-decoration: none !important; /* strips underline from links */
}

/* Hover / focus */
.button:hover,
.btn:hover,
.bttn:hover,
.slideshow__link:hover,
.shopify-payment-button__button:hover,
input[type="submit"]:hover,
button:hover {
  background-color: #d94e0c !important; /* darker orange */
  color: #fff !important;
}

    .section.section--spacing-regular {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

/* Center BLOG heading */
.blog__heading-inner {
  justify-content: center !important;
  text-align: center !important;
}

.blog__heading-inner h1 {
  margin: 0 auto !important;
  padding-top: 40px;
}


/* ============================
   Limit video sections to 1200px
   ============================ */
#shopify-section-template--24518787367191__video_FniLeX {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Make sure internal wrappers don’t override */
#shopify-section-template--24518787367191__video_FniLeX .video__wrapper,
#shopify-section-template--24518787367191__video_FniLeX .video__container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Force overlines into Roboto Condensed */
.text-block__overline,
.overline,
.text-block__item.text-block__overline {
  font-family: 'HAbsinthe', sans-serif !important;
}
/* Make product title links match H3 rules */
.collection .product-item__details > a,
.collection .product-item__details a,
.product-item__details > a {
  font-family: 'HAbsinthe', sans-serif !important;
  font-size: 24px !important;  /* adjust to match your h3 */
  font-weight: 400 !important; /* match h3 weight */
  line-height: 1.3 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.collection .product-item__details > a:hover {
  color: #F26522 !important; /* orange hover to stay consistent */
}

/* Force overlines to use Roboto Condensed */
.text-block__overline,
.overline,
.text-block__item.text-block__overline {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;   /* same as h3 body scale if you like */
  font-weight: 400 !important;
  line-height: 1.3 !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important; /* keep the label feel */
  letter-spacing: 1px !important;
}
/* Slideshow text copy size */
.slideshow__subheading,
.slideshow__subheading p {
  font-family: 'Questrial', sans-serif !important; /* keep body font */
  font-size: 20px !important;
  line-height: 1.5 !important; /* ~30px for readability */
  font-weight: 400 !important;
}


/* ========================
   Header + Logo Behavior
   ======================== */

/* Default header state */
.header {
  transition: all 0.3s ease;
  height: 120px; /* bigger default header */
  display: flex;
  align-items: center;
}

/* Logo wrapper */
.header__logo-wrapper {
  display: flex;
  align-items: center;
  max-height: 100%;
  transition: all 0.3s ease;
}

/* Logo image default */
.header__logo {
  height: auto;
  max-height: 90px;  /* nice big default */
  width: auto;
  transition: max-height 0.3s ease;
}

/* Scroll (shrink) state */
.header.shrink {
  height: 60px; /* target shrink height */
}

.header.shrink .header__logo {
  max-height: 40px; /* scales logo proportionally */
}

/* Remove the default SVG arrows */
.carousel__navigation svg {
  display: none !important;
}

/* Add thin < and > instead */
.carousel__previous-button::before {
  content: "<";
  font-size: 24px;
  font-weight: 300;   /* makes it thin */
  color: #fff;        /* white arrows */
}

.carousel__next-button::before {
  content: ">";
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}

/* Limit homepage video section width */
#shopify-section-template--24518787301655__video_cbd7tc {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}




#main-content {
  background: url('/cdn/shop/files/ink-splatter-overlay-bg-white-scaled.jpg?v=1757274226')
              no-repeat center top fixed;
  background-size: cover;
}
/* Remove white backgrounds from dynamic sections */
.shopify-section.section-dynamic,
.shopify-section.section-borderable,
.section--default {
  background: transparent !important;
}
/* Blog posts section transparent */
[data-section-type="blog-posts"],
#shopify-section-template--24518787301655__blog_posts_daKUQW {
  background: transparent !important;
}
/* Collections section transparent */
[data-section-type="list-collections"],
#shopify-section-template--24518787334423__main {
  background: transparent !important;
}
#shopify-section-sections--24518782517527__popup {
  background: transparent !important;
}
.template-blog .shopify-section .section-header,
.template-blog .shopify-section.section {
  background: transparent !important;
}
.template-blog .page-width, .header-overlay {
  background: transparent !important;
}
/* Remove extra white above blog title */
.template-blog .shopify-section.blog-header,
.template-blog .shopify-section .section-header,
.template-blog .blog__title,
.template-blog .section {
  background: transparent !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: tighten spacing below the title too */
.template-blog .section-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Kill white block above BLOG title */
.template-blog [data-section-type="blog-posts"],
.template-blog [data-section-type="blog"],
.template-blog .shopify-section {
  background: transparent !important;
}
.template-blog .section-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Image-with-text sections transparent */
[data-section-type="image-with-text"],
#shopify-section-template--24560678764823__image_with_text_67kWMd {
  background: transparent !important;
}
/* Force blog main section transparent */
.shopify-section[data-section-type="main-blog"],
.template-blog #shopify-section-main,
.template-blog .main-blog {
  background: transparent !important;
}
/* Kill Quick Add white wash background */
.quick-add,
.quick-add__inner,
.quick-add__wash {
  background: transparent !important;
}
/* Transparent background only when Quick Add is idle */
.quick-add__wash {
  background: transparent !important;
}
.blog {
  margin-top: 0px !important;
}

.section-header {
  text-align: center;
}

.section-header .h1 {
  margin: 0 auto;
  padding-top: 40px;
}