/*
Theme Name: Cours de chant Montréal — Avec Panache
Version: 1.0.0
Description: Violet et lavande, dans la famille Panache. Pages, contenus et référencement WordPress conservés.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--violet:#8052bd;--lavender:#f2ecf8;--pink:#e46ec9;--ink:#251b31;--line:#251b3130;--paper:#fffaf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--ink);background:var(--lavender);font:17px/1.75 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,summary,a{outline-offset:6px}button{font:inherit}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0 0 26px}h1{font-size:clamp(54px,6vw,100px)}h2{font-size:clamp(34px,4vw,60px)}h3{font-size:30px}p{margin:0 0 26px}em{font-family:'Instrument Serif',serif;font-weight:400}figure{margin:0}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.17em;line-height:1.6}.arrow{display:inline-block;width:24px;height:24px;vertical-align:middle;flex-shrink:0}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 5%;background:var(--lavender);border-bottom:1px solid var(--line)}.brand{font:21px/1.2 Manrope,sans-serif;letter-spacing:-.04em;flex-shrink:0}.brand small{display:block;font:9px/1.5 'DM Sans',sans-serif;letter-spacing:.16em;margin-top:8px}nav{display:flex;align-items:center;gap:24px;font-size:12px}nav summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.mega{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;padding:44px 6%;color:var(--lavender);background:var(--ink);box-shadow:0 25px 35px #0002}.mega h2{font-size:42px;margin-top:24px}.mega small{font-size:10px;letter-spacing:.15em}.mega a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #fff4;padding:18px 0;font-size:15px}.mega a:hover{color:var(--pink)}.social-links{display:flex;gap:12px;align-items:center;flex-shrink:0}.social-links a{padding:4px;border:0}.social-links img{width:22px;height:22px;object-fit:contain}.mobile{display:none}.trial-nav{border-bottom:1px solid currentColor;padding:6px 0}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;padding:70px 6% 75px;align-items:center;background:var(--violet);color:white}.hero h1{font-size:clamp(60px,7.4vw,116px);line-height:.97;margin:32px 0;letter-spacing:-.065em}.hero h1 em{color:var(--lavender);font-size:1.08em;line-height:1.03}.hero p{font-size:20px;line-height:1.6;max-width:540px}.hero figure{max-width:450px;justify-self:end;width:100%}.hero img{width:100%;height:560px;object-fit:contain;object-position:center}.hero figcaption{padding-top:16px;border-top:1px solid #fff5;margin-top:20px;font-size:15px}.hero figcaption span{font-size:12px;opacity:.85}.note{display:block;font-size:12px;margin-top:17px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--ink);color:white;border-radius:40px;padding:19px 26px;font-size:14px}.hero .button{background:var(--lavender);color:var(--ink)}.button:hover{opacity:.88}.cards{padding:65px 6% 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cards>.eyebrow{grid-column:1/-1;margin-bottom:10px}.card{border-top:1px solid var(--line);position:relative;padding:26px 0 65px;min-height:265px}.card small{font-size:10px;letter-spacing:.15em}.card h2{font-size:clamp(35px,3.2vw,49px);margin:36px 0 0}.card>.arrow{position:absolute;bottom:14px;right:10px;width:36px;height:36px}.card:hover h2{color:var(--violet)}.home-story{border-top:1px solid var(--line);background:var(--paper)}.editorial{max-width:1180px;padding:65px 6% 85px;margin:auto;overflow-wrap:anywhere}.editorial p{max-width:900px}.editorial h2{margin-top:45px;color:var(--violet)}.editorial h3{margin-top:36px}.editorial a:not(.button):not(.article-card){text-decoration:underline;text-underline-offset:5px}.editorial ul{padding-left:24px;max-width:900px}.home-story h3{font-size:clamp(30px,3.3vw,46px);max-width:900px;line-height:1.18}.location{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 6%;background:var(--lavender)}.location h2{margin-top:26px}.location iframe{width:100%;height:380px;border:0}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:15px;padding-bottom:8px;border-bottom:1px solid var(--line)}.pagetop{padding:70px 6% 65px;background:var(--violet);color:white}.pagetop h1{margin-top:30px;max-width:1150px}.pagetop p{max-width:680px;font-size:19px}.pagetop .button{margin-top:8px;background:var(--lavender);color:var(--ink)}.original-content{background:var(--paper);max-width:none;padding-left:max(6%,calc((100vw - 1150px)/2));padding-right:max(6%,calc((100vw - 1150px)/2))}.original-content .elementor{color:var(--ink)}.original-content .elementor .elementor-element{background-color:transparent!important}.original-content .elementor .elementor-widget-text-editor,.original-content .elementor p,.original-content .elementor li{font-family:'DM Sans',sans-serif!important;font-size:17px!important;line-height:1.8!important;color:var(--ink)!important}.original-content .elementor h2,.original-content .elementor h3,.original-content .elementor h4,.original-content .elementor .elementor-heading-title{font-family:Manrope,sans-serif!important;letter-spacing:-.04em!important;font-weight:400!important;line-height:1.2!important;color:var(--violet)!important}.original-content .elementor h2{font-size:clamp(30px,3.5vw,45px)!important}.original-content .elementor h3{font-size:28px!important}.original-content .elementor h4{font-size:24px!important}.original-content .elementor-shape{display:none}.original-content .elementor img{max-width:100%;height:auto;max-height:620px;object-fit:contain}.original-content .elementor .e-con-inner{max-width:100%;padding-left:0;padding-right:0}.original-content img{max-height:650px;width:auto;object-fit:contain;margin:26px 0}.original-content iframe{max-width:100%;border:0}.article-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0;border-bottom:1px solid var(--line)}.article-card h2{margin:14px 0 0;font-size:35px;line-height:1.2}.article-card .arrow{width:32px;height:32px}.calendar-section,.registration{padding:60px 6%;background:var(--paper);scroll-margin-top:120px}.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}.calendar-grid h2{font-size:30px;margin-bottom:20px}.calendar-grid iframe{display:block;width:100%;height:780px;border:0;margin-top:24px;background:#fff}.registration{border-top:1px solid var(--line)}.registration h2{margin-top:24px}.wpcf7 form{max-width:760px}.wpcf7 input:not([type=hidden]):not([type=checkbox]),.wpcf7 textarea{width:100%;display:block;border:1px solid var(--line);background:transparent;padding:14px;font:inherit;color:var(--ink);border-radius:2px;max-width:100%;margin-top:8px}.wpcf7 input[type=submit]{width:auto!important;border-radius:30px!important;background:var(--violet)!important;color:white!important;padding:15px 28px!important;cursor:pointer}.hidden-fields-container{display:none}.article-photo{margin:0 0 40px}.article-photo img{width:100%;height:480px;max-height:none;object-fit:cover;object-position:50% 60%;margin:0}.article-photo figcaption{font-size:12px;margin-top:10px;opacity:.75}footer{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;padding:70px 6% 30px;background:var(--ink);color:var(--lavender)}footer h2{font-size:clamp(36px,4vw,56px);margin-top:24px}footer em{color:var(--pink)}footer p{font-size:15px;max-width:520px}.family-links{align-self:center}.family-links a{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 0;border-bottom:1px solid #fff3;font-size:15px}footer>small{grid-column:1/-1;border-top:1px solid #fff3;padding-top:25px;font-size:11px}footer>small a{display:inline-flex;gap:15px;margin-left:15px}footer>small .arrow{width:14px;height:14px}.panache-mark{display:block;width:72px;margin-bottom:30px}.panache-mark img{width:72px;height:72px;object-fit:contain}.skip{position:fixed;top:-100px;padding:15px;background:white;z-index:90}.skip:focus{top:0}.editorial table{max-width:100%;border-collapse:collapse}.editorial td,.editorial th{padding:12px;border-bottom:1px solid var(--line)}
@media(max-width:1300px){.site-header{display:grid;grid-template-columns:1fr auto;gap:22px}nav{grid-row:2;grid-column:1/-1;justify-content:space-between}.social-links{grid-row:1;grid-column:2}.hero h1{font-size:clamp(60px,8vw,98px)}.hero img{height:520px}}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;padding:18px 6%;gap:17px}.brand{font-size:18px}.brand small{font-size:8px}.mobile{display:block;grid-row:1;grid-column:3;font-size:12px;background:none;border:1px solid var(--line);border-radius:30px;padding:10px 14px}.social-links{grid-column:2;gap:7px}.social-links img{width:20px;height:20px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 6%;background:var(--lavender);max-height:calc(100dvh - 80px);overflow:auto}nav.open{display:block}nav>a,nav summary{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.mega{position:static;display:block;padding:20px;box-shadow:none}.mega>div:first-child{display:none}.mega a{font-size:14px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 6% 50px}.hero h1{font-size:clamp(55px,12vw,80px);margin:25px 0}.hero p{font-size:18px}.hero figure{justify-self:center;max-width:420px}.hero img{height:auto;max-height:560px;object-fit:contain}.cards{grid-template-columns:1fr;gap:18px;padding:42px 6% 55px}.card{min-height:200px}.card h2{font-size:42px;margin-top:26px}.editorial{padding:40px 6% 55px}.location{grid-template-columns:1fr;gap:30px;padding:45px 6%}.location iframe{height:330px}.pagetop{padding:45px 6%}.pagetop h1{font-size:48px}.calendar-grid{grid-template-columns:1fr;gap:45px}.calendar-grid iframe{height:800px}.calendar-section,.registration{padding:40px 6%}.article-card h2{font-size:28px}.article-photo img{height:380px}footer{grid-template-columns:1fr;gap:30px;padding:50px 6% 25px}footer h2{font-size:42px}.original-content .elementor .e-con{max-width:100%;--width:100%;flex-wrap:wrap}.original-content .elementor .e-con-inner{flex-wrap:wrap}.original-content .elementor .e-con-child{width:100%!important}.original-content .elementor img{margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}