/
words-in-motion-homepage-complete-css.txt


/* ==========================================
   WORDS IN MOTION ACTING STUDIO HOME PAGE
   Film & Television Acting Training
   Black / espresso / burgundy / gold / cream
========================================== */

/* REMOVE WORDPRESS/ENFOLD SPACE AROUND THE HOMEPAGE */
html,
body {
  margin:0 !important;
  padding:0 !important;
  background:#050403 !important;
}

body.home #main,
body.home #main .container_wrap_first,
body.home #main .template-page,
body.home #main .content,
body.home #main .post-entry,
body.home #main .entry-content-wrapper,
body.home #main .entry-content {
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  background:#050403 !important;
}

body.home #main .container_wrap_first {
  border-top:0 !important;
}

body.home #main .container_wrap_first > .container {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.home #main .content {
  width:100% !important;
  max-width:none !important;
}

body.home #main .entry-content-wrapper {
  max-width:none !important;
}

/* FULL-WIDTH HOMEPAGE */
#wim-home {
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  margin:0 calc(50% - 50vw) !important;
  padding:0 !important;
  background:#120f0b !important;
  color:#f6ead4 !important;
  font-family:Arial,sans-serif !important;
  overflow-x:hidden !important;
}

#wim-home,
#wim-home * {
  box-sizing:border-box !important;
}

#wim-home h1,
#wim-home h2,
#wim-home h3,
#wim-home h4,
#wim-home p,
#wim-home li,
#wim-home span,
#wim-home strong,
#wim-home em,
#wim-home div,
#wim-home section,
#wim-home article {
  color:#f6ead4 !important;
}

#wim-home a {
  color:#d7b46a !important;
  text-decoration:none !important;
}

#wim-home a:hover {
  color:#f6ead4 !important;
}

#wim-home img {
  max-width:100% !important;
}

#wim-home .wim-gold,
#wim-home .wim-kicker,
#wim-home .wim-subtitle,
#wim-home .wim-enrolling,
#wim-home .wim-history-card h3,
#wim-home .wim-small-card h3,
#wim-home .wim-youth-card h3,
#wim-home .wim-specialty-card h3,
#wim-home a.wim-text-link {
  color:#d7b46a !important;
}

#wim-home .wim-container {
  max-width:1280px !important;
  margin:0 auto !important;
}

#wim-home .wim-wide-container {
  max-width:1380px !important;
  margin:0 auto !important;
}

#wim-home .wim-section {
  padding:95px 20px !important;
}

#wim-home .wim-section-dark {
  background:
    radial-gradient(circle at center bottom, rgba(122,5,2,.32), transparent 46%),
    linear-gradient(180deg, #120f0b 0%, #050403 100%) !important;
}

#wim-home .wim-section-charcoal {
  background:
    radial-gradient(circle at bottom right, rgba(122,5,2,.32), transparent 44%),
    linear-gradient(135deg, #050403 0%, #120f0b 42%, #3f0b09 100%) !important;
}


/* HERO */

#wim-home .wim-hero {
  position:relative !important;
  min-height:94vh !important;
  background:
    url('https://atlantaactingstudio.com/wp-content/uploads/2024/04/Emmys-2022.jpg')
    center center / cover no-repeat !important;
}

#wim-home .wim-overlay {
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at center bottom, rgba(122,5,2,.70), transparent 48%),
    linear-gradient(
      180deg,
      rgba(5,4,3,.72) 0%,
      rgba(18,15,11,.87) 48%,
      rgba(63,11,9,.88) 100%
    ) !important;
}

#wim-home .wim-hero-content {
  position:relative !important;
  z-index:2 !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:135px 20px 115px !important;
  text-align:center !important;
}

#wim-home .wim-kicker {
  margin:0 0 18px !important;
  color:#d7b46a !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
}

#wim-home .wim-hero h1 {
  margin:0 0 22px !important;
  font-family:Georgia,serif !important;
  font-size:72px !important;
  line-height:1.04 !important;
}

