/* Mentions légales */
/* Politique de protection de la vie privée */
/* Conditions Générales de Vente */
/* Pages persos */
.layout-container[data-alias="mentions-legales"] #mainPage a,
.layout-container[data-alias="politique-de-confidentialite"] #mainPage a,
.layout-container[data-alias="conditions-generales-de-vente"] #mainPage a,
#mainPage.backgrounds a{
    color: #97BD42;
    overflow-wrap: break-word;
}
.layout-container[data-alias="mentions-legales"] #mainPage a:hover,
.layout-container[data-alias="politique-de-confidentialite"] #mainPage a:hover,
.layout-container[data-alias="conditions-generales-de-vente"] #mainPage a:hover,
#mainPage.backgrounds a:hover{
    text-decoration: underline;
}
/* Moyens de paiement */
/* Modes de livraison */
.layout-container[data-alias="moyens-paiement"] #mainPage,
.layout-container[data-alias="modes-livraison"] #mainPage{
    margin-left: -30px;
    margin-right: -30px;
}
.layout-container[data-alias="moyens-paiement"] .lt-flex > .wp-block-group__inner-container,
.layout-container[data-alias="modes-livraison"] .lt-flex > .wp-block-group__inner-container{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.layout-container[data-alias="moyens-paiement"] .lt-flex > .wp-block-group__inner-container > .wp-block-group,
.layout-container[data-alias="modes-livraison"] .lt-flex > .wp-block-group__inner-container > .wp-block-group{
    padding: 24px 32px;
}
/* hr (Gutenberg) */
.wp-block-separator.is-style-wide{
    border-color: #899927;
    border-bottom-width: 2px;
}
/* Pages avec colonnes images/textes (Gutenberg) */
.columnPerso.wp-block-columns{
    gap: 40px;
}
@media (max-width: 1200px) {
    .columnPerso.wp-block-columns{
        flex-wrap: wrap;
        justify-content: center;
    }
    .columnPerso.wp-block-columns .wp-block-column:not(:only-child){
        flex-basis: inherit !important;
    }
    .columnPerso.wp-block-columns .wp-block-column .wp-block-image img{
        margin: 0 auto;
    }
}
/* Iframe responsive */
@media screen and (max-width: 1000px) {
    .videoIframe{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
    }
    .videoIframe iframe{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}