/*----------------CSS RESET-----------------*/

/*
1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
	box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
	margin: 0;
}
/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/

body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
/*
5. Improve media defaults
*/
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}
/*
6. Remove built-in form typography styles
*/
input, button, textarea, select {
	font: inherit;
}
/*
7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}
/*
8. Create a root stacking context
*/
#root, #__next {
	isolation: isolate;
}


/*---------------------------------------*/
/*------------- LAYOUT STYLES -----------*/
/*---------------------------------------*/


body {	
	font-family:"Roboto", sans-serif;
	font-size: 16px;
	line-height: 1.35em;
	color: #1E1E1E;
	background-color: #064C7B;
}

#container {
	display: grid;
}

#container > * {
	width: 100%;
}

#content {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	grid-template-areas:
	"header header header header header header header header header header header header"
	"nav nav nav nav nav nav nav nav nav nav nav nav"
	"main main main main main main main main main main main main"
	"footer footer footer footer footer footer footer footer footer footer footer footer";
	background-color:#ffffff;
	margin-bottom: 0em;
	height:99%;
}


/* ---------------COLUMN STYLES---------------*/

.col-2 {
	display: grid;
	grid-gap: 1em;
	width: 65vw;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin: 0 auto;
}

.col-3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
	width: 75vw;
	grid-gap: 1em;
	margin: 1em auto;
}

.col-4 {
	display: grid;
	flex-flow: row wrap;
	margin: 1em auto;
	grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
	grid-gap: 1em;
	width: 75vw;
	justify-content: center;
}

.col-5 {
	display: grid;
	grid-column-end: span 5;
	flex-flow: column wrap;
	justify-content: flex-start;
}

.col-6 {
	display: flex;
	grid-column-end: span 6;
	flex-flow: column wrap;
	justify-content: flex-start;
	width: 40vw;
	grid-template-columns: 1fr 1fr;
}

.col-8 {
	display: grid;
	grid-column-end: span 6;
	flex-flow: row wrap;
	gap: .75em;
}

.col-home {
	display: grid;
	grid-column-end: span 5;
	flex-flow: row wrap;
	gap: .75em;
}
	
/* Use this 8 column grid to add in a sub grid of 4 x 4,
specifically icon tiles,
or other items that need to take up 1/3 of the page but need to be subdivided */

.col-8-half {
	display: grid;
	flex-flow: row wrap;
	margin: 1em auto;
	grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
	grid-gap: 1em;
	width: 75vw;
	justify-content: center;
}

.col-10 {
	display: grid;
	grid-column-end: span 8;
	flex-flow: row wrap;
	gap: .75em;
}

.col-12 {
	display: grid;
	grid-column-end: span 12;
	flex-flow: row wrap;
	margin: 1em auto;
	max-width: 75vw;
}

/* -------------------- HEADER AND PARAGRAPH STYLES --------------------------- */

h1 {
	color: #064C7B;
	font-size: 2.5em;
	line-height: 1em;
}

h2 {
	font-size: 1.25em;
	line-height: 1.15em;
	margin-bottom: 1.15em;
}

h3 {
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: .75em;
}

h4 {
	font-size: .90em;
	line-height: 1.05em;
	font-weight:900;
	text-transform: uppercase;
	letter-spacing: .75px;
	margin: 1em 0 .5em 0;
}

/* Indents header within a content container */
.body-container > h4 {
	margin-left: 2em;
}

h5 {
	font-size: 1em;
	line-height: 1.05em;
	color: #064C7B;
	border-bottom: 1px solid #064C7B;
}

h6 {
	font-size: .95em;
	line-height: 1em;
	border: 1px solid inherit;
	padding: 5px;
	margin: .5em auto;
}

p {
	font-size: 1em;
	line-height: 1.35em;
	margin: .25em 2em .75em 2em;
}

/* Use this as a span class on e-referral, phone numbers, to prevent line breaks */
.non-break {
	overflow-wrap: unset;
    word-wrap: unset;
    word-break: unset;
    white-space: nowrap;
}

ul,
ol {
	margin: 1em 2.5em 1.5em 2.5em;
	line-height: 1em;
}

ul ul,
ol ol {
	margin-left: 0;
}

li {
	margin-bottom: .25em;
	line-height: 1.45em;
}


/*----- This styles the numbers of an ordered list----*/
ol {
	list-style-type: none;
	/*counter-reset: bubble;*/
}

