/* 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;
}

.footer .grid-child {
    gap: 0 2em;
}

.mod-footer {
    line-height: 2.5;
    text-align: center;
}

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

/* Responsive fixes */
@media (min-width: 768px) and (max-width: 991px) {
    /* 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;
    }
} */

@media (min-width: 768px) {
    .align-image-right {
        float: right;
        margin-bottom: 1em;
        margin-left: 1em;
        max-width: 50%;
    }
    .align-image-left {
        float: left;
        margin-bottom: 1em;
        margin-right: 1em;
        max-width: 50%;
    }
    .com-content-category-blog .blog-item {
        display: block;
    }
}