/*
Theme Name: The Olson Method
Description: Rebuild of the 2018 theolsonmethod.com design as an editable block theme.
Version: 1.0
Requires at least: 6.5
Text Domain: olson-method
*/
html{scroll-behavior:smooth}
:target,[id]{scroll-margin-top:110px}
body{-webkit-font-smoothing:antialiased}
/* Top bar + sticky header */
.tom-topbar{font-size:13px}
.tom-topbar .wp-block-social-links .wp-social-link{background:transparent!important;color:#fff!important}
.tom-header{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.admin-bar .tom-header{top:32px}
.tom-header .wp-block-navigation{font-family:'Open Sans',Arial,sans-serif;font-size:14px;font-weight:600}
.tom-header .wp-block-navigation a{color:#666}
.tom-header .wp-block-navigation a:hover{color:var(--wp--preset--color--teal)}
.tom-logo img{max-height:62px;width:auto}
/* Hero slider */
.tom-slider{position:relative;display:grid;overflow:hidden}
.tom-slider>.wp-block-cover{grid-area:1/1;margin:0!important;transition:opacity 1s ease}
.tom-slider.js>.wp-block-cover{opacity:0;pointer-events:none}
.tom-slider.js>.wp-block-cover.is-active{opacity:1;pointer-events:auto}
.tom-dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}
.tom-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.tom-dots button.on{background:#fff}
.tom-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer;opacity:.75;padding:8px 14px}
.tom-arrow:hover{opacity:1}.tom-prev{left:6px}.tom-next{right:6px}
.tom-slider .wp-block-cover h2{color:#fff}
/* Overlapping struggle card */
.tom-struggle-card{position:relative;margin-top:-140px!important;z-index:3;box-shadow:0 2px 18px rgba(0,0,0,.06)}
.tom-struggle-card ul{list-style:none;padding:0;margin:0}
.tom-struggle-card li{color:var(--wp--preset--color--teal);padding:7px 0;font-size:16px}
.tom-boxed{border:1px solid var(--wp--preset--color--teal);padding-left:26px!important;padding-right:26px!important}
.tom-struggle-card{padding-left:34px!important;padding-right:34px!important}
/* Quote bands */
.tom-quote p{font-style:italic;font-size:19px}
.tom-quote .tom-cite{font-style:normal;font-weight:700;font-size:17px}
.tom-quote .tom-role{font-style:normal}
.tom-qmark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid #fff;border-radius:50%;font-family:Georgia,serif;font-size:18px;line-height:1;color:#fff}
/* SOS HELP */
.tom-letter{font-family:'Coming Soon',cursive;font-size:44px;line-height:1;margin:0}
.tom-letter-col{text-align:center;border-bottom:0}
.tom-letter-col hr{border:0;border-top:2px solid currentColor;opacity:.35;margin:10px 0 14px}
.tom-letter-col h4{font-size:19px;letter-spacing:.04em;margin:0 0 6px}
.tom-coral,.tom-coral h4{color:var(--wp--preset--color--coral)!important}
.tom-tealt,.tom-tealt h4{color:var(--wp--preset--color--teal)!important}
/* Feature lists with leaf icon */
.tom-leaf-list p{display:flex;align-items:center;gap:12px;font-family:'Coming Soon',cursive;font-size:20px;margin:14px 0}
.tom-leaf-list p::before{content:"";width:22px;height:22px;flex:none;background:url(/wp-content/uploads/2017/03/leaves-icon-02.png) center/contain no-repeat}
.tom-rule-cols>.wp-block-column{border-top:2px solid var(--wp--preset--color--teal);padding-top:14px}
.tom-rule-cols h4{margin:0 0 8px}
/* Resource cards */
.tom-card{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);height:100%}
.tom-card img{aspect-ratio:8/5;object-fit:cover;width:100%;display:block}
.tom-card h3{font-size:20px;padding:0 18px 18px;margin:14px 0 0}
.tom-card h3 a{text-decoration:none;color:var(--wp--preset--color--navy)}
/* Contact form */
.tom-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tom-form .full{grid-column:1/-1}
.tom-form input[type=text],.tom-form input[type=email],.tom-form textarea{width:100%;box-sizing:border-box;border:0;background:#fff;padding:12px 14px;font:inherit;font-size:14px;color:#444}
.tom-form textarea{min-height:140px}
.tom-form .row-end{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:12px}
.tom-form .hp{position:absolute;left:-9999px}
.tom-form button{background:var(--wp--preset--color--teal);color:#fff;border:2px solid var(--wp--preset--color--navy);border-radius:3px;padding:8px 22px;font:inherit;font-weight:600;cursor:pointer}
.tom-form input.sum{width:60px}
.tom-notice{padding:12px 16px;background:#fff;border-left:4px solid var(--wp--preset--color--teal);margin-bottom:16px}
/* Footer */
.tom-footer-links a{color:var(--wp--preset--color--navy);text-decoration:none}
.tom-footer-links a:hover{text-decoration:underline}
.tom-bottom .wp-block-social-links .wp-social-link{background:transparent!important;color:var(--wp--preset--color--teal)!important}
/* Posts */
.single .wp-block-post-content img{height:auto}
@media (max-width:781px){
 .tom-struggle-card{margin-top:0!important}
 .tom-letter{font-size:36px}
 .tom-form{grid-template-columns:1fr}
 .tom-logo img{max-height:46px}
 .tom-slider .wp-block-cover{min-height:520px!important}
}

/* polish pass */
.wp-site-blocks>*{margin-block-start:0!important}
.tom-qmark{width:34px;height:34px;font-size:30px;line-height:1;padding-top:8px;box-sizing:border-box;overflow:hidden}
.tom-letter-col .wp-block-separator{width:100%!important;max-width:none!important;border:0;border-top:2px solid currentColor;margin:8px 0 14px!important;opacity:.4}
.has-teal-background-color .tom-leaf-list p{color:#fff!important}
.has-teal-background-color .tom-leaf-list p::before{filter:brightness(0) invert(1)}
.wp-block-column>.has-navy-background-color{padding-left:32px!important;padding-right:32px!important}
#resources h2{font-size:36px}
#about .has-coming-soon-font-family.has-large-font-size{margin-top:-6px}
#about>h2{font-size:34px;margin-bottom:0}
#about p.has-coming-soon-font-family{font-size:21px!important}
#resources p.has-large-font-size{font-size:19px!important;line-height:1.5}
.tom-quote .tom-qmark{color:#fff}
.page-id-23 .wp-block-post-content img,.single-post .wp-block-post-content img{display:block;max-width:460px!important;width:100%;height:auto;margin:14px auto 22px}
.page-id-23 .wp-block-post-content p:empty{display:none}