/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* MENU START -------------- */
/* pour enlever la fleche du menu deroulant dans le menu start */
#menuprincipal .et-menu .menu-item-has-children > a:first-child::after{
    display: none;
}

/* bordure du sous-menu du menu start */
#menuprincipal .sub-menu{
    border: 2px solid #111112;
}

/* pour elargir la zone de hover du menu start */
#menu-item-35{width: 200px;}

#menuprincipal .nav ul li a:hover {
    background-color: rgba(17, 17, 18, 0.2);
    opacity: 1;
    transition: none;
  }

/* gestion du menu principal et burger en responsive */
@media (max-width: 980px) {
    #menuprincipal.et_pb_menu .et_pb_menu__menu {
        display: flex;
    }
    #menuprincipal.et_pb_menu .et_mobile_nav_menu{
        display: none;
    }
    #menufooter.et_pb_menu .et_pb_menu__menu {
        display: flex;
    }
    #menufooter.et_pb_menu .et_mobile_nav_menu{
        display: none;
    }
}

/* désactiver le background blanc forcé sur le main des pages
il fait chier parce qu'il est pas pris en compte dans le theme builder
--------------------------------
#main-content{
    background-color: transparent!important;
}
-------------------------------- */

/* CSS de la section socials -----------------*/
.mainsocials{
    display: grid;
    grid-template-columns: repeat(2, max-content) ;
    grid-auto-rows: auto;
    justify-content: center;
    column-gap: 3rem;
    padding: 3rem 1rem;
}
.mainsocials > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.7rem;
    color: #E8E8E8!important;
}
.mainsocials > a:hover{
    color: #2e2ca1!important;
    text-decoration: underline!important;
}
.mainsocials > a > img{margin-right: 1.5rem;}
.introcol2{
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
}
@media (max-width: 500px){
    .mainsocials > a{
        font-size: 0;
        justify-content: center;
    }
    .mainsocials > a > img{margin-right: 0;}
}

/* SECTION WORK */
.homeworkgallery .et_pb_ajax_pagination_container{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: 18rem;
    gap: 2rem;
}
.homeworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item{
    position: relative;
    width: 100%!important;
    grid-column: span 1;
}
.homeworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(-n + 2){
    grid-column: span 2;
}
.homeworkgallery .et_portfolio_image{
    height: 100%;
}
.homeworkgallery .et_portfolio_image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.homeworkgallery .et_pb_ajax_pagination_container .et_pb_module_header{
    font-size: 1rem!important;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background-color: rgba(17, 17, 18, 0.66);
    padding: 0.5rem 1rem!important;
    border-radius: 0.5rem;
    border: 2px solid white;
}

/*galerie de projets sur pages de projet individuel*/
.homeworkgallery.projectworkgallery .et_pb_ajax_pagination_container{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-auto-rows: 10rem;
    gap: 0.5rem;
}
.homeworkgallery.projectworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item{
    grid-column: span 1 !important;
}

.project-gallery-clearfix .clearfix::after {
    display: none;
}
.project-gallery-clearfix .et_pb_gallery_item.et_pb_gallery_item_0_0{
    grid-column: span 2;
    grid-row: span 2;
}
.et_pb_post .project-gallery-clearfix a img{
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .homeworkgallery .et_pb_ajax_pagination_container{
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 14rem;
    }
    .homeworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item,
    .homeworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(-n + 2){
        grid-column: span 1;
    }
}
@media only screen and (max-width: 666px){
    .homeworkgallery .et_pb_ajax_pagination_container{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .homeworkgallery .et_pb_ajax_pagination_container .et_pb_portfolio_item{
        margin-bottom: 0!important;
    }
}
@media (max-width: 460px){
    .homeworkgallery .et_pb_ajax_pagination_container{
        grid-auto-rows: 10rem;
    }
}

/* ETSY ------------ */
@media only screen and (max-width: 666px){
   .homeetsymodule .et_pb_gallery_item:nth-last-child(-n + 4){
        display: none!important;
    }
}


/* FOOTER ---------- */
.test h2{
    font-size: clamp(72px, 10vw, 300px) !important;
    line-height: 0.7em;
}