/*
Theme Name: Mi Metto in Dieta — Child
Theme URI: https://mimettoindieta.it/
Description: Tema child GeneratePress per il diario semiserio Mi Metto in Dieta.
Author: Mi Metto in Dieta
Template: generatepress
Version: 1.1.0
Text Domain: mimettoindieta-child
*/
:root { --mid-purple:#94547d; --mid-ink:#453744; --mid-paper:#fffaf7; }
body { background:#fff7f3; color:var(--mid-ink); }
a { color:#934b79; }
a:hover { color:#6e3158; }
.site-header { background-color:#ffe9df; background-image:url('assets/header.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.site-header .inside-header { min-height:0; height:clamp(240px,17.5vw,360px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 15%; box-sizing:border-box; text-align:center; }
.site-branding { background:rgba(255,247,243,.83); border-radius:18px; padding:14px 24px; box-shadow:0 3px 18px rgba(76,42,65,.07); width:max-content; max-width:100%; }
.main-title { font-size:clamp(27px,3.0vw,48px); white-space:nowrap; font-weight:800; line-height:1.12; letter-spacing:-.035em; }
.main-title a, .main-title a:hover { color:#713e65; }
.site-description { font-size:16px; color:#624f61; margin-top:8px; }
.main-navigation, .main-navigation ul ul { background:#93547e; }
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items { color:#fff; }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a { background:#713a63; color:#fff; }
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .widget-area .widget { background:var(--mid-paper); border-radius:12px; }
.entry-title, .entry-title a { color:#764669; }
.entry-title a:hover { color:#a05c86; }
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link { background:#93547e; color:white; border-radius:7px; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover { background:#713a63; }
.site-info { background:#745269; color:white; }
.site-info a { color:white; }
 }
@media (max-width:900px){ .site-header .inside-header { height:clamp(190px,21vw,260px); padding:12px 12%; } .main-title{font-size:clamp(21px,3.5vw,33px)} .site-description{font-size:13px} } .main-title{font-size:clamp(23px,3.5vw,33px)} .site-description{font-size:13px} }
@media (max-width:600px){
 .site-header { background-image:none; }
 .site-header:before { content:""; display:block; width:100%; aspect-ratio:3/1; background:url('assets/header.png') center/cover no-repeat; }
 .site-header .inside-header { height:auto; min-height:0; padding:14px 12px 16px; background:#ffe9df; }
 .site-branding { box-shadow:none; background:transparent; padding:0 5px; width:auto; }
 .main-title { font-size:clamp(25px,7vw,32px); white-space:normal; }
 .site-description { font-size:14px; }
}