/*
Theme Name: Wunderino Blog
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1
*/

html:not(.dark-mode){
	& .elementor-location-header{
		background-color: #fff !important;
		
		& .header-top-bar .elementor-icon-box-content a {
    		color: #172c4f;
		}
		
		& .header-top-bar .elementor-widget-icon-box .elementor-widget-container{
			background-color: #091e430a;
		}
		
		& .header-button-page:hover .elementor-button-link{
			background-color: #f6f7f8;
		}
		
		& .menu-toggle .elementor-icon svg path{
			stroke: #172c4f !important;
		}
		
		& .bottom-bar{
			background-color: #ffffff !important;
			
			& .bottom-bar-btn a{
				background-color: #fff !important;
			}
		}
	}
	
	& .menu-popup {
		& .dialog-widget-content{
			background-color: #fff !important;
		}
		
		& .dialog-close-button svg{
			fill: #172c4f !important;
		}
		
		& .menu-icon-list .elementor-icon-list-text{
			color: #172c4f !important;
		}
		
		& .menu-icon-list a:hover{
			background-color: #f6f7f8;
		}
	}
	
	& .elementor-location-footer{
		& > div{
			background-color: #f6f7f8 !important;
			border-top: 1px solid #091e430f;
		}
		
		& p, a, span{
			color: #172c4f !important;
		}
		
		& .footer-logos img{
			filter: brightness(0) saturate(100%) invert(12%) sepia(79%) saturate(1067%) hue-rotate(192deg) brightness(91%) contrast(92%);
		}
		
		& .footer-2-logos .light-mode img{
			display: block;
		}
		
		& .footer-2-logos .dark-mode img{
			display: none;
		}
	}
}

.elementor-location-footer .footer-2-logos .dark-mode img{
	display: block;
}

.elementor-location-footer .footer-2-logos .light-mode img{
	display: none;
}

.menu-icon-list a{
	padding: 12px 16px;
	margin: 4px 8px;
}

.menu-icon-list a:hover{
	background-color: #2c333a;
	border-radius: 999px;
}

.bottom-bar{
	z-index: 10000 !important;
}

.bottom-bar-btn .elementor-button-content-wrapper{
	display: flex;
    flex-direction: column !important;
    text-align: center;
    align-items: center;
}

.bottom-bar-btn .elementor-button-icon svg{
	width: 24px;
}

.bottom-bar-btn.menu .elementor-button-icon svg path{
	stroke: #738496;
}

.bottom-bar-btn .elementor-button-text{
	color: #738496;
	font-size: 10px;
}

.bottom-bar-btn a{
	width: 100%;
}

.footer-lang .cpel-switcher__lang--active{
	padding-bottom: 8px;
	border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #0BA5EC;
}

.casino-image-grid img{
	aspect-ratio: 14 / 9;
	object-fit: cover;
}

.switch {
  	position: relative;
  	display: inline-block;
 	width: 44px;
 	height: 24px;
}

.switch input {
  	opacity: 0;
  	width: 0;
  	height: 0;
}

.slider {
  	position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
  	position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
  	background-color: #2196F3;
}

input:checked + .slider:before {
  	transform: translateX(20px);
}


@media only screen and (max-width: 768px){
	.footer-menu ul{
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
	
	.footer-menu a{
		margin: 0 !important;
	}
}