/*
Theme Name: Isuzu
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.grid-tools a{
	border-radius: 10px !important;
	display: initial !important;
}
.nav-left {
    justify-content: end !important;
}
.flex-left>ul>li a{
    font-size: 17px !important;
}
.flex-right>ul>li a{
    font-size: 17px !important;
}
.flex-left>ul>li{
    margin-right: 0px !important;
}
.flex-right>ul>li{
    margin-right: 10px !important;
}
.header-inner.flex-row.container.logo-center.medium-logo-center {
    height: auto !important;
}
.transparent #logo img {
    max-height: 60px !important;
}
.header-main .nav > li > a {
    color: #fff !important;
    padding-right: 6px !important;
}
.header-main .nav > li a:hover {
    color: #2d96cd !important;
}
select.resize-select {
    background-color: #2d96cd !important;
}
a.is-small {
    padding-left: 20px !important; 
}
.row-box {
    display: flex !important;
    flex-wrap: nowrap !important;
}
.col-box {
    padding: 10px 18px 10px 17px !important;
    background-color: #fff !important;
    border-style: solid !important;
    margin: 10px !important;
    border-radius: 10px !important;
}
p.p-ford {
    margin-bottom: 0px !important;
    font-size: 18px !important;
}
h2.tieude-ford {
    margin-bottom: 37px !important;
}
h2.h2-chinhsach {
    font-size: 33px !important;
    font-weight: 800 !important;
}
.product-khuyenmai{
    display: none !important;
}
.list-product .image-cover img{
    object-fit: contain !important;
}
form.cart {
    display: none !important;
}
.devvn_prod_variable .quantity {
    display: none !important;
}
span.amount {
    color: #d20808 !important;
    font-weight: 700;
    white-space: nowrap;
    font-size: 26px !important;
}
h1.product-title.product_title.entry-title {
    font-size: 38px !important;
    color: #013e86 !important;
    text-transform: uppercase !important;
}
.breadcrumbs {
    display: none !important;
}
.single-product .product_meta {
    display: none !important;
}
.product-small.box .product-title a {
    font-size: 22px !important;
    font-weight: bold;
    color: #000;
}
span.label {
    color: #013e86 !important;
    font-size: 15px !important;
}

span.value {
    color: #000 !important;
    font-size: 14px !important;
}
.nav-right {
    justify-content: flex-start !important;
}
.product-small.box {
    box-shadow: none !important;
    border-radius: 15px !important;
}
.price span.woocommerce-Price-amount.amount::before {
    content: "Giá từ: ";
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    opacity: 9999 !important;
    transition: none !important;
}
.grid-tools{
    margin-bottom: 41px !important;
}
a.nut-xem.nut-xem-chi-tiet {
    font-size: 18px !important;
    text-transform: none !important;
    padding: 5px !important;
}
.header-button span:before {
    content: "";
    margin-right: 8px;
    width: 27px;
    height: 27px;
    background-image: url(/wp-content/uploads/2023/08/phone-icon.png);
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    position: absolute;
    left: 9px;
    top: 5px;
}
.header-button>a {
    padding-left: 38px !important;
    padding-right: 10px !important;
    background-color:#ED0100 !important;
}
.header-nav .html_topbar_right .header-button a:hover{
    color: #fff !important;
}
.header-main .nav > li a:hover {
    color: #ED0100 !important; 
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.row-box {
    display: flex !important;
    flex-flow: row wrap !important;
}
span.amount {
    font-size: 15px !important;
}
.product-small.box .product-title a {
    font-size: 18px !important;
}
a#link-noi-bo {
    margin-right: 36px !important;
}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 2px 0px !important;
}
h1.product-title.product_title.entry-title {
    font-size: 25px !important;
    color: #013e86 !important;
    text-transform: uppercase !important;
}
	.header-button>a {
    padding-left: 0px !important;
    padding-right: 56px !important;
}
}
@media(max-width: 769px){
    .row-box {
        display: flex !important;
        flex-flow: row wrap !important;
    }
    span.amount {
        font-size: 15px !important;
    }
    .product-small.box .product-title a {
        font-size: 18px !important;
    }
    a#link-noi-bo {
        margin-right: 36px !important;
    }
    .off-canvas:not(.off-canvas-center) li.html {
        padding: 2px 0px !important;
    }
    h1.product-title.product_title.entry-title {
        font-size: 25px !important;
        color: #013e86 !important;
        text-transform: uppercase !important;
    }
	.header-button>a {
    padding-left: 0px !important;
    padding-right: 56px !important;
}
}