/* 
 Theme Name:     DiviPW
 Author:         PIM! Webdesign
 Author URI:     https://www.pimwebdesign.nl
 Template:       Divi
 Version:        1.0.1
*/ 

.single-project .et_pb_gallery_items img,
.projects-wrapper img,
.threecolumnimg img,
.twocolumnimage-home img{
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.et-pb-arrow-next, .et-pb-arrow-prev{
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: -3rem;
}
.et-pb-arrow-prev{
    left: 22px;
}
.et-pb-arrow-next{
    right: 22px;
}
.et_pb_gallery{
    padding-bottom: 3rem;
}
.et_pb_gallery:after{
    content: 'Klik op een foto om deze te vergroten';
    display: block;
    text-align: center;
    visibility: visible;
    height: auto;
    width: 100%;
    font-size: inherit;
    color: #333;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
/* Custom mobile menu – standaard verborgen */
.custom_mobile_menu {
    display: none;           /* start hidden */
    width: 100%;             /* volle breedte */
    padding-top: 35px;       /* jouw gewenste top margin */
    background-color: #fff;  /* optioneel achtergrond */
    box-sizing: border-box;
}

/* Menu-items */
.custom_mobile_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100vw;
}

.custom_mobile_menu li a {
    display: block;
    width: 100%;
    padding: 15px 10vw;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #000;
}

.custom_mobile_menu li a:hover {
    background-color: #eee;
}
#mobile_menu1,
.et_mobile_menu_container {
    display: none !important;
}
/* voorkom browser tooltip van title in Divi galleries */
.et_pb_gallery_image a[title]{
    pointer-events: none;
}

.et_pb_gallery_image a img{
    pointer-events: auto;
}

@media only screen and (min-width : 981px) {

}

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

}