/* Related Post CSS here */
.bai-viet-lien-quan {
    padding: 15px 0;
    margin: 15px 0;
}
.bai-viet-lien-quan .post-item .col-inner {
    margin: 5px 0 15px 0;
    padding: 0 0 5px 0;
}
.bai-viet-lien-quan h4 {
    border-left: 4px solid var(--primary-color);
    padding-left: 10px;
    line-height: 1.2em;
    margin-bottom: 1em;
}
.bai-viet-lien-quan .post-item>.col-inner {
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 6%);
}
.bai-viet-lien-quan .box-text {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.bai-viet-lien-quan .col.post-item {
    padding-bottom: 5px;
}
/* Author Box CSS here */
.thaitoan.author-box {
    margin: 15px 0 20px 0;
}
.thaitoan.entry-author {
    background: #eef7ff;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    clear: both;
    border: 1px solid #d7edff;
}
.thaitoan h5.author-name, h4.author-name {
    color: var(--primary-color);
}
.thaitoan.author-box .flex-col.mr.circle {
    margin-right: 20px;
}
.author-bio-social a{
padding: .5em .6em;
}
.author-bio-social a:first-child {
    padding-left: 0;
}
.author-fb {
color: #3a589d;
}
.author-twt {
    color: #1d9bf0;
}
.author-yt {
color: #ff4242;
}
.author-lkd {
    color: #0a66c2;
}
.author-pin {
color: #cb2320;
}
.author-insta {
    color: #dd2a7b;
}
.author-tbr {
color: #3b6994;
}
.author-vk {
    color: #447bba;
}
.author-flickr {
    color: #e5086f;
}
.author-tiktok {
    color: #010101;
}
.thaitoan.author-box .circle img {
    border-radius: 5px !important;
}
.thaitoan.author-box .author-desc.small {
    margin-bottom: 0.6em;
}
.blog-single ol.comment-list {
    border: 1px solid #ececec;
    padding: 10px;
    border-radius: 5px;
}
.blog-single .comments-area {
    margin: 30px 0 10px 0;
}
/* Comment Box CSS here */
.children .comment.byuser {
    border-top: dashed #d3d2d294 0.5px;
}
.tt-cmt-content {
    padding: 0.2em 0 !important;
}
.tt-cmt-content p {
    margin-bottom: 0.4em !important;
    font-size: 92%;
}
.thaitoan .avatar {
    border-radius: 5px !important;
    padding: 3px;
    border: 1px solid #ececec;
}
.thaitoan .edit-reply {
    display: flex;
    justify-content: space-between;
    font-size: 95%;
}
.author-name-cmt {
    background: #607d8b12;
    padding: 0.2em 0.8em;
    border-radius: 5px;
    font-weight: normal;
    color: var(--primary-color);
    font-size: 95%;
}
.blog-single h3.comments-title {
    text-transform: none;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.8em;
    display: none !important;
}
#comments .comment-respond {
    font-size: 90%;
    border-radius: 10px;
}
p.comment-form-url {
    display: none;
}
input[type=email], input[type=tel], input[type=text], textarea, input[type=submit] {
    border-radius: 5px !important;
}
.show-comment-form .button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    fill: #fff;
}
.show-comment-form .show-cmt-icon {
    width: 18px;
    top: -1px;
    position: relative;
}
.blog-single .comment-respond {
    display: none;
}
.comment-list .blog-single .comment-respond {
    display: block;
}
/* Rankmath breadcrumbs CSS here */
.thaitoan-breadcrumbs .rankmath-breadcrumbs {
    padding-bottom: 0 !important;
}
.author-page {
    padding-bottom: 1.5em;
}
.thaitoan-archive .archives-pages.page-title {
    text-transform: none;
    color: var(--primary-color);
    font-size: 1.2em;
}
.taxonomy-description {
    background: #eef7ff;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    clear: both;
    border: 1px solid #d7edff;
    text-align: left;
}
.taxonomy-description p:last-child {
    margin-bottom: .3em;
}
.taxonomy-description span {
    display: block;
}
.taxonomy-description span.author-bio-social {
    padding-top: 0.8em;
}
/* Tax CSS here */
.thaitoan.entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 15px 0 10px 0;
}
.thaitoan .danh-muc {
    margin-bottom: 0.4em;
}
.thaitoan .danh-muc span.title, .thaitoan .the-tim-kiem span.title {
    border-radius: 4px;
    background: var(--primary-color);
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.thaitoan .danh-muc a, .thaitoan .the-tim-kiem a {
    line-height: 1.6em;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 1px 10px;
    background: #dedede;
    color: #464646;
    display: inline-block;
}
.thaitoan .danh-muc a:hover, .thaitoan .the-tim-kiem a:hover {
    background: rgb(221, 51, 51);
    color: white;
}
/* Post Meta CSS here */
.thaitoan.single-header-post-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.thaitoan-post-meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.1em;
}
.thaitoan .tt-meta {
    color: var(--primary-color);
    text-transform: capitalize;
    line-height: 1.4em;
    font-size: 1.1em;
}
.thaitoan .tt-meta a {
    color: var(--primary-color);
}
.thaitoan .tt-meta a:hover {
    opacity: 0.9;
    font-weight: bold;
}
.tt-meta.fb-like {
    bottom: -2px;
}
.thaitoan .tt-meta i {
    font-size: 0.88em;
}
.thaitoan .tt-meta i.icon-user {
    font-size: 1em !important;
}
.thaitoan .tt-meta svg {
    vertical-align: middle;
    width: 14px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    fill: var(--primary-color);
}
/* Loading Spinner CSS here */
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
.spinner-box{
    background-color:transparent;
    height:300px;
    width:100%
}
.spinner-box-list{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 9999;
}
.circle-border,.spinner-box,.spinner-box-list{
    align-items:center;
    display:flex;
    justify-content:center
}
.circle-border{
    animation:spin .8s linear 0s infinite;
    background:var(--primary-color);
    background:linear-gradient(0deg,rgba(129, 54, 54, 0.1) 33%,var(--primary-color));
    border-radius:50%;
    height:40px;
    padding:3px;
    width:40px
}
.circle-core{
    background-color:#fff;
    border-radius:50%;
    height:100%;
    width:100%
}
@media (max-width: 1024px) and (min-width: 769px){

}
@media (max-width: 768px) {
.bai-viet-lien-quan .box-vertical {
    display: flex;
    gap: 10px;
    align-items: center;
}
.author-box .flex-row {
    display: inline-block;
}
h5.author-name {
    color: #c80303;
    padding-bottom: 1em;
}
img.blog-author-image-new, h5.author-name {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
}
.author-box .flex-col.mr.circle {
    margin-right: 0;
}
p.author-desc.small {
    margin-bottom: 0.5em;
    text-align: center;
}
.entry-author .flex-col.flex-grow {
    text-align: center !important;
}
.author-list-inline a{
    padding: 0 4px;
    text-align: center;
}
.thaitoan.single-header-post-meta {
    align-items: flex-end;
    margin: 5px 0;
}
.tt-meta.fb-like {
    bottom: -4px;
}
}