/*
	Theme Name: Semplice 7 Child Theme
	Description: Child Theme for Semplice
	Version: 0.999
	Author: Semplicelabs
	Template: semplice7
*/

/* Custom CSS Start */

/* fix nyhetsbrev focus*/
#content-holder [data-module=mailchimp] .mailchimp-inner {
overflow: visible !important;
}

#header-search-form .asl_w_container {
	min-width: auto;
}

#header-mobile-searchtoggle {
	display: none;
}

/* DESKTOP STYLES */
@media (min-width: 992px) {
	#header-search-form {
		/* width: 100%; */
		width: 136px;
		transition: width 180ms;
	}
	#header-search-form:focus-within, #header-search-form.state-hasvalue {
		width: 220px;
	}
}
/* END DESKTOP STYLES */



/* MOBILE STYLES */

@media (max-width: 991px) {
	smp-nav-column {
		position: relative;
	}
	#header-mobile-searchtoggle {
		display: block;
		/* position: absolute; */
		position: relative;
		z-index: 22;
		
	}
	#header-mobile-searchtoggle {
		width: 30px;
		height: 30px;
		border: 0;
		background: none;
		appearance: none;
		padding: 5px;
	}

	#header-search-form {
		display: none !important;
		position: fixed;
		top: 15px;
		left: 17px;
		z-index: 2222;
		width: calc(100vw - 140px);
	}
	#header-search-form.state-mobilevisible {
		display: block !important;
		
	}
	#header-search-form:focus-within .innericon, 
	#header-search-form.state-hasvalue .innericon {
		position: relative;
	}
	#navbar-top {
	background-color: #fff !important;
	border-radius: 0 0 20px 20px !important;
	}
	
	
}



/* 
@media (min-width: 770px) and (max-width: 1000px) {
	#header-search-form {
		padding: 20px;
		top: 0;
		left: 0;
		width: 100vw;
	}
} */

/* END MOBILE STYLES */

#header-search {
	margin-right: 1.1111111111111112rem;
}
#header-search #ajaxsearchlite1 .probox {
	padding: 5px;
	align-items: center;
	height: auto;
	border-color: #43564B;
	background-color: #fff;
	/* min-width: 150px;  */ /* går inte */
	/* background-color: transparent; */
}

#header-search #ajaxsearchlite1 .probox .promagnifier svg { color: #fff; fill: #fff; width: 50%; }

#header-search div.asl_w .probox .promagnifier {
	box-shadow: none;
	background: #43564B;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	
}
/* #header-search div.asl_w .probox .promagnifier .innericon svg {
	fill: #43564B;
} */
#header-search div.asl_m .probox .proclose svg {
	background: #9e9e9e;
}

#header-search #ajaxsearchlite1 .probox input.orig {
	font-size: 1rem;
	-webkit-text-fill-color: #43564B !important;
}


/*  Results DIV, root level */

#ajaxsearchliteres1.asl_r.vertical {
	margin-top: 4px;
	animation-name: showAjaxResults;
	animation-fill-mode: forwards;
	line-height: 1;
	background-color: #fff;
	min-width:387px;
}

#ajaxsearchliteres1.asl_r .results .item {
	background-color: transparent;
	border-left-width: 0;
	border-right-width: 0;
}

#ajaxsearchliteres1.asl_r.vertical .results .item .asl_content h3 a {
	color: #43564B;
}

#ajaxsearchliteres1.asl_r.vertical .results .item .asl_content h3 {
	display:block;
	margin-top:0.8125rem;
}

#ajaxsearchliteres1.asl_r.vertical .results .item .asl_content .asl_desc {
	opacity: 0.6;
}

@keyframes showAjaxResults {
    0% {
        opacity: 0;
        transform: translate(0, -10px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
/* Custom CSS End */