/*
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.   ***************/



@font-face {
  font-family: 'PublicoText';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/SVN-PublicoText-Roman.ttf');
}
@font-face {
  font-family: 'PublicoText';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/SVN-PublicoText-Italic.ttf');
}
@font-face {
  font-family: 'PublicoText';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/SVN-PublicoText-BoldItalic.ttf');
}
@font-face {
  font-family: 'PublicoText';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/SVN-PublicoText-Bold.ttf');
}
@font-face {
  font-family: 'UTM-Impact';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/UTM-Impact.ttf');
}
.UTM{
	font-family: 'UTM-Impact';
	font-weight: 700;
}
.font50{
	font-size: 50px;
}

body{
	font-family: 'PublicoText';
	font-weight: normal;
}
.menu-column-1 ul {
	display: grid;
	gap: 10px;
}
.menu-column-3 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
footer#footer{
	border-top:4px solid var(--primary-color);
}
footer#footer ul li{
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	font-style: 15px;

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; 
   line-height: 25px;      
   max-height: 25px;   
}
.box-blog-post .is-divider{
	display: none;
}
.post-title a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	line-height: 25px; 
	font-size: 16px; 
}
.copyright-footer{
	border-top:1px solid #DBDBDB;
	padding: 20px 0px;
	font-style: 12px;
}
.absolute-footer{
	padding: 0px;
}
.title2{
	font-size: 20px;
}
.title{
	font-size: 24px;
	font-weight: 700;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 15px;
}
header#header{
	border-bottom: 12px solid var(--fs-color-secondary);
}

.tit-hot > .col-inner{
	background-image: url(images/tit-hot.png);
	background-size: cover;
	background-position: right;
}
.box-hot p{
	margin-bottom: 0px;
}

.new-box-1{
	    border-bottom: 2px solid;
	    overflow: hidden;
}
.new-box-1 .post-item{
	padding-bottom: 0px !important;
}

.new-box-1 .post-item.is-selected:after{
    content: "";
    height: 48px;
    width: 1px;
    background-color: var(--fs-color-secondary);
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}
.buttonright .post-item .post-title a:after{
	speak: none !important;
	display: inline-block;
	font-display: block;
	font-family: fl-icons !important;
	font-style: normal !important;
	font-variant: normal !important;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: none !important;
	content: "";
	position: absolute;
	right: 15px;
	font-size: 20px;
	top: 20px;
	right: 5px;
	color: var(--primary-color);
	font-weight: bold !important;
}

h3.section-title{
	font-size: 40px;
}
h3.section-title-center .section-title-main{
	font-size: 32px;
	color: #FF3131;
	font-style: italic;
}
h3.section-title-center{

	margin-top: 40px;
}
.section-title-bold > span{
	border: 4px solid #0C0C0C;
	box-shadow: 8px 8px 0px 0px #000000;

}
.section-title span span{
    padding: 0px;
    border: 0px;
    color: var(--fs-color-primary);
}

.section-title a{
	font-style: italic;
	color: var(--primary-color);
	font-size: 16px;
	padding-left: 50px;
}
.section-title b{
	opacity: 1;
	height: 4px;
}
.section-title i.icon-angle-right{
	opacity: 1;
}
.slider-nav-simple .flickity-prev-next-button{
	display: none;
}
.box-slider.row-slider .flickity-page-dots .dot {
    background-color: #ffffff ;
    height: 12px;
    opacity: 1 !important;
    width: 12px;
}
.box-slider .flickity-page-dots .dot.is-selected {
    background-color: var(--fs-color-primary);
    opacity: 1 !important;
}
.box-slider .flickity-page-dots {
    bottom: 15px;
    left: 20%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
    top: 20px;
    bottom: auto !important;
    z-index: 999;
    right: 40px;
    left: auto;
}
.section-title-container .section-title-bold{
	margin-top: 70px;
}
.box-slider .post-title a{
	font-size: 40px;
	font-weight: 700;
	 line-height: 58.32px;
	 margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	line-height: 58px;      
	max-height:116px;  
}
.box-slider .from_the_blog_excerpt {
	font-size: 16px;
	font-weight: 400;
	line-height: 22.5px;
	color: #6B6B6B;
}
.border .large-9{
	border-right:1px solid #000;
	padding-bottom: 0px;
}
.border .large-9 .post-title a{
	font-size: 36px;
}
.border .post-item:nth-child(2) .col-inner .box-text{
	padding-bottom: 20px !important;
	border-bottom:1px solid #000;
}

