/*
Theme Name: 26FK
Theme URI: https://26fk.fr
Author: JOLIVET Emma
Description: Thème sur-mesure pour l'association 26FK. Developped from scratch.
Version: 1.0
*/
@font-face{font-family:'Super Modern';src:url('assets/fonts/Super Modern black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Yanone Kaffeesatz';src:url('assets/fonts/YanoneKaffeesatz-Variable-Latin.woff2') format('woff2-variations'),url('assets/fonts/YanoneKaffeesatz-Variable-LatinExt.woff2') format('woff2-variations');font-weight:200 700;font-style:normal;font-display:swap}:root{--color-blue:#0721D6;--color-pink:#FF55B6;--color-orange:#FF5E00;--color-yellow:#FDFC1D;--color-cyan:#21EBFF;--color-purple:#8E48FE;--color-light-blue:#E1E5FF;--color-light-orange:#FFE7D7;--color-white:#ffffff;--color-black:#000000;--font-title:'Super Modern',cursive,sans-serif;--font-text:'Yanone Kaffeesatz',sans-serif;--spacing-xs:0.625rem;--spacing-sm:1.25rem;--spacing-md:2.5rem;--spacing-lg:3.125rem;--section-max-width:88rem;--section-margin:1.5rem auto;--section-padding-y:4rem;--section-padding-x:8rem;--section-padding:var(--section-padding-y) var(--section-padding-x);--page-top-padding:1.5rem;--font-size-title-xl:4rem;--font-size-title-lg:2.5rem;--font-size-title-md:2.2rem;--font-size-title-sm:2rem;--border-radius:0.75rem}body{background-color:var(--color-light-blue);color:var(--color-blue);font-family:var(--font-text);margin:0;padding:0}h1,h2,.heading-font{font-size:var(--font-size-title-sm);font-family:var(--font-title);color:var(--color-blue);text-transform:uppercase;text-decoration:none}h3{font-family:var(--font-text);font-size:var(--font-size-title-sm);font-weight:bold;text-transform:uppercase;text-decoration:none;color:var(--color-blue)}.mobile-only-menu-item{display:none}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:block;padding:0.75rem 1.5rem;font-family:var(--font-text);font-weight:bold;font-size:1.5rem;text-decoration:none;border-radius:0.375rem;cursor:pointer;transition:all 0.3s ease;text-align:center}.btn-1{background-color:transparent;color:var(--color-blue);border:0.125rem solid var(--color-blue)}.btn-1:hover{background-color:var(--color-blue);color:var(--color-white)}.btn-2{background-color:var(--color-blue);color:var(--color-white);border:0.125rem solid var(--color-blue)}.btn-2:hover{background-color:transparent;color:var(--color-blue)}section{text-align:center;max-width:var(--section-max-width);margin:var(--section-margin);padding:var(--section-padding)}header{padding:var(--spacing-xs) var(--spacing-sm)}header.header-pinned{position:fixed;top:0;left:0;width:100%;z-index:1002;background-color:rgba(225,229,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(7,33,214,0.08);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),background-color 0.3s ease,box-shadow 0.3s ease,padding 0.3s ease;padding:0.5rem var(--spacing-sm)}header.header-pinned.header-hidden{transform:translateY(-100%)}header nav{font-size:1.4rem;display:flex;align-items:center;justify-content:center;ul{display:flex;list-style:none;align-items:center;gap:var(--spacing-md);list-style:none}.logo{svg{width:var(--spacing-lg);height:var(--spacing-lg)}}a{color:var(--color-blue);text-decoration:none}}.site-footer{background-color:var(--color-orange);color:var(--color-white);padding:var(--spacing-md) var(--spacing-sm);font-family:var(--font-text);font-size:1.2rem}.footer-container{max-width:var(--section-max-width);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--spacing-lg);align-items:start}.footer-copyright{text-align:center;margin-top:3rem;font-size:1.3rem;color:var(--color-white);font-family:var(--font-text)}.footer-column{display:flex;flex-direction:column;gap:1.25rem}.footer-brand{align-items:center;text-align:center;align-self:center}.footer-logo{display:inline-block;transition:transform 0.3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-logo svg{max-width:100%;height:auto}.footer-tagline{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:normal;line-height:1.4;color:var(--color-white);max-width:20rem}.footer-socials{display:flex;gap:1rem;justify-content:center;margin-top:0.5rem}.social-icon{display:inline-block;transition:transform 0.3s ease,opacity 0.3s ease}.social-icon:hover{transform:translateY(-3px) scale(1.08);opacity:0.9}.social-icon svg{display:block}.title-footer{font-family:var(--font-text);font-weight:bold;font-size:1.6rem;color:var(--color-white);margin:0 0 0.5rem 0;text-transform:uppercase;letter-spacing:normal}.footer-links,.footer-contact-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.footer-links a,.footer-contact-details a{color:var(--color-white);text-decoration:none;transition:opacity 0.3s ease}.footer-links a:hover,.footer-contact-details a:hover{opacity:0.8}.footer-contact-details li{line-height:1.4}@media (max-width:960px){:root{--section-padding-y:2rem;--section-padding-x:1.25rem;--section-padding:var(--section-padding-y) var(--section-padding-x);--section-margin:1.5rem auto;--page-top-padding:1.5rem}h1,h2,.heading-font{font-size:1.8rem}h3{font-size:1.4rem}.btn{font-size:1.25rem !important;padding:0.6rem 1.2rem !important}.footer-container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.footer-brand{align-items:center}.footer-links,.footer-contact-details{align-items:center}.title-footer{margin-bottom:0.25rem}}.agenda-card.horizontal-card{display:flex;flex-direction:row;background-color:var(--color-white);border:0.25rem solid var(--color-blue);border-radius:var(--spacing-xs);overflow:hidden;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;min-height:12rem;box-shadow:none}.agenda-card.horizontal-card:hover{transform:translateY(-0.35rem);box-shadow:0.5rem 0.5rem 0 var(--color-pink) !important}.agenda-card.horizontal-card .card-date-sidebar{background-color:var(--color-blue);color:var(--color-white);display:flex;align-items:center;justify-content:center;min-width:4.5rem;box-sizing:border-box;border-right:0.25rem solid var(--color-blue);position:relative}.agenda-card.horizontal-card .card-date-sidebar span{font-family:var(--font-text);font-size:2.2rem;font-weight:bold;text-transform:uppercase;white-space:nowrap;position:absolute;transform:rotate(-90deg);text-align:center;letter-spacing:normal}.agenda-card.horizontal-card .card-content-wrap{display:flex;flex:1;padding:var(--spacing-sm);gap:var(--spacing-sm);min-width:0}.agenda-card.horizontal-card .card-content-left{flex:1.2;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.agenda-card.horizontal-card .card-title{margin:0;font-size:1.8rem;font-family:var(--font-text);font-weight:bold;color:var(--color-blue);text-transform:uppercase;line-height:1.1}.agenda-card.horizontal-card .card-image-container{width:100%;flex:1;min-height:8rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0.25rem}.agenda-card.horizontal-card .card-image{width:100%;height:100%;object-fit:contain}.agenda-card.horizontal-card .card-content-right{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:flex-start;min-width:0}.agenda-card.horizontal-card .card-time,.agenda-card.horizontal-card .card-price{margin:0;font-size:1.5rem;text-transform:uppercase;color:var(--color-blue)}.agenda-card.horizontal-card .card-venue{margin:0;font-size:2rem;font-weight:bold;text-transform:uppercase;color:var(--color-blue);opacity:0.9}.agenda-card.horizontal-card .card-recurrent-label{margin:0;font-size:1rem;text-transform:uppercase;color:var(--color-blue)}.agenda-card.horizontal-card .card-excerpt{margin:var(--spacing-xs) 0 0 0;font-size:1.1rem;line-height:1.3;color:var(--color-blue);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.menu-toggle{display:none}@media (max-width:960px){body.menu-open{overflow:hidden}header nav{display:flex;justify-content:center;align-items:center;position:relative;height:60px;box-sizing:border-box}header nav .logo{position:relative;z-index:1001}.menu-toggle{display:block;position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);z-index:1001;background:none;border:none;cursor:pointer;width:30px;height:22px;padding:0}.menu-toggle span{display:block;width:100%;height:3px;background-color:var(--color-blue);position:absolute;left:0;transition:transform 0.3s ease,opacity 0.3s ease,top 0.3s ease;border-radius:2px}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:9px}.menu-toggle span:nth-child(3){top:18px}.menu-open .menu-toggle span:nth-child(1){top:9px;transform:rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){top:9px;transform:rotate(-45deg)}.menu-principal-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-light-blue);z-index:1000;padding:8rem var(--spacing-sm) 4rem var(--spacing-sm);box-sizing:border-box;overflow-y:auto}.menu-open .menu-principal-wrapper{display:block}.menu-principal-wrapper ul{display:flex;flex-direction:column;align-items:stretch;gap:2.5rem;padding:0;margin:4rem auto 0 auto;max-width:none;width:100%}.menu-principal-wrapper ul li{width:100%;border-bottom:2px solid var(--color-blue);padding-bottom:0.75rem;list-style:none;text-align:left}.menu-principal-wrapper ul li a{font-family:var(--font-text);font-size:2.4rem;font-weight:bold;text-transform:uppercase;color:var(--color-blue);display:block;text-decoration:none;transition:color 0.2s ease}.menu-principal-wrapper ul li a:hover{color:var(--color-pink)}.mobile-only-menu-item{display:block}}