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

div#masthead {
    background: #000;
}
div#masthead ul li.menu-item a.nav-top-link {
    color: #fff;
    font-size: 15px;
    padding: 0 14px;
}
div#masthead ul li.menu-item a.nav-top-link:hover, .tab-detail ul li a:hover {
    color: #018fe5;
}

.sub-menu.nav-dropdown {
    border: none;
    padding: 0 30px;
}

.tab-pro li.tab.has-icon>a {
    color: #000;
    padding: 10px 20px;
}
.tab-pro li.tab.has-icon>a:hover {
    color: #018fe5;
}
.tab-pro li.tab.has-icon>a>span:before {
    content: "\f0a9";
    font-family: fontawesome;
    font-size: 15px;
    padding-right: 5px;
}
.tab-pro .product-small.col>.col-inner {
    transition: .5s;
}
.tab-pro .product-small.col>.col-inner:hover {
    margin-top: -15px;
    transition: .5s;
}

.col.col-padding {
	padding-bottom: 0;
}

/* css section báo giá */
a.button.primary.btn-baogia {
    background-color: #00adef;
}

/* css section sản phẩm ô tô */
.product-small.col>.col-inner {
    transition: .5s;
}
.product-small.col>.col-inner:hover {
    margin-top: -15px;
    transition: .5s;
}
.product-small .box-text.box-text-products {
    text-align: center;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 8px;
}
.product-small .price .amount bdi {
    color: #0199d3;
    font-size: 15px;
}

/* css blog-home */
.st-blog {
    background-color: #f6f3f2;
}
.title-blog h3, .title-pro h2 {
    text-align: center;
    margin-bottom: 22px;
    font-size: 26px;
}
.blog-home h5.post-title {
    color: #00adef;
    font-size: 15px;
    font-weight: 500;
}
.is-divider {
    display: none;
}
.blog-home .box-text.text-center {
    text-align: left;
    padding-left: 0;
}

/* css chi tiết sản phẩm */
.page-title-inner.flex-row.medium-flex-wrap.container {
    display: none;
}
.single-product .product-main>div>div {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}
.product-info.summary.col-fit {
    background-color: #333333;
}
.product-short-description ul {
    margin-bottom: 0;
}
.product-short-description ul li {
    font-size: 14px;
    margin-bottom: 4px;
}
h1.product-title.product_title.entry-title, .product-short-description ul li {
    color: #fff;
}
.info-pro, h1.product-title.product_title.entry-title {
	text-align: center;
}
.info-pro bdi, p.price.product-page-price {
    color: #0199d3;
    font-size: 20px;
	font-weight: 600;
}
.tab-detail.stuck {
    top: 70px !important;
}
.tab-detail {
	z-index: 9;
}
.tab-detail ul li {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 0;
    border-right: 1px solid;
}
.tab-detail ul {
    background-color: #000;
    justify-content: center;
    display: flex;
}
.tab-detail ul li a {
    color: #fff;
    padding: 10px;
}
li#tab-title-description a:before {
    background: bottom;
}
li#tab-title-description a {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    border-bottom: 2px solid #000;
}
.product-footer .woocommerce-tabs {
	border-top: 0;
}
.title-tab a {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
	font-size: 20px;
}
.title-tab {
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
    display: flex;
}

/* css sidebar */
.single-product #product-sidebar .widget.block_widget {
    position: fixed;
    top: 102px;
	width: 246px;
}
.row-divided.row-reverse>.col+.col:not(.large-12) {
    border: none;
}
.col-sidebar{
    background-color: #000;
    padding-top: 15px;
}
.ct-sidebar p strong {
    font-size: 20px;
}
.ct-sidebar p a {
    border: 2px solid #0199d3;
    color: #0199d3;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 17px;
}
.ct-sidebar h4 {
    font-size: 17px;
    font-weight: 300;
}
.p-sidebar {
    margin-bottom: 10px;
    font-size: 14px;
}

/* css footer */
.title-ft p {
    border-bottom: 2px solid #0199d3;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
span.ux-menu-link__text:before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}
span.ux-menu-link__text:hover {
    color: #00adef;
}
a.button.primary.btn-call {
    background-color: #00adef;
    color: #fff;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
a#top-link {
    color: #fff;
    background: bottom;
	background: black;
}

/* css popup báo giá */
.form-baogia h3 {
	background-color: #3C3D47;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    font-size: 22px;
}
.col-form {
    padding: 0 30px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    margin-bottom: 0;
    background-color: #000;
    border-radius: 6px;
}
.col-form p {
    margin-bottom: 30px;
}
.form-baogia input, .form-baogia select {
    box-shadow: 0 0;
    border-radius: 6px;
}
.form-baogia input {
	padding-left: 30px;
}
.form-baogia i {
    position: absolute;
    bottom: 18px;
    left: 40px;
    z-index: 9;
    font-size: 14px;
	top: 13px;
}

/* css page thủ tục trả góp */
.st-tragop {
    background-image: linear-gradient(160deg, #000000 5%, #1e596d 100%);
}
.tt-tragop h3:before {
    content: "\f508";
    font-family: fontawesome;
    display: block;
    text-align: center;
    font-size: 45px;
}
.tt-tragop h3 {
    text-align: center;
    font-size: 22px;
}
.col-tragop>.col-inner {
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 8px;padding: 10px 20px;
}

/* css trang liên hệ */
.ct-icon p {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}
.ct-icon p:nth-child(2):before {
    content: "\f3c5";
	padding: 6px 10px;
}
.ct-icon p:nth-child(4):before {
    content: "\f0e0";
}
.ct-icon p:nth-child(6):before {
    content: "\f879";
}
.ct-icon p:before {
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 18px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 6px;
}
.col.col-form-lh>.col-inner {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
    border-radius: 10px;
    overflow: hidden;
}

@media (min-width: 768px) {
	a.button.primary.btn-baogia {
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.sidebar-menu.no-scrollbar {
		padding: 0;background: #fff;
	}
	.sidebar-menu.no-scrollbar ul li a {
		color: #000;
		font-weight: 400;
	}
	input#woocommerce-product-search-field-0 {
		box-shadow: 0 0;
	}
	button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
		border: none;
		background: black;
	}
}

@media (max-width: 549px) {
	.tab-detail ul li {
		padding: 6px 0;
		line-height: 20px;
		text-align: center;
	}
	.tab-detail ul li a {
		padding: 0;
	}
	.sozalo, .sodt {
		display: none;
	}
	.baogia-div {
		left: 26% !important;
		bottom: 0px !important;
		position: fixed !important;
		z-index: 9 !important;
	}
}

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


}