ol li {
	counter-increment: bubble;
	margin-bottom: 0.75em;
}

ol li:before {
	content: counters(bubble, '. ') '. ';
	color: #064C7B;
	font-weight: 800;
	margin-left: -15px;
}

ol ul li {
	counter-reset: bubble;
	margin-left: -45px;
}

ol ul li:before {
	display: none;
}

/*---------------------------------------------------------------*/
/* ----------------------LINK STYLES-----------------------------*/ 
/*---------------------------------------------------------------*/


a {
	color: #064C7B;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #1e1e1e;
	transition: all 0.5s ease;
}

a:hover {
	background: #78DAFF;
	border-bottom: 3px solid #1e1e1e;
}


/*--------------------TABLE STYLES---------------------*/

.table-wrapper {
	display: grid;
	margin: 2em -8em;
}

.provider-ref-table {
	border-collapse: collapse;
	width: 75%;
	margin: 0 auto;
}

.provider-ref-table	th {
	font-size: .85em;
	font-weight: 600;
	color: #fff;
	border: 1px solid #064C7B;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: .5em 2em;
	background: #064C7B;
}

.provider-ref-table td {
	font-size: 1em;
	border-bottom: 2px solid #064C7B;
	border-radius: 5px;
	align: left;
	padding: .5em 1em;
}

.provider-ref-table tr:nth-child(odd) {
	background-color: #F1F1F1;
}

.provider-ref-table tr:hover {
	background-color: #E9F5FB;
}

.provider-ref-table ul,
.provider-ref-table ol {
	margin-left: -1em;
}

tr {
	padding: .5em;
}

td p {
	margin-left: 0;
}


/*-----------MARF TABLE STYLES-------*/
.marf-table {
	font-size: .9em;
	border: 3px solid #064C7B;
}

.marf-table thead th {
	font-size: 1.05em;
}

.marf-table ul ul {
	margin-top: .25em;
}
.marf-table ul ul li {
	margin-bottom: .05em;
}

.marf-table .add-phrase {
	font-size: .85em;
}

.marf-table sup {
	font-size: .75em;
}

.marf-table tbody tr td {
	background-color: #fff;
}

/*-----------------------------------------------------------*/
/*----------------------SECTION STYLES-----------------------*/
/*-----------------------------------------------------------*/


/* --------------------------HEADER---------------------------- */


.header {
	grid-area: header;
	display: grid;
	grid-template-columns: repeat(8, [col-start] 1fr);
	gap: 10px;
	grid-auto-flow: dense;
	background-color: #007CBD;
	justify-content: flex-start;
	flex-flow: row wrap;
	padding: 0 2em;
}

.header a {
	color: #fff;
	font-size: .95em;
	text-decoration: none;
	transition: all 0.5s ease;
	border-bottom: 2px solid transparent;
}

.header a:focus,
.header a:hover {
	text-decoration: none;
	background:none;
	border-bottom: 2px solid #fff;
	transition: all 0.5s ease;
}

.header-logo {
	display: grid;
	width: 100%;
	padding: 2em .5em;
	grid-column: col-start / span 1;
	grid-row: 2/3;
}

.header-logo a:hover {
	border-bottom: 2px solid transparent;
}

.header-content {
	display:  grid;
	grid-column: col-start 2 / span 4;
	grid-row: 2/3;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	align-self: center;
	color: #fff;
	font-size: 1.65em;
	font-weight: 900;
}

.header-sub-content {
	display: grid;
	gap: 10px;
	align-self: center;
	align-items: end;
	justify-content: end;
	grid-column: col-start 4/ span 9;
	grid-row: 2/3;
	grid-template-columns: 20% 20% 25%;
}

.header-sub-content a {
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: .5px;
	line-height: 1.25em;
	align-self: center;
	text-align: center;
}		



/* -------------------- NAVIGATION BAR STYLES ----------------------- */

nav {
	grid-area: nav;
}

.nav-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	grid-template-rows: auto;
	background: #064C7B;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.nav-dropdown {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.nav-item {
	position: relative;
	transition: all 0.5s ease;
	flex: auto;
	padding: .5em 1em;
	margin: 0;
	color: #fff;
	background: #064C7B;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
}


.nav-item a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	background: none;
	font-size: .85em;
}

.nav-item:hover,
.nav-item:focus,
.nav-item:focus-within {
	background: #007CBD;
	cursor: pointer;
}

