#template-blog .section.section-content,
#template-blog .section.section-featured,
#template-blog .section.section-header,
#blog-archive .section.section-header,
#blog-archive .section.section-content,
#blog-single .section-header,
#blog-single .section-featuredimage,
#blog-single .section-content,
#blog-single .section-related {
    max-width: 1467px;
    margin: 0 auto;
    font-family: Mont;
}

.featured-content {
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
}

.section-header .right.aligned.column {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 23px
}

.section-header .right.aligned.column .search {
    display: none
}

/* Base Styles */

.section-header,
.section-featured,
.section-content {
    /* padding: 20px; */
}

.section-inner {
    margin: 0 auto;
}

.ui.basic.segment {
    /* padding: 20px; */
}

.ui.divider {
    margin: 20px 0;
    margin-bottom: 0;
}

/* Header Styles */
.blog-title h1 {
    font-size: 40px;
    margin-bottom: 15px
}

.blog-name {
    font-size: 20px;
    color: #666;
}

.blog-desription {
    font-size: 22px;

}

/* Featured Post Styles */
#template-blog .featured-image a {
    min-height: 260px;
    display: block;
}

#template-blog .featured-image a,
.featured-image img {
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
    height: 100%;
    animation: zoomout 5s;
    -webkit-animation: zoomout 5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    border-radius: var(--radius-radi-7, 24px) var(--radius-radi-7, 24px) 1px var(--radius-radi-7, 24px);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

.featured-category,
.featured-author,
.featured-title,
.featured-description {
    margin-bottom: 10px;
}



.featured-category {
    font-family: Mont;
    font-size: 18px;

}



.featured-title h2 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: normal;
    color: var(--primary-black, #272932);
}

.section-featured .image:hover,
.section-featured .featured-description:hover,
.section-featured .featured-date:hover,
.section-featured .featured-title:hover {
    cursor: pointer;
}

.section-featured:hover .featured-title h2 {
    text-decoration: underline
}



.featured-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 14px;
    line-height: 1.4285em;
}

.featured-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.featured-date {
    font-size: 14px;
    color: #999;
}

.featured-read-more {
    transition: transform .5s;
}

.section-featured:hover .featured-read-more {
    transform: translateX(-5px);
}

.featured-read-more a {
    font-size: 20px;
    color: black !important;
    font-weight: 100;
}

/* Content Section Styles */
.content-title {
    font-size: 36px;
    margin-bottom: 30px;
    margin-top: 30px
}

.ui.link.three.stackable.cards {
    margin-bottom: 20px;
}

.card {
    margin-bottom: 20px;

}

.card .image {
    width: 100%;
    height: auto;
    min-height: 260px;
    /* we need to center and fit the background image */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

.ui.card,
.ui.cards>.card,
.ui.cards>.card>:first-child {
    border-radius: var(--radius-radi-7, 24px) var(--radius-radi-7, 24px) 0 0 !important;
}

.ui.card,
.ui.cards>.card {
    border-bottom-left-radius: 24px !important;
}

.card .content {
    padding: 10px;
}

.card .header h3,
.card .header h2 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 5px;
    color: var(--primary-black, #272932);
}

.card:hover h2 a,
.card:hover h3 a {
    text-decoration: underline
}

.card .header h3 a,
.card .header h2 a {
    color: var(--primary-black, #272932);
}

.card .meta-author {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px
}

.card .description {
    font-size: 16px;
    color: #999;
}

.card .extra.content {}

.card .post-date {
    font-size: 14px;
    color: #999;
}

.card .read-more {
    font-size: 16px;
    color: #007bff;
}

/* General Styles */
.ui.button {


    border-radius: var(--Radius-radi-7, 16px);
    border: 1.5px solid var(--primary-purple, #6369D1);
    background-color: var(--primary-white, #FFF);
    color: #6369D1;

    padding: var(--space-5, 10px) var(--space-13, 40px);


}

.ui.button:hover {
    background: rgba(99, 105, 209, 0.50);
    border: 1.5px solid var(--primary-purple, #6369D1);
    color: #fff;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .section-inner {
        padding: 0 15px;
    }
}

/*Blog Single*/
/* General Styles */
#blog-single .full-width {
    width: 100%;
}

#blog-single .ui.basic.segment {
    /* padding: 20px; */
    /* background-color: #f9f9f9; */
    /* border: 1px solid #ddd; */
}

/* Section Header */
#blog-single .section-header .category-row {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#blog-single .section-header .title-row {
    color: var(--primary-black, #272932);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Mont;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.8px;
    margin-bottom: 32px;
}

#blog-single .section-header .info-row {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 20px; */
}

#blog-single .section-header .date-column {
    color: var(--secondary-dark-gray, #6C6D71);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Mont;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.14px;

}

#blog-single .section-header .share-column {
    font-size: 1em;
}

@keyframes zoomout {
    0% {
        background-size: 135%;
    }

    100% {
        background-size: 100%;
    }
}

@-webkit-keyframes zoomout {
    0% {
        -webkit-background-size: 135%;
    }

    100% {
        -webkit-background-size: 100%;
    }
}

/* Section Featured Image */
#blog-single #featured-image {
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
    height: 100%;
    animation: zoomout 5s;
    -webkit-animation: zoomout 5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    border-radius: var(--radius-radi-7, 24px) var(--radius-radi-7, 24px) 1px var(--radius-radi-7, 24px);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

/* Section Content */
#blog-single .section-content .post-content {
    margin-bottom: 20px;
    color: var(--primary-black, #272932);
    font-family: Mont;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 32px;
}

#blog-single .section-content .tags-row {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 20px;
}

#blog-single .section-content .navigation-row {
    display: flex;
    justify-content: space-between;
}

#blog-single .section-content .previous-column,
#blog-single .section-content .next-column {
    font-size: 1em;
}

/* Section Related */
#blog-single .section-related .related-posts {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}

#blog-single .section-related .ui.card {
    width: calc(33.333% - 10px);
    margin-bottom: 20px;
}

#blog-single .section-related .ui.card .image img {
    width: 100%;
    height: auto;
}

#blog-single .section-related .ui.card .content {
    padding: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #blog-single .section-related .ui.card {
        width: 100%;
    }

    #blog-single .section-header .info-row {
        flex-direction: column;
    }
}

.red-footer {

    margin-top:30px
}