/*
Theme Name: VCET
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: Helvetica Neue;
    src: url("fonts/HelveticaNeue-Light.eot");
    src: url("fonts/HelveticaNeue-Light.eot") format("embedded-opentype"), url("fonts/HelveticaNeue-Light.woff") format("woff"), url("fonts/HelveticaNeue-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Helvetica Neue Bold;
    src: url("fonts/HelveticaNeue-CondensedBold.eot");
    src: url("fonts/HelveticaNeue-CondensedBold.eot") format("embedded-opentype"), url("fonts/HelveticaNeue-CondensedBold.woff") format("woff"), url("fonts/HelveticaNeue-CondensedBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Helvetica Neue;
    src: url("fonts/HelveticaNeue-Bold.eot");
    src: url("fonts/HelveticaNeue-Bold.eot") format("embedded-opentype"), url("fonts/HelveticaNeue-Bold.woff") format("woff"), url("fonts/HelveticaNeue-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Helvetica Neue;
    src: url("fonts/HelveticaNeue-UltraLight.eot");
    src: url("fonts/HelveticaNeue-UltraLight.eot") format("embedded-opentype"), url("fonts/HelveticaNeue-UltraLight.woff") format("woff"), url("fonts/HelveticaNeue-UltraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Helvetica Neue;
    src: url("fonts/HelveticaNeue-Medium.eot");
    src: url("fonts/HelveticaNeue-Medium.eot") format("embedded-opentype"), url("fonts/HelveticaNeue-Medium.woff") format("woff"), url("fonts/HelveticaNeue-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Helvetica Neue;
    src: url("fonts/HelveticaNeue.eot");
    src: url("fonts/HelveticaNeue.eot") format("embedded-opentype"), url("fonts/HelveticaNeue.woff") format("woff"), url("fonts/HelveticaNeue.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}
body {
    font-family: "Helvetica Neue" !important;
}
/* font-awesome*/
add_action( 'wp_enqueue_scripts', 'wpshare247_register_scripts' );
function wpshare247_register_scripts() {
    wp_enqueue_style( 'fontawesome_css', '/wp-content/themes/flatsome-child/assets/fonts/css/all.css', false, '6.3.0' );
}
/*header*/
li.html.custom.html_topbar_left p {
    color: #ffffffcc;
    font-size: 14px;
}
input#woocommerce-product-search-field-0 {
    border-radius: 3px 0px 0px 3px;
    box-shadow: none;
}
span.header-vertical-menu__title {
    font-size: 14px;
    font-weight: 400;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    border-radius: 0px 3px 3px 0px;
}
li.account-item.has-icon span:before {
    content: '\f2bd';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
    font-weight: 300;
}
li.account-item.has-icon span {
	font-size: 14px;
}
/*section danh mục*/
.row-box {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.container.section-title-container {
    margin-bottom: 0;
    padding-top: 10px;
}
.section-title-normal {
    border-bottom: 1px solid #ececec;
}
.section-title-normal span {
	border-bottom: 0;
}
.sec-dm .icon-box p {
    font-size: 14px;
}
.sec-dm .icon-box-center .icon-box-img {
    margin-bottom: 7px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple {
    padding: 0px;
}
.sec-dm .large-2 {
    flex-basis: 10%;
    max-width: 10%;
}
.col-bor .col-inner {
    border-top: 1px solid #ececec;
}
.col-bor {
    padding-bottom: 0;
}
.col-bor a.button.primary.is-link.reveal-icon {
    margin-bottom: 0;
    padding: 5px 0px;
}
/*section hot*/
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 15px;
}
span.devvn_woocommerce_price_prefix {
    font-size: 15px;
    font-weight: 700;
    color: #d0021b;
    margin-right: 3px;
}
span.devvn_woocommerce_price_suffix {
	font-size: 15px;
    font-weight: 700;
    color: #d0021b;
	margin-left: 3px;
}
span.woocommerce-Price-amount.amount {
    font-size: 15px;
    color: #d0021b;
}
p.name.product-title.woocommerce-loop-product__title {
    margin-bottom: 7px;
}
.product-small.box.has-hover.box-vertical.box-text-top {
    border: 1px solid #cacaca;
    border-radius: 3px;
}
.product-small.box.has-hover.box-vertical.box-text-top:hover {
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.3);
}

.tien_luong:before {
    content: '\f3d1';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
    color: #8e8e8e;
    font-weight: 300;
}
.tien_luong {
    font-size: 14px;
    color: #8e8e8e;
    margin-top: 5px;
}

.dia_diem:before {
    content: '\f3c5';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
    color: #8e8e8e;
    font-weight: 300;
}
.dia_diem {
    font-size: 14px;
    color: #8e8e8e;
    margin-top: 5px;
}
.sec-hot .box-image:before {
    content: '';
    height: 20px;
    position: absolute;
    width: 84px;
    background-image: url(/wp-content/uploads/2024/02/urgent_job_label_s.svg);
    background-repeat: no-repeat;
    bottom: 0;
	z-index: 99;
}
/*section từ khóa*/
.sec-tk a {
    font-size: 14px;
}
/*section footer*/
.sec-footer p {
    font-size: 15px;
    margin-bottom: 0.7em;
}
/*section custom*/
.row-bg {
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #33659c;
    font-size: 13px;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    margin-bottom: 5px;
}
.breadcrumbs .divider, .breadcrumbs .separator {
    margin: 0;
}
ul.tskt h2 {
    font-size: 17px;
}
ul.tskt>li {
    display: table;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 10px;
}
ul.tskt>li span {
    display: table-cell;
    width: 45%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}
