.layout-blog, .com_tags {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    /*Pointless comment*/

    ul.tags {
        display: flex;
        gap: 10px;
        margin-bottom: 2rem;

        li {
            margin: 0;

            a {
                background: var(--blue-1);
                border-radius: 2px;
                border: none !important;
                font-weight: 400;
                display: flex;
                align-items: center;
                gap: 5px;

                &:hover, &:active, &:focus {
                    background: var(--red-1);

                    .tag-icon {
                        transform: rotate(135deg);
                    }
                }
            }
        }

    }

    .readmore {
        .btn.btn-secondary {
            background: transparent;
            border-inline: none !important;
            border-block: solid 1px var(--blue-1);
            font-weight: 400;
            color: var(--blue-1);

            text-align: left;
            border-radius: 0;
            transition: all 0.3s ease;
            width: 100%;

            &:hover, &:active, &:focus {
                background: var(--red-1);
                color: var(--white-1);
                border-block: solid 1px var(--red-1);
                border-radius: 4px;
            }
        }
    }

    .blog-item {
        margin-bottom: 2rem;
        dd.published {
            .icon-calendar {
                display:none;
            }
        }
        dt.article-info-term {
            display:none;
        }
    }

    .blog-items.items-leading {
        margin-bottom: 4rem;

        .blog-item {
            display: grid;
            grid-template-columns: 1fr;
            gap: 0px;
        }
    }

    h1, h2, h3, h4.h5, h6 {
        color: var(--blue-1) !important;
        font-family: "Montserrat", sans-serif !important;
        font-weight: normal !important;
        text-wrap: balance;

        a {
            text-decoration: none;
        }
    }

    h1 {
        font-size: var(--size-3);
    }

    h2 {
        font-size: var(--size-2);
    }

    h3 {
        font-size: var(--size-1);
    }

    .blog-item {
        &:has(figure) {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 20px;

            p.readmore {
                grid-area: 2 / 1 / 3 / 3;
            }
        }

        & > figure.left {
            float: none;
            margin-bottom: 2rem;
        }

        .item-content {

        }
    }

    .our-blog-menu {
        ul {
            li a {
                transition: all 0.3s ease;
                text-underline-offset: 2px;
                color: var(--blue-1);

                &:hover, &:active, &:focus {
                    color: var(--red-1);
                }
            }
        }
    }

    .com-content-article.item-page {
        display: grid;
        row-gap:1rem;

        .page-header {
            order: 2;
            h1,h2 {
                margin-bottom:0;
            }
        }

        .com-content-article__body {
            order: 4;
        }

        .article-info {
            order:3;
            margin-bottom:0;
            .published {
                margin-bottom:0;
            }
            .article-info-term, .icon-calendar {
                display:none;
            }
        }

        ul.tags {
            order: 3;
            margin-bottom:1rem;
        }

        figure.left.item-image {
            float: none;
            order: 1;
            img {
               /* max-height: 500px;
                object-fit: cover;
                object-position: top center;
                aspect-ratio: 16 / 9;*/
            }
        }
    }

    @media screen and ( width < 992px ) {
        .container-sidebar-right {

            background: var(--white-2);
            position: sticky;
            z-index: 99999;
            padding-bottom: 1rem;
            top: 0;
            border-bottom: solid 1px var(--grey-2);
            grid-column: full-start / full-end;
            padding-inline: 1em;

            .our-blog-menu {
                ul {
                    width: 100%;
                    display: flex;
                    flex-flow: row wrap;
                    gap: 1rem;
                    row-gap: 0;
                }
            }
        }

        .site-grid {
            grid-template-areas:
       ".breadcrumbs breadcrumbs breadcrumbs breadcrumbs."
       ".banner banner banner banner."
       ".top-a top-a top-a top-a. "
       ".top-b top-b top-b top-b. "
       ".top-c top-c top-c top-c. "
       ".top-d top-d top-d top-d. "
       ".side-r side-r side-r side-r."
       ".comp comp comp comp."
       ".bot-a bot-a bot-a bot-a. "
       ".bot-b bot-b bot-b bot-b. ";
        }

        /* Headroom */
        .headroom {
            will-change: transform;
            transition: transform 200ms linear;
        }

        .headroom--pinned {
            transform: translateY(0%);
        }

        .headroom--unpinned {
            transform: translateY(-100%);
        }
    }
    @media screen and ( width < 500px ) {
        .blog-item {
            grid-template-columns: 1fr !important;
            gap: unset !important;
        }
    }
}
.view-tag {
    #adminForm {
    .btn-group {
        margin-bottom: 0;
        display: flex;
        align-items: flex-end;
        gap: 20px;
        min-width: 250px !important;
        color:var(--blue-1);
        label.visually-hidden {
            visibility: visible;
            position: relative !important;
            width: 100% !important;
            height: auto !important;
        }
    }
    }
    .com-tags__items {
        display:grid;
        gap:2rem;
    }
    ul.category.list-group {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 1rem;
    }
    .list-group-item {
        border:none;
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows:1fr auto;
        background:transparent;
        position:relative;
        z-index:1;
        aspect-ratio:1/1;
        padding:0;
        margin:0;
        border-radius:4px;
        overflow:hidden;
        & > a {
            grid-area: 1 / 1 / 3 / 2;
            position:relative;
            z-index:2;
            img {
                height:100%;
                width:100%;
                object-fit:cover;
                position:relative;
                &::after {
                    inset:0;
                    content:"";
                    position:absolute;
                    background:var(--blue-1);
                    opacity:0.5;
                }
            }

        }
        & > h3 {
            grid-area: 2 / 1 / 3 / 2;
            position:relative;
            z-index:3;
            padding-inline:20px;
            background: rgba(34, 34, 34, .9);
            margin-bottom:0;
            padding-block:10px;
            a {
                color:var(--white-1) !important;
                &:hover, &:active, &:focus {
                    opacity:0.7 !important;
                }
            }

        }
    }
}
.pagination__wrapper {
    .icon-angle-double-left, .icon-angle-left, .icon-angle-right, .icon-angle-double-right {
        height:36px;
        width:36px;
        display: block;
    }
    .icon-angle-left {
        background:url(../images/elements/angle-left.svg) center center no-repeat;
    }
    .icon-angle-double-left {
        background:url(../images/elements/angle-double-left.svg) center center no-repeat;
    }
    .icon-angle-right {
        background:url(../images/elements/angle-right.svg) center center no-repeat;
    }
    .icon-angle-double-right {
        background:url(../images/elements/angle-double-right.svg) center center no-repeat;
    }
    .pagination {
        .disabled.page-item {
            /*display:none;*/
        }
        li {
            width:38px;
            height:38px;
            .page-link {
                padding:0;
            }
            a {
                width:38px;
                height:38px;
                padding:0;
                display:flex;
                align-items:center;
                justify-content:center;
            }


        }
    }
}
.missing-image {
    display:grid;
    place-content:center;
    height:100%;
    width:100%;
background:rgba(1, 30, 58, 0.05);
}