/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 15 2023 | 07:56:45 */
@media only screen and (max-width: 768px){
	.menu > .menu-item > .sub-menu > .container > .menu-item > a{
		font-size: 50px !important;
	}

	.mobile-header .width-33.t1{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 50px;
		width: calc( 100% );
		background: rgb(238,238,238);
		display: flex;
		justify-content: center;
		transform: translatey(90%);
		box-shadow: 0 5px 5px rgba(0,0,0,0.13);
	}

	header .search_input{
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100%;
	}

	body .search-field-container{
		margin: 0 auto;
	}

	body .mobile-header .logo.width-33 img{
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body .mobile-search-toggle{
		width: 33%;
		text-align: left;
	}

	body.overflow-hidden .mobile-search-toggle svg{
		display: none;
	}

	body.overflow-hidden .mobile-menu > .menu:after{
		position: absolute;
		width: 50px;
		height: 150px;
		content: "";
		background: url(/wp-content/themes/wpstack-child/assets/images/vlogo.svg);
		background-size: contain;
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		top: 20px;
		left: 20px;
	}

	body.overflow-hidden .hamburger-menu{
		margin-top: 10px;
	}

	body .mobile-menu{
		top: 0;
		padding-top: 110px;
		padding-right: 25px !important;
		padding-left: 25px !important;
	}
	.home header:not(.sticky) .mobile-search-toggle {
		filter: brightness(0) invert(1);
	}

	.probox .proinput input::placeholder,
	.rtl #ajaxsearchpro1_1 .probox .proinput input.orig, .rtl #ajaxsearchpro1_2 .probox .proinput input.orig, .rtl #ajaxsearchpro1_1 .probox .proinput input.autocomplete, .rtl #ajaxsearchpro1_2 .probox .proinput input.autocomplete, .rtl div.asp_m.asp_m_1 .probox .proinput input.orig, .rtl div.asp_m.asp_m_1 .probox .proinput input.autocomplete{
		color: black !important; 
	}

	#ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical{
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
	}
	header .search_input{
		padding-top: 5px;
	}


	body .search-field-container{
		width: 100%;
	}

	#ajaxsearchpro1_1 .probox .promagnifier .innericon, #ajaxsearchpro1_2 .probox .promagnifier .innericon, div.asp_m.asp_m_1 .probox .promagnifier .innericon{
		filter: brightness(0) invert(0);
		transform: translatey(3px);
	}

	.menu > .menu-item > .sub-menu.layout-layout_2 > .container > .menu-item.menu-item-image,
	.menu-item-image{
		display: none !important;
	}

	.menu > .menu-item > .sub-menu > .container > .menu-item > a{
		font-family: 'Simpler' !important;
		font-size: 30px !important;
	}

	.menu .menu-item > .sub-menu .sub-menu .sub-menu{
		padding-right: 20px !important;
	}

	.menu > .menu-item > .sub-menu > .container > .menu-item > a{
		display: none;
	}

	.menu > .menu-item > .sub-menu.layout-layout_2 > .container > .menu-item:not(:first-child){
		margin-top: 0 !important;
	}

	.mobile-menu .menu > .menu-item > .sub-menu > .container > .menu-item{
		margin-top: 0 !important;
	}

	body.overflow-hidden{
		overflow-y: hidden !important;
	}
	

    body.overflow-hidden .mobile-menu > .menu:after{
        position: absolute;
        width: 50px;
        height: 50px;
        background-image: url(/wp-content/themes/wpstack-child/assets/images/logo-round.svg);
    }

	body.overflow-hidden .mobile-header .wpml-ls{
		opacity: 1;
		pointer-events: unset;
	}

	body .mobile-search-toggle{
		height: 30px;
		width: 30px;
	}

	.hamburger-menu{
		height: 30px;
		width: 30px;
		
	}


	.wpml-ls-item a{
		padding: 0 8px;
		line-height: 1;
	}

	.wpml-ls-item a span{
		transform: translatey(-1px);
		display: block;
	}

	.wpml-ls-item:last-child{
		border-right: 2px solid black;
	}

	.wpml-ls-current-language{
		font-weight: bold;
	}

	body.overflow-hidden .mobile-menu > .menu:after{
		right: unset;
		left: 20px;
		top: 10px;
	}


	body .mobile-header .wpml-ls{
		position: absolute;
		right: calc( 25px + 30px );
		opacity: 0;
		pointer-events: none;
		z-index: 10;
		top: 15px;
	}

	.hamburger-menu .line-top.current{
		transform: translateY(230%) rotate(135deg);
	}
	
	body .mobile-menu{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body .mobile-menu > .menu > li.menu-item-has-children > a,
	body .mobile-menu > .menu > li{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	body .mobile-menu > .menu > li.menu-item-has-children{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body .mobile-menu > .menu .sub-menu{
		background: rgb(221,221,221);
		padding-bottom: 7px;
	}

	.mobile-menu ul li.menu-item-has-children > a:after{
		left: 25px !important;
	}
	[lang="en-US"] .overflow-hidden .mobile-header{
		justify-content: flex-start;
		flex-direction: row-reverse;
	}

	[lang="en-US"] .overflow-hidden .mobile-menu ul li.menu-item-has-children > a:after{
		left: unset;
		right: 25px
	}

	[lang="en-US"] .overflow-hidden .wpml-ls-item:last-child{
		border-left: 2px solid black;
		border-right: unset;
	}
	.mobile-menu{
		direction: ltr;
	}

	body.overflow-hidden .hamburger-menu{
		margin-right: 15px;
	}

	body .mobile-header .wpml-ls{
		right: calc( 25px + 50px );
	}

	[lang="en-US"] body.overflow-hidden .mobile-menu > .menu:after{
		left: unset; 
		right: 20px;
	}

	[lang="en-US"] .overflow-hidden .mobile-header{
		flex-direction: row;
		justify-content: flex-start;
	}

	[lang="en-US"] .overflow-hidden .mobile-search-toggle{
		display: none;
	}

	[lang="en-US"] body .mobile-header .wpml-ls{
		left: calc( 25px + 50px );
		right: unset;
	}

	[lang="en-US"] header{
		height: 71px;
	}

	body .mobile-menu{
		padding-top: 80px;
	}

	[lang="en-US"] .menu .menu-item > .sub-menu .sub-menu .sub-menu{
		padding-right: 0 !important;
		padding-left: 25px !important;
	}

}