.elementor-2319 .elementor-element.elementor-element-af9d3df{--display:flex;--overlay-opacity:0.5;}.elementor-2319 .elementor-element.elementor-element-af9d3df::before, .elementor-2319 .elementor-element.elementor-element-af9d3df > .elementor-background-video-container::before, .elementor-2319 .elementor-element.elementor-element-af9d3df > .e-con-inner > .elementor-background-video-container::before, .elementor-2319 .elementor-element.elementor-element-af9d3df > .elementor-background-slideshow::before, .elementor-2319 .elementor-element.elementor-element-af9d3df > .e-con-inner > .elementor-background-slideshow::before, .elementor-2319 .elementor-element.elementor-element-af9d3df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://nataliasuri.in/wp-content/uploads/2025/12/6.jpg?t=1769862344");--background-overlay:'';background-position:center center;}.elementor-2319 .elementor-element.elementor-element-7b5dd5f{--display:flex;}.elementor-2319 .elementor-element.elementor-element-57b3390{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2319 .elementor-element.elementor-element-57b3390 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2319 .elementor-element.elementor-element-57b3390:after{content:"0.66";}.elementor-2319 .elementor-element.elementor-element-57b3390 .elementor-post__thumbnail__link{width:100%;}.elementor-2319 .elementor-element.elementor-element-57b3390 .elementor-post__meta-data span + span:before{content:"///";}.elementor-2319 .elementor-element.elementor-element-57b3390.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2319 .elementor-element.elementor-element-57b3390.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2319 .elementor-element.elementor-element-57b3390.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-2319 .elementor-element.elementor-element-57b3390 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2319 .elementor-element.elementor-element-57b3390:after{content:"0.5";}.elementor-2319 .elementor-element.elementor-element-57b3390 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-7b5dd5f *//* --- THE DARK ACADEMIA BLOG CARD --- */

/* 1. The Card Container */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post {
    background-color: #0d0d0d !important; /* Deep Black */
    border: 1px solid #333 !important; /* Dark Grey Border initially */
    border-radius: 2px !important;
    padding: 0px !important; /* Remove default padding */
    box-shadow: none !important;
    transition: all 0.4s ease !important;
}

/* 2. Hover Effect: Turns into a "Gold File" */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post:hover {
    border-color: #bf953f !important; /* Turns Gold */
    transform: translateY(-5px); /* Lifts up */
    box-shadow: 0px 10px 30px rgba(191, 149, 63, 0.15) !important; /* Gold Glow */
}

/* 3. The Image Area */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__thumbnail {
    padding-bottom: 60% !important; /* Adjusts image height */
    filter: sepia(30%) contrast(1.1); /* Vintage photo look */
    transition: all 0.5s ease;
}

.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post:hover .elementor-post__thumbnail {
    filter: sepia(0%) contrast(1.2); /* Clears up on hover */
}

/* 4. The Content Box (Text Area) */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__text {
    padding: 25px !important;
    background-color: #0d0d0d !important;
}

/* 5. The Title (Headline) */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__title {
    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__title a {
    color: #f0f0f0 !important; /* White text */
}

.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post:hover .elementor-post__title a {
    color: #bf953f !important; /* Turns Gold on card hover */
}

/* 6. The Excerpt (Summary) */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__excerpt p {
    color: #999 !important; /* Grey text */
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    line-height: 1.6;
}

/* 7. The "Read More" Button */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__read-more {
    color: #bf953f !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    margin-top: 15px;
    display: inline-block;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
}

.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__read-more:hover {
    border-bottom: 1px solid #bf953f; /* Underlines on hover */
    color: #fff !important;
}

/* 8. Meta Data (Date) */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-post__meta-data {
    color: #555 !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- PAGINATION STYLING --- */
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-pagination .page-numbers {
    background-color: transparent !important;
    color: #888 !important;
    border: 1px solid #333 !important;
    font-family: 'Cinzel', serif !important;
}

.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-pagination .page-numbers.current,
.elementor-2319 .elementor-element.elementor-element-7b5dd5f .elementor-pagination .page-numbers:hover {
    background-color: #bf953f !important;
    color: #0d0d0d !important;
    border-color: #bf953f !important;
}/* End custom CSS */