ul.tskt>li div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 14px;
    color: #333;
}
ul.tskt>li:nth-child(odd) {
    background: #f2f2f2;
}
ul.tskt li:nth-child(2) span:before {
    content: '\f873';
}
ul.tskt li:nth-child(3) span:before {
    content: '\e34e';
}
ul.tskt li:nth-child(4) span:before {
    content: '\e5c5';
}
ul.tskt li:nth-child(5) span:before {
    content: '\f4ce';
}
ul.tskt li:nth-child(6) span:before {
    content: '\f06b';
}
ul.tskt li:nth-child(7) span:before {
    content: '\f4be';
}
ul.tskt li:nth-child(8) span:before {
    content: '\f228';
}
ul.tskt li:nth-child(9) span:before {
    content: '\f19d';
}
ul.tskt li:nth-child(10) span:before {
    content: '\f5f3';
}
ul.tskt li:nth-child(11) span:before {
    content: '\f2bb';
}
ul.tskt li:nth-child(12) span:before {
    content: '\f1ab';
}
ul.tskt li:nth-child(13) span:before {
    content: '\f234';
}
ul.tskt li:nth-child(14) span:before {
    content: '\f234';
}
ul.tskt li:nth-child(15) span:before {
    content: '\f234';
}
ul.tskt li:nth-child(16) span:before {
    content: '\f234';
}
ul.tskt li span:before {
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
	font-weight: 300;
}


ul.thong_tin_chinh h2 {
    font-size: 17px;
}
ul.thong_tin_chinh>li {
    display: table;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 10px;
}
ul.thong_tin_chinh>li span {
    display: table-cell;
    width: 45%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}
ul.thong_tin_chinh>li div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 14px;
    color: #333;
}
ul.thong_tin_chinh>li:nth-child(odd) {
    background: #f2f2f2;
}
ul.thong_tin_chinh li:nth-child(1) span:before {
    content: '\f59f';
}
ul.thong_tin_chinh li:nth-child(2) span:before {
    content: '\f3d1';
}
ul.thong_tin_chinh li:nth-child(3) span:before {
    content: '\f03c';
}
ul.thong_tin_chinh li:nth-child(4) span:before {
    content: '\f017';
}
ul.thong_tin_chinh li:nth-child(5) span:before {
    content: '\f234';
}
ul.thong_tin_chinh li span:before {
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
	font-weight: 300;
}


ul.thong_tin_chinh_home h2 {
    font-size: 17px;
}
ul.thong_tin_chinh_home>li {
    display: table;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 10px;
}
ul.thong_tin_chinh_home>li span {
    display: table-cell;
    width: 37%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}
ul.thong_tin_chinh_home>li div {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 14px;
    color: #333;
}
ul.thong_tin_chinh_home>li:nth-child(odd) {
    background: #f2f2f2;
}
ul.thong_tin_chinh_home li:nth-child(1) span:before {
    content: '\f59f';
}
ul.thong_tin_chinh_home li:nth-child(2) span:before {
    content: '\f3d1';
}
ul.thong_tin_chinh_home li:nth-child(3) span:before {
    content: '\f03c';
}
ul.thong_tin_chinh_home li:nth-child(4) span:before {
    content: '\f017';
}
ul.thong_tin_chinh_home li:nth-child(5) span:before {
    content: '\f234';
}
ul.thong_tin_chinh_home li span:before {
    font-family: 'Font Awesome 6 Pro';
    margin-right: 5px;
	font-weight: 300;
}


.icon-mr h3 {
    margin-top: 7px;
    margin-bottom: 0;
}
a.button.primary.btn-1, a.button.secondary.btn-2 {
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
	font-weight: 400;
}
.btn-1 span:before {
    content: '\f2a0';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 7px;
    font-weight: 300;
}
.btn-2 span:before {
    content: '\f1d8';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    margin-right: 7px;
}
.product-short-description {
    font-size: 14px;
}
.product-short-description p {
    margin-bottom: 0.7em;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    box-shadow: none;
    border-radius: 3px;
}
.wpcf7 label {
    font-weight: 500;
    text-transform: capitalize;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-gui {
    border-radius: 3px;
    background: #bb0d00;
    font-weight: 500;
    text-transform: capitalize;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    color: #33659c;
    font-size: 13px;
    margin-bottom: 5px;
}
form.woocommerce-ordering {
    display: none;
}
.shop-page-title nav.woocommerce-breadcrumb.breadcrumbs.uppercase, .shop-page-title nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #33659c;
    font-size: 15px;
}
.moi_truong_thoi_gian {
    font-size: 15px;
    color: #d0021b;
    font-weight: 600;
	 overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
span.woocommerce-Price-amount.amount {
    display: none;
}







@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.sec-dm .large-2 {
		flex-basis: 25%;
		max-width: 25%;
	}
	.price-wrapper .price {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		display: block;
	}
	.product-small.box.has-hover.box-vertical.box-text-top .box-text.text-left {
    padding: 10px;
	}

}