/*
Theme Name: Kamarad
Theme URI: https://kamaradband.com/
Description: Thème du groupe de boxe punk Kamarad. Noir et blanc, sans dépendance.
Author: La Kamaraderie
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: kamarad
*/

body{margin:0;background:#000}
a{color:#fff}a:hover{opacity:.75}


.mq-track{display:flex;width:max-content;white-space:nowrap;animation:mq 28s linear infinite}
.mq-track span{padding-right:0}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
@media (max-width:700px){.mq{font-size:20px!important}}

/*MOBILE*/
@media (max-width:700px){
[style*="max(48px"]{padding-left:20px!important;padding-right:20px!important}
section[style*="max(48px"]{padding-top:40px!important;padding-bottom:40px!important}
header[style*="max(48px"]{padding-top:12px!important;padding-bottom:0!important;gap:0!important}
header nav{width:100%;gap:0!important;padding-bottom:6px}
header nav a{padding:10px 9px!important;font-size:12px!important}
header>a{font-size:30px!important}
h1{font-size:clamp(44px,15vw,64px)!important;line-height:.95!important;overflow-wrap:anywhere}
h2{font-size:clamp(34px,10.5vw,44px)!important;line-height:1!important}
[style*="font-size:clamp(56px,9vw,128px)"]{font-size:clamp(40px,13vw,56px)!important}
[style*="font-size:clamp(56px,8vw,112px)"]{font-size:clamp(40px,13vw,56px)!important}
[style*="font-size:clamp(72px"]{font-size:clamp(44px,15vw,64px)!important}
[style*="font-size:96px"],[style*="font-size:72px"],[style*="font-size:64px"]{font-size:clamp(38px,12vw,52px)!important}
[style*="font-size:56px"],[style*="font-size:48px"]{font-size:34px!important}
[style*="font-size:40px"]{font-size:30px!important}
[style*="font-size:22px"]{font-size:18px!important}
footer a[href^="mailto"]{font-size:16px!important;overflow-wrap:anywhere}
footer{padding-top:36px!important;padding-bottom:36px!important;gap:28px!important}
a[style*="padding:20px 34px"],a[style*="padding:18px 30px"]{padding:16px 22px!important}
[style*="padding:28px"]{padding:20px!important}
[style*="padding:40px"],[style*="padding:36px"]{padding:24px!important}
[style*="white-space:nowrap"]{white-space:normal!important;font-size:20px!important;line-height:1.2}
img{max-width:100%}
}
body{margin:0;background:#000}
a{color:#fff}a:hover{opacity:.75}
input::placeholder,textarea::placeholder{color:#8a8a8a}
input:focus,textarea:focus{outline:3px solid #fff;outline-offset:2px}


/*MOBILE*/
@media (max-width:700px){
[style*="max(48px"]{padding-left:20px!important;padding-right:20px!important}
section[style*="max(48px"]{padding-top:40px!important;padding-bottom:40px!important}
header[style*="max(48px"]{padding-top:12px!important;padding-bottom:0!important;gap:0!important}
header nav{width:100%;gap:0!important;padding-bottom:6px}
header nav a{padding:10px 9px!important;font-size:12px!important}
header>a{font-size:30px!important}
h1{font-size:clamp(44px,15vw,64px)!important;line-height:.95!important;overflow-wrap:anywhere}
h2{font-size:clamp(34px,10.5vw,44px)!important;line-height:1!important}
[style*="font-size:clamp(56px,9vw,128px)"]{font-size:clamp(40px,13vw,56px)!important}
[style*="font-size:clamp(56px,8vw,112px)"]{font-size:clamp(40px,13vw,56px)!important}
[style*="font-size:clamp(72px"]{font-size:clamp(44px,15vw,64px)!important}
[style*="font-size:96px"],[style*="font-size:72px"],[style*="font-size:64px"]{font-size:clamp(38px,12vw,52px)!important}
[style*="font-size:56px"],[style*="font-size:48px"]{font-size:34px!important}
[style*="font-size:40px"]{font-size:30px!important}
[style*="font-size:22px"]{font-size:18px!important}
footer a[href^="mailto"]{font-size:16px!important;overflow-wrap:anywhere}
footer{padding-top:36px!important;padding-bottom:36px!important;gap:28px!important}
a[style*="padding:20px 34px"],a[style*="padding:18px 30px"]{padding:16px 22px!important}
[style*="padding:28px"]{padding:20px!important}
[style*="padding:40px"],[style*="padding:36px"]{padding:24px!important}
[style*="white-space:nowrap"]{white-space:normal!important;font-size:20px!important;line-height:1.2}
img{max-width:100%}
}
.kt-toggle{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:15px;padding:16px 32px;border:3px solid #fff;cursor:pointer;border-radius:0;background:#000;color:#fff}
.kt-toggle.on{background:#fff;color:#000}
.booking-only{display:none !important}
.is-booking .booking-only{display:flex !important}
html{background:#000}
img{max-width:100%}

.kamarad-page-content{max-width:820px;font-size:19px;line-height:1.7;color:#e6e6e6}
.kamarad-page-content h2,.kamarad-page-content h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05;color:#fff;margin:1.6em 0 .5em}
.kamarad-page-content h2{font-size:48px}.kamarad-page-content h3{font-size:32px}
.kamarad-page-content a{color:#fff;text-decoration:underline}
.kamarad-page-content img{max-width:100%;height:auto;border:3px solid #fff}
.kamarad-page-content ul,.kamarad-page-content ol{padding-left:1.2em}
@media (max-width:700px){.kamarad-page-content{font-size:17px}.kamarad-page-content h2{font-size:34px}.kamarad-page-content h3{font-size:26px}}

/* Accueil : bloc « Kamarad, groupe de boxe punk » plus design */
.kamarad-home{counter-reset:kh}
.kamarad-home h2{font-size:clamp(56px,8vw,96px)!important;line-height:.95;margin:0 0 28px;color:#fff}
.kamarad-home h2+p{font-size:24px;line-height:1.45;font-weight:600;color:#fff;margin:0 0 40px}
.kamarad-home h3{counter-increment:kh;border-top:3px solid #fff;margin:0;padding:22px 0 8px;font-size:32px!important;line-height:1.05;color:#fff}
.kamarad-home h3::before{content:"Track " counter(kh);display:block;margin-bottom:8px;font-size:26px;letter-spacing:.06em;line-height:1;color:transparent;-webkit-text-stroke:1px #fff}
.kamarad-home h3+p{margin:0;padding:0 0 26px}
.kamarad-home>*:last-child{border-bottom:3px solid #fff}
@media (max-width:700px){.kamarad-home h2+p{font-size:19px}.kamarad-home h3{font-size:24px!important}.kamarad-home h3::before{font-size:22px}}