/** Shopify CDN: Minification failed

Line 85:0 Unexpected "}"
Line 330:26 Unexpected "]"
Line 378:11 Expected "}" to go with "{"

**/
/* === Candor Font === */
@font-face {
  font-family: "Candor";
  src: url("/cdn/shop/files/BRCandor-Light_cf107970-2a8f-415e-a5fd-c1018d1946c4.woff2?v=1774281563") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Candor";
  src: url("/cdn/shop/files/BRCandor-Regular_c030394d-ef57-47b7-bf53-b4a0f71456f3.woff2?v=1774281564") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body, *,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, button, input {
  font-family: "Candor", sans-serif !important;
  font-weight: 300 !important;
}

.enquiry-button {
  border-radius: 0 !important;
}

/* === STYLE GUIDE FIXES === */

/* Artist name above title — ALL CAPS 8px */
.product-content .mt-spacer:first-child p {
  text-transform: uppercase !important;
  font-size: 8px !important;
}

/* Product Details label — ALL CAPS */
.product-content p.flex.items-center {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Field labels — ALL CAPS 8px */
.product-content .col-span-1 {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Field values — ALL CAPS 8px */
.product-content .col-span-2 p {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Remove chat icon */
.product-content .block.w-4.h-4 {
  display: none !important;
}

/* Ask us a question — sentence case 10px */
.product-content .theme-link {
  text-transform: none !important;
  font-size: 13px !important;
}

/* Product title — 18px */
.product-content h1 {
  font-size: 18px !important;
  font-weight: 300 !important;
}

/* Description — 13pt */
.product-content .rte p {
    font-size: 13pt !important;
    line-height: 1.5 !important;

}
}
/* === FOOTER === */
footer a,
footer p,
footer li,
footer span {
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* === SECTION HEADINGS === */
.shopify-section h2 {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-transform: none !important;
}

/* === HOMEPAGE === */

/* === MYCODE === */ 
/* this is connected to the media_with_text_overlay section   its a custom class*/ 
.hero-banner-section {
  margin-top: clamp(1.2rem, 2vw + 1rem, 4rem) !important;
}

.boketto-header {
  margin-top: clamp(10px, 2vw + 1rem, 40px) !important;
}

/* ===========================
   HEADER FLEX LAYOUT FIX
   =========================== */
/* Convert header grid row to flex container */
.boketto-header .header-grid,
.boketto-header [class*="grid"] {
  display: flex !important;
  align-items: center !important;
  gap: clamp(16px, 3vw, 48px) !important;
}
/* Stop logo from stretching with the viewport */
.boketto-header .logo-has-alternate {
  max-width: clamp(180px, 22vw, 460px) !important;
  flex-shrink: 0 !important;
}
/* Let the nav fill remaining space naturally */
.boketto-header nav {
  flex: 1 !important;
  min-width: 0 !important;
}
/* ===========================
   NAV MENU SPACING & FONT SIZE
   =========================== */
/* Increase spacing between each nav link */
.boketto-header .menu-link {
  padding-left: clamp(8px, 1.5vw, 28px) !important;
  padding-right: clamp(8px, 1.5vw, 28px) !important;
}
/* Increase font size of nav links */
.boketto-header .menu-link a {
  font-size: clamp(1rem, 0.5vw + 0.6rem, 2rem) !important;
  letter-spacing: clamp(0.02em, 0.1vw, 0.08em) !important;
}

/* end_my_code */



/* Hero overlay text — white, correct sizes */
.overlay-content h2 {
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.overlay-content p {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
}

.overlay-content a {
  font-size: 10px !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-transform: none !important;
}
/* Hero CTA — underlined text only, no border box */
.overlay-content .mt-8 a {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  text-decoration: underline !important;
  color: #ffffff !important;
  font-size: 13px !important;
  box-shadow: none !important;
  display: inline !important;
}

/* On View label — first line */
.overlay-content .rte p:first-of-type {
  font-size: 8px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 2px !important;
}

/* Description — second line */
.overlay-content .rte p:last-of-type {
  font-size: 12px !important;
  color: #ffffff !important;
  font-weight: 300 !important;
}
/* Section titles (Artists, Collections, Locations) */
.shopify-section h2 {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-transform: none !important;
}

/* Artist names — overlay ON image */
.tile-media-wrapper {
  position: relative !important;
}

.tile-content-wrapper {
  position: absolute !important;
  bottom: 8px !important;
  left: 8px !important;
  z-index: 20 !important;
  color: #ffffff !important;
  margin-top: 0 !important;
}

.tile-content-wrapper p,
.tile-content-wrapper span,
.tile-content-wrapper a {
  color: #ffffff !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

/* Locations section */
.locations p,
.locations span,
.locations a {
  font-size: 12px !important;
  text-transform: none !important;
}

/* Navigation links */
header nav a,
header a {
  font-size: 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ============================================================
   EXHIBIT THEME — IMAGE SLIDESHOW
   FORCE CAPTION OVERLAY TO TRUE CENTER
   ========================================================= */

/* Ensure the slideshow section is a positioning context */
section[id*="__image_slideshow"] {
  position: relative !important;
}

/* 1) Override the theme wrapper that pins caption to bottom:
      .absolute.bottom-0.left-0.right-0.z-20
   Move it to full overlay */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  place-items: center !important;   /* true center */
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;  /* keep arrows clickable */
}

/* Allow clicks on caption/link/button */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 a,
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 button {
  pointer-events: auto !important;
}

/* 2) Neutralize layout forcing inside the wrapper */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 3) Ensure any left/right text alignment classes don't pull it off-center */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .text-left,
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .text-right {
  text-align: center !important;
}

/* OPTIONAL: Hide the 1/3 counter if you only want the headline centered */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .row-start-2.text-left {
  display: none !important;
}
/* === EXHIBIT IMAGE SLIDESHOW: HIDE NAVIGATION ARROWS === */

/* Hide arrow buttons */
section[id*="__image_slideshow"] button[aria-label],
section[id*="__image_slideshow"] .carousel-arrow,
section[id*="__image_slideshow"] .carousel-controls,
section[id*="__image_slideshow"] [class*="arrow"],
section[id*="__image_slideshow"] [class*="prev"],
section[id*="__image_slideshow"] [class*="next"] {
  display: none !important;
}
/* === HERO SLIDESHOW: CONTACT LINK STYLING === */

section[id*="__image_slideshow"] [id$="-CaptionContainer"] a {
  color: #ffffff !important;                 /* white */
  font-size: clamp(0.64rem, 1.6vw, 1.2rem) !important; /* 30% smaller */
  font-weight: 200 !important;


/* Optional: hover effect (subtle) */
section[id*="__image_slideshow"] [id$="-CaptionContainer"] a:hover {
  opacity: 0.85;
}
/* GLOBAL: remove Exhibit RTE paragraph indent everywhere */
.rte p:not(:first-child):not(:first-of-type) {
  --paragraph-indent-adjust: 0 !important;
  text-indent: 0 !important;
}
/* All modal/popup titles */
.modal h1,
.modal h2,
[class*="popup-modal"] h1,
[class*="popup-modal"] h2,]
.drawer h1,
.drawer h2 {
  font-size: 15px !important;
    --menu-drawer-heading-size: 15px !important;
}
/* All popup/drawer titles */
h2.font-heading.text-heading-drawer {
  --menu-drawer-heading-size: 15px !important;
  font-size: 15px !important;
}

/* Page titles — 15px */
.page-title,
.shopify-policy__title,
.rte h1 {
    font-size: 15px !important;
    }

    /* Page text and descriptions — 1.5 line spacing */
    .rte,
    .rte p,
    .rte li,
    .shopify-policy__body,
    .shopify-policy__body p,
    .page-body,
    .page-body p,
    .modal p,
    .drawer p {
      line-height: 1.5 !important;
      }

      /* Hide Terms popup headline */
      [class*="popup-modal"] h2.font-heading.text-heading-drawer {
        display: none !important;
        }

        /* Global 1.5 line-height for all body text */
        p,
        li,
        .rte,
        .rte p,
        .rte li,
        [class*="popup-modal"] p,
        [class*="popup-modal"] li,
        .shopify-section p,
        .shopify-section li {
          line-height: 1.5 !important;
          }