/*  
---------------------------------------------------
Spacing variables

Variables for spacings. Please, do not change these or cute dolphins will die!!!
If you must change these, please inform the team, check all components and pray
rigorously to all 3000 gods.
---------------------------------------------------  
*/
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    margin-top: var(--spacing-3xl);
    margin-bottom: 0 !important;
}

.blog-content p {
    margin-top: var(--spacing-l);
    margin-bottom: 0 !important;
}

.blog-content ul {
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-xl) !important;
}


.blog-content blockquote {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-l) !important;
}

.article-wrapper .container .info .text blockquote {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-xl) !important;
}


.article-wrapper .container .info .text figure {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-xl) !important;
}

@media (min-width: 992px) {
    .article-wrapper .container .order-1 .info .text {
        margin-bottom: var(--spacing-5xl) !important;
    }
}

.article-wrapper .container .order-2 .swp {
    transition: all 0.4s ease-in-out 0s, top 0.3s ease-in-out 0s;
    position: sticky;
    left: 0;
    top: 60px;
}

.article-wrapper .container .order-2 .swp:not(.scroll-down) {
    top: 120px;
}



.usn.usn .text a:has(img), 
.usn.usn .text a:has(img):hover {
  border-bottom: none !important;
}


/* .blog-content p {
    margin: calc(var(--base-spacing) / 3) 0 var(--base-half-spacing);
    margin-bottom: 48px;
} 
@media (max-width: 768px) {
    .blog-content p {
        margin-bottom: 32px;
    }
} */

.blog-content.base-bg,
.blog-content .base-bg {
    background-color: rgba(var(--base-highlight), 1);
}

.blog-date {
    margin: 0px;
}

@media (min-width: 768px) {
    .blog-content.base-md-bg,
    .blog-content .base-md-bg {
        background-color: rgba(var(--base-highlight), 1);
    }
    .blog-date {
        margin-left: 0px !important;
        margin-top: 10px;
    }
}

.blog-content h2 {
    font-size: 2rem !important; 
}
@media (max-width: 768px) {
    .blog-content h2 {
        font-size: 1.5rem !important;  
    }
    .summary {
        font-size: 1.125rem;
    }
}

.summary {
    font-size: 1.3125rem;
    line-height: 150%;
    color: #4C4C4C;
}
@media (max-width: 768px) {
    .summary {
        font-size: 1.125rem;
    }
}

.blog-section .heading-col {
    padding-bottom: 24px !important;
}

.article-wrapper .listing.listing-pods .item {
    padding-top: 0 !important;
}

.item.item-blog .date,
.item.item-blog .category {
    font-weight: 700;
}

.item.item-blog .author-name {
    color: rgba(var(--base-text))
}

.blog-section {
    padding-top: 96px;
}

.blog-section .author-name {
    line-height: 48px;
}

.text.base-text p:has(+ ul) {
  margin-bottom: 0px !important;
}
.text.base-text p + ul {
    margin-bottom: 48px;
}
@media (max-width: 767px) {
    .text.base-text p + ul {
        margin-bottom: 32px;
    }
}