:root {

	--eastportblue : #4a7cae;

}



body {

	font-family : "Open Sans", sans-serif;

}



a {

	color           : var(--eastportblue);

	text-decoration : none;

}



a:hover {

	color            : white;

	background-color : var(--eastportblue);

	text-decoration  : none;

}



a.moo:hover {

	color            : var(--eastportblue);

	background-color : white;

	text-decoration  : none;

}



a.redux {

	text-decoration: underline;

}



a.redux:hover {

	color            : white;

	background-color : var(--eastportblue);

	text-decoration  : none;

}



a.menux:hover {

	color            : white;

	background-color : #222529;

	text-decoration  : none;

}



h1, h2, h3, h4, h5, h6 {

	font-family : "Raleway", sans-serif;

}



.lead {

	font-size : 36px;

}



.pagefunction {

	font-size : 32px;

	color     : var(--eastportblue);

}



.parent-img {

	position: relative;

}



.parent-img-responsive {

	width  : 100%;

	height : auto;	

}

.child-img {

	position : absolute;

	top     : 0;

	left    : 0;

	right   : 0;

}



.typeahead, .tt-query, .tt-hint {

	width : 1000px;

}



.tt-input-group {

	width: 100%;

}



.tt-menu {

	width            : 100%;

	margin           : 12px 0;

	padding          : 8px 0;

	background-color : white;

	border           : 1px solid #ccc;

	border           : 1px solid rgba(0, 0, 0, 0.2);

	-webkit-border-radius : 8px;

	   -moz-border-radius : 8px;

			border-radius : 8px;

	-webkit-box-shadow : 0 5px 10px rgba(0,0,0,.2);

	   -moz-box-shadow : 0 5px 10px rgba(0,0,0,.2);

			box-shadow : 0 5px 10px rgba(0,0,0,.2);

}



.tt-suggestion {

	padding     : 3px 20px;

}



.tt-suggestion:hover {

	cursor           : pointer;

	color            : white;

	background-color : var(--eastportblue);

}



.tt-suggestion.tt-cursor {

	background-color : var(--eastportblue);

}



.tt-suggestion p {

	margin : 0;

}



.twitter-typeahead, .tt-hint, .tt-input {

	width: 100%;

}

/*
	Typeahead inputs.

	jquery.typeahead.min.css styles ".typeahead__field input" with its own
	border (#ccc), squared-off right corners, tighter padding and a white
	disabled state.  It loads after Bootstrap, so the vessel and port boxes
	stopped looking like every other field.

	The extra .form-control in the selector outranks the library's rule
	whichever file loads last.  Values come from Bootstrap's own variables so
	they follow Bootstrap rather than copying it...
*/

.typeahead__field input.form-control {

	padding          : .375rem .75rem;

	line-height      : 1.5;

	min-height       : calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));

	background-color : var(--bs-body-bg);

	border           : var(--bs-border-width) solid var(--bs-border-color);

	border-radius    : var(--bs-border-radius);

}

.typeahead__field input.form-control:focus {

	border-color     : #86b7fe;

	box-shadow       : 0 0 0 .25rem rgba(13, 110, 253, .25);

}

.typeahead__container input.form-control[disabled] {

	background-color : var(--bs-secondary-bg);

	border-color     : var(--bs-border-color);

	opacity          : 1;

}