#wim-home .wim-hero-lead {
  max-width:980px !important;
  margin:0 auto 18px !important;
  font-size:27px !important;
  line-height:1.65 !important;
}

#wim-home .wim-hero-sub {
  max-width:930px !important;
  margin:0 auto 34px !important;
  font-size:21px !important;
  line-height:1.75 !important;
}


/* BUTTONS */

#wim-home .wim-btn-row {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
}

#wim-home .wim-btn {
  display:inline-block !important;
  padding:18px 34px !important;
  border:1px solid #d7b46a !important;
  border-radius:8px !important;
  background:#d7b46a !important;
  color:#120f0b !important;
  font-weight:bold !important;
  text-align:center !important;
}

#wim-home .wim-btn:hover {
  background:#f6ead4 !important;
  border-color:#f6ead4 !important;
  color:#120f0b !important;
}

#wim-home .wim-btn-outline {
  background:transparent !important;
  border-color:#d7b46a !important;
  color:#f6ead4 !important;
}

#wim-home .wim-btn-outline:hover {
  background:#d7b46a !important;
  color:#120f0b !important;
}

#wim-home .wim-btn-cream {
  background:#f6ead4 !important;
  border-color:#f6ead4 !important;
  color:#120f0b !important;
}

#wim-home .wim-btn-cream:hover {
  background:#d7b46a !important;
  border-color:#d7b46a !important;
}

#wim-home .wim-enrolling {
  margin:22px 0 0 !important;
  color:#d7b46a !important;
  font-size:18px !important;
}


/* GENERAL TYPOGRAPHY & LAYOUT */

#wim-home .wim-grid-2 {
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:44px !important;
  align-items:center !important;
}

#wim-home .wim-title {
  margin:0 0 12px !important;
  font-family:Georgia,serif !important;
  font-size:57px !important;
  line-height:1.12 !important;
}

#wim-home .wim-subtitle {
  margin:0 0 28px !important;
  color:#d7b46a !important;
  font-size:25px !important;
  font-weight:700 !important;
}

#wim-home .wim-body-large {
  margin:0 0 32px !important;
  font-size:22px !important;
  line-height:1.85 !important;
}

#wim-home .wim-center-title {
  margin:0 0 16px !important;
  font-family:Georgia,serif !important;
  font-size:53px !important;
  line-height:1.15 !important;
  text-align:center !important;
}

#wim-home .wim-center-copy {
  max-width:950px !important;
  margin:0 auto 50px !important;
  font-size:21px !important;
  line-height:1.8 !important;
  text-align:center !important;
}

#wim-home .wim-photo {
  display:block !important;
  width:100% !important;
  border:1px solid rgba(215,180,106,.34) !important;
  border-radius:14px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.38) !important;
}


/* STORY, HISTORY & COMMUNITY */

#wim-home .wim-history-section {
  padding:100px 20px !important;
  border-top:1px solid rgba(215,180,106,.42) !important;
  border-bottom:1px solid rgba(215,180,106,.42) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(215,180,106,.12), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(122,5,2,.50), transparent 42%),
    linear-gradient(145deg, #050403 0%, #120f0b 52%, #3f0b09 100%) !important;
}

#wim-home .wim-history-intro {
  max-width:1000px !important;
  margin:0 auto 50px !important;
  text-align:center !important;
}

#wim-home .wim-history-intro p {
  margin:0 auto 16px !important;
  font-size:21px !important;
  line-height:1.8 !important;
}

#wim-home .wim-history-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}

#wim-home .wim-history-card {
  overflow:hidden !important;
  border:1px solid rgba(215,180,106,.36) !important;
  border-radius:14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 45%),
    linear-gradient(135deg, #211713 0%, #120f0b 58%, #3f0b09 100%) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.36) !important;
}

#wim-home .wim-history-card img {
  display:block !important;
  width:100% !important;
  height:340px !important;
  object-fit:cover !important;
}

#wim-home .wim-history-card-copy {
  padding:28px !important;
}

