/*
Theme Name: Mona Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/
@import url('./custom/animate.css');

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

:root {
    --primary-color: #649428;
    --hover-color: #588223;
    --sale-color: #f76b6a;
    --deal-color: #dd9933;
	--count-mini-cart: #FF0000;
	--font-size-title-section: clamp(32px, 2.5vw, 48px);
	--max-width-form-header: 600px;
	--width-svg-swiper: 40px;
}

/* ----- custom ----- */
html, body {
	overflow-x: hidden;
}
/* title bold */
.mona-text-bold .elementor-heading-title,
.mona-text-bold strong {
	font-weight: bold !important;
}

/* font weight medium */
.font-weight-medium .elementor-heading-title {
	font-weight: 500 !important;
}

/* box-shadow */
.nasa-static-group-btn a#nasa-back-to-top.nasa-show,
#nasa-init-viewed{
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}

/* sticky social link */
.sslink-socials {
	z-index: 397;
}
.sslink-socials ul.sslink-menu {
	border-radius: 0;
}
.sslink-socials .sslink-menu,
.sslink-socials:before {
	mask-image: url('../elessi-theme/assets/images/Union.png');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    padding: 15px 0;
	position: relative;
    z-index: 2;
}
.sslink-socials:before {
	content: '';
    width: 98%;
    height: 100%;
    position: absolute;
    background-color: var(--e-global-color-d928304);
    top: 7px;
    right: 0;
}
.sslink-socials:after {
	content: '';
    position: absolute;
    width: 90%;
    height: 82%;
    background-color: white;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    box-shadow: -3px 1px 13px 0px rgba(0, 0, 0, 0.15);
}
.sslink-socials ul li {
	padding: 1px 3px;
}
.sslink-socials ul li a {
	width: 35px;
	height: 35px;
}

/* max-width - 1440px */
#nasa-footer .elementor-section.elementor-section-boxed>.elementor-container,
.row{
    max-width: 1440px !important;
}

/* width - 100% */
.single-post .entry-image img {
    width: 100%;
}

/* height - 100% */
.h-100 {
	height: 100%;
}

/* spacing */
/* .column, 
.columns {
	padding-left: 15px;
	padding-right: 15px;
} */

/* form */
.mona-form-contact textarea {
    height: 200px;
	border-radius: 16px;
}

/* line-height - 20px */
.nasa-list-category,
.nasa-special-deal-style-multi-wrap .product-deal-special-buttons .nasa-product-grid .add-to-cart-grid .add_to_cart_text{
    line-height: 20px !important;
}

