/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Lycia Diaz - Astuces Divi
Author URI: https://astucesdivi.com/
*/

/*PAGES ARCHIVES RECETTES*/
.recette_archive{
    padding-top:2vw;
}
.row_recettes{
    display:flex;
    flex-wrap: wrap;
    width:96vw;
    margin:auto;
}

.recette_ludi{
    border : solid 1px #2F2F2F;
    margin: 2vw;
}

.recette_ludi .image_recette img{
    width:27.8vw !important;
    height:20.8vw !important;
    margin-bottom:1vw;
}


.nombre_personnes, .preparation{
    color:#2F2F2F;
    font-size:1.25vw;
    font-style:italic;
    margin-bottom:0.5vw;
    margin-left: 1vw;
}

.titre_recette {
    color:#967D0D;
    font-style:italic;
    font-size:1.5vw;
    margin-bottom:0.5vw;
    margin-left: 1vw;
}

.recette_voir {
    margin-right:1.5vw;
    padding:0;
    border:none;
    background-color:rgba(0, 0, 0, 0);
}

.recette_voir a{
    background-color:#967D0D;
    color:#2F2F2F;
    font-weight:bold;
    font-size:1.5vw;
    padding: 0.3vw 2vw;
    width:6.9vw;
}

.wrapper_elements{
    display:flex;
    padding-bottom :0.5vw;
    justify-content: space-between;
}


/* Tablettes comprises entre 768px et 980px */
@media all and (min-width: 670px) and (max-width: 979px) {

    .recette_ludi{
        margin: 4vw;
    }

    .recette_ludi .image_recette img{
        width:39.7vw !important;
        height:29.6vw !important;
        margin-bottom:0.7vw;
    }

    .titre_recette {
        font-size:2.2vw;
        margin-bottom:0.5vw;
    }


    .nombre_personnes, .preparation{
        font-size:1.84vw;
        margin-bottom:0vw;
    }

    .recette_voir a{
        font-size:2.2vw;
        padding: 0.6vw 2vw;
        width:6.9vw;
    }

}

/* Smartphones et petites tablettes comprises entre 320px et 768px */
@media all and (min-width: 200px) and (max-width: 669px) {
    .recette_archive{
        padding-top:4vw;
    }

    .recette_ludi{
        margin: 4vw 10vw;
    }

    .recette_ludi .image_recette img{
        width:76vw !important;
        height:56.7vw !important;
        margin-bottom:0.4vw;
    }

    .titre_recette {
        font-size:3.8vw;
        margin-bottom:0.5vw;
    }


    .nombre_personnes, .preparation{
        font-size:2.5vw;
        margin-bottom:0vw;
    }

    .recette_voir a{
        font-size:3.8vw;
        padding: 1vw 2.7vw;
        width:6.9vw;
    }

    .recette_voir {
        margin-right:3.2vw;

    }
}


/*PAGES ARCHIVES ACTUALITES*/
.actualites_archive{
    padding-top:2vw;
}
.row_actualites{
    display:flex;
    flex-wrap: wrap;
    width:96vw;
    margin:auto;
}

.actualite_ludi{
    border : solid 1px #2F2F2F;
    margin: 2vw;
}

.actualite_ludi .image_actualite img{
    width:27.8vw !important;
    height:20.8vw !important;
    margin-bottom:1vw;
}

.date_publication, .commentaires{
    color:#2F2F2F;
    font-size:1.25vw;
    font-style:italic;
    margin-bottom:0.5vw;
    margin-left: 1vw;
}

.titre_actualite {
    color:#967D0D;
    font-style:italic;
    font-size:1.5vw;
    margin-bottom:0.5vw;
    margin-left: 1vw;
}

.actualite_voir {
    margin-right:1.5vw;
    padding:0;
    border:none;
    background-color:rgba(0, 0, 0, 0);
}

.actualite_voir a{
    background-color:#967D0D;
    color:#2F2F2F;
    font-weight:bold;
    font-size:1.5vw;
    padding: 0.3vw 2vw;
    width:6.9vw;
}

/* Tablettes comprises entre 768px et 980px */
@media all and (min-width: 670px) and (max-width: 979px) {

    .actualite_ludi{
        margin: 4vw;
    }

    .actualite_ludi .image_actualite img{
        width:39.7vw !important;
        height:29.6vw !important;
        margin-bottom:0.7vw;
    }

    .titre_actualite {
        font-size:2.2vw;
        margin-bottom:0.5vw;
    }


    .date_publication, .commentaires{
        font-size:1.84vw;
        margin-bottom:0vw;
    }

    .actualite_voir a{
        font-size:2.2vw;
        padding: 0.6vw 2vw;
        width:6.9vw;
    }

}

/* Smartphones et petites tablettes comprises entre 320px et 768px */
@media all and (min-width: 200px) and (max-width: 669px) {
    .actualites_archive {
        padding-top: 4vw;
    }

    .actualite_ludi {
        margin: 4vw 10vw;
    }

    .actualite_ludi .image_actualite img {
        width: 76vw !important;
        height: 56.7vw !important;
        margin-bottom: 0.4vw;
    }

    .titre_actualite {
        font-size: 3.8vw;
        margin-bottom: 0.5vw;
    }


    .date_publication, .commentaires {
        font-size: 2.5vw;
        margin-bottom: 0vw;
    }

    .actualite_voir a {
        font-size: 3.8vw;
        padding: 1vw 2.7vw;
        width: 6.9vw;
    }

    .actualite_voir {
        margin-right: 3.2vw;

    }
}


/*ADD TO CART BUTTON haut niveau*/
.add_to_cart_button {
    background-color:#967D0D !important;
    color:#000000 !important;
}