/*
 Theme Name:   WPOG FPU Child
 Theme URI:    https://fpu.bg.ac.rs
 Description:  Child theme for FPU website
 Author:       IT Spajz
 Author URI:   https://spajz.com
 Template:     wpog_fpu
 Version:      1.0.0
*/

@import url('../wpog_fpu/style.css');

.top-links-text h3 {
    font-size: 20px;
}

@media only screen and (max-width: 640px) {
    .top-links-boxes .top-links-box {
        border: 2px solid #333;
    }
}

a,
a h1,
a h2,
a h3 {
    color: #DC661E !important;
}

.white-color, .white-color a{
    color: #fff !important;
}

/* Category vazno - description styling */
.category-description {
    margin-top: 30px;
    padding-bottom: 20px;
}

/* HR divider styling */
.vazno-divider {
    border: none;
    height: 3px;
    background-color: #DC661E;
    margin: 5px 0 30px 0;
}

/* Remove margin from subcategories news-boxes */
.categories-content.subcategories-grid .news-box {
    margin-bottom: 0 !important;
}

/* Vazno category - remove top margin */
.categories-section.vazno-category {
    margin-top: 0;
}

/* ============================================
   Articles Template - Hero Image Styling
   ============================================

/* Articles Hero - Background with opacity overlay */
.articles-hero {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* White overlay on background image */
.articles-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    pointer-events: none;
    z-index: 1;
}

/* Override parent - big-pic images should use contain */
.big-pic img {
    object-fit: contain !important;
}

/* Image inside big-pic with object-fit: contain */
.articles-hero-img {
    width: 100%;
    height: 415px;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

/* Responsive adjustments */
@media only screen and (max-width: 640px) {
    .articles-hero-img {
        height: 250px;
    }
}