.nav-item:focus-within a {
	outline: none;
}

.nav-dropdown {
	background: #F1F1F1;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	margin-top: 10px;
	padding-right: 10px;
	left: 0;
	display: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	transition: all 0.5s ease;
	z-index: 5000000;
	max-height: 25em;
	overflow-y: scroll;
	overflow-x: hidden;
}

.nav-item:hover > ul,
.nav-item:focus > ul,
.nav-item:focus-within > ul,
.nav-dropdown:hover,
.nav-dropdown:focus {
	visibility: visible;
	opacity: 1;
	display: block;
	width: 100%;
}

.nav-dropdown .nav-item {
	background: #F1F1F1;
	clear:both;
	width:106.5%;
	text-align: left;
	padding-right: 10px;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15));
}

.nav-dropdown .nav-item a{
	color: #1E1E1E;
	transition: all 0.5s ease;
}

.nav-dropdown .nav-item a:hover,
.nav-dropdown .nav-item a:focus-within,
.nav-dropdown .nav-item a:focus{
	border-bottom: 2px solid #1e1e1e;
	font-weight: 600;
	background: #78DAFF;
}

/* ---------------------- BREADCRUMB STYLES ---------------- */

.breadcrumbs {
	margin: 1em 2em 0;
	font-size: .8em;
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: end;
}


.breadcrumbs li:not(:last-child)::after {
	display: inline-block;
	content: "";
	margin-bottom:-10px;
	margin-left: -15px;
	height: 28px;
	width: 28px;
	border-radius: 28px;
	background: #fff;
}

.breadcrumbs li {
	margin-left: -1.5em;
}

.breadcrumbs a {
	background: #007CBD75;
	color: #fff;
	padding: .5em 3em .5em 2em;
	border-bottom:none;
	border-radius: 15px;
}

.breadcrumbs a:hover {
	background: #007CBD;
}

.breadcrumbs li:last-child {
	font-weight: 600;
	background: #fff;
	color: #007CBD;
	margin-left: -.75em;
}

/* ---- ---------------------------BODY STYLES ---------------------------*/

#content-area {
	width: 92vw;
}
.home-content {
	grid-area: main;
	padding: 0 1em;
	margin: 1em auto;
	width: 99vw;
	grid-gap: 1em;
}

.main-content {
	grid-area: main;
	padding: 0 1em;
	gap: .75em;
	grid-template-columns: repeat(12, 1fr);
	margin: 1em auto;
	width: 99vw;
}

.home-hero {
	display: grid;
	width: 75vw;
	margin: 1em auto 2em auto;
	grid-gap: 1em;
	align-items: center;
	grid-template-columns: repeat(8, 1fr);
}

.main-hero {
	display: grid;
	width: 75vw;
	margin: 0 auto;
	grid-gap: 1em;
	align-items: flex-start;
	grid-template-columns: repeat(12, 1fr);
}


.body-container {
	margin: 0 2em 1.5em 2em;
}

.resource-header {
	border: 3px solid #007CBD;
	border-radius: 10px;
	background: #007cbd14;
	margin: 1.25em 0;
	padding: .95em 1em 0;
}

.resource-header h3 {
	color: #007CBD;
}

.page-title-content {
	color: #064C7B;
	width: 100%;
	margin: 1.5em auto .5em auto;
	display: flex;
	flex-flow: row;
	align-items: center;
}

.page-title-img {
	width: 40px;
	margin: 0 .75em;
	flex-grow: .025;
}

.hero-image {
	border-radius: 20px;
	justify-content: center;
	display: grid;
	grid-column-end: span 3;
}

.page-image {
	border-radius: 20px;
	justify-content: center;
	display: grid;
}

.hero-page-title {
	color: #064C7B;
	width: 100%;
	margin: 0em auto 1em auto;
	display: flex;
	flex-flow: column;
	font-size: .65em;
	border-bottom: 3px solid #064C7B;
	justify-content: end;
	padding: 1em;
	grid-column-end: span 2;
}

.hero-page-subtitle {
	width: 75vw;
	grid-column-end: span 12;
	margin: 2em auto 1em auto;
	background: #007CBD35;
	border-radius: 10px;
	padding: 0.85em .75em .5em;
	font-size: .85em;
}

.hero-page-subtitle h3 {
	font-size: 1.25em;
	margin-bottom: .25em;
}

