/*
Theme Name: Giới thiệu công ty
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: 'UTM Avo';
	src: url(fonts/UTM_AvoBold.ttf);
}
@font-face {
	font-family: 'UTM Avo i';
	src: url(fonts/UTM_AvoBold_Italic.ttf);
}
.nav-spacing-large>li {
	margin: 0;
}
.nav > li > a {
    padding: 0 24px;
}
#main {
	padding-top: 15px;
}
.top-sologan h3 {
	font-family: 'UTM Avo';
	color: #1b6dc1;
	font-size: 30px;
	text-align: center;
	margin-bottom: 0;
}
.top-sologan h4 {
	font-family: 'UTM Avo i';
	font-size: 24px;
	color: #1d951b;
	text-align: center;
}
/* #masthead > .container  {
	background: url(images/header-top.png) right 65% no-repeat;
} */
/* */
.row-after-header {
	border-bottom: 1px solid #e1e1e1;
}
.row-after-header p {
	display: none;
}
#clock {
	font-size: 14px;
	font-weight: 500;
	text-align: left !important;
	line-height: 40px;
	margin: 0;
	height: 40px;
}
/* */
.section-title-normal span {
	background: #ef0000;
    color: #fff !important;
    padding: 10px 30px;
    font-size: 14px !important;
    min-width: 200px;
}
/* */
.du-an .col.post-item .post-title {
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.du-an .col.post-item .from_the_blog_excerpt  {
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}
/* */
.vertical-list-post .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1b6dc1;
}
.vertical-list-post .box-text {
	padding-top: 0;
    display: block;
}
.row-gioithieu .col-inner {
	border: 1px solid #ef0000;
	padding: 10px;
}
.row-gioithieu * {
	font-size: 13px;
}
/* */
.slider-logo .ux-logo-link {
	padding: 0;
}
.slider-logo .ux-logo-link img {
	border: 3px solid #ebebeb;
}
/* */
.search-field {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0 0 0 !important;
}
/* */
.page-wrapper {
	padding-top: 0;
}
.box-blog-post .is-divider, .blog-single .entry-category, #comments{display:none}
.blog-single .large-3, .page-right-sidebar .large-3, .blog-archive .large-3{border-left:0 !important; padding-left:0;}
.blog-single .large-9, .page-right-sidebar .large-9, .blog-archive .large-9{padding-right:20px; border-right:0 !important}
.du-an .flickity-viewport .post-item .post-title{color: #076db0;
	margin-bottom: 6px;}
.blog-archive .archive-page-header .large-12{padding-bottom:0}
.blog-archive .archive-page-header .large-12 .page-title{text-align:left; letter-spacing:0; text-transform:none; color:black}
.blog-archive #breadcrumbs{padding-top:0}
.blog-archive .large-9 .badge{display:none}
.blog-archive .large-9 .post-item .post-title{  
    margin-bottom: 10px;
    color: #1b6dc1;
    font-size: 16px;
    text-decoration: initial;
}
.blog-archive .post-item {
	padding-bottom: 20px;
}
.blog-archive .post-item:nth-child(3),
.blog-archive .post-item:nth-child(4),
.blog-archive .post-item:nth-child(5),
.blog-archive .post-item:nth-child(6),
.blog-archive .post-item:nth-child(7),
.blog-archive .post-item:nth-child(8),
.blog-archive .post-item:nth-child(1), 
.blog-archive .post-item:nth-child(2) {
	flex-basis:50%; 
	max-width:50%;
}
.blog-archive .post-item .box-text {
	padding-top: 0;
	padding-bottom: 0;
	display: block;
}
.blog-archive .post-item:nth-child(3) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(4) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(5) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(6) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(7) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(8) .from_the_blog_excerpt,
.blog-archive .post-item:nth-child(1) .from_the_blog_excerpt, 
.blog-archive .post-item:nth-child(2) .from_the_blog_excerpt  {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-archive .post-item:nth-child(3) .image-cover,
.blog-archive .post-item:nth-child(4) .image-cover,
.blog-archive .post-item:nth-child(5) .image-cover,
.blog-archive .post-item:nth-child(6) .image-cover,
.blog-archive .post-item:nth-child(7) .image-cover,
.blog-archive .post-item:nth-child(8) .image-cover,
.blog-archive .post-item:nth-child(1) .image-cover, 
.blog-archive .post-item:nth-child(2) .image-cover{
	padding-top: 100px !important;
}
/* */
.page-title {
	border-bottom: 1px solid #ef0000;
}
.page-title span {
	background: #ef0000;
	color: #fff;
	padding: 10px 20px;
	min-width: 200px;
    display: inline-block;
}
.widget-area  .is-divider {
	display: none;
}
.widget-area  .widget {
	border: 1px solid #e1e1e1;
}
.widget-area  .widget ul {
	padding: 0 15px;
}
/* */
.search-field.mb-0 {
	background: #398fe8;
	color: #fff;
}
.search-field.mb-0::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.search-field.mb-0:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.search-field.mb-0::placeholder {
  color: #fff;
}
#related-post {
	padding-top: 15px;
}
#related-post h4 {
	background: #ef0000;
	color: #fff;
	padding: 10px 20px;
}
#related-post ul li {
	margin: 0 0 0 17px;
}
@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section-title-normal span {
		min-width: 145px;
	    padding: 10px 20px;
	}

}