/*
Theme Name: Twisted Momster Roosa
Description: Valoisa, roosansävyinen Twisted Momster -lohkoteema. Muokattava valokuvaetusivu, neljä sisältöteemaa ja mukana toimitetut fontit.
Version: 1.0.0
Author: Twisted Momster
Requires at least: 6.7
Tested up to: 7.1.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twisted-momster-roosa
Tags: blog, block-patterns, full-site-editing, custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready
*/
:root{--tm-paper:#fffefc;--tm-ink:#382b30;--tm-rose:#f1d5dc;--tm-rose-ink:#95576e;--tm-blue:#c5e5f2;--tm-line:#ecd4dc;--tm-max:1440px}
html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--tm-paper);color:var(--tm-ink)}*{box-sizing:border-box}a{text-underline-offset:5px;text-decoration-thickness:1px}a:focus-visible,button:focus-visible{outline:2px solid var(--tm-rose-ink);outline-offset:5px}.wp-site-blocks{padding:0}.wp-site-blocks>*,.tm-front-main>*{margin-block-start:0}.tm-site-header{border-bottom:1px solid var(--tm-line)}.tm-header-inner{max-width:var(--tm-max);min-height:98px;margin:0 auto!important;padding:18px 38px;gap:40px!important}.tm-brand{gap:3px!important;min-width:166px;flex-wrap:nowrap!important}.tm-brand p{margin:0}.tm-wordmark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:32px;line-height:.81;letter-spacing:-.065em;transform:rotate(-3deg)}.tm-wordmark a{color:var(--tm-ink);text-decoration:none}.tm-brand-star{font-size:28px;line-height:1;color:#6894a6;align-self:flex-end}.tm-navigation{width:70%;max-width:900px;font-size:20px}.tm-navigation .wp-block-navigation__container{justify-content:space-between;gap:35px;width:100%}.tm-navigation a{color:var(--tm-ink)!important;text-decoration:none}.tm-navigation a:hover{text-decoration:underline}.wp-block-navigation__responsive-container.is-menu-open{background:var(--tm-paper)!important;color:var(--tm-ink)!important}
.tm-front-main{max-width:none!important;width:100%;padding:0}.tm-hero{max-width:var(--tm-max)!important;width:auto!important;margin:25px auto 0!important;padding:0 20px;display:grid!important;grid-template-columns:.72fr 2.4fr 1fr 1.5fr;grid-template-areas:'sprout statement teen mother';gap:12px!important}.tm-hero>.wp-block-column{min-width:0;margin:0!important}.tm-sprout{grid-area:sprout}.tm-statement{grid-area:statement;background:var(--tm-rose);min-width:0;display:flex;flex-direction:column;justify-content:center;padding:42px 36px;gap:28px}.tm-teen{grid-area:teen}.tm-mother{grid-area:mother}.tm-hero .wp-block-image{margin:0}.tm-photo img{width:100%;height:430px;display:block;object-fit:cover}.tm-statement h1{font-family:'Shadows Into Light',cursive!important;font-size:clamp(44px,4.5vw,65px);font-weight:400!important;line-height:1.15;letter-spacing:0;margin:0}.tm-statement p{font-family:'Shadows Into Light',cursive!important;font-size:clamp(25px,2.5vw,36px);line-height:1.65;margin:0}
.tm-home-content{max-width:var(--tm-max)!important;margin:auto!important;padding:0 20px;display:grid;grid-template-columns:.72fr 2.4fr 1fr 1.5fr;column-gap:12px}.tm-intro,.tm-themes{grid-column:2/-1}.tm-intro{padding-top:42px}.tm-intro p{font-size:23px;line-height:1.45;letter-spacing:-.008em;margin:0}.tm-themes{padding:30px 0 68px}.tm-themes>h2{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.018em;margin:0 0 28px}.tm-theme-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px!important;margin:0}.tm-theme-grid>.wp-block-column{margin:0;min-width:0}.tm-swatch{height:25px;min-height:25px!important;width:25px;margin:0 0 16px}.tm-theme h3{font-size:25px;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:0}.tm-theme h3 a{color:var(--tm-rose-ink);text-decoration:underline}.tm-theme h3 a:hover{text-decoration:none;color:var(--tm-ink)}.tm-theme-description{font-size:19px;line-height:1.5;min-height:57px;margin:14px 0 0}.tm-story-link{font-size:17px;margin:15px 0 0}.tm-site-footer{border-top:1px solid var(--tm-line)}.tm-footer-inner{max-width:var(--tm-max);margin:0 auto!important;padding:26px 38px;gap:30px;font-size:15px;color:#6c5b62}.tm-footer-inner p{margin:0}.tm-footer-navigation{font-size:15px}.tm-footer-navigation .wp-block-navigation__container{gap:34px}.tm-footer-navigation a{color:#6c5b62;text-decoration:none}.tm-footer-navigation a:hover{text-decoration:underline}
.tm-content-wrap{max-width:1100px!important;margin:0 auto!important;padding:60px 38px 75px;min-height:60vh}.tm-content-wrap>h1,.tm-content-wrap>.wp-block-query-title{font-size:clamp(34px,4vw,50px);line-height:1.2;margin-bottom:30px}.tm-content-wrap>.wp-block-post-date{font-size:16px;margin-bottom:25px;color:#6c5b62}.tm-content-wrap>.wp-block-post-featured-image{margin:30px 0}.tm-content-wrap .wp-block-post-content p{margin-top:0;margin-bottom:1.2em}.tm-post-summary{border-top:1px solid var(--tm-line);padding:30px 0}.tm-post-summary h2{font-size:30px;margin:0 0 12px}.tm-post-summary .wp-block-post-date{font-size:15px;margin-bottom:15px}.tm-content-wrap .wp-block-post-terms{font-size:16px;margin-bottom:20px}.tm-content-wrap .wp-block-query-pagination{padding-top:28px}.tm-content-wrap .wp-block-term-description{margin-bottom:25px}
/* Keep the same structure legible in the visual editor's block wrappers. */
.editor-styles-wrapper .tm-hero>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:.72fr 2.4fr 1fr 1.5fr;gap:12px}.editor-styles-wrapper .tm-theme-grid>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.editor-styles-wrapper .tm-hero .wp-block-column{min-width:0}.editor-styles-wrapper .tm-photo img{max-width:100%}
@media(min-width:1500px){.tm-hero{margin-top:28px!important}.tm-photo img{height:455px}.tm-statement{padding:42px 40px;gap:34px}.tm-statement h1{font-size:68px}.tm-statement p{font-size:38px}.tm-intro{padding-top:46px}.tm-themes{padding-bottom:75px}}
@media(max-width:1100px){.tm-header-inner{padding:18px 28px}.tm-hero{padding:0 18px;gap:10px!important;grid-template-columns:.65fr 2.45fr 1fr 1.45fr}.tm-photo img{height:380px}.tm-statement{padding:28px 26px;gap:22px}.tm-statement h1{font-size:49px}.tm-statement p{font-size:29px;line-height:1.7}.tm-home-content{padding:0 18px;grid-template-columns:.65fr 2.45fr 1fr 1.45fr;column-gap:10px}.tm-theme-grid{gap:24px!important}.tm-theme h3{font-size:23px}.tm-theme-description{font-size:18px;min-height:54px}.tm-story-link{font-size:16px}.tm-footer-inner{padding-left:28px;padding-right:28px}}
@media(max-width:800px){.tm-header-inner{min-height:86px;padding:16px 24px;gap:20px!important;flex-wrap:nowrap!important}.tm-brand{min-width:144px}.tm-wordmark{font-size:29px}.tm-brand-star{font-size:25px}.tm-navigation{width:auto;max-width:none}.tm-navigation .wp-block-navigation__container{font-size:20px}.tm-hero{margin-top:18px!important;padding:0 18px;grid-template-columns:.7fr 1fr 1.35fr;grid-template-areas:'statement statement statement' 'sprout teen mother';gap:10px!important}.tm-statement{padding:34px 30px;min-height:270px;gap:20px}.tm-statement h1{font-size:58px}.tm-statement p{font-size:32px;line-height:1.55}.tm-photo img{height:255px}.tm-home-content{padding:0 28px;display:block}.tm-intro{padding-top:34px}.tm-intro p{font-size:21px;line-height:1.5}.tm-themes{padding:29px 0 44px}.tm-themes>h2{font-size:25px;margin-bottom:27px}.tm-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px!important}.tm-theme h3{font-size:24px}.tm-theme-description{font-size:18px;min-height:54px;margin-top:12px}.tm-swatch{width:24px;height:24px;min-height:24px!important;margin-bottom:14px}.tm-story-link{font-size:16px;margin-top:12px}.tm-footer-inner{padding:23px 28px;gap:16px;font-size:14px}.tm-footer-navigation{font-size:14px}.tm-footer-navigation .wp-block-navigation__container{gap:25px}.tm-content-wrap{padding:40px 25px 50px}}
@media(max-width:430px){.tm-header-inner{padding:16px 20px}.tm-hero{padding:0 14px;gap:8px!important;margin-top:14px!important}.tm-statement{padding:29px 24px;min-height:250px;gap:23px}.tm-statement h1{font-size:48px}.tm-statement p{font-size:27px;line-height:1.6}.tm-photo img{height:205px}.tm-home-content{padding:0 24px}.tm-intro p{font-size:20px}.tm-themes>h2{font-size:23px}.tm-theme-grid{gap:32px 20px!important}.tm-theme h3{font-size:23px}.tm-theme-description{font-size:17px;min-height:77px}.tm-story-link{font-size:15px}.tm-footer-inner{padding:24px;display:block}.tm-footer-navigation{margin-top:15px!important}.tm-swatch{width:22px;height:22px;min-height:22px!important}.tm-themes{padding-bottom:40px}}
@media(max-width:350px){.tm-statement h1{font-size:43px}.tm-statement p{font-size:24px}.tm-statement{padding:28px 20px;min-height:230px}.tm-photo img{height:180px}.tm-theme-grid{grid-template-columns:1fr;gap:30px!important}.tm-theme-description{min-height:0}.tm-theme h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Editor wrapper support; front-end DOM is unchanged. */
.editor-styles-wrapper .tm-hero:has(>.block-editor-inner-blocks),.editor-styles-wrapper .tm-theme-grid:has(>.block-editor-inner-blocks){display:block!important}
.editor-styles-wrapper .tm-home-content:has(>.block-editor-inner-blocks){display:block}
.editor-styles-wrapper .tm-home-content>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:.72fr 2.4fr 1fr 1.5fr;column-gap:12px}
@media(max-width:800px){.editor-styles-wrapper .tm-hero>.block-editor-inner-blocks>.block-editor-block-list__layout{grid-template-columns:.7fr 1fr 1.35fr;grid-template-areas:'statement statement statement' 'sprout teen mother'}.editor-styles-wrapper .tm-home-content>.block-editor-inner-blocks>.block-editor-block-list__layout{display:block}.editor-styles-wrapper .tm-theme-grid>.block-editor-inner-blocks>.block-editor-block-list__layout{grid-template-columns:repeat(2,minmax(0,1fr))}}