body {
    min-height: 100vh;
    overflow-x: hidden;
}


.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active,
.btn-outline-success:hover {
    background: transparent
}

.btn-check:focus+.btn-outline-success, .btn-outline-success:focus {
    box-shadow: none;
}

.fit-contain {
    object-fit: contain;
}

.can-be-empty:empty {
    display: none;



}

/********** BACKGROUND **********/
.bgline-1 {
    display: none;
    /* width: 106vw;
    height: 200px;
    transform: rotate(15deg);
    transform-origin: left top;
    z-index: -1; */
}

.bgline-2 {
    display: none;
    /* width: 120vw;
    height: 80px;
    transform: rotate(-30deg);
    transform-origin: left bottom;
    z-index: -1; */
}
.bg-logo-right {
    background-image: url(/eurasia-logo.webp);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 240%;
}


/********** OVERLAY *********/
.overlay .overlay-content {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(45%,rgba(0,0,0,.6)),to(#000));
    background-image: linear-gradient(transparent,rgba(0,0,0,.6) 45%,#000);
}
.overlay-reverse .overlay-content {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(45%,rgba(0,0,0,.6)),to(transparent));
    background-image: linear-gradient(rgba(0,0,0,.6),transparent 45%,#000);
}


/*******************************************/
/***************** INDEX *******************/
/*******************************************/

.index-page-body {
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: start;
    justify-items: stretch;
    grid-template-columns: [start] 100% [end];
    grid-template-rows: [start] max-content [line1] max-content [line2] 1fr [end];
}
.index-page-body.index-main-articles-placing-1-0 .index-main-articles-block,
.index-page-body.index-main-articles-placing-1-2 .index-main-articles-block,
.index-page-body.index-main-articles-placing-2-0 .index-main-articles-block,
.index-page-body.index-main-articles-placing-1-5 .index-main-articles-block {
    grid-column-start: start;
    grid-column-end: end;
    grid-row-start: start;
    grid-row-end: line1;
}
.index-page-body.index-main-articles-placing-1-0 .index-aside-block,
.index-page-body.index-main-articles-placing-1-2 .index-aside-block,
.index-page-body.index-main-articles-placing-1-0 .index-aside-block,
.index-page-body.index-main-articles-placing-1-2 .index-aside-block {
    grid-column-start: start;
    grid-column-end: end;
    grid-row-start: line2;
    grid-row-end: end;
}
.index-page-body.index-main-articles-placing-1-0 .index-latest-news-block,
.index-page-body.index-main-articles-placing-1-2 .index-latest-news-block,
.index-page-body.index-main-articles-placing-1-0 .index-latest-news-block,
.index-page-body.index-main-articles-placing-1-2 .index-latest-news-block {
    grid-column-start: start;
    grid-column-end: end;
    grid-row-start: line1;
    grid-row-end: line2;
}
.index-aside-block img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .index-page-body {
        grid-template-columns: [start] calc(66.66% - 0.5rem) [line1] calc(33.33% - 0.5rem) [end];
        grid-template-rows: [start] max-content [line1] 1fr [end];
    }

    .index-page-body.index-main-articles-placing-1-0 .index-main-articles-block,
    .index-page-body.index-main-articles-placing-1-2 .index-main-articles-block {
        grid-column-start: start;
        grid-column-end: line1;
        grid-row-start: start;
        grid-row-end: line1;
    }
    .index-page-body.index-main-articles-placing-1-0 .index-aside-block,
    .index-page-body.index-main-articles-placing-1-2 .index-aside-block {
        grid-column-start: line1;
        grid-column-end: end;
        grid-row-start: start;
        grid-row-end: end;
    }
    .index-page-body.index-main-articles-placing-1-0 .index-latest-news-block,
    .index-page-body.index-main-articles-placing-1-2 .index-latest-news-block {
        grid-column-start: start;
        grid-column-end: line1;
        grid-row-start: line1;
        grid-row-end: end;
    }

    .index-page-body.index-main-articles-placing-2-0 .index-main-articles-block,
    .index-page-body.index-main-articles-placing-1-5 .index-main-articles-block {
        grid-column-start: start;
        grid-column-end: end;
        grid-row-start: start;
        grid-row-end: line1;
    }
    .index-page-body.index-main-articles-placing-2-0 .index-aside-block,
    .index-page-body.index-main-articles-placing-1-5 .index-aside-block {
        grid-column-start: line1;
        grid-column-end: end;
        grid-row-start: line1;
        grid-row-end: end;
    }
    .index-page-body.index-main-articles-placing-2-0 .index-latest-news-block,
    .index-page-body.index-main-articles-placing-1-5 .index-latest-news-block {
        grid-column-start: start;
        grid-column-end: line1;
        grid-row-start: line1;
        grid-row-end: end;
    }
}



.index-main-articles .placing-1-0,
.index-main-articles .placing-2-0,
.index-main-articles .placing-1-2,
.index-main-articles .placing-1-5 {
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: start;
    justify-items: stretch;
    grid-template-columns: [start] 100% [end];
    grid-template-rows: none;
}
.index-main-article {
    padding: 0px;
}

.index-main-articles .placing-1-0 .index-main-article-1 {
}
.index-main-articles .placing-1-0 .index-main-article-2,
.index-main-articles .placing-1-0 .index-main-article-3,
.index-main-articles .placing-1-0 .index-main-article-4,
.index-main-articles .placing-1-0 .index-main-article-5,
.index-main-articles .placing-1-0 .index-main-article-6 {
    display: none !important;
}

.index-main-articles .placing-2-0 .index-main-article-1,
.index-main-articles .placing-2-0 .index-main-article-2 {
}
.index-main-articles .placing-2-0 .index-main-article-3,
.index-main-articles .placing-2-0 .index-main-article-4,
.index-main-articles .placing-2-0 .index-main-article-5,
.index-main-articles .placing-2-0 .index-main-article-6 {
    display: none !important;
}

.index-main-articles .placing-1-2 .index-main-article-1,
.index-main-articles .placing-1-2 .index-main-article-2,
.index-main-articles .placing-1-2 .index-main-article-3 {
}
.index-main-articles .placing-1-2 .index-main-article-4,
.index-main-articles .placing-1-2 .index-main-article-5,
.index-main-articles .placing-1-2 .index-main-article-6 {
    display: none !important;
}

.index-main-articles .placing-1-5 .index-main-article-1,
.index-main-articles .placing-1-5 .index-main-article-2,
.index-main-articles .placing-1-5 .index-main-article-3,
.index-main-articles .placing-1-5 .index-main-article-4,
.index-main-articles .placing-1-5 .index-main-article-5,
.index-main-articles .placing-1-5 .index-main-article-6 {
}

@media (min-width: 992px) {
    .index-main-articles .placing-1-0 {
        display: grid;
        column-gap: 1rem;
        row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        align-items: start;
        justify-items: stretch;
        grid-template-columns: [start] 100% [end];
        grid-template-rows: [start] auto [end];
    }
    .index-main-articles .placing-1-0 .index-main-article-1 {
    }
    .index-main-articles .placing-1-0 .index-main-article-2,
    .index-main-articles .placing-1-0 .index-main-article-3,
    .index-main-articles .placing-1-0 .index-main-article-4,
    .index-main-articles .placing-1-0 .index-main-article-5,
    .index-main-articles .placing-1-0 .index-main-article-6 {
        display: none !important;
    }



    .index-main-articles .placing-2-0 {
        display: grid;
        column-gap: 1rem;
        row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        align-items: start;
        justify-items: stretch;
        grid-template-columns: [start] calc(50% - 0.5rem) [line1] calc(50% - 0.5rem) [end];
        grid-template-rows: [start] auto [end];
    }
    .index-main-articles .placing-2-0 .index-main-article-1,
    .index-main-articles .placing-2-0 .index-main-article-2 {
    }
    .index-main-articles .placing-2-0 .index-main-article-3,
    .index-main-articles .placing-2-0 .index-main-article-4,
    .index-main-articles .placing-2-0 .index-main-article-5,
    .index-main-articles .placing-2-0 .index-main-article-6 {
        display: none !important;
    }



    .index-main-articles .placing-1-2 {
        display: grid;
        column-gap: 1rem;
        row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        align-items: start;
        justify-items: stretch;
        grid-template-columns: [start] calc(50% - 0.5rem) [line1] calc(50% - 0.5rem) [end];
        grid-template-rows: [start] auto [line1] auto [end];
    }
    .index-main-articles .placing-1-2 .index-main-article-1 {
        grid-column-start: start;
        grid-column-end: end;
        grid-row-start: start;
        grid-row-end: line1;
    }
    .index-main-articles .placing-1-2 .index-main-article-2,
    .index-main-articles .placing-1-2 .index-main-article-3 {
    }
    .index-main-articles .placing-1-2 .index-main-article-4,
    .index-main-articles .placing-1-2 .index-main-article-5,
    .index-main-articles .placing-1-2 .index-main-article-6 {
        display: none !important;
    }



    .index-main-articles .placing-1-5 {
        display: grid;
        column-gap: 1.2rem;
        row-gap: 0.8rem;
        grid-column-gap: 1.2rem;
        grid-row-gap: 0.8rem;
        align-items: start;
        justify-items: stretch;
        grid-template-columns: [start] calc(33.33% - 0.8rem) [line1] calc(33.33% - 0.8rem) [line2] calc(33.33% - 0.8rem) [end];
        grid-template-rows: [start] auto [line1] auto [line2] auto [end];
    }
    .index-main-articles .placing-1-5 .index-main-article-1 {
        grid-column-start: start;
        grid-column-end: line2;
        grid-row-start: start;
        grid-row-end: line2;
    }
    .index-main-articles .placing-1-5 .index-main-article-2,
    .index-main-articles .placing-1-5 .index-main-article-3,
    .index-main-articles .placing-1-5 .index-main-article-4,
    .index-main-articles .placing-1-5 .index-main-article-5,
    .index-main-articles .placing-1-5 .index-main-article-6 {
    }
}
.latest-news-highlighted-block {
    padding: calc(var(--bs-gutter-x) * .5) 0px;
    padding-bottom: 8px;
}
.latest-news-highlighted-block h2 {
    color: white;
}

.latest-news-highlighted-block .col-lg-12,
.latest-news-highlighted-block .col-lg-6,
.latest-news-highlighted-block .col-lg-4 {
    padding: 8px;
    background-color: gray;
}

.latest-news-highlighted-block .title-frame{
    display: flex;
    justify-content: left;
    padding-left: 0px;
}

.big-card-block .small-card,
.small-card-block .big-card {
    display: none !important;
}
.latest-news-highlighted-block .small-card,
.latest-news-highlighted-block .big-card {
    background-color: gray;
}
.latest-news-highlighted-block .small-card .h2.text-body,
.latest-news-highlighted-block .big-card .h2.text-body{
    color: white!important;
}
.latest-news-highlighted-block .small-card .h6.text-body,
.latest-news-highlighted-block .big-card .h6.text-body{
    color: white!important;
}

.overlay .overlay-floating {
    max-height: 0;
    /* transition: max-height 0.5s ease-out; */
    overflow: hidden;
}
.overlay:hover .overlay-floating {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}
.overlay:hover .overlay-hover-hidden {
    display: none !important;
}
.overlay:hover .overlay-hover-displayed {
    display: none !important;
}
.overlay:hover .overlay-hover-displayed {
    display: inherit;
}
.index-subscription-button,
.index-subscription-button a {
    color: #ffffff !important;
}

.latest-news-highlighted-block-3 .overlay:hover .overlay-floating {
    max-height: 0px;
    /*transition: max-height 3s ease-in;*/
}
.latest-news-highlighted-block-3 .overlay:hover .text-body.overlay-hover-hidden {
    display: inline-block !important; 
}
.latest-news-highlighted-block-3 h3.overlay-hover-hidden {
    display: inline-block !important; 
}

@media (min-width: 992px) {
    .latest-news-highlighted-block-3 .overlay:hover h6.overlay-hover-hidden {
        display: inline-block !important; 
    }
    .latest-news-highlighted-block-3 .overlay:hover h3.overlay-hover-hidden {
        display: block !important; 
    }
    .latest-news-highlighted-block-3 .overlay:hover p.overlay-hover-hidden {
        display: inline-block !important; 
    }
    .latest-news-highlighted-block-3 .lg-h4 {
        font-size: 1rem;
    }
        
    .latest-news-highlighted-block .col-lg-12,
    .latest-news-highlighted-block .col-lg-6,
    .latest-news-highlighted-block .col-lg-4 {
        padding: 8px;
        background-color: gray;
    }

    .latest-news-highlighted-block .title-frame{
        padding-left: 0px;
    }
    
    .overlay:hover .overlay-floating {
        max-height: 180px;
        transition: max-height 0.5s ease-in;
    }
}
@media (min-width: 1200px) {
    .overlay:hover .overlay-floating {
        max-height: 210px;
        transition: max-height 0.5s ease-in;
    }
}


@media (min-width: 768px) {
    nav.navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: 1;
    }

    nav.navbar,
    nav.navbar .navbar-brand,
    nav.navbar .nav-link,
    nav.navbar button[data-bs-target="#searchModal"],
    nav.navbar a.btn,
    nav.navbar .nav-link,
    nav.navbar i,
    nav.navbar .navbar-brand img,
    .nav-margin {
        transition: .5s;
    }

    .nav-margin {
        height: 75px;
    }

    nav.navbar.scrolled {
        padding: 0;
        margin: 0;
    }
    .nav-margin.scrolled {
        height: 30px;
    }
    nav.navbar.scrolled .navbar-brand,
    nav.navbar.scrolled .nav-link,
    nav.navbar.scrolled button[data-bs-target="#searchModal"],
    nav.navbar.scrolled a.btn {
        padding-top: 0;
        padding-bottom: 0;
    }

    nav.navbar.scrolled .nav-link,
    nav.navbar.scrolled i {
        font-size: 12px;
    }

    nav.navbar.scrolled .navbar-brand img {
        width: 35px;
    }

    .bgline-1 {
        display: block;
        width: 100vw;
        height: 100vh;
        background: url(/eurasia-bg.webp);
        background-size: cover;
        z-index: -1;
        background-color: white !important;
        background-repeat: no-repeat;
        opacity: .3;
        position: fixed;
    }
}

