/*
Theme Name: Thème Mad Med
Text Domain: thememadmed
Author: Le Studio Culotté
Author URI: https://le-studio-culotte.com/
Description: Ce thème est développé par Le Studio Culotté et conçu pour Mad Med
Version: 1.0
Requires at least: 5.0
Tested up to: 6.0.3
Requires PHP: 7.2
*/
*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
}

html {
  overflow-x: hidden;
}
body{
    background-color: var(--w)!important;
}
:target {
    scroll-margin-top: 100px;
}
@font-face {
    font-family: 'Circular Std Light';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'Circular Std Light Italic';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light-Italic.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light-Italic.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light-Italic.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularStd-Light-Italic.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'Circular Pro Bold';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Bold.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Bold.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Bold.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Bold.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'Circular Pro Book';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Book.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Book.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Book.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Book.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'Circular Pro Medium';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Medium.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Medium.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Medium.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-Medium.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'Circular Pro Bold Italic';
    src: url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-BoldItalic.otf') format('otf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-BoldItalic.ttf') format('ttf'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-BoldItalic.woff') format('woff'),
         url('https://madmedcans.com/wp-content/themes/thememadmed/fonts/CircularPro-BoldItalic.woff2') format('woff2');
         font-style: normal;
         font-display: swap;
}
:root{
    --w: #FFFFFF;
    --b: #000000;
    --bluemad: #263684;
    --orangemad: #F59D08;
    --redmad: #E3051A;
    --bluelightmad: #eaccf8;
    --rosemad: #FF3D94;
    --bubblemad: #FF91B6;
    --leblanc: #f4f734;
    --purple: #593ddb;
    --lightgreen: #96e0da;
    --lavender: #937ef3;
    --CircularStdLight: 'Circular Std Light', sans-serif;
    --CircularStdLightItalic: 'Circular Std Light Italic', sans-serif;
    --CircularProBold: 'Circular Pro Bold', sans-serif;
    --CircularProBoldItalic: 'Circular Pro Bold Italic', sans-serif;
    --CircularProBook: 'Circular Pro Book', sans-serif;
    --CircularProMedium: 'Circular Pro Medium', sans-serif;
}
.text-shadow {
	filter: drop-shadow(0 0 20px var(--purple));
}
/* HEADER */
.header#masthead{
    position: fixed;
    width: 100%;
    z-index: 999;
    mix-blend-mode: difference;
}
.header .inside-header{
    position: relative;
}
.header .inside-header .logo-header img{
    width: 70px; /* POTENTIELLE MODIFICATION A FAIRE ICI | LOGO NAV */
    padding-top: 1rem;
}
/* NAVIGATION */
.main-nav .inside-nav{
    background-color: var(--w);
}
.main-nav .inside-nav .first-nav .nav-menu{
    display: none;
    flex-direction: column;
}
.main-nav .inside-nav .first-nav{
    z-index: 1000;
    position: relative;
}
.main-nav .inside-nav .first-nav :is(.nav-menu, .nav-menu .sub-menu) li{
    margin: .8rem 1.2rem;
    text-transform: uppercase;
}
/* BURGER MENU */
.allLines{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 32px;
    z-index: 1010;S
}
.line{
    width: 75%;
    height: 2px;
    border-radius: 5px;
    background-color: var(--w);
    position: absolute;
    transition: all 0.5s ease-in-out;
}
.line:nth-child(1){
    top: 0px;
}
.line:nth-child(2){
    top: 8px;
}
.line:nth-child(3){
    top: 16px;
}
.allLines.active .line:nth-child(1){
    top: 8px;
    transform: rotate(135deg);
}
.allLines.active .line:nth-child(3){
    top: 8px;
    transform: rotate(-135deg);
}
.allLines.active .line:nth-child(2){
    opacity: 0;
    transform: translateX(-20px);
}
/* ALIGNFULL - Gestion banner */
.alignfull{
    margin: calc(0% - 2rem); /* A AJUSTER EN FONCTION DE LA MARGE MOBILE */
    width: 100vw;
    margin-bottom: 0.5rem;
}
    /* ALIGNFULL - LOGO INSIDE | DELETE IF NO LOGO INSIDE */
    .banner .wp-block-cover__inner-container{
        padding: 0;
        text-align: center;
    } 
    .logo-in-banner{
        text-align: center;
    }
    .logo-in-banner img{
        width: 65%;
        height: auto!important;
    }
