/*
Theme Name: marose
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

@charset "UTF-8";

@font-face {
	font-family: 'Shopkeeper-Icon-Font';
	src: url(./assets/fonts/Shopkeeper-Icon-Font.woff2?9eitmd) format("woff2"), url(./assets/fonts/Shopkeeper-Icon-Font.ttf?9eitmd) format("truetype"), url(./assets/fonts/Shopkeeper-Icon-Font.woff?9eitmd) format("woff"), url(./assets/fonts/Shopkeeper-Icon-Font.svg?9eitmd#Shopkeeper-Icon-Font) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Roboto1';
	src: url(./assets/fonts/Roboto-Regular.woff2?9eitmd) format("woff2"), url(./assets/fonts/Roboto-Regular.ttf?9eitmd) format("truetype"), url(./assets/fonts/Roboto-Regular.woff?9eitmd) format("woff"), url(./assets/fonts/Roboto-Regular.svg?9eitmd#Roboto) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
  font-family: "Radnika";
  src: url('./assets/fonts/Radnika-Regular.woff2') format('woff2'),
       url('./assets/fonts/Radnika-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body > *{
    font-family: "Roboto1",sans-serif;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto1",sans-serif!important;
}
[class^=spk-icon-], [class*=" spk-icon-"] {
    font-family: "Shopkeeper-Icon-Font" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.spk-icon-menu-filters:before {
    content: "";
}
.spk-icon-coupon:before {
	content: ""
}

.spk-icon-user-account:before {
	content: ""
}

.spk-icon-spk_error:before {
	content: ""
}

.spk-icon-spk_check:before {
	content: ""
}

.spk-icon-warning:before {
	content: ""
}

.spk-icon-arrow-left:before {
	content: ""
}

.spk-icon-arrow-right:before {
	content: ""
}

.spk-icon-view:before {
	content: ""
}

.spk-icon-heart-full:before {
	content: ""
}

.spk-icon-heart:before {
	content: ""
}

.spk-icon-cart-shopkeeper:before {
	content: ""
}

.spk-icon-noun_150444:before {
	content: ""
}

.spk-icon-search:before {
	content: ""
}
.spk-icon-close-thin-large:before {
    content: "";
}
.fa-ruler-horizontal:before {
    content: "\f547";
}

.home-products h3 {
    margin-bottom: 75px;
    font-size: 31px;
    line-height: 37px;
    color: #000;
}
.image-tools .quick-view {
    font-size: 0;
    background-color: #fff;
    opacity: 1 !important;
    transition: .3s all;
    padding: 10px 0;
    font-weight: 400;
}
.woocommerce-page .image-tools .quick-view {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	color: #000;
}
.image-tools .quick-view::before {
    content: "";
    position: relative;
    top: 0;
    margin-right: 6px;
    font-size: 18px;
    font-family: "Shopkeeper-Icon-Font";
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.image-tools .quick-view
.price-wrapper .woocommerce-Price-amount {
    font-family: "Radnika", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, .55);
}
.title-wrapper .product-title a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
    margin: 0;
}
.col.product-item {
    padding: 0 .75rem 25px;
}
.col.product-item .box-image {
    width: 100% !important
}
.col.product-item .box-text {
    padding: 0
}
.col.product-item .box-text p {
    margin: 17px 0 5px;
}
.bootstrap-popup .modal-content {
    border-radius: 0;
}
.bootstrap-popup .btn-close {
    margin: 0 !important;
    color: #ED2939;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    background-image: none;
    padding: 0;
    min-height: 0;
    opacity: 1;
}
.product-lightbox.lightbox-content {
	border: 2px solid #cdcdcd;
	border-radius: .75rem;
}
.product-lightbox.lightbox-content .product {
	padding: 1rem
}
.product-lightbox.lightbox-content .flickity-page-dots {
	display: none;
}
.product-quick-view-container {
    position: relative;
}
.product-quick-view-container .close {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;
    color: #000;
    opacity: .8;
    transition: .3s;
    padding: 10px;
    margin: 0;
}
.product-quick-view-container .close i:before {
    font-size: 25px;
    line-height: 25px;
    font-weight: 400;
}
.mfp-close {
    display: none !important;
}
.nav-dropdown-has-border .header-search.header-search-dropdown .nav-dropdown {
    position: fixed;
    top: 0;
    left: 0 !important;
    right: auto !important;
    width: 100%;
    min-height: 320px;
    max-width: none !important;
    z-index: 999;
    background-color: #fff;
    -webkit-transform: translateY(-685px);
        -ms-transform: translateY(-685px);
            transform: translateY(-685px);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    visibility: visible;
    opacity: 1;
        display: block;     
}
.nav-dropdown-has-border .header-search .nav-dropdown.show {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.nav-dropdown-has-border .header-search .nav-dropdown .search-field {
    color: #000;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    font-weight: 900;
    padding: 6px 0 20px 0;
    height: auto;
    font-size: 40px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.header-search-form-wrapper {
    margin-top: 40px
}
.header-search .nav-dropdown .searchform {
    position: relative;
}
.searchform .button.ux-search-submit {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    min-width: auto;
    min-height: auto;
    line-height: 40px;
    top: calc(50% - 20px);
    font-size: 40px;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #a1a1a1;
    padding: 0;
    border: none;
}
.nav-dropdown-has-border .header-search .nav-dropdown .close-button {
    text-align: right;
    font-size: 28px;
    color: rgba(0, 0, 0, .6);
    width: 100%;
    min-height: auto;
    padding: 0;
    font-weight: 400;
}
.badge-container.absolute {
	top: 10px;
    left: 10px;
    z-index: 10;
    margin-top: 0;
    display: flex;
}
.featured-badge,
.onsale {
	padding: 2px 8px 0;
    color: #fff;
    line-height: 1.5em;
    font-size: 11px;
    border-radius: 4px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
	background-color: #ec7a5c;
    margin-right: 5px;
}
.featured-badge {
    background-color: #000;
}
.woocommerce-message.message-wrapper {
    outline: none;
    margin-bottom: 10px;
}
#popup-kichthuoc .header__popup {display: flex;justify-content: space-between;}
#popup-kichthuoc .header__popup button {
    min-height: auto;
    margin: 0;
}
#popup-kichthuoc .header__popup button span {
    display: none;
}
@media (min-width: 576px) {
    .product-lightbox.lightbox-content {
        max-width: 500px;
    }
}
@media (min-width: 1200px) {
    .container, .section .row:not(.row-full-width) {
        max-width: 1230px!important;
    }
    .product-lightbox.lightbox-content {
        max-width: 1130px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-dropdown-has-border .header-search .nav-dropdown {
        height: 100%;
        min-height: 100%;
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
    }
}