/*
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.   ***************/
blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 0.8em;}

.banner h1, .banner h2, .banner h3{line-height: 1.3}

.ux-menu-link__link{min-height: 2em;font-size: 14px;}

.box-text .is-divider{display: none;}
.is-small, .is-small.button {font-size: .9em;}

.section-title-container {margin-bottom: 0.8em;}

td, th{font-size: 1em;line-height: 1.3;}
td:first-child, th:first-child{padding-left: 8px;}

.logo-left .logo{margin-right: 20px;}

@media (min-width: 850px) {
  .nav-vertical + .tab-panels {padding: 20px 20px 5px;}
}

::-webkit-scrollbar {background: #1b1b1b;width: 10px;}
::-webkit-scrollbar-thumb {background-color: #6969dd;}

.section-title-normal{border-bottom: unset;}
.section-title-normal span{border-bottom: unset; margin-bottom: 0; padding-bottom: 0;font-size: 21px;}
.home-section-title .section-title{border-left: 5px solid #0171bb; padding-left: 15px;}
.home-section-title .section-title a{font-size: 15px;}

.home-section-title2 .section-title{text-align: center;background-color: #0171bb;color: #fff;margin-bottom: 0;padding: 10px 15px;position: relative;justify-content: unset;}
.home-section-title2 .section-title:before{content:'\f15c';font-family: 'Font Awesome 5 Pro';padding-right: 10px;font-size: 15px;} 

.home-blog .col-inner .box{background-color: #f2f3fa !important; border-radius: 7px;}
.home-blog .tag-label{margin-bottom: 10px;opacity: .85; font-size: 0.8em; line-height: 1.4;}
.home-blog .post-title{margin-bottom: 10px;}
.home-blog .post-meta{margin-bottom: 10px; font-size: 1em;position: relative;}
.home-blog .post-meta:before{content: '\f073';font-family: 'Font Awesome 5 Pro';padding-right: 6px;}

.home-blog2 .col-inner{padding: 12px; background-color: #fff; border: 1px solid #fff; border-radius: 7px;}
.home-blog2 .col-inner:hover{border-color: #0171bb;transition: .3s;}
.home-blog2 .box-vertical .box-text{padding-top: 0;padding-bottom: 0;padding-right: 0;}
.home-blog2 .box-vertical .box-text .post-title{font-size: 15px;}

.home-blog3 .box-text{padding-top: 0;padding-bottom: 0;padding-right: 0;}
.home-blog3 .box-text .post-title{font-size: 15px;}

.home-thongbao .box-vertical{position: relative;padding-left: 15px;}
.home-thongbao .box-vertical:before{content:'\f0ea'; font-family: 'Font Awesome 5 Pro';background-color: rgb(255 220 195);padding: 15px 10px;font-size: 18px;top: 14px;position: relative;border-radius: 6px;}
.home-thongbao .box-vertical .box-image{display: none;}
.home-thongbao .box-vertical .box-text{padding: 0 15px 0 15px;}
.home-thongbao .box-vertical .box-text .post-title{font-size: 15px;}
.home-thongbao .box-vertical .box-text .post-title{font-size: 15px;}

.home-support .icon{background-color: #fff;padding: 10px;border-radius: 7px;}

.page-contact-form .wpcf7-form .wpcf7-form-control-wrap input[type="text"],
.page-contact-form .wpcf7-form .wpcf7-form-control-wrap input[type="email"], 
.page-contact-form .wpcf7-form .wpcf7-form-control-wrap input[type="tel"]{height: 3em;border-radius: 8px;background-color: #f2f4f7;border: unset;}
.page-contact-form .wpcf7-form .wpcf7-form-control-wrap textarea{border-radius: 8px;background-color: #f2f4f7;border: unset;}
.page-contact-form .wpcf7-form input[type="submit"]{width: 100%;border-radius: 8px;margin-right: 0;height: 3em;}
.page-contact-form .wpcf7-form .wpcf7-spinner{position: absolute;right: 10px;bottom: 28px;}

.list_video .title_list_video{border-bottom: 4px #2974D0 solid;background-color: #1B1B1B;}
.list_video .title_list_video p{color: #fff;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 20px;display: inline-block;background: #152E4C;margin: 0;}
.list_video .gallerys{overflow: hidden;position: relative;background-color: #1B1B1B;}
.list_video .gallerys .gallery-main{float: left;width: 65%;padding-right: 20px;}
.list_video .gallerys .gallery-main .flex-media{overflow: hidden;position: relative;}
.list_video .gallerys .gallery-main .flex-media iframe{display: block;height: 330px;width: 100%;}
.list_video .gallerys .gallery-title{text-align: center;font-size: 16px;padding-bottom: 10px;padding-top: 10px;color: #fff;}
.list_video .gallerys .gallery-items{width: 35%;padding-left: 0;overflow-x: hidden;overflow-y: scroll;height: 285px;}
.list_video .gallerys .gallery-items .gallery-item{margin-left: 0;list-style: none;padding: 0;}
.list_video .gallerys .gallery-items .gallery-item a.gallery-item-link{color: #fff;}
.list_video .gallerys .gallery-items .gallery-item a.gallery-item-link .media .media-img{display: none;}
.list_video .gallerys .gallery-items .gallery-item a.gallery-item-link .media .gallery-item-desc{text-align: left;padding: 8px 0 8px 20px;border-bottom: 1px dashed #cccccc;position: relative;}
.list_video .gallerys .gallery-items .gallery-item a.gallery-item-link .media .gallery-item-desc:before{content: "\f144";position: absolute;top: 5px;left: 0px;font-family: Font Awesome\ 5 Pro;}
.list_video .gallerys .gallery-items .gallery-item a.gallery-item-link .media .gallery-item-desc:hover{color: #ff7e00;}
@media (max-width: 576px) {
	.list_video .gallerys .gallery-main{float: unset;width: 100%;padding-right: 0;margin-bottom: 15px;}
	.list_video .gallerys .gallery-items {width: 100%;height: 240px;padding-left: 10px;padding-right: 10px;}
}