@media (max-width: 1399.98px) {
    
    nav.navbar {
        padding: 8px;
        margin: 0;
    }
    .nav-margin {
        height: 60px;
    }
    nav.navbar .navbar-brand,
    nav.navbar .nav-link,
    nav.navbar button[data-bs-target="#searchModal"],
    nav.navbar a.btn {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    nav.navbar .nav-link,
    nav.navbar i {
        font-size: 14px;
    }
    
    nav.navbar .navbar-brand img {
        width: 60px;
    }
}
@media (max-width: 1199.98px) {
    .container.bg-darkblue {
        max-width: 1200px;
    }
}

@media (max-width: 1119.98px) {
    
    nav.navbar .navbar-brand,
    nav.navbar .nav-link,
    nav.navbar button[data-bs-target="#searchModal"],
    nav.navbar a.btn {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    nav.navbar .nav-link,
    nav.navbar i {
        font-size: 12px;
    }
    
    nav.navbar .navbar-brand img {
        width: 40px;
    }
}

@media (max-width: 767.98px) {
    nav.navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: 1;
        transition: .5s;
        max-height: 75px;
    }
    .nav-margin {
        height: 75px;
        transition: .5s;
    }
    nav.navbar .navbar-brand img {
        position: relative;
        top: 0px;
        transition: .5s;
    }

    nav.navbar.mobile-hide {
        max-height: 0px;
        padding: 0;
    }
    /* .nav-margin.mobile-hide {
        height: 0px;
    } */
    nav.navbar.mobile-hide .navbar-brand img {
        top: -65px !important;
    }
    /*
    .overlay:hover .overlay-hover-displayed {
        display: none;
    }
    .overlay:hover h3.overlay-hover-hidden {
        display: block !important;
    } */
    
    .overlay:hover h6.overlay-hover-hidden {
        display: none!important;
    }
    
    .overlay:hover .index-main-article-date.overlay-hover-hidden {
        display: none!important;
    }
}

@media (max-width: 991.98px) {
    .overlay .overlay-floating, .overlay:hover .overlay-floating {
        max-height: 100% !important;
        /* transition: max-height 0.5s ease-in; */
    }

    .overlay .overlay-content {
        background: none !important;
    }
    .overlay:hover .overlay-hover-hidden {
        display: inherit !important;
    }
    .overlay:hover h3.overlay-hover-hidden {
        display: block!important;
    }
    .overlay:hover h6.overlay-hover-hidden {
        display: none!important;
    }
    .overlay:hover p.overlay-hover-hidden {
        display: none!important;
    }
    .position-relative.overlay:hover .position-md-absolute > a > h6,
    .position-relative.overlay:hover .position-md-absolute > p {
        display: none !important;
    }

}

/*******************************************/
/**************** ARTICLE LIST *************/
/*******************************************/
.article-list-heading {
    bottom: -1px!important;
    left:-1px!important
}

@media (max-width: 767.98px) {
    .article-list-heading {
        bottom: initial!important;
        left:initial!important;
        top: 0px!important;
    }
    .article-list-date {
        display: none !important;
    }
    .article-list-lead {
        font-size: 1rem !important;
        font-weight: 500;
    }
}


/*******************************************/
/**************** ARTICLE ******************/
/*******************************************/


/**************** VIDEO ******************/
.youtube-container, .map-container {
    padding-bottom: 56.25%;
    height: 0;
}

/**************** Label ******************/
.article-label-item {
    cursor: pointer;
}

/**************** Share ******************/
.share-block .share-button {
    cursor: pointer;
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    .share-block .share-button {
        font-size: 1rem;
    }
}

iframe.facebook-iframe,
.fb-post.fb_iframe_widget,
.fb-post.fb_iframe_widget span {
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .twitter-tweet {
        display:grid!important;
    }
    
    .twitter-tweet iframe{
        justify-self: center;
        min-width: 516px;
    }
}

.cooperation img {
    width: 100%;
}