/*@media(prefers-color-scheme: dark) {
    body,
    body *,
    body *::before,
    body *::after {
        background-color: #222 !important;
        color: #e6e6e6 !important;
        border-color: #444 !important;
    }
}*/

.dark,
.dark *,
.dark *::before,
.dark *::after {
	background-color: #222 !important;
	color: #e6e6e6 !important;
	border-color: #ef151463 !important;
}

/*
.dark img {
    filter: grayscale(1);
    
}
*/

.dark .alert,
.dark .product,
.dark .product *,
.dark .product-title-area,
.dark .product-title-area *,
.dark .footer-boxes,
.dark .footer-boxes *,
.dark .footer-boxes *::before,
.dark .mini-footer,
.dark .mini-footer *,
.dark .breadcrumb-area,
.dark .breadcrumb-area *,
.dark .breadcrumb-area:before,
.dark .breadcrumb-area *:after,
.dark .dashboard_menu_area,
.dark .dashboard_menu_area *,
.dark .modules__content,
.dark .modules__content *,
.dark .modules__title,
.dark .modules__title *,
.dark .author-card,
.dark .author-card *,
.dark .item-info,
.dark .item-info *,
.dark .cardify,
.dark .cardify *,
.dark .filter-bar,
.dark .filter-bar *,
.dark .product_archive,
.dark .product_archive *,
.dark .biography,
.dark .biography *,
.dark .hero-area + section,
.dark .hero-area + section *,
.dark .seperator::after,
.dark .tab,
.dark .tab * {
	background-color: #1b1b1b !important;
}

.dark .swiper-button-prev,
.dark .swiper-button-next,
.dark .swiper-pagination {
	background-color: transparent !important;
}

.dark .swiper-pagination-bullet {
	background-color: #fff !important;
}

.dark .btn:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.dark .follow_feed_nav,
.dark .follow_feed_nav :before,
.dark .follow_feed_nav :after,
.dark .follow_feed_nav *,
.dark .follow_feed_nav *:before,
.dark .follow_feed_nav *:after,
.dark .cardify .btn,
.dark .cardify input,
.dark .cardify .alert,
.dark .cardify .alert *,
.dark .cardify .alert *:before,
.dark .cardify .alert *:after,
.dark .modules__content input,
.dark .modules__content select,
.dark .modules__content button,
.dark .modules__content .price-badges *,
.dark .modules__content .alert,
.dark .modules__content .alert *,
.dark .modules__content .alert *:before,
.dark .modules__content .alert *:after {
	background-color: #222 !important;
}

.dark .ribbon_badge {
	color: #fff !important;
}

.dark .ribbon_badge .ribbon-banner {
	background-color: #ef1414 !important;
}

.dark .ribbon_badge .ribbon-banner:before {
	border-right: 0 solid transparent !important;
	border-left: 30px solid transparent !important;
	border-top: 15px solid #930a0a !important;
	background-color: transparent !important;
}

.dark .ribbon_badge .ribbon-banner:after {
	border-left: 0 solid transparent !important;
	border-right: 30px solid transparent !important;
	border-top: 15px solid #930a0a !important;
	background-color: transparent !important;
}

.dark .ribbon_badge .ribbon {
	background-color: #cc0e0e !important;
}

.dark .ribbon_badge .ribbon:before {
	border-right: solid 30px #cc0e0e !important;
	border-bottom: solid 30px transparent !important;
}

.dark .ribbon_badge .ribbon:after {
	border-right: solid 30px #cc0e0e !important;
	border-top: solid 30px transparent !important;
}

.moon-sun label {
	margin: 0;
	padding: 0 0 6px;
	width: 100%;
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.moon-sun input,
.moon-sun textarea,
.moon-sun select {
	margin: 0;
	padding: 0 10px;
	display: block;
	border-radius: 0;
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #555;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	outline: 0 none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	-moz-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	-webkit-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	-o-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

/***********************************************
Sun/Moon Checkbox styling
***********************************************/

.moon-sun {
	margin: 0 auto;

	width: 61px;
	display: block;
	overflow: hidden;
	border: none;

	right: 12px;
	top: 0px;
	color: white !important;
	z-index: 999999;
}

.moon-sun input {
	display: none;
}

.moon-sun input + label {
	width: 100%;
	height: 32px;
	background-color: #46a1f5 !important;
	border-radius: 16px;
	border: 3px solid #23517b !important;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 9;
	cursor: pointer;
	transition: background 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s,
		border 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

.moon-sun input + label span {
	width: 20px;
	height: 20px;
	background-color: #faa31b !important;
	border-radius: 10px;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	transition: left 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s,
		background 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

.moon-sun input:checked + label {
	background-color: #4e30ad !important;
	border-color: #271857 !important;
}

.moon-sun input:checked + label span {
	width: 20px;
	height: 20px;
	background-color: #fff !important;
	border-radius: 10px;
	display: block;
	left: calc(50% + 4px);
}

.moon-sun input + label span:before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #46a1f5 !important;
	position: absolute;
	top: -5px;
	left: -20px;
	transition: background 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s,
		left 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

.moon-sun input:checked + label span:before {
	background-color: #4e30ad !important;
	left: -15px;
}

.moon-sun input + label .cloud {
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2220.1px%22%20height%3D%2215.1px%22%20viewBox%3D%220%200%2020.1%2015.1%22%20style%3D%22enable-background%3Anew%200%200%2020.1%2015.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17.1%2C8.8c0.3-0.8%2C0.5-1.6%2C0.5-2.5c0-3.5-2.8-6.3-6.3-6.3S5%2C2.8%2C5%2C6.3c0%2C0%2C0%2C0%2C0%2C0c-0.2%2C0-0.4%2C0-0.6%2C0%0A%09C2%2C6.3%2C0%2C8.3%2C0%2C10.7s2%2C4.4%2C4.4%2C4.4H17c1.7%2C0%2C3.1-1.4%2C3.1-3.1C20.1%2C10.2%2C18.8%2C8.9%2C17.1%2C8.8z%22%2F%3E%0A%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	position: absolute;
	top: 11px;
	left: 15px;
	overflow: hidden;
	transition: left 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	background-color: transparent !important;
}

.moon-sun input:checked + label .cloud {
	width: 20px;
	left: 60px;
}

.moon-sun input + label .stars {
	content: "";
	display: block;
	height: 20px;
	width: 54px;
	background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22110px%22%20height%3D%2240px%22%20viewBox%3D%220%200%20110%2040%22%20style%3D%22enable-background%3Anew%200%200%20110%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2220.4%22%20cy%3D%227.5%22%20r%3D%222.5%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2219.9%22%20cy%3D%2223%22%20r%3D%221%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2241.4%22%20cy%3D%2218.5%22%20r%3D%221.5%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2235.4%22%20cy%3D%2229.5%22%20r%3D%221.5%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2255.9%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%227.4%22%20cy%3D%2218.5%22%20r%3D%220.5%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%225.4%22%20cy%3D%226.5%22%20r%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
	left: -50px;
	transition: left 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	background-color: transparent !important;
}

.moon-sun input:checked + label .stars {
	left: 6px;
	transition: left 0.8s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}