#wim-home .wim-history-card h3 {
  margin:0 0 10px !important;
  color:#d7b46a !important;
  font-size:29px !important;
}

#wim-home .wim-history-card p {
  margin:0 !important;
  font-size:18px !important;
  line-height:1.7 !important;
}

#wim-home .wim-history-note {
  max-width:1050px !important;
  margin:40px auto 0 !important;
  padding:30px !important;
  border-left:4px solid #d7b46a !important;
  border-radius:8px !important;
  background:rgba(5,4,3,.48) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28) !important;
  text-align:center !important;
}

#wim-home .wim-history-note strong {
  display:block !important;
  margin-bottom:8px !important;
  color:#d7b46a !important;
  font-family:Georgia,serif !important;
  font-size:28px !important;
}

#wim-home .wim-history-note span {
  font-size:19px !important;
  line-height:1.7 !important;
}


/* SMALL TRAINING CARDS */

#wim-home .wim-small-card-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:18px !important;
}

#wim-home .wim-small-card {
  padding:22px !important;
  border:1px solid rgba(215,180,106,.32) !important;
  border-radius:10px !important;
  background:
    linear-gradient(135deg, #211713 0%, #120f0b 58%, #3f0b09 100%) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}

#wim-home .wim-small-card h3 {
  margin:0 0 10px !important;
  color:#d7b46a !important;
  font-size:24px !important;
}

#wim-home .wim-small-card p {
  margin:0 !important;
  font-size:17px !important;
  line-height:1.6 !important;
}


/* YOUTH CLASSES */

#wim-home .wim-youth-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
  gap:24px !important;
}

#wim-home .wim-youth-card {
  padding:34px !important;
  border:1px solid rgba(215,180,106,.32) !important;
  border-radius:12px !important;
  background:
    linear-gradient(135deg, #211713 0%, #120f0b 58%, #3f0b09 100%) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}

#wim-home .wim-youth-card h3 {
  margin:0 0 12px !important;
  color:#d7b46a !important;
  font-size:34px !important;
}

#wim-home .wim-youth-card p {
  font-size:18px !important;
  line-height:1.7 !important;
}


/* CURRENT OPPORTUNITY */

#wim-home .wim-feature-section {
  padding:90px 20px !important;
  border-top:1px solid rgba(215,180,106,.48) !important;
  border-bottom:1px solid rgba(215,180,106,.48) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(215,180,106,.12), transparent 28%),
    radial-gradient(circle at 82% 80%, rgba(122,5,2,.46), transparent 40%),
    linear-gradient(135deg, #050403 0%, #120f0b 48%, #3f0b09 100%) !important;
}

#wim-home .wim-feature-grid {
  display:grid !important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr) !important;
  gap:clamp(36px,6vw,76px) !important;
  align-items:center !important;
}

#wim-home .wim-feature-art {
  position:relative !important;
  max-width:520px !important;
  margin:0 auto !important;
}

#wim-home .wim-feature-art::before {
  position:absolute !important;
  inset:-14px !important;
  content:"" !important;
  border:1px solid rgba(215,180,106,.58) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg, rgba(215,180,106,.14), rgba(122,5,2,.20)) !important;
  transform:rotate(-1.2deg) !important;
}

#wim-home .wim-feature-art img {
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  border:1px solid rgba(215,180,106,.48) !important;
  border-radius:12px !important;
  box-shadow:0 25px 65px rgba(0,0,0,.48) !important;
}

#wim-home .wim-feature-copy .wim-title {
  font-size:clamp(42px,5vw,66px) !important;
}

#wim-home .wim-feature-copy p {
  font-size:20px !important;
  line-height:1.75 !important;
}

#wim-home .wim-feature-meta {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:28px 0 30px !important;
}

#wim-home .wim-feature-meta div {
  padding:14px 16px !important;
  border:1px solid rgba(215,180,106,.32) !important;
  border-radius:8px !important;
  background:rgba(5,4,3,.42) !important;
}

#wim-home .wim-feature-meta strong {
  display:block !important;
  margin-bottom:3px !important;
  color:#d7b46a !important;
  font-size:14px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}


