/* TILTE */
.page-id-79 .entry-title{
    max-width: 1400px;
    margin-bottom: 30px;
}
/* IMAGE GALLERY */ 
.page-id-79 section.image_gallery ul.gallery_wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0px;
    width:100%;
}
.page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item{
    width:20%;
}
.page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item:nth-child(4n){
     /* width:32%; */
}
.page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item:nth-child(3n){
     /* width:30%; */
} 
.page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item:nth-child(4n){
    /* width:30%; */
} 
.page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item:nth-child(5n){
    /* width:10%; */
}  
@media only screen and (min-width: 1920px) {}
@media only screen and (max-width: 1200px) {
    .page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item{
        width:25%;
    } 
}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 769px) {
     .page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item{
        width:33.33%;
    } 
}
@media only screen and (max-width: 576px) {
     .page-id-79 section.image_gallery ul.gallery_wrapper  li.gallery_item{
        width:50%;
    } 
}

/* MODAL */
#galleryModal{
    overflow-y: scroll;
}
#galleryModal .modal-dialog{
    max-width: 80vw;
    margin-top:20px;
    justify-content:center;
    pointer-events: all;
}
#galleryModal .modal-dialog .modal-content{
    background: black;
    border: solid 1px hwb(0deg 100% 0% / 21%);
    border-radius: 15px;
    width:auto;
}
/* header */
#galleryModal .modal-dialog .modal-content .modal-header{
     padding: 10px 15px;
    border-bottom: 0px;
}
#galleryModal button.previous{
    position: absolute;
    top: 50vh;
    left: 0;
    margin-left: 50px;
    z-index: 9999;
    color: hsl(0deg 0% 100% / 75%);
    font-size: 4.1em;
    line-height: 0.6;
    padding: 0px;
    background: none;
    border: none;
}
#galleryModal button.previous:hover{
    color:#ffffff;
}
#galleryModal button.next{
    position: absolute;
    top: 50vh;
    right: 0;
    margin-right: 50px;
    z-index: 9999;
     color: hsl(0deg 0% 100% / 75%);
    font-size: 4.1em;
    line-height: 0.6;
    padding: 0px;
    background: none;
    border: none;
}
#galleryModal button.next:hover{
    color:#ffffff;
}
#galleryModal .modal-dialog .modal-content .modal-header button.close{
    color: white;
    opacity: 1;
    text-shadow: none;
    font-size: 2.2em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    line-height: 0.6;
    margin-left: auto;
    padding:0px;
    position: relative;
    right: -5px;
}
#galleryModal .modal-dialog .modal-content .modal-header button.close:hover{
    opacity: 0.6;
}

/* body */
#galleryModal .modal-dialog .modal-content .modal-body{
    padding: 0 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
}
#galleryModal .modal-dialog .modal-content .modal-body figure{
    margin-bottom: 0px;
}
#galleryModal .modal-dialog .modal-content .modal-body figure figcaption{
    line-height: 1.6;
    margin-top: 6px;
    font-weight: 300;
    font-size:0.9em;
}
#galleryModal .modal-dialog .modal-content .modal-body figure video{
    max-width: 1200px;
    width:100%;
}
@media only screen and (min-width: 1920px) {
    #galleryModal .modal-dialog{
        max-width: 1570px;
    }	
}
@media only screen and (max-width: 1200px) {
    #galleryModal .modal-dialog{
        max-width: 100vw;
    }	
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 769px) {
    #galleryModal{
        padding-right:0px;
    }  
    #galleryModal .modal-dialog{
        max-width: 100vw;
        margin:10px;
    }	
    #galleryModal button.previous{
        top: 43vh;
        margin-left: 20px;
    }
    #galleryModal button.next{
        top: 43vh;
        margin-right: 20px;
    }
    #galleryModal .modal-dialog .modal-content .modal-header{
        padding: 7px 10px;
    }
    #galleryModal .modal-dialog .modal-content .modal-header button.close{
        font-size: 1.4em;
        left:-2px;
    }
    #galleryModal .modal-dialog .modal-content .modal-body{
        padding: 0 10px;
        padding-bottom: 7px;
    }
    #galleryModal .modal-dialog .modal-content .modal-body figure figcaption{
        font-size:0.7em;
    }
}
@media only screen and (max-width: 576px) {
    #galleryModal button.previous{
        top: 43vh;
        margin-left: 20px;
    }
    #galleryModal button.next{
        top: 43vh;
        margin-right: 20px;
    }
}