/* In The Media Section Styles - using theme classes */
.media-section {
    background: #222;
}

.media-section .text-center {
    text-align: left;
}

.media-section .section-subtitle {
    color: #aa8453;
}

.media-section .section-title {
    color: #fff;
}

.media-section .mb-30 {
    /* margin-bottom: 30px !important; */
}

.media-section .news-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.media-section .news-item-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.media-section .news-item-image img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.media-section .news-item:hover .news-item-image img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%);
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.media-section .news-item-label {
    background-color: #2B2B2B;
    padding: 15px 20px;
    text-align: center;
    font-family: 'Gilda Display', serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.media-section .butn-dark {
    margin-top: 30px;
    text-align: center;
}

.media-section .butn-dark a {
    background: #aa8453;
    color: #fff !important;
}

.media-section .butn-dark a span {
    color: #fff !important;
}

.media-section .butn-dark a:hover:after {
    background: #2B2B2B !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .media-section .news-item {
        margin-bottom: 40px;
    }
}

/* Media Page Styles - uses blog structure (news2) */
/* Styles are inherited from blog theme styles, but we ensure images display correctly */

.news2 .post-img img {
    width: 100%;
    height: auto;
    display: block;
}

.news2 .post-cont .info {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}

.news2 .post-cont h5 a {
    color: #fff;
}

.news2 .post-cont h5 a:hover {
    color: #aa8453;
}

/* Sidebar widgets styling for dark background */
.bg-black .news2-sidebar .widget {
    background: #1a1a1a;
    border: 1px solid #333;
}

.bg-black .news2-sidebar h6.widget-title {
    color: #fff;
    border-bottom-color: #333;
}

.bg-black .news2-sidebar .widget ul li a {
    color: #fff;
}

.bg-black .news2-sidebar .widget ul li a:hover {
    color: #aa8453;
}

.bg-black .news2-sidebar .widget ul li .post-date {
    color: #999;
}

.bg-black .news2-sidebar .widget_search .search-field {
    background: #2a2a2a;
    border-color: #444;
    color: #fff;
}

.bg-black .news2-sidebar .widget_search .search-field:focus {
    border-color: #aa8453;
    background: #333;
}

.bg-black .news2-sidebar .widget_search .search-field::placeholder {
    color: #999;
}

/* Media page button styles - white text on dark background */
.news2.section-padding.bg-black .post-cont .butn-dark a,
.media-section .butn-dark a {
    color: #fff !important;
}

.news2.section-padding.bg-black .post-cont .butn-dark a span,
.media-section .butn-dark a span {
    color: #fff !important;
}