/* @group Single news
------------------------------------ */
.single {
    background-color: rgb(234, 232, 233);
    --_bg-color: transparent;
}
.single .bg-blur {
    display: none;
}
.single .site-nav .bttn-icon,
.single .site-nav .bttn-text {
    border: 1px solid var(--black);
}
.single .site-nav .bttn-icon,
.single .site-nav .bttn-text,
.single .site-nav .bttn-icon .icon-search:before {
    color: var(--black);
}

.single .site-nav .bttn-icon .icon-menu:before {
    color: var(--blue);
}
.single .site-nav .logo path {
    fill: var(--black);
}
.main-post .back-to-news {
    position: absolute;
    top: 16rem;
    left: 3rem;
    color: var(--blue);
}
.main-post .info-contact li,
.main-post .info-contact li span {
    color: var(--black, #000);
    font-family: var(--termina-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 175%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}
.main-post .social-icon {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 3rem;
}
.main-post .social-icon i {
    pointer-events: none;
    font-size: 3rem;
}
.main-post .social-icon i::before {
    color: var(--black);
}
.main-post .col-article {
    padding: 22rem 3rem 16rem;
}
.main-post .col-article img {
    width: 100%;
    height: 32.2rem;
    box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.30);
    object-fit: cover;
    margin: 0 0 7rem;
}
.main-post .col-article p {
    color: var(--black, #000);
    font-size: 1.55rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: 0.01em;
}
.main-post .col-article blockquote {
    position: relative;
    margin: 3rem 0;
}
.main-post .col-article blockquote::before,
.main-post .col-article blockquote::after {
    content: "";
    position: static;
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 2.6rem;
    display: block;
}
.main-post .col-article blockquote::before {
    background-image: url('../../img/globals/right-quote.svg');
    top: 0;
    left: 0;
}
.main-post .col-article blockquote::after {
    background-image: url('../../img/globals/left-quote.svg');
    bottom: 0;
    right: 0;
}
.main-post .col-article blockquote,
.main-post .col-article blockquote p,
.main-post .col-article blockquote p span {
    color: var(--black, #000);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}
@media only screen
and (min-width : 961px) {
    .main-post .col-article {
        max-width: 91rem;
        padding: 25rem 0 18rem;
    }
    .main-post h1 {
        margin: 0 0 4rem;
    }
    .main-post .back-to-news:hover {
        color: var(--white);
    }
    .main-post .info-contact-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 3rem;
    }
    .main-post .info-contact li,
    .main-post .info-contact li span {
        font-size: 2rem;
    }
    .main-post .col-article p {
        font-size: 1.7rem;
    }
    .main-post .col-article img {
        height: 52.3rem;
        margin: 0 0 4.7rem;
    }
    .main-post .col-article blockquote {
        margin: 9.6rem 0 12.7rem;
    }
    .main-post .col-article blockquote,
    .main-post .col-article blockquote p,
    .main-post .col-article blockquote p span {
        font-size: 3rem;
    }
    .main-post .col-article blockquote::before,
    .main-post .col-article blockquote::after {
        position: absolute;
    }
    .main-post .col-article blockquote::before {
        left: -7rem;
    }
    .main-post .col-article blockquote::after {
        right: -7rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .single .back-to-news {
        top: 10.4rem;
        padding: 1.2rem 2rem;
    }
    .main-post h1 {
        font-size: 4.7rem;
        line-height: 110%;
        text-align: center;
        max-width: 34rem;
        margin: 0 auto 2rem;
    }
    .main-post .info-contact-container {
        margin: 0 0 7rem;
    }
    .main-post .info-contact {
        margin: 0 0 2rem;
    }
    .main-post .col-article blockquote p {
        display: block;
        margin: 5rem 0;
        text-align: center;
    }
    .main-post .col-article blockquote::after {
        margin-left: auto;
    }        
}

/* @end */


/* @group news-items
------------------------------------ */
.single .news-items :is(h3, p) {
    text-wrap: balance;
}
.single .news-items article {
    position: relative;
    min-height: 40vh;
}
.single .news-items .status {
    position: absolute;
}
.single .news-items .item .title {
    position: absolute;
    z-index: 1;
}
@media only screen and (min-width : 961px) {
    .single .news-items {
        padding:  0 0 36rem;
    }
    .single .news-items article {
        margin-top: 10rem;
    }
    .single .news-items h2 {
        padding-bottom: 7rem;
    }
    .single .news-items .items {
        gap: 6rem 12.5rem;
        max-width: 150.4rem;
    }
    .single .news-items .item {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        align-items: flex-start;
    }
    .single .news-items .item figure {
        padding-left: 6.4rem;
        height: 23.5rem;
        margin: 0;
        margin-top: 9.5rem;
    }
    .single .news-items .bttn-wrapper {
        margin-top: 11rem;
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width : 0) and (max-width : 960px) {

    .single .news-items {
        padding-block: 16rem ;
    }
    .single .news-items .items {
        gap: 5rem;
    }

    .single .news-items header {
        margin-bottom: 2rem;
    }
    .single .news-items h2 {
        padding-bottom: 2rem;
    }
    .single .news-items .items h3{
        max-width: 28.7rem;
        font-size: 4.7rem;
    }
    .single .news-items .item figure {
        margin-top: 7.7rem;
        padding-left: 4.5rem;
    }
    .single .news-items .item :is(.content,.bttn) {
        margin-left: 4.5rem;
    }
    .single .news-items .item .bttn {
        margin-top: 4rem;
    }

    .single .news-items .bttn-wrapper {
        text-align: center;
        margin-top: 5rem;
    }

}