@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/opensans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: bold;
	font-weight: 700;
	src: url('/fonts/opensans/OpenSans-Bold.ttf') format('truetype');
}

.page-selector {
	background-image: url('data:image/svg+xml;utf8,<svg class="inline-block w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Arrow-Button-Down-3--Streamline-Streamline--3.0" height="24" width="24"><desc>Arrow Button Down 3 Streamline Icon: https://streamlinehq.com</desc><path d="M23.38 2a1 1 0 0 0 -1.09 0.22l-10.1 10.14a0.23 0.23 0 0 1 -0.17 0.08 0.25 0.25 0 0 1 -0.18 -0.08L1.71 2.24A1 1 0 0 0 0 3v7.1a1 1 0 0 0 0.3 0.71l11 11a1 1 0 0 0 0.71 0.29 1 1 0 0 0 0.7 -0.29l11 -11a1 1 0 0 0 0.3 -0.71V2.94a1 1 0 0 0 -0.63 -0.94Z" fill="white" stroke-width="1"></path></svg>');
	background-size: 1rem;
	background-repeat: no-repeat;
	background-position: 100%;
	padding-left: 1rem;
}

#suggestions {
	margin: 0 1px;
}

#suggestions .suggestion {
	font-size: .75rem;
	/*background-color: white;*/
	min-width: 10rem;
	line-height: 1.75rem;
	border-bottom: 1px solid #ccc;
	padding: .25rem .5rem;
	cursor: pointer;
}

#suggestions .suggestion:hover, #suggestions .suggestion.active {
	--tw-bg-opacity: 1;
	/*background-color: rgb(209 0 25 / var(--tw-bg-opacity));*/
	/* cityzapper.com: '#2ea5a3'*/
	color: white;
	font-weight: bold;
}