/*
Theme Name: Ethan Semmel Art School Astra
Template: astra
Version: 1.1.3
Description: Astra child theme for Ethan Semmel Art School. FunnelKit pages remain in control of their own layouts.
*/

:root {
  --esas-ink: #27221d;
  --esas-canvas: #f6f1e8;
  --esas-rust: #a34835;
}

body { color: var(--esas-ink); background: var(--esas-canvas); }

/* Keep FunnelKit landing pages full width and free of Astra's content wrapper. */
body.wffn-optin-page #primary,
body.wffn-optin-page .site-content,
body.wffn-checkout-page #primary,
body.wffn-checkout-page .site-content { margin: 0; padding: 0; max-width: none; width: 100%; }

@media (max-width: 768px) {
  .ast-container { padding-left: 20px; padding-right: 20px; }
}

/* Shared site footer treatment for the existing FunnelKit/Thrive footer symbol. */
.thrv_symbol_3519164 .symbol-section-out { background: #faf6ef !important; }
.thrv_symbol_3519164 .symbol-section-in { padding: 16px clamp(20px, 4vw, 70px) !important; color: #1f1e1c !important; }
.thrv_symbol_3519164 [data-css="tve-u-16ecba5a4ef"] { width: min(1540px, 100%) !important; margin: 0 auto !important; align-items: center !important; }
.thrv_symbol_3519164 [data-css="tve-u-17aed48e95e"] { max-width: 245px !important; }
.thrv_symbol_3519164 [data-css="tve-u-17aed48e95e"] > .tcb-col { justify-content: flex-end !important; }
.thrv_symbol_3519164 [data-css="tve-u-16ecb9e83ab"] { width: 225px !important; max-width: 100% !important; display: block !important; }
.thrv_symbol_3519164 [data-css="tve-u-16ecb9e83ab"] img { width: 225px !important; height: auto !important; display: block !important; }
.thrv_symbol_3519164 [data-css="tve-u-16ecb9e83ab"]::after { content: "A Brand of Ethan Semmel Studio"; display: block; margin-top: 6px; color: #574941; font: 600 italic 13px/1.3 "Plus Jakarta Sans", system-ui, sans-serif; letter-spacing: .035em; white-space: nowrap; }
.thrv_symbol_3519164 [data-css="tve-u-19eb1e11174"] { max-width: none !important; flex: 1 1 auto !important; }
.thrv_symbol_3519164 [data-css="tve-u-17aed48e991"] { max-width: max-content !important; }
.thrv_symbol_3519164 [data-css="tve-u-16ecba4baeb"] p { color: #1f1e1c !important; font: 14px/1.4 "Plus Jakarta Sans", system-ui, sans-serif !important; letter-spacing: .01em !important; text-align: center !important; }
.thrv_symbol_3519164 .tve_w_menu { display: flex !important; flex-wrap: nowrap !important; gap: clamp(12px, 1.5vw, 24px) !important; justify-content: flex-end !important; }
.thrv_symbol_3519164 .tve_w_menu > li { margin: 0 !important; padding: 0 !important; }
.thrv_symbol_3519164 .tve_w_menu > li > a { color: #1f1e1c !important; font: 700 14px/1.4 "Plus Jakarta Sans", system-ui, sans-serif !important; letter-spacing: 0 !important; text-decoration: none !important; white-space: nowrap !important; }
.thrv_symbol_3519164 .tve_w_menu > li > a:hover { color: #a73732 !important; text-decoration: underline !important; }
@media (max-width: 720px) {
  .thrv_symbol_3519164 .symbol-section-in { padding: 18px 20px !important; }
  .thrv_symbol_3519164 [data-css="tve-u-16ecba5a4ef"] { flex-flow: column !important; gap: 12px !important; }
  .thrv_symbol_3519164 [data-css="tve-u-17aed48e95e"], .thrv_symbol_3519164 [data-css="tve-u-17aed48e991"] { max-width: 100% !important; }
  .thrv_symbol_3519164 [data-css="tve-u-16ecb9e83ab"] { width: 210px !important; margin: 0 auto !important; float: none !important; }
  .thrv_symbol_3519164 [data-css="tve-u-16ecb9e83ab"]::after { text-align: center; font-size: 12px; }
  .thrv_symbol_3519164 .tve_w_menu { flex-wrap: wrap !important; justify-content: center !important; gap: 9px 17px !important; }
  .thrv_symbol_3519164 .tve_w_menu > li > a { font-size: 13px !important; }
}

/* Prevent the tall FunnelKit hero from being vertically clipped on narrow phones. */
@media (max-width: 767px) {
  body.home .thrv-page-section[data-css="tve-u-19e64c11ea7"] {
    height: auto !important;
    min-height: 1270px !important;
    padding-top: 20px !important;
  }
  body.home .thrv-page-section[data-css="tve-u-19e64c11ea7"] > .tve-page-section-in {
    height: auto !important;
    min-height: 1250px !important;
    justify-content: flex-start !important;
  }
}

/* Art School blog index. */
body.esas-blog-page { margin: 0; background: #fff; color: #242120; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.55; }
body.esas-blog-page *, body.esas-blog-page *::before, body.esas-blog-page *::after { box-sizing: border-box; }
body.esas-blog-page a { color: inherit; text-decoration: none; }
.esas-blog-header { background: #b62b2e; color: #fff; }
.esas-header-inner { width: min(1700px, calc(100% - 64px)); min-height: 105px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.esas-header-logo img { display: block; width: 245px; max-height: 88px; object-fit: contain; }
.esas-blog-nav { display: flex; align-items: center; gap: clamp(28px, 3.5vw, 66px); font-weight: 700; font-size: 17px; white-space: nowrap; }
.esas-blog-nav a:hover { text-decoration: underline; }
.esas-blog-nav .esas-sign-in { border: 3px solid #fff; border-radius: 30px; padding: 10px 27px; }
.esas-blog-shell { width: min(1710px, calc(100% - 64px)); margin: 40px auto 80px; display: grid; grid-template-columns: 390px minmax(0, 1fr); gap: clamp(55px, 6vw, 105px); align-items: start; }
.esas-blog-sidebar { display: grid; gap: 45px; }
.esas-author-card { border: 1px solid #9f8d87; padding: 20px 20px 42px; }
.esas-author-card > img { width: min(250px, 86%); aspect-ratio: 1; object-fit: cover; object-position: 50% 35%; display: block; margin: 0 auto 28px; border: 2px solid #27221d; border-radius: 50%; }
.esas-author-card h2 { margin: 0 0 8px; font: italic 58px/1.05 Georgia, serif; color: #2c2928; }
.esas-author-card p { margin: 0 0 22px; font-size: 20px; line-height: 1.7; }
.esas-sidebar-optin { background: #929292; border-radius: 18px; padding: 18px 26px 26px; color: #fff; text-align: center; }
.esas-sidebar-optin > h2 { margin: 0 0 20px; color: #fff45e; text-shadow: 2px 2px 2px #222; font: 700 italic 48px/1.05 Georgia, serif; }
.esas-sidebar-pitch { margin: 0 0 28px; font-weight: 700; font-size: 19px; line-height: 1.45; text-shadow: 1px 1px 2px #222; }
.esas-sidebar-form { background: #fff; color: #221b18; padding: 24px 23px 18px; border: 6px dashed #c63731; border-radius: 12px; }
.esas-sidebar-form h3 { margin: 0 0 20px; font: 700 18px/1.4 Arial, sans-serif; color: #191919; }
.esas-disclosure { margin: 18px 0 0; font-weight: 700; font-size: 14px; line-height: 1.4; }
.esas-blog-optin-form .bwfac_form_field_first_name, .esas-blog-optin-form label { display: none !important; }
.esas-blog-optin-form input[type="email"], .esas-blog-optin-form input[type="text"] { width: 100% !important; min-height: 58px !important; margin: 0 0 14px !important; padding: 12px 18px !important; background: #fff !important; border: 1px solid #bbb !important; border-radius: 2px !important; color: #222 !important; font: 16px Arial, sans-serif !important; }
.esas-blog-optin-form button, .esas-blog-optin-form input[type="submit"] { width: 100% !important; min-height: 64px !important; padding: 12px !important; background: #b92b2d !important; border: 0 !important; border-radius: 6px !important; color: #fff !important; font: 700 22px Georgia, serif !important; cursor: pointer; }
.esas-blog-optin-form button:hover, .esas-blog-optin-form input[type="submit"]:hover { background: #912023 !important; }
.esas-post-stream { min-width: 0; }
.esas-featured-post { position: relative; min-height: 660px; overflow: hidden; background: #f4f4ef; }
.esas-featured-image, .esas-featured-image img { display: block; width: 100%; height: 660px; }
.esas-featured-image img { object-fit: contain; }
.esas-featured-copy { position: absolute; left: 0; bottom: 0; width: min(610px, 65%); min-height: 375px; padding: 34px 40px 28px; background: rgba(20,20,20,.78); color: #fff; }
.esas-featured-copy time { color: #d4d4d4; font-size: 16px; }
.esas-featured-copy h1 { margin: 28px 0 18px; padding-bottom: 10px; border-bottom: 1px solid #777; color: #fff; font: 700 33px/1.23 Georgia, serif; }
.esas-featured-copy p { margin: 0; font-size: 19px; line-height: 1.55; }
.esas-view-more { display: block; margin-top: 38px; text-align: right; color: #57b5f7 !important; }
.esas-view-more span { margin-left: 20px; }
.esas-more-posts { margin-top: 42px; display: grid; gap: 68px; }
.esas-post-card { padding-bottom: 12px; }
.esas-post-image, .esas-post-image img { width: 100%; display: block; }
.esas-post-image img { max-height: 590px; object-fit: cover; }
.esas-post-card h2 { margin: 28px 0 26px; padding-bottom: 6px; border-bottom: 1px solid #777; color: #080808; font: 700 38px/1.18 Georgia, serif; }
.esas-post-card p { margin: 0 0 25px; font-size: 20px; }
.esas-read-more { display: inline-block; padding: 10px 16px; border: 1px solid #bbb; border-radius: 5px; }
.esas-read-more:hover { background: #b62b2e; color: #fff; }
.esas-post-stream .navigation.pagination { margin-top: 50px; }
.esas-post-stream .nav-links { display: flex; gap: 8px; }
.esas-post-stream .page-numbers { padding: 8px 13px; border: 1px solid #bbb; }
.esas-post-stream .page-numbers.current { background: #b62b2e; color: #fff; }
.esas-wide-optin { background: #b62b2e; color: #fff; padding: 70px 24px 82px; text-align: center; }
.esas-wide-optin > div { width: min(800px, 100%); margin: auto; }
.esas-wide-optin h2 { margin: 0 0 38px; color: #fff; text-shadow: 2px 2px 2px #521215; font: 700 italic 30px/1.3 Georgia, serif; }
.esas-wide-optin .esas-blog-optin-form input[type="email"], .esas-wide-optin .esas-blog-optin-form input[type="text"] { min-height: 64px !important; margin-bottom: 20px !important; }
.esas-wide-optin .esas-blog-optin-form button, .esas-wide-optin .esas-blog-optin-form input[type="submit"] { min-height: 70px !important; background: #71bf24 !important; border-radius: 12px !important; font-size: 24px !important; text-transform: uppercase; }
.esas-blog-footer { background: #faf6ef; min-height: 180px; padding: 26px max(32px, calc((100vw - 1700px)/2)); display: grid; grid-template-columns: 300px minmax(280px, 1fr) auto; align-items: center; gap: 40px; }
.esas-footer-brand img { width: 230px; display: block; }
.esas-footer-brand em { display: block; margin-top: 6px; color: #574941; font: 600 italic 13px/1.3 Arial, sans-serif; letter-spacing: .04em; }
.esas-blog-footer > p { margin: 0; text-align: center; font-size: 14px; letter-spacing: .04em; }
.esas-blog-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px 28px; font-weight: 700; font-size: 14px; white-space: nowrap; }

@media (max-width: 1100px) {
  .esas-header-inner { min-height: 96px; }
  .esas-header-logo img { width: 220px; }
  .esas-blog-nav { gap: 22px; font-size: 15px; }
  .esas-blog-shell { grid-template-columns: 320px minmax(0, 1fr); gap: 38px; }
  .esas-author-card h2 { font-size: 45px; }
  .esas-featured-post, .esas-featured-image, .esas-featured-image img { height: 560px; min-height: 560px; }
  .esas-featured-copy { width: 75%; }
  .esas-blog-footer { grid-template-columns: 250px 1fr; }
  .esas-blog-footer nav { grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 780px) {
  .esas-header-inner { width: calc(100% - 32px); min-height: auto; padding: 10px 0 12px; flex-direction: column; gap: 8px; }
  .esas-header-logo img { width: 210px; max-height: 72px; }
  .esas-blog-nav { width: 100%; justify-content: center; flex-wrap: wrap; gap: 12px 20px; font-size: 13px; }
  .esas-blog-nav .esas-sign-in { border-width: 2px; padding: 7px 18px; }
  .esas-blog-shell { width: calc(100% - 32px); margin: 28px auto 55px; display: flex; flex-direction: column; gap: 42px; }
  .esas-post-stream { order: 1; width: 100%; }
  .esas-blog-sidebar { order: 2; width: 100%; }
  .esas-featured-post, .esas-featured-image, .esas-featured-image img { height: 520px; min-height: 520px; }
  .esas-featured-image img { object-fit: cover; }
  .esas-featured-copy { width: 100%; min-height: 285px; padding: 24px; }
  .esas-featured-copy h1 { margin: 14px 0 12px; font-size: 27px; }
  .esas-featured-copy p { font-size: 16px; }
  .esas-view-more { margin-top: 20px; }
  .esas-post-card h2 { font-size: 29px; }
  .esas-author-card h2 { font-size: 43px; }
  .esas-sidebar-optin { max-width: 520px; margin: auto; }
  .esas-wide-optin { padding: 50px 20px 60px; }
  .esas-wide-optin h2 { font-size: 25px; }
  .esas-wide-optin h2 br { display: none; }
  .esas-blog-footer { padding: 26px 20px; display: flex; flex-direction: column; gap: 18px; text-align: center; }
  .esas-footer-brand img { margin: auto; }
  .esas-footer-brand em { text-align: center; }
  .esas-blog-footer nav { justify-content: center; gap: 10px 18px; white-space: normal; }
}