/* Mobile & Print */


@media (max-width: 768px) {

    .hero-title {font-size: 1.8em;}
    .hero-text { font-size: 1.2em; }

    #hero-0 {
    justify-content: center;

    }

    .article-container {
        font-size: 1.1rem;
        padding: 2rem 1rem;
    }

    .img-card {
        flex: 0 0 15em;
    }

    header {
        justify-content: space-between;
    }


    .nav-links {
        text-align: center;
        padding: 1em 0;
    }
    .nav-links li {
        display: block;

    }

   .partner-card {
        border: none;
        border-radius: 0;
    }

    #footer-top {
        flex-direction: column;
        align-items: space-around;

    }

    .social-icons {
        justify-content: center;
    }

    footer ul {
        text-align: left;
    }

    #top-menu {
        position: fixed;
        top: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;

        backdrop-filter: blur(10px);
        background: var(--color-primary);
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);

        z-index: 999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #top-info {
        display: none;
    }

    #top-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;

    }

    #top-menu ul li a {
        display: block;
        padding: 20px;
        text-decoration: none;
        color: inherit;
        width: 100%;
        height: 100%;
        color: var(--primary-navy);
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }

    #top-menu ul li a:hover {
        border-bottom: none !important;
        text-decoration: none !important;
        background-color: #f0eee9;
        color: var(--accent-blue);
    }
    #top-menu ul li a:active {
        background-color: rgba(0, 0, 0, 0.05);
        color: var(--accent-blue);
    }
    /* Hamburger Menu */
    #hamburger-icon {
        opacity: 1;
        margin: 0 1em;
        cursor: pointer;
        font-size: 1rem;
        user-select: none;
    }

    #hamburger:checked ~ #top-menu {

        opacity: 1;
        visibility: visible;
    }

    /* End Hamburger Menu */
    /*
    body:has(#hamburger:checked) {
        overflow: hidden;
    }
    */

    .lang-list {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        border: none;
        background: transparent;
        width: 100%;
    }

    .lang-dropdown {
        padding: 0;
        margin: 0;
    }

    .lang-list img {
        margin-right: 10px;
        height: 1.2em;
    }

    .lang-list li {
        padding: 0;
    }

    .lang-list li a {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 15px 0;
        width: 100%;
    }

    .current-lang {
        display: none;
    }
}