/* SPECIALTY TRAINING */

#wim-home .wim-specialty-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
  gap:24px !important;
}

#wim-home .wim-specialty-card {
  padding:34px !important;
  border:1px solid rgba(215,180,106,.32) !important;
  border-radius:12px !important;
  background:
    linear-gradient(135deg, #211713 0%, #120f0b 58%, #3f0b09 100%) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}

#wim-home .wim-specialty-card img {
  display:block !important;
  width:100% !important;
  height:300px !important;
  margin-bottom:18px !important;
  border-radius:10px !important;
  object-fit:cover !important;
}

#wim-home .wim-specialty-card h3 {
  margin:0 0 10px !important;
  color:#d7b46a !important;
  font-size:31px !important;
}

#wim-home .wim-specialty-card p {
  font-size:18px !important;
  line-height:1.7 !important;
}


/* STAY CONNECTED */

#wim-home .wim-connect-section {
  padding:88px 20px !important;
  border-top:1px solid rgba(215,180,106,.34) !important;
  background:
    radial-gradient(circle at center top, rgba(122,5,2,.36), transparent 44%),
    linear-gradient(180deg, #120f0b 0%, #050403 100%) !important;
}

#wim-home .wim-connect-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:42px !important;
}

#wim-home .wim-connect-card {
  display:flex !important;
  min-height:270px !important;
  padding:32px !important;
  flex-direction:column !important;
  border:1px solid rgba(215,180,106,.34) !important;
  border-radius:12px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 45%),
    linear-gradient(135deg, #211713 0%, #120f0b 58%, #3f0b09 100%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
}

#wim-home .wim-platform-mark {
  display:flex !important;
  width:52px !important;
  height:52px !important;
  margin-bottom:22px !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d7b46a !important;
  border-radius:50% !important;
  color:#d7b46a !important;
  font-family:Georgia,serif !important;
  font-size:22px !important;
  font-weight:bold !important;
}

#wim-home .wim-connect-card h3 {
  margin:0 0 12px !important;
  color:#d7b46a !important;
  font-size:29px !important;
}

#wim-home .wim-connect-card p {
  flex:1 !important;
  margin:0 0 24px !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

#wim-home .wim-connect-card a {
  font-weight:bold !important;
}


/* FINAL CTA */

#wim-home .wim-final {
  padding:100px 20px !important;
  border-top:1px solid rgba(215,180,106,.48) !important;
  background:
    radial-gradient(circle at center bottom, rgba(122,5,2,.78), transparent 46%),
    linear-gradient(180deg, #050403 0%, #120f0b 38%, #3f0b09 78%, #050403 100%) !important;
  text-align:center !important;
}

#wim-home .wim-final h2 {
  margin:0 !important;
  font-family:Georgia,serif !important;
  font-size:59px !important;
}

#wim-home .wim-final p {
  max-width:880px !important;
  margin:20px auto 35px !important;
  font-size:22px !important;
  line-height:1.8 !important;
}


