/*
Theme Name: Mission Guérison
Description: Thème éditorial reprenant la bannière, le menu et les couleurs historiques de Mission Guérison.
Version: 1.0.1
Requires PHP: 7.4
Text Domain: mission-guerison
*/
:root{--ink:#272727;--green:#087400;--paper:#f7f7f7;--line:#dedede}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.7 Georgia,serif}
a{color:var(--green);text-underline-offset:.15em}
a:hover{color:#064e00}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
img{max-width:100%;height:auto}
iframe,video,embed{max-width:100%}
h1,h2,h3{line-height:1.2;font-weight:500}
h1{font-size:clamp(2rem,5vw,3rem)}
h2{font-size:clamp(1.5rem,3vw,2rem)}
.mg-wrap{width:min(72rem,calc(100% - 2rem));margin-inline:auto}
.mg-skip{position:absolute;top:0;left:1rem;transform:translateY(-120%);z-index:5;background:white;padding:.5rem}
.mg-skip:focus{transform:none}
.mg-hero{position:relative;min-height:clamp(12rem,35vw,31.25rem);display:grid;place-items:center;overflow:hidden;background:#fff}
.mg-cover{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
.mg-brand{position:relative;text-align:center;padding:1rem;display:block;max-width:min(34rem,90%);color:#222}
.mg-brand img{display:block}
.mg-nav{background:white;border-bottom:5px solid #181818;font:600 .92rem/1.4 system-ui,sans-serif}
.mg-nav ul{list-style:none;padding:0;margin:0}
.mg-nav .mg-menu{display:flex;justify-content:center;flex-wrap:wrap}
.mg-nav li{position:relative}
.mg-nav a{display:block;padding:1rem;color:#222;text-decoration:none}
.mg-nav li:hover>a,.mg-nav a:focus-visible,.mg-nav .current-menu-item>a{color:var(--green)}
.mg-nav .sub-menu{display:none;position:absolute;min-width:16rem;max-width:min(25rem,90vw);z-index:3;background:white;border:1px solid var(--line);box-shadow:0 .35rem 1rem #0002}
.mg-nav .sub-menu a{padding:.55rem .85rem}
.mg-nav li:hover>.sub-menu,.mg-nav li:focus-within>.sub-menu{display:block}
.mg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,17rem);gap:1.5rem;align-items:start;padding-block:2rem}
.mg-panel,.mg-card,.mg-widget{background:#fff;border:1px solid var(--line);padding:clamp(1rem,3vw,2rem)}
.mg-card{padding:1rem}
.mg-card h2,.mg-widget h2,.mg-panel h1{margin-top:0}
.mg-card img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:.6rem}
.mg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mg-meta{color:#555;font-size:.9rem}
.mg-widget{margin-bottom:1rem;padding:1rem}
.mg-widget h2{border-bottom:2px solid var(--green);padding-bottom:.45rem;font-size:1.2rem}
.mg-widget ul{padding-left:1.25rem}
.mg-content{overflow-wrap:anywhere}
.mg-content .aligncenter{display:block;margin-inline:auto}
.mg-content .alignleft{float:left;margin:0 1rem 1rem 0}
.mg-content .alignright{float:right;margin:0 0 1rem 1rem}
.mg-content::after{content:"";display:block;clear:both}
.mg-content figure{max-width:100%;margin-inline:0}
.mg-pagination{margin-top:1rem}
.mg-footer{border-top:3px solid #222;padding:1.5rem 0;background:#fff}
input,textarea{max-width:100%;font:inherit}
@media(max-width:760px){.mg-layout{grid-template-columns:1fr}.mg-nav .mg-menu{justify-content:flex-start}.mg-nav a{padding:.6rem}.mg-nav .sub-menu{position:relative;box-shadow:none}.mg-nav .mg-menu>li{width:100%}.mg-hero{min-height:13rem}}
@media(max-width:480px){.mg-grid{grid-template-columns:1fr}}