/* General */
html {
    scroll-behavior: smooth;
}

/* Content component */
.readmore .btn {
    text-align: left;
}

/* Back to top */
.back-to-top-link {
    position: fixed;
}

/* Footer */
.footer {
    font-size: 0.9rem;
}

.mod-footer {
    text-align: center;
}

/* Footer menu */
.footer .mod-menu {
    flex-direction: row;
    margin: 1em 0;
    gap: .5em 1em;
}

/* Responsive fixes */
@media (min-width: 768px) and (max-width: 991px) {
    /* Fix issue #39645 - Menu items displayed vertically in Cassiopeia on small screens */
    .container-header .mod-menu {
        display: flex;
        flex-direction: row;
    }
    /* Fix margin between items in Default menu layout (not Collapsible Dropdown) */
    .container-header .mod-menu > li + li:not(.metismenu-item) {
        margin-left: 1.55em;
    }
    /* Fix active decoration */
    .container-header .metismenu > li > a::after,
    .container-header .metismenu > li > button::before {
        background: hsl(0, 0%, 100%);
        bottom: 0;
        content: "";
        display: inline-block;
        height: 2px;
        opacity: .2;
        position: absolute;
    }
    .metismenu.mod-menu .metismenu-item.active > a,
    .metismenu.mod-menu .metismenu-item.active > button,
    .metismenu.mod-menu .metismenu-item > a:hover,
    .metismenu.mod-menu .metismenu-item > button:hover {
        text-decoration: none;
    }
}

/* Show menu-right burger button under logo in small screens */
@media (max-width: 767px) {
    header .grid-child {
        flex-direction: column;
    }
}