.ohjaamo-search-container-etusivu {
	color: white;
	border-bottom-right-radius: 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 50px 40px 45px 70px;
	min-height: 420px;
}

.ohjaamo-search-container-ohjaamo {
	color: white;
	/*padding-top: 5rem;*/
}

.ohjaamo-search-content {
	padding: 40px 20px 40px 50px
}

.ohjaamo-search-btn {
	border: 1px solid #006E89;
	border-radius: 5px;
	width: 2rem;
	height: 32px;
	background-color: white;
}

h4 {
	font-size: 20px;
}

label {
	display: block;
	font-size: 24px;
	margin-left: 2px;
	margin-bottom: 15px;
}

.ohjaamo-input-group-ohjaamo {
	min-width: 200px;
	max-width: 400px;
	margin-bottom: 1.5rem;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	/*flex: 45%;*/
	/*padding: 5rem 0.5rem 5rem 0;*/
}

.ohjaamo-results-ohjaamo {
	min-width: 200px;
	max-width: 700px;
	margin-left: auto;
	margin-right: 0;
	display: inline-block;
	width: 100%;
	/*flex: 55%;*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 5rem 2rem 5rem 5rem;
}


.ohjaamo-link {
	color: white;
	text-decoration: underline;
}

@media only screen and (min-width: 51.999em) {
	.ohjaamo-o-lg-col-12 .ohjaamo-search-container-ohjaamo {
		display: flex;
	}
}

@media only screen and (max-width: 39.999em) {
	.ohjaamo-search-container-ohjaamo {
		color: white;
		/*padding-top: 2rem;*/
	}

	.ohjaamo-input-group-ohjaamo {
		min-width: 200px;
		max-width: 400px;
		flex: 45%;
		/*padding: 0.5rem 0.5rem 5rem 0.5rem*/
	}

	.ohjaamo-search-container-etusivu {
		border-bottom-right-radius: 10px !important;
		border-top-right-radius: 10px !important;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
		padding: 40px 40px 40px 30px !important;
	}

	.ohjaamo-results-ohjaamo {
		border-bottom-right-radius: 10px !important;
		border-top-right-radius: 10px !important;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
		padding: 4rem 2rem 4rem 2.5rem;
	}

	.ohjaamo-input-group-ohjaamo {
		padding: 0 2rem 0 2.5rem;
	}
}

/* Custom Select */

.ohjaamo-search-combobox {
	position: relative;
}

.ohjaamo-custom-input {
	border: 2px solid #dadada;
	border-radius: 5px;
	color: black;
	font-size: 1rem;
	cursor: pointer;
	line-height: 1.4;
	margin: 0 ;
	padding: .5rem 0 .5rem .75rem;
	width: 100%;
}

.ohjaamo-custom-select [role="option"]:focus {
	outline: none;
}

.ohjaamo-custom-input-options {
	background-color: white;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
	max-height: 15.5rem;
	overflow: auto;
	color: #000;
	font-size: 1rem;
	list-style-type: none;
	border: 1px solid #dadada;
	/*margin: 0;*/
	margin-top: 0.5rem;
	min-width: 100%;
	padding: 0;
	position: absolute;
	top: calc(100% + 2px);
	z-index: 1;
}

.ohjaamo-custom-input-item {
	padding: 0.5rem 1rem 0.5rem 0.625rem;
	position: relative;
	/*border-top: 1px solid var(--color-gray-lighten);*/
	line-height: 1.5rem;
}

.ohjaamo-custom-input-item:focus,
.ohjaamo-custom-input-item:hover {
	background-color: lightgray;
	color: black;
}

.ohjaamo-custom-input-item-is-selected {
	background-color: lightgray;
}

.ohjaamo-custom-input li:not([role="option"]) {
	padding-left: .750rem;
}

.ohjaamo-custom-input [role="option"] {
	cursor: pointer;
}

.is-focused {
	background-color: lightgray;
}

.ohjaamo-custom-input-placeholder {
	pointer-events: none;
	display: inline-block;
	padding: 0.2rem 0 0.2rem 0;
}