/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

.gtranslate_wrapper {
    margin: 10px;
}

.wn-sec-3 .wn-img-product .product-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-social-icons .social-icons.follow-icons {
    display: flex;
    gap: 20px;
}

.wn-sec-3 a.button.wn-detail-button, .wn-sec-4 a.button.wn-detail-button {
    padding: 0px 45px !important;
}

a.button.wn-detail-button {
    background-color: #f5f6f6;
    border: 1px solid #e1e1e1;
    color: #707070;
    text-align: center;
    font-size: 15px;
    font-weight: 200;
    text-transform: none;
    padding: 0 50px;
	margin-top: 30px;
}

.wn-blog-mobile .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

div#mega-menu-title::after {
    content: '';
    height: 20px;
    width: 20px;
}

#mega-menu-wrap {
	width: 270px !important;
}

.header-info-shop .hotline {
	font-family: "Noto-Bold";
	font-size: 20px;
	color: black;
}

span.amount {
	color: black;
	font-family: 'Noto';
	font-size: 18px;
	font-weight: 600;
	
}
.price-wrapper {
	margin-top: 20px !important;
	
}

.wn-sec-2 .wn-tab-products .col-inner .col-inner {
    border: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
    align-items: center;
}


div#mega-menu-title::after {
    content: '\f107';
    height: 20px;
    width: 20px;
    position: absolute;
    font-family: fl-icons;
    font-weight: 500;
    margin-left: 60px;
}

.wn-tabs {
    padding-bottom: 0;
}

.wn-sec-3 .wn-product .col-inner, .wn-sec-4 .wn-product .col-inner {
    border: 1px solid #e1e1e1;
}

.wn-sec-3 .wn-product .col, .wn-sec-4 .wn-product .col  {
    padding: 0;
}
/**** Form By Kiên ****/
.dang-ki-gui input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #1ba3e1;
    border: solid 1px white;
}
.form-dang-ki {
    display: flex;
}
.nut-submit p:before {
	content: "";
    position: absolute;
    top: 91%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2024/03/send.png);
    background-size: cover;
	margin-left: 10px;
    z-index: 1;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.wn-nut-submit {
    padding-left: 35px;
}
.nut-submit {
    display: flex;
    justify-content: center;
	
}
.nut-submit input.wpcf7-form-control.wpcf7-submit.has-spinner{
	background: #f86b47;
    color: #fff;
}

.wn-product-sidebar div {
    height: 50px;
    font-family: 'Noto Bold';
    font-size: 16px;
    color: #fff;
    padding-left: 19px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #1BA3E1;
}

.wn-product-sidebar ul li::marker {
    content: '\f107';
    font-family: fl-icons;
    margin-right: 20px !important;
}

.wn-product-sidebar ul li {
	padding-left: 5px;
}

p.wn-cat-title {
    height: 52px;
    color: #e95b00;
	font-family: 'Noto';
    text-transform: uppercase;
    font-size: 16px;
	border-top: none !important;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    padding-left: 19px;
    line-height: 50px;
    font-weight: 800;
	margin-bottom: 0;
}

.wn-product-sidebar ul {
	margin: 10px;
}

.wn-blog a.button {
    font-size: 14px;
    font-weight: 100;
    color: #f86b47;
}

.wn-blog a.button::after {
    font-size: inherit;
    font-weight: 100;
    color: #f86b47;
    content: "\f178";
    font-family: 'FontAwesome';
    margin-left: 30px;
    position: absolute;
}

.wn-widget-blog .product-categories a {
    padding: 15px 0;
    border-bottom: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    font-weight: bold;
    position: relative;
}

.wn-widget-blog i::before {
    content: "\e00c" !important;
    color: black;
	font-size: 10px;
	font-family: 'FontAwesome';
}


.wn-product-sidebar {
    border: 1px solid #e1e1e1;
}
.wn-sec-6 .icon-inner img {
    border-radius: 100px !important;
}

.wn-sec-2 .wn-tab-products .tab.active span {
    color: #f86b47;
}

.wn-cat-hide-desktop a {
    font-family: 'Noto';
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 0;
    background: #1BA3E1;
}

.wn-cat-hide-desktop i {
	display: none;
}

.wn-cat-hide-desktop {
	padding: 8px;	
}

.wn-cat-hide-desktop span::after {
    font-size: inherit;
    font-weight: 100;
    color: white;
    content: '\e00c';
    font-family: fl-icons;
    position: absolute;
	margin-left: 250px;
}

.wn-sec-3 .wn-product-2 .large-12 .col-inner .col-inner, .wn-sec-3 .wn-product-2 .large-12 .col-inner .col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wn-sec-2 .wn-tab-products .tab span {
	font-size: 21px;
	font-weight: 800;
	font-family: "Noto";
}

.wn-sec-2 .wn-tab-products .tab:first-child a {
	border-right: 3px solid #f86b47;
	line-height: 26px;
}

.wn-sec-4 .wn-product-2 .flickity-viewport .col, .wn-sec-3 .wn-product-2 .flickity-viewport .col {
    border: 1px solid #e1e1e1;
}


.box.wn-3-product {
    border: 1px solid #e1e1e1;
}

.wn-sec-3 .wn-product-sidebar ul, .wn-sec-4 .wn-product-sidebar ul {
    height: 190px;
}
/**** Form By Kiên End ****/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.wn-sec-3 a.button.wn-detail-button, .wn-sec-4 a.button.wn-detail-button {
    padding: 0px 30px !important;
}
	
	a.button.wn-detail-button {
		padding: 0 30px;
	}

}