@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

#ebsco-searchbox {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #22284F;
	width: 99%;
	margin: auto;
	border: 1px solid #e1e1e1;
}

.searchbox-bp #ebsco-searchbox {
	font-family: 'Lato', sans-serif;
}

#eds-searchbox form {
	margin: 10px 0 15px;
}

#eds-searchbox > div {
	padding: 0 25px;
}

input[type="text"], input[type="submit"] {
	box-sizing: border-box;
	height: 38px;
	padding: 0 10px;
	border: 1px solid ##e1e1e1;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

input[type="text"] {
	width: 80%;
}


input[type="submit"] {
	width: 20%;
	color: #fff;
	background-color: #f5b300;
	border: 1px solid #f5b300;
	cursor: pointer;
	transition: all 200ms;
	font-size: 10px/12px;
	text-transform: uppercase;
}

input.submit-bp {
	background-color: #5bc0de;
	border: 1px solid #5bc0de;
}

input:focus {
	outline: 0;
}

p.intro {
	margin: 10px 0 0 0;
	color: #000000;
	font-family: 'Lato', sans-serif;
	/*font-weight: bold;*/
}

@media only screen and (max-width: 430px) {
	input[type="text"] {
		width: 100%;
		margin-bottom: 5px;
	}

	.searchbox-cat input[type="text"] {
		margin-bottom: 0;
	}

	input[type="submit"] {
		width: 100%;
	}
}