/* giới hạn một dòng */
.nasa-blog-title,
article .nasa-archive-info.entry-title{
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* megamenu */
.sub-menu .new-label > a.nasa-title-menu:after,
.sub-menu .hot-label > a.nasa-title-menu:after{
    top: calc(50% - 10px);
}
.nav-wrapper .nasa-megamenu.fullwidth>.nav-dropdown>ul>.menu-item>a {
    font-weight: 600 !important;  
}
.nav-wrapper .nasa-megamenu.fullwidth>.nav-dropdown>ul>.menu-item>a:hover {
	color: var( --e-global-color-4488cb4 );
}

/* text-lign - center */
.woocommerce-bacs-bank-details {
    text-align: center;
}

/* button - hover */
.button-items a {
	transition: all 0.3s;
}
a.button.ns-baner_btn_zoom:hover {
    background: #000 !important;  
    color: #fff !important;
}

/* header */
@media (min-width: 1025px) {
	.mona-logo-header .elementor-widget-container img {
		position: relative;
		z-index: 9;
	}
	.mona-header-sec-main:not(.mona-show) .mona-logo-header .elementor-widget-container a {
		--spacing-logo-header: 50px;
		position: relative;
		top: calc(var(--spacing-logo-header) / 2);
	}
	.mona-header-sec-main:not(.mona-show) .mona-logo-header .elementor-widget-container a:before {
		content: '';
		position: absolute;
		height: calc(100% + var(--spacing-logo-header) * 2);
		width: calc(100% + var(--spacing-logo-header) * 2);
		left: calc(-1 * var(--spacing-logo-header));
		top: calc(-1 * var(--spacing-logo-header));
		background-color: var( --e-global-color-4488cb4 );
		border-radius: 50%;
	}
}
.mona-header-sec-main .mona-logo-header .elementor-widget-container a img,
.mona-logo-white .elementor-widget-container a img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.mona-header-sec-main.header-white .mona-logo-header .elementor-widget-container a img,
.header-white .mona-logo-white .elementor-widget-container a img {
	filter: unset;
}
.mona-header-sec-main {
	transition: unset;
}
.mona-header-sec-main .nasa-megamenu>.nav-dropdown>ul>.menu-item a:hover {
	color: var(--e-global-color-4488cb4);
}
#mona-sec-header-main {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
#mona-sec-header-main.mona-header-sec-main.mona-show {
    /* margin-top: 100px;
	top: -100px !important;
    transition: margin 600ms ease, opacity 400ms ease; */
    position: fixed;
	box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.15);
	border-top: 5px solid var(--e-global-color-4488cb4);
}
.mona-header-sec-main.header-white {
	background-color: white !important;
}
.mona-header-sec-main.mona-show .e-con-inner {
	padding: 10px 0;
}
.mona-header-sec-main.mona-show .mona-header-col-right {
	gap: 10px;
}
.hfe-flyout-wrapper .mobile-menu {
	padding: 0;
}
.hfe-flyout-wrapper .mobile-menu ul {
	list-style-type: none;
}
.hfe-flyout-wrapper .mobile-menu ul li a {
	padding: 15px;
	display: flex;
	line-height: 1;
}
.mona-header-megamenu,
.mona-header-megamenu .mona-menu-header,
.mona-header-col-right-main-menu,
.mona-header-col-right {
	position: static;
}
.mona-header-sec-main .e-con-inner {
	position: relative;
}
.mona-header-megamenu .nav-dropdown {
	top: 85%;
}
.nasa-header-icons-wrap .header-icons .menus-account .sub-menu {
	left: unset;
	right: -43px;
}
.nasa-header-icons-wrap .header-icons .menus-account .sub-menu a {
	color: #333333;
}
.nasa-header-icons-wrap .header-icons svg {
	width: 32px !important;
	height: 32px !important;
}
@media only screen and (max-width: 1024px) {
	.nasa-header-icons-sc .header-icons .menus-account .sub-menu {
		right: -43px;
	}
}
.nasa-mini-number {
	background: var(--count-mini-cart);
}
.mona-menu-topbar .nav-wrapper .root-item>a {
	font-size: 16px !important;
    font-weight: normal !important;
	text-transform: unset !important;
}
.mona-form-search-header.elementor-widget-nasa-sc-search-form {
	max-width: var(--max-width-form-header) !important;
}
.mona-header-sec-main .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative {
	background-color: rgb(255 255 255 / 10%);
}
.mona-header-sec-main .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative input[name="s"], 
.mona-header-sec-main .mona-form-search-header .nasa-search-space .nasa-icon-submit-page svg {
	color: white !important;
}
.mona-header-sec-main .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative input::placeholder {
	color: rgb(255 255 255 / 50%) !important;
}
.mona-form-search-header .nasa-search-space .nasa-show-search-form .ns-clear-text:before,
.mona-form-search-header .nasa-search-space .nasa-show-search-form .ns-clear-text:after {
	border-color: white;
}
.mona-form-search-header .nasa-search-space .nasa-show-search-form .ns-clear-text:hover:before,
.mona-form-search-header .nasa-search-space .nasa-show-search-form .ns-clear-text:hover:after {
	border-color: #333;
}
.mona-header-sec-main.header-white .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative {
	background-color: #f1f1f1;
}
.mona-header-sec-main.header-white .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative input[name="s"], 
.mona-header-sec-main.header-white .mona-form-search-header .nasa-search-space .nasa-icon-submit-page svg,
.mona-header-sec-main.header-white .mona-form-search-header .nasa-search-space .nasa-show-search-form.nasa-search-relative input::placeholder {
	color: #333333 !important;
}
.mona-menu-header .nav-wrapper .root-item>a {
	margin-right: 32px !important;
	font-size: 14px;
    text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
}
.mona-menu-header .nav-wrapper .root-item:last-child>a {
	margin-right: 0 !important;
}
.mona-menu-header .nav-wrapper .root-item>a:after,
#masthead .header-icons>li.nasa-icon-wishlist {
	display: none;
}
.mona-header-sec-main .color-icon-white a {
	color: white;
}
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item>a,
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item:hover>a, 
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item.current-menu-ancestor>a, 
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item.current-menu-item>a,
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item:hover>a:hover, 
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item.current-menu-ancestor>a:hover, 
.mona-header-sec-main .menu-text-color .nav-wrapper .root-item.current-menu-item>a:hover {
	color: white;
}
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item>a,
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item:hover>a, 
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item.current-menu-ancestor>a, 
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item.current-menu-item>a,
.mona-header-sec-main.header-white .color-icon-white a,
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item:hover>a:hover, 
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item.current-menu-ancestor>a:hover, 
.mona-header-sec-main.header-white .menu-text-color .nav-wrapper .root-item.current-menu-item>a:hover {
	color: #333;
}
.menu-text-color .nav-wrapper .root-item:hover>a:after, 
.menu-text-color .nav-wrapper .root-item.current-menu-ancestor>a:after, 
.menu-text-color .nav-wrapper .root-item.current-menu-item>a:after {
	border-color: white;
}
.mona-header-sec-main.header-white .mona-icon-cart .cart-link {
	background-color: var(--e-global-color-4488cb4);
	color: white;
}
.mona-header-sec-main.header-white .mona-icon-cart .cart-link .icon-wrap:before {
	background-color: white;
}
.nasa-megamenu>.nav-dropdown>ul.sub-menu>.menu-item>a {
	font-size: 14px;
}
.mona-icon-cart .cart-link {
	background: white;
    height: auto;
    padding: 10px 16px;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
    width: 100%;
    border-radius: 100px;
    color: var(--e-global-color-d928304);
}
.mona-icon-cart .cart-link .icon-wrap {
	position: relative;
	width: 25px;
	height: 25px;
}
.mona-icon-cart .cart-link .icon-wrap:before {
	content: '';
    width: 100%;
    height: 100%;
    background-color: var(--e-global-color-d928304);
    mask-image: url(../elessi-theme/assets/images/shopping-mini-cart.png);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
}
.mona-icon-cart .cart-link .icon-wrap svg {
	display: none;
}
.mona-icon-cart .cart-link .icon-text {
	display: block;
	font-size: 16px;
    font-weight: 600;
	white-space: nowrap;
}
/* #header-content, */
#masthead {
	padding: 16px 0;
}
.nasa-header-sticky .header-container {
	padding-left: 15px;
	padding-right: 15px;
}
.nasa-header-sticky .sticky-wrapper {
	transition: all 0.3s;
}
.nasa-header-sticky .sticky-wrapper.fixed-already {
	border-top: 5px solid var(--e-global-color-4488cb4);
}
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) {
	background-color: var( --e-global-color-4488cb4 );
}
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) .logo img {
	filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.nasa-header-sticky .sticky-wrapper .nav-wrapper .root-item>a {
	font-size: 13px;
	text-transform: uppercase;
}
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) .nav-wrapper .root-item:hover>a:after,
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) .nav-wrapper .root-item.current-menu-item>a:after {
	border-color: white;
}
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) .nav-wrapper .root-item>a,
.nasa-header-sticky .sticky-wrapper:not(.fixed-already) svg {
	color: white;
}
.header-icons .menus-account .woocommerce-MyAccount-navigation-link--customer-logout a svg {
	color: inherit;
}
.fixed-already .logo .header_logo {
	/* max-height: 40px; */
}
.nasa-header-sticky .fixed-already #masthead {
	padding: 10px 0;
}
#header-content {
	position: relative;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.nasa-header-sticky .sticky-wrapper .nav-wrapper .root-item>a {
		font-size: 11px;
		margin-right: 30px;
	}
	.nasa-megamenu>.nav-dropdown>ul.sub-menu>.menu-item>a {
		font-size: 12px;
	}
	body a.logo .header_logo, body .fixed-already a.logo .header_logo {
		max-height: 30px;
	}
	#masthead {
		padding: 10px 0;
	}
}

