/*--------------------------------------------------------------
DARK MODE
--------------------------------------------------------------*/
@media screen and (prefers-color-scheme: dark){
	:focus,
	:focus-visible,
	a:not(.button):focus-visible,
	p a:not(.button):focus-visible,
	li a:not(.button):focus-visible {
	  outline-color: var(--color-ocean-chalk);
	}
	.in-light{
		display: none !important;
	}
	.in-dark{
		display: inherit !important;
	}
	.footer-social li:hover,
	.footer-social li:focus-visible{
		background-color: var(--color-mid-ocean);
	}
	#header-outer[data-lhe="animated_underline"] li.button_solid_color > a .menu-title-text{
		color: var(--color-chalk) !important;
	}
	.nectar-button[data-color-override="false"].regular-button.jumbo,
	.nectar-button.jumbo,
	.nectar-button.jumbo:focus-visible,
	.nectar-button.jumbo:visited,
	#header-outer nav > ul > .megamenu ul li.button_solid_color a:is(:hover, :focus, :focus-visible){
		background-color: var(--color-ocean)!important;
		color: var(--color-black)!important;
	}
	.nectar-button[data-color-override="false"].regular-button.jumbo:hover,
	.nectar-button.jumbo:hover{
		background-color: var(--color-still-ocean) !important;
	}
	.nectar-button.jumbo:hover span{
		color: var(--color-chalk) !important;
	}
	body div[data-style*="minimal"] .toggle.open a,
	body div[data-style*="minimal"] .toggle a {
		color: var(--color-still-mid-gray);
	}
	.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:not(.is-selected)::before,
	.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
		background: var(--color-still-mid-gray);
	}
	.form-confirm svg path{
		fill: var(--color-still-ocean);
	}
	.developers-logos .portfolio-items .col .work-item,
	.developers-logos .portfolio-items .col .work-info .vert-center p{
		border-color: var(--color-still-deep-ocean);
	}
	.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot::before,
	.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot::before {
		background-color: var(--color-placeholder);
	}
	.framed-cases .wpb_text_column img{
		filter: brightness(0) invert(1);
	}

	/*FANCY BOX RIGHT SOLUTION SECTION*/
	.right-solution .nectar-fancy-box[data-style="color_box_basic"],
	.right-solution .nectar-fancy-box .box-inner-wrap{
		border-color: var(--color-still-ocean) !important;
	}
	.right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap,
	.right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap{
		color: var(--color-black) !important;
	}
	.right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner svg path,
	.right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner img path,
	.right-solution .nectar-fancy-box .box-inner-wrap .inner svg path,
	.right-solution .nectar-fancy-box .box-inner-wrap .inner svg path{
		fill: var(--color-black);
	}
	.right-solution .nectar-fancy-box:hover .box-inner-wrap,
	.right-solution .nectar-fancy-box:focus-visible .box-inner-wrap{
		border-color: var(--color-ocean) !important;
	}

	/*IMAGES FORCE TO WHITE*/
	.image-to-dark img{
		filter: brightness(0) invert(1);
	}
	.menu-item .nectar-menu-icon-img{
		filter: brightness(0) invert(1);
	}

	/*HEROS*/
	.page-hero.safari-fallback.full-width-section > .row-bg-wrap .row-bg{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_dark_2.jpg) !important;
	}
	.home .home-hero.full-width-section > .video-color-overlay{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_dark_2.jpg) !important;
	}
	.touch:not(.touch-success) .row-bg.using-image{
		background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk2.jpg') !important;
	}
	.touch.support:not(.touch-success) .row-bg.using-image{
		background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk.jpg') !important;
	}
	.touch.touch-success .row-bg.using-image.viewport-desktop{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk2.jpg) !important;
	}
	.touch.touch-success .row-bg.using-image.viewport-tablet{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk_medium2.jpg) !important;
	}
	.touch.touch-success .row-bg.using-image.viewport-phone{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk_small2.jpg) !important;
	}
	.touch.touch-success.support .row-bg.using-image.viewport-desktop{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk.jpg) !important;
	}
	.touch.touch-success.support .row-bg.using-image.viewport-tablet{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk_medium.jpg) !important;
	}
	.touch.touch-success.support .row-bg.using-image.viewport-phone{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk_small.jpg) !important;
	}

	/*MEGAMENU*/
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:where(.menu-item-7173,.menu-item-7410).megamenu ul .current-menu-item > a.sf-with-ul,
	#header-outer #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible),
	#header-outer:not([data-format="left-header"]) #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible){
		--color-gradient: linear-gradient(180deg, #314A49 30.5%, #121212 52.27%);

	}
}
/*--------------------------------------------------------------
PLUGIN - DARK MODE
--------------------------------------------------------------*/
.wp-night-mode-on {
	/*-- Dark mode conversion --*/
	--color-chalk: #121212;
	--color-black: #FBF9F6;
	--color-mid-gray: #D8D8D8;
	--color-light-gray: #D8D8D8;
	--color-ocean: #7CB8B6;
	--color-mid-ocean: #7CB8B6;
	--color-dark-ocean: #7CB8B6;
	--color-cloud:#BED9D8;
	--color-lust: #FB8B8B;
	--color-placeholder: #AAAAAA;
	--modal-bg:  rgba( 18, 18, 18, 1);
	--zebra: #424242;
	--zebrargb: 66, 66, 66;
	--color-black-rgb: 251, 249, 246;
	--color-gradient: linear-gradient(180deg, #508280 50.5%, rgba(190, 217, 216, 0) 92.27%);
	--footer-line: #D8D8D8;
	--color-cobalt: #D5E6FF;
}
.wp-night-mode-on .in-dark{
	display: inherit !important;
}
.wp-night-mode-on .in-light{
	display: none !important;
}
.wp-night-mode-on :focus,
.wp-night-mode-on :focus-visible,
.wp-night-mode-on a:not(.button):focus-visible,
.wp-night-mode-on p a:not(.button):focus-visible,
.wp-night-mode-on li a:not(.button):focus-visible {
  outline-color: var(--color-ocean-chalk);
}
.wp-night-mode-on :focus,
.wp-night-mode-on :focus-visible,
.wp-night-mode-on a:not(.button):focus-visible,
.wp-night-mode-on p a:not(.button):focus-visible,
.wp-night-mode-on li a:not(.button):focus-visible {
  outline-color: var(--color-ocean-chalk);
}
.wp-night-mode-on .footer-social li:hover,
.wp-night-mode-on .footer-social li:focus-visible{
	background-color: var(--color-mid-ocean);
}
.wp-night-mode-on #header-outer[data-lhe="animated_underline"] li.button_solid_color > a .menu-title-text{
	color: var(--color-chalk) !important;
}

