/** Shopify CDN: Minification failed

Line 383:0 Unexpected "}"

**/
/* ======================================
   TOPPERTUNITY CUSTOM STYLES
   Version: 1.0
   Updated: November 25, 2025
   Description:
   Consolidated brand styling for Toppertunity workshop site
   ====================================== */


/* ---------- BRAND COLOR VARIABLES ---------- */
:root {
  --toppertunity-paper: #FAF9F6;      /* soft paper cream */
  --toppertunity-white: #FFFFFF;      /* pure white */
  --toppertunity-charcoal: #1A1A1A;   /* main text color */
  --toppertunity-gray: #4C4C4C;       /* secondary text */
  --toppertunity-gold: #E5B100;       /* accent / marker gold */
  --toppertunity-gold-muted: #C5B358; /* soft gold variant */
}


/* ---------- GLOBAL BACKGROUND / TEXT ---------- */
body {
  background-color: var(--toppertunity-paper);
  color: var(--toppertunity-charcoal);
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* ---------- FONT: PERMANENT MARKER ---------- */
@font-face {
  font-family: 'Permanent Marker';
  src: url('//toppertunity.com/cdn/shop/t/5/assets/PermanentMarker.woff2?v=147413377377839312371762450616') format('woff2');
  font-display: swap;
}

/* Headings use the hand-drawn font */
h1, h2, h3,
.banner__heading, .rich-text__heading,
.card__heading, .section-header__title,
.heading, .title {
  font-family: 'Permanent Marker', sans-serif !important;
  font-weight: 400 !important; /* Permanent Marker has only one weight */
  letter-spacing: 0.2px;
  color: var(--toppertunity-charcoal);
}

/* Body text remains clean and readable */
p, li, span, a {
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}


/* ---------- BUTTONS & CALLS TO ACTION ---------- */
.button--primary,
.shopify-payment-button .shopify-payment-button__button,
.tph-btn--primary {
  background-color: var(--toppertunity-charcoal);
  color: var(--toppertunity-white);
  border-radius: 8px;
  border: none;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  padding: 12px 28px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.button--primary:hover,
.shopify-payment-button .shopify-payment-button__button:hover,
.tph-btn--primary:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Secondary buttons */
.button--secondary {
  background-color: var(--toppertunity-gold);
  color: var(--toppertunity-charcoal);
}



/* === Toppertunity Global Marker-Highlight Headings === */
h1, h2 {
  position: relative;
  display: inline-block;
  line-height: 1.05;
  padding: 0 .35em .05em;
  font-family: 'Permanent Marker', cursive, sans-serif !important;
  font-weight: 400 !important;
  overflow: visible;
}

/* Marker brush effect behind headings */
h1::before,
h2::before {
  content:"";
  position:absolute;
  left:-1.25em;
  right:-1.25em;
  bottom:-1.10em;
  height:3.00em;
  z-index:-1;
  pointer-events:none;

  /* Use PNG as mask shape */
  -webkit-mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;

  background-color: rgba(229, 177, 0, 0.60); /* your exact golden ink */
}

/* Optional responsive tweak for smaller screens */
@media (max-width: 600px) {
  h1::before,
  h2::before {
    left:-0.80em;
    right:-0.80em;
    bottom:-0.90em;
    height:2.40em;
  }
}

/* Always-on CTA marker button */
.header__inline-menu a[href*="/pages/book-a-workshop"],
.menu-drawer__menu-item[href*="/pages/book-a-workshop"] {
  position: relative;
  display: inline-block;
  padding: 0.55rem 1rem;
  border-radius: 0.75rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  color: var(--color-foreground, #111);
  font-family: 'Permanent Marker', cursive, sans-serif !important;
  overflow: visible;
}

/* Marker highlight always visible */
.header__inline-menu a[href*="/pages/book-a-workshop"]::before,
.menu-drawer__menu-item[href*="/pages/book-a-workshop"]::before {
  content: "";
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  bottom: -0.35em;
  height: 1.3em;
  z-index: -1;
  pointer-events: none;

  /* Use the brush shape as a mask */
  -webkit-mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;

  background-color: rgba(229, 177, 0, 0.60); /* gold ink */
  transition: background-color 0.25s ease, transform 0.15s ease;
}

/* Hover/focus: richer ink and lift */
.header__inline-menu a[href*="/pages/book-a-workshop"]:hover::before,
.menu-drawer__menu-item[href*="/pages/book-a-workshop"]:hover::before {
  background-color: rgba(229, 177, 0, 0.75);
  transform: translateY(-1px);
}
/* ensure the header can show decorative backgrounds */
.header, .header__inline-menu, .header__inline-menu .list-menu { overflow: visible; }

/* Top-level "Book a Workshop" — clean inline version */
.header__inline-menu > ul > li:last-child > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0.55rem 1rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-family: 'Permanent Marker', cursive, sans-serif;
  background-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  background-repeat: no-repeat;
  background-size: 130% 1.1em;
  background-position: center calc(100% - 0.3em);
  color: var(--tp-ink);
  transition: transform 0.15s ease, filter 0.2s ease;
  box-shadow: none !important; /* ✅ removes drop shadow */
  line-height: 1.2;
  vertical-align: middle; /* ✅ keeps it aligned with other menu items */
}

/* Hover behavior — subtle lift */
.header__inline-menu > ul > li:last-child > a:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Reset nested dropdown links */
.header__submenu .list-menu > li:last-child > a {
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  font-family: inherit !important;
  padding: 0.4rem 0.75rem !important;
}


/* Mobile drawer: make the last item the CTA as well */
.menu-drawer__menu > .menu-drawer__menu-item:last-child {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  margin-top: .5rem;
  padding: 0.6rem 1rem;
  border-radius: 0.75rem;
  font-family: 'Permanent Marker', cursive, sans-serif !important;
  font-weight: 700 !important;

  background-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  background-repeat: no-repeat;
  background-size: 130% 1.15em;
  background-position: center calc(100% - 0.35em);

  box-shadow: 0 0 0 2px rgba(255,255,255,.25);
}
/* Option 1: lower it globally */
.header__inline-menu .list-menu > li:last-child {
  margin-top: 0.75rem;
}
/* ===============================
   Toppertunity — Global Button System
   Applies to all theme buttons (Dawn & variants)
   =============================== */

/* 1) Core buttons (links & real <button>) */
a.button,
button.button,
.button,
.shopify-challenge__button,
.product-form__submit,
.quick-add__submit,
.cart__checkout-button,
.shopify-payment-button__button--unbranded {
  --btn-bg: #000000;
  --btn-text: #E5B100;   /* Toppertunity gold */
  --btn-bg-hover: #E5B100;
  --btn-text-hover: #000000;

  background-color: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border: 0 !important;
  border-radius: 6px;
  font-family: 'Permanent Marker', cursive, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.1;
  letter-spacing: .3px;
  text-decoration: none;
  padding: .75em 1.25em;
  box-shadow: 0 3px 8px rgba(0,0,0,.25);
  transition: background-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
}

/* Hover / focus */
a.button:hover, a.button:focus,
button.button:hover, button.button:focus,
.button:hover, .button:focus,
.product-form__submit:hover, .product-form__submit:focus,
.quick-add__submit:hover, .quick-add__submit:focus,
.cart__checkout-button:hover, .cart__checkout-button:focus,
.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:focus {
  background-color: var(--btn-bg-hover) !important;
  color: var(--btn-text-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
}

/* Keyboard focus ring (WCAG) */
a.button:focus-visible,
button.button:focus-visible,
.button:focus-visible,
.product-form__submit:focus-visible,
.quick-add__submit:focus-visible,
.cart__checkout-button:focus-visible,
.shopify-payment-button__button--unbranded:focus-visible {
  outline: 2px solid #E5B100;
  outline-offset: 2px;
}

/* Disabled state */
button.button[disabled],
.button[disabled],
.product-form__submit[disabled],
.quick-add__submit[disabled],
.cart__checkout-button[disabled],
.shopify-payment-button__button--unbranded[disabled] {
  background-color: #222 !important;
  color: rgba(229,177,0,.55) !important;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
  opacity: .8;
}

/* 2) Secondary / tertiary variants—force to brand look too */
.button--secondary,
.button--tertiary {
  background-color: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border: 0 !important;
}
.button--secondary:hover, .button--tertiary:hover,
.button--secondary:focus, .button--tertiary:focus {
  background-color: var(--btn-bg-hover) !important;
  color: var(--btn-text-hover) !important;
}

/* 3) Payment button (Shopify dynamic checkout) */
.shopify-payment-button__button--unbranded {
  width: auto;           /* keep it consistent with others */
  text-transform: none;
}

/* 4) Full-width utility still respected */
.button--full-width { width: 100%; }

/* 5) Optional: subtle marker texture behind ALL primary buttons */
.button:not(.button--secondary):not(.button--tertiary)::before,
.product-form__submit::before,
.cart__checkout-button::before,
.shopify-payment-button__button--unbranded::before {
  /* comment out this block if you want flat color only */
  content:"";
  position:absolute;
  inset:auto 0 calc(100% - 1.8em) 0;   /* thickness of the “paint” */
  z-index:-1;
  pointer-events:none;
  -webkit-mask-image:url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
          mask-image:url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
          mask-repeat:no-repeat;
          mask-size:100% 100%;
  background-color: rgba(229,177,0,.15); /* faint texture overlay */
}
/* --- Hero banner button: black with white text, gold hover --- */
.banner__buttons .button {
  background-color: #000000 !important;   /* solid black box */
  color: #ffffff !important;              /* white text */
  border: none !important;
  border-radius: 12px;
  font-family: 'Permanent Marker', cursive, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.5em;                       /* larger for hero */
  padding: 1em 2em;
  letter-spacing: 0.5px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

/* --- Hover: Toppertunity gold background with black text --- */
.banner__buttons .button:hover {
  background-color: #E5B100 !important;   /* gold fill */
  color: #000000 !important;              /* black text */
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

}
/* --- Hero button press (click) effect --- */
.banner__buttons .button:active {
  transform: scale(0.97) translateY(1px); /* small dip */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}
/* stacked version */
.toppertunity-stacked { line-height:1.05; }
.site-logo-icon-stacked {
  width: 26px;
  height: auto;
  position: relative;
  left: 23px;   /* move right over the "T" */
  top: -10px;     /* lower slightly into the text line */
  transform: rotate(-7deg);
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.25));
}


/* inline version (if you kept it side-by-side) */
.site-logo-icon{
  width:26px; height:auto;
  transform:translateY(3px) rotate(-8deg);
}
.header__heading-link .h2 { line-height:1.1; }
.site-name-with-icon { gap:6px; }
/* ===============================
   Toppertunity Design Kit
   - Colors, fonts, base, utilities
   =============================== */

/* 0) Font (Permanent Marker) — if you uploaded a WOFF2 */
@font-face {
  font-family: 'Permanent Marker';
  src: url('//toppertunity.com/cdn/shop/t/5/assets/PermanentMarker.woff2?v=147413377377839312371762450616') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 1) CSS variables (brand system) */
:root{
  --tp-ivory: #F7F3E8;
  --tp-gold:  #E5B100;
  --tp-ink:   #111111;
  --tp-ink-2: #2E2E2E;
  --tp-shadow: 0 5px 12px rgba(0,0,0,.35);

  --tp-radius: 12px;            /* global rounded corners */
  --tp-gap: 1.25rem;            /* default spacing unit */
}

/* 2) Global paper background (optional site-wide) */
body.theme-paper{
  background:
    url('//toppertunity.com/cdn/shop/t/5/assets/ivory-paper.png?v=165417769215381748591762635989') top left/512px 512px repeat;
  /* 512 renders softer grain; change to 1024 for larger texture */
  color: var(--tp-ink-2);
}

/* Utility: apply ivory paper to any section/card */
.bg-ivory{
  background:
    url('//toppertunity.com/cdn/shop/t/5/assets/ivory-paper.png?v=165417769215381748591762635989') top left/512px 512px repeat;
}

/* 3) Headings in Permanent Marker */
h1, h2, .tp-headline{
  font-family: 'Permanent Marker', cursive, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--tp-ink);
  line-height: 1.1;
}

/* 4) Marker underline for headings (uses your brush PNG) */
.marker-underline{
  position: relative;
  display: inline-block;
}
.marker-underline::before{
  content:"";
  position:absolute;
  left:-1.25em; right:-1.25em; bottom:-1.10em;
  height:3.00em; z-index:-1; pointer-events:none;

  /* mask the stroke to keep texture but allow color control */
  -webkit-mask-image:url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  -webkit-mask-repeat:no-repeat; -webkit-mask-size:100% 100%;
          mask-image:url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
          mask-repeat:no-repeat;  mask-size:100% 100%;

  background-color: rgba(229,177,0,0.60);
}

/* 5) Black button with white type (hero style) */
.tp-btn,
.banner__buttons .button{
  background:#000; color:#fff;
  border:0; border-radius:var(--tp-radius);
  font-family:'Permanent Marker', cursive, sans-serif;
  font-weight:700; letter-spacing:.5px;
  padding:1em 2em; box-shadow:var(--tp-shadow);
  transition:background-color .2s ease, color .2s ease, transform .15s ease;
}
.tp-btn:hover,
.banner__buttons .button:hover{
  background:var(--tp-gold); color:#000; transform:translateY(-3px);
}
.tp-btn:active,
.banner__buttons .button:active{
  transform:scale(.97) translateY(1px);
}

/* 6) Paper card */
.paper-card{
  background: rgba(247,243,232,.9);
  backdrop-filter: blur(0.5px);
  border-radius: var(--tp-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  padding: var(--tp-gap);
}


/* 8) Small utilities */
.tp-maxw { max-width: 72rem; margin-inline:auto; }
.tp-center { text-align:center; }
.tp-gap { gap: var(--tp-gap); }
.tp-hide { display:none !important; }

ul.tophat-bullets li {
  list-style: none;
  background-image: url('//toppertunity.com/cdn/shop/t/5/assets/top-hat-icon.png?v=134274091854055369831762632746');
  background-repeat: no-repeat;
  background-size: 0.9em;
  background-position: 0 0.15em;
  padding-left: 1.5em;
}
  
ul.tophat-bullets li {
  list-style: none;
  background-image: url('//toppertunity.com/cdn/shop/t/5/assets/top-hat-icon.png?v=134274091854055369831762632746');
  background-repeat: no-repeat;
  background-size: 0.9em;
  background-position: 0 0.15em;
  padding-left: 1.5em;
}
/* ----------------------------
   GLOBAL MARKER HIGHLIGHT STYLE
   Applies to all h1/h2 headlines sitewide
   ---------------------------- */

h1, h2 {
  position: relative;
  display: inline-block; /* shrink wrap to text width */
  font-family: 'Permanent Marker', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--tp-ink, #111);
  line-height: 1.15;
}

/* Marker highlight (global version) */
h1::before,
h2::before {
  content: "";
  position: absolute;
  left: -1.05em;
  right: -1.05em;
  bottom: -0.9em;
  height: 2.5em;
  z-index: -1;
  pointer-events: none;

  /* Mask technique for colorable highlight */
  -webkit-mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
  background-color: rgba(229,177,0,.6);
}

/* Optional: reduce coverage for smaller headings */
h2::before { bottom: -0.8em; height: 2.1em; }
h1::before { bottom: -1.0em; height: 2.6em; }

/* Fallback (if mask not supported) */
@supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))){
  h1::before,
  h2::before {
    background-image: url('//toppertunity.com/cdn/shop/t/5/assets/marker-highlight.png?v=55176589032003351911762456251');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
  }
}
/* ============= Endeavor Heights Library ============= */