/* TOOLS */
input, textarea{
    width: 100%;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.lil-margin-b{
    margin-bottom: 1rem;
}
.margin-b{
    margin-bottom: 2rem;
}
.huge-margin-b{
    margin-bottom: 4rem;
}
.categories a{
    border: 1px dotted black;
    padding: 5px;
}
/* SEARCHFORM */
.searchform, .searchform .form-search input{
    height: 30px;
}
.searchform .form-search{
    display: flex;
    align-items: center;
    height: 100%;
}
.searchform button{
    background-color: transparent;
    color: var(--b);
    margin: 0!important;
    cursor: pointer;
}
.searchform button.iconSearch{
    padding: 1px;
}
.searchform button.iconSearch svg.icon{
    width: 1.5rem;
    height: 1.5rem;
}
/* FOOTER */
footer{
    padding-top: 2rem;
}
footer .inside-footer{
    margin: 0 2rem;
}
footer .searchform, .searchform .form-search input{
    width: 100%;
    cursor: initial;
}
/* ARTICLE - Ajouter la class "loop-articles" sur le parent de tous | 
             Ajouter la class "loop-articles-content" sur le parent du content */
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template li{
    background-color: var(--w);
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template li figure img{
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content{
    padding: 10px;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content h2{
    font-size: 20px;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-date{
    font-style: italic;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-excerpt__excerpt{
    margin-bottom: 1rem;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-excerpt__more-text a{
    background-color: red;
}
/* SEARCH & CATEGORY */
.searchbar .searchform form input.input-search{
    width: 60%;
}
.searchbar .searchform form input.input-search[value]{
    color: var(--b);
    font-style: italic;
}
.searchbar .searchform form input.input-search::placeholder{
    color: var(--b);
    font-style: italic;
}
.article-parent{
    margin: 2rem 0;
}
.article-parent a.article-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.article-parent .article-content{
    padding: 10px;
}
.article-parent .article-date{
    font-style: italic;
}
.article-parent .article-btn{
    cursor: pointer;
    background-color: var(--bluemad);
    padding: 10px;
    color: var(--w)!important;
}
/* SINGLE */
.single-section-content .single-content-img img{
    width: 100%;
    object-fit: contain;
    height: 30vh;
}
.single-section-content .single-meta{
    text-align: center;
    font-style: italic;
    display: block;
    color: var(--bluemad)!important;
}
/* COMMENTS */
.comments-section .comment-form .logged-in-as, .comments-section .comment-form .comment-notes{
    font-style: italic;
    margin-bottom: 1rem;
}
.comments-section .comment-form .logged-in-as .logged-user-name{
    font-weight: bold;
}
.comments-section .comment-form .form-control {
    border: 1px solid var(--bluemad);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 1rem;
}
.comments-section .comment-form label{
    color: var(--bluemad)!important;
}
.comments-section .comment-form .comment-form-cookies-consent {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.comments-section .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent {
    width: 25px;
    height: 25px;
    appearance: auto!important;
}
.comments-section .comment-form .form-submit input{
    background-color: var(--bluemad);
    color: var(--w)!important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.comments-section .comments-list .comments-ul li.comment{
    margin-bottom: 1rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body{
    background-color: rgb(128, 128, 128);
}
.comments-section .comments-list .comments-ul li.comment .comment-body .comment-author .fn{
    font-weight: bold;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .comment-meta {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 0.5rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body p{
    padding: 0 5px;
    margin-bottom: 0.5rem;
    font-size: 20px;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .reply{
    padding-bottom: 0.5rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .reply a{
    color: red;
}
.comments-section .comments-list .comments-ul li.comment ul.children li.comment{
    padding-left: 1rem;
}
/* SIMILAR ARTICLES */
.container-similar-articles{
    text-align: center;
}
.container-similar-articles ul{
    margin-bottom: 2rem;
}
.container-similar-articles img{
    width: 250px;
    height: 250px;
    object-fit: contain;
}
.container-similar-articles .meta-similar-articles{
    font-style: italic;
    font-size: 15px;
}
/* CONTACT FORM 7 - Extension */
form.wpcf7-form{
    margin: 1rem 0;
}
form.wpcf7-form p{
    margin: 1rem 0;
    color: var(--purple);
}
form.wpcf7-form p label span.wpcf7-form-control-wrap input::placeholder, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea::placeholder, form.wpcf7-form p label{
    color: var(--bluemad);
    font-family: var(--font);
    font-size: 1rem;
    text-transform: uppercase;
    font: normal 1.25rem/1rem var(--CircularProBook);
}
form.wpcf7-form p label span.wpcf7-form-control-wrap input, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
    color: var(--bluemad)!important;
    border-bottom: 1px solid var(--bluemad);
    font: normal 1.25rem/1rem var(--CircularProBook);
    padding: 10px 0;
    cursor: initial;
    text-transform: uppercase;
}
form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
    border: 1px solid var(--bluemad);
}
form.wpcf7-form p input.wpcf7-submit{
    background-color: var(--purple);
    cursor: pointer;
    padding: 1rem 2rem;
    width: 35%;
    color: var(--w);
    text-transform: uppercase;
    font: bold 1.25rem / 1rem var(--CircularProBold);
    width: fit-content;
}
.wpcf7 .wpcf7-response-output {
    background-color: var(--w);
    font-family: 'Circular Std Light';
}
form.wpcf7-form .btn-cf7{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
form.wpcf7-form .wpcf7-spinner{
    display: none;
}
form.wpcf7-form p.text-area-contact{
	margin: 2.5rem 0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submit {
    width: fit-content;
    text-transform: uppercase;
    font: normal 1.25rem / 1rem var(--CircularProBook);
    color: var(--w);
    background: var(--lavender);
    padding: 15px 35px;
    box-shadow: 6px 6px 10px var(--lightgreen);
    transition: all .5s;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submit:hover {
    background: var(--bluemad);
    box-shadow: 6px 6px 20px var(--lightgreen);
}
/* TARTEAUCITRON - Plugin */
#tarteaucitronRoot #tarteaucitronAlertBig, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitron #tarteaucitronInfo{
    background: var(--w)!important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronRoot .tarteaucitronH1, #tarteaucitron #tarteaucitronInfo, #tarteaucitron .tarteaucitronH2{
    color: var(--b)!important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    margin-bottom: 1rem!important;
}
button[type=button]#tarteaucitronCloseAlert{
    background: rgb(202, 202, 202)!important;
}
#tarteaucitronRoot button[type=button]::after, #tarteaucitronRoot button[type=button]:focus{
    content: initial!important;
}
#tarteaucitronRoot #tarteaucitronAllAllowed:hover{
    background: #1b870b!important;
}
#tarteaucitronRoot #tarteaucitronAllDenied:hover{
    background: #9c1a1a!important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder{
    border-color: var(--w)!important;
}
#tarteaucitronRoot button#tarteaucitronBack{
    opacity: 0.6!important;
}
span.manageTarteaucitron#tarteaucitronManager{
    cursor: pointer;
}
#tarteaucitronRoot button:focus-visible{
    outline: none!important
}
#tarteaucitronRoot button{
    text-transform: initial!important;
}
/* INSTAGRAM - Extension */
.sbi_btn_text, .sbi_custom a span{
    font: 400 0.875rem/1rem 'Calibri';
}
.sbi_follow_btn a{
    background: #22588C!important;
}
.filigrane {
	filter: drop-shadow(0px 0px 126px rgba(89, 61, 219, 0.9));
}
@media (min-width: 426px) {
    .comments-section .comment-form .comment-form-cookies-consent label{
        margin-right: 0.5rem;
    }
    .logo-in-banner img{
        width: 50%;
    }
}
@media (min-width: 600px) {
    .container-similar-articles{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .container-similar-articles h2{
        width: 100%;
    }
    .container-similar-articles ul{
        width: 49%;
    }
    .container-similar-articles img{
        width: 100%;
    }
}
@media (min-width: 769px) {
    .alignfull{
        margin: calc(0% - 2rem);
        margin-bottom: 0.5rem;
    }
    footer .inside-footer{
        margin: 0 2rem;
    }
    .wp-block-columns{
        flex-wrap: nowrap!important;
    }
    .loop-articles .wp-block-column .wp-block-query .wp-block-post-template li figure img{
        height: 350px;
    }
    form.comment-form{
        width: 70%;
    }
    .container-similar-articles{
        justify-content: space-evenly;
    }
    .container-similar-articles ul{
        width: 30%;
    }
    .logo-in-banner img{
        width: 25%;
    }
    /* SEARCH & CATEGORY */
    .all-articles{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .article-parent{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        justify-content: space-between;
    }
    .article-parent a {
        width: 30%;
    }
    .article-parent .article-content{
        width: 65%;
    }

}
@media (min-width: 1201px) {
    /* MAIN */
    h1{
        margin-top: 1rem;
    }
    .container, footer .inside-footer{
        margin: 0 auto;
    }
    /* ALIGNFULL */
    .alignfull{
        margin: 0 calc(50% - 50vw);
        margin-bottom: 0.5rem;
    }
    /* HEADER */
    .header .inside-header .logo-header{
        width: 25%;
    }
    .logo-in-banner img{
        width: 20%;
    }
    /* NAVIGATION - SUB MENU | DELETE IF NO SUB MENU */
    .menu-item-26:after{
        left: 87px;
    }
    .menu-item-has-children .sub-menu{
        background-color: var(--w);
        position: relative;
    }
    .menu-item-has-children:hover .sub-menu{
        position: absolute;
    }
    .menu-item-has-children .sub-menu .menu-item{
        display: flex;
        align-items: center;
    }
    .menu-item-has-children .sub-menu .menu-item::before{
        content: "•";
        margin-right: 5px;
    }
    /* SINGLE */
    .single main{
        padding-top: 60px;
    }
}
/*************************   END OF NATIVE CSS ?   ************************************/
/* TOOLS */
h1{
    font: normal 3.75rem/3.44rem var(--CircularProBook);
    color: var(--bluemad)!important;
    margin-bottom: 1rem;
}
h2{
    font: normal 2.125rem/2rem var(--CircularProBook);
    color: var(--bluemad)!important;
    margin-bottom: 1rem;
}
h3{
    font: bold 1.25rem/1.375rem var(--CircularProBold);
    color: var(--bluemad)!important;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
h4 {
    font: bold 1.15rem/1.2rem var(--CircularProBook);
    color: var(--bluemad);
}
p.lead, li.lead{
    font: normal 1.25rem/1.75rem var(--CircularProBook);
    color: var(--bluemad)!important;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
p, li, option.options, select{
    font: normal 1.25rem/1.5rem var(--CircularStdLight);
    color: var(--bluemad);
    margin-bottom: 1rem;
}
a{
	color: var(--bluemad);
}
p strong, a{
    font: normal 1.25rem/1.5rem var(--CircularProMedium);
}
blockquote cite{
    font: italic 1.625rem/1.875rem var(--CircularStdLightItalic);
}
blockquote p{
    font: italic 1.25rem/1.5rem var(--CircularStdLightItalic);
}
.question{
    font: normal 1.12rem/1.375rem var(--CircularProBook);
}
/* MAIN */
main{
    padding-top: 60px;
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
hr.headband{
    height: 80px;
    background-color: var(--purple);
    grid-column: 1 / 8;
    margin-top: 2rem;
}
hr.wp-block-separator {
	border: 1px solid var(--lavender);
    border-bottom: 0;
    margin: 5rem 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: initial!important;
}
.wp-block-columns{
    margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__background{
    display: none;
    z-index: -10;
}
.upper{
    text-transform: uppercase;
}
.menu{
    font: normal 1.5rem/1.5rem "Circular Pro";
}
/* SLIDER */
.slider.slick-slider{
    grid-column: 2 / 7;
    text-align: center;
    margin-top: 2rem;
}
.slider.slick-slider p{
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 2rem 0;
}
.slick-slide img{
    width: 100%;
}
/* HEADER */
.header .inside-header .logo-header{
    padding: 0 2rem;
    position: relative;
    z-index: 1010;
}
/* NAV */
.main-nav .inside-nav .first-nav .nav-menu{
    height: 100vh;
    align-items: center;
    justify-content: center;
    margin-top: -100px;
}
.main-nav .inside-nav .first-nav .nav-menu li a{
    font: normal 0.875rem/1rem var(--CircularProBook);
    color: var(--bluemad)!important;
}
.main-nav .inside-nav .first-nav .nav-menu li a:hover{
    color: var(--redmad);
    font: 500 0.875rem/1rem var(--CircularProBold)
}
.main-nav .inside-nav .first-nav .nav-menu li a:active{
    font: 400 0.875rem/1rem var(--CircularProMedium);
    opacity: .5;
} 
.main-nav .inside-nav .circle-nav{
    display: none;
    width: 90%;
    background-color: white;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999;
    filter: drop-shadow(0px 0px 80px rgba(89, 61, 219, 0.5));
}
@keyframes circleAnim {
    0% {
        bottom: -50%;
    }
    100% {
        bottom: -25%;
    }
}
/* HOMEPAGE */
.wp-block-cover.is-light{
    position: initial;
    grid-column: 1 / 8;
    z-index: 2;
    min-height: 470px;
}
.wp-block-cover.is-light.home {
	align-items: flex-end;
}
.wp-block-cover.is-light .wp-block-cover__image-background{
    height: 630px;
    box-shadow: 0px 4px 30px #937ef3;
}
.wp-block-cover.is-light .wp-block-cover__inner-container .wp-block-heading{
    text-transform: uppercase;
    margin: 1rem 0;
    width: 100%;
}
p.baseline {
	font: bold 1.5rem/1.75rem var(--CircularProBold);
	text-align: center;
}
figure.wp-block-image.text-shadow > img {
	width: 50%;
    margin: 1rem 0;
}
/* HOMEPAGE - DAME DE LA GARDE */
.madmed-dame-garde{
    grid-column: 2 / 7;
}
.wp-block-column.picture {
    margin-bottom: 2rem;
}
/* HOMEPAGE - WHAT IS MADMED */
.what-is-madmed{
    margin-bottom: 4rem;
    position: relative;
    grid-column: 2 / 7;
}
.what-is-madmed > *{
    text-transform: uppercase;
}
.what-is-madmed h3{
    margin-bottom: 0;
}
/* HOMEPAGE - MAD IN CAN */
.mad-in-can {
    background: var(--bluemad);
    position: relative;
    margin-bottom: 0;
    z-index: 2;
    grid-column: 1 / 8;
}
.mad-in-can p, .mad-in-can h2 {
    color: var(--w)!important;
}
.mad-in-can .wp-block-group__inner-container{
    padding: 2rem 0;
    background: url(https://madmedcans.com/wp-content/uploads/2025/06/decor.jpg);
    background-size: cover;
    /*display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;*/
    display: flex;
    justify-content: center;
}
.mad-in-can .wp-block-group__inner-container .wp-block-image{
    position: absolute;
    width: 80%;
    top: 820px;
    z-index: -1;
    justify-self: center;
    -webkit-justify-self: center;
}
.mad-in-can .wp-block-group__inner-container .wp-block-columns{
    grid-column: 1 / 8;
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.mad-in-can .wp-block-group__inner-container .wp-block-columns .title{
    grid-column: 2 / 5;
}
.mad-in-can .wp-block-group__inner-container .wp-block-columns .content{
    grid-column: 2 / 7;
}
/* HOMEPAGE - ALL CANS */
.all-can{
    grid-column: 1 / 8;
}
.carousel-can {
	grid-column: 1 / 8;
	width: 300px;
	margin: 3rem auto 0;
    background: white;
    z-index: 2;
    box-shadow: 0 0 50px white;
    filter: drop-shadow(0px 0px 30px white);
}
.all-can .wp-block-column{
    position: relative;
}
.all-can .wp-block-column figure{
    margin: 0;
}
.all-can .wp-block-column figure img{
    width: 100%;
}
.all-can .wp-block-column .description{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.all-can .wp-block-column .description .wp-block-group__inner-container{
    display: flex;
    align-items: center;
}
.all-can .wp-block-column .description .wp-block-group__inner-container p{
    margin: 0;
}
.all-can .wp-block-column .description .wp-block-group__inner-container p a{
    text-transform: uppercase;
    font-weight: bold;
}
.all-can .wp-block-column .description .wp-block-group__inner-container figure{
    margin-left: 1rem;
}
.all-can .wp-block-column .description .wp-block-group__inner-container figure img{
    vertical-align: inherit!important;
}
.all-can .wp-block-column .description.blouge .wp-block-group__inner-container p a{
    color: var(--redmad)!important;
}
.all-can .wp-block-column .description.orange .wp-block-group__inner-container p a{
    color: var(--orangemad)!important;
}
.all-can .wp-block-column .description.bulle .wp-block-group__inner-container p a{
    color: var(--bubblemad)!important;
}
.all-can .wp-block-column .description.rose .wp-block-group__inner-container p a{
    color: var(--rosemad)!important;
}
.bottle {
	filter: drop-shadow(0px 0px 20px var(--lavender));
}
.uppercase > * {
    text-transform: uppercase;
}
/* HOMEPAGE - STAY TUNED */
.stay-tuned{
    position: relative;
    margin: 4rem 0;
    grid-column: 2 / 7;
}
.stay-tuned .challenge{
    display: none;
}
.stay-tuned .wp-block-heading.title{
    text-transform: uppercase;
}
.stay-tuned .hash-madmed{
    color: var(--bluelightmad)!important;
}
.stay-tuned .redirection-reseau{
    background-color: var(--w);
    position: absolute;
    bottom: 30px;
    right: -10px;
    width: 70%;
}
.stay-tuned .redirection-reseau .wp-block-group__inner-container{
    display: flex;
    align-items: center;
    padding: 20px;
}
.stay-tuned .redirection-reseau .wp-block-group__inner-container p{
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}
.stay-tuned .redirection-reseau .wp-block-group__inner-container figure{
    background: inherit;
    margin: 0;
}
.stay-tuned .redirection-reseau .wp-block-group__inner-container figure img{
    margin: 0 0 0 10px;
}
.stay-tuned .win{
    color: var(--orangemad)!important;
}
/* HARRY & MAX */
.hm-content, .hm-content-p1, .hm-content-p2, .hm-content-p3{
    grid-column: 2 / 7;
    margin: 1rem 0;
}

/* HARRY & MAX - PRESENTATION */
.presentation{
    padding: 5rem 0;
    background: url(https://madmedcans.com/wp-content/uploads/2025/06/decor.jpg);
    background-size: cover;
    grid-column: 1 / 8;
    margin: 3rem 0;
}
.presentation .wp-block-group__inner-container .wp-block-column{
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.presentation .wp-block-group__inner-container .wp-block-column .wp-block-image{
    grid-column: 2 / 5;
    margin-bottom: .5rem;
}
.presentation .wp-block-group__inner-container .wp-block-column .wp-block-image img{
    width: 150px;
}
.presentation .wp-block-group__inner-container .wp-block-column .wp-block-group{
    grid-column: 2 / 7;
}
.presentation h2{
    margin-bottom: 2rem;
    grid-column: 2 / 5;
    padding: 0 3rem;
}
.presentation h2,.presentation h3, .presentation p{
    color: var(--w)!important;
}
.presentation h2,.presentation h3{
    text-transform: uppercase;
}
/* HARRY & MAX - NEW APPROACH */
.new-approach{
    margin: 0;
    grid-column: 2 / 7;
}
/* OUR CANS */
.banner.our-cans{
    grid-column: 1 / 9;
    margin: 0;
    background-color: var(--bluemad);
}
.banner.our-cans h1{
    color: var(--w)!important;
    text-transform: uppercase;
}
.banner.our-cans > img.wp-block-cover__image-background{
	height: 540px;
}
.references{
    padding: 4rem;
    color: var(--w)!important;
    text-align: center;
    background-color: var(--bluemad);
    grid-column: 1 / 8;
    text-transform: uppercase!important;
    margin-top: -60px;
}
.the-references{
    grid-column: 2 / 7;
}
.the-references .wp-block-columns{
    margin-bottom: 2rem;
}
.the-references .wp-block-column .wp-block-group{
    margin-bottom: 2rem;
}
.the-references .description{
    font-weight: bold;
    margin-bottom: 2rem;
}
.the-references .description.chilled, .the-references .fiche.blouge p strong{
    color: var(--redmad)!important;
}
.the-references .description.amber, .the-references .fiche.orange p strong{
    color: var(--orangemad)!important;
}
.the-references .description.chilled-rose, .the-references .fiche.rose p strong{
    color:var(--rosemad)!important;
}
.the-references .description.sparkling, .the-references .fiche.bulle p strong{
    color:var(--bubblemad)!important;
}
.the-references .description.leblanc, .the-references .fiche.orange p strong{
    color: var(--leblanc)!important;
}
.the-references .order a, .the-references .fiche a{
    margin-top: 2rem;
    font-weight: bold;
}
.wp-block-columns.inner-content-column {
    display: grid;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}
.wp-block-columns.inner-content-column > .wp-block-column:first-of-type {
	grid-column: 1/1;
}
.wp-block-columns.inner-content-column > .wp-block-column:last-of-type {
	grid-column: 1/1;
}
/* GALLERY */
.gallery{
	margin-top: 3rem;
    grid-column: 2 / 7;
    display: flex;
    flex-wrap: wrap;
}
/* WHERE ARE WE ? EXPORTATIONS */
.exportations{
    margin-top: 3rem;
    grid-column: 2 / 7;
}
/* WHERE ARE WE ? WORLDMAP */
.worldmap{
    margin: 1rem 0;
    grid-column: 2 / 7;
}
.worldmap .wp-block-column.content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--bluelightmad);
    padding-bottom: 10px;
}
.worldmap .wp-block-column.content .arrow-down{
    margin: 0;
}
.worldmap .wp-block-column.content .list-countries{
    display: none;
}
.worldmap .wp-block-column.description, .worldmap .wp-block-column.earth{
    width: 100%;
    height: 150px;
}
.earth circle.active{
    stroke: orange; 
    stroke-width: 10;
}
.worldmap select{
    appearance: none;
    width: 100%;
    margin: 0;
}
/* WHERE ARE WE ? - GOT WINE */
.got-wine{
    padding: 2rem 0;
    background-color: rgba(147, 126, 243, .3);
    margin-top: 2rem;
    border-left: 5px solid var(--bluemad);
    grid-column: 1 / 8;
}
.got-wine .wp-block-group__inner-container:nth-child(1) {
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.got-wine .wp-block-group__inner-container:nth-child(1) .wp-block-group__inner-container{
    display: block;
}
.got-wine h2{
    grid-column: 2 / 3;
}
.got-wine h2, .got-wine h3, .got-wine li{
    text-transform: uppercase;
}
.got-wine .carton, .got-wine .palette, .got-wine .palette-eu, .got-wine .contain, .got-wine .order, .got-wine .hr-got-wine{
    grid-column: 2 / 7;
}
.got-wine .hr-got-wine{
    border: 1px solid var(--bluemad);
    margin: 1rem 0;
}
.got-wine img{
    width: 100%;
}
.got-wine .order{
    margin-top: 2rem;
}
.got-wine .order-now{
    margin-top: 2rem;
    margin-bottom: 0;
    grid-column: 2 / 7;
}
.got-wine .order-now, .got-wine .data-sheet{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}
.got-wine .data-sheet{
    color: var(--redmad)!important;
}
/* WHERE ARE WE ? - TESTIMONIALS */
.wp-block-columns.testimonials {
    
}
.cb-wrapper.swiper-wrapper {
    display: flex;
    align-items: center;
}
.wp-block-cb-carousel-v2.cb-carousel-block.testimonials {
    background: url(https://madmedcans.com/wp-content/uploads/2025/06/Ellipse-lightgreen.webp) center center / contain no-repeat;
    filter: drop-shadow(0px 0px 56px rgba(147, 126, 243, .3));
}
.testimonials{
    margin: 4rem 0 0;
    grid-column: 1 / 8;
    position: relative;
    padding: 1.5rem;
}
.testimonials .slider-testimonials{
    position: absolute;
    top: 50%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.testimonials p.location{
    background-color: var(--bluemad);
    color: var(--w)!important;
    padding: 2rem 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}
.testimonials p.my-slide{
    font-family: var(--CircularProBoldItalic)!important;
    text-transform: uppercase;
    margin-top: 2rem;
}
.wp-block-cb-slide-v2.cb-slide.testimonial-slide {
    padding: 0;
}
/* INIFINITE MADNESS - CAN WINE */
.can-wine{
    margin: 4rem 0;
    grid-column: 2 / 7;
}
.can-wine p{
    text-transform: uppercase;
}
/* INFINITE MADNESS - RECYCLING */
.recycling{
    grid-column: 2 / 7;
    margin-bottom: 2rem;
}
.recycling .recycling-number{
    margin: calc(0% - 16.5%);
    background-color: var(--purple);
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.recycling .recycling-number p{
    color: var(--w)!important;
    margin-bottom:2rem;
}
.recycling .recycling-number p.percentage{
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 0;
}
.recycling .recycling-percentage{
    grid-column: 1 / 8;
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
    border-left: 10px solid var(--bluelightmad);
    padding-top: 2rem;
}
.recycling .recycling-percentage .wp-block-group{
    grid-column: 2 / 7;
}
.recycling .recycling-description{
    background-color: var(--w);
    padding: 1rem 0;
    grid-column: 1 / 8;
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.recycling .recycling-description p{
    color: var(--bluemad)!important;
    grid-column: 2 / 7;
}
/* INFINITE MADNESS - CAN BOTTLE */
.can-bottle {
    overflow: hidden;
    margin-top: 1rem;
    padding: 2rem;
    grid-column: 1 / 8;
}
.can-bottle .can-bottle-anim{
    margin: calc(0% - 2rem);
    margin-top: 1rem;
    display: block;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .titles{
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1px;
    position: relative;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .titles h2{
    color: var(--bluemad)!important;
    background-color:var(--bluelightmad);
    width: 50%;
    text-align: center;
    margin: auto;
    padding: 20px;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .titles h2.active{
    background-color: var(--purple);
    color: var(--w)!important;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity{
    background-color: var(--purple);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity figure.wp-block-image{
    width: 20%;
    height: 240px;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity figure.wp-block-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity .text{
    margin-left: 1rem;
    width: 50%;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity .text .wp-block-group__inner-container p{
    color: var(--w)!important;
    font-size: 28px;
    margin: 0;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .quantity .text .wp-block-group__inner-container p:first-of-type{
    font-size: 80px;
    margin-bottom: 2.5rem;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-2{
    background-color: var(--bluelightmad);
    height: 250px;
    width: 50%;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-2 .wp-block-image{
    text-align: center;
    margin-top: 1.5rem;
    height: 100px;
    width: 100%;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-2 .wp-block-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-2 p{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    margin-top: 2rem;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-3 {
    background-color: var(--w);
    text-align: center;
    width: 50%;
    height: 250px;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-3 .wp-block-image{
    height: 100%;
    margin-bottom: 0;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottle-3 .wp-block-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottles-explication{
    padding: 2rem 0;
    background-color: var(--bluelightmad);
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .sections-bottles .bottles .bottles-explication > *{
    grid-column: 2 / 7;
}
.can-bottle .wp-block-group__inner-container .wp-block-columns .second-right-section{
    display: none;
}
/* INFINITE MADNESS - FAQ */
.faq{
    position: relative;
    height: 120px;
    padding-top: 10px;
    overflow-x: scroll;
    scrollbar-width: none;
    margin: calc(0% - 2rem);
    margin-top: 1rem;
    width: 100vw;
    background-color: var(--bluelightmad);
}
.faq::-webkit-scrollbar{
    display: none;
}
.container-faq{
    position: relative;
    width: 100%;
    padding: 2rem;
    grid-column: 1 / 8;
}
.faq-container-response{
    margin: calc(0% - 2rem);
    margin-top: 1rem;
    padding: 2rem 0;
    background-color: var(--bluelightmad);
    display: grid;
    grid-template-columns: 12.5% 23% 3% 23% 3% 23% 12.5%;
}
p.faq-slider-response{
    margin-bottom: 1rem;
    display: none;
    grid-column: 2 / 7;
}
p.faq-slider-response.active{
    display: block;
}
.faq .faq-slider-inner{
    position: absolute;
    display: flex;
    left: 15px;
    gap: 1rem;
}
.faq .faq-slider-question{
    display: flex;
    align-items: center;
    width: 310px;
    background-color: var(--w);
}
.faq .faq-slider-question.active{
    background-color: var(--purple);
}
.faq .faq-slider-question p{
    margin: 0;
    padding: 15px;
    color: var(--bluemad);
    text-transform: uppercase;
    font-weight: bold;
}
.faq .faq-slider-question.active p{
    color: var(--w)!important;
}
.container-faq .wp-block-search{
    margin-top: 3rem;
}
.container-faq .wp-block-search__input{
    border: 0;
    border-bottom: 2px solid var(--bluelightmad);
    padding: 10px 0;
    color: var(--bluemad);
}
.container-faq .wp-block-search__input::placeholder{
    font-weight: bold;
    color: var(--bluelightmad);
    font-size: 18px;
}
.progress-bar{
    position: absolute;
    left: 0;
    width: 100%;
    height: 15px;
    border: 1px solid transparent;
    background-color: var(--lightgreen);
    top: 80px;
    z-index: 5;
}
.prog-bar-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--lavender);
}
/* FOOTER */
footer {
    background: linear-gradient(249deg,rgba(147, 126, 243, 1) 7%, rgba(150, 224, 218, 1) 34%, rgba(234, 204, 248, 1) 75%, rgba(89, 61, 219, 1) 100%);
    padding-top: 4rem;
    box-shadow: inset 0px 20px 50px rgb(89, 61, 219, .6);
    margin-top: 4rem;
}
footer p{
    text-transform: uppercase;
}
footer .footer-logo-hello .wpcf7{
    display: none;
}
footer .footer-logo-hello form.wpcf7-form p:nth-child(5), footer form.wpcf7-form p:nth-child(5){
    margin-top: 2rem;
}
footer .footer-logo-hello form.wpcf7-form p label span.wpcf7-form-control-wrap textarea, footer form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
    margin-top: 10px;
}
footer .inside-footer .footer-logo-hello{
    margin: calc(0% - 1rem) calc(0% - 2rem);
    position: relative;
    border-radius: 50%;
    width: 100vw;
    height: auto;
    padding-top: 100vw;
    background: var(--lavender);
    box-shadow: -10px -30px 60px #ffffff;
}
footer .inside-footer .footer-logo-hello img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
footer .inside-footer .footer-logo-hello p.hello{
    color: var(--w)!important;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
footer div.wpcf7{
    margin-top: 3rem;
}
footer .inside-footer .footer-section-link{
    background-color: var(--purple);
    margin: calc(0% - 2rem);
    margin-top: 2rem;
    padding: 2rem;
    box-shadow: -10px -20px 60px #ffffff;
}
footer .inside-footer .footer-section-link p, p.mentions a{
    color: var(--w)!important;
}
footer .inside-footer .footer-section-link section{
    margin-bottom: 2rem;
}
footer .title{
    font: normal 500 1.875rem/1.875rem var(--CircularProMedium);
}
footer p{
    font: normal 1rem/1.125rem var(--CircularStdLight);
}
footer p.mentions, p.mentions a{
    font: normal 0.875rem/1rem var(--CircularStdLight);
    opacity: .6;
}
footer p.mentions a, a.href-footer, .footer-faq a, .footer-cans a, .footer-tuned a, .footer-pages a {
    text-decoration: none;
}
/* 404 / 403 / SEARCH PAGE */
main.template{
    padding-top: 100px;
    display: block;
    margin: 0 2rem;
}
/* ARTICLES PAGE */
.wp-block-post-template .wp-block-post{
    margin: 2rem 0;
}
.wp-block-post-template .wp-block-post .wp-block-post-featured-image{
    width: 360px;
}
.wp-block-post-template .wp-block-post .wp-block-post-excerpt__more-link{
    color: var(--w)!important;
    background-color: var(--bluemad);
    padding: 10px;
}
/* Sitemap */
.sitemap-list{
    grid-column: 2 / 7;
}
.sitemap-title, .sitemap-list ul{
    margin-bottom: 2rem!important;
}
.sitemap-list ul:last-child{
    margin-bottom: 0;
}
@media screen and (min-width: 450px){
    @keyframes circleAnim {
        0% {
            bottom: -75%;
        }
        100% {
            bottom: -50%;
        }
    }
}
@media screen and (min-width: 500px){
    .testimonials .slick-next, .testimonials .slick-prev{
        top: 225px!important;
    }
}
@media screen and (min-width: 601px){
    hr.headband{
        height: 100px;
    }
    /* DAME GARDE */
    .madmed-dame-garde{
        align-items: center!important;
        flex-wrap: nowrap!important;
    }
    /* WHAT IS MADMED */
    .what-is-madmed{
        margin-top: 2rem;
    }
    .what-is-madmed .wp-block-columns{
        margin-top: 2rem;
    }
    .what-is-madmed .pictures, .what-is-madmed .content{
        width: 45%;
    }
    .what-is-madmed .content{
        margin-left: 1rem;
    }
    .mad-in-can .wp-block-columns{
        align-items: center!important;
        flex-wrap: nowrap!important;
    }
    /* MAD IN CAN */
    .mad-in-can .last-p{
        margin: 0;
    }
    .mad-in-can .wp-block-group__inner-container .wp-block-image{
        margin: 0;
    }
    /* ALL CAN */
    .all-can{
        position: relative;
        z-index: 2;
    }
    .carousel-can {
		width: 80%;
	}
    .all-can .wp-block-column{
        width: 50%;
    }
    /* HARRY & MAX */
    /* OUR CANS */
    /* WHERE ARE WE - TESTIMONIALS */
    .testimonials .testimonials-circle{
        width: 600px;
    }
    .testimonials .slider-testimonials{
        width: 500px;
    }
    /* FOOTER */
    footer .inside-footer .footer-logo-hello{
        width: 70vw;
        padding-top: 70vw;
        margin: 0 auto;
    }
    /* SLIDER */
    .slick-slide img{
        width: 70%;
        margin: 0 auto;
    }
    @keyframes circleAnim {
        0% {
            bottom: -85%;
        }
        100% {
            bottom: -70%;
        }
    }
}
@media screen and (min-width: 700px){
    /* STAY TUNED */
    .stay-tuned .wp-block-columns{
        flex-wrap: nowrap!important;
        align-items: center!important;
        margin-top: 2rem;
    }
    .stay-tuned .wp-block-columns .pictures{
        width: 50%;
        position: relative;
    }
    .stay-tuned .wp-block-columns .content{
        width: 50%;
        order: 2;
        margin-left: 1rem;
    }
}
@media screen and (min-width: 769px) and (orientation : landscape){
    /* MAD IN CAN */
    .mad-in-can .wp-block-group__inner-container .wp-block-image{
        width: 50%;
        top: 1010px;

    }
}
@media screen and (min-width: 769px) and (orientation : portrait){
    /* MAD IN CAN */
    .mad-in-can .wp-block-group__inner-container .wp-block-image{
        top: 580px;
        width: 60%;

    }
}
@media screen and (min-width: 769px){
    .wp-block-column.picture {
        margin-right: 1rem;
    }
    /* MAD IN CAN */
    .mad-in-can .wp-block-group__inner-container .wp-block-image{
        text-align: center;
        justify-self: center;
    }
    .mad-in-can .wp-block-columns .wp-block-column.title{
        grid-column: 2 / 3;
    }
    .mad-in-can .wp-block-columns .wp-block-column.content{
        grid-column: 4 / 7;
    }
    /* ALL CAN */
    .all-can{
        flex-wrap: wrap!important;
    }

    /* STAY TUNED */
    .stay-tuned .challenge{
        display: block;
    }
    .stay-tuned .wp-block-heading.title{
        position: absolute;
        writing-mode: vertical-lr;
        font-size: 20px;
        left: -10px;
        top: 45px;
        rotate: 180deg;
        color: var(--bluelightmad)!important;
    }
    .stay-tuned .description{
        margin-left: 1.5rem;
    }
    .stay-tuned .redirection-reseau{
        width: 67%;
    }
    /* HARRY & MAX */
    .presentation .wp-block-group__inner-container .wp-block-column{
        width: 50%;
    }
    .presentation .wp-block-group__inner-container .wp-block-column{
        grid-template-rows: auto 1fr;
    }
    /* NEW APPROACH */
    .new-approach .approach, .new-approach .reintroduction{
        width: 50%;
    }
    .new-approach .reintroduction{
        margin-left: 2rem;
        transform: translateY(175px);
        height: fit-content;
        margin-bottom: 9rem;
    }
    /* OUR CANS */
    .the-references .wp-block-columns{
        flex-wrap: wrap!important;
        margin-bottom: 4rem;
    }
    /* WHERE ARE WE */
    .worldmap{
        margin: 4rem 0;
        flex-wrap: wrap!important;
    }
    .worldmap .content{
        flex-grow: inherit!important;
    }
    /* GOT WINE */
    .got-wine .wp-block-columns .wp-block-image{
        width: 300px;
    }
    /* TESTIMONIALS */
    .testimonials{
        grid-column: 2 / 7;
    }
    /* INFINITE MADNESS - CAN WINE */
    .can-wine .wp-block-columns{
        margin: 2rem 0;
    }
    .can-wine .wp-block-columns .wp-block-column{
        width: 50%;
    }
    .can-wine .wp-block-columns .wp-block-column.content{
        margin-left: 1rem;
    }
    /* RECYCLING */
    .recycling{
        margin-bottom: 6rem;
    }
    /* CAN BOTTLE */
    .can-bottle .carbon-title, .can-bottle .carbon-description{
        margin-left: 10%;
    }
    .can-bottle .wp-block-columns.bottles{
        flex-wrap: wrap!important;
    }
    /* FAQ */
    .container-faq .title-faq{
        margin-left: 10%;
    }
    /* FOOTER */
    footer .inside-footer .footer-logo-hello{
        width: 50vw;
        padding-top: 50vw;
    }
    footer div.wpcf7{
        margin-top: 0;
    }
    /* SLIDER */
    .slick-slide img{
        width: 45%;
    }
    .wp-block-cb-slide-v2.cb-slide.testimonial-slide {
        padding: 2rem 5rem;
    }
    /* ARTICLES */
    .articles .wp-block-post-template .wp-block-post .wp-block-post-featured-image{
        width: 100%;
    }
    .articles .wp-block-post-template .wp-block-post .wp-block-column:first-of-type{
        width: 30%;
        margin-right: 2rem;
    }
    .articles .wp-block-post-template .wp-block-post .wp-block-column:last-of-type{
        width: 65%;
    }
    @keyframes circleAnim {
        0% {
            bottom: -115%;
        }
        100% {
            bottom: -90%;
        }
    }
}
@media screen and (min-width: 901px){
    @keyframes circleAnim {
        0% {
            bottom: -125%;
        }
        100% {
            bottom: -105%;
        }
    }
}

@media screen and (min-width: 1050px){
    @keyframes circleAnim {
        0% {
            bottom: -135%;
        }
        100% {
            bottom: -115%;
        }
    }
}
@media screen and (min-width: 1115px){
    @keyframes circleAnim {
        0% {
            bottom: -155%;
        }
        100% {
            bottom: -135%;
        }
    }
}
@media screen and (min-width: 1201px){
    h1{
        font: normal 9.375rem/8.125rem var(--CircularProBook);
    }
    h2{
        font: normal 5rem/5rem var(--CircularProBook);
    }
    h3{
        font: bold 1.875rem/2.125rem var(--CircularProBold);
    }
    h4 {
	    font: bold 1.5rem/1.5rem var(--CircularProBook);
	}
    p{
        font: normal 1.25rem/1.75rem var(--CircularStdLight)
    }
    p strong{
        font: normal 1.25rem/1.75rem var(--CircularProMedium);
    }
    main{
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    main.template{
        max-width: 1200px;
        margin: 0 auto;
    }
    main.template .searchform .form-search input{
        width: 25%;
    }
    .container{
        margin: 0 auto;
    }
    .wp-block-cover.is-light .wp-block-cover__inner-container .wp-block-heading{
	    width: 100%;
	}
    /* HEADER */
    .wp-block-cover.is-light{
        grid-column: 1 / 14;
    }
    hr.headband{
        grid-column: 1 / 14;
        margin: 0;
        height: 150px;
    }
    figure.wp-block-image.text-shadow > img {
    	width: 25%;
    	margin: 2rem 0;
    }
    p.baseline {
		text-align: right;
	}
    /* BANNER */
    .banner .wp-block-cover__inner-container{
    	text-align: right;
	    padding: 2rem 4rem;
	} 
    .banner .main-logo img{
        width: 200px;
    }
    /* DAME GARDE */
    .madmed-dame-garde{
        grid-column: 4 / 11;
    }
    .wp-block-column.picture {
        margin-right: 2rem;
    }
    /* WHAT IS MADMED */
    .what-is-madmed{
        grid-column: 4 / 12;
    }
    /* MAD IN CAN */
    .mad-in-can{
        grid-column: 1 / 14;
    }
    .mad-in-can .wp-block-group__inner-container{
        padding: 6rem 0;
    }
    .mad-in-can .wp-block-group__inner-container .wp-block-image{
        top: 1160px;
        width: 60vw;
        text-align: center;
        margin: 0;
    }
    .mad-in-can .wp-block-group__inner-container .wp-block-image img{
        width: 75%;
    }
    .mad-in-can .wp-block-group__inner-container .wp-block-columns{
        justify-content: space-around;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        display: grid!important;
        grid-column: 1 / 14;
    }
    .mad-in-can .wp-block-columns .wp-block-column.title{
        grid-column: 2 / 5;
        width: 100%;
    }
    .mad-in-can .wp-block-columns .wp-block-column.content{
        grid-column: 8 / 13;
        width: 100%;
    }
    /*GALLERY*/
    .gallery{
        grid-column: 2 / 13;
    }
    /* ALL CAN */
    .all-can{
        grid-column: 1 / 14;
    }
    .carousel-can {
    	grid-column: 1 / 14;
    	width: 90%;
    	margin: 4rem auto;
    }
    .wp-block-cb-carousel-v2 .cb-button-prev, .wp-block-cb-carousel-v2.cb-rtl .cb-button-next {
    	left: 0;
    	right: 0;
    }
    /* STAY TUNED */
    .stay-tuned{
        grid-column: 4 / 12;
        margin: 8rem 0;
    }
    .stay-tuned .wp-block-heading.title{
        left: -90px;
        top: 20px;
    }
    .stay-tuned .description{
        margin: 0;
    }
    .stay-tuned .wp-block-columns{
        align-items: inherit!important;
    }
    .stay-tuned .wp-block-columns .content{
        width: 10%;
    }
    .stay-tuned .wp-block-columns .pictures{
        width: 10%;
    }
    .stay-tuned .redirection-reseau{
        width: 50%;
    }
    /* HARRY & MAX */
    .hm-content{
        grid-column: 2 / 9;
        margin: 1rem 0;
    }
	.hm-content-p1{
        grid-column: 3 / 7;
        margin: 1rem 0;
    }
    .hm-content-p2{
    	display: block;
        grid-column: 4 / 8;
        margin: 1rem 0;
    }
    .hm-content-p3{
        grid-column: 5 / 9;
        margin: 1rem 0;
    }
    /* PRESENTATION */
    .presentation{
        grid-column: 1 / 14;
        margin: 6rem 0;
    }
    .presentation .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .presentation .wp-block-heading{
        grid-column: 2 / 7;
        margin-bottom: 2rem;
        padding: 0;
    }
    .presentation .wp-block-group__inner-container .wp-block-columns.duo{
        grid-column: 1 / 14;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .presentation .wp-block-group__inner-container .wp-block-column{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .presentation .wp-block-column.harry{
        grid-column: 2 / 7;
    }
    .presentation .wp-block-column.max{
        grid-column: 8 / 13;
    }
    .presentation .wp-block-group__inner-container .wp-block-column .wp-block-image{
        width: 29%;
        margin: 0;
        box-shadow: -10px 20px 50px #fff;
    }
    .presentation .wp-block-column figure img{
        width: 100%!important;
        height: 100%;
        object-fit: cover;
    }
    .presentation .wp-block-column .wp-block-group{
        width: 65%;
    }
    .presentation .duo .wp-block-group__inner-container{
        display: block;
    }
    /* NEW APPROACH */
    .new-approach{
        grid-column: 1 / 14;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .new-approach .approach, .new-approach .reintroduction{
        width: 100%;
    }
    .new-approach .approach{
        grid-column: 4 / 7;
    }
    .new-approach .reintroduction{
        grid-column: 8 / 11;
        transform: translateY(140px);
        margin-left: 0;
    }
    /* OUR CANS */
    .the-references{
        grid-column: 1 / 14;
        margin: 0;
    }
    .the-references .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .the-references .wp-block-columns{
        grid-column: 1 / 14;
        flex-wrap: nowrap!important;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        margin: 4rem 0;
    }
    .the-references .wp-block-columns .wp-block-column:first-of-type{
        grid-column: 2 / 5;
    }
    .the-references .wp-block-columns .wp-block-column:last-of-type{
        grid-column: 6 / 13;
    }
    .the-references .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container{
        display: block;
    }
    .wp-block-columns.inner-content-column {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    margin: 2rem 0;
    }
    .wp-block-columns.inner-content-column > .wp-block-column:first-of-type {
    	grid-column: 1/2;
    }
    .wp-block-columns.inner-content-column > .wp-block-column:last-of-type {
    	grid-column: 2/2;
    }
    /* WHERE ARE WE */
    .exportations{
        grid-column: 1 / 14;
        margin: 2rem 0;
    }
    .exportations .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .exportations .wp-block-group__inner-container .wp-block-heading{
        grid-column: 4 / 9;
    }
    .exportations .wp-block-group__inner-container .wp-block-columns{
        grid-column: 4 / 13;
        gap: 1rem;
    }
    /* WORLD MAP */
    .worldmap{
        grid-column: 1 / 14;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        grid-template-rows: 600px;
        align-items: center!important;
    }
    .worldmap .content{
        grid-column: 2 / 3;
    }
    .worldmap .description{
        grid-column: 2 / 5;
    }
    .worldmap .earth{
        grid-column: 5 / 13;
        height: 600px!important;
    }
    .worldmap figure, .worldmap figure img{
        width: 100%;
    }
    /* GOT WINE */
    .got-wine{
        grid-column: 2 / 13;
        margin: 0;
    }
    .got-wine h2{
        margin-bottom: 4rem;
    }
    .got-wine h2, .got-wine h3, .got-wine ul li{
        text-transform: uppercase;
    }
    .got-wine .wp-block-columns .wp-block-column{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        margin-bottom: 2rem;
    }
    .got-wine .wp-block-columns .wp-block-column .wp-block-heading{
        order: 2;
        grid-column: 2 / 3;
    }
    .got-wine .wp-block-columns .wp-block-column .wp-block-image{
        grid-row: 1 / 3;
        border-right: 2px solid var(--bluemad);
        margin-right: 2rem;
    }
    .got-wine .wp-block-columns .wp-block-column .wp-block-image img{
        width: 80%;
    }
    .got-wine .wp-block-columns .wp-block-column .wp-block-group{
        order: 3;
        grid-column: 2 / 3;
    }
    .got-wine .hr-got-wine{
        display: none;
    }
    .got-wine .order-now{
        text-align: end;
    }
    /* TESTIMONIALS */
    .testimonials{
        grid-column: 4 / 11;
    
    }
    .testimonials .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .testimonials .wp-block-columns{
        display: block;
        grid-column: 2 / 13;
    }
    .testimonials .circle-slider{
        width: 20vw;
        padding: 20vw;
    }
    .wp-block-cb-slide-v2.cb-slide.testimonial-slide {
        padding: 3rem 6rem;
    }
    .testimonials .location{
        grid-column: 1 / 14;
    }
    /* INFINITE MADNESS */
    .can-wine{
        grid-column:  1 / 14;
    }
    .can-wine .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .can-wine .wp-block-group__inner-container .wp-block-heading{
        grid-column: 4 / 12;
    }
    .can-wine .wp-block-group__inner-container .wp-block-columns{
        grid-column: 1 / 14;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        margin-top: 2rem;
    }
    .can-wine .wp-block-columns .wp-block-column{
        width: 100%;
    }
    .can-wine .wp-block-group__inner-container .wp-block-columns .pictures{
        grid-column: 4 / 7;
    }
    .can-wine .wp-block-group__inner-container .wp-block-columns .content{
        grid-column: 8 / 11;
        margin-left: 0;
    }
    /* RECYCLING */
    .recycling{
        grid-column: 1 / 14;
    }
    .recycling .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .recycling .wp-block-group__inner-container h2, .recycling .wp-block-group__inner-container h3, .recycling .wp-block-group__inner-container p.description{
        grid-column: 4 / 10;
    }
    .recycling .recycling-number{
        padding: 0;
        grid-column: 1 / 14;
        margin: 0;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        background-color: initial;
    }
    .recycling .recycling-percentage{
        grid-column: 4 / 7;
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        background-color: var(--purple);
        padding-top: 0;
    }
    .recycling .recycling-percentage .wp-block-group__inner-container, .recycling .recycling-description{
        display: block;
    }
    .recycling .recycling-percentage .wp-block-group{
        width: 90%;
        margin: 0 auto;
    }
    .recycling .recycling-percentage p{
        text-transform: uppercase;
    }
    .recycling .recycling-description{
        margin: 0;
        grid-column: 8 / 11;
    }
    /* CAN BOTTLE */
    .can-bottle{
        grid-column: 1 / 14;
        margin: 4rem 0;
        padding: 0;
    }
    .can-bottle .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .can-bottle .wp-block-group__inner-container .carbon-title, .can-bottle .wp-block-group__inner-container .carbon-description{
        grid-column: 2 / 5;
        margin-left: 0;
    }
    .can-bottle .can-bottle-anim{
        margin: 0;
        grid-column: 1 / 14;
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .can-bottle .can-bottle-anim .titles{
        grid-column: 2 / 9;
    }
    .can-bottle .can-bottle-anim .sections-bottles{
        grid-column: 1 / 14;
        display: block;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .quantity{
        grid-column: 2 / 9;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .quantity .text{
        padding-left: 5rem;
        margin: 0;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .quantity .wp-block-group__inner-container{
        display: block;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .bottle-2{
        grid-column: 2 / 6;
        width: 100%!important;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .bottle-3{
        grid-column: 6 / 9;
        width: 100%!important;
    }
    .can-bottle .can-bottle-anim .sections-bottles .bottles .bottles-explication{
        grid-column: 9 / 14;
        grid-row: 1 / 3;
    }
    /* FAQ */
    .container-faq{
        grid-column: 2 / 14;
        margin: 0;
        padding: 0;
    }
    .container-faq .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
    }
    .container-faq .wp-block-group__inner-container h2{
        margin-left: 0;
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .container-faq .wp-block-group__inner-container .wp-block-search{
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        margin-top: 1rem;
    }
    .container-faq .wp-block-group__inner-container .faq-container-response{
        margin: 0;
        grid-row: 2 / 4;
        height: 600px;
        background-color: var(--bluelightmad);
    }
    .container-faq .wp-block-group__inner-container .faq{
        width: 100%;
        margin: 0;
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        background-color: var(--w);
        position: inherit;
        height: 100%;
        padding-top: 0;
        overflow-x: auto;
    }
    .container-faq .wp-block-group__inner-container .faq .faq-slider-inner{
        position: inherit;
        display: block;
    }
    .container-faq .wp-block-group__inner-container .faq .faq-slider-inner .faq-slider-question{
        display: block;
        width: 100%;
    }
    .container-faq .wp-block-group__inner-container .faq .faq-slider-inner .faq-slider-question p{
        padding: 0;
        margin-bottom: 1rem;
    }
    .container-faq .wp-block-group__inner-container .faq .faq-slider-inner .faq-slider-question:last-of-type p{
        margin: 0;
    }
    .container-faq .wp-block-group__inner-container .faq .faq-slider-inner .faq-slider-question.active p{
        padding: .5rem;
    }
    .container-faq .progress-bar{
        display: none;
    }
    /* FOOTER */
    footer .inside-footer{
        display: grid;
        grid-template-columns: 8.04% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 2.78% 11.67% 8.04%;
        margin: 0;
        align-items: center;
    }
    footer .inside-footer .footer-logo-hello{
        grid-column: 1 / 7;
        width: 50vw!important;
        padding-top: 50vw!important;
        height: 50vw!important;
        margin: 0!important;
    }
    footer .inside-footer .footer-section-link{
        margin: 0;
        display: grid;
        grid-template-columns: 100px 1fr 1fr 100px;
        grid-column: 8 / 14;
        padding: 2rem 0;
    }
    footer .inside-footer .footer-section-link .footer-cans{
        grid-column: 2 / 3;
    }
    footer .inside-footer .footer-section-link .footer-order{
        grid-column: 2 / 3;
    }
    footer .inside-footer .footer-section-link .footer-faq{
        order: 4;
        grid-column: 2 / 4;
    }
    footer .inside-footer .footer-section-link .footer-credits{
        display: flex;
        grid-column: 2 / 4;
        order: 5;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0;
    }
    footer .footer-logo-hello .wpcf7{
        display: block;
        position: absolute;
        top: 60%;
        left: 50%;
        width: 70%;
        z-index: 20;
        transform: translate(-50%, -50%);
    }
    footer .footer-logo-hello form.wpcf7-form{
        width: 80%;
        margin: 0 auto;
    }
/*    footer .footer-logo-hello form.wpcf7-form p label span.wpcf7-form-control-wrap input::placeholder, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea::placeholder, form.wpcf7-form p label{
        color: var(--w)!important;
    }*/
/*    footer .footer-logo-hello form.wpcf7-form p label span.wpcf7-form-control-wrap input, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
        color: var(--w)!important;
        border-color: var(--w)!important;
    }*/
    footer .footer-logo-hello form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
        height: 120px;
        margin-top: 10px;
    }
    footer div.wpcf7{
        display:none;
    }
    /* SLIDER */
    .slider.slick-slider{
        grid-column: 2 / 13;
        margin: 4rem 0;
    }
    .slick-slide img{
        width: 90%;
    }
    .slider.slick-slider p{
        margin: 2rem 0 0;
    }
    @keyframes circleAnim {
        0% {
            bottom: -185%;
        }
        100% {
            bottom: -155%;
        }
    }
    /* Sitemap */
    .sitemap-list{
        grid-column: 2 / 7;
    }
}
@media screen and (min-width: 1441px){
    @keyframes circleAnim {
        0% {
            bottom: -185%;
        }
        100% {
            bottom: -155%;
        }
    }
}
/* MAP TEST */
#Calque_1{
    width: 100%!important;
    height: 100%!important;
}