/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav-pagination > li > .current, .nav-pagination > li > a:hover, .nav-pagination > li > span:hover{	background-color: #52190a;	border-color:#52190a;}
#comments {  display: none;}
#top-bar .nav a i{	color:#52190a;}
#top-bar .nav>li>a>i+span {    color: #52190a;}
.html .social-icons {    font-size: 1em !important;}
.nav-small.nav>li.html { font-size: 0.8em; color: #52190a;}
.header .nav-small a.icon:not(.button) {    font-size: 1em;}
.logo a {    position: absolute;    top: -12px;    z-index: 999999;}
#logo img {    max-height: 50px !important;}
.header-main {    position: relative;    z-index: 50}
.stuck .logo a {    position: relative;    z-index: 999999;    top: 0;}
#top-bar {    font-size: 20px;    z-index: 1;
}
#top-bar .flex-row{	position: relative;}
#top-bar .flex-row::after {
  content: "";  position: absolute;  bottom: 0;  right: 0%; /* Vị trí bắt đầu của đường viền dưới */  width: 70%; /* Chiều rộng của đường viền dưới */  height: 1px; /* Chiều cao của đường viền dưới */  background-color: #c9c9c9; /* Màu sắc của đường viền dưới */
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {  fill: #fff !important;  background-color: #52190a;  border-color: #fff;}
.flickity-page-dots .dot.is-selected{	background-color:#52190a;}
.flickity-page-dots .dot{border-color:white; }
a.plain, .entry-title, .title-wrapper a{color: #52190a; }



.icon-search {  color: black;}
.vang {background: #fffd11;border-radius: 100px;}
.den b {background-color: rgb(82, 25, 10);display:block;flex:1;height: 1px; /*! opacity:.1; */color: #52190A;}
.cach .col {  padding: 5px !important;}
.nenden .box-text.text-center {  background: #3D2522;}
.attachment-original.size-original {   background-color: white;  border-radius: 50%;  padding: 3px;  border-color: white;}
.col-inner>.img:not(:last-child),
.col>.img:not(:last-child) {  margin-bottom:0em;}
p{  margin-bottom: 0px;}
.gach-chan:after {content: "";width: 34%;border-top: 2px solid #52190A;position: absolute;top: 87%;left: 33%;margin-left: 10px;}
.nav .nav-dropdown{	padding: 5px 0px;}
.nav-column > li > a, .nav-dropdown > li > a{ padding: 10px;}
.off-canvas .nav-vertical > li > a { color:rgb(82, 25, 10);}
.entry-title{  text-align: center;}
#toc_container{	border-color:#fcb900 !important;}
.nav>li>a {font-size: 1em;!important}
.box-text.text-center {padding-bottom:11px;}
.hotline-home-left { position: fixed;  left: 6px;  bottom: 61px; z-index: 999999;}
.hotline-home-left ul a { list-style: disc;background: #d33; margin-left: 0px; margin-right: 5px; padding: 0px 7px; color: #fff; font-size: 1em; font-weight: bold; border-radius: 70px; width: 160 !important;  height: 47px;  display: block; margin-top: 3px; border: 0px solid #fff;}
.hotline-home-left ul i {margin-right: 5px; font-size: 20px;  background: #ffffff; padding: 7px;  border-radius: 100%; margin-bottom: 2px; margin-top: 2px; margin-left: 2px; color: #d33;}
.grid-tools a {    background-color: rgb(255, 188, 0);    color: #52190a;    display: block;    font-size: .85em;    font-weight: 700;    opacity: .95;    padding: .4em 0 .5em;    text-overflow: ellipsis;    text-transform: uppercase;    transition: opacity .3s;    width: 100%
}
.is-divider{	display:none;}
.top span {background:#fffd11;padding:0px 15px;border-radius:50px;text-transform: initial;font-weight: 300;}
.nen{padding: 35px 0px 20px;margin: 16px 0px !important;border:2px solid;border-color: rgb(255, 188, 0);}
a.size.trang {background: white;}
.min b {    height: 1px !important;}
.bai-viet-lien-quan {    margin-top: 15px;}
.bai-viet-lien-quan h3 {    font-size: 19px;    color: black;}
.bai-viet-lien-quan ul {    margin-bottom: 0;    display: inline-block;    width: 100%;}
.bai-viet-lien-quan ul li {    list-style: none;    width: 25%;    color: graytext;    float: left;    padding-left: 4px;    padding-right: 5px;}
.bai-viet-lien-quan ul li .box-image img {    height: 120px;    border-radius: 4px;    object-fit: cover;    object-position: center;}
.bai-viet-lien-quan h4 {    font-size: 15px;    color: black;    line-height: 19px;    padding-top: 7px;    height: 64px;    overflow: hidden;
}
.textwidget.custom-html-widget {    margin: 20px 0 10px;    padding: 20px 10px 10px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 10px;    border: 2px dashed #52190a;    position: relative;}
body {    color: black;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.gach-chan:after{top: 87%;}
	.mfp-content{	background-color:rgb(255, 188, 0) !important;}
	#logo img {max-height: 40px !important;}
	.logo a {position: unset;}
	.flickity-page-dots{ display:none;}
}