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

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

a.header-search-link.is-small:hover, a.header-currency-link.is-small:hover, .header-nav-main .account-item .current-lightbox-clicked .icon-user {
	cursor: pointer;
}

.header-search-link.active .icon-search:before, .header-currency-link.active .icon-search:before, .header-nav-main .account-item .current-lightbox-clicked .icon-user:before, .header-mobile-menu-link.active .icon-menu:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.354 17.354'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 1.2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cline class='cls-1' x1='.424' y1='16.929' x2='16.929' y2='.424'/%3E%3Cline class='cls-1' x1='16.929' y1='16.929' x2='.424' y2='.424'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-mobile-menu-link.active .icon-menu:before {
	content: "";
	display: inline-block;
	width: 22px;
    height: 22px;
}

.header-mobile-menu-link.active {
	width: 27px;
}

.header-currency-link.active .icon-search {
	display: block;
}

.header-currency-link .icon-search, .header-currency-link.active .text-currency {
	display: none;
}

.container-search .icon-search:before {
    width: 25px;
    height: 25px;
}

.header-currency-link {
	min-width: 85px;
}

.container-search .icon-custom-arrow:before {
	content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.366 21.543'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 1.2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cline class='cls-1' y1='10.771' x2='22.366' y2='10.771'/%3E%3Cpath class='cls-1' d='M11.587,0c0,5.953,4.826,10.778,10.778,10.778'/%3E%3Cpath class='cls-1' d='M11.587,21.543c0-5.953,4.826-10.778,10.778-10.778'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.container-search, .container-currency, .container-mobile-menu {
	position: relative;
    z-index: 8;
	/* height: 120px; */
	font-size: 1rem!important;
	padding: 15px 0px;
	align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
	background-color: #f2f2f2;
}

.container-mobile-menu {
	display: none;
}

.container-mobile-menu li a {
	justify-content: center;
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

.container-mobile-menu .current_page_item a {
	text-decoration: underline;
}

.container-mobile-menu .nav-vertical>li+li {
	border-top: 0px;
}


.container-search input[type=search] {
	border: 0px solid #ddd;
	color: #000;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
	height: 45px;
	margin-top: -8px;
	font-size: 18px;
	background-color: #f2f2f2;
}

.container-search .button {
	border-color: rgba(0, 0, 0, 0);
}

.container-search .the-search {
	border-bottom: 1px solid #000;
}

.inner-search, .inner-currency {
	margin: 0 auto;
	min-width: 500px;
}

.title-search, .title-currency {
	font-size: 2.5rem;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-family: Spectral, sans-serif;
	font-weight: 500;
}

.currency_switch_form button {
	font-weight: 400;
}

.currency_switch_form button.active {
	text-decoration: underline;
}

.inner-search {
	margin-bottom: 15px;
}

.mfp-close {
	color:#000;
	opacity: 1;
}

@media only screen and (max-width: 48em) {
	.inner-search {
		min-width: 80%;
	}
	.inner-currency {
    min-width: 100%;
	}
	.currency_switch_form {
		display: flex;
		flex-direction: column;
	}
	.title-search, .title-currency {
		font-size: 2.0em;
	}
	
}