.archive-header {
    position: relative;
    top: -200px;
    margin-bottom: -200px;
    display: table;
    width: 100%;
    h3 {
        font-size: 46px;
    }
    .post-meta {
        .author {
            img {
                max-width: 30px;
                border-radius: 50%;
                margin-right: 5px;
            }
        }
    }
}
.card-blog-1 {
    border-radius: 15px;
    border: thin solid $border-color;
    padding: 30px;
    &:hover {
        box-shadow: $box-shadow-2;
    }
    .post-thumb {
        border-radius: 15px;
        overflow: hidden;
        img {
            border-radius: 15px;
        }
    }
    .post-meta {
        .author {
            img {
                max-width: 30px;
                border-radius: 50%;
                margin-right: 5px;
            }
        }
    }
    h3.post-title {
        font-size: 24px;
        line-height: 1.33;
        a {
            color: $color-brand;
            &:hover {
                color: $color-brand;
            }
        }
        &.small {
            font-size: 18px;
        }
    }
    .btn-brand-hover {
        border-color: $border-color-1-hover;
    }
    &.post-list {
        display: flex;
        .post-thumb {
            max-width: 275px;
            margin-right: 25px;
        }
    }
}

.single-body {
    figure img {
        border-radius: 15px;
    }
    p {
        font-size: $font-lg;
        margin-bottom: 15px;
        color: $color-text-paragraph;
        line-height: 1.5;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 30px 0 25px 0;
    }
    .excerpt {
        p {
            font-size: $font-2xl;
            line-height: 1.5;
            color: $color-brand;
        }
    }
    blockquote {
        background-color: $background-16;
        padding: 40px 60px;
        border-radius: 15px;
        margin: 30px auto;
        font-size: 24px;
        max-width: 80%;
        p {
            font-size: 24px;
            line-height: 32px;
            color: #7e7e7e;
            margin-bottom: 0;
        }
    }
}
.author-bio {
	border-radius: 0px;
	border: 0px solid $border-color;
    display: flex;
    h5 {
        margin: 0 !important;
        font-weight: 600;
    }
	.author-image {
		display: flex;
		justify-content: flex-start;
        min-width: 200px;
		img {
			margin-right: 15px;
            max-width: 56px;
            vertical-align: middle;
		}
		p {
			font-size: 14px;
		}
	}
    .author-des
    {
        padding: 25px;
        border: 1px solid $color-border-1;
        border-radius: 4px;
    }
}
.related-posts {
    h6 {
        font-size: 16px;
        font-weight: 600;
        a {
            color: $color-brand;
        }
    }
}
.author
{
    span
    {
        color: $color-black-1;
    }
}
.gallery-3
{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    li
    {
        flex: 0 0 auto;
        width: 33.33%;
        padding: 5px;
        margin-bottom: 10px;
        a
        {
            img
            {
                border-radius: 4px;
            }
        }
    }
}
.box-white
{
    background: $background-white;
    padding: 50px 0px;
}
.img-middle
{
    float: left;
    margin-top: 2px;
}
.max-width-single
{
    max-width: 733px;
    width: 100%;
    margin: auto;
}
.list-comments
{
    li
    {
        ul
        {
            li
            {
                padding-left: 55px;
                .author-bio
                {
                    .author-image {
                        min-width: 200px;
                    }
                }
            }
        }
    }
}
.form-comment
{
    .box-agree input {
        float: left;
        margin: 5px 0px 0px 0px;
    }
    .box-agree span {
        display: block;
        padding-left: 25px;
    }
    .input-comment {
        border-radius: 4px;
        border: 2px solid $color-border-2;
        padding: 20px;
        width: 100%;
        color: $color-text-muted;
        font-size: $font-lg;
        line-height: 26px;
        font-weight: 500;
        min-height: 150px;
    }
}