.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
    direction: ltr;
    display: table-cell;
    vertical-align: middle;
}
.box-list-view .box, .box-vertical {
    display: table;
    width: 100%;
}
.box-list-view .box .box-text, .box-vertical .box-text{
	padding-left: 1.5em;
	padding-right:1.5em;
}

.box-label .box-text {
    margin: 10px;
    padding:15px 10px;
}
.gocnhin .large-6 .post-title a{
	font-size: 24px;
}
h3.section-title-bold-center .section-title-main{
	border: 4px solid #0C0C0C;
	box-shadow: 8px 8px 0px 0px #000000;
	font-size: 40px;
	background-color: #fff;
	margin-top:30px;
}
h3.section-title-bold-center a{
	color: #fff;
}
.hautruong .large-9 .post-title a{
	font-size: 24px;
}
.section-title-normal{
	border-bottom: 5px solid ;
	border-color:var(--primary-color);
}
.section-title-normal.section-title a{
	padding-left: 0px;
	font-size: 0px;
}
.section-title-normal.section-title a i{
	font-size: 20px;
}
#post-list .post-title a{
	font-size: 24px;
}
#post-list .post-item .box-vertical{
	padding-bottom:20px;
	border-bottom:1px solid #ebebeb
}
.post-item .box-vertical{
	padding-bottom:20px;
	border-bottom:1px solid #ebebeb
}
.post-meta {
    margin: 7px 0px;
    font-size: 12px;
}
.ux-relay__button{
	border-radius: 8px;
	font-weight:700 !important
}

h1.page-title{
	color: var(--primary-color);
	font-size: 40px;
	font-style: italic;
	border-bottom: 10px solid ;
	padding-bottom: 10px;
}

.current-category {
    border-bottom: 4px solid var(--primary-color);
}

.child-categories, .sibling-categories {
    list-style: none;
    padding-left: 0;
    margin: 0px;
}

.child-categories li, .sibling-categories li {
    margin: 0;
    display: inline-block;
}

.child-categories li a, .sibling-categories li a {
	font-weight: 700;
	text-decoration: none;
	font-size: 14px;
	padding: 0px 10px;
	line-height: 52px;
	height: 52px;
	display: inline-block;
}

.child-categories li a:hover, .sibling-categories li a:hover {
   border-bottom: 4px solid var(--primary-color);
}
.category_box{
	box-shadow: 0px 4px 12px 0px #0000001F;
	margin-bottom: 60px;
	margin-top: -30px;
}
.archive .page-wrapper{

}

/*#comments{*/
/*	display: none;*/
/*}*/
.single .page-wrapper{
	background-color:var(--primary-color);
}
article,#secondary{
	padding: 25px;
	background-color: #fff;
}
h1.entry-title{
	font-size: 40px;
}

.baivietlienquan h3.section-title{
	font-size: 24PX;
	text-transform: none;
	margin-top: 0px;
}

.baivietlienquan .post-item .box {
	border:1px solid #00000012;
}
.baivietlienquan .post-item .box .box-text{
	padding: 15px;
}
.entry-meta{
	display: flex;
	justify-content: space-between;
}
.entry-meta .post-meta{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}
.author-avatar img{
	width: 24px;
	border-radius: 100%;
	height: 24px;
}
.post-date-time{
	color: #6B6B6B;
}
.entry-divider{
	display: none;
}
.entry-content{
	padding-top: 0px;
}
.section-title-normal span{
	font-size: 24px;
}
aside .section-title-normal{
	margin-bottom: 0px;
}
.banner.ads{
	margin: 0px -25px;
	width: auto !important;
}
.entry-content img{
	max-width: 100%;
}

