﻿.fslightbox-source iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain; /* Ensures the video scales proportionally */
}

/*#region top margin for main-eurotimes container to clear navigation */

#main-eurotimes {
    margin: 100px auto 0 auto;
}

/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    #main-eurotimes {
        margin: 150px auto 0 auto;
    }
}
/* landscape orientation */
@media only screen and (min-width : 768px) and (max-width : 834px) and (orientation : landscape) {
    #main-eurotimes {
        margin: 80px auto 0 auto;
    }
}
/* portrait orientation */
@media only screen and (min-width : 768px) and (max-width : 834px) and (orientation : portrait) {
    #main-eurotimes {
        margin: 100px auto 0 auto;
    }
}

/* portrait orientation */
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait) {
    #main-eurotimes {
        margin: 100px auto 0 auto;
    }
}

@media only screen and (min-width : 1140px) {
    #main-eurotimes {
        /*max-width: 80%;*/
        margin: 100px auto 0 auto;
    }
}

@media only screen and (min-width : 1224px) {
    #main-eurotimes {
        /*max-width: 80%;*/
        margin: 160px auto 0 auto;
    }
}

/*#endregion */

/*#region top margin for main container to clear navigation */

#main {
    margin: 60px auto 0 auto;
}

/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    #main {
        margin: 60px auto 0 auto;
    }
}
/* landscape orientation */
@media only screen and (min-width : 768px) and (max-width : 834px) and (orientation : landscape) {
    #main {
        margin: 60px auto 0 auto;
    }
}
/* portrait orientation */
@media only screen and (min-width : 768px) and (max-width : 834px) and (orientation : portrait) {
    #main {
        margin: 60px auto 0 auto;
    }
}

/* portrait orientation */
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait) {
    #main {
        margin: 60px auto 0 auto;
    }
}

@media only screen and (min-width : 1140px) {
    #main {
        margin: 60px auto 0 auto;
    }
}

@media only screen and (min-width : 1224px) {
    #main {
        margin: 80px auto 0 auto;
    }
}

/*#endregion */

@media (min-width: 992px) {
    #main-eurotimes .container, #main-eurotimes .container-lg, #main-eurotimes .container-md, #main-eurotimes .container-sm {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    #main-eurotimes .container, #main-eurotimes .container-lg, #main-eurotimes .container-md, #main-eurotimes .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1366px) {
    #main-eurotimes .container, #main-eurotimes .container-lg, #main-eurotimes .container-md, #main-eurotimes .container-sm {
        max-width: 1040px;
    }
}

@media (min-width: 992px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1366px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 1040px;
    }
}

/*#region Ad styling */

.sponsor-container {
    position: fixed;
    top: 200px;
    bottom: 0;
    width: 10%;
    display: none;
}

.sponsor-left {
    left: 0;
}

.sponsor-right {
    right: 0;
}

.sponsor-topbar img {
    max-height: 70px !important;
}

@media (min-width: 992px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 900px;
    }

    .sponsor-left {
        left: calc(50% - 450px - var(--bs-gutter-x, .75rem) - 10%);
    }

    .sponsor-right {
        right: calc(50% - 450px - var(--bs-gutter-x, .75rem) - 10%);
    }
}

@media (min-width: 1200px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 960px;
    }

    .sponsor-left {
        left: calc(50% - 480px - var(--bs-gutter-x, .75rem) - 10%);
    }

    .sponsor-right {
        right: calc(50% - 480px - var(--bs-gutter-x, .75rem) - 10%);
    }
}

@media (min-width: 1366px) {
    .eurotimes-article .container, .eurotimes-article .container-lg, .eurotimes-article .container-md, .eurotimes-article .container-sm {
        max-width: 1040px;
    }

    .sponsor-left {
        left: calc(50% - 520px - var(--bs-gutter-x, .75rem) - 10%);
    }

    .sponsor-right {
        right: calc(50% - 520px - var(--bs-gutter-x, .75rem) - 10%);
    }
}

.sponsor-horizontal {
    max-width: 90%;
    text-align: center;
    margin: 2em auto;
}

    .sponsor-horizontal img {
        max-width: 100%;
        max-height: 150px;
        height: auto;
    }

