/*************** ADD CUSTOM CSS HERE.   ***************/
:root{--color-1:#B60001;--color-2:#030306}
.heading-1-home .section-title-main{margin:0}
.heading-1-home .section-title-main{margin:0}
.justify{text-align:justify}
body blockquote{border-width:5px;border-color:#f9cf82;padding:0 .8em 0 1.5em;color:#777}
.col-blog-post{border-radius:10px;overflow:hidden}
.badge-recent-post.badge{width:5em}
div .recent-blog-posts a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis}
span.widget-title h2{font-size:1.2em}
h3.post-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;transition:all 0.3s ease;cursor:pointer;max-height:3em}
.col-inner-home:hover h3.post-title a{-webkit-line-clamp:unset;max-height:none;overflow:visible;white-space:normal;position:relative;z-index:10}
.nav-pagination .page-number{border-radius:10px;min-width:4em}
.nav-pagination .page-number.current{background-color:#e48360;border-color:#e48360}
.nav-pagination>li>a:hover{background-color:var(--fs-experimental-link-color)!important;border-color:var(--fs-experimental-link-color)!important}
.nav-box>li.active>a, .nav-pills>li.active>a {background-color:var(--color-1) !important}
.nav-box>li>a,.nav-pills>li>a{padding:.5rem 1.2rem;border-radius:.3rem}
.section-title b{display:none!important}
.wp-caption .wp-caption-text{background:var(--color-1)!important;color:#fff;border-radius:0 0 5px 5px}
.wp-caption img{border-radius:5px 5px 0 0}
.header-main {border-bottom:5px solid var(--color-1);box-shadow:-2px 3px 5px}
.ux-menu-title,.ux-menu-link__link{color:#fff}
/* Responsive:mobile thành cột dọc */
@media (max-width:480px){.frps-related-post-item > a{flex-direction:column}.frps-related-post-item > a .frps-related-thumb,.frps-related-post-item > a .frps-related-title{flex:1 1 100%}}

.post-sidebar.large-3.col{padding-left:.8rem}
/* Main container */
.sb-post{margin:0 auto;padding: 1rem .5rem;max-width:100%;box-shadow: 1px 1px 10px rgba(0,0,0,.15);border-radius: .5rem;}
/* Remove sticky */
.is-sticky-column {position:static !important}
.sb-post, .sb-post__latest, .sb-post__related {position: static !important;}
/* Author section */
.sb-post__author{padding: 1rem .8rem;display:flex;flex-direction:column;align-items:center;border-bottom: 2px solid var(--color-1);}
.sb-author__img{width:7rem;border-radius:50%;border:1px solid var(--color-1)}
.sb-author__name{margin:0.5rem 0;font-size:1.2rem;font-weight:bold}
.sb-author__link{color:#fff;text-decoration:none;font-size:0.9rem;background-color:var(--color-1);padding:.5rem .8rem;border-radius:.3rem;border:1px solid var(--color-2)}
.sb-author__link:hover{background-color:transparent}
/* Related posts section */
.sb-post__related{margin-top:1rem;padding-bottom:1rem; border-bottom: 2px solid var(--color-2);}
.sb-related__container{}
.sb-related__item{margin-bottom:.8rem}
.sb-related__item a{display:flex;align-items: center;flex-direction: row;/* flex-wrap: wrap; */gap: .8rem;}
.sb-item__title{margin:0;/* margin-left:0.8rem; */font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex: 1 0 calc(60% - 0.8rem);color: rgb(0 0 0);}
.sb-related__item img{aspect-ratio:200/112.5;border-radius:5px;width:100%;object-fit:cover;height: 100%;)%;)%;);}
.sb-related__item a{text-decoration:none;color:#333}
.sb-related__item a:hover{color:var(--color-1)}
/* Latest posts section */
.sb-post__latest{margin-top:1rem;margin-bottom:1rem}
.sb-latest__item{margin-bottom:.8rem}
.sb-latest__item a{display:flex;align-items:center;flex-direction:row;gap:.8rem}
.sb-item__title{margin:0;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(60% - 0.8rem);color:rgb(0 0 0)}
.sb-latest__item img{aspect-ratio:200/112.5;border-radius:5px;width:100%;object-fit:cover;height:100%}
.sb-latest__item a{text-decoration:none;color:#333}
.sb-latest__item a:hover{color:var(--color-1)}
/* Featucolor-1 Categories */
.sb-post__categories { border-bottom: 2px solid var(--color-2);padding-bottom: 1rem}
.sb-post__categories svg {width: 1rem;height: 1rem;vertical-align: middle;}
.sb-post__categories li { margin-bottom: 10px}
.sb-post__categories a { color:#000}
/* Hover */
.sb-related__item:hover, .sb-latest__item:hover, .sb-post__categories li:hover{transform:translateY(-10%);}

/* Menu Footer */
#footer .ux-menu-title, #footer .ux-menu-link__link {color:#fff}
#footer .ux-menu-title {font-size:1rem}
/*  ul, ol */
ul, ol {margin-left: 1rem;}


/* Search */
.search-field{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}