.wp-night-mode-on .nectar-button[data-color-override="false"].regular-button.jumbo,
.wp-night-mode-on .nectar-button.jumbo,
.wp-night-mode-on .nectar-button.jumbo:focus-visible,
.wp-night-mode-on .nectar-button.jumbo:visited,
.wp-night-mode-on #header-outer nav > ul > .megamenu ul li.button_solid_color a:is(:hover, :focus, :focus-visible){
	background-color: var(--color-ocean)!important;
	color: var(--color-black)!important;
}
.wp-night-mode-on .nectar-button[data-color-override="false"].regular-button.jumbo:hover,
.wp-night-mode-on .nectar-button.jumbo:hover{
	background-color: var(--color-still-ocean) !important;
}
.wp-night-mode-on .nectar-button.jumbo:hover span{
	color: var(--color-chalk) !important;
}
.wp-night-mode-on div[data-style*="minimal"] .toggle.open a,
.wp-night-mode-on div[data-style*="minimal"] .toggle a {
	color: var(--color-still-mid-gray);
}
.wp-night-mode-on .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:not(.is-selected)::before,
.wp-night-mode-on .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
	background: var(--color-still-mid-gray);
}
.wp-night-mode-on .form-confirm svg path{
	fill: var(--color-still-ocean);
}
.wp-night-mode-on .developers-logos .portfolio-items .col .work-item,
.wp-night-mode-on .developers-logos .portfolio-items .col .work-info .vert-center p{
	border-color: var(--color-still-deep-ocean);
}
.wp-night-mode-on .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot::before,
.wp-night-mode-on .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot::before {
	background-color: var(--color-placeholder);
}
.wp-night-mode-on .framed-cases .wpb_text_column img{
	filter: brightness(0) invert(1);
}

