/*
 Theme Name: EWTN Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Casper Molhoek 
 Author URI: https://www.polarisit.nl
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


.custom-posts-grid {
    display: grid;
    gap: 20px; /* Default gap */
}

.post-item {
    position: relative;
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    transition: all 0.3s ease; /* Default transition for hover effects */
}

.post-item.hover-scale {
    transform: scale(1.05);
}

.post-item.hover-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.post-image img {
    width: 100%;
    height: auto;
}

.post-icon {
    position: absolute;
    width: 64px;
    height: 64px;
    overflow: hidden;
}

.post-icon.top-left {
    top: 10px;
    left: 10px;
}

.post-icon.top-right {
    top: 10px;
    right: 10px;
}

.post-icon.bottom-left {
    bottom: 10px;
    left: 10px;
}

.post-icon.bottom-right {
    bottom: 10px;
    right: 10px;
}

.post-date {
    color: #888;
}