/*
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.   ***************/
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner
{background:red;!important}


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


}


    


}

@media (max-width: 549px)
h1 {
    font-size: 1.2em;
    font-size: 1.5em !important;
}
@media (max-width: 549px)
h2 {
    font-size: 1.5em !important;
}
td.column-1 {
    width: 160px;
}
.single_add_to_cart_button{
    box-shadow: 5px !important;
        border: 1px solid #ddd !important;
    color: var(--brand-primary-color);
    border: 1px solid var(--brand-primary-color);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 3%);
}
#place_order, button.wsb-button.js-wsb-add-to-cart {
    background-color: #8C1F28;
    color: #f8f8f8;
}
bdi {
    color: #8C1F28;
}
[data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button
{
	color:#f8f8f8 !important;

}
img.size-full.alignnone {
    margin-bottom: 10px !important;
	 margin-right: 10px !important;
}

span.prowc_product_countdown {
    font-size: 18px !important;
    color: #EC3824;
}
.tab-panels th, td {
    padding: .5em;
    text-align: left;
    border: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em;
}
.tab-panels td {
    padding-left: 15px;
    padding-bottom: 10px;
}
@media (max-width: 549px)
h1 {
    font-size: 1.2em;
    font-size: 1.5em !important;
}
@media (max-width: 549px)
{
.entry-header-text.entry-header-text-top.text-left>h1 {
    font-size: 42px;
	line-height: 54px;
	text-align:left;
}
	h2 {
        font-size: 22px !important;
        line-height: 33px;
    }

	td.column-1 {
    width: 160px;
	}
}

.single_add_to_cart_button{
    box-shadow: 5px !important;
        border: 1px solid #ddd !important;
    color: var(--brand-primary-color);
    border: 1px solid var(--brand-primary-color);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 3%);
}
#place_order, button.wsb-button.js-wsb-add-to-cart {
    background-color: #bf1304!important;
    color: #f8f8f8;
}
bdi {
    color: #8C1F28;
}
[data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button
{
	color:#f8f8f8 !important;
}

div.iv-comment-image {
    width: 70px;
    float: left;
    display: inline;
    margin-right: 5px;
}

.commentlist li .description, .comment-list li .description {
    font-style: normal !important;
}
body {
	 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
.has-hover .bg, .has-hover [class*="image-"] img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    border: 1px solid #80808014;
}

a#callnowbutton {
    background-color: #1db0bf !important;
}
img.size-full.alignnone {
    margin-bottom: 0.5em;
}
td,th.product-footer {
	width: 150px;
    padding-bottom: 10px;
    text-align: left;
    border: 0.1px solid #e7e7e7;
    line-height: 20px;
    font-size: .9em;
}
figure.wp-block-table td {
    padding-bottom: 15px;
	padding-left: 10px;

}

.has-shadow>.col>.col-inner {
		background-color: #FFF;
		margin-bottom:10px;
	}
span.price {
    padding-bottom: 10px;
}
@media screen and (max-width: 650px)
#callnowbutton:not(.cnb-displaymode), #callnowbutton.cnb-displaymode-mobile-only {
    display: block;
    position: fixed;
    text-decoration: none;
    margin-bottom: 50px;
}


/* Cho hình ảnh lỗi thành màu trắng */
img:-moz-broken{
  opacity: 0;
}

body {
  background-color: white;
}

img {  
  position: relative;
}

img::after {  
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
/* Cho hình ảnh lỗi thành màu trắng */
#place_order, button.wsb-button.js-wsb-add-to-cart {
    background-color: #bf1304!important;
    color: #f8f8f8;
    padding: 2px 40px;
}
.button, button, input, textarea, select, fieldset {
    margin-bottom: 0em !important;
}
/* Thay đổi màu nền button Thêm vào giỏ hàng */
button.wpcsb-btn.button.alt {
    background-color: #bf212e!important;
}

/* Đưa nút thêm vào giỏ hàng về bên trái */
.wpcsb-wrapper .wpcsb-container .wpcsb-product {
    width: 100%;
    max-width: 1170px;
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
}

/* Padding text trong trang thanh toán */
section.woocommerce-order-details td {
    padding: 10px;
}
/* Padding text trong trang thanh toán */
form.checkout.woocommerce-checkout td {
    padding: 10px 5px;
}
tr.order-total {
    background: #d7d6d6;
}

tr.cart-subtotal th {
    padding-left: 5px;
}
tr.order-total th {
    padding-left: 5px;
}
/* Khoảng cách bên dưới các ô nhập thông tin thanh toán */
.woocommerce-billing-fields p {
    margin-bottom: 25px;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bolder;
    color: #000;
}
.nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column {
    text-align: left;
    display: table-cell;
    white-space: nowrap;
    width: 200px !important;
    min-width: 200px !important;
    border-right: 1px solid transparent;
}
@media (max-width: 549px) {
    @media (max-width: 549px) {
        h3 {
            font-size: 19px !important;
            line-height: normal !important;
            color: #16709ff0 !important;
        }
        }
	@media (max-width: 549px) {
    h1 {
        font-size: 36px !important;
    }
	ul ul, ul ol, ol ol, ol ul {
    margin: 0em 0 0em 0em !important;
	}
		pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.5em !important;
	}
}
    }

}