.box-search{
	position: relative;
	z-index: 1;
	display: none;
}
.box-search form{
	position: relative;
	margin-bottom: 0px;
}
.box-search .search-input{
	border-radius: 50px;
	border: 0px;
	box-shadow: none !important;
	height: 48px;
	padding: 10px;
	padding-left: 50px;
	font-size: 14px;
	background-image: url(images/search.png);
	background-size: 24px;
	background-position: center left 15px;
	background-repeat: no-repeat;
}
.search-icon{
	width: 24px;
    height: 24px;
    display: block;
    background-image: url(images/search-w.png);
    cursor: pointer;
}
.box-search .search-submit{
	position: absolute;
	top: 4px;
	right: 4px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	margin: 0px;
	height: 40px;
	text-transform: initial;
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
	font-weight: normal;
}
/*
.single .header-bg-color {
    background-color: #fff;
}
.single  .header:not(.transparent) .header-nav-main.nav > li > a {
    color: #000;
}
.single .search-icon {
    background-image: url(images/search-d.png);
}
.single .box-search .search-input {
    border: 1px solid #ccc;
}
*/
.title2 {
   position:relative
}
.title2:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #000;
    top: 17px;
    z-index: -1;
}
.title2 p strong {
    background-color: #f9f9f9;
    padding-right: 15px;
}
.post-title a span{
	color:var(--primary-color) !important
}
@media screen and (min-width: 850px) {
    .home-box > .large-2 {
        flex-basis: 13.6666666667%;
        max-width: 13.6666666667%;
    }
    .home-box > .large-8 {
        flex-basis: 72.6666666667%;
        max-width: 72.6666666667%;
    }

    .cot2 .large-9 {
        flex-basis: 65%;
        max-width: 65%;
    }
    .cot2 .large-3 {
        flex-basis: 35%;
        max-width: 35%;
    }
    .blog-single > .row > .large-9{
    	flex-basis: 72%;
        max-width: 72%;
    }
    .blog-single > .row > .large-3{
    	flex-basis: 28%;
        max-width: 28%;
    }
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: hsl(0deg 0% 100%);
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.menu-column-3 ul{
	    grid-template-columns: repeat(2, 1fr);
}
.box-list-view .box .box-image, .box-vertical .box-image {
    max-width: 30% !important;
	width: 30% !important;
}
.box-slider .post-title a{
	font-size: 25px;
	line-height: 30px;
	height: 60px;
}
.box-slider  .box-text{
	padding-bottom: 0px;
}
.font50 {
    font-size: 35px;
}
.box-text{
	padding-bottom: 10px;
}
h3.section-title-bold,h3.section-title-bold-center .section-title-main{
	font-size: 20px;
}
.section-title a{
	padding-left: 10px;
}
.section-title-container .section-title-bold{
	margin-top: 40px;
}
.section-title a{
	font-size: 12px;
}
.border .large-9{
	padding-bottom: 20px;
}
.border .large-9 .post-title a{
	font-size: 24px;
}
.gocnhin .from_the_blog_excerpt {
	display: none;
}
.box-vertical .from_the_blog_excerpt{
	display: none;
}
#post-list .post-title a{
	font-size: 16px;
}
h3.section-title{
	font-size: 20px;
}
h3.section-title-center .section-title-main,h1.entry-title{
	font-size: 25px;
}
h1.page-title{
	font-size: 30px;
	border-bottom: 5px solid;
}

.entry-meta{
	display: block;
}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
	background-color: var(--primary-color);
}
.off-canvas .nav-vertical>li>a{
	font-size: 16px;
}
.nav>li>a>i.icon-menu {
    font-size: 40px;
}
	/*
.single .nav>li>a>i.icon-menu {
    color: #000;
}
	*/
	.border .large-9{
		border:0px;
	}	

}