/* parrainage mars 2026 */

.parrainage-bandeau-carte{
    min-width:1400px!important;
    width:1400px;
}
.parrainage-mars-2026-container{
    position:relative;
    overflow-x:clip;
}

.parrainage-mars-2026-container .parrainage-mars-2026-container-content{
    position:relative;
    z-index:2;
}

.parrainage-mars-2026-container .parrainage-mars-2026-feuille-top-right, .parrainage-mars-2026-container .parrainage-mars-2026-feuille-bottom-left{
    position:absolute;
    opacity:.3;
    z-index:1;
}

.parrainage-mars-2026-container .parrainage-mars-2026-feuille-top-right{
    right: -200px;
    transform: rotate(44deg);
    top: 350px;

}

.parrainage-mars-2026-container .parrainage-mars-2026-feuille-bottom-left{
    bottom: 0;
    left: -100px;
    transform: rotate(317deg);
}

#parrainage-mars-2026-copy-link{
    cursor:pointer;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip text */
.tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #004851;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: -50px;
    text-transform:none!important;
    font-weight:400!important;
    font-size:18px!important;
    font-family: 'Roboto', sans-serif;
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
    visibility: visible!important;
}

.tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}



@media only screen and (max-width:601px) {

    .parrainage-mars-2026-container-content{
        padding:0 15px!important;
    }

    .parrainage-mars-2026-container .parrainage-logo{
        width:165px;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-titre-invitation{
        font-size:17px!important;
        padding:11px 33px!important;
        line-height:23px!important;
        margin: 34px 0 20px 0!important;
        border-radius:10px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-titre-mois{
        font-size: 33px!important;
        line-height:39px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-titre-mois .parrainage-mars-2026-mois{
        font-size: 50px!important;
        display:block;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-titre-mois font{
        font-size: 25px!important;
        display:block;
        margin-top:10px;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-titre-date{
        font-size:26px!important;
        line-height:31px!important;
        margin-top:17px!important;
    }

    .parrainage-mars-2026-container .parrainage-bandeau-carte{
        min-width:auto!important;
        width:auto!important;
        flex-flow:column nowrap!important;
        gap:0;
    }

    .parrainage-mars-2026-container .parrainage-bandeau-carte img{
        height:auto!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-block-raisons{
        padding:13px 13px 30px 13px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-block-raisons .wp-block-heading{
        font-size:24px!important;
        line-height:34px!important;
        letter-spacing:-.7px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-block-raisons ul{
        font-size:16px!important;
        line-height:19px!important;
        letter-spacing: -0.32px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-block-raisons ul li:not(:last-child){
        margin-bottom:10px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-bouton-mobile a{
        font-size:17px!important;
        letter-spacing:-0.17px!important;
        line-height:20px!important;
        padding:11px 20px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-text-outro{
        margin-top:35px!important;
        font-size:17px!important;
        line-height:20px!important;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-feuille-top-right{
        right: -120px;
        top: 0px;
        width: 250px;
    }

    .parrainage-mars-2026-container .parrainage-mars-2026-feuille-bottom-left{
        bottom: -120px;
        left: -90px;
        width: 200px;
    }

    .page-id-27587 .entry-content{
        margin-bottom:0!important;
    }

    .tooltiptext{
        top: 30px;
        left: -70px;
    }

}