/*
Theme Name: lescompagnonsdumiel - Colibri WP Child
Theme URI: https://colibriwp.com/go/colibri-theme/
Template: colibri-wp
Author: Extend Themes
Author URI: https://colibriwp.com/
Description: Colibri is a beautiful, extremely customizable, multipurpose theme that you can use to create an amazing website by drag and drop. It comes with a predesigned home page, 5 header designs and over 35 ready to use content blocks that you can easily customize. You can also design your own custom blocks by combining over 25 drag and drop components. Colibri has lots of customization options (video background, slideshow background, header content types, etc) that will help you create a website that stands out in no time. It is also responsive so it works on mobile devices out of the box. Colibri is the only theme you will ever need! CHECK OUT THE DEMOS: https://colibriwp.com/go/demos
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,right-sidebar,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.0.125.1730889288
Updated: 2024-11-06 11:34:48

*/

/* couleur lien contenu */
body #content p a {
    color: #428AC7;
}
body #content p a:hover {
    color: #f86e00;
}



/* Start custom CSS for text-editor, class: .elementor-element-eb085f7 */body h2 {
    font-family: "232MKSDRoundMedium", Sans-serif;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-39e44fdd */.wp-caption {
    border: none
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
    font-family: '232MKSDRoundBold';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../../uploads/2024/04/232MKSDRoundBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
    font-family: '232MKSDRoundMedium';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../../uploads/2024/04/232MKSDRoundMedium.ttf') format('truetype');
}
/* End Custom Fonts CSS */


/* Désactiver le zoom sur les pages produits */

body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
	opacity: 0!important;
	pointer-events: none;
}

/* Retirer le texte promotionnel des points fidelité sur les pages produits */
.product-reward-panel-wrapper.woocommerce-noreviews{
    opacity: 0;
    display: none;
}


/* Couleur des liens des filtres dans la boutique */

body#colibri .widget .wpc-filters-widget-content  ul li a:not(.wp-block-button__link) {
	color:black !important;
}


/* Fil D'ariane */
	/* Page produit */

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs {}
.apiculteur-single #breadcrumbs {
    text-align:center;
    margin: 10px 0 20px;
}
body.single-product .elementor-widget-breadcrumbs p#breadcrumbs, .apiculteur-single #breadcrumbs {
	color: rgb(253, 203, 21);
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a,
body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a:visited,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a:visited {
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
    letter-spacing: 0px;
	color: rgb(253, 203, 21);
    text-transform: uppercase;
/*    line-height: 14px;*/
}


.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a,
.apiculteur-single #breadcrumbs a, .apiculteur-single #breadcrumbs a:visited {
    line-height: auto;
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs a svg,
.apiculteur-single #breadcrumbs a svg {
    width: 16px;
    height: 16px;
    fill: currentColor;

}
.apiculteur-single #breadcrumbs a svg {

    top: 4px;
    position: relative;
}

body.single-product .elementor-widget-breadcrumbs p#breadcrumbs .breadcrumb_last,
.apiculteur-single #breadcrumbs .breadcrumb_last {
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgb(191, 144, 0);
    text-transform: uppercase;
}


/* Message de validation d'ajout au panier */
.woocommerce-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px; /* Ajustez la largeur selon vos préférences */
    width: 90%; /* Ajustez la largeur selon vos préférences */
    padding: 40px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.woocommerce-message .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #888;
}

.woocommerce-message.fade-out {
    opacity: 0;
}


/* Nombre d'articles à côté du panier */

.cart-count {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.69);
    border-radius: 50%;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 25px;
    width: 25px;
    line-height: 21px;
    color: rgb(253, 203, 21);
}

