blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    font-style: italic;
    text-align: center;
}

h2 {
    margin-bottom: 18px;
}

.cursor-pointer {
    cursor: pointer;
}

.container-header {
    position: fixed;
    left: 0;
    right: 0;

    .art-nav {
        border-bottom: none;
        background: rgba(255, 255, 255, 0);

        .container-nav {
            background: none;
            .metismenu.mod-menu li.metismenu-item {
                align-items: center;
                a {
                    font-size: 14px;
                    font-weight: bold;
                    font-family: 'Titillium Web', sans-serif;
                }
            }
        }
    }
}

.btn:not(.btn-sm) {
    --bs-btn-font-weight: 700;
    padding: 8px 18px;
    font-size: 18px;
}

.art-button {
    background-color: #FFF;
    border-color: rgba(2, 4, 54, 0.8);
    color: rgba(2, 4, 54, 0.8);
    border-radius: 50px;
    transition: background-color .15s;
    font-weight: 700;
    padding: 8px 18px;

    &:hover, &:active, &:focus {
        background-color: rgba(11, 19, 83, 1);
        border-color: rgba(2, 4, 54, 1);
        color: #FFF;
    }
}

.single-search-input .js-finder-search-query.form-control {
    background-color: transparent;
    border: 2px solid #FFF;
    border-right: 0;

    &::placeholder {
        color: #FFF;
        font-weight: bold;
    }
}

.container-search{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.social-footer.art-modulo-informazioni .art-social-company-list {
    margin-left: 0;
    display: flex;
    gap: 1rem;
}
.social-footer.art-modulo-informazioni .art-social-company-list a {
    font-size: 1.8rem;
    color: #f7cb3a;
}

footer {
    border-top: 2px solid #2c2c9e;
}

.copyright-footer-container {
    padding: 1rem 0;
    text-align: center;
}

.com-content-category__subcategory {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    border: 1px solid #d9d9d9;
    align-items: center;
    padding: .5rem;
    border-radius: 15px;
    margin-bottom: 1rem;
    transition: background-color .25s;
    h3.item-title {
        margin-bottom: 0;
        font-size: 1.4rem;
        font-weight: normal;
    }

    &:hover {
        background-color: #ccc;
    }
}
.com-content-category-blog__children {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2rem 1rem;

}

.com-content-category__children {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: start;

    .category__children-image-container {
        overflow: hidden;
        border: 1px solid #d9d9d9;
        border-radius: 15px;
        margin-bottom: 1rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1;
    }

    h3.item-title {
        margin-bottom: 0;
        text-align: left;
        margin-left: 6px;
        font-size: 1.2rem;
        position: relative;
        background-image: linear-gradient(transparent calc(100% - 10px), black 10px);
        background-repeat: no-repeat;
        background-size: 0% 100%;
        transition: background-size 1s;width: calc(100%);
    }

    &:hover h3.item-title::after {
        background-size: 100% 100%;
    }
}

.single-search-input.mod-finder__search.input-group {
    justify-content: flex-end;
}

.com-content-article {
    min-height: 50vh;

    .com-content-article__body {
        min-height: 50vh;
        margin-bottom: 50px;
    }
}

.btn.btn-outline-dark:hover {
    color: #FFF;
}

.container-header .navbar-brand .art-logo img {
    width: 110px;
}


.art-nav .container-nav .metismenu.mod-menu li.metismenu-item .art-social-company-list a {
    font-size: 18px;
    margin-right: 1rem;
    color: #FFF;
}

.article-header-image {
    min-height: 600px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.single-search-input input[type="text"].js-finder-search-query, .single-search-input input[type="text"].js-finder-search-query:focus {
    color: #FFF;
}

.result__title-text {
    font-size: 1.2rem;
    font-weight: bold;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover {
    color: #6e7176;
}


/* Extra extra large devices (<1400px) */
@media (max-width: 1399.98px) {

}

/* Extra large devices (max-width 1199.98px) */
@media (max-width: 1199.98px) {
    .com-content-category-blog__children {
        grid-template-columns: repeat(3, 1fr); /* 3 colonne su schermi medi */
    }

}


/* Large devices (max-width 991.98px): Desktops */
@media (max-width: 991.98px) {
    .container-header {
        position: fixed;
    }

    .mobile-menu {
        background: rgba(11, 19, 83, 1) !important;
    }

    .container-header .navbar-brand .art-logo img {
         width: 60px;
    }
}

/* Medium devices (max-width 767.98px): Tablets */
@media (max-width: 767.98px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 0;
    }
    .com-content-category-blog__children {
        grid-template-columns: repeat(3, 1fr); /* 3 colonne su schermi medi */
    }
    .mobile-menu {
        background: rgba(11, 19, 83, 1);
    }
    .mod-finder__search.input-group {
        justify-content: center;
    }
    .art-apollo-item {
        margin-bottom: 1rem;
    }
}


/* Small devices (max-width 575.98px): Mobile portrait */
@media (max-width: 575.98px) {

    .com-content-category-blog__children {
        grid-template-columns: repeat(2, 1fr); /* 3 colonne su schermi medi */
    }

}