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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-bottom ul.header-bottom-nav  > li a i{
    padding-right: 5px;
}
.header-bottom ul.header-bottom-nav  > li{
        margin: 0 39px;
}
.blog-single{
    padding-top: 10px;
}
.post-item a.button {
    color: black;
}
.post-item a.button:after{
       content: "\f061";
font-family: fontawesome;
padding-right: 6px;
}
div.post-meta:before {
    content: "\f017";
font-family: fontawesome;
padding-right: 6px;
}
.div-tin-info .post-title a{
     color: #bdbdbd !important;
}
.div-tin-info .post-title{
    font-size: 18px;
    margin-bottom: 10px;
}
.div-tin-info .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.div-tin-info .row .post-item:nth-child(1){
        background: #17191A;
    border-top-right-radius: 10px;
}
.div-tin-info {
    background: #222222;
        border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #bdbdbd;
}
.div-tin-info .post-item{
        padding: 20px 5px;
}
.blog-image-right .post-title{
    font-size: 23px;
}
.blog-no-image  .post-item .post-title a{
    font-weight: 500;
}
.div-doc-nhieu > .col-inner{
        border: 1px solid #dfe6ec;
        border-radius: 10px;
}
.div-tin-ngang{
    border-left: 1px solid #dfe6ec;
}
.div-doc-nhieu .tab-panels{
        position: relative;
    max-height: 638px;
    padding: 0px;
    overflow-y: auto;
}
.div-doc-nhieu .tab-panels .panel {
        padding: 0px 15px;
}
.div-doc-nhieu ul.nav li{
        width: 50%;
    text-align: center;
    margin-right: 0px;
}
.div-doc-nhieu ul.nav li a{
    padding-top: 15px;
    padding-bottom: 15px;
}
.div-doc-nhieu ul.nav{
      border-bottom: 1px solid #dfe6ec;
}
.div-doc-nhieu ul.nav li a:before{
        bottom: 0 !important;
        top: unset !important;
}
.blog-no-image  .box-image{
	display: none;
}
.blog-no-image .box-text{
	padding: 0px 0px 15px 0px;
}
.is-divider{
	display: none;
}
.header-full-width .container {
    max-width: 98% !important;
}
.header-button-1 a{    border-radius: 5px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    height: 40px;}
.section4 .large-3 .large-12 .col-inner{background: #ececec;
    padding: 20px;
    border-radius: 10px;}
 .post-item .box-normal .post-title a, .post-item .box-vertical .post-title a{

    color: black;

 }
.post-item .post-title a{
	overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}