/* banner */
.mona-overlay-img:before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(to top, #00000075, transparent);
}
.mona-banner-main .swiper-slide figure.swiper-slide-inner {
	aspect-ratio: 108 / 55;
	overflow: hidden;
}
.mona-slider-banner.slider-mobile {
	display: none;
}
.mona-slider-banner .swiper-wrapper .swiper-slide {
	overflow: hidden;
	height: auto !important;
}
.mona-slider-banner .swiper-wrapper .swiper-slide .swiper-slide-bg {
	aspect-ratio: 1920 / 850 !important;
}
.mona-slider-banner .swiper-wrapper .swiper-slide .swiper-slide-inner {
	max-width: var(--content-width);
}
.mona-slider-banner .swiper-slide-bg {
	position: relative;
}
.mona-slider-banner .swiper-slide-bg:before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(to top, #00000075, transparent);
}
.mona-banner-main .swiper-slide figure.swiper-slide-inner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.mona-sec-banner .farm-slider-bottom {
	bottom: 20px;
}

/* home */
.mona-slider-img.elementor-widget-image-carousel .swiper .swiper-slide figure {
	aspect-ratio: 339 / 478;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid var(--e-global-color-b12ff16);
}
.mona-slider-img.elementor-widget-image-carousel .swiper .swiper-slide figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-prev,
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-next {
	top: auto;
    bottom: 50%;
    background-color: var(--e-global-color-d928304);
    border-color: var(--e-global-color-d928304);
    color: white;
    font-size: 13px;
    width: var(--width-svg-swiper);
    height: var(--width-svg-swiper);
    justify-content: center;
    align-items: center;
	text-align: center;
    border-radius: 1000px;
	transition: all 0.3s;
}
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-prev:hover,
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-next:hover {
	background-color: var(--e-global-color-b12ff16);
    border-color: var(--e-global-color-b12ff16);
    color: var(--e-global-color-d928304);
}
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-prev svg path,
.mona-slider-img.elementor-element .swiper .elementor-swiper-button-next svg path {
	fill: currentcolor;
}
.mona-perfume-animation {
    width: 450px;
    height: auto;
}
.mona-sec-product-deals .product-item .product-special-deals {
    display: flex;
    align-items: center;
}
.mona-product-category .nasa-slick-nav > .nasa-nav-arrow {
	--spacing-arrow: 10px;
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
	top: calc(50% - 50px);
}
.mona-product-category .nasa-slick-nav-outside > .nasa-nav-arrow.slick-prev {
	left: var(--spacing-arrow);
}
.mona-product-category .nasa-slick-nav-outside > .nasa-nav-arrow.slick-next {
	right: var(--spacing-arrow);
}
.mona-product-category .nasa-nav-arrow svg {
	padding: 0;
	background-color: var(--e-global-color-d928304);
    border-color: var(--e-global-color-d928304);
	color: white;
	border-radius: 50%;
	width: var(--width-svg-swiper);
	height: var(--width-svg-swiper);
}
.mona-product-category .nasa-nav-arrow svg path {
	fill: currentcolor;
}
.mona-product-category .nasa-nav-arrow svg:hover,
.mona-product-category.nasa-category-slider-horizontal .nasa-nav-arrow:hover:not(.slick-disabled) svg {
	background-color: var(--e-global-color-b12ff16);
    border-color: var(--e-global-color-b12ff16);
    color: var(--e-global-color-d928304);
}
.mona-product-category .nasa-category-horizontal-4 .product-category {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mona-product-category .nasa-category-horizontal-4 .nasa-cat-title {
	margin-top: 24px;
	margin-bottom: 24px;
	color: var(--e-global-color-9e32d59);
}
@media (min-width: 768px) {
	.mona-product-category .nasa-category-horizontal-4 .product-category {
		padding: 12px;
	}
	.mona-product-category .nasa-category-horizontal-4 .slick-list {
		margin-left: -12px;
		margin-right: -12px;
	}
}
.mona-product-category .nasa-category-horizontal-4 .product-category .mona-read-more.mona-product-category {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	color: var(--e-global-color-9e32d59);
	fill: var(--e-global-color-9e32d59);
	font-size: clamp(12px, 2.5vw, 14px);
	background-color: var(--e-global-color-b12ff16);
	border-radius: 100px;
	padding: 12px 24px;
	transition: all 0.5s;
}
.mona-product-category .nasa-category-horizontal-4 .product-category .mona-read-more.mona-product-category:hover {
	color: white;
	fill: white;
	background-color: var(--e-global-color-d928304);
}
/* about */
/* .mona-count-items {
	padding: 50px 30px;
    border-radius: 24px;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, var(--primary-color), rgb(0 0 0 / 0%)) 1;
} */
.mona-count-items {
	--about-left: -30px;
	--about-top: -50px;
	position: relative;
	top: calc(-1*var(--about-top));
	right: calc(-1 * var(--about-left));
}
.mona-count-items:before {
	content: '';
    mask-image: url('../elessi-theme/assets/images/image-about.png');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    border-radius: 0;
    border: none;
    background: var(--e-global-color-4488cb4);
    display: block;
    width: calc(100% - calc(var(--about-left) * 2));
    height: calc(100% - calc(var(--about-top) * 3));
    position: absolute;
    left: var(--about-left);
    top: var(--about-top);
}
.image-square .elementor-widget-container {
	aspect-ratio: 1 / 1;
}
.image-square .elementor-widget-container img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox {
	aspect-ratio: unset;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox img {
	display: none;
}
.mona-button-video .elementor-widget-container {
	overflow: visible !important;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play {
	position: unset;
	transform: unset;
	width: max-content;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play svg {
	z-index: 99;
	filter: unset;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play:before, 
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: var(--primary-color);
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play:after {
    z-index: -1;
    transition: all 200ms;
}
.mona-button-video .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-play:before {
    z-index: 0;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

/* services */
.mona-img-services .elementor-widget-container:before {
	content: '';
    display: block;
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, #00000075, transparent);
}

/* tuyển dụng */
.mona-archive-portfolio .elementor-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mona-archive-portfolio .elementor-pagination .page-numbers {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-weight: 700;
	transition: all 0.3s;
}
.mona-archive-portfolio .elementor-pagination .page-numbers.current {
	color: white;
	background-color: var(--e-global-color-4488cb4) !important;
}
.mona-archive-portfolio .elementor-pagination .page-numbers:hover {
	background-color: #eee;
}
.mona-card-image-portfolio .image-portfolio .elementor-widget-container {
	border-radius: 10px;
}
.mona-card-image-portfolio .image-portfolio .elementor-widget-container,
.image-portfolio-sidebar .elementor-widget-container {
	aspect-ratio: 3 / 2;
    overflow: hidden;
}
.mona-card-image-portfolio .image-portfolio .elementor-widget-container a,
.mona-card-image-portfolio .image-portfolio .elementor-widget-container img,
.image-portfolio-sidebar .elementor-widget-container a,
.image-portfolio-sidebar .elementor-widget-container img,
.img-w100 .elementor-widget-container a {
	display: block;
	width: 100%;
	height: 100%;
}
.mona-card-image-portfolio .image-portfolio .elementor-widget-container img,
.image-portfolio-sidebar .elementor-widget-container img {
	object-fit: cover;
}
.thumnail-portfolio a,
.thumnail-portfolio img {
	display: block;
	width: 100%;
	height: auto;
}
.image-portfolio-sidebar .elementor-widget-container {
	border-radius: 5px;
}

/* blog */
body.blog .col-sidebar .widget-title, 
body.blog .nasa-side-sidebar .widget-title,
body.single-post .col-sidebar .widget-title, 
body.single-post .nasa-side-sidebar .widget-title,
body.category .col-sidebar .widget-title,
body.category .nasa-side-sidebar .widget-title {
	font-size: 120%;
}
body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row,
body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row {
	margin-left: 0;
	margin-right: 0;
}
body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post,
body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	padding: 0;
}
body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post a,
body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post img,
body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post a,
body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post img {
	display: block;
	width: 100%;
	height: 100%;
}
body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post img,
body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post img {
	object-fit: cover;
}
body.blog.page .container-wrap {
	padding: 80px 0;
}
body.blog.page .container-wrap .entry-header {
	display: none;
}
.mona-archive-blog .elementor-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mona-archive-blog .elementor-pagination .page-numbers {
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex;
    background-color: var(--e-global-color-b12ff16);
    justify-content: center;
    align-items: center;
    color: var(--e-global-color-9e32d59);
}
.mona-archive-blog .elementor-pagination .page-numbers:hover,
.mona-archive-blog .elementor-pagination .page-numbers.current {
	color: var(--e-global-color-e6977d9);
    background-color: var(--e-global-color-d928304);
}
.mona-home-blog .elementor-posts-container article.elementor-post {
	flex-direction: row-reverse;
    gap: 24px;
}
.mona-home-blog .elementor-posts-container article.elementor-post .elementor-post__excerpt {
	-webkit-line-clamp: 5;
}
.mona-sticky-posts .elementor-posts-container article.elementor-post:not(:first-child) {
	display: none;
}
.mona-sticky-posts .elementor-posts-container article.elementor-post .elementor-post__excerpt {
	-webkit-line-clamp: 2;
}
.mona-sticky-posts .elementor-posts-container article.elementor-post .elementor-post__title,
.mona-home-blog .elementor-posts-container article.elementor-post .elementor-post__title {
	-webkit-line-clamp: 3;
}
.mona-sticky-posts .elementor-posts-container article.elementor-post .elementor-post__excerpt,
.mona-sticky-posts .elementor-posts-container article.elementor-post .elementor-post__title,
.mona-home-blog .elementor-posts-container article.elementor-post .elementor-post__title,
.mona-home-blog .elementor-posts-container article.elementor-post .elementor-post__excerpt {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* partners */
.mona-gallery-partners .elementor-gallery__titles-container a.elementor-item.elementor-gallery-title {
	padding: 10px 24px;
	font-size: 14px;
	color: var(--primary-color);
	text-transform: uppercase;
	border: 1px solid var(--primary-color);
	border-radius: 100px;
}
.mona-gallery-partners .elementor-gallery__titles-container a.elementor-item.elementor-gallery-title:hover,
.mona-gallery-partners .elementor-gallery__titles-container a.elementor-item.elementor-gallery-title.elementor-item-active {
	background-color: var(--primary-color);
    color: white;
}

/* form subscribe */
.wpcf7 .wpcf7-submit {
	text-transform: none;
}
.wpcf7 .wpcf7-submit,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"], 
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"] {
	border-radius: 100px !important;
}
.wpcf7 .wpcf7-form-control-wrap {
	margin-bottom: 24px;
}
.wpcf7 .large-6.columns {
	padding-left: 12px;
	padding-right: 12px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"], 
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"] {
	height: 48px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"], 
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 .mona-form-subscribe textarea {
	padding-left: 15px;
	padding-right: 15px;
}
.wpcf7 .mona-form-subscribe textarea {
	border-radius: 16px;
    height: 80px;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 12px;
}

/* cart */
body .nasa-static-sidebar .btn-mini-cart .woocommerce-mini-cart__buttons a.checkout, 
body .ns-cart-popup-v2 .btn-mini-cart .woocommerce-mini-cart__buttons a.checkout {
	background-color: var(--e-global-color-4488cb4) !important;
    border-color: var(--e-global-color-4488cb4) !important;
}
body .nasa-static-sidebar .btn-mini-cart .woocommerce-mini-cart__buttons a.checkout:hover, 
body .ns-cart-popup-v2 .btn-mini-cart .woocommerce-mini-cart__buttons a.checkout:hover {
	background-color: var(--e-global-color-d928304) !important;
    border-color: var(--e-global-color-d928304) !important;
}

/* checkout */
/* .woocommerce-cart-form .coupon,
.nasa-toggle-coupon-checkout,
.checkout-group.woo-billing .woocommerce-shipping-fields,
.woocommerce-shipping-totals.shipping,
.payment_methods {
	display: none;
} */
.woocommerce-page .checkout-breadcrumb {
	padding: 35px 0px;
}

/* footer */
.nasa-top-cat-filter-wrap-mobile.nasa-show {
	z-index: 9999;
}
.icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
	width: 24px;
    height: 24px;
    background: white;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    padding: 7px;
}
.icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg {
	align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 !important;
}
.icon-list-items.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
	padding-left: 8px;
}
.mona-img-white img {
	filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
}
.mona-footer-media img {
    height: 15px; 
    margin-bottom: 4px; 
    padding-left: 5px;
}
#nasa-footer .nasa-footer-bottom {
    padding: 8px 0;
}
.mona-logo-footer {
    height: 64px !important;
    width: auto;
}

/* product */
body.single .nasa-layout-modern-2 .focus-info, 
body.single .nasa-layout-modern-3 .focus-info {
	background-color: white;
	margin-bottom: 30px;
}
body.single .nasa-single-product-slide .product-thumbnails.nasa-single-product-thumbnails .nasa-wrap-item-thumb,
body.single .main-images .product-image {
	aspect-ratio: 1 / 1;
    overflow: hidden;
}
body.single .nasa-single-product-slide .product-thumbnails.nasa-single-product-thumbnails .nasa-wrap-item-thumb img,
body.single .main-images .product-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.product-info .single_variation_wrap {
	padding-top: 0;
}
.nasa-wrap-popup-nodes>li>a.nasa-node-popup {
	padding: 10px 20px 12px;
    font-size: 15px;
    background-color: var(--e-global-color-4488cb4);
    color: white;
    border-radius: 5px;
	transition: all 0.3s;
}
.nasa-wrap-popup-nodes>li>a.nasa-node-popup:hover,
.nasa-wrap-popup-nodes>li>a.nasa-node-popup:focus {
	background-color: var(--e-global-color-d928304);
	color: white;
}
.summary .wpb-get-a-quote-button-btn,
.summary .wpb-get-a-quote-button-btn:focus {
	background-color: var(--primary-color);
}
.summary .wpb-get-a-quote-button-btn:hover {
	background-color: var(--e-global-color-d928304);
}
.product-item .nasa-nav-arrow {
	top: calc(50% - 25px);
}
.product-item .info {
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.product-item .info .name {
	color: var(--e-global-color-9e32d59);
}
.product-item .info .price {
	color: var(--e-global-color-4488cb4);
	justify-content: center;
}
.product-item .info .name,
.product-item .info .price {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
body .badge.sale-label {
	background-color: var(--sale-color) !important;
}
.product-item .product-img-wrap .nasa-product-grid .btn-wishlist {
    width: 36px;
    height: 36px;
    left: -46px;
    background-color: transparent;
    align-items: center;
    border-radius: 50%;
}
.product-item:hover .product-img-wrap .nasa-product-grid .btn-wishlist {
    background-color: #696969;
    color: #fff;
}
.product-item .product-img-wrap .nasa-product-grid .btn-wishlist:hover {
    background-color: #333;
}
.nasa-popup-content-contact .nasa-product .nasa-product-img{
    background-color: #f7f7f7;
}
.nasa-product-grid .add-to-cart-grid:hover .add_to_cart_text {
    width: 180px;
}
.nasa-product-grid .add-to-cart-grid .add_to_cart_text {
	font-size: 12px;
    text-transform: none;
    font-weight: 600;
}

/* ẩn mua hàng */
.nasa-product-grid.nasa-btns-product-item a:not(.add-to-cart-grid),
.nasa-wrap-popup-nodes {
	display: none !important;
}
/* .nasa-product-grid,
.product-info .cart,
.nasa-wrap-popup-nodes,
.product-info .cart .woocommerce-variation-add-to-cart {
	display: none !important;
}
.product-info .variations_form.cart {
	display: block !important;
} */
.nasa-label-round .nasa-attr-ux-label {
	padding: 10px;
    border-radius: 0;
    height: auto;
    line-height: 1;
	border-radius: 3px;
}
.nasa-label-round .nasa-attr-ux-label.selected {
	border-color: var(--e-global-color-4488cb4);
    background: var(--e-global-color-4488cb4);
}
.product-img {
/* 	aspect-ratio: 1 / 1; */
    border: 1px solid var(--e-global-color-b12ff16);
    border-radius: 16px;
}
/* .product-img .slick-slider,
.product-img .slick-slider .slick-list,
.product-img .slick-slider .slick-list .slick-track,
.product-img .slick-slider .slick-list .slick-track img {
	height: 100%;
}
.product-img .slick-slider .slick-list .slick-track img {
	object-fit: cover;
} */
.mona-product-home .nasa-classic-style li.active a, 
.mona-product-home .nasa-classic-style li:hover a {
	color: var(--e-global-color-d928304);
}
.mona-product-home .nasa-classic-style li.active a:after {
	display: none;
}
.mona-product-home .nasa-classic-style li a {
	font-size: clamp(18px, 2.5vw, 32px);
    font-weight: 700;
    text-transform: uppercase;
	color: var(--e-global-color-9e32d59);
}
.mona-product-home .nasa-classic-style li:not(:last-child) {
	padding-right: 40px;
    border-right: 1px solid rgb(45 65 14 / 20%);
}

/* desktop */
@media (min-width: 1024px) {
    /* blog */
    .col-sidebar .widget, 
    .nasa-side-sidebar .widget {
        padding: 20px !important;
        background: #f8f8f8;
    }
    .col-sidebar .widget.nasa-inited .nasa-toggle-widget {
        transform: translateY(20px);
    }
    .col-sidebar .widget.nasa-inited .nasa-toggle-widget:before,
    .col-sidebar .widget.nasa-inited .nasa-toggle-widget:after{
        right: 20px;
    }
    
    /* single product */
    body.single-product .nasa-add-to-cart-fixed .nasa-fixed-product-info {
        width: 35%;
    }
}

/* max-width: 1320px */
@media (max-width: 1320px) {
	:root {
		--max-width-form-header: 70%;
	}
}

/* tablet */
@media (max-width: 1024px) {
	:root {
		--width-svg-swiper: 32px;
	}
	/* header */
	#masthead .nasa-hide-for-mobile {
		display: none;
	}
	#masthead .mobile-menu {     
		width: 100%;
		min-height: unset;
		padding: 0 10px;         
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.mona-navigation-menu .hfe-nav-menu-icon {
		display: flex;
		align-items: center;
	}
	.mona-navigation-menu .hfe-flyout-close {
		top: 16px;
	}
	.mona-navigation-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon svg {
		fill: white !important;
	}
	.mona-navigation-menu .hfe-flyout-close svg,
	.mona-header-sec-main.mona-show.header-white .mona-navigation-menu .hfe-flyout-close svg,
	.mona-header-sec-main.mona-show.header-white .mona-navigation-menu .hfe-nav-menu-icon svg {
		color: #494c4f;
	}
	.mona-navigation-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon svg path,
	.mona-navigation-menu .hfe-flyout-close svg path,
	.mona-header-sec-main.mona-show.header-white .mona-navigation-menu .hfe-flyout-close svg path,
	.mona-header-sec-main.mona-show.header-white .mona-navigation-menu .hfe-nav-menu-icon svg path {
		fill: currentcolor !important;
	}
	.mona-navigation-menu .hfe-flyout-content {
		padding-top: 60px !important;
	}
	.hfe-flyout-wrapper .mobile-menu {
		display: flex;
	}
	.hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
		transition: .3s ease;
		display: block !important;
		height: 100vh;
	}
	.hfe-flyout-wrapper .hfe-flyout-overlay {
		height: 100vh;
	}
	
	/* blog */
	body.blog .div-toggle-sidebar,
	body.single-post .div-toggle-sidebar{
		display: none !important;
	}
	body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post, 
	body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post {
		width: 20%;
	}
	.container-wrap .widget-area .widget li.nasa-recent-posts-li .row .nasa-info-post {
		width: 80%;
	}
	body.blog .col-sidebar .widget, 
	body.blog .nasa-side-sidebar .widget,
	body.single-post .col-sidebar .widget, 
	body.single-post .nasa-side-sidebar .widget {
		padding: 20px !important;
        background: #f8f8f8;
	}
	body.blog .col-sidebar .widget.nasa-inited .nasa-toggle-widget, 
	body.blog .nasa-side-sidebar .widget.nasa-inited .nasa-toggle-widget,
	body.single-post .col-sidebar .widget.nasa-inited .nasa-toggle-widget, 
	body.single-post .nasa-side-sidebar .widget.nasa-inited .nasa-toggle-widget {
		transform: translateY(20px);
	}
	.col-sidebar .nasa-toggle-widget:before, 
	.col-sidebar .nasa-toggle-widget:after, 
	.nasa-side-sidebar .nasa-toggle-widget:before,
	.nasa-side-sidebar .nasa-toggle-widget:after {
		right: 20px;
	}
	body.blog .container-wrap .col-sidebar.right,
	body.single-post .container-wrap .col-sidebar.right {
		position: unset !important;
		transform: unset !important;
		width: 100% !important;
		max-width: unset !important;
	}
	body.blog .container-wrap .col-sidebar.right .widget-area,
	body.single-post .container-wrap .col-sidebar.right .widget-area {
		position: unset;
		padding: 30px 15px;
	}
	body.blog .container-wrap #content {
		width: 100%;
		padding: 0 !important;
	}
}

/* mobile */
@media (max-width: 767px) {
	:root {
        --max-width-form-header: 100%;
    }
	
	/* font-size */
	body .product-item .info .name,
	.mona-product-category .nasa-category-horizontal-4 .nasa-cat-title {
		font-size: 14px;
	}
	
	/* header */
	#masthead {
		padding: 10px 0 !important;
	}
	
	/* banner */
	.mona-overlay-img:before {
		height: 100%;
	}
	.mona-slider-banner.slider-mobile {
		display: block;
	}
	.mona-slider-banner:not(.slider-mobile) {
		display: none;
	}
	.mona-slider-banner.slider-mobile .swiper-wrapper .swiper-slide .swiper-slide-bg {
		aspect-ratio: 550 / 403 !important;
	}
	.mona-slider-banner .swiper-container .elementor-swiper-button {
		/* top: calc(100vw * 850/1920/2); */
	}
	.mona-slider-banner .elementor-slides .swiper-slide-inner .elementor-slide-heading,
	.mona-slider-banner .elementor-slides .swiper-slide-inner .elementor-slide-description {
		margin-bottom: 12px !important;
	}
	.mona-slider-banner .elementor-slides .swiper-slide-inner .elementor-slide-heading {
		font-size: 12px;
	}
	.mona-slider-banner .elementor-slides .swiper-slide-inner .elementor-slide-description {
		font-size: 16px;
	}
	.mona-slider-banner .swiper-wrapper .swiper-slide .swiper-slide-bg {
		min-height: unset;
	}
	.mona-slider-banner .swiper-slide-bg:before {
		content: none;
	}
	.mona-slider-banner .swiper-wrapper .swiper-slide .swiper-slide-inner {
		text-align: center;
        position: static;
        padding: 20px 15px;
        background-color: var(--e-global-color-b12ff16);
		color: inherit;
		/* display: none; */
	}
	.mona-slider-banner .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents {
		display: block !important;
		-webkit-animation: none;
		animation: none;
	}
	.mona-slider-banner .elementor-slides .swiper-slide-inner .elementor-slide-button {
		padding: 8px 10px !important;
		font-size: 12px;
		line-height: 1;
	}
	.mona-slider-banner .swiper-slide-inner .swiper-slide-contents {
		width: 100%;
	}
	
	/* category product */
	.mona-product-category .nasa-category-horizontal-4 .nasa-cat-title {
		margin: 12px 0;
	}
	
	/* social link */
	.sslink-socials ul li a {
		width: 25px;
		height: 25px;
		line-height: 30px;
	}
	
	/* slide - mobile */
	.mona-grid-services,
	.mona-blog-mobile .elementor-posts-container {
		display: flex;
		overflow: auto hidden;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding-bottom: 20px;
	}
	.mona-grid-services>div,
	.mona-blog-mobile .elementor-posts-container>article {
		width: calc(100vw - 15px*2);
		min-width: calc(100vw - 15px*2);
	}
	
    /* product */
	.mona-product-home .nasa-classic-style li:not(:last-child) {
		margin-right: 16px;
		padding-right: 16px;
	}
    .nasa-product-grid .add-to-cart-grid {
        bottom: -12px;
    }
    .mona-sec-product-deals .product-item .product-special-deals {
        flex-direction: column;
    }
	.mona-product-category .nasa-category-horizontal-4 .product-category .mona-read-more.mona-product-category {
		padding: 10px;
	}
    
    /* header */
/*     #masthead {
        padding: 8px 0 !important;
    } */
	
	/* about */
	.mona-count-items {
		top: 0;
		left: 0;
    	width: calc(100% - calc(-1 * var(--about-left)) * 2) !important;
	}
	.mona-count-items:before {
		height: calc(100% - calc(var(--about-top) * 2));
	}
	
	/* partners */
	.mona-gallery-partners .elementor-gallery__titles-container a.elementor-item.elementor-gallery-title {
		margin-bottom: 10px;
	}
	
	/* blog */
	body.blog .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post, 
	body.single-post .container-wrap .widget-area .widget li.nasa-recent-posts-li .row .columns.nasa-thumbnail-post {
		width: 34%;
	}
	.container-wrap .widget-area .widget li.nasa-recent-posts-li .row .nasa-info-post {
		width: 66%;
	}
    
    /* footer */
    #nasa-footer .nasa-footer-bottom {
        padding: 24px 0;
    }
    .mona-footer-media {
        font-size: 12px;
		display: flex;
		justify-content: center;
    	align-items: center;
    }
    .mona-footer-media img {
        height: 10px;
		margin-bottom: 0;
    }
	.footer-col-contact {
		order: 1;
	}
	.footer-col-product {
		order: 2;
	}
	.footer-col-about {
		order: 3;
	}
	.footer-col-support {
		order: 4;
	}

	/* menu */
	ul#mobile-navigation>li>a {
    	font-size: 12px;
	}
	ul#mobile-navigation ul>li>a {
		font-size: 11px;
	}
	div.nasa-static-sidebar .nasa-sidebar-tit {
		font-size: 16px;
	}
	.nasa-static-sidebar .mini-cart-info a.product-name, 
	.ns-cart-popup-v2 .mini-cart-info a.product-name,
	body .nasa-item-meta .nasa-widget-title,
	div.nasa-static-sidebar .empty, 
	div.ns-cart-popup-v2 .empty {
		font-size: 12px;
	}
	div.nasa-static-sidebar .empty>svg, 
	div.ns-cart-popup-v2 .empty>svg {
		max-width: 120px;
    	margin: 0 auto 25px;
	}
}

/* hidden */
#masthead .header-icons .nasa-icon-compare,
.btn-compare,
.nasa-nav-extra-warp {
    display: none !important;
}
/* ----- end custom ----- */

/* scrollbar */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
	background-color: var(--primary-color);
}