@media only screen and (min-width : 1140px) {
    .sponsor-container {
        top: 195px;
        display: block;
    }

    .article-main {
        /*max-width: 80%;*/
        margin: 0 auto;
    }
}

@media only screen and (min-width : 1680px) {
    .sponsor-container {
        top: 190px;
        display: block;
    }

    .article-main {
        /*max-width: 80%;*/
        margin: 0 auto;
    }
}

/*#endregion */

.full-underline-teal {
    display: inline-block;
    position: relative
}
.full-underline-teal:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom: 2px solid #077c76;
}

.article-main {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.navbar-brand-logo {
    max-width: 12rem;
}

img, svg {
    max-width: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

.filter.form-check {
    display: inline-block;
    min-width: 10em;
    margin-right: 0.5em;
}

.navbar-brand-et-logo {
    max-height: 60px;
    padding: 0 0 10px 0;
}

.eurotimes-article img.floatleft, .eurotimes-article img.alignnone {
    display: inline-block;
    float: left;
    padding: 0 10px 0 10px;
}

.eurotimes-article div.floatleft {
    display: inline-block;
    float: left;
    padding: 0 10px 0 10px;
}

.eurotimes-article img {
    max-width: 100%;
    height: auto;
}

.navbar-scrolled a.et-ad {
    display: none;
}

.wp-caption {
    font-size: smaller;
}

    .wp-caption img {
        max-width: 100%;
        height: auto;
    }

.umbraco-forms-indicator {
    color: red;
}

.box-mh-1 {
    min-height: 5rem;
}

.content-container {
    max-width: initial;
}

.column-3 {
    /* Mobile layout (1 column) */
    column-count: 1;
}

.card-body-fixed-height {
    height: 200px; /* Set your desired fixed height */
    overflow-y: auto; /* Enable vertical scrolling */
    position: relative; /* Ensure the gradient overlay is positioned correctly */
}



    .card-body-fixed-height::-webkit-scrollbar {
        width: 5px; /* Set the width of the scrollbar */
    }

    .card-body-fixed-height::-webkit-scrollbar-thumb {
        background-color: transparent; /* Set the default color of the scrollbar thumb */
        border-radius: 10px; /* Optional: Make the scrollbar thumb rounded */
    }

    .card-body-fixed-height:hover::-webkit-scrollbar-thumb {
        background-color: #f5851f; /* Change the color when the card body is hovered */
    }

.fadeout {
    position: relative;
    bottom: 2em;
    height: 2em;
    background: -webkit-linear-gradient( rgba(255,249,255, 0) 0%, rgba(255,255,255, 1) 100% );
    background-image: -moz-linear-gradient( rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100% );
    background-image: -o-linear-gradient( rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100% );
    background-image: linear-gradient( rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100% );
}


@media (min-width: 992px) {
    .mt-lg-15 {
        margin-top: 7rem !important;
    }
}

@media only screen and (min-width: 768px) {
    /* Larger screens (3 columns) */
    .column-3 {
        column-count: 3;
    }
}


@media only screen and (min-width : 1224px) {
    .show-on-hover .card-text {
        opacity: 0;
    }
}

.show-on-hover .card-body:hover .card-text {
    opacity: 1;
}

.show-on-hover .card-body .card-text p {
    color: #fff;
}


@media (min-width: 576px) {
    .content-container {
        max-width: initial;
    }
}

@media (min-width: 768px) {
    .content-container {
        max-width: initial;
    }
}

@media (min-width: 992px) {
    .content-container {
        max-width: 480px
    }

    .w-lg-90 {
        width: 90% !important;
    }
}

@media (min-width: 1200px) {
    .content-container {
        max-width: 570px;
        padding: 0 15px;
    }
}


@media only screen and (min-width : 1224px) {
    .navbar-scrolled img.navbar-brand-et-logo {
        transition: all .2s ease-in-out;
        max-height: 50px;
    }

    .navbar-brand-et-logo {
        transition: all .2s ease-in-out;
        max-height: 60px;
        padding: 0;
    }

    .box-mh-1 {
        min-height: 16rem;
    }
}
