.elections-homepage {
    margin: 4.2vh var(--mobile-margin-width) 0;
}

.elections-homepage .homepage-polls-banner {
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 100%;
    aspect-ratio: 1.2;
    &:hover figure {
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    }
}

.elections-homepage .homepage-polls-banner .banner-desktop {
    display: none;
}

.elections-homepage .homepage-polls-banner img {
    max-width: 100%;
}

.elections-homepage h2 {
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 8vw;
    color: var(--realitatea-gray-text);
    font-weight: bold;
    span {
        font-size: 4vw;
        font-family: "Leitura Sans Grot 2", sans-serif;
    }
}

.elections-homepage .article-box-title {
    margin-top: 1vh;
    margin-bottom: 1.5rem;
    align-items: center;
}

.elections-homepage .article-box-title::after {
    font-family: "Realitatea Icons";
    content: "\f30b";
    color: black;
    font-size: 5vw;
    margin-right: 2vw;
    margin-left: 1vw;
    margin-bottom: 1vw;
}

.elections-homepage .article-box-title span {
    color: var(--realitatea-red);
}

.homepage-polls-slider-container {
    overflow: hidden;
}

.elections-homepage .homepage-polls-slider {
    white-space: nowrap;
    gap: 1rem;
}

@keyframes slider {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.elections-homepage .homepage-polls-slider .statistics-block {
    white-space: nowrap;
    gap: 1.5rem;
    padding: 1rem;
    border: 1px solid black;
    border-radius: 10px;
}

.homepage-exit-poll-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vh;
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.homepage-exit-poll-counter a {
    text-align: center;
}

.homepage-exit-poll-counter a span {
    font-family: "Leitura Sans Grot 3", sans-serif!important;
}

.homepage-exit-poll-counter .exit-poll-timing {
    color: var(--realitatea-red);
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 6vw;
    font-weight: bold;
    width: 8ch;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--realitatea-red);
    text-align: center;
}

.realitatea-ultimele-stiri-block-text:has(.homepage-exit-poll-counter) h1 {
    display: none;
}

.realitatea-ultimele-stiri-block-text:has(.homepage-exit-poll-counter)::after {
    content: none;
}

.realitatea-ultimele-stiri-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(13, auto);
    grid-template-areas:
            "legile"
            "last-news"
            "ultimele-stiri-advert-1"
            "filter"
            "big-img"
            "big-text"
            "big-hr"
            "ultimele-stiri-advert-2"
            "small-1"
            "small-2"
            "small-3"
            "ultimele-stiri-advert-3"
            "small-4";
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin-left: 0;
    margin-bottom: 7.5vh;
    margin-top: 4.2vh;
}

.ultimele-stiri-advert-1 {
    grid-area: ultimele-stiri-advert-1;
}

.ultimele-stiri-advert-2 {
    grid-area: ultimele-stiri-advert-2;
}

.ultimele-stiri-advert-3 {
    grid-area: ultimele-stiri-advert-3;
}