.border {
	height: 4px;
	flex-basis: 100%;
	margin-bottom: 1.5em;
}

.filters {
	background: #F1F1F1;
	border: 1px solid #B4B4B4;
	border-radius: 10px;
	margin: 1em 1em 1.25em 1em;
}

.filters ul {
	display: inline-block;
	list-style-type: none;
	margin-bottom: 1em;
}

.filters li {
	display: inline-block;
	margin: 0 1em 0 .25em;
	font-size: .95em;
}


.filter-label {
	margin: 1em 0 -.5em 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.75em;
	font-weight: 600;
}

/* ALERT AND HIGHLIGHT CONTENTS */

.highlight-box {
	border-radius: 10px;
	padding: 2em;
	margin: 2em auto;
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	max-width: 50vw;
}

.two-up {
	width: 35vw;
	margin-bottom: 2em;
}


.highlight-box a,
.alert-noborder a{
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #FFF;
	transiton: .5s ease;
}

.highlight-box a:hover,
.alert-noborder a:hover {
	background: #1E1E1E;
	border-bottom: 2px solid #FFF;
}

.highlight-box ul,
.alert-noborder ul,
.alert-low ul,
.alert-medium ul,
.alert-high ul{
	margin-left: -.5em;
}

.highlight-box p {
	margin-left: -.125em;
}

.highlight-box ul li,
.alert-noborder ul li,
.alert-low ul li,
.alert-medium ul li,
.alert-high ul li{
	margin-bottom: .55em;
}

.highlight-box-border {
	background: #FFF;
	border: 3px solid #064C7B;
	border-radius: 10px;
	padding: 2em;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
	flex-grow: .5;
}	

.alert-noborder {
	background: #FFF;
	border: 5px solid #FFF;
	border-radius: 10px;
	padding: 2em;
	margin: 0 auto;
	flex-direction: column;
	text-align: left;
	width: 75%;
	flex-grow: .5;
	grid-column-end: span 5;
}

.alert-low {
	background: #FFF;
	border: 5px solid #064C7B;
	border-radius: 10px;
	padding: 2em;
	margin: 0 auto;
	flex-direction: column;
	text-align: left;
	width: 75%;
	flex-grow: .5;
	grid-column-end: span 5;
}
		
.alert-medium {
	background: #FFF;
	border: 5px solid #F67727;
	border-radius: 10px;
	padding: 1em;
	margin: 0 2em;
	flex-direction: column;
	text-align: left;
	width: 100%;
	grid-column-end: span 5;
}

.alert-high {
	background: #FFF;
	border: 5px solid #FF0004;
	border-radius: 10px;
	padding: 2em;
	margin: 0 auto;
	flex-direction: column;
	text-align: left;
	width: 75%;
	flex-grow: .5;
	grid-column-end: span 5;
}

.footnote {
	font-size: .75em;
	line-height: 1.25em;
	margin: 1em;
	padding: .5em;
	border-left: 4px solid #064C7B;
}

.inline-icon {
	display: inline;
	margin: 0.25em .5em 0;
	margin-bottom: -5px;
}

/* CTAs and BUTTONS */

.cta-large {
	color: #1e1e1e;
	background: #8DB92E;
	width: 45%;
	padding: 1em;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	border: 2px solid #506B16;
}

.cta-large:hover {
	background: #506B16;
	color: white;
	border-bottom: 2px solid #506B16;
}

.cta-small {
	font-size: 1.25em;
	color: #1e1e1e;
	background: #8DB92E;
	padding: .35em;
	border-radius: 5px;
	text-align: center;
	border: 2.5px solid #506B16;
}

.cta-small:hover {
	background: #506B16;
	color: white;
	border-bottom: 2px solid #506B16;
}

.prov-button {
	background-color: #fff;
    border: 3px solid #064C7B;
    color: #064C7B;
    padding: 5px 20px;
    border-radius: 9px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 1em;
}

.prov-button:focus,
.prov-button:hover {
	background-color: #064C7B;
    color: #ffffff;
	transition: all 0.5s ease;
}

/* ICON CARD STYLES */

.icon-card {
	background: #007CBD;
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	border-radius: 10px;
	padding: 1em;
	height: 100%;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}


/* Makes an icon card that has the icon off to the right side instead of underneath */
.icon-card-nowrap {
	background: #007CBD;
	display: flex;
	flex-flow: row nowrap;
	border-radius: 10px;
	padding: 1em;
}

