/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* Container Background from image */
/* Container */
.masonry-wrapper {  padding: 40px 0; min-height: 400px; }
.grid-item { width: 25%; padding: 12px; box-sizing: border-box; }
.post-card { position: relative; overflow: hidden; border-radius: 8px; background: #000; }
.post-card img { width: 100%; height: auto; display: block; transition: 0.5s ease; opacity: 0.9; }
.post-card:hover img { transform: scale(1.05); opacity: 0.7; }
.post-overlay { position: absolute; bottom: 0; padding: 25px 15px; width: 100%; background: linear-gradient(transparent, rgba(0,0,0,0.9)); pointer-events: none; }
.post-overlay .date { color: #fff; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.post-overlay .post-title { color: #fff; font-size: 17px; margin: 5px 0 0; text-transform: uppercase; line-height: 1.2; }
.filter-nav { margin-bottom: 35px; }
.filter-btn { background: none; border: none; font-size: 11px; font-weight: 700; margin: 0 15px; cursor: pointer; color: #444; text-transform: uppercase; }
.filter-btn.active, .filter-btn:hover { color: #d1a456!important; background: transparent!important;}
.loader-spinner { width: 30px; height: 30px; border: 3px solid #ddd; border-top: 3px solid #d1a456; border-radius: 50%; display: inline-block; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (max-width: 1024px) { .grid-item { width: 33.33%; } }
@media (max-width: 768px) { .grid-item { width: 50%; } }
@media (max-width: 480px) { .grid-item { width: 100%; } }

.archive-header-banner {
    
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
    display: none!important;
}

.archive-title {
    font-size: 54px; /* Large size */
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 0;
    line-height: 1;
}

/* Responsive fix for smaller screens */
@media (max-width: 768px) {
    .archive-title {
        font-size: 32px;
        letter-spacing: 2px;
    }
    .archive-header-banner {
        padding: 40px 15px;
    }
}




/**CSS for main header**/
#site-header{padding: 15px 20px;}
#site-header-inner{border-radius: 15px; background-color: #fff;padding: 20px;}