/*FANCY BOX RIGHT SOLUTION SECTION*/
.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"],
.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap{
	border-color: var(--color-still-ocean) !important;
}
.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap,
.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap{
	color: var(--color-black) !important;
}
.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner svg path,
.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner img path,
.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner svg path,
.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner svg path{
	fill: var(--color-black);
}
.wp-night-mode-on .right-solution .nectar-fancy-box:hover .box-inner-wrap,
.wp-night-mode-on .right-solution .nectar-fancy-box:focus-visible .box-inner-wrap{
	border-color: var(--color-ocean) !important;
}

/*IMAGES FORCE TO WHITE*/
.wp-night-mode-on .image-to-dark img{
	filter: brightness(0) invert(1);
}
.wp-night-mode-on .menu-item .nectar-menu-icon-img{
	filter: brightness(0) invert(1);
}

/*HEROS*/
.wp-night-mode-on .page-hero.safari-fallback.full-width-section > .row-bg-wrap .row-bg{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_dark_2.jpg) !important;
}
.wp-night-mode-on .home-hero.full-width-section > .video-color-overlay{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_dark.png) !important;
}
.wp-night-mode-on .touch:not(.touch-success) .row-bg.using-image{
	background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk2.jpg') !important;
}
.wp-night-mode-on .touch.support:not(.touch-success) .row-bg.using-image{
	background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk.jpg') !important;
}
.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-desktop{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk2.jpg) !important;
}
.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-tablet{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk_medium2.jpg) !important;
}
.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-phone{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_drk_small2.jpg) !important;
}
.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-desktop{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk.jpg) !important;
}
.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-tablet{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk_medium.jpg) !important;
}
.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-phone{
	background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_drk_small.jpg) !important;
}

/*MEGAMENU*/
.wp-night-mode-on #header-outer:not([data-format="left-header"]) #top nav > ul > li:where(.menu-item-7173,.menu-item-7410).megamenu ul .current-menu-item > a.sf-with-ul,
.wp-night-mode-on #header-outer #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible),
.wp-night-mode-on #header-outer:not([data-format="left-header"]) #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible){
	--color-gradient: linear-gradient(180deg, #314A49 30.5%, #121212 52.27%);
}

