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

/*---------global-----------*/
html{overflow-x:hidden}
body{overflow-x:hidden}
/*-style tiêu đề bài viết trước sau-*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}

/*---style post sidebar---*/
.post-sidebar aside {
    background-color: #fff;
	padding: 20px 0 0 0;
	border: 1px solid #eee;
}
.widget.widget_search{
	padding: 30px 0 0 0;
	border: 0px solid #eee;
}
.post-sidebar .widget-title {
	padding: 20px;
	color: #ec1c24;
}
.post-sidebar ul {
    font-size: 14px;
		font-weight: bold;
    border: 0px solid #ddd;
    border-radius: 0px;
    padding: 0;
    background-color: #fff;
}
.post-sidebar ul li {
    padding: 5px 20px;
}
.post-sidebar ul li:nth-child(odd) {
    background-color: #f8f8f8;
}
.post-sidebar ul li:hover a {
	color: #ec1c24;
}
.post-sidebar ul li+li {
    border-top: 1px solid #ececec;
}
.post-sidebar .is-divider {
	height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 20px 0 0 0;
    width: 100%;
    max-width: 100%;
}
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.3em;
    color: #444;
}
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.post-sidebar .widget.widget_search {
    padding: 0px 0 0 0;
    border: 0px solid #eee;
}
.post-sidebar input.search-field.mb-0 {
    height: 45px;
    border-radius: 3px 0 0 3px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 45px;
    height: 45px;
    border-radius: 0 3px 3px 0;
}
/*---end style post sidebar---*/

/*---style sidebar mobile---*/
.mfp-content {
    min-width: 320px !important;
}
.mfp-wrap {
	z-index: 900001;
}
/*--------end global--------*/


/*---------header-----------*/
/*---style mona_html---*/
.mona_html {
    font-size: 14px;
}
.mona_html:before {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #333;
}
.mona_html.showroom:before {
    content: "\f015";
}
.mona_html.hotline:before {
		width: 1em;
		height: 1em;
    content: "";
		background: transparent url('http://localhost:8080/webvetinh/wp-content/uploads/2018/11/smartphone-call.svg') no-repeat;
    background-size: 1em 1em;
    animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.mona_html a {
		color: #333;
		font-weight: 700;
}
/*---style active nav---*/
.header-main .nav > li.menu-item > a {
	padding: 0 15px;
}
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #e2ba48;
}
.header-main .nav > li.menu-item > ul.nav-dropdown {
	
}
.header-main .nav > li.menu-item > ul.nav-dropdown > li.current-menu-item > a, 
.header-main .nav > li.menu-item > ul.nav-dropdown > li:hover > a {
	background: #eee;
	color: #0a8aff !important;
}
/*--------end header--------*/