/* Bouton ajouter au panier */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {

    background-color: rgb(253, 203, 21);
    color: #000;
    border: none;
    padding: 5px 10px;
    width: 150px;
    display: block !important;
    height: 35px;
    font-size: 16px;
    cursor: pointer;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
#dropContent .sib-default-btn,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button {
    background-color: rgb(253, 203, 21);
    color: #000;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button
 {
    background-color: rgb(253, 203, 21);
    color: #000;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button:hover,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
#dropContent .sib-default-btn:hover,
body .site .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button:hover,
body .site .wpc-filters-main-wrap a.wpc-filters-submit-button:hover
 {
    opacity: 0.85;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: rgb(43, 47, 49);
    color: rgb(181, 174, 165);
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}



table.variations label {
display: none !important;
}

.woocommerce .products form.variations_form {
    /* margin-bottom: 5px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.woocommerce .products .product.product-type-variable:not(.wep-quantity-disabled) .single_variation_wrap .woocommerce-variation-add-to-cart {
    justify-content: center;
}

/* SUppression de From Free!  */

body span.ywcnp_suggest_label {
	display: none;
}

/* Centrer le texte d'identification */
.wc-block-must-login-prompt {
    text-align: center;
    width: 100%;
}

/* Page panier */
body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout .wc-block-components-express-payment-continue-rule,
.ppcp-messages[data-partner-attribution-id="Woo_PPCP"] {
    display: none !important;
}

/* Newsletter */


#dropContent {
    padding-top: 70px;
}


#dropContent .popup_title.title_font p{
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    color: #262626;
    margin-bottom: 11px;
}

#dropContent h3 {
    font-size: 18px;
}

.sib-email-area .sib-email-area {
    max-width: 450px;
    border: none;
    background: #ebebeb;
    color: #999;
    text-align: center;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 90%;
}

.sib-submit-area {
    width: 100%;
    text-align: center;
}

#dropContent .sib-default-btn {
    color: #FFF;    
    line-height: 40px;
    border: none;
    vertical-align: middle;
    color: #fff !important;
    font-weight: 500;
    text-align: center;
    padding: 0 15px;
    text-transform: uppercase;
    min-width: 125px;
    font-size: 14px;
    padding-right: 38px;
    text-align: center;
    cursor: pointer;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}



/* Page apiculteur */
.apiculteur-single {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}


