.elementor-987763 .elementor-element.elementor-element-9dd9da4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS */<style>

/* =========================================================
   SHARON CHATTEN ACTORS STUDIO
   CONTACT PAGE
   COMPLETE GLOBAL CSS
   ========================================================= */


/* =========================================================
   1. RESET + TRUE FULL WIDTH
   ========================================================= */

.sc-contact-page,
.sc-contact-page * {
  box-sizing: border-box;
}

.sc-contact-page {
  width: 100vw !important;
  max-width: none !important;

  position: relative !important;
  left: 50% !important;

  margin-left: -50vw !important;
  margin-right: 0 !important;

  padding: 0 !important;

  overflow: hidden;

  font-family: inherit;
}


/* =========================================================
   2. FULL-WIDTH SECTIONS
   ========================================================= */

.sc-contact-section {
  width: 100% !important;
  max-width: none !important;

  position: relative !important;

  margin: 0 !important;

  padding: 92px 0;
}


/* =========================================================
   3. CENTERED INTERIOR
   ========================================================= */

.sc-contact-wrap {
  width: 90% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;

  padding: 0 !important;
}


/* =========================================================
   4. COLOR SYSTEM
   BLACK → GRAY → CREAM → BLACK → GRAY
   ========================================================= */

.sc-contact-dark {
  background: #000000 !important;
  color: #ffffff !important;
}

.sc-contact-gray {
  background: #E2E0DC !important;
  color: #171717 !important;
}

.sc-contact-cream {
  background: #F2EFE8 !important;
  color: #171717 !important;
}


/* =========================================================
   5. FORCE HEADING COLORS
   ========================================================= */

.sc-contact-dark h1,
.sc-contact-dark h2,
.sc-contact-dark h3,
.sc-contact-dark h4,
.sc-contact-dark h5,
.sc-contact-dark h6 {
  color: #ffffff !important;
}

.sc-contact-gray h1,
.sc-contact-gray h2,
.sc-contact-gray h3,
.sc-contact-gray h4,
.sc-contact-gray h5,
.sc-contact-gray h6,
.sc-contact-cream h1,
.sc-contact-cream h2,
.sc-contact-cream h3,
.sc-contact-cream h4,
.sc-contact-cream h5,
.sc-contact-cream h6 {
  color: #171717 !important;
}


/* =========================================================
   6. TYPOGRAPHY RESET
   ========================================================= */

.sc-contact-page h1,
.sc-contact-page h2,
.sc-contact-page h3,
.sc-contact-page p,
.sc-contact-page a {
  font-family: inherit !important;
}


/* =========================================================
   7. EYEBROWS
   ========================================================= */

.sc-contact-eyebrow {
  margin: 0 0 14px !important;

  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;

  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.sc-contact-dark .sc-contact-eyebrow {
  color: #A7A7A7 !important;
}

.sc-contact-gray .sc-contact-eyebrow {
  color: #68645F !important;
}

.sc-contact-cream .sc-contact-eyebrow {
  color: #716B63 !important;
}


/* =========================================================
   8. H1
   ========================================================= */

.sc-contact-page h1 {
  margin: 0 0 30px !important;

  font-size: clamp(60px, 9vw, 112px) !important;
  line-height: .91 !important;
  font-weight: 300 !important;

  letter-spacing: -.05em !important;
}


/* =========================================================
   9. H2
   ========================================================= */

.sc-contact-page h2 {
  margin: 0 0 26px !important;

  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 300 !important;

  letter-spacing: -.04em !important;
}


/* =========================================================
   10. H3
   ========================================================= */

.sc-contact-page h3 {
  margin: 0 0 18px !important;

  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;

  letter-spacing: -.025em !important;
}


/* =========================================================
   11. BODY COPY
   ========================================================= */

.sc-contact-page p {
  margin: 0 0 21px;

  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;
}

.sc-contact-dark p {
  color: #D0D0D0 !important;
}

.sc-contact-gray p {
  color: #373532 !important;
}

.sc-contact-cream p {
  color: #373431 !important;
}


/* =========================================================
   12. LEAD COPY
   ========================================================= */

.sc-contact-lead {
  max-width: 820px;

  font-size: clamp(19px, 2vw, 24px) !important;
  line-height: 1.55 !important;
}

.sc-contact-dark .sc-contact-lead {
  color: #D6D6D6 !important;
}

.sc-contact-gray .sc-contact-lead {
  color: #403E3A !important;
}

.sc-contact-cream .sc-contact-lead {
  color: #44413D !important;
}


/* =========================================================
   13. HERO
   ========================================================= */

.sc-contact-hero {
  padding-top: 116px;
  padding-bottom: 106px;
}

.sc-contact-hero .sc-contact-lead {
  max-width: 760px;
}


/* =========================================================
   14. PRIMARY CONTACT GRID
   ========================================================= */

.sc-contact-primary-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr) !important;

  gap: clamp(60px, 9vw, 120px) !important;

  align-items: start !important;
}


