/*
Theme Name: Trail delle Macine
Description: Tema su misura per il Trail delle Macine della Valmeriana — Memorial Paolo Diemoz. Fotografie autentiche, identità Pontey, layout responsive.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trail-delle-macine
*/
@font-face{font-family:Barlow;src:url(assets/Barlow-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url(assets/BarlowCondensed-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--ink:#101813;--paper:#f5f3ec;--green:#087d46;--lime:#29d28c;--orange:#ff792d;--aqua:#87e4db;--line:rgba(16,24,19,.18);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:6px}h1,h2,h3,.display,.brand{font-family:BarlowCondensed,'Arial Narrow',sans-serif;font-weight:700;line-height:.95;margin:0;text-transform:uppercase}h2{font-size:clamp(44px,5.3vw,80px)}h3{font-size:34px}p{margin:0 0 1.2em}.wrap{width:min(var(--max),calc(100% - 112px));margin:auto}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:10px}.site-header{background:var(--ink);color:var(--paper);position:relative;z-index:20;border-bottom:1px solid #ffffff20}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;display:block;font-size:31px;letter-spacing:.015em;white-space:nowrap}.brand small{font:10px/1.5 Barlow,sans-serif;display:block;letter-spacing:.32em;margin-top:9px}.custom-logo{max-height:65px;width:auto}.nav ul{display:flex;gap:28px;align-items:center;list-style:none;padding:0;margin:0}.nav a{font-size:15px;text-decoration:none}.nav a:hover{color:var(--aqua)}.nav .sub-menu{display:block;padding-left:16px}.nav li{position:relative}.nav ul ul{position:absolute;min-width:190px;background:var(--ink);padding:20px;display:none}.nav li:hover>ul,.nav li:focus-within>ul{display:block}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff70;color:white;padding:8px 14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);color:var(--ink);text-decoration:none;font-weight:bold;font-size:16px;padding:17px 25px;border:0;line-height:1.2;transition:background .2s,transform .2s}.button:hover{background:#ff954f;transform:translateY(-2px)}.button.light{background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.hero{min-height:690px;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:var(--ink)}.hero-image{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center 44%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101813 2%,#101813f5 25%,#1018139c 53%,#10181310 78%),linear-gradient(0deg,#10181370,transparent 30%);z-index:-2}.hero-content{padding-top:70px;padding-bottom:88px}.hero .eyebrow{color:var(--aqua);margin-bottom:24px}.hero h1{font-size:clamp(68px,7.8vw,119px);letter-spacing:-.02em;max-width:890px}.hero h1 span{display:block;color:var(--lime)}.hero .memorial{font-size:20px;letter-spacing:.025em;margin-top:24px}.hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-status{font-size:13px;display:flex;gap:12px;align-items:center;margin-top:49px}.hero-status:before{content:'';width:26px;height:1px;background:var(--aqua)}.photo-note{position:absolute;right:24px;bottom:15px;font-size:11px;color:white;background:#10181399;padding:3px 8px}.manifesto{background:var(--green);color:white;padding:29px 0}.manifesto .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.manifesto strong{font:700 clamp(25px,3.2vw,47px)/1 BarlowCondensed,sans-serif;letter-spacing:.055em}.manifesto small{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head p{max-width:340px;font-size:16px;margin:0}.section-head .eyebrow{margin-bottom:15px;color:var(--green)}.routes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.route{position:relative;background:var(--ink);color:white;min-height:490px;overflow:hidden}.route img{width:100%;height:490px;object-fit:cover;object-position:center 38%;transition:transform .5s}.route:hover img{transform:scale(1.03)}.route:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08160ff2,transparent 70%);pointer-events:none}.route-content{position:absolute;inset:auto 30px 28px;z-index:1}.route h3{font-size:64px;margin:12px 0}.route .eyebrow{color:var(--aqua)}.route-link{position:absolute;inset:0;z-index:2}.route-link:focus-visible{outline-offset:-8px}.route-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff50;padding-top:18px;font-size:15px}.route-arrow{font-size:28px}.archive-note{font-size:13px;margin-top:22px;max-width:850px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.story-photo{position:relative;min-height:570px}.story-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% center}.story-copy{padding:72px clamp(30px,5vw,90px);position:relative}.story-copy .eyebrow{color:var(--aqua);margin-bottom:25px}.story-copy h2 span{color:var(--lime)}.story-copy p{max-width:460px;margin-top:28px;color:#d3dbd5}.story-copy .text-link{color:var(--aqua);font-size:15px}.photo-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:22px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:330px;object-fit:cover}.photo-grid figure:last-child img{object-position:center 24%}.photo-grid figcaption{font-size:13px;margin-top:10px}.photo-credits{font-size:13px;color:#526057;margin-top:24px;max-width:900px}.info-section{border-top:1px solid var(--line)}.info-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.info-intro p{margin-top:25px;max-width:400px}.info-intro .eyebrow{color:var(--green);margin-bottom:20px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:21px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:26px;color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:16px;margin:18px 25px 0 0}.updates{background:#eae9df}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card{border-top:2px solid var(--ink);padding-top:20px}.post-card time{font-size:12px;letter-spacing:.08em}.post-card h3{font-size:34px;line-height:1.07;margin:18px 0}.post-card h3 a{text-decoration:none}.post-card h3 a:hover{color:var(--green)}.post-card p{font-size:16px}.post-card .text-link{font-size:14px}.cta{padding:55px 0;background:var(--green);color:white}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(38px,4vw,58px)}.site-footer{background:var(--ink);color:#c4cfc7;padding:55px 0 25px;font-size:14px}.footer-top{display:flex;justify-content:space-between;gap:45px;padding-bottom:40px}.footer-top .brand{color:white;margin-bottom:17px}.footer-top p{max-width:330px}.footer-links{display:flex;gap:22px;align-items:start;flex-wrap:wrap}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.entry-header{background:var(--ink);color:white;padding:65px 0}.entry-header h1{font-size:clamp(48px,7vw,94px);max-width:1050px;overflow-wrap:anywhere}.entry-header .eyebrow{color:var(--aqua);margin-bottom:20px}.entry{max-width:900px;margin:auto;padding:60px 25px;overflow-wrap:anywhere}.entry h2{font-size:42px;margin:35px 0 20px}.entry h3{margin:30px 0 15px}.entry a{color:#076637}.entry figure{max-width:100%}.entry iframe{max-width:100%}.entry table{border-collapse:collapse;width:100%}.entry td,.entry th{padding:12px;border:1px solid var(--line)}.entry input:not([type=checkbox]),.entry textarea,.search-field{max-width:100%;padding:13px;border:1px solid #647268;background:white}.entry textarea{width:100%}.entry .submit,.search-submit{background:var(--orange);border:0;padding:14px 22px;cursor:pointer}.search-form{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagination{margin-top:40px}.page-numbers{display:inline-block;padding:8px 15px}.page-numbers.current{background:var(--green);color:white}.alignwide{max-width:1200px}.wp-caption-text{font-size:14px}.sticky{border-top-color:var(--green)}.bypostauthor{border-left:2px solid var(--green)}.gallery-caption{font-size:14px}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.aligncenter{margin-inline:auto}.wp-block-image img{height:auto}.comment-list{padding-left:20px}.entry:after{content:'';display:block;clear:both}
@media(min-width:1600px){.hero{min-height:760px}.hero-content{padding-top:95px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav ul{gap:18px}.header-cta{display:none}.hero h1{font-size:90px}.hero-image{width:70%}.hero{min-height:650px}.info-grid{gap:40px}.story-copy{padding:50px 30px}.story h2{font-size:58px}.brand{font-size:27px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:83px;flex-wrap:wrap;gap:0}.brand{font-size:26px}.brand small{font-size:8px}.menu-toggle{display:block}.nav{width:100%;padding:24px 0}.js .nav{display:none}.js .nav.open{display:block}.nav ul{align-items:stretch;flex-direction:column;gap:18px}.nav ul ul{position:static;display:block;padding:12px}.hero{min-height:740px}.hero-image{width:100%;height:100%;object-position:59% center}.hero:before{background:linear-gradient(90deg,#101813d9,#10181315),linear-gradient(0deg,#101813fa 0%,#10181375 46%,#10181325 100%)}.hero-content{padding-top:160px;padding-bottom:75px}.hero h1{font-size:clamp(56px,12.5vw,91px);max-width:600px}.hero .eyebrow{font-size:10px;max-width:280px;line-height:1.7}.hero .memorial{font-size:17px}.hero-actions{gap:22px;align-items:start}.hero-actions .text-link{font-size:14px}.hero-status{margin-top:32px;font-size:12px;max-width:290px}.photo-note{right:12px;font-size:9px}.manifesto{padding:23px 0}.manifesto .wrap{display:block}.manifesto strong{font-size:28px;letter-spacing:.02em}.manifesto small{display:block;margin-top:12px;font-size:10px}.section{padding:58px 0}.section-head{display:block}.section-head h2{margin-bottom:22px}.section-head p{max-width:100%}.routes{grid-template-columns:1fr;gap:20px}.route,.route img{min-height:440px;height:440px}.route-content{inset:auto 23px 23px}.route h3{font-size:56px}.story{grid-template-columns:1fr}.story-photo{min-height:340px}.story-copy{padding:45px 24px}.story h2{font-size:58px}.photo-grid{grid-template-columns:1fr 1fr;gap:15px}.photo-grid figure:first-child{grid-column:1/-1}.photo-grid img{height:250px}.photo-grid figure:first-child img{height:240px}.info-grid{grid-template-columns:1fr;gap:30px}.post-grid{grid-template-columns:1fr;gap:36px}.cta .wrap,.footer-top,.footer-bottom{flex-direction:column;align-items:start}.footer-links{gap:18px}.site-footer{padding-top:40px}.section-head .text-link{margin-top:20px}.entry-header{padding:45px 0}.entry{padding:35px 20px}.entry h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}