.icon-card img,
.icon-card-nowrap img {
	width: 50px;
	display: flex;
	justify-self: end;
	flex-flow: column wrap;
	align-self: flex-end;
}

.icon-card-img-procedure {
	width: 36px;
}

.icon-card h2,
.icon-card-nowrap h2{
	font-size: 1.2em;
	width: 100%;
}

.icon-card-link:hover,
a .icon-card:hover,
a .icon-card-nowrap:hover{
	border-bottom: none;
	background: #064C7B;
	border-radius: 10px;
	transition: all 0.5s ease;
}

/* IMAGE CARD STYLES */

.img-card {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

.img-card-content {
	background: #064C7B;
	padding: 1em;
	border-top: 5px solid #007CBD;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: flex;
	flex-flow: row wrap;
	height: 141px;
	align-items: flex-start;
}

.img-card img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	flex-basis: 100%;
}

.img-card-content h4 {
	margin-top: -.015em;
	font-size: 1.05em;
	text-transform: none;
	width: 100%;
	font-weight: 900;
}

.img-card-content p {
	font-size: .85em;
	font-weight: 300;
	width: 100%;
	margin: 0;
}

.img-card-link,
a .img-card {
	border-bottom: none;
	position: relative;
	width: 100%;
}

.img-card-link:hover,
a .img-card-link:hover {
	border-bottom: none;
	background: #fff;
	transition: all 0.5s ease;
}