/*--------------------------------------------------------------
PLUGIN - LIGHT MODE (WITH DARK MODE DEFAULT)
--------------------------------------------------------------*/
@media screen and (prefers-color-scheme: dark) {
	.wp-night-mode-on {
		/*-- Light mode conversion --*/
		--color-chalk: #FBF9F6;
		--color-black: #121212;
		--color-mid-gray: #626262;
		--color-soft-gray: #AAAAAA;
		--color-light-gray: #D8D8D8;
		--color-ocean: #BED9D8;
		--color-mid-ocean: #7CB8B6;
		--color-dark-ocean: #168380;
		--color-deep-ocean: #375C6F;
		--color-cloud:#7CB8B6;
		--color-lust: #E02727;
		--color-placeholder: #626262;
		--modal-bg: rgba( 251, 249, 246, 1);
		--zebra: #F0F0F0;
		--zebrargb: 240, 240, 240;
		--color-black-rgb: 18, 18, 18;
		--color-gradient: linear-gradient(180deg, #D0E2E1 50.5%, #FBF9F6 92.27%);
		--footer-line: #424242;
		--color-cobalt: #1A73E8;
	}
	.wp-night-mode-on .in-light{
		display: inherit !important;
	}
	.wp-night-mode-on .in-dark{
		display: none !important;
	}
	.wp-night-mode-on .nectar-button[data-color-override="false"].regular-button.jumbo,
	.wp-night-mode-on .nectar-button.jumbo,
	.wp-night-mode-on .nectar-button.jumbo:focus-visible,
	.wp-night-mode-on .nectar-button.jumbo:visited,
	.wp-night-mode-on #header-outer nav > ul > .megamenu ul li.button_solid_color a:is(:hover, :focus, :focus-visible){
		background-color: var(--color-mid-ocean)!important;
		color: var(--color-chalk)!important;
	}
	.wp-night-mode-on .nectar-button[data-color-override="false"].regular-button.jumbo:hover,
	.wp-night-mode-on .nectar-button.jumbo:hover{
		background-color: var(--color-dark-ocean) !important;
		color: var(--color-chalk)!important;
	}
	.wp-night-mode-on .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:not(.is-selected)::before,
	.wp-night-mode-on .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
		background: var(--color-light-gray);
	}
	.wp-night-mode-on .form-confirm svg path{
		fill: var(--color-mid-ocean);
	}
	.wp-night-mode-on .developers-logos .portfolio-items .col .work-item,
	.wp-night-mode-on .developers-logos .portfolio-items .col .work-info .vert-center p{
		border-color: var(--color-ocean);
	}
	.wp-night-mode-on .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot::before,
	.wp-night-mode-on .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot::before {
		background-color: var(--color-placeholder);
	}
	.wp-night-mode-on .framed-cases .wpb_text_column img{
		filter: initial;
	}

	/*FANCY BOX RIGHT SOLUTION SECTION*/
	.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"],
	.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap{
		border-color: var(--color-still-ocean) !important;
	}
	.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap,
	.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner-wrap{
		color: var(--color-black) !important;
	}
	.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner svg path,
	.wp-night-mode-on .right-solution .nectar-fancy-box[data-style="color_box_basic"] .inner img path,
	.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner svg path,
	.wp-night-mode-on .right-solution .nectar-fancy-box .box-inner-wrap .inner svg path{
		fill: var(--color-black);
	}
	.wp-night-mode-on .right-solution .nectar-fancy-box:hover .box-inner-wrap,
	.wp-night-mode-on .right-solution .nectar-fancy-box:focus-visible .box-inner-wrap{
		border-color: var(--color-ocean) !important;
	}

	/*IMAGES FORCE TO DARK*/
	.wp-night-mode-on .image-to-dark img{
		filter: initial;
	}
	.wp-night-mode-on .menu-item .nectar-menu-icon-img{
		filter: initial;
	}

	/*HEROS*/
	.wp-night-mode-on .page-hero.safari-fallback.full-width-section > .row-bg-wrap .row-bg{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_2.jpg) !important;
	}
	.wp-night-mode-on .home-hero.full-width-section > .video-color-overlay{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2021/10/hero-homebg_2.jpg) !important;
	}
	.wp-night-mode-on .touch:not(.touch-success) .row-bg.using-image{
		background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine2.jpg') !important;
	}
	.wp-night-mode-on .touch.support:not(.touch-success) .row-bg.using-image{
		background-image: url('https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine.jpg') !important;
	}
	.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-desktop{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine3.jpg) !important;
	}
	.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-tablet{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_medium2.jpg) !important;
	}
	.wp-night-mode-on .touch.touch-success .row-bg.using-image.viewport-phone{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/contact2-heroine_small2.jpg) !important;
	}
	.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-desktop{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine.jpg) !important;
	}
	.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-tablet{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_medium.jpg) !important;
	}
	.wp-night-mode-on .touch.touch-success.support .row-bg.using-image.viewport-phone{
		background-image: url(https://www.fleksy.com/wp-content/uploads/2023/09/support-heroine_small.jpg) !important;
	}

	/*MEGAMENU*/
	.wp-night-mode-on #header-outer:not([data-format="left-header"]) #top nav > ul > li:where(.menu-item-7173,.menu-item-7410).megamenu ul .current-menu-item > a.sf-with-ul,
	.wp-night-mode-on #header-outer #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible),
	.wp-night-mode-on #header-outer:not([data-format="left-header"]) #top nav > ul > li.megamenu ul a.sf-with-ul:is(:hover, :focus-visible){
		--color-gradient: linear-gradient(180deg, #D0E2E1 30.5%, #FBF9F6 52.27%);

	}

}