/* TABLET */

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

  #wim-home .wim-grid-2,
  #wim-home .wim-history-grid,
  #wim-home .wim-youth-grid,
  #wim-home .wim-specialty-grid,
  #wim-home .wim-feature-grid,
  #wim-home .wim-connect-grid {
    grid-template-columns:1fr !important;
  }

  #wim-home .wim-hero {
    min-height:auto !important;
    background-position:58% center !important;
  }

  #wim-home .wim-hero-content {
    padding:105px 20px 85px !important;
  }

  #wim-home .wim-hero h1 {
    font-size:46px !important;
    line-height:1.08 !important;
  }

  #wim-home .wim-hero-lead {
    font-size:21px !important;
    line-height:1.55 !important;
  }

  #wim-home .wim-hero-sub {
    font-size:18px !important;
    line-height:1.6 !important;
  }

  #wim-home .wim-section,
  #wim-home .wim-history-section,
  #wim-home .wim-feature-section,
  #wim-home .wim-connect-section {
    padding:70px 20px !important;
  }

  #wim-home .wim-title,
  #wim-home .wim-center-title,
  #wim-home .wim-final h2 {
    font-size:38px !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  #wim-home .wim-subtitle,
  #wim-home .wim-body-large,
  #wim-home .wim-center-copy,
  #wim-home .wim-final p {
    font-size:18px !important;
    line-height:1.6 !important;
  }

  #wim-home .wim-history-intro p {
    font-size:18px !important;
  }

  #wim-home .wim-history-card img,
  #wim-home .wim-specialty-card img {
    height:auto !important;
  }

  /* Crop the second history image so its white screenshot toolbar is hidden. */
  #wim-home .wim-history-card:nth-child(2) img {
    height:330px !important;
    object-fit:cover !important;
    object-position:center 72% !important;
  }

  #wim-home .wim-feature-copy {
    text-align:center !important;
  }

  #wim-home .wim-feature-meta {
    max-width:700px !important;
    margin-right:auto !important;
    margin-left:auto !important;
  }

  #wim-home .wim-feature-copy .wim-btn-row {
    justify-content:center !important;
  }

  #wim-home .wim-btn-row {
    flex-direction:column !important;
  }

  #wim-home .wim-btn {
    width:100% !important;
    max-width:380px !important;
  }

  #wim-home .wim-connect-card {
    min-height:0 !important;
  }
}


/* SMALL PHONES */

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

  #wim-home .wim-hero-content {
    padding:88px 18px 70px !important;
  }

  #wim-home .wim-hero h1 {
    font-size:38px !important;
  }

  #wim-home .wim-kicker {
    font-size:12px !important;
    letter-spacing:2px !important;
  }

  #wim-home .wim-hero-lead {
    font-size:19px !important;
  }

  #wim-home .wim-hero-sub {
    font-size:17px !important;
  }

  #wim-home .wim-section,
  #wim-home .wim-history-section,
  #wim-home .wim-feature-section,
  #wim-home .wim-connect-section,
  #wim-home .wim-final {
    padding:58px 18px !important;
  }

  #wim-home .wim-title,
  #wim-home .wim-center-title,
  #wim-home .wim-final h2 {
    font-size:32px !important;
  }

  #wim-home .wim-history-card-copy,
  #wim-home .wim-youth-card,
  #wim-home .wim-specialty-card,
  #wim-home .wim-connect-card {
    padding:24px !important;
  }

  #wim-home .wim-history-card:nth-child(2) img {
    height:240px !important;
    object-fit:cover !important;
    object-position:center 74% !important;
  }

  #wim-home .wim-history-card h3 {
    font-size:25px !important;
  }

  #wim-home .wim-history-card p,
  #wim-home .wim-history-note span {
    font-size:17px !important;
  }

  #wim-home .wim-history-note {
    padding:24px 20px !important;
  }

  #wim-home .wim-history-note strong {
    font-size:24px !important;
  }

  #wim-home .wim-feature-meta {
    grid-template-columns:1fr !important;
  }

  #wim-home .wim-feature-copy p,
  #wim-home .wim-connect-card p {
    font-size:17px !important;
  }

  #wim-home .wim-platform-mark {
    width:46px !important;
    height:46px !important;
    margin-right:auto !important;
    margin-left:auto !important;
  }

  #wim-home .wim-connect-card {
    text-align:center !important;
  }
}
/* REMOVE WHITE TOOLBAR FROM “FROM CLASS TO CAMERA” IMAGE */
@media only screen and (max-width:900px) {

  #wim-home .wim-history-card:nth-child(2) {
    overflow:hidden !important;
  }

  #wim-home .wim-history-card:nth-child(2) img {
    display:block !important;
    width:100% !important;
    height:270px !important;
    object-fit:cover !important;
    object-position:center bottom !important;
    margin-top:-48px !important;
  }
}

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

  #wim-home .wim-history-card:nth-child(2) img {
    height:245px !important;
    margin-top:-44px !important;
  }
}