.img-card-content:hover,
a .img-card-content:hover{
	border-bottom: none;
	background: #064C7B;
	border-radius: 10px;
	transition: all 0.5s ease;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease;
	background-blend-mode: multiply;
	background-color: #1e1e1e;
	background: rgb(30,30,30);
	background: linear-gradient(180deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 70%);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.img-card-link:hover .overlay {
	opacity: .5;
}

/* SMALL ICON CARD STYLES */

.icon-card-small {
	background: #fff;
	display: flex;
	flex-flow: row wrap;
	border-radius: 10px;
	padding: 1em;
	justify-content: flex-end;
	border: 3px solid #007CBD;
	align-items: center;
	width: 100%;
	height:100%
}

.icon-card-small h5 {
	font-size: .85em;
	line-height: 1.25em;
	width: 85%;
	color: #007CBD;
	margin-right: .5em;
	border-bottom: none;
	margin-left:-0.5em;
}

.col-4 .icon-card-small h5 {
	font-size: 1.25em;
}

.icon-card-small img {
	width: 10%;
	align-self: center;
}

.icon-card-link,
a .icon-card,
a .icon-card-nowrap,
.icon-card-small-link,
a .icon-card-small-link {
	border-bottom: none;
	height: 100%;
	width: 100%;
}

.icon-card-small-link {
	background: none;
	border-radius: 10px;
}

.icon-card-small-link:hover,
.icon-card-small-link:hover {
	background: #007CBD;
	transition: all 0.5s ease;
	border: none;
	color: #FFF;
}

.icon-card-small-link > .icon-card-small:hover {
	transition: all 0.5s ease;
	background: #007CBD;
	color: #fff;
}

.icon-card-small-link > .icon-card-small:hover h5 {
	color: #fff;
	transition: all 0.5s ease
}


/*------------------ FOOTER STYLES ----------------*/

.footer {
	grid-area: footer;
	text-align:center;
	font-size: .85em;
	line-height: 2em;
	background-color: #064C7B;
	padding-bottom: 2em;
	display: flex;
	flex-flow: row wrap;
	color: #fff;
	margin-bottom: -2em;
}

.footer-logo {
	width: 150px;
	padding: 1em 0;
	margin: 1em 3em;
}

.copy {
	padding-top:10px;
	color:#ffffff;
	flex-basis: 100%;
}

.footer a:link, .footer a:active, .footer a:visited  {
	color:#ffffff;
	border-bottom: 1px solid #fff;
}

.footer a:hover, 
.footer a:focus {
	background: #1E1E1E;
	border-bottom: 2px solid #fff;
}

.footer-col {
	flex-basis: 20%;
	flex-grow: 1;
	text-align: start;
	margin: 1em;
}

.footer-col > p {
	text-transform: uppercase;
	margin-bottom: .75em;
	margin-left: 0;
}

.footer-col > p,
.footer-col > ul li {
	color: #fff;
}

.footer-col > ul li {
	padding: 0 0 .65em 0;
	line-height: 1em;
}

.footer-col > ul {
	margin-left: -3em;
	list-style-type: none;
}	


/*-----------------SEARCH BOX STYLES-----------------------------*/

/*.searchHolder {
	margin: 2em 0;
}

input.search-query {
	font-size:10px;
	padding:0px 0px 0px 5px;
	height:20px;
}

form {
	margin-top:0em;
}

form input.searchIcon {
	position:relative;
	top:-15px;
	right:135px;
	width: 23px;
	height: 19px;
	display:block;
	border: 0px;
	background: url(../images/buttonSearchIcon.jpg);
	background-repeat:no-repeat;
}

*::-ms-backdrop, form input.searchIcon {
	right:120px;
}

form input.st-search-input {
	width: 150px !important;
	height: 26px !important;
}*/
	
/* ADDITIONAL CSS STUFF */

.title-sub {
	display: block;
	font-style: italic;
	font-size: .5em;
	margin-top: -.5em;
	margin-bottom: -.5em;
}

.nav-alert {
	background: #8DB92E;
	margin: 1em auto;
	padding: 1em;
	text-align: center;
	color: #1e1e1e;
	font-size: 1.15em;
	width: 100%;
	border: 2px solid #fff;
	border-radius: 6px;
	grid-column: col-start / span 12;
}

.nav-alert a {
	color: #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	margin-left: 5px;
}

.nav-alert a:focus,
.nav-alert a:hover {
	border-bottom: 3px solid #1e1e1e;
}

.footer-alert {
	background: #8DB92E;
	padding: .75em 1.5em;
	width: 100%;
	color: #000;
	font-size: 1.35em;
}

.footer-alert  a {
	color: #1e1e1e !important;
	border-bottom: 1px solid #1e1e1e !important;
	transition: all .5s ease;
}

.footer-alert a:focus,
.footer-alert a:hover {
	background: none;
	border-bottom: 3px solid #1e1e1e !important;
}

/*---------------------------------------*/
/*-----------ARCHIVE STYLES--------------*/
/*---------------------------------------*/


.archive-logo {
	width: 200px;
	margin: 1em 1.5em;
}

.page-title {
	font-size:1.5em;
	margin-left: 1.25em;
}

.btnClose {
	width:25%;
	margin: 1em 80%;
	font-weight: 500;
	letter-spacing: .5px;
	padding: 0.45em .25em;
	border-radius: 5px;
	border: 2px solid #064c7b;
	background: #064C7B;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	float: right;
}


/*-----------------------------------------*/
/*---------------COLORS--------------------*/
/*-----------------------------------------*/

/*----------
/*--COLOR BLOCKS, USE THESE TO CHANGE TEXT OR BACKGROUNDS FOR PARAGRAPHS, ALERT BOXES, ETC. --------------*/

.white {
	color: #fff;
}

.navy {
	background: #064C7B;
}

.ltblue {
	background: #007CBD;
}

.powder-blue {
	background: #E9F5FB;
	margin: 1em 0;
	padding: .75em 1em .5em;
	border-radius: 12px;
}

.green {
	background: #8DB92E;
}

.green:hover {
	background: #6d9521 !important;
}


.turq {
	background: #064C7B;
}

.turq:hover {
	background: #022b47 !important;
}

.update-date {
	background: #D95052;
	padding: .2em .5em;
	color:  #FFFFFF;
	margin-right: .5em;
	line-height: 1.5em;
	border-radius: 10px;
}

/*-------------------------------------------*/
/*-------------MEDIA QUERIES-----------------*/
/*-------------------------------------------*/


@media screen and (max-width: 968px) {
	.header {
		display: flex;
	}
	.header-logo {
		flex-basis: 20%;
		margin-right: 1em;
		min-width: 150px;
	}

	.header-sub-content {
		justify-content: start;
		grid-template-columns: 15% 15% 25%;
		align-self: start;
		align-items: start;
		height: 88px;
	}

	.nav-list {
		display: inline-block;
		width: 100%;
	}

	.nav-item {
		padding: .75em 2em;
		text-align: left;
		margin: 0;
		border-bottom: 1px solid #fff
	}

	.nav-dropdown {
		z-index: 3000;
		margin-left: 5px;
	}

	.footer-logo {
		background: pink;
		display: none;
	}


	
	.nav-item:hover > ul,
	.nav-item:focus > ul,
	.nav-item:focus-within > ul,
	.nav-dropdown:hover,
	.nav-dropdown:focus {
		width: 100%;
		margin-left: -5px;
	}
}

@media screen and (max-width: 868px) {
	.home-hero {
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.hero-image {
		display: none;
		grid-column-end: span 0;
	}

	.col-8-half {
		grid-column-start: span 1;
	}

	.col-8 {
		grid-column-end: span 12;
	}

	.col-10 {
		grid-column-end: span 12;
	}

	.alert-noborder,
	.alert-low,
	.alert-medium,
	.alert-high{
		width: 100%;
		grid-column-end: span 11;
		margin-bottom: 1em;
	}
}

@media screen and (max-width:600px) {
	.two-up {
		width: 80vw;
		margin: 0 auto 1.5em;
	}
}

/* ICON CARD TEST */


.icon-card-link-small > .icon-card-small:hover,
.icon-card-link-small > .icon-card-small:hover .cls-1
{
	transition: background ease-in .05s, color ease-in .05s, fill ease-in .05s;
	background: #064C7B;
	color: #fff;
	fill: #fff;
}



.icon-card-small-link > .icon-card-small:hover .icon-card-img {
		filter: invert(0.5) brightness(2);
		transition: filter .05s ease-in;
}


/*----------------------------------- content style---------------------- */
/* space added to anchor tag to fix misalignment caused by sticky header */

#search-result {
	display: none;
	height: 100%;
	width: 80vw;
	margin: 1em 12%;
}

#search-result h3 {
margin:.25em 0;
color:#064c7b;
font-weight: bold;
font-size: 1em;
}

