.wrapper>.content .wp-block-charmille-institutions{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.wrapper>.content .wp-block-charmille-institutions{flex-direction:row}}.wrapper>.content .wp-block-charmille-institutions>.title{display:flex;width:100%;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgb(0 93 93 / .2) var(--tw-gradient-to-position);padding:2rem}@media (min-width: 768px){.wrapper>.content .wp-block-charmille-institutions>.title{width:25%}}.wrapper>.content .wp-block-charmille-institutions>.title h2{position:relative;font-family:Catamaran, sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(6 10 15 / var(--tw-text-opacity))}.wrapper>.content .wp-block-charmille-institutions>.title h2 svg{position:absolute;right:2rem;height:4rem;fill:#060a0f}.wrapper>.content .wp-block-charmille-institutions>.title form{margin-bottom:2rem;margin-top:auto;display:flex;width:100%;flex-direction:column;gap:1rem;padding-left:0.5rem;padding-right:0.5rem}.wrapper>.content .wp-block-charmille-institutions>.title form .search-filter label{margin-bottom:0.25rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.wrapper>.content .wp-block-charmille-institutions>.title form .search-filter select{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--charmille-theme-color);width:100%}.wrapper>.content .wp-block-charmille-institutions>.title form [type=submit]{margin-top:1rem;display:flex;height:3rem;width:100%;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content{width:100%}@media (min-width: 768px){.wrapper>.content .wp-block-charmille-institutions>.content{width:75%}}.wrapper>.content .wp-block-charmille-institutions>.content .institutions{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:1.5rem}@media (min-width: 768px){.wrapper>.content .wp-block-charmille-institutions>.content .institutions{flex-wrap:nowrap}}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution{position:relative;height:32rem;width:calc(50% - 1.5rem);overflow:hidden;border-radius:1rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}@media (min-width: 768px){.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution{width:20%}}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution img{position:absolute;z-index:-1;height:100%;width:100%;object-fit:cover;object-position:center}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution .title{display:flex;height:100%;width:100%;align-items:flex-end;padding:2rem;font-family:Catamaran, sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution .title span{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;text-orientation:sideways;writing-mode:vertical-lr}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution .title::before{position:absolute;inset:0px;z-index:-1;border-bottom-width:8px;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(6 10 15 / .75) var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 10 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-content:"";content:var(--tw-content)}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution:hover{width:40%;flex-shrink:0}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution:hover .title{font-size:1.875rem;line-height:2.25rem;font-weight:700}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution:hover .title span{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform:rotate(-90deg) translate(100%, 90%);transform-origin:bottom right}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-institution .title::before{--tw-border-opacity:1;border-bottom-color:rgb(0 93 93 / var(--tw-border-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-ecole .title::before{--tw-border-opacity:1;border-bottom-color:rgb(156 214 246 / var(--tw-border-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-college .title::before{--tw-border-opacity:1;border-bottom-color:rgb(164 108 170 / var(--tw-border-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-lycee .title::before{--tw-border-opacity:1;border-bottom-color:rgb(232 197 0 / var(--tw-border-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-cfp .title::before{--tw-border-opacity:1;border-bottom-color:rgb(169 203 94 / var(--tw-border-opacity))}.wrapper>.content .wp-block-charmille-institutions>.content .institutions .institution.theme-sciencestech .title::before{--tw-border-opacity:1;border-bottom-color:rgb(48 69 145 / var(--tw-border-opacity))}