.single-apiculteur #reusable-sections-3 {
    display: none;
}

    /* Nom (titre) */
    /* .api-title h1 {
        font-family: "232MKSDRoundMedium", Sans-serif;
        background-image: url(../../uploads/2024/08/fond_texte_jaune.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 20px;
    }*/


    .api-title h1 {
        font-family: "232MKSDRoundMedium", Sans-serif;
        background-image: url(../../uploads/2024/08/fond_texte_jaune.png); /* Chemin vers l'image */
        background-position: left center; /* Position de l'image */
        background-repeat: no-repeat; /* Ne pas répéter l'image */
        background-size: 100% 100%; /* Adapter l'image à la largeur et la hauteur du texte */
        padding: 0 10px; /* Ajouter un peu d'espacement autour du texte si nécessaire */
        display: inline-block; /* Nécessaire pour que l'arrière-plan suive uniquement le contenu */
    }

    
    .apiculteur-single h2 {
        text-align: center;
        font-family: "232MKSDRoundMedium", Sans-serif;
        font-size: 29px;
    }
    .apiculteur-details {
        display: flex;
        justify-content: space-between;
        text-align: center;
        margin-bottom: 80px;
        align-items: center;
    }
    .apiculteur-details .featured-image img {
        max-width: 250px;
    }

    .apiculteur-details .icon-detail img {
        max-width: 150px;
    }


    .apiculteur-details .travailleDEquipe {
        text-transform: lowercase;
    }

    .api-description, .api-comment .api-comment-text {
        display: flex;
        justify-content: space-between;  
        align-items: center;     
        gap: 30px; 
        margin-bottom: 80px;
    }


    .api-description div, .api-comment-text div, .api-defi div, .api-message div.message p {
        text-align: center;   
        padding: 0 6%;
    }

    .api-comment .api-comment-text a {
        text-align: center;
        width: 100%;
        display: block;
    }

    .api-description img, .api-comment img{
        max-width: 400px;   
    }
    .api-description.paysage img{
        max-width: 50%;
    }

    .api-description.paysage div {
        padding: 0;
    }

    .api-slider {
        width: 80vw;
        transform: translateX(-14vw);
        margin-bottom: 80px;     
    }

    .api-defi {
        margin-bottom: 80px;   
    }

    /*.api-video {
        width: 100vw;
        transform: translateX(-24%);
        margin-bottom: 80px;   
    }

*/    /*.api-video iframe {
        height: 100vh;
        width: 100vw;
    }*/

    /* Style pour la vidéo */
    .api-video {
        position: relative; /* Nécessaire pour l'organisation interne */
        width: 100vw; /* Largeur complète de l'écran */
        left: 50%; /* Décalage pour annuler l'effet du parent */
        transform: translateX(-50%); /* Ramène la div à gauche */
        margin-left: 0;
        margin-right: 0;


        margin-bottom: 80px;   
    }

    /* Conteneur vidéo */
    .video-container {
        position: relative;
        width: 100%; /* Prend toute la largeur de api-video */
        padding-top: 56.25%; /* Ratio 16:9 */
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .api-message {
        padding-bottom: 200px;  
    }

    .api-message h2{
        position: relative; /* Nécessaire si vous souhaitez styliser avec before et after */
        display: flex; /* Affiche les éléments sur une ligne */
        align-items: center; /* Aligne verticalement les éléments */
        justify-content: center; /* Centre tout horizontalement */
    }

    .api-message h2::before, .api-message h2:after{
        width: 50px;
        height: 50px;
        display: block;
        content:" ";
        background-image: url(../../uploads/elementor/thumbs/haut_parleur-qta30fwosqo693o2m541raowkqjwigou7thxfn26wk.png);
        margin: 0 10px; /* Espacement entre le texte et les lignes */
    }
     .api-message h2:after{
        transform: scaleX(-1);
     }
     .api-message .message {
        margin-bottom: 100px;
     }
     .api-message-dot {
        display: flex;
        gap: 20px;
     }
    .api-message-dot a {
        display: block;
        width: 100%;
        height: 250px;
        background-size: cover;   
        text-align: center;
        padding: 50px;
    }

     .api-message-dot-valeurs {
        background-image: url(../../uploads/2024/08/cercle_jaune_apiculteur.png);
     }

     .api-message-dot-certifie {
        background-image: url(../../uploads/2024/08/point_tracabilite.png);
     }

     .api-message-dot-equitable {
        background-image: url(../../uploads/2024/08/cercle_jaune_agri_ethique_france.png);
     }

     .api-message-dot-planet {
        background-image: url(../../uploads/2024/08/cercle_jaune_pot_miel_loupe.png);
     }

     .api-miel {
        margin-bottom: 80px;   
    }
    .api-miel h2{
        position: relative; /* Nécessaire si vous souhaitez styliser avec before et after */
        display: flex; /* Affiche les éléments sur une ligne */
        align-items: center; /* Aligne verticalement les éléments */
        justify-content: center; /* Centre tout horizontalement */
    }

    .api-miel h2::before {
        width: 50px;
        height: 50px;
        display: block;
        content:" ";
        background-image: url(../../uploads/elementor/thumbs/abeille-couleurs_sans_fond-1-qta316861wqeq42dcbdo0nwe6cnt4p13hit5nys20k.png);
        margin: 0 10px; /* Espacement entre le texte et les lignes */
        background-repeat: no-repeat;
    }
    

    .api-miel-all{
        display: flex;
        justify-content: center;
    }

    .api-miel-detail {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .api-miel-pourquoi p {
        text-align: center;
    }


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

        .api-title h1 {
            background-position: center center;
        }

        .featured-image {
            padding-bottom: 50px;
        }

        .apiculteur-details, .api-description, .api-comment-text, .api-message-dot {
            flex-direction: column;
        }

        .api-description.paysage div {
            padding: 0 6%;
        }

        .api-description.paysage img {
            max-width: 100%;
        }

        .api-video, .api-slider {
            transform: translateX(0);
            width: 100%;
        }
        .api-video {
            margin-bottom: 150px;
        }
        .api-video {
            position: relative; /* Nécessaire pour l'organisation interne */
            width: 100vw; /* Largeur complète de l'écran */
            left: 0; /* Décalage pour annuler l'effet du parent */
            transform: none; /* Ramène la div à gauche */

            
/*            margin-bottom: 80px; */
            margin-bottom: 150px;   
        }

        .api-message-dot a {
            width: 280px;
            height: 270px;
            margin: 0 auto 50px auto;
        }
        .api-message {
            padding-bottom: 60px;
        }

        .api-miel h2::before {
            position: absolute;
            top: -70px;
        }

        .api-message h2::before, .api-message h2:after {
            position: absolute;
            top: -70px;
        }

        .api-message h2:after{
            display: none;
        }

    }






/* Cookies */
#cookie-notice .cookie-notice-container::after {
    
    width: 320px;
    height: 150px;
    /* background-color: red; */
    background-image: url(img/cookies.png);
    background-size: cover;
    content: " ";
    position: absolute;
    bottom: 20px;
    right: 50px;
}

