.dark-mode {
	.bg-dark {
		.elementor-background-overlay {
			background-image: linear-gradient(180deg, $primary_color 55%, rgba($primary_color_hex, 0.43) 200.24%) !important;
		}
	}
	// site loader
	.pxl-loader {
		background-color: $primary_color;
		&.style-text {
			.preloader-inner {
				.spinner {
					border-color: #2e2e2e;
					border-top-color: $fourth_color;
				}
				.loading-text span {
					color: rgba(255, 255, 255, 0.20);
					&:before {
						color: rgba(255, 255, 255, 1);;
					}
				}
			}
		}
		&.style-triangle {
			.loader-triangle svg polygon {
				stroke: $fourth_color;
			}
		}
	}
	// default
	color: $fifth_color;
	background-color: $bgdark_color;
	&.pxl-footer-fixed {
		#pxl-header-elementor, #pxl-main {
			background-color: $bgdark_color;
		}
	}
	h1, h2, h3, h4, h5, h6 {
		color: $fourth_color;
	}
	a {
		color: $fourth_color;
		&:hover, &:focus {
			color: $link_color_hover;
		}
		&:active {
			color: $link_color_active;
		}
	}
    // form
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea, select, .pxl-select-higthlight {
    	color: $fourth_color;
    	border: 1px solid #3c3c3c;
    	background: rgba(39, 39, 39, 0.30);
    }
    blockquote {
    	background-color: #000000;
    }
    .wp-block-group.has-background, .wp-block-media-text.has-background {
    	color: $primary_color;
    	p {
    		color: inherit;
    	}
    }
    .post-password-form {
    	input {
    		color: $fourth_color;
    		&:hover {
    			color: $fifth_color;
    			border-color: $fifth_color;
    		}
    	}
    }
    .comment-date {
    	color: $fourth_color;
    }
    .pxl-el-divider {
    	border-color: $fourth_color;
    }
    .pxl-section-effect-images {
    	.pxl-item--image {
    		&.light {
    			display: none;
    		}
    		&.dark {
    			display: block;
    		}
    	}
    }
    .dark-op0 {
    	display: none;
    }
    .pxl-item--social a {
    	color: $fourth_color;
    	border-color: $fourth_color;
    }
    .wp-arrow {
    	.pxl-swiper-arrow {
    		color: $fourth_color;
    	}
    	.pxl-swiper-dots {
    		.pxl-swiper-pagination-bullet {
    			&:before {
    				background-color: $fourth_color;
    			}
    			&.swiper-pagination-bullet-active {
    				border-color: $fourth_color;
    			}
    		}
    	}
    	.arrow-divider {
    		background-color: rgba($fourth_color_hex, 0.3);
    	}
    }
    .pxl-hidden-template.pos-left .pxl-close, .pxl-hidden-template.pos-right .pxl-close, .pxl-hidden-template.pos-top .pxl-close, .pxl-hidden-template.pos-full .pxl-close {
    	color: $fourth_color;
    	&:before, &:after {
    		background-color: $fourth_color;
    	}
    }
    //mouse move animation
    .pxl-cursor {
    	background-color: $secondary_color;
    }
    .pxl-cursor-follower {
    	background-color: rgba($secondary_color_hex, 0.2);
    	&.active {
    		&:before {
    			border-color: $secondary_color;
    		}
    	}
    }
    .pxl-hidden-template.pos-full .pxl-close:before, .pxl-hidden-template.pos-full .pxl-close:after {
    	background-color: $fourth_color;
    }
    // day-night mode switcher
    .pxl-switch-button {
    	span {
    		&:before {
    			content: "\f494";
    		}
    	}
    }
    // grid lines
    .pxl-grid-lines {
    	span {
    		background-color: $griddark_color;
    	}
    }
    .pxl-tabs1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title + .pxl-tab--title {
    	border-top-color: rgba($sixth_color_hex, 0.5);
    }
    .pxl-tab-icon-box1 .pxl--item .pxl-tab--title:hover .label {
    	color: $secondary_color;
    }
    // nice select
    .nice-select {
    	.current {
    		color: #afb3ae;
    	}
    	&:after {
    		color: $fourth_color;
    	}
    	&:active, &:focus {
    		border-color: $fifth_color;
    	}
    	.list {
    		border-color: $fifth_color;
    		background-color: $sixth_color;
    	}
    	.option {
    		&.selected {
    			color: $fourth_color;
    			background-color: $third_color;
    		}
    	}
    }

    // class
    .pxl-se-divider {
    	border-color: $sixth_color !important;
    }
    .pxl-color-fou-pri, .pxl-color-menu_anc {
    	color: $fourth_color;
    }
    .pxl-color-sec, .pxl-color-pri-sec, .pxl-color-thi-sec {
    	color: $secondary_color;
    }
    .pxl-color-pri-fou, .pxl-color-sec-fou, .pxl-bg-21-fou, .pxl-color-thi-fou, .pxl-color-fif-fou, .pxl-color-six-fou {
    	color: $fifth_color;
    }
    .pxl-title--highlight, .pxl-color-thi-fif, .pxl-color-pri-fif, .pxl-color-fou-fif {
    	color: $fifth_color;
    }
    .pxl-color-pri-b2 {
    	color: #b2b2b2;
    }
    .pxl-bg-thi-fif, .pxl-bg-pri-fif {
    	background-color: $fifth_color;
    }
    .pxl-bg-f8-bg {
    	color: $fourth_color;
    	background-color: $primary_color;    	
    }
    .pxl-bg-fou-pri, .pxl-bg-f8-pri, .pxl-bg-f2-pri {
    	background-color: $primary_color;
    }
    .pxl-bg-pri-six {
    	background-color: #1b1b1b;
    }
    .pxl-bg-fou-six {
    	background-color: $sixth_color;
    }
    .pxl-bg-pri-sec, .pxl-bg-pri-fou {
    	background-color: $secondary_color;
    }
    .pxl-bg-f8-26 {
    	background-color: #262626;
    }
    .pxl-bg-e6-2e, .pxl-bg-fou-2e {
    	background-color: rgba(39, 39, 39, 0.30);
    }
    .pxl-outline-hover-r,.pxl-outline-hover-l {
    	-webkit-text-stroke-color: #0f0f0f;
    	&:before {
    		-webkit-text-fill-color: $fourth_color;
    	}
    }
    .pxl-bg-2e-54 {
    	background-color: transparent;
    	&:hover {
    		color: $fourth_color;
    	}
    }
    .pxl-bg-f2-13 {
    	background-color: #131313;
    }
    .pxl-bg-pri-e6 {
    	background-color: #e6e6e6;
    }
    .pxl-color-white {
    	.pxl-hidden-panel-button .line {
    		background-color: $fourth_color;
    	}
    	.pxl-search-popup-button.pxl-divider {
    		border-color: $fourth_color;
    	}
    	.pxl-search-popup-button i {
    		color: $fourth_color;
    	}
    }
    .pxl-display-bl-none {
    	display: none;
    }
    .pxl-display-no-bl {
    	display: block;
    }
    .pxl-visibility-hi-vi {
    	opacity: 1;
    	visibility: visible;
    }
    .pxl-visibility-vi-hi {
    	opacity: 0;
    	visibility: hidden;
    }
    .pxl-overlay-gradient-bottom,.pxl-overlay-gradient-top {
    	background: linear-gradient(0deg, rgba(19, 22, 28, 0.00) 0%, #13161c 50%, rgba(19, 22, 28, 0.00) 95.2%);
    }
    .service {
    	.pxl-menu-primary {
    		a {
    			color: $fourth_color;
    		}
    	}
    }
    // section
    .pxl-bg-section-fou-pri {
    	&:before {
    		background-color: $primary_color;
    	}
    }
    .pxl-section-has-bg {
    	&.fou-pri, &.f2-pri, &.f8-pri {
    		&:before {
    			background-color: $primary_color;
    		}
    	}
    	&.f2-13 {
    		&:before {
    			background-color: #131313;
    		}
    	}
    	&.f2-18 {
    		&:before {
    			background-color: #181717;
    		}
    	}
    }
    .pxl-section-overlay-scroll {
    	&.fou-six {
    		.elementor-background-overlay {
    			background-color: $sixth_color;
    		}
    	}
    }
    // search popup
    #pxl-search-popup {
    	.pxl-item--logo .logo-dark {
    		display: block;
    	}
    	.pxl-item--logo .logo-light {
    		display: none;
    	}
    	.pxl-item--conent {
    		background-color: #000;
    		.pxl-item--close {
    			&:before,&:after {
    				background-color: $fourth_color;
    			}
    		}
    	}
    	.pxl--search-divider {
    		background-color: $fourth_color;
    	}
    	form {
    		.search-field,.search-submit {
    			color: $fourth_color;
    		}
    	}
    }
    .pxl-icon-box3 .pxl-icon--content {
    	background-color: $primary_color;
    	.dark {
    		display: block;
    	}
    	.light {
    		display: none;
    	}
    	.pxl-tab--des {
    		color: $fourth_color;
    	}
    	.pxl-item--button {
    		a {
    			color: $fourth_color;
    			svg path {
    				fill: $fourth_color;
    			}
    		}
    	}

    }
	// custom effects
	.title-line {
		background-color: $fourth_color;
	}
	.title-line:before {
		background-color: #212529;
	}

	.pxl-elementor-grid-ani {
		&:after {
			background-image: radial-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1px);
		}
		.grid-element {
			&:before {
				background-image: radial-gradient(rgba(255, 255, 255, 0.5) 3px, transparent 3px);
			}
			&:after {
				background-image: radial-gradient(rgba(255, 255, 255, 0.5) 2px, transparent 2px);
			}
		}
	}

	.pxl-elementor-slide-grid {
		.grid-element {
			&:before, &:after {
				background-color: rgba(#000000, 0.5);
			}
		}
	}

	.contact-form-booking1 {
		input[type="date"]::-webkit-calendar-picker-indicator {
			filter: invert(86%) sepia(7%) saturate(0%) hue-rotate(0deg) brightness(90%);
		}
	}

	// button
	button:not(.mfp-close, .rm-style-default, .search-submit, .wp-element-button, .mfp-arrow, .woosc-btn, .woosw-btn, .woosq-btn), .button {
		&:hover, &:focus, &:active, &:not([disabled]):not(.disabled).active, &:not([disabled]):not(.disabled):active {
			color: $secondary_color;
			background-color: $fourth_color;
		}
	}
	.btn-line {
		background-color: rgba($fourth_color_hex,0.1);
		&:before,&:after,span:after,span:before {			
			border-color: $fourth_color;
		}
		span {
			color: $fourth_color;
		}
		&:hover {        
			span {            
				color: $fourth_color;
			}
			&:before,&:after,span:after,span:before {
				width: calc(50% - 5px);
				height: calc(50% - 5px);
				border-color: $secondary_color;
			}
		}
	}
	.btn-default {
		svg {
			border-color: $fourth_color;
			path {
				fill: $fourth_color;
			}
		}
		&:hover, &:focus, &:active {
			color: $primary_color;
			&:after {
				background-color: rgba(255, 255, 255, 0.6);
			}
		}
	}
	.pxl-cart-sidebar-button {
		&:before {
			border-color: $fifth_color;
		}
		.top-bottom, .left-right {
			&:before, &:after {
				background-color: $fifth_color;
			}
		}
	}
	.pxl-cart-sidebar-button {
		color: $fifth_color;
		border-color: $fifth_color;
	}
	.pxl-btn-line {
		.btn-icon {
			.circle {
				border-color: $fourth_color;
			}
		}
		&:hover {
			.btn-text {
				color: $secondary_color;
			}
			.btn-icon {
				.line {
					background-color: $secondary_color;
				}
				.circle {
					border-color: $secondary_color;
				}
				.dot {
					background-color: $secondary_color;
				}
			}
		}
	}
	.pxl-btn-shine {
		&:hover, &:focus, &:active {
			color: $fourth_color;
		}
		&.shine-light {
			&:hover, &:focus, &:active {
				color: $primary_color;
			}
		}
	}
	.btn-border-running {
		&:hover, &:focus, &:active {
			color: $fourth_color;
		}
	}
	// header
	#pxl-wapper.header-fixed-left .pxl-ml-menu .menu-vertical {
		background-color: transparent;
	}
	.header-mobile-fixed {
		background: rgba(30, 31, 34, .9);
	}
	// Hiden Menu
	.pxl-nav-hidden {
		.pxl-menu-hidden {
			li {
				.pxl-menu-hidden-toggle {
					color: rgba($fourth_color_hex, 0.6);
				}
				a {
					color: rgba($fourth_color_hex, 0.6);
					span {
						color: rgba($fourth_color_hex, 0.6);
					}
					&:hover {
						color: $fourth_color;
					}
				}
				&.current-menu-ancestor {
					>a {
						color: $fourth_color_hex;
						span {
							color: $fourth_color_hex;
						}
					}
					.pxl-menu-hidden-toggle {
						color: $fourth_color;
					}
					.current-menu-item {
						>a {
							color: $fourth_color_hex;
							span {
								color: $fourth_color_hex;
							}
						}
					}
				}
			}
		}
	}
	// 
	@media #{$min-xl} {
		.pxl-menu-primary > li > a {
			color: rgba($fourth_color_hex, 0.7);
			&:hover {
				color: $fourth_color;
			}
			span {
				&:before {
					background-color: $fourth_color;
				}
			}
		}
		.pxl-menu-primary {
			.sub-menu, .children {
				li {
					&:hover > a {
						color: $fourth_color;
					}
					> a:hover,
					&.current_page_item > a,
					&.current-menu-item > a,
					&.current_page_ancestor > a,
					&.current-menu-ancestor > a {
						color: $fourth_color;
						i, &:after {
							color: $fourth_color;
						}
					}
					a {
						color: rgba($fourth_color_hex, 0.6);
					}
				}
				&.pxl-mega-menu {
					.elementor > section > .elementor-container {
						&::-webkit-scrollbar-track {
							background: #000;
						}
						&::-webkit-scrollbar-thumb {
							background-color: $griddark_color;
						}
					}
				}
			}
		}
	}
	// header tablet/mobile
	@media #{$max-lg} {
		.pxl-nav-mobile-button {
			span {
				background-color: $fifth_color;
			}
		}
		.pxl-header-menu {
			background-color: $primary_color;
		}
		.pxl-menu-primary {
			border-top: 1px solid #343434;
			li {
				a {
					border-bottom: 1px solid #343434;
					color: $fourth_color;
				}
				> a:hover,
				> a.current,
				&.current_page_item > a,
				&.current-menu-item > a,
				&.current_page_ancestor > a,
				&.current-menu-ancestor > a {
					color: $secondary_color;
					border-left-color: $secondary_color;
				}
			}
		}
	}
	.pxl-nav-menu {
		&.pxl-menu-parallax {
			.pxl-menu-primary.menu-parallax {
				li {
					.pxl-menu-toggle {
						&:before {
							color: $fourth_color;
						}
					}
					a {
						color: $fourth_color;
					}	
				} 
			}
		}
		.pxl-menu-primary > li {
			&.menu-item-has-children > a {
				.caseicon-angle-arrow-down {
					color: $fifth_color;
				}
			}
		}
		&.pxl-nav-menu1 {
			.menu-style2 {
				a {
					&:hover {
						&:after {
							color: $secondary_color;
						}
					}
					&:after {
						color: #fff;
					}
				}
			}
			.menu-vertical {
				> li:first-child {
					> .sub-menu {
						> li:first-child {
							a {
								border-top: 1px solid $griddark_color;
							}
						}
					}
				}
				li {
					border-color: #1f1f22;
					a {
						color: rgba(#fff, 0.7);
						&:hover {
							color: #fff;
						}
					}
				}
			}
		}
	}
	#pxl-header-default, #pxl-header-mobile {
		.pxl-header-branding, .pxl-logo-mobile {
			.logo-light {
				opacity: 0;
				visibility: hidden;
			}
			.logo-dark {
				opacity: 1;
				visibility: visible;
			}
		}
	}
	.pxl-menu-toggle {
		color: $fourth_color;
	}
	.pxl-header-menu-scroll {
		.pxl-close {
			&:before, &:after {
				background-color: $fourth_color;
			}
			&:hover {
				&:before, &:after {
					background-color: $fourth_color;
				}
			}
		}
	}
	&.blog, &.single-post {
		#pxl-main {
			background-color: $bgdark_color;
		}
	}
	&.single-post .pxl-item-single-post .pxl-item--meta.blog-single span {
		color: $fourth_color;
	}
	// post
	.pxl-item--archive,.pxl-blog-grid {
		.item--title a {
			background-image: linear-gradient(to right, $secondary_color, $secondary_color 50%, $fourth_color 50%);	
			&:hover {
				background-position: 0;
			}		
		}
		.pxl-item--author {
			a {
				&:hover {
					color: $secondary_color;
				}
			}
		}
	}
	.pxl-item--archive, .pxl-item-single-post, .pxl-related-post, .pxl-blog-list {
		border-color: #2e2e2e;
		.item--meta, .pxl-item--meta {
			li {				
				+ li:before {
					background: $secondary_color;
				}
				a {
					color: $fifth_color;
					&:hover {
						@include text-decoration(underline $fifth_color);
					}
				}
			}
		}
	}
	.pxl--post-footer {
		border-color: #2e2e2e;
	}
	.pxl-post--navigation {
		border-color: #2e2e2e;
		.label--prev, .label--next {
			color: $fifth_color;
		}
		.item--prev, .item--next {
			.nav--title {
				&:before, &:after {
					color: $fifth_color;
				}
			}
		}
		.nav--line {
			background-color: $secondary_color;
		}
		.pxl-show--all {
			.svg-hover {
				rect {
					stroke: $secondary_color;
				}
			}
			.svg-main {
				rect {
					stroke: $fourth_color;
				}
			}
		}
		.pxl--item {
			.pxl--link {
				.line {
					background-color: $fourth_color;
				}
				.circle {
					border-color: $fourth_color;
				}
			}
			&.pxl--item-prev {
				.pxl--link {
					.dot {
						border-right: 10px solid $fourth_color;
					}
				}
			}
			&.pxl--item-next {
				.pxl--link {
					.dot {
						border-left: 10px solid $fourth_color;
					}
				}
			}
		}
	}
	.pxl--author-info {
		background-color: #262626;
		.entry-author-meta {
			.author-position {
				color: $fifth_color;
			}
		}
	}
	.comment-form-cookies-consent {
		color: #afb3ae;
		label {
			&:before {
				background-color: transparent;
				border-color: $secondary_color;
			}
			&:after {
				color: $fifth_color;
			}
		}
	}
	.pxl-portfolio-grid-layout2 {
		.pxl-item--author {
			span {
				color: $fourth_color;
			}
		}
	}
	.pxl-portfolio-grid-layout1 {
		.item--content {
			background-color: rgba($primary_color_hex, 0.5);
		}
		.pxl-item--author {
			span {
				color: $fourth_color;
			}
		}
	}
	// comment
	.comment-inner {
		.comment-content:before {
			border-right: 15px solid $secondary_color;
		}
	}
	.comment-list-wrap + .comment-respond {
		border-color: $secondary_color;
	}
	//grid filter
	.pxl-grid-filter1 {
		.filter-item {
			border-color: $third_color;
			&.active, &:hover {
				color: $secondary_color;
			}
		}
	}
	.filter-line {
		background-color: $secondary_color;
	}
	// page numbers
	.page-links {
		.post-page-numbers {
			color: $primary_color;
			background-color: $fifth_color;
			&.current, &:hover {
				background-color: $fourth_color;
			}
		}
	}
	.pxl-pagination-wrap {
		.pxl-pagination-links {
			.page-numbers {
				color: $fourth_color;
			}
		}
	}
	// breadcrumb
	.pxl-breadcrumb {
		a:before {
			color: $fifth_color;
		}
	}
	// 404
	&.error404 {
		#pxl-wapper {
			&:before {
				background: -webkit-gradient(linear, left bottom, left top, color-stop(56.29%, $sixth_color), color-stop(110.1%, #1b1b1b00));
				background: -o-linear-gradient(bottom, $sixth_color 56.29%, #1b1b1b00 110.1%);
				background: linear-gradient(bottom, $sixth_color 56.29%, #1b1b1b00 110.1%);
			}
		}
		#pxl-content-main {
			.pxl-error-inner {
				.pxl-error-excerpt {
					color: $fourth_color;
				}
				.search-form {
					::-webkit-input-placeholder {
						color: #b2b2b2;
					}
					::-moz-placeholder {
						color: #b2b2b2;
					}
					:-ms-input-placeholder {
						color: #b2b2b2;
					}
					:-moz-placeholder {
						color: #b2b2b2;
					}
					:placeholder {
						color: #b2b2b2;
					}
					.search-field {
						color: $fourth_color;
					}
					.search-submit {
						color: #b2b2b2;
						&:hover {
							color: $fourth_color;
						}
					}
				}
			}
		}
	}
	.pxl-wapper-has-bg {
		&:before {
			background: -webkit-gradient(linear, left bottom, left top, color-stop(56.29%, $sixth_color), color-stop(110.1%, #1b1b1b00));
			background: -o-linear-gradient(bottom, $sixth_color 56.29%, #1b1b1b00 110.1%);
			background: linear-gradient(0deg, $sixth_color 56.29%, #1b1b1b00 110.1%);
		}
	}
	.pxl-anchor-wrap {
		.pxl-anchor {
			.pxl-anchor-icon.custom {
				span {
					background-color: $fourth_color;
				}
			}
			&.cliked {
				.pxl-anchor-icon.custom {
					span {
						background-color: $fourth_color;
					}
				}
			}
		}
		.pxl-circle {
			// background-color: rgba(#000, 0.5);
		}
	}
	.pxl-anchor-bg {
		&:after {
			background: rgba(#000, .8);
		}
	}
	#pxl-footer-default {
		background-color: #272727;
	}
	.pxl-scroll-top {
		border-color: $fourth_color;
		&:before {
			background-color: $fourth_color;
		}
		a {
			color: $fourth_color;
		}
	}
	//widget
	#pxl-main .widget ul li a {
		&:before {
			color: $fifth_color;
			border-color: $fifth_color;
		}
	}
	.widget-title, .wp-block-group__inner-container > h2 {
		span {
			color: $fourth_color;
		}
	}
	.widget_pxl_recent_posts .pxl--item .pxl-item--meta .pxl-item--category a {
		color: $fifth_color;
		&:hover {
			@include text-decoration(underline $fifth_color);
		}
	}
	#pxl-main .widget_categories ul li a {
		&:after {
			color: $fourth_color;
		}
	}
	.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a {
		color: $fourth_color;		
		&:after {
			background-color: $fourth_color;
		}
	}
	.widget ul li, .widget ol li {
		border-color: #2e2e2e;
		ul.children {
			> li {
				border-color: #2e2e2e;
				&:last-child {
					border-color: #2e2e2e;
				}
			}
		}
	}
	.widget_nav_menu .sub-menu > li:first-child + li {
		border-color: #2e2e2e !important;
	}
	.wp-block-calendar, .widget_calendar {
		table {
			> caption {
				border-color: #2e2e2e;
			}
			tbody {
				color: #afb3ae;
			}
		}
		.wp-calendar-nav {
			border-color: #2e2e2e;
			a {
				color: $secondary_color;
				&:hover {
					@include text-decoration(underline $secondary_color);
				}
			}
		}
	}
	.wp-block-calendar {
		table th {
			color: $primary_color;
			background-color: $fifth_color;
		}
		tbody td, th {
			border-color: $secondary_color;
		}
	}
	.widget_recent_comments {
		ul li:before {
			color: $fifth_color;
		}
	}
	.widget_block {
		.widget-content {
			.wp-block-search__label {
				color: $fourth_color;
			}
		}
	}
	.widget_rss {
		li:after {
			background-color: #2e2e2e;
		}
	}
	.widget_search, .wp-block-search, .no-results.not-found {
		.search-field, .wp-block-search__input {			
			background-color: $sixth_color;
			&:focus {
				color: $fourth_color;
				border-color: $secondary_color;
			}
		}
	}
	.wp-block-pullquote {
		blockquote, cite, p {
			color: $fourth_color;
		}
	}
	p[style="color:#1e0566"] {
		color: $fourth_color !important;
	}
	.wp-block-table {
		&.is-style-stripes {
			border-color: #2e2e2e;
			tbody tr:nth-child(odd) {
				color: $primary_color;
			}
		}
	}
	//pagination
	.pxl-swiper-dots {
		&.pxl-swiper-pagination-progressbar {
			background-color: $secondary_color;
			.swiper-pagination-progressbar-fill {
				background: $fifth_color;
			}
		}
	}

/*--------------------------------------------------------------
# elements
--------------------------------------------------------------*/
	//text marquee
	.pxl-text-marquee1 {
		.pxl-item--logo {
			&.light  {
				display: none;
			}
			&.dark {
				display: block;
			}
		}		
		.pxl-item--text {
			color: $fourth_color;
			&.text-outline {
				-webkit-text-stroke-color: $fourth_color;
				&:before {
					-webkit-text-fill-color: $fourth_color;					
				}
			}
		}
	}
	// team
	.pxl-team-grid1, .pxl-team-carousel1 {
		.pxl-item--position {
			color: $fourth_color;
		}
		.pxl-item--social {
			a {
				border-color: $fourth_color;	
			}
		}
	}
	.pxl-gallery-carousel4 .pxl-swiper-slide .item--image::after {
		background: linear-gradient(0deg, rgba(19, 22, 28, 1) 0%, rgba(19, 22, 28, 0.00) 95.2%);
	}
	//navigation
	.pxl-navigation-carousel.style2 .pxl-navigation-arrow i {
		color: $fourth_color;
	}
	// package 
	.pxl-package-grid1 {
		.pxl-grid-inner {
			.pxl-grid-item {
				.pxl-item--inner {
					background: linear-gradient(0deg, #212121 0%, #151515 61.02%);
					.pxl-item--position {
						color: #9d9d9d;						
					}
					.pxl-options {
						span {
							color: #9d9d9d;
							svg path  {
								fill: #fff;
							}
						}
					}
					.pxl-item--sub-option {
						color: $fourth_color;
					}
					.pxl-item--bottom {
						.pxl-item--metas {
							.pxl-item--time {
								color: $fourth_color;
							}
						}
					}
				}
			}
		}
	}
	// user
	.pxl-user {
		.pxl-user-desc, .pxl-user-form .field-group .field-rememberme label {
			color: $fourth_color;			
		}
	}
	// .pxl-pricing
	.pxl-pricing1 {		
		&:after {
			background: linear-gradient(180deg, #151515 0%, #212121 100%);
		}
		&:before {
			background: linear-gradient(180deg, #141414 0%, #3e3a3a 100%);				
		}
		.pxl-item--feature {
			div {
				color: #9d9d9d;
				svg {
					path {
						fill: $fourth_color;
					}
				}
			}
		}
		.pxl-item--time {
			color: $fourth_color;
		}
	}
	//contact info
	.pxl-contact-info1 {
		.pxl-item--title,.pxl-item--description {
			color: $fourth_color;
			a:hover {
				color: $secondary_color;
			}
		}
	}
	.pxl-contact-info2  {
		.pxl-item--description {
			color: $fifth_color;		
		}
		.btn {
			&:before {
				background-color: $fourth_color;
			}
		}	
	}
	// link
	.pxl-list {
		.pxl-item--icon {
			i {
				color: $fourth_color;
			}
		}
	}
	// widget logo
	.pxl-logo {
		.logo-light {
			opacity: 0;
			visibility: hidden;
		}
		.logo-dark {
			opacity: 1;
			visibility: visible;
		}
	}
	.pxl-link li i {
		color: $fourth_color;
	}
	.pxl-row-divider-vertical1 .pxl-divider-vertical > div {
		background-color: rgba(55,55,55,0.57);
	}
	// width showcase
	#showcase-slider-holder .pxl-item--social a {
		color: $fourth_color;
		&:hover {
			background-color: $fourth_color;
			color: $secondary_color;
			transform: rotate(90deg) translateY(-3px);
		}
	}
	// widget heading
	.pxl-heading .pxl-heading--inner .pxl-item--title.outline .pxl-text-line-backdrop svg, .wp-title .pxl-heading--inner .pxl-item--title.outline .pxl-text-line-backdrop svg {
		stroke: $fourth_color;
	}
	.pxl-heading, .wp-title {
		.pxl-item--subtitle span, .el--sub-title {
			color: $fourth_color;
			.pxl-sub--highlight {
				color: $secondary_color;
			}
		}
		.pxl-heading--inner {
			.pxl-item--subtitle.style2 {
				background-color: rgba($fourth_color_hex, .1);
				span {
					color: $secondary_color;
				}
			}
			.pxl-item--title {
				&.divider-left,
				&.divider-top {
					&:before {
						background-color: $fifth_color;
					}
				}
				&.divider-right {
					&:after {
						background-color: $fifth_color;
					}
				}
				&.divider-bottom {
					&:after {
						background-color: $fourth_color;
					}
				}
			}
		}
	}
	.pxl-heading {
		&.pxl-section-scroll {
			.pxl-item--title {
				color: #212121;
			}
		}
	}
	// widget search icon
	.pxl-search-popup-button, .pxl-wishlist-button {
		&.pxl-divider {
			border-color: $fifth_color;
		}
	}
	// contact form
	.pxl-contact-form form:before {
		border-color: transparent $fourth_color transparent $fourth_color;
	}
	.pxl-contact-form1 {
		.btn-default {
			&:hover {
				color: $primary_color;
			}
		}
		&.style2 {
			background: -webkit-linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
			background: -moz-linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
			background: linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
			&:before {
				background: -webkit-linear-gradient(180deg, #151515 0%, #212121 100%);
				background: -moz-linear-gradient(180deg, #151515 0%, #212121 100%);
				background: linear-gradient(180deg, #151515 0%, #212121 100%);
			}
		}
		.contact-form-custom2 {
			.button-contact {
				.btn-form {
					.btn {
						&.btn-line {
							background-color: rgba($fourth_color_hex, 0.1);
							&:before,&:after {
								border-color: $fourth_color;
							}
							.btn-text {
								&:before,&:after {
									border-color: $fourth_color;
								}
							}
						}
					}
				}
			}
		}
		.contact-form-custom1,.contact-form-custom2 {
			.wpcf7-form-control-wrap {
				::-webkit-input-placeholder {
					color: rgba($fourth_color_hex,0.3);
				}
				::-moz-placeholder {
					color: rgba($fourth_color_hex,0.3);
				}
				:-ms-input-placeholder {
					color: rgba($fourth_color_hex,0.3);
				}
				:-moz-placeholder {
					color: rgba($fourth_color_hex,0.3);
				}
				:placeholder {
					color: rgba($fourth_color_hex,0.3);
				}
			}
			.wpcf7-submit {
				&:hover, &:focus, &:active {
					color: $secondary_color;
				}
			}
		}
	}
    // widget search box
    .pxl-search-box {
    	&.layout1 {
    		.search-submit {
    			&:after {
    				color: $fifth_color;
    			}
    			&:hover {
    				&:after {
    					color: $fourth_color;
    				}
    			}
    		}
    	}
    }
    // widget counter
    .pxl-counter, .pxl-counter1.style1, .pxl-counter1.style2 {
    	.pxl--counter-prefix, .pxl--counter-value, .pxl--counter-suffix, .pxl--item-title {
    		color: $fourth_color;
    	}
    }
    .pxl-tab-icon-box1 {
    	.pxl-tab--content {
    		background-color: $primary_color;
    		.image-dark {
    			display: block;
    		}
    		.image-light {
    			display: none;
    		}
    		.pxl-tab--des,.btn {
    			color: $fourth_color;
    		}
    		.btn {
    			svg path {
    				stroke: $fourth_color;
    			}
    		}
    	}
    	.pxl-tab--title {
    		.button-arrow-hover {
    			svg {
    				path {
    					fill: $fourth_color;
    				}
    			}
    		}
    		.label {
    			color: $fourth_color;    			
    		}
    	}
    }
    // widget list
    .pxl-list {
    	.pxl-list--content:before {
    		border-color: $fifth_color;
    	}
    	.pxl-list--content {
    		a {
    			&:hover {
    				color: $secondary_color;
    			}
    		}
    	}
    	&.style2 .pxl-list--content:before {
    		color: $third_color;
    	}
    }
    // widget blockquote
    .pxl-blockquote {
    	.pxl-blockquote--inner {
    		background: #000000;
    	}
    }
    // widget icon box
    .pxl-icon-box1 {
    	.pxl-item--icon {
    		border-color: #2e2e2e;
    	}
    	.pxl-item--title {
    		color: #b2b2b2;
    	}
    }
    .pxl-icon-box3 {
    	.pxl-item--button {
    		a {
    			color: $primary_color;
    		}
    	}
    }
    // tabs
    .pxl-tabs {
    	.pxl-tabs--inner {
    		.pxl-tabs--title {
    			.pxl-tabs-heading {
    				.pxl-tab--sub,.pxl-tab--heading {
    					color: $fourth_color;
    				}
    			}	
    			.pxl-tab--title {
    				.pxl-title--text {
    					color: $fourth_color;
    				}    				
    				.button-arrow-hover {
    					svg {
    						&:first-child {
    							path {
    								fill: $fourth_color;
    							}	
    						}
    					}
    				}
    			}
    		}	
    	}
    }
    // widget meta box
    .pxl-meta-box1 {
    	.list--item {
    		&:before {
    			color: $fourth_color;
    		}
    		a {
    			&:before {
    				background-color: #6b6768;
    			}
    		}
    		&.active {
    			&:before {
    				color: $fourth_color;
    			}
    			a {
    				&:before {
    					background-color: $secondary_color;
    				}
    			}
    			.item--title {
    				color: $fourth_color;
    			}
    		}
    	}
    	.item--title {
    		color: #d3d3d6;
    	}
    }
    // widget pagination
    .pxl-pagination1 {
    	&.arrow-long {
    		.pxl--item {
    			.btn-nav {
    				color: $fourth_color;
    				&:after {
    					background-color: $fourth_color;
    				}
    			}
    			svg {
    				path {
    					fill: $fourth_color;
    					stroke: $fourth_color;
    				}
    			}
    		}
    	}
    	a.btn-nav {
    		color: $fourth_color;
    	}
    	i {
    		color: $fourth_color;    		
    	}
    }
    // widget testimonial
    .pxl-item--star i {
    	color: $secondary_color;
    }
    .pxl-testimonial-carousel1 {
    	.pxl-item--inner {
    		background-color: #191919;
    	}
    }
    // widget image single
    .pxl-image-ink {
    	&:after {
    		background-image: url(../img/ink-transition-dark.png);
    	}
    }
    // widet partner
    .pxl-partner1, .pxl-partner-carousel1 {
    	.pxl-item--image {
    		svg {
    			path {
    				fill: #545454;
    			}
    		}
    		&:hover {
    			svg path {
    				fill: $secondary_color;
    			}
    		}
    	}
    }
    // widet product categories carousel
    .pxl-product-categories-carousel1 {
    	.item--count {
    		color: $fifth_color;
    	}
    	.pxl-item--inner {
    		&:hover {
    			.item--title {
    				color: $fifth_color;
    			}
    		}
    	}
    }
    // widget opening hours
    .pxl-opening-hours1 {
    	.item--line {
    		background-color: $secondary_color;
    	}
    	.item--content {
    		color: $fifth_color;
    	}
    }
    // widget countdown
    .pxl-countdown {
    	.countdown-item:after {
    		color: $fourth_color;
    	}
    }
    // widget instagram
    .pxl-instagram-carousel1 {
    	.pxl-item--title {
    		color: $fifth_color;
    		&:after {
    			background: $fifth_color;
    		}
    	}
    	.pxl-item--link {
    		color: $fifth_color;
    	}
    }
    // widget post carousel
    .pxl-service-carousel1 {
    	.pxl-item--inner {
    		background-color: #1e1e1e;
    		border-color: #2c2c2c;
    		.item--count {
    			color: $fifth_color;
    		}
    		&:hover {
    			.item--icon {
    				.logo-light {
    					opacity: 1;            
    					transform: scale(1);
    				}
    				.logo-dark {
    					opacity: 0;            
    					transform: scale(0);
    				}
    			}
    		}
    		.item--icon {
    			.logo-light {
    				opacity: 0;            
    				transform: scale(0);
    				svg {
    					rect,path {
    						fill: #fff;
    					}               
    					mask {
    						+ g {
    							path {
    								stroke: #fff;
    								fill: unset;
    							}
    						}
    					}    
    				}

    			}
    			.logo-dark {  
    				opacity: 1;            
    				transform: scale(1);
    			}	
    		}
    	}
    }
    .pxl-service-carousel2 {
    	.pxl-swiper-slide {
    		border-left: 1px solid rgba($fifth_color_hex, 0.25);;
    	}
    	.pxl-item--inner {
    		.item--icon {
    			.logo-light {
    				opacity: 0;            
    				transform: scale(0);
    			}
    			.logo-dark {  
    				opacity: 1;            
    				transform: scale(0.7);
    			}	
    		}
    	}
    }
    .pxl-card-shadow {
    	.pxl-swiper-container {
    		&:before {
    			background: rgba(196, 196, 196, 0.08);
    		}   
    		&:after {
    			background-color: rgba(196, 196, 196, 0.05);
    		}
    	}
    }
    .pxl-row-divider-vertical1 .pxl-divider-vertical > div:before {
    	background: linear-gradient(0deg, rgba($fourth_color_hex, 0.5) 0%, rgba(255, 255, 255, 0.00000001) 100%);
    }
    // widget icon
    .pxl-icon1.style4 {
    	a {
    		border-color: $sixth_color;
    		i {
    			color: $fourth_color;
    		}
    	}
    }
    .pxl-mailchimp.style-default {
    	input {
    		&::-webkit-input-placeholder {
    			color: rgba(#b2b2b2, 0.4);
    		}
    		&::-moz-placeholder {
    			color: rgba(#b2b2b2, 0.4);
    		}
    		&::-ms-input-placeholder {
    			color: rgba(#b2b2b2, 0.4);
    		}
    		&::-moz-placeholder {
    			color: rgba(#b2b2b2, 0.4);
    		}
    		&::placeholder {
    			color: rgba(#b2b2b2, 0.4);
    		}
    	}
    	[type="email"] {
    		background-color: rgba(#272727, 0.3);
    	}
    	[type="submit"] {
    		background-color: rgba(#272727, 0.3);

    	}
    }
    // widget showcase
    .pxl-showcase {
    	.image-light {
    		display: none;
    	}
    	.image-dark {
    		display: block;
    	}
    	.notification, .item--link {
    		color: $fourth_color;
    		background-color: $secondary_color;
    	}
    	.pxl-item--title a {
    		border: none;
    		&:hover {
    			color: $secondary_color;
    		}
    	}
    }
	// widget google map
	.pxl-widget-google-maps {
		&:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: #fff;
			pointer-events: none;
			mix-blend-mode: color;
			z-index: 1;
		}
	}
	// widget text editor
	.pxl-text-editor {
		.pxl-item--inner {
			color: $fifth_color;
			.pxl-edit--highlight {
				color: $fourth_color;
			}
		}
	}
	// widget post grid
	.pxl-blog-grid-layout1,.pxl-post-carousel1 {
		.pxl-item--inner {
			border-color: $sixth_color;
		}
		.pxl-item--author {
			color: $fifth_color;
		}
		.item--title {
			a {
				background-image: linear-gradient(to right, var(--secondary-color), var(--secondary-color) 50%, var(--fourth-color) 50%);				
			}
		}
		.item--meta {
			li {
				color: #b2b2b2;
			}
		}
	}
	.pxl-blog-grid-layout2 {
		.item--content {
			border-color: #3f3f3f;
		}
		.item--meta {
			li {
				color: #b2b2b2;
			}
		}
	}
	// widget image box
	.pxl-image-box2 {
		.logo-light {
			display: none;
		}
		.logo-dark {
			display: block;
		}
	}
	.pxl-image-box3 {
		.image--reveal {
			svg {
				path {
					fill: $fourth_color;
				}
			}
		}
	}
	// widget slider
	#showcase-slider-holder {
		.wp-arrow {
			.pxl-swiper-dots {
				.pxl-swiper-pagination-bullet {
					&.swiper-pagination-bullet-active {
						border-color: $fourth_color;
					}
					&:before {
						background-color: $fourth_color;
					}
				}
			}
			.pxl-swiper-arrow {
				color: $fourth_color;
			}
			.arrow-divider {
				background-color: rgba($fourth_color_hex, 0.3);
			}
		}
	}
	.pxl-swiper-sliders {
		.pxl-slider-bottom {
			.logo {
				color: $fourth_color;
			}
			.pxl-item--social {
				a {
					color: $fourth_color;
					border-color: $fourth_color;
				}
			}
			.pxl-swiper-dots {
				.pxl-swiper-pagination-bullet {
					&.swiper-pagination-bullet-active {
						border-color: $fourth_color;
					}
					&:before {
						background-color: $fourth_color;
					}
				}
			}
			.wp-arrow {
				.pxl-swiper-arrow {
					color: $fourth_color;
				}
				.arrow-divider {
					background-color: rgba($fourth_color_hex, 0.3);
				}
			}
		}
	}
	.pxl-slider-carousel4 {
		.btn-line {
			&:nth-child(1) {
				span {
					color: $primary_color;
				}
			}
		}
	}
	.pxl-slider-carousel7 {
		.pxl-carousel-inner {
			.pxl-item--title,.pxl-item--subtitle {
				color: $fourth_color;
			}
			&:after {
				background: linear-gradient(0deg, #000 53.86%, rgba(#000, 0.00) 95.2%);
			}	
		}
	}
	.pxl-slider-carousel2 {
		background-color: #121212;
		.img-light {
			display: none;
		}
		.img-dark {
			display: block;
		}
		.pxl-swiper-dots {
			.pxl-swiper-pagination-bullet {
				background-color: $fourth_color;
			}
		}
		.pxl-left-pane {
			.pxl-anchor-icon.custom {
				span {
					background-color: $fourth_color;
				}
			}
		}
		.pxl-item--social {
			svg {
				fill: #fff;
			}
		}
		.pxl-item--title {
			background-color: rgba(#000, 0.5);
		}
		.pxl-item--title, .pxl-item--subtitle {
			color: $fourth_color;
		}
		.pxl-item--title-outline {
			-webkit-text-stroke-color: #2f2f2f;
		}
		.pxl-item-layer {
			.light-image {
				display: none;
			}
			.dark-image {
				display: block;
			}	
		}
	}
	.pxl-slider-carousel3 {
		.pxl-title-logo {
			.logo {
				color: $fourth_color;
			}
		}
		.pxl-item--social {
			a {
				color: $fourth_color;
				border-color: $fourth_color;
			}
		}
		.mask--content {
			-webkit-filter: contrast(100%);filter: contrast(100%);
		}
		.pxl-slide-background .mask--content {
			-webkit-filter: brightness(0.7);filter: brightness(0.7);
		}
	}
	.pxl-slider-carousel6 {
		.img-light {
			display: none;
		}
		.img-dark {
			display: inline-block;
		}
		.content--line {
			background-color: #d9d9d9;
		}
	}
	.pxl-slider-carousel8 {
		.img-light {
			visibility: hidden;
		}
		.img-dark {
			visibility: visible;
		}
		.wp-arrow {
			.pxl-swiper-arrow {
				&:before {
					background: linear-gradient(270deg, #232323 0%, #101011 100%);
				}
				&.pxl-swiper-arrow-next {
					&:before {
						background: linear-gradient(90deg, #232323 0%, #101011 100%);
					}
				}
			}
		}
	}
	.pxl-slider-carousel11 {
		.pxl-item--content {
			.pxl-item--subtitle {
				color: $fourth_color;
			}
			.pxl-item--title {
				&:before,&:after {
					background-color: $fourth_color;
				}
			}
		}
	}
	//widget post detail
	.pxl-post-detail {
		.item--content {
			color: #b2b2b2;
			a {
				color: inherit;
				&:hover {
					color: $secondary_color;
				}
			}
		}
		.widget-social {
			a {
				color: $fourth_color;
				background-color: #545454;
			}
		}
	}
	//widget progressbar
	.pxl-progressbar-1 {
		.pxl--item {
			.pxl--title, .pxl--percentage {
				color: #e6e6e6;
			}
		}
	}
	.pxl-service-grid-layout1 {		
		.pxl-item--inner {
			border-color: #2c2c2c;
			background-color: #1e1e1e;	
			.item--icon {
				.logo-light {
					path {
						fill: $fourth_color;
					}
				}
			}
			.item--count {
				color: $fourth_color;
			}	
		}
	}

	.nice-select .option {
		color: $fifth_color;
		&:hover {
			color: $primary_color;
		}
	}

/*--------------------------------------------------------------
# woocommerce
--------------------------------------------------------------*/
.blockui {
	background-color: rgba(#232323, 0.9);
	&:before {
		border-color: transparent #fff transparent #fff;
	}
}
.woocommerce .pxl-sidebar-shop .widget_product_tag_cloud a {
	color: #fff;
	&:hover {
		color: $secondary_color;
	}
}
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
	background-color: $secondary_color;
	color: #fff;
	&:hover {
		background-color: #fff;
		color: $secondary_color;
	}
}
&.woocommerce .star-rating span {
	color: #B90808;
}
.woocommerce-product-rating .woocommerce-review-link {
	color: $fourth_color;	
}
&.woocommerce ins {
	color: $fourth_color;
}
.woocommerce-topbar {
	.woocommerce-result-count {
		color: $fifth_color;
	}
}
&.woocommerce, &.woocommerce-page, .woocommerce {
	#respond input#submit.alt, #respond input#submit, a.button, a.wc-forward, button.button, input.button, .cart button.button, a.button.alt, .form-row button.button.alt  {
		color: $primary_color;
		background-color: $fourth_color;
		&:hover, &:focus, &:active, &:not([disabled]):not(.disabled).active, &:not([disabled]):not(.disabled):active {
			color: $fourth_color;
			background-color: $secondary_color;
		}
	}
	.widget_price_filter .price_label {
		color: $fifth_color;		
	}
	.widget.widget_products {
		.wg-product-holder {
			color: $fifth_color;
		}
	}
	.woocommerce-message, .woocommerce-info {
		color: $fifth_color;
		background-color: #000000;
		&:before {
			color: $fifth_color;
		}
	}
	.woocommerce-product-inner {
		&:before {
			border-color: $secondary_color;
		}
		.woocommerce-product-header {
			background-color: #2c2c2c;
		}
		.woocommerce-product--price {
			.price {
				color: #9d9d9d;
			}
		}
	}
	ul.products {
		li.product {
			.woocommerce-product--title a:hover {
				color: $secondary_color;
			}
			.price {
				ins {
					color: $fifth_color;
				}
			}
		}
		&.pxl-products-list {
			.woocommerce-product-inner {
				background-color: #212121;
			}
		}
	}
	.pxl-sidebar-shop {
		.widget {
			ul li, ol li {
				a {
					color: $fourth_color;
				}
			}
		}
		.widget_product_search {
			.search-field {
				border-color: #2e2e2e;
				background-color: #2e2e2e;
			}
			::-webkit-input-placeholder {
				color: $fourth_color;
			}
			::-moz-placeholder {
				color: $fourth_color;
			}
			:-ms-input-placeholder {
				color: $fourth_color;
			}
			:-moz-placeholder {
				color: $fourth_color;
			}
			:placeholder {
				color: $fourth_color;
			}
		}
		.widget_product_categories {
			.cat-item {
				&.active a {
					color: $fourth_color;
					&:after {

					}
				}
			}
		}
		.widget_products {
			ul li {
				.wg-product-image {
					background-color: $primary_color;
				}
			}
		}
		.widget_layered_nav {
			.wc-layered-nav-term {
				&:before {
					background-color: $fourth_color;
				}
				&:after {
					border-color: #545454;
				}
				.count {
					color: #ffffff;
				}
			}
		}
	}
	nav.woocommerce-pagination ul.page-numbers {
		.page-numbers {
			color: $fourth_color;
			&.current, &:hover {
				color: $secondary_color;
				background-color: #2e2e2e;
			}
		}
	}
	.quantity .qty {
		color: $fourth_color;
	}
	.quantity-icon i {
		color: $fourth_color;
		&:hover {
			color: $fifth_color;
		}
	}
	table.shop_table {
		td, tfoot th {
			border-color: $secondary_color;
		}
	}
}
.woocommerce-archive-layout {
	.archive-layout {
		&.layout-grid {
			&:before {
				content: url(../img/grid-dark.png);
			}
		}
		&.layout-list {
			&:before {
				content: url(../img/list-dark.png);
			}
		}
		&:hover, &.active {
			&.layout-grid {
				&:before {
					content: url(../img/grid-active.png);
				}
			}
			&.layout-list {
				&:before {
					content: url(../img/list-active.png);
				}
			}
		}
	}
}
&.single-product {
	#primary div.product {
		.entry-summary {
			.price {
				color: $fourth_color;
				ins {
					color: $fourth_color;
				}
			}
			.woocommerce-sg-product-excerpt .woocommerce-product-details__short-description {
				color: #b2b2b2;
			}
			form.cart {
				.quantity-label {
					color: $fourth_color;
				}
				a.added_to_cart.wc-forward, .wooc-product-meta button {
					&:hover {
						&:before {
							color: $secondary_color;
						}
					}
				}
			}
			.single_add_to_cart_button {
				&:after {
					color: $primary_color;
				}
				&.loading {
					color: transparent;
					background-color: $fourth_color;
					&:hover, &:focus, &:active {
						color: transparent;
						background-color: $fourth_color;
					}
				}
				&:hover, &:focus, &:active {
					color: $fourth_color;
				}
			}
			.product_meta {
				> div {
					color: $fourth_color;
					span, a {
						color: $fifth_color;
					}
					a {
						&:hover {
							color: $secondary_color;
						}
					}
				}
				.tagged_as {
					a {
						&:after {
							background-color: $fifth_color;
						}
					}
				}
			}
			.woocommerce-social-share {
				label {
					color: $fourth_color;
				}
			}
		}
		.woocommerce-tabs {
			ul.wc-tabs {
				border-color: $third_color;
				li {
					a {
						color: $fourth_color;
					}
					&.active > a {
						color: $secondary_color;
					}
					a:hover {
						color: $secondary_color;
					}
				}
			}
			.woocommerce-tabs-panel {
				&.woocommerce-tabs-panel--description {
					color: $fifth_color;
				}
				.shop_attributes {
					border-color: $third_color;
					th {
						color: $fourth_color;
					}
					td {
						color: $fifth_color;
					}
					tr {
						+ tr {
							box-shadow: 0 -1px $third_color;
						}
					}
				}
			}
			.woocommerce-tabs-panel--reviews {
				#reviews {
					border-color: $third_color;
					ol.commentlist li.review .meta {
						.woocommerce-review__author {
							color: $fourth_color;
						}
					}
				}
				.comment-reply-title {
					color: $fourth_color;
				}
			}
		}
	}
	.woocommerce-product-info-delivery {
		border-color: $secondary_color;
		.product-info-delivery i {
			color: $fifth_color;
		}
	}
}
&.woo-variation-swatches .variable-items-wrapper {
	.variable-item:not(.radio-variable-item) {
		border-color: $secondary_color;
		&.button-variable-item {
			color: $fourth_color;
		}
		&:hover, &:focus {
			color: $fifth_color;
			border-color: $fifth_color;
			background-color: transparent;
		}
		&.button-variable-item.selected:not(.no-stock) {
			color: $fifth_color;
			border-color: $fifth_color;
		}
	}
}
&.woocommerce-cart {
	.cart-collaterals .cart_totals {
		background-color: #000000;
		> h2 {
			border-color: $secondary_color;
		}
		th {
			color: $fourth_color;
		}
		th, td {
			border-color: #f2f2f2;
		}
		.order-total {
			td {
				color: $fourth_color;
			}
		}
		.wc-proceed-to-checkout .checkout-button {
			&:hover, &:focus, &:active {
				color: $fourth_color;
			}
		}
	}
	.woocommerce-cart-form {
		.shop_table {
			thead th, tbody td {
				border-color: #2e2e2e;
			}
			thead th {
				color: $fifth_color;
			}
		}
		tbody {
			.product-thumbnail a img {
				background-color: $primary_color;
			}
			.product-name, .product-price, .product-quantity {
				color: $fourth_color;
			}
		}
		table.cart td.actions {
			.coupon {
				label {
					color: $fourth_color;
				}
				button {
					color: $fourth_color;
					background-color: $secondary_color;
				}
			}
			button[value="update cart"] {
				color: $primary_color;
				background-color: $fourth_color;
			}
		}
	}
	.pxl-entry-content > .woocommerce {
		.return-to-shop a {
			&:hover {
				color: $fourth_color;
				border-color: $fifth_color;
			}
		}
	}
}
.pxl-product-carousel1 {
	.woocommerce-product-inner {
		&:before {
			border-color: $secondary_color;
		}
		.woocommerce-product-content {
			background-color: transparent;
			.woocommerce-product--title a {
				color: $fourth_color;
				&:hover {
					color: $fifth_color;
				}
			}
		}
	}
	.woocommerce-product--price .price {
		color: $fifth_color;
		del {
			color: #afb3ae;
		}
		ins {
			color: $fifth_color;
		}
	}
}
.pxl-product-carousel1 {
	.woocommerce-product-inner {
		.woocommerce-product-header {
			background-color: transparent;
		}
	}
}
#woosq-popup {
	.quantity .input-text {
		&:focus {
			border-color: $secondary_color;
		}
	}
	.woocommerce-product-rating .woocommerce-review-link:hover {
		color: $fifth_color;
	}
	.price {
		color: $fourth_color;
		del {
			color: #afb3ae;
		}
		ins {
			color: $fourth_color;
		}
	}
	.entry-summary {
		.product_meta {
			> span {
				color: $fourth_color;
				span, a {
					color: $fifth_color;
				}
				a {
					&:hover {
						color: $secondary_color;
					}
				}
			}
			.tagged_as {
				a {
					&:after {
						background-color: $fifth_color;
					}
				}
			}
		}
	}
	.single_add_to_cart_button {
		&:after {
			color: $primary_color;
		}
		&.loading {
			color: transparent;
			background-color: $fourth_color;
			&:hover, &:focus, &:active {
				color: transparent;
				background-color: $fourth_color;
			}
		}
		&:hover, &:focus, &:active {
			color: $fourth_color;
		}
	}
}
.woosq-product {
	> .product .summary {
		background-color: $bgdark_color;
		.thumbnails {
			.slick-arrow {
				background: rgba(255, 255, 255, 0.1);
			}
			.thumbnail img {
				background-color: $secondary_color;
			}
		}
	}
}
.slick-dots li{
	&:before {
		background-color: $fifth_color;
	}
	&:after {
		border-color: $fifth_color;
	}
}
.woosw-list {
	table.woosw-items {
		tr {
			&:first-child, td {
				border-color: #2e2e2e;
			}
		}
		.woosw-item {
			.woosw-item--name {
				a {
					color: $fourth_color;
					&:hover {
						color: $fifth_color;
					}
				}
			}
			.woosw-item--price {
				color: $fourth_color;
				ins {
					color: $fifth_color;
				}
			}
			.woosw-item--actions {
				.add_to_cart_button, .added_to_cart {
					&:hover {
						color: $fourth_color;
						border-color: $fifth_color;
					}
				}
			}
		}
	}
}
&.woocommerce-checkout {
	form {
		&.checkout_coupon {
			background-color: #000000;
			.form-row-first {
				input[name="coupon_code"] {
					background-color: #000000;
					border-color: $fifth_color;
				}
			}
			.form-row-last {
				button[value="apply coupon"] {
					&:hover {
						color: $fourth_color;
						border-color: $fifth_color;
					}
				}
			}
		}
		&.woocommerce-checkout #order_review {
			#payment {
				// background-color: $sixth_color;
				#place_order {
					border-color: $fifth_color;
					&:hover {
						color: $fourth_color;
						border-color: $fifth_color;
					}
				}
			}
			.woocommerce-checkout-review-order-table {
				border-color: #545454;
				td, th {
					border-color: #545454;
				}
				thead {
					.product-name {
						color: #ffffff;
					}
					.product-total {
						color: #ffffff;
					}
				}
				tbody {
					.product-name {
						color: #b2b2b2;
					}
					.product-total {
						color: #b2b2b2;
					}
				}
				tfoot {
					th {
						color: #ffffff;
					}
				}
			}
			.place-order {
				border-color: #545454;
				.woocommerce-privacy-policy-text p {
					color: #ffffff;
				}
			}
			#payment {
				label {
					color: #ffffff;
				}
				div.payment_box {
					color: $fifth_color;
					background-color: #000000;
					&:before {
						border-bottom-color: #000000;
					}
				}
				.place-order {
					border-color: #545454;
				}
			}
		}
	}
	#customer_details {
		.input-text {
			color: #b2b2b2;
			border: none;
			background-color: #000000;
		}
	}
}
form .select2-container--default {
	.select2-selection {
		border: none;
		background-color: #000000;
		.select2-selection__rendered {
			color: #b2b2b2;
		}
	}
}
.select2-container {
	.select2-dropdown {
		border: none;
		background-color: #000000;
	}
	.select2-search--dropdown {
		.select2-search__field {
			border: none;
		}
	}
	.select2-selection:after {
		border-color: $fifth_color;
	}
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
	color: #ffffff;
	background-color: $secondary_color;
}
.woocommerce-order {
	table.shop_table, .woocommerce-customer-details address {
		border-color: $secondary_color;
	}
}
&.woocommerce-account {
	.woocommerce-myaccount-navigation ul {
		li {
			a {
				border-color: $secondary_color;
				&:hover {
					color: $fifth_color;
					border-color: $fifth_color;
				}
			}
		}
	}
	.woocommerce-addresses {
		.woocommerce-address {
			border-color: $secondary_color;
		}
	}
	a.button, button.button {
		&:hover {
			color: $fourth_color;
			border-color: $fifth_color;
		}
	}
	table.shop_table {
		border-color: $secondary_color;
		th {
			border-color: $secondary_color;
		}
	}
	.woocommerce-form-login {
		#username, #password {
			border: none;
			background-color: #000000;
		}
		.form-row {
			.woocommerce-form-login__submit {
				&:hover {
					background-color: transparent;
				}
			}
		}
	}
}
#woosc-area {
	.woosc-inner .woosc-table {
		.woosc-table-inner {
			background-color: $bgdark_color;
			.woosc-table-items table {
				tbody tr {
					td {
						color: $fourth_color;
						background-color: $bgdark_color;
					}
				}
				thead tr th {
					color: $fourth_color;
					background-color: $secondary_color;
				}
			}
		}
	}
	.tr-price ins {
		color: $fifth_color;
	}
	.add_to_cart_inline {
		a {
			&:hover {
				color: $fourth_color;
				border-color: $fifth_color;
			}
		}
	}
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
	.woosw-popup-content-mid, .woosw-popup-content-bot {
		background-color: $secondary_color;
	}
}
#woosw_wishlist {
	.woosw-item--name a {
		color: $fourth_color;
		&:hover {
			color: $fifth_color;
		}
	}
	.woosw-item--price ins {
		color: $fifth_color;
	}
	.woosw-popup-content-bot {
		a {
			&:hover {
				color: $fifth_color;
				border-color: $fifth_color;
			}
		}
	}
	.add_to_cart_inline {
		a {
			background-color: #fff;
			&:hover {
				border-color: $fifth_color;
			}
		}
	}
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar {
	background-color: #000;
}
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
	background-color: #000;
}
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_head {
	background-color: #000;
	.widget_shopping_title {
		color: #fff;
	}
}
&.woocommerce-checkout form.checkout_coupon .form-row-last button[value="Apply coupon"] {
	&:hover {
		color: #fff;
		background-color: $secondary_color;
	}
}

}

// booked	
body.dark-mode {
	.booked-modal {
		.bm-window p {
			color: $third_color;
		}
		#submit-request-appointment {
			color: $primary_color;
			&:hover {
				color: $fourth_color;
			}
		}
	}
	.elementor-shortcode {
		div {
			&.booked-calendar-shortcode-wrap{
				div {
					&.booked-calendar-wrap {
						div {
							&.booked-calendar {
								border-radius: 0;
								background-color: $fourth_color;
								border: 1px solid #3c3c3c;
								.timeslot-people {
									button{
										@media screen and (min-width: 720px) {
											span.timeslot-mobile-title, span.button-timeslot, span.spots-available{
												display: none;
											}
										}
									}

								}
								div.bc-body {
									.bc-row {
										.booked-appt-list {
											background-color: $secondary_color;
											h2 {
												font-size: 22px;
												font-weight: 600;
												line-height: 34px;
												color: $fourth_color;
											}
											.timeslot {
												padding: 15px;
												.timeslot-time {
													padding: 0;
												}
												.timeslot-people {
													.button {
														span {
															color: $primary_color;
														}
														&:hover {
															background-color: $primary_color;
															span {
																color: $fourth_color;                                                                
															}
														}
													}
												}
												&:hover {
													background-color: transparent;
												}
												span {
													color: $fourth_color;
												}
												.timeslot-range {
													font-size: 15px;
													font-weight: 600;
													line-height: 28px;
													i {
														color: $fourth_color;
													}
												}
												.spots-available {
													padding-top: 0;
													font-size: 12px;
													font-weight: 600;
													line-height: 1.2; 
												}
											}
										}
										&.week {
											.bc-col {
												border-bottom: 1px solid;
												border-color: #3c3c3c;
												&.active {
													>span {
														&.tooltipster {
															.number {
																background-color: $fourth_color !important;
																box-shadow: none !important;
																width: 92px;
																height: 92px;
																line-height: 92px;
																border-radius: 92px;
																color: $secondary_color !important;
																transform: translate(-50%,-50%);
																margin: 0;                                                   
															}
														}
													}
												}
												&.today {
													>span.tooltipster .number {
														color: $secondary_color !important;
													}
													>span {                                                        
														.number {
															background-color: $fourth_color !important;
															box-shadow: none !important;
															width: 92px;
															height: 92px;
															line-height: 92px;
															border-radius: 92px;
															color: $secondary_color !important;
															transform: translate(-50%,-50%);
															margin: 0;
														}
													}
												}
												>span {
													background-color: #1e1e1e !important;
													&.tooltipster {
														.number {
															color: $fourth_color !important;       
														}
														&:hover {
															.number  {
																background-color: $fourth_color !important;
																box-shadow: none !important;
																width: 92px;
																height: 92px;
																line-height: 92px;
																border-radius: 92px;
																color: $secondary_color !important;
																transform: translate(-50%,-50%);
																margin: 0;                                                        
															}
														}                                                 
													}
													.number {
														font-family: sora;
														font-size: 32px;
														color: $third_color !important;
														background: transparent !important;
														font-weight: 600;
														line-height: 50px;
													}
												}
											}
										}
									}
								}
								.bc-head {
									.bc-row {
										&.top {
											.bc-col {
												background-color: $primary_color !important;
												border-color: #3c3c3c !important;
												color: $fourth_color;
												font-family: sora;
												font-size: 24px;
												font-weight: 600;
												line-height: 30px;
												.page-right {
													color: $fourth_color !important;
												}
											}
										}
										&.days {
											.bc-col {
												background-color: $primary_color !important;
												border-color: #3c3c3c !important;
												font-family: sora;
												font-size: 15px;
												color: $fourth_color;
												font-weight: 400;
												line-height: 28px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}