/* ============================================================
   CUSTOM FONTS
   ============================================================ */

@font-face {
  font-family: 'MrSheffield';
  src: url('https://lalymille.mykajabi.com/resource_redirect/downloads/file-uploads/sites/88804/themes/2149633458/downloads/7434f4-8d47-24c5-ad38-a240bb2222a_MrSheffieldPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AlchemistSerif';
  src: url('https://lalymille.mykajabi.com/resource_redirect/downloads/file-uploads/sites/88804/themes/2149633458/downloads/0cbc85-354a-fbbd-1572-34faf833b7_Alchemist_Serif_Font.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
===========================================================
   HEADER — TYPOGRAPHY
   ============================================================ */

.header,
.header a,
.header .link-list__link,
.header .dropdown__trigger,
.header .dropdown__item a,
.header .user__login a {
  font-family: 'Basic Sans', sans-serif !important;
}
/* ============================================================
   ANNIVERSARY HERO — TITLE
   ============================================================ */

/* Anniversary Sale! — Mr Sheffield */
.anniversary-hero {
  overflow: visible !important;
}

.anniversary-hero h1 {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: #962A6C !important;
  font-size: 58px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 12px 0 4px 0 !important;
  overflow: visible !important;
}

/* Make sure the Mr Sheffield span is also not clipped */
.anniversary-hero h1 span {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
  display: inline-block !important;
  line-height: 1.35 !important;
  overflow: visible !important;
}
/* ============================================================
   ANNIVERSARY HERO — DESCRIPTION
   ============================================================ */

/* 10 years of teaching, painting & sprinkling magic into
   your creative journey..... — Alchemist Serif */

.anniversary-hero .anniversary-description {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 1.3 !important;
  margin-top: 18px !important;
}
/* ============================================================
   ANNIVERSARY HERO — CELEBRATION
   ============================================================ */

/* .....AND NOW IT'S TIME TO CELEBRATE! — Basic Sans */

.anniversary-celebrate {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
  margin-top: 20px !important;
  color: #962A6C !important;
}
/* ============================================================
   ANNIVERSARY HERO — MOBILE
   ============================================================ */

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

  .anniversary-hero {
    text-align: center !important;
  }

  .anniversary-hero h1 {
    font-size: 48px !important;
    line-height: 1.05 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .anniversary-hero h1 span {
    display: block !important;
  }

  .anniversary-hero .anniversary-description {
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
  }

  .anniversary-hero .anniversary-celebrate {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-top: 12px !important;
  }
}
/* ============================================================
   MIXED MEDIA SECTION
   ============================================================ */

/* Main heading */
.mixed-media-title {
  font-family: 'AlchemistSerif', serif !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  text-align: center !important;
  color: #962A6C !important;
  margin: 0 auto !important;
}

/* Alchemist text */
.mixed-media-alchemist {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  font-style: normal !important;
  color: #962A6C !important;
}

/* MAGIC — Mr Sheffield */
.magic-script {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
  font-size: 1.4em !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* Mobile line break is hidden on desktop */
.mixed-media-mobile-break {
  display: none;
}

/* SHOP ONLINE CLASSES… ALL 20% OFF */
.mixed-media-subtitle {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #000000 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin: 18px auto 0 !important;
}

/* ============================================================
   MIXED MEDIA — MOBILE
   ============================================================ */

@media (max-width: 767px) {

  /* Main heading */
  .mixed-media-title {
    font-size: 30px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 8px !important;
  }

  /* MAGIC stays larger than Alchemist */
  .magic-script {
    font-size: 1.4em !important;
    line-height: 1 !important;
  }

  /* Force exactly two lines */
  .mixed-media-mobile-break {
    display: block !important;
  }

  /* SHOP ONLINE CLASSES… ALL 20% OFF */
  .mixed-media-subtitle {
    font-family: 'Basic Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 14px auto 0 !important;
    padding: 0 10px !important;
  }
}
/* ============================================================
   CELEBRATION SECTION
   ============================================================ */

/* MAIN TITLE */
.celebration-section .celebration-script {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
  font-size: 56px !important;
  line-height: 1.1 !important;
  color: #962A6C !important;
  text-align: left !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}


/* 10 YEARS OF TEACHING */
.celebration-section .celebration-heading-main {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  letter-spacing: 1px !important;
  color: #000000 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}


/* 20% OFF */
.celebration-section .celebration-heading-main .discount-sans {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 1em !important;
  color: #962A6C !important;
}


/* BODY */
.celebration-section .celebration-body,
.celebration-section .celebration-body p {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #000000 !important;
}


/* BOLD BODY */
.celebration-section .celebration-body strong {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
}


/* ITALIC SENTENCE */
.celebration-section .celebration-italic,
.celebration-section .celebration-italic strong,
.celebration-section .celebration-italic em {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #000000 !important;
}


/* SECOND HEADING */
.celebration-section .celebration-heading-pink {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  letter-spacing: 1px !important;
  color: #962A6C !important;
  margin: 20px 0 18px 0 !important;
  padding: 0 !important;
}


/* FINAL SENTENCE */
.celebration-section .celebration-final {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  color: #000000 !important;
  text-align: left !important;
  margin-top: 20px !important;
}


/* CREATIVE MAGIC */
.celebration-section .celebration-script-small {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 1.25em !important;
  line-height: 1 !important;
  color: #962A6C !important;
  display: inline-block !important;
}
/* ============================================================
   CELEBRATION — FORCE CUSTOM FONTS
   ============================================================ */

.celebration-section,
.celebration-section h1,
.celebration-section h2,
.celebration-section p,
.celebration-section div,
.celebration-section span {
  font-family: 'AlchemistSerif', serif !important;
}

/* Let's Celebrate — Mr Sheffield */
.celebration-section .celebration-script {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
}

/* 10 YEARS — Alchemist */
.celebration-section .celebration-heading-main {
  font-family: 'AlchemistSerif', serif !important;
}

/* 20% OFF — Basic Sans */
.celebration-section .discount-sans {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
  color: #962A6C !important;
}

/* Body — Basic Sans */
.celebration-section .celebration-body,
.celebration-section .celebration-body p,
.celebration-section .celebration-body strong,
.celebration-section .celebration-body em {
  font-family: 'Basic Sans', sans-serif !important;
}

/* FOR ONE WEEK ONLY — Alchemist */
.celebration-section .celebration-heading-pink {
  font-family: 'AlchemistSerif', serif !important;
  color: #962A6C !important;
}

/* Final sentence — Alchemist */
.celebration-section .celebration-final {
  font-family: 'AlchemistSerif', serif !important;
}

/* creative magic — Mr Sheffield */
.celebration-section .celebration-script-small {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 700 !important;
  color: #962A6C !important;
}
/* ============================================================
   CELEBRATION — DESKTOP
   ============================================================ */

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

  .celebration-section .celebration-script {
    font-family: 'MrSheffield', cursive !important;
    font-size: 56px !important;
    font-weight: 400 !important;
  }

  .celebration-section .celebration-heading-main {
    font-family: 'AlchemistSerif', serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
  }

  .celebration-section .celebration-heading-main .discount-sans {
    font-family: 'Basic Sans', sans-serif !important;
    font-weight: 700 !important;
  }

  .celebration-section .celebration-heading-pink {
    font-family: 'AlchemistSerif', serif !important;
    font-size: 24px !important;
    color: #962A6C !important;
  }

  .celebration-section .celebration-body,
  .celebration-section .celebration-body p {
    font-family: 'Basic Sans', sans-serif !important;
    font-size: 16px !important;
  }

  .celebration-section .celebration-final {
    font-family: 'AlchemistSerif', serif !important;
    font-size: 20px !important;
  }

  .celebration-section .celebration-script-small {
    font-family: 'MrSheffield', cursive !important;
    font-size: 1.25em !important;
    font-weight: 700 !important;
    color: #962A6C !important;
  }
}
/* ============================================================
   CELEBRATION — MOBILE
   ============================================================ */

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

  .celebration-section .celebration-script {
    font-size: 44px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  .celebration-section .celebration-heading-main {
    font-size: 20px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .celebration-section .celebration-heading-pink {
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .celebration-section .celebration-body,
  .celebration-section .celebration-body p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .celebration-section .celebration-final {
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  .celebration-section .celebration-script-small {
    font-size: 1.25em !important;
  }
}
/* ============================================================
   CELEBRATION — FINAL FONT & COLOR OVERRIDES
   ============================================================ */

/* SECOND HEADING — Alchemist + magenta */
.celebration-section .celebration-heading-pink {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
}

/* 20% OFF — Basic Sans */
.celebration-section .celebration-heading-pink .discount-sans {
  font-family: 'Basic Sans', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #962A6C !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}


/* ============================================================
   FINAL SENTENCE
   ============================================================ */

/* Entire sentence — Alchemist + magenta */
.celebration-section .celebration-final {
  font-family: 'AlchemistSerif', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
}

/* CREATIVE MAGIC — Mr Sheffield + magenta */
.celebration-section .celebration-script-small {
  font-family: 'MrSheffield', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #962A6C !important;
  font-size: 1.2em !important;
  display: inline-block !important;
  line-height: 1 !important;
}
/* ============================================================
   TEST — CELEBRATION DESKTOP FONT OVERRIDE
   ============================================================ */

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

  .celebration-section h1.celebration-script {
    font-family: 'MrSheffield' !important;
  }

  .celebration-section h2.celebration-heading-main {
    font-family: 'AlchemistSerif' !important;
  }

  .celebration-section h2.celebration-heading-pink {
    font-family: 'AlchemistSerif' !important;
  }

  .celebration-section .celebration-body,
  .celebration-section .celebration-body p {
    font-family: 'Basic Sans' !important;
  }

  .celebration-section .celebration-final {
    font-family: 'AlchemistSerif' !important;
  }

  .celebration-section .celebration-script-small {
    font-family: 'MrSheffield' !important;
  }

  .celebration-section .discount-sans {
    font-family: 'Basic Sans' !important;
  }
}
/* ============================================================
   FOOTER — DESKTOP COMPACT + FULL WIDTH
   ============================================================ */

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

  #section-footer {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #section-footer .footer {
    flex-grow: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  #section-footer .footer__content {
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
  }

}