#cookie-notice.fade-out .cookie-notice-container::after {
    opacity: 0;
    transition: opacity 0.5s ease; /* Durée de l'animation : 0.5 seconde */
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    background-color: rgb(253, 203, 21) !important;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover {
    background-color: #f86e00 !important;
}

@media screen and (max-width: 400px) { 
    #cookie-notice::after {
        bottom: 110px;
        right: 30px;
    }
}



/* Fonction rechercher */
body .fancybox-slide{
    overflow: hidden;
}

body .fancybox-content {
    position:fixed;
    left:0
}


/* Retirer bouton Google Pay des pages produits */
body.single-product .wcpay-express-checkout-wrapper {
    display: none;
}

body.single-product.woocommerce div.product form.cart .variations {
    width: 45%;
}



/* Page résultat de recherche */

.colibri-main-content-archive {
    background-color: rgb(253, 203, 21);
/*    padding-top: 120px;*/
}


body#colibri .colibri-main-content-archive .h-column-container .h-column__inner {
    background-color: #FFF;
}


body#colibri .colibri-main-content-archive .colibri-post-category,
body#colibri .colibri-main-content-archive .h-blog-meta,
body#colibri .colibri-main-content-archive .h-button__icon {
    display: none;
}

body#colibri .colibri-main-content-archive a {
    color: #428AC7;
}


body#colibri .colibri-main-content-archive .colibri-post-excerpt,
body#colibri .colibri-main-content-archive .metadata-prefix,
body#colibri .colibri-main-content-archive .meta-separator {
    color: #767f8b;
}

.colibri-main-content-archive-result {
    width: 100%;
    text-align: center;
}

/* Div contenant les point de ventes */
#mapPDV {
/*    display: none;*/
}
.page-id-154 #content p a {
    color: #428AC7 !important;
}



/* Carte des compagnons */

.imapsLabel {
    font-family: "232MKSDRoundMedium", Sans-serif;
}

.igm-map-content p {
    padding: 20px;
    text-align: center;
    margin: 0;
}

.igm-map-content p a {
    color: #FFF;
    background-color: #000;
    padding: 10px 70px;
}


@media screen and (max-width: 700px) { 
    .igm-map-content p a {
        padding: 10px 20px;
    }

    .igm-map-content td {
        width: 25%;
        max-height: 100vh;
        overflow: auto;
        vertical-align: top;
    }

    .igm-map-content td img {
        vertical-align: top;
    }
}




.elementor-social-icons-wrapper.elementor-grid {
    justify-items: left !important;
}

.elementor-element.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding-top: 50px;
}




/* Message d'erreur colissimo */
a.custom-phone-error  {
    display: block;
    padding: 15px;
    background-color: #ffeb3b;
    color: #d32f2f;
    text-align: center;
    font-weight: bold;
    border: 2px solid #d32f2f;
    border-radius: 8px;
    text-decoration: none;
    margin: 20px 0;
}

a.custom-phone-error:hover {
    background-color: #fdd835;
    color: #b71c1c;
}


/* Retirer le padding sur les nouvelles pages produits (par exemple pouss-miel) */
body.single-product.woocommerce-page .product {
    padding: 0;
}


.woocommerce-page .content .h-section form h2 {
    display: none;
}
