/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*---------------
BLUR EFFECT
---------------*/
.blur {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	margin-top: 0;
	z-index: 30;
	backdrop-filter: blur(10px);
}

.blur:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(20, 156, 164, .7);
}

@-moz-document url-prefix() {
	.blur:before {
		background-color: #149ca4;
	}
}

.blur__content {
	z-index: 100;
	max-width: 650px;
	padding: 15px;
}

.blur__content h2 {
	color: #fff;
	margin-bottom: 30px;
}

/*---------------
LANGUAGE SWITCHER
---------------*/
.html.custom .gt_switcher {
		width: auto;
		height: 24px;
		margin-top: -5px;
}

.html.custom .gt_switcher .gt_option {
		position: absolute !important;
		top: calc(100% + 15px);
}

.html.custom .gt_switcher .gt_selected,
.html.custom .gt_switcher .gt_selected a:hover {
		background: transparent;
}

.html.custom .gt_switcher .gt_selected a {
		position: relative;
		text-indent: -9999px;
		padding-right: 50px;
		width: auto;
		border: none;
}

.html.custom .gt_switcher .gt_selected > a img {
		position: absolute;
		left: 0;
}

.html.custom .gt_switcher .gt_selected a:after {
	 filter: brightness(2);
}

.header-wrapper.stuck .html.custom .gt_switcher .gt_selected a:after {
		filter: brightness(2); 
}

.header-main li.html.custom {
	display: inline-block !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}