.list-post1  .post-item .box-image {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.list-post1 .post-item .box-text {
        margin-bottom: 10px;
    padding: 10px;
	background: #F6F6F6;
		border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.list-post1 .post-item .post-title{color: #222;
    font-weight: 500;
    font-size: 20px;}
    .header-search-form .search-field{
            min-height: 40px;
    box-shadow: unset;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    }
     .header-search-form .ux-search-submit{
            min-height: 40px;
    padding: 0px 11px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
     }
     .post-item .cat-label{
       border-left: 2px solid #f39800;
    padding-left: 6px;
    margin-left: 54px;
    font-weight: bold;
    text-transform: inherit;
    font-size: 13px;
    font-weight: normal;
    opacity: 1;
    margin-bottom: 10px; 
     }
.post-item .author-box img{width:40px}
.post-item .author-box .circle{margin-right:10px}
.post-item .author-box .author-name{margin-top: 0;
    padding-top: 0;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    color: #7a7775;
    font-size: 18px;}
.post-item .entry-author {
    padding: 10px 0;
}
.post-item .author-desc{font-size: 16px;
    color: #7a7775;}
.post-item .box-image,.post-item .box-image img{border-radius:10px}
.list-post1 .flickity-button{display:none}
.list-post1 .flickity-page-dots{top:60%}
.list-post1 .flickity-page-dots .dot{width:10px; height:10px;background-color: #fff;opacity:1} .list-post1 .flickity-page-dots .dot.is-selected{width:30px;border-radius:5px; background:#0093fd}
.logo-left .logo{margin-right:85px}
.header-main{border-bottom:1px solid #e5e5e5}.list-post2 .post-item .post-title{font-size:18px}
.list-post2 .post-item .entry-author, .list-post3 .post-item .entry-author{display:none}
.list-post2 .post-item .box-text{padding-bottom:0}
.section1 .cot3 .box-overlay .box-text{padding:10px 10px 25px 10px; background-image: linear-gradient(transparent, black);border-bottom-left-radius:10px; border-bottom-right-radius:10px}.section1 .cot3 .box-overlay .box-image{border-radius:10px}
.section1 .cot3 .box h2{font-size:30px; text-transform:uppercase}
.list-post3 .post-item .box-text{padding-bottom:0}
.list-post3 .post-item .post-title{padding-left:54px; font-size: 19px;
    font-weight: 500;
    color: #4c4c4c;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
		overflow: hidden;}.header-main .nav > li > a{font-weight:bold}
.list-post3{counter-reset: post-item;}
.list-post3 .post-item .post-title::before{     counter-increment: post-item;
   counter-increment: post-item;
    content: counter(post-item);

    text-align: center;
    font-size: 39px;
    font-weight: bold;
    color: black;
    position: absolute;
    left: 0;
    bottom: 0px;}
.list-post3 .post-item{padding-bottom:10px}
.list-post1 .post-item a:hover{color:gray;}
.section1 .col.large-6, .section1 .large-3{padding-bottom:0}
.section1 .large-12 .list-post2 .flickity-page-dots{display:none}.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    font-size: 31px;
    font-weight: 600;
    color: #161514;
}.section-title-normal {
    border-bottom: 0;
}.section-title a {
    display: block;
    margin-left: auto;
    background: #ececec;
    border: 1px solid #ececec;
    font-weight: normal;
    color: #5d5d5d;
    font-size: 16px;
    letter-spacing: 0;
    padding: 8px 28px;
    border-radius: 5px;
}
.blog-tin-ngang{
    border-top: 1px solid #dfe6ec;
    margin-top: 15px;
    padding-top: 15px;
}
.list-post1 img{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.list-post1 .post-item .from_the_blog_excerpt {font-size:18px;margin:20px 0}
.list-post4 .post-item .post-title, .list-post6 .post-item .post-title,  .list-post8 .post-item .post-title{font-size: 15px;
    font-weight: 500;
    color: #4c4c4c;}
.list-post4 .post-item .author-box .author-name,.list-post6 .post-item .author-box .author-name{font-size:14px}
.list-post4 .post-item .author-desc, .list-post6 .post-item .author-desc {
		font-size: 13px;}
.list-post4 .post-item .box-text{padding-bottom:0}.section-title-container {
    margin-bottom: 0;
}
.list-post5 .post-item .box-text{text-shadow:none; border-bottom-left-radius: 10px;
    background-image: linear-gradient(transparent, black);
    border-bottom-right-radius: 10px;}
.list-post5 .post-item .post-title{font-size: 22px;
    font-weight: 500;}
.list-post5 .post-item .from_the_blog_excerpt {display:none;font-size:18px}.list-post5 .post-item:hover .from_the_blog_excerpt{display:block; transition:display 1s linear;}
.list-post7 .post-item .post-title{font-size: 22px;
    font-weight: 500;}
.list-post7 .post-item .box-text{text-shadow:none}
.list-post7 .post-item .author-box .author-name{font-size:14px;color:#b5b5b5}
.list-post7 .post-item .author-desc{font-size:13px; color:#b5b5b5}
.list-post8 .post-item .author-box .author-name{font-size:13px}
.list-post8 .post-item .author-desc{font-size:11px}
.list-post8 .post-item .box-text{padding-right:0}.list-post8 .post-item .post-title:hover{color:#0093fd}
.list-post8 .post-item .post-title{height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.section4 .icon-box .icon-box-text p{    font-weight: 500;
    color: #0093fd;
		margin-bottom: 0;}.section4 .icon-box .icon-box-img{height:80px}.section4 .icon-box .icon-box-img img{border-radius:99%; border: 2px solid #ffffff; height:100%; padding-top:0;height:80px}
.section4 .icon-box h3{font-weight: 500;
    font-size: 18px;
		color: #545454;}.section4 .icon-box{padding-top:18px;padding-bottom:18px;border-bottom:1px solid #dedede;}.section4 .icon-box .icon-box-text{padding-top:10px}
.list-post9 .post-item .post-title{font-size: 23px;
    font-weight: 500;
    color: #4c4c4c;
   }
.list-post9 .post-item .from_the_blog_excerpt {    font-size: 16px;
    color: #4c4c4c;
		margin-bottom: 30px;}.list-post9 .post-item .post-title:hover{color:#0093fd}
.div-tin-info .box-image{
    display: none;
}


.absolute-footer {
    color: rgba(0,0,0,.5);
    padding: 20px 0;
    font-size: 16px;
    border-top: 1px solid #e0e0e0;
}
.footer-section h3{    font-size: 17px;
    font-weight: 500;
    color: #4b4b4b;}
.footer-section ul li{margin-left:0; list-style:none; margin-bottom:15px}.footer-section ul{margin-bottom:0}
.footer-section .col{padding-bottom:0}
.footer-section ul li a{color:#656464;}
.footer-section .social-icons a{margin-bottom:0}.footer-section ul li a:hover{text-decoration:underline; color:#0093fd}
a.back-to-top{background:white; border:none !important; width:50px; height:50px; box-shadow:2px 2px 20px #00000026;}

.footer-section{background:linear-gradient(180deg,#eee,hsla(0,0%,100%,.91) 99%);}div.ez-toc-widget-container ul.ez-toc-list{display:block !important}
.blog-single .large-2{padding-left:0;flex-basis:18%; max-width:18%;padding-right:0}
.blog-single .large-3{flex-basis:23%; max-width:23%;padding-right:0}
.blog-single .large-7{flex-basis:59%; max-width:59%;padding-right:0}
span.widget-title, .widgettitle {display:block; margin-bottom:20px;

    font-size: 16px;

    letter-spacing: 0;
    font-weight: 500;
}
.widget_categories .widget-title {
    display: none;
}
.widget_categories > ul > li > a{
    text-transform: uppercase;
    color: black;
}
.blog-single .large-2 li{padding:10px; list-style:none; margin-left:0}.blog-single .large-2 li:hover{color:#cda439}.ez-toc-widget-container ul.ez-toc-list li.active {
    background-color: rgb(207 173 96 / 10%);
		border-radius: 6px;}.ez-toc-widget-container li.active > a {
    font-weight: normal;
    color: #cda439;
}
.tagcloud a:hover{color: #2196f3;
    background: #ebf9ff !important;}
.blog-archive .page-title{    font-size: 26px;
    color: #2c2c2c;}

.blog-archive .post-item .post-title{    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #292929;}

.blog-archive .post-item .author-box .author-name{font-size:14px;}
.blog-archive .post-item .author-desc{font-size:11px}
.blog-archive .post-item:hover .box-image img{transform:scale(1.2)}.blog-archive .post-item .post-title:hover{color:#0093fd}
.blog-archive .post-item .box-text{padding-bottom:0}.section-title a:hover{background:rgb(3 169 244 / 11%);border:none}.nav-dropdown.nav-dropdown-default>li>a{border-bottom:none;font-weight:500; color:#373737;}

.blog-archive .post-sidebar aside,.blog-single .post-sidebar aside{
    background:#F7F7F7 ;
    padding: 20px;
    border-radius: 5px;
}
.blog-single .large-9{
    padding: 0px;
}

.widget .is-divider{display:none}

.blog-single .large-7{border-right:none !important; padding-right:0;border-left:none !important}.blog-single .large-3{border-left:none !important}
a.back-to-top .icon-angle-up{font-size: 32px;
    line-height: 46px;}
.recent-blog-posts-li .badge.post-date{width:120px; height:70px}
.recent-blog-posts-li .badge.post-date .badge-inner{border-radius:10px}
.block_widget .list-post6 .post-item .box-text{padding-bottom:0}.block_widget .list-post6 .post-item{padding-bottom:15px}.nav-dropdown.nav-dropdown-bold>li>a{font-weight:500;color:rgb(48 48 48 / 85%)}
.nav-dropdown.nav-dropdown-bold > li > a:hover{background:#ededed; color:rgb(48 48 48 / 85%) !important}
.toc_number{font-weight: 500;
    color: #0093fd;}
.toc_widget ul li ul{    display: block;
    border-left: 0;
    margin-left: 0;
		padding-left: 0;} .toc_widget ul li ul li{padding-top:0 !important;padding-bottom:0 !important}
.blog-single .entry-title{    font-size: 37px;
    font-weight: 500;
    color: #222;}
.blog-single .thong-tin-post .author img{    width: 30px;
    height: 30px;
    border-radius: 99%;
		margin-right: 5px;}.blog-single .thong-tin-post .author .info{margin-right:20px}
.blog-single .thong-tin-post{display: inline-block;
    width: 100%;
    clear: both;
    font-size: 16px;
    color: gray;}
.blog-single .entry-image img{border-radius:10px}
.blog-single .entry-content{color:#292929; font-size:18px}
.blog-single .entry-content h2{    font-size: 30px;}
.blog-single .entry-content h3{    font-size: 28px;}
.blog-single .entry-content h4{    font-size: 26px;}
.blog-single .thong-tin-post .author{width:80%;display:inline-block;float:left}
.blog-single .thong-tin-post .luot-xem{display:inline-block; width:20%; float:right;text-align: right;}
.fa{margin-right:7px}
.blog-single .article-inner{padding:30px 40px}
.tagcloud a{background: #f2f2f2;
    padding: 5px 15px;
    font-size: 14px !important;
    color: #525252;
    border-radius: 5px;
    margin: 7px 0;
    margin-right: 10px;
    display: inline-block;}
.ez-toc-list li{list-style-type: decimal !important;
		list-style-position: inside !important;}div.ez-toc-widget-container ul.ez-toc-list{padding:0px}
.widget .social-icons{ text-align:center;   background: #f2f2f280;
    display: block;
    padding: 10px;
		border-radius: 10px;}.widget .social-icons a{border: none;
 margin-bottom:0}
.blog-single .large-7 .entry-author{background: white;
    border-radius: 10px;
    margin: 30px 0;
    padding: 15px 40px;}
.blog-single .large-7 .entry-author h5{text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 18px;
    color: #4d4d4d;}
.blog-single .author-desc{    font-size: 17px;
    color: gray;}
.blog-single .social-icons a{border:none !important}
.blog-single .large-7 .entry-author .circle {
    margin-right: 20px;
    width: 85px;
}
.widget .social-icons a i, .blog-single .social-icons a i{color:gray;}
.gioi-thieu-box{background: white;
    padding: 20px 40px;
    border-radius: 10px;
    margin-top: 30px;}
.gioi-thieu-box h3, #comments .comment-respond .comment-reply-title{font-weight: 500;
    color: #605e5c;}
.gioi-thieu-box .des{margin-bottom:0}footer.entry-meta{font-size:17px}#comments .comment-respond {
    background-color: white;
    margin-top: 15px;
    padding: 15px 40px;
    border-radius: 10px;
}
#comments input[type=submit]{margin-bottom:0; border-radius: 5px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;}
form{margin-bottom:0}
.bai-viet-lien-quan .container{max-width:1200px}
.bai-viet-lien-quan h3{font-size: 27px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 500;
    color: #363636;}
.bai-viet-lien-quan{margin-top:30px}
.list-bai-viet{    display: block;
    width: 100%;
    clear: both;}
.list-bai-viet .box-image{    border-radius: 10px;
    margin-bottom: 0px;height:250px}
.list-bai-viet .tieu-de-bai-viet{font-size: 21px;
    font-weight: 500;
    line-height: 28px;
    height: 55px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.list-bai-viet .box-text{padding: 20px;background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.list-bai-viet li{padding: 10px 15px;display:inline-block; width:33.33%; float:left}
.bai-viet-lien-quan .entry-author h5{margin: 0;
    padding: 0;
    text-transform: none;
    font-weight: 500;
		color: gray;}
.bai-viet-lien-quan .entry-author .author-desc{font-size:11px}
.bai-viet-lien-quan .entry-author{    padding: 10px 0 0 10px;}.bai-viet-lien-quan .entry-author .circle{width:30px; margin-right:7px} .bai-viet-lien-quan li:hover .box-image img{transform:scale(1.2); transition:1s} .widget>ul>li li>a{font-size:15px}
.toc_widget_list.no_bullets li ul li{background-image: url(/wp-content/uploads/2022/08/dot.jpg) !important;
    background-repeat: no-repeat !important;
    background-position-y: 8px !important;
    padding-left: 29px !important;
    background-size: 19px;}
.toc_widget_list.no_bullets li a{font-weight:500} .toc_widget_list.no_bullets li ul li a{font-weight:normal}h1.entry-title.mb {
    margin-bottom: 20px;
    letter-spacing: 0;
}
.page-right-sidebar{background:#f5f5f5;}
.page-right-sidebar .large-3{padding-left:0; border-left:none !important; flex-basis:29%; max-width:29%}
.page-right-sidebar .page-inner{background:white; border-radius:10px; padding:25px 40px}
.comment-form-comment textarea{box-shadow:none; border-radius:10px}
.page-right-sidebar .large-9{border-right:none !important; flex-basis:71%; max-width:71%}
.widget>ul>li li>a .toc_number{display:none}

@media(max-width: 855px){
	.nav>li>a>i.icon-menu{width: 40px;
    height: 40px;
    background: #efefef;
    border-radius: 99%;
    line-height: 40px;
    color: white;
		padding-left: 8px;}.icon-menu:before{Color:gray;}.off-canvas-left .mfp-content{background:#fafafa; width:300px}.off-canvas .nav-vertical>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
}.list-post1 .post-item .post-title{font-size:20px}.list-post1 .flickity-page-dots {
    top: 46%;
}.post-item .author-box .author-name {
    font-size: 15px;
}.post-item .author-desc {
		font-size: 13px;}
.list-post1 .post-item{padding-bottom:0}
.list-post2 .post-item .box{display:inline-flex}
.list-post2 .post-item .box-image {
    border-radius: 10px;
    display: flex;
    width: 55%;
    flex-direction: column;
}.list-post2 .post-item .box-text{padding-left:6px;padding-top:0}.list-post2 .post-item .post-title {
    font-size: 16px;
}.list-post3 .post-item .post-title {
    font-size: 17px;
   		height: 46px;}
.list-post3{margin-bottom:15px}
.section{padding-bottom:0!important}
.section-title-normal span {
		font-size: 25px;}
.list-post2 .post-item{padding-bottom:15px}
.section-title a {
    font-size: 16px;
		padding: 5px 14px;}
.section2 .col{padding-bottom:10px}
.section2 .list-post1 .post-item .post-title {
    font-size: 18px;
}.list-post1 .post-item .from_the_blog_excerpt {
    font-size: 15px;
    margin: 10px 0;
}

.list-post4 .post-item .entry-author, .list-post5 .post-item .entry-author, .list-post6 .post-item .entry-author, .list-post7 .post-item .entry-author, .list-post8 .post-item .entry-author{display:none}
.section3 .col{padding-bottom:10px}
.list-post5 .post-item .post-title {
		font-size: 18px;}
.list-post6 .post-item .box-text, .list-post8 .post-item .box-text{padding-bottom:0}
.list-post8 .post-item .post-title {
		height: 40px;}.list-post8 .post-item{padding-bottom:10px}
.section4 .col{padding-bottom:10px}
.section5 .col{padding-bottom:10px}.list-post9 .post-item .post-title {    margin-bottom: 0;
		font-size: 20px;} .list-post9 .post-item .entry-author, .list-post9 .post-item .from_the_blog_excerpt{display:none}.footer-section .col{flex-basis:100%; max-width:100%; padding-bottom:10px}
.footer-section .large-9 .large-3{flex-basis:50%;max-width:50%}
.footer-section .large-3 .large-6{flex-basis:50%; max-width:50%}.blog-single .large-2{display:none}.blog-single .large-7{flex-basis:100% ;max-width:100%; padding-right:15px}.blog-single .article-inner{padding:15px}.blog-single .entry-title {
		font-size: 25px;}.blog-single .thong-tin-post .author,.blog-single .thong-tin-post .luot-xem{padding: 7px 0;width:100%;text-align:left}.entry-header-text {
    padding: 0;        margin-bottom: 10px;
}.gioi-thieu-box, .blog-single .large-7 .entry-author, #comments .comment-respond{padding:15px}.blog-single .author-desc {
		font-size: 15px;}.blog-single .large-3{flex-basis:100%; max-width:100%; padding-right:15px}.widget, .blog-single .article-inner{padding:15px}.list-bai-viet li{margin-bottom:15px; padding: 0;width:100%}
.list-bai-viet .tieu-de-bai-viet {
    font-size: 18px;
		line-height: 25px;}.list-bai-viet .box-text{padding:15px}.blog-archive .large-12 {
    padding-top: 0;
}.blog-archive .post-item .post-title {
		font-size: 16px;}
.blog-archive .post-item{padding-bottom:10px}.page-right-sidebar .large-9, .page-right-sidebar .large-3{padding-left:15px;padding-right:15px; flex-basis:100% ;max-width:100%;}
.blog-archive .post-item .entry-author{display:none}
}




@media(min-width: 1023px){
    .blog-archive .post-sidebar,.blog-single .post-sidebar{
    padding-right: 0px !important;
}
	.blog-image-right{
		min-height: 340px;
	}
	.blog-image-right .box-text{
                padding-left: 0px;
		    width: 50%;
    position: absolute;
}
	
	.blog-image-right .box-image{
		    width: 50% !important;
    position: absolute;
    right: 0px;
	}
}

@media(max-width: 855px){
    .list-post6  .from_the_blog_excerpt {
        display: none !important;
    }
    .blog-no-image .box-image {
    display: block !important;
}
     .tin-ngang-mobile .box .from_the_blog_excerpt {
            overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
     }
      .tin-ngang-mobile .post-item{
        padding-bottom: 0px;
      }
     .tin-ngang-mobile .box .box-text{
            padding-top: 0px;
    padding-left: 11px;
     }
    .tin-ngang-mobile .box  img{
            transform: unset !important;
    }
    .tin-ngang-mobile .box .box-image{
            width: 38% !important;
    }
    .tin-ngang-mobile .box{
display: flex;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}