.realitatea-ultimele-stiri-block-text:after {
    background: var(--realitatea-red);
    content: "";
    height: 0.5vh;
    margin-top: 3vh;
    width: calc(100% - 2 * var(--mobile-margin-width));
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.realitatea-ultimele-stiri-block > article > div.article-box-image {
    grid-area: big-img;
    margin-right: 0;
}

.realitatea-ultimele-stiri-block > article > div.realitatea-ultimele-stiri-block-big-article {
    grid-area: big-text;
    margin-right: var(--mobile-margin-width);
    margin-left: var(--mobile-margin-width);
    margin-top: 2vh;
    display: flex;
    flex-direction: column;
}

.realitatea-ultimele-stiri-block > hr.realitatea-hr-after-article {
    grid-area: big-hr;
    width: calc(100% - 2 * var(--mobile-margin-width));
    margin: 3vh var(--mobile-margin-width);
}

.realitatea-ultimele-stiri-block-first-article {
    grid-area: small-1;
    margin: 0 var(--mobile-margin-width) 0;
    display: flex;
    flex-direction: column;
}

.realitatea-ultimele-stiri-block-second-article {
    grid-area: small-2;
    margin: 0 var(--mobile-margin-width) 0;
    display: flex;
    flex-direction: column;
}

.realitatea-ultimele-stiri-block-third-article {
    grid-area: small-3;
    margin: 0 var(--mobile-margin-width) 0;
    display: flex;
    flex-direction: column;
}

.realitatea-ultimele-stiri-block-forth-article {
    grid-area: small-4;
    margin: 0 var(--mobile-margin-width) 0;
    display: flex;
    flex-direction: column;
}

.realitatea-ultimele-stiri-block-live-box {
    grid-area: legile;
    margin-left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 56.25vw;
    position: relative;
}

.realitatea-ultimele-stiri-block-live-box > figure > a {
    height: 100%;
}

.realitatea-ultimele-stiri-block-live-box > figure > a > img {
    height: 100% !important;
}

.realitatea-ultimele-stiri-block-live-icon {
    color: var(--realitatea-white-text);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.realitatea-ultimele-stiri-block-live-icon-wrapper:hover {
    background-color: transparent;
}

.realitatea-ultimele-stiri-block-live-icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.realitatea-ultimele-stiri-block-live-box img, .realitatea-ultimele-stiri-block-live-box figure, .realitatea-ultimele-stiri-block-live-box a {
    height: 100%;
}

.realitatea-ultimele-stiri-block-text {
    grid-area: last-news;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 3vh 0;
}

.realitatea-ultimele-stiri-block-text h1 {
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 12vw;
    color: var(--realitatea-gray-text);
    font-weight: bold;
}


@media only screen and (min-width: 600px) {

    .realitatea-ultimele-stiri-block-text h1 {
        font-size: 10vw;
    }

    .elections-homepage h2 {
        font-size: 5vw;
        span {
            font-size: 3vw;
        }
    }
}

@media only screen and (min-width: 768px) {

    .realitatea-ultimele-stiri-block-text h1 {
        font-size: 8vw;
    }

    .elections-homepage .article-box-title::after {
        font-size: 2vw;
        margin-bottom: 0;
    }

    .elections-homepage .homepage-polls-slider .statistics-block {
        gap: 3rem;
    }

    .elections-homepage .homepage-polls-banner {
        aspect-ratio: 3.88;
        margin-top: 3vh;
        margin-bottom: 5vh;
    }
    .elections-homepage .homepage-polls-banner .banner-desktop {
        display: block;
    }

    .elections-homepage .homepage-polls-banner .banner-mobile {
        display: none;
    }
}

@media only screen and (min-width: 992px) {

    .homepage-exit-poll-counter {
        margin-left: 0;
        margin-right: 0;
        .exit-poll-timing {
            font-size: 2vw;
        }
    }

    .elections-homepage {
        margin-left: var(--margin-width);
        margin-right: var(--margin-width);
        margin-bottom: 0;
    }

    .elections-homepage h2 {
        font-size: 3.8vw;
        span {
            font-size: 2.2vw;
        }
    }

    .realitatea-ultimele-stiri-block {
        display: grid;
        grid-template-columns: repeat(3, 1fr) var(--realitatea-margin-fr);
        //grid-template-rows: 12vw 4.5vw 18.5vw 1fr 1fr;
        grid-template-rows: 12vw 4.5vw 18.5vw;
        grid-template-areas: none;
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin-left: var(--margin-width);
        margin-bottom: 7.5vh;
    }

    .realitatea-ultimele-stiri-block > article > div.article-box-image {
        grid-area: 1 / 1 / 4 / 3;
        margin-right: 1vw;
    }

    .realitatea-ultimele-stiri-block > article > div.realitatea-ultimele-stiri-block-big-article {
        grid-area: 4 / 1 / 5 / 3;
        margin-right: 1vw;
        margin-top: 0;
        margin-left: 0;

    }

    .realitatea-ultimele-stiri-block-first-article {
        grid-area: 4 / 3 / 5 / 4;
        margin: 5.1vh 0 0 2vw;
    }

    .realitatea-mobile-article .article-box-image {
        grid-area: auto;
    }

    .realitatea-ultimele-stiri-block-second-article {
        grid-area: 5 / 1 / 6 / 2;
        margin: 5vh 2vw 0 0;
    }

    .realitatea-ultimele-stiri-block-third-article {
        grid-area: 5 / 2 / 6 / 3;
        margin: 5vh 1vw 0;
    }

    .realitatea-ultimele-stiri-block-forth-article {
        grid-area: 5 / 3 / 6 / 4;
        margin: 5vh 0 0 2vw;
    }

    .realitatea-mobile-article {
        display: block;
    }

    .realitatea-mobile-article .article-box-time {
        margin: 1.7vh 0 0;
        grid-area: auto;
    }

    .realitatea-mobile-article .article-box-title {
        grid-area: auto;
    }

    .realitatea-ultimele-stiri-block-live-box {
        grid-area: 1 / 3 / 3 / 4;
        margin-left: 2vw;
        width: calc(100% - 2vw);
        height: 16.5vw;
    }

    .realitatea-ultimele-stiri-block-text {
        grid-area: 3 / 3 / 4 / 5;
        text-align: left;
        margin-left: 2vw;
        margin-top: 2.8vh;
    }

    .realitatea-ultimele-stiri-block-text h1 {
        font-size: 4.2vw;
    }

    .realitatea-ultimele-stiri-block-text:after {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1366px) {
    .elections-homepage {
        max-width: 989px;
        margin-left: calc(calc((100vw - 989px) / 2));
        margin-right: calc(calc((100vw - 989px) / 2));
    }

    .elections-homepage h2 {
        font-size: 2.8em;
        span {
            font-size: .5em;
        }
    }

    .realitatea-ultimele-stiri-block {
        grid-template-rows: 185px 100px 85px;
        grid-template-columns: repeat(3, 1fr);
        max-width: 989px;
        margin-left: calc(calc((100vw - 989px) / 2));
        margin-right: calc(calc((100vw - 989px) / 2));
    }

    .realitatea-ultimele-stiri-block-live-box {
        grid-area: 1 / 3 / 2 / 4;
        height: 100%;
    }

    .realitatea-ultimele-stiri-block-text:after {
        margin-top: 0;
    }

    .realitatea-ultimele-stiri-block-text {
        grid-area: 2 / 3 / 4 / 4;
    }

    .realitatea-ultimele-stiri-block-text h1 {
        font-size: 3.5em;
        text-align: center;
    }

    .realitatea-ultimele-stiri-block > article > div.article-box-image {
        grid-area: 1 / 1 / 4 / 3;
    }
}

@media only screen and (min-width: 1920px) {
    .elections-homepage {
        max-width: 1390px;
        margin-left: calc(calc((100vw - 1390px) / 2));
        margin-right: calc(calc((100vw - 1390px) / 2));
    }

    .realitatea-ultimele-stiri-block {
        grid-template-rows: 260px 140px 121px 1fr 1fr;
        max-width: 1390px;
        margin-left: calc(calc((100vw - 1390px) / 2));
        margin-right: calc(calc((100vw - 1390px) / 2));
    }
}

@media only screen and (min-width: 3840px) {
    .elections-homepage {
        max-width: 2780px;
        margin-left: calc(calc((100vw - 2780px) / 2));
        margin-right: calc(calc((100vw - 2780px) / 2));
    }

    .realitatea-ultimele-stiri-block {
        grid-template-rows: 520px 260px 242px 1fr 1fr;
        max-width: 2780px;
        margin-left: calc(calc((100vw - 2780px) / 2));
        margin-right: calc(calc((100vw - 2780px) / 2));
    }
}


/*Pagination*/

nav > ul.pagination > li > a {
    font-family: "Leitura Sans Grot 2", sans-serif;
    font-size: 5vw;
    color: var(--realitatea-gray-text);
    font-weight: bold;
    padding-top: 1.25vh;
    padding-bottom: 1.25vh;
}

nav > ul.pagination > li > a:hover {
    color: var(--realitatea-white-text);
}

@media only screen and (min-width: 600px) {
    nav > ul.pagination > li > a {
        font-size: 4.2vw;
    }
}

@media only screen and (min-width: 768px) {
    nav > ul.pagination > li > a {
        font-size: 3.4vw;
    }
}

@media only screen and (min-width: 992px) {
    nav > ul.pagination > li > a {
        font-size: 1.75vw;
    }

    nav > ul.pagination {
        margin-top: 9.2vh;
    }
}

@media only screen and (min-width: 1366px) {
    nav > ul.pagination > li > a {
        font-size: 1.25vw;
    }
}

.homepage-interscroller-advert {
    margin-top: 3vh;
    margin-bottom: 3vh;
    position: relative;
    overflow: hidden;
    z-index: 0;
    height: 100vh;
    clip: rect(0px, auto, auto, 0px);
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.homepage-interscroller-container {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: url("https://www.sanador.ro/storage/editorial/Ce/nt/1684/Centrul-Oncologic-Sanador---Radioterapie---Varian-True-Beam.jpg?w=1920&h=1080") no-repeat center/cover;
}