.eh-library {
  padding: 4rem 0 5rem;
}

.eh-library .page-width {
  max-width: 1100px;
}

/* Hero */
.eh-library__hero {
  text-align: left;
  margin-bottom: 3rem;
}

.eh-library__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  opacity: 0.75;
}

.eh-library__heading {
  position: relative;
  display: inline-block;
  font-family: "Permanent Marker", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.2rem, 3vw, 2.8rem);
  line-height: 1.15;
  margin: 0 0 1rem;
  padding: 0.15rem 0.4rem 0.3rem;
}

.eh-library__heading-highlight {
  position: absolute;
  inset: 55% -8%;
  transform: translateY(-50%);
  z-index: -1;
  background: #f4c84b;
  border-radius: 999px;
  opacity: 0.75;
}

.eh-library__intro {
  max-width: 620px;
  font-size: 1rem;
  line-height: 1.5;
}

/* Grid */
.eh-library__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.75rem;
}

@media (max-width: 960px) {
  .eh-library__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 749px) {
  .eh-library__grid {
    grid-template-columns: 1fr;
  }
}

/* Resource cards */
.eh-resource-card {
  background: rgba(255, 253, 247, 0.96);
  border-radius: 18px;
  padding: 1.4rem 1.4rem 1.5rem;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.eh-resource-card__category {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin: 0 0 0.1rem;
  opacity: 0.8;
}

.eh-resource-card__title {
  font-size: 1.05rem;
  margin: 0;
  font-weight: 700;
}

.eh-resource-card__format {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.7;
}

.eh-resource-card__description {
  font-size: 0.95rem;
  line-height: 1.45;
  margin: 0.25rem 0 0.5rem;
}

.eh-resource-card__link {
  margin-top: auto;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}

.eh-resource-card__link::after {
  content: "↗";
  font-size: 0.9em;
}

.eh-resource-card__link:hover {
  text-decoration: underline;
}