#search-result h4 {
margin-top:2px;
color:#064c7b;
text-align: center;
font-weight: bold;
font-size: .85em;
}

.st-ui-type-detail h3 {
	margin:.25em 0;
color:#064c7b;
font-weight: bold;
font-size: 1em;
}

#search-result ul li::before {
color: green;
font-weight: bold;

}
div.total {
word-wrap: break-word;
}

#pagination {
	display: block;
	text-align: center;
	
}

a.skip-main {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }

a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 1.2em;
  z-index: 999; }

/* Hides from lable unless focus */
.hide-element {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hide-element-focusable:active,
.hide-element-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  padding-left: 10px; }

.visually-hidden {
  visibility: hidden;
  position: absolute;
  height: 0px;
  width: 0px;
  right: -999px; }


.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}


/* ----------------- ---------------*/
/* Provider Resources Search Styling */
/*--------FIX ALL THIS --------------*/

#search-result em {
	font-style: bold;
	font-weight: 800;
}


/*----- Search----- */
.searchHolder {
  font-size: .8em;
  text-align: center;
  color: #FFF; }

.srch {
  margin-left: -20px;
  padding-left: 0px; }

#search {
	border-radius: 4px;
    border: 2px solid black;
    width: 110px;
    height: 31px;
	overflow: hidden;
}

#search::placeholder {
	color: rgba(0,0,0,0.79);
}

.btn-search {
	color: #333;
	background-color: #064C7B;
	border: 2px solid black;
	padding: 2px;
	margin-left: .5em;
	transition: all  0.5s ease;
}
.btn-search:focus,
.btn-search:hover {
	border-color: #fff;
	background: #007CBD;
}


/*----- mobile search----- 
.searchbox {
  float: top;
  width: 100%;
  height: 100px;
  text-align: center;
  padding: 0px;
  color: #000;
  margin-left: 20px; }

.form-inline {
  margin-top: 25px; }

.lob {
  margin-left: 16px; }*/

.searchbox {
  	width: 170px;
    height: 100px;
    color: #FFF;
    display: grid;
    align-items: center;
} 

/* SEARCH RESULT PAGE STYLES */

#total  span {
	font-size: 13px;
	line-height: 10px;
}

#total h3  {
	font-size: 18px;
	margin: 20px 0 10px 0;
}

#total ul {
	list-style-type: none;
	margin-left: -20px;
	font-size: 10px;
}

#pagination button 
{
	margin: 2px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #064C7B;
	border: 2px solid black;
	transition: all  0.5s ease;
}

#pagination button.active {
	background: #8DB92E;
}

#pagination button:focus,
#pagination button:hover {
	border-color: #064c7b;
	background: #007CBD;
}