/*---------content-----------*/
h1 {
	font-size: 1.8rem;
	color: #0b1428;
}
h2 {
	font-size: 1.4rem;
	color: #0b1428;
}
h3 {
	color: #0b1428;
}
p {
	color: #212d31;
	font-size: 15px;
}
.sec_banner p {
	font-size: 1.4em;
	color: #212d31;
}
.sec_section .icon-box p {
	margin-bottom: 10px;
}
.sec_section .col .col-inner {
	padding: 80px 45px;
}
.sec_solution {
	background-image: url('http://localhost/tech-buzz/wp-content/uploads/2019/10/Skilled-Background.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: contain;
}
.sec_solution .icon-box h3 {
	margin-top: 20px;
}
.sec_tech .icon-box h3 {
	margin-bottom: 5px;
}
.sec_tech .icon-box:hover h3 {
	color: #0a8aff;
}
.sec_news_all .post-item .box-text {
	background: #fff;
	border-bottom: solid 4px #0a8aff;
}
.sec_news_all .post-item .box-text .box-text-inner,
.sec_news .post-item .box-text .box-text-inner {
	padding: 0 20px;
}
.sec_news_all .post-item .is-divider,
.sec_news .post-item .is-divider {
	display: none;
}
.sec_news_all .post-item .post-title,
.sec_news .post-item .post-title {
	margin: 10px 0;
	line-height: 25px;
}
.sec_news_all .post-item .post-title,
.sec_news_all .post-item .from_the_blog_excerpt  {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sec_news .post-item .post-meta {
	color: #fc7c56;
	margin-bottom: 10px;
}
.sec_news .post-item .box:hover .post-title {
	color: #0a8aff;
}
.sec_seo a.button {
	border: solid 2px #fc7c56;
}
.sec_seo a.button:hover {
	background: #fff;
	color: #fc7c56;
	box-shadow: none;
}
.sec_email .wpcf7 p {
	display: inline-flex;
	width: 100%;
}
.sec_email .wpcf7 span.email-dang-ky {
	width: 100%;
}
.sec_email .wpcf7 .wpcf7-text {
	height: 60px;
	border-radius: 3px 0 0 3px;
}
.sec_email .wpcf7 .wpcf7-submit {
	background: #fc7c56;
	height: 60px;
	padding: 0 50px;
	border-radius: 0 3px 3px 0;
}
.sec_email .wpcf7 .wpcf7-submit:hover {
	background: #fc5d2d;
	box-shadow: none;
}
.sec_lien_he p a {
	color: #353535;
}
.sec_lien_he p a:hover {
	color: #0a8aff;
}
/*-----style contact form-----*/
.form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
    margin-bottom: 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style mona_title---*/
.mona_title {
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin: 0;
    margin-bottom: 0.8em;
    padding-bottom: 1.3em;
}
.mona_title:before {
    position: absolute;
    bottom: 0.75rem;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: linear-gradient(to right,#76a03f 0%,#76a03f 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,#76a03f 75%);
}
.mona_title:after {
    position: absolute;
    bottom: 0;
    content: '\f296';
    font-family: FontAwesome;
    left: 50%;
    transform: translateX(-50%);
    font-size: 23px;
    line-height: 1;
    color: #76a03f;
}

/*--------end content--------*/


/*---------footer-----------*/
.sec_footer p{
    color: #a4a4a4;
    font-size: 14px;
    margin-bottom: 0.8em;
}
.sec_footer a{
    color: #a4a4a4;
    font-size: 14px;
}
.sec_footer a:hover{
    color: #0a8aff !important;
}
.sec_footer .social-icons a {
	margin-right: 20px;
}
.sec_footer .icon-box-img {
    width: 14px !important;
}
.sec_footer .post-item .is-divider {
	display: none;
}
.sec_footer .post-item .post-title {
	line-height: 20px;
}
.mona_sidebar_footer ul {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    padding-top: 5px;
}
.mona_sidebar_footer ul.menu>li+li, 
.mona_sidebar_footer .widget>ul>li+li {
	border-top: 0px dashed rgba(238, 238, 238, 0.3);
}
/*
.mona_sidebar_footer ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 15px 0 5px;
}
.mona_sidebar_footer ul li:hover a:before {
		animation-name: tada;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.mona_sidebar_footer ul li a:after {
    content: "\f0fb";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 15px;
		position: absolute;
		right: 0;
		transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.mona_sidebar_footer ul li:hover a:after {
		-webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
		right: 30%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }
*/
.mona_sidebar_footer ul > li:hover > a,
.mona_sidebar_footer ul > li.current-menu-item > a,
.mona_sidebar_footer ul > li.current-menu-parent > a,
.mona_sidebar_footer ul > li.current-post-parent > a,
.mona_sidebar_footer ul > li.current_page_parent > a,
.mona_sidebar_footer ul > li.current-product-parent > a,
.mona_sidebar_footer ul > li.current-product-ancestor > a {
    color: #0a8aff;
}

/*---style form dang ky---*/
.sec_footer form.wpcf7-form {
    margin-bottom: 0;
}
.sec_footer .wpcf7 p {
    display: inline-flex;
}
.sec_footer input#email-dang-ky {
    height: 40px;
    border-radius: 3px 0 0 3px;
		border-right: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec_footer input#btn-gui {
    height: 40px;
    border-radius: 0 3px 3px 0;
}
.mona-hiden{
		display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #02a010;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-left: 0;
    cursor: pointer;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
/*--------end footer--------*/

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
    .blog-single .large-9.col.medium-col-first {
    	padding: 15px;
	}
}
/*---end style mobile mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){
    .blog-single .large-9.col.medium-col-first {
    	padding: 15px;
	}
	.sec_section .icon-box h3,
	.sec_solution .icon-box h3,
	.sec_footer h3,
	.sec_footer .post-item .post-title,
	.sec_about_section .icon-box h3,
	.sec_lien_he .icon-box h3 {
		font-size: 1.2em;
	}
	.sec_news_all .post-item .post-title,
	.sec_news .post-item .post-title {
		font-size: 1.5em;
	}
	.sec_email .wpcf7 .wpcf7-submit {
		padding: 0 15px;
	}
	.sec_footer .post-item .box {
		display: inline-flex;
	}
	.sec_footer .post-item .box .box-image {
		width: 50% !important;
		margin-right: 10px;
	}
	.sec_lien_he .wpcf7 .form-row {
		width: 100%;
	}
}
/*---end style mobile mode---*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}