/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/

/* =========================================================
   BIẾN MÀU NHẬN DIỆN MAXWEB
   Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
   plugin Maxweb Setting). Khi có mã màu chính thức của khách,
   thay giá trị bên dưới.
   ========================================================= */
:root {
    --mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
    --mw-primary-dark: #b30410;
    --mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
    --mw-dark: #1f2733;
    --mw-light: #f7f7f7;
}

/* =========================================================
   CSS TÙY BIẾN CHUNG
   Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
   để dễ quản lý. File style.css này chủ yếu khai báo theme.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

span, div, li, a, p, em{
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, h6>span, h5>span, h4>span, h3>span, h2>span, h1>span{
	font-family: "Oswald", sans-serif!important;
}
#menu-vertical-menu li>a {
    padding: 6px 10px;
    color: #111;
    font-size: 15px;
}
#menu-vertical-menu li:hover a {
    color: #028711;
}
.button.icon.circle, .button.icon.round {
    padding-left: 0;
    padding-right: 0;
    color: #00b214;
}
.button.icon.circle:hover, .button.icon.round:hover {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
}
.nav-dropdown-default {
    padding: 5px;
}
.html_topbar_right p{
    color: #111 !important;
    font-size: 14px;
}
.html_topbar_right p>a{
	color: #00b214;
}
.social-icons i {
    min-width: 1em;
    color: #111;
}
.search_categories {
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #00b214;
    border-right: 0;
}
.header-search-form input[type='search'] {
    height: 40px;
    box-shadow: 0px 0px 0px grey;
    border: 1px solid #00b214;
}
.searchform-wrapper:not(.form-flat) .submit-button {
    width: 65px;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.anh-border img{
	border-radius: 30px;
}
.text-j p{
	text-align: justify;
}
.row-t{
	background: #fff;
	padding: 20px;
}
.form-lh input{
    height: 42px;
    box-shadow: none;
    border-radius: 3px;
}
.form-lh textarea{
    box-shadow: none;
    border-radius: 3px;
}
.box.product-small, .related .box.product-small {
    border: 1px solid #ececec;
    border-radius: 5px;
	background: #fff;
}
.box.product-small .box-image img, .archive .product-small.box .box-image img, .related .box.product-small .box-image img {
    border-radius: 5px;
}
.box.product-small .box-text, .archive .product-small.box .box-text, .related .box.product-small .box-text {
    padding: 10px;
}
.box.product-small .box-text {
    text-align: left !important;
    background: #fff;
    border-radius: 5px;
    height: 100%;
}
.box.product-small .product-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    font-size: 17px;
    color: #1e7100;
    font-family: "Oswald", sans-serif!important;
    height: 45px;
}
.box.product-small .price del span, .archive .product-small.box .price del span, .related .box.product-small .price del span {
    font-size: 14px;
    color: gray !important;
}
.box.product-small .price span, .archive .product-small.box .price span, .related .box.product-small .price span {
    font-size: 18px;
    font-weight: normal;
    color: #fb0000;
}
.badge-container {
    margin: 10px 0 0;
}
.badge-circle .badge-inner, .badge-circle-inside .badge-inner {
    border-radius: 999px;
    font-size: 13px;
}
.text-center .button:last-of-type, .text-right .button:last-of-type {
    margin-right: 0 !important;
    text-transform: inherit;
    border-radius: 99px;
    font-size: 13px;
}
.tieu-de .section-title-normal a {
    padding: 0;
    background: none;
    color: rgb(0, 178, 20);
    font-weight: bold;
    font-size: 26px;
}
.tieu-de .section-title b {
    display: none;
}
.tieu-de .section-title{
    border-bottom: 2px solid #ececec;
}
.tieu-de .section-title-bold span, .section-title-bold-center span {
    border: 0;
    padding: 0 15px 0 0;
	border-bottom: 2px solid rgb(0, 178, 20);
}
.section-title a {
   background: #00b214;
   padding: 5px 10px;
   border-radius: 5px;
   color: white;
   font-size: 15px;
   font-weight: normal;
}
.single-product .price del span {
    color: gray;
    font-size: 15px;
}
.single-product .woocommerce-Price-amount {
    font-size: 22px;
    font-weight: 500;
    color: #e05757;
}
.form-dien-thoai .col-inner{
    margin-top: 12px;
    background: #091;
    padding: 15px 15px 1px;
    border-radius: 5px;
}
.icon-box{
    align-items: center;
}
.form-dien-thoai .icon-box-text{
    color: #fff;
    font-size: 15px;
}
.form-nhan-tin {
    padding-top: 15px;
}
.form-nhan-tin p{
    display: flex !important;
    align-items: center;
    gap: 0 20px;
}
.wpcf7-spinner{
	display: none;
}
.form-nhan-tin input[type=submit]{
	margin-right: 0;
}
.form-nhan-tin input{
	height: 42px;
	border-radius: 2px;
}
.product-short-description {
    font-size: 14px;
}
.single-product .single_add_to_cart_button {
    margin-bottom: 0;
    font-weight: 500;
    border-radius: 4px;
}
.bnt-w{
    width: 100%;
    border-radius: 3px;
}
.bnt-fb{
	background-color: #21569a !important;
}
.bnt-ms{
	background-color: orange !important;
}
.bnt-zl{
	background-color: #00abff !important;
}
.bnt-ld{
	background-color: #d70000 !important;
}
.hotline-tu-van ul{
	background: #fcfcfc;
	border: 1px solid #f8f8f8;
    padding: 10px;
}
.hotline-tu-van li{
	list-style: none;
	    background: #fffdf8;
    padding: 10px;
    font-size: 15px;
    color: #464646;
    border: 1px dashed orange;
	margin-left: 0!important;
}
.border-left .col-inner{
    border-left: 1px solid #c9c9c9;
    padding-left: 15px;
}
.text-ttsp ul{
    border: 1px solid #f8f8f8;
    padding: 10px;
    background: #e5e5e5;
    border-radius: 5px;
}
.text-ttsp li{
    list-style: none;
	margin-left: 0!important;
}
.wc-tabs.product-tabs{
	display: none;
}
.product-section {
    border-top: 0;
}
.ajax_add_to_cart{
    border-radius: 99px;
    text-transform: inherit;
    font-weight: 500;
}
.widget_custom_html, .widget_product_categories, .woocommerce.widget_products{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: rgba(12, 34, 113, 0.09) 0px 3px 15px;
}
.is-divider {
    display: none;
}
.widget_product_categories li>a{
    color: #111;
}
.widget_product_categories li:hover a {
    color: var(--fs-experimental-link-color);
}
.woocommerce.widget_products del span.amount {
    display: none;
}
.woocommerce.widget_products span.amount {
    color: #ff0000;
}
.woocommerce.widget_products .product-title{
    color: #111;
    font-size: 15px;
}
.post-sidebar.large-3.col{
	padding: 0;
}
#comments .comment-respond {
    display: none;
}



.absolute-footer {
    background-color: #e7e7e7 !important;
    color: #111 !important;
    padding: 15px 0 11px;
}
.sec-footer {
    border-top: 1px solid #ececec;
}
.text-qd p {
    margin-bottom: 8px;
    font-size: 16px;
}


@media (max-width: 549px) {
    .box.product-small .product-title a {
        font-size: 15px;
		height: 42px;
    }
	.box.product-small .price del span, .archive .product-small.box .price del span, .related .box.product-small .price del span {
    font-size: 13px;
}
	.box.product-small .price span, .archive .product-small.box .price span, .related .box.product-small .price span {
    font-size: 16px;
}
}