/* =========================================================
   15. CONTACT INTRO
   ========================================================= */

.sc-contact-intro {
  max-width: 630px;

  margin-bottom: 44px !important;

  font-size: clamp(19px, 2vw, 23px) !important;
  line-height: 1.55 !important;
}


/* =========================================================
   16. CONTACT DETAILS
   ========================================================= */

.sc-contact-detail {
  padding: 25px 0;

  border-top: 1px solid rgba(0,0,0,.20);
}

.sc-contact-detail:last-of-type {
  border-bottom: 1px solid rgba(0,0,0,.20);

  margin-bottom: 35px;
}

.sc-contact-detail-label {
  display: block;

  margin-bottom: 8px;

  color: #716D67;

  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;

  letter-spacing: .13em;
  text-transform: uppercase;
}


/* =========================================================
   17. EMAIL
   ========================================================= */

.sc-contact-email,
.sc-contact-social {
  color: #171717 !important;

  text-decoration: none !important;

  font-size: clamp(19px, 2.2vw, 27px) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;

  letter-spacing: -.02em !important;

  overflow-wrap: anywhere;
}

.sc-contact-email:hover,
.sc-contact-social:hover {
  opacity: .55;
}

.sc-contact-social span {
  margin-left: 8px;

  font-size: .75em;
}


/* =========================================================
   18. MAIN BUTTON
   ========================================================= */

.sc-contact-button {
  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding: 13px 24px;

  border: 1px solid #171717 !important;

  background: #171717 !important;

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;

  letter-spacing: .08em !important;
  text-transform: uppercase !important;

  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.sc-contact-button:hover,
.sc-contact-button:focus {
  background: transparent !important;

  color: #171717 !important;

  transform: translateY(-2px);
}


/* =========================================================
   19. CLASS SECTION INTRO
   ========================================================= */

.sc-contact-section-intro {
  max-width: 880px;

  margin-bottom: 57px;
}


/* =========================================================
   20. CLASS GRID
   ========================================================= */

.sc-contact-class-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 0 !important;

  width: 100%;

  border-top: 1px solid rgba(0,0,0,.20);
  border-bottom: 1px solid rgba(0,0,0,.20);
}


/* =========================================================
   21. INDIVIDUAL CLASS
   ========================================================= */

.sc-contact-class {
  position: relative;

  min-width: 0;

  padding: 35px 34px 40px;
}

.sc-contact-class:first-child {
  padding-left: 0;
}

.sc-contact-class:last-child {
  padding-right: 0;
}

.sc-contact-class + .sc-contact-class {
  border-left: 1px solid rgba(0,0,0,.20);
}


/* =========================================================
   22. CLASS NUMBERS
   ========================================================= */

.sc-contact-number {
  display: block;

  margin-bottom: 32px;

  color: #817B74;

  font-size: 11px;
  line-height: 1;
  font-weight: 700;

  letter-spacing: .12em;
}


/* =========================================================
   23. CLASS META
   ========================================================= */

.sc-contact-class-meta {
  min-height: 38px;

  margin-bottom: 22px !important;

  color: #716B63 !important;

  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;

  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}


/* =========================================================
   24. PRICE
   ========================================================= */

.sc-contact-price {
  margin-top: 28px !important;
  margin-bottom: 20px !important;

  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}


/* =========================================================
   25. CLASS TEXT LINKS
   ========================================================= */

.sc-contact-text-link {
  display: inline-flex !important;

  align-items: center;

  gap: 12px;

  padding-bottom: 7px;

  border-bottom: 1px solid #171717;

  color: #171717 !important;

  text-decoration: none !important;

  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;

  letter-spacing: .09em !important;
  text-transform: uppercase !important;

  transition:
    gap 180ms ease,
    opacity 180ms ease;
}

.sc-contact-text-link:hover {
  gap: 18px;

  opacity: .55;
}


/* =========================================================
   26. PRIVATE COACHING GRID
   ========================================================= */

.sc-contact-coaching-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, .85fr)
    minmax(0, 1.15fr) !important;

  gap: clamp(60px, 9vw, 120px) !important;

  align-items: start !important;
}

.sc-contact-coaching-copy {
  max-width: 670px;
}


/* =========================================================
   27. DARK TEXT LINK
   ========================================================= */

.sc-contact-dark-link {
  display: inline-flex !important;

  align-items: center;

  gap: 12px;

  margin-top: 12px;

  padding-bottom: 7px;

  border-bottom: 1px solid #ffffff;

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;

  letter-spacing: .09em !important;
  text-transform: uppercase !important;

  transition:
    gap 180ms ease,
    opacity 180ms ease;
}

.sc-contact-dark-link:hover {
  gap: 18px;

  opacity: .6;
}


/* =========================================================
   28. CLOSING
   ========================================================= */

.sc-contact-closing {
  padding-top: 100px;
  padding-bottom: 88px;

  text-align: center;
}

.sc-contact-closing .sc-contact-wrap {
  max-width: 930px !important;
}

.sc-contact-closing .sc-contact-lead {
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   29. ACTIONS
   ========================================================= */

.sc-contact-actions {
  display: flex !important;

  flex-wrap: wrap;

  justify-content: center;

  gap: 14px;

  margin-top: 38px;
}


/* =========================================================
   30. OUTLINE BUTTON
   ========================================================= */

.sc-contact-button-outline {
  background: transparent !important;

  color: #171717 !important;
}

.sc-contact-button-outline:hover,
.sc-contact-button-outline:focus {
  background: #171717 !important;

  color: #ffffff !important;
}


/* =========================================================
   31. DISCLAIMER
   ========================================================= */

.sc-contact-disclaimer {
  max-width: 760px;

  margin: 76px auto 0;

  padding-top: 27px;

  border-top: 1px solid rgba(0,0,0,.20);

  text-align: left;
}

.sc-contact-disclaimer span {
  display: block;

  margin-bottom: 10px;

  color: #716D67;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 700;

  letter-spacing: .13em;
  text-transform: uppercase;
}

.sc-contact-disclaimer p {
  margin: 0 !important;

  color: #605C57 !important;

  font-size: 13px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   32. ACCESSIBILITY
   ========================================================= */

.sc-contact-page a:focus-visible {
  outline: 2px solid currentColor !important;

  outline-offset: 4px;
}


/* =========================================================
   33. TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .sc-contact-section {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .sc-contact-hero {
    padding-top: 94px;
    padding-bottom: 86px;
  }

  .sc-contact-primary-grid,
  .sc-contact-coaching-grid {
    gap: 55px !important;
  }

  .sc-contact-class {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sc-contact-class:first-child {
    padding-left: 0;
  }

  .sc-contact-class:last-child {
    padding-right: 0;
  }

}


/* =========================================================
   34. SMALL TABLET / MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .sc-contact-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .sc-contact-hero {
    padding-top: 78px;
    padding-bottom: 70px;
  }


  /* PRIMARY CONTACT */

  .sc-contact-primary-grid,
  .sc-contact-coaching-grid {
    grid-template-columns: 1fr !important;

    gap: 35px !important;
  }


  /* CLASS GRID */

  .sc-contact-class-grid {
    grid-template-columns: 1fr !important;
  }

  .sc-contact-class,
  .sc-contact-class:first-child,
  .sc-contact-class:last-child {
    padding: 31px 0 !important;
  }

  .sc-contact-class + .sc-contact-class {
    border-left: 0 !important;

    border-top: 1px solid rgba(0,0,0,.20);
  }

  .sc-contact-class-meta {
    min-height: 0;
  }

}


/* =========================================================
   35. MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .sc-contact-wrap {
    width: 88% !important;
  }

  .sc-contact-page h1 {
    font-size:
      clamp(54px, 17vw, 76px) !important;
  }

  .sc-contact-page h2 {
    font-size:
      clamp(38px, 12vw, 51px) !important;
  }

  .sc-contact-page h3 {
    font-size:
      clamp(24px, 8vw, 31px) !important;
  }

  .sc-contact-page p {
    font-size: 16px;
  }

  .sc-contact-email,
  .sc-contact-social {
    font-size: 18px !important;
  }


  /* BUTTONS */

  .sc-contact-actions {
    flex-direction: column;

    align-items: stretch;
  }

  .sc-contact-button {
    width: 100%;
  }


  /* DISCLAIMER */

  .sc-contact-disclaimer {
    margin-top: 58px;
  }

}


/* =========================================================
   END CONTACT PAGE CSS
   ========================================================= */

</style>/* End custom CSS */