@font-face {
	font-family: "Lato-Bold";
	src: url("/wp-content/themes/nmenv-redesign/fonts/Lato/Lato-Bold.ttf") format('truetype');
	font-weight: 1 999;
}

@font-face {
	font-family: "Lato-Regular";
	src: url("/wp-content/themes/nmenv-redesign/fonts/Lato/Lato-Regular.ttf") format('truetype');
	font-weight: 1 999;
}

@font-face {
	font-family: "Oswald";
	src: url("/wp-content/themes/nmenv-redesign/fonts/Oswald/Oswald-Variable.ttf") format('truetype');
	font-weight: 1 999;
}

:root {
	--primary-color: #296596;
	--secondary-color: #9ABCA7;

	--header-top-bar-background: #01233f;
	--header-top-bar-separators: #3a9e9c;
	--header-top-bar-color: #fff;
	--header-main-section-height: 11rem;
	--header-menu-bar-color: #FFF;
	--header-menu-bar-color-change: #B5CBE8;
	--header-menu-bar-separators: #ffa168;
	--header-breadcrumbs-background: #fff;

	--header-menu-bar-background: var(--primary-color);
	--body-bounding-bars-background: var(--primary-color);
	--footer-main-section-background: var(--primary-color);

	--header-main-section-background: #B5CBE8;
	--footer-menu-bar-background: var(--header-main-section-background);

	--body-background: #eff3f4;
	--body-box-background: #f1e1c0;

	--footer-menu-bar-separators: #e2ffff;
	--footer-menu-bar-color: #00263a;
	--footer-menu-bar-color-change: #333;
	--footer-contact-separators: #003143;
	--footer-bottom-bar-background: #00243f;
	--footer-bottom-bar-color: #fff;

	--box-margin: 1.5rem;
	--box-default-color: #08171e;

	--p-margin: 1rem;

	--heading-color: #002646;

	--color-1: #002245;
	--color-2: #026773;
	--color-3: #3a9e9c;
	--color-4: #32895f;
	--color-5: #718c55;

	--page-width: 96rem;
	--body-width: 90rem;
	--page-width-two-thirds: calc( var(--page-width) * 2 / 3 );
	--page-width-one-half: calc( var(--page-width) / 2 );
	--page-width-one-third: calc( var(--page-width) / 3 );
	--min-page-padding: 2.5vw;
	--calc-page-width: calc( var(--page-width) - var(--min-page-padding) );

	--scrollbar-width: calc( 100vw - 100% );

	/* Weglot Variables */
	--weglot-top-nopriv: 3rem;
	--weglot-top-logged-in-mobile: calc( 46px + var(--weglot-top-nopriv) );
	--weglot-top-logged-in: calc( 32px + var(--weglot-top-nopriv) );
	--weglot-right: calc( 50vw - var(--body-width) / 2 - var(--scrollbar-width) / 2 );
	--weglot-right-mobile: calc( 2.5vw - var(--scrollbar-width) / 2 );;

	font-size: 14px;
	color: #000;
	min-width: 22rem;
}

body {
	font-family: Lato-Regular;
	background-color: var(--body-background);
}

body.width80 {
	--body-width: 80rem;
	--weglot-right: calc( 50vw - var(--body-width) / 2 - var(--scrollbar-width) / 2 );
}

body.width90 {
	--body-width: 90rem;
	--weglot-right: calc( 50vw - var(--body-width) / 2 - var(--scrollbar-width) / 2 );
}

body.width100 {
	--body-width: 100rem;
	--weglot-right: calc( 50vw - var(--body-width) / 2 - var(--scrollbar-width) / 2 );
}

body.width200 {
	--body-width: 200rem;
	--weglot-right: calc( 50vw - var(--body-width) / 2 - var(--scrollbar-width) / 2 );
}

* {
	letter-spacing: 1px;
	padding: 0px;
	margin: 0px;
	position: relative;
	box-sizing: border-box;
}

table {
	font-size: 1rem;
}

th { padding-bottom: 1em; }

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #00000008;
}

.tabletopalign td { vertical-align: top; }
.table-2-1 td:first-child { width: calc( 200% / 3 ); }
.table-2-1 td:last-child { width: calc( 100% / 3 ); }

.spaced1emlr td { padding-left: 1em; padding-right: 1em; }
.spaced1-5emlr td { padding-left: 1.5em; padding-right: 1.5em; }
.spaced2emlr td { padding-left: 2em; padding-right: 2em; }
.spaced3emlr td { padding-left: 3em; padding-right: 3em; }
.spaced4emlr td { padding-left: 4em; padding-right: 4em; }

.spaced1em td { padding-top: 1em; padding-bottom: 1em; }
.spaced2em td { padding-top: 2em; padding-bottom: 2em; }
.spaced3em td { padding-top: 3em; padding-bottom: 3em; }
.spaced4em td { padding-top: 4em; padding-bottom: 4em; }

.spaced1embottom td { padding-bottom: 1em; }
.spaced2embottom td { padding-bottom: 2em; }
.spaced3embottom td { padding-bottom: 3em; }
.spaced4embottom td { padding-bottom: 4em; }

.spaced1emtop td { padding-top: 1em; }
.spaced2emtop td { padding-top: 2em; }
.spaced3emtop td { padding-top: 3em; }
.spaced4emtop td { padding-top: 4em; }

.underline { text-decoration: underline; }

article .nomargin {
	margin: 0;
}

p.responsive-hidden {
	display: none;
	margin-bottom: 0;
	cursor: pointer;
	width: 100vw;
	padding-left: 2.5vw;
	left: -2.5vw;
	font-weight: bolder;
}

.responsive-menu p.responsive-hidden {
	width: 100%;
	left: 0;
	padding-left: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

p {
	flex: 1;
	margin-bottom: var(--p-margin);
}

strong {
	font-family: "Lato-Bold";
}

img {
	max-width: 100%;
}

ul.sub-menu,
ul.menu {
	list-style: none;
	display: flex;
}

#main-content-sidebar ul.menu,
ul.menu.vertical {
	flex-direction: column;
}

ul.menu > li {
	vertical-align: baseline;
}

#main-content-sidebar ul.sub-menu {
	padding-left: 1em;
	display: block;
}

#main-content-sidebar ul.menu > li,
ul.menu.vertical > li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-family: Oswald;
}

#main-content-sidebar ul {
	list-style: none;
}

#main-content-sidebar ul ul {
	padding-left: 1em;
}

#main-content-sidebar ul.bullets ul,
#main-content-sidebar ul.bullets {
	list-style: initial;
	list-style-position: inside;
}

#main-content-sidebar ul.bullets ul {
	list-style: circle;
	list-style-position: inside;
}

#main-content-sidebar ul.outside ul,
#main-content-sidebar ul.outside {
	list-style-position: outside;
}

#main-content-sidebar ul.outside ul {
	list-style: circle;
	list-style-position: outside;
}

#main-content-sidebar a {
	text-decoration: underline;
}

ul.menu > li.spacer {
	height: 2em;
	width: 1px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--header-menu-bar-separators);
	cursor: auto;
	margin: 0;
}

ul.menu > li:first-child {
	margin-left: 0;
}

ul.menu.vertical > li:first-child {
	margin-top: 0;
}

ul.menu > li:last-child {
	margin-right: 0;
}

ul.menu.vertical > li:last-child {
	margin-bottom: 0;
}

ul.menu.separators.justify > li:first-child {
	text-align: left;
}

ul.menu.justify > li:last-child {
	text-align: right;
}

ul.menu ul.submenu {
	display: none;
	position: absolute;
	z-index: 100;
	min-width: 10em;
	list-style: none;
}

ul.menu ul.submenu > li {
	line-height: 1.5em;
	padding: 0.5em;
}

div:not(.expanded) > div.content-div > ul.menu li.has-submenu.submenu-shown > ul.submenu,
div:not(.expanded) > div.content-div > ul.menu li.has-submenu:hover > ul.submenu {
	display: block;
}

ul.submenu > li.has-submenu::after {
	content: ">";
	position: absolute;
	right: 0.5em;
	top: 50%;
	transform: translateY(-50%);
}

header #menu-bar:not(.expanded) #main-menu-bar > li:last-of-type > ul.submenu > li.has-submenu::after {
	content: "<";
}

body.supports-mouse:not(.responsive-menu-used) li.touch-only {
	display: none;
}

body:not(.supports-mouse) li.touch-only {
	display: block;
}

/* Todd, here's the vertical colored menu - Keith */
ul.menu.colored.vertical {
	display: flex;
	flex-direction: column;
	align-content: space-between;
	height: calc( 100% - 3em );
}

ul.menu.colored.vertical li {
	flex: 1;
}

ul.menu.colored li span,
#main-content-sidebar ul.menu.colored li a,
ul.menu.colored li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-family: "Lato-Bold";
}

ul.menu.colored > li {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.5rem 0 0.5rem 1rem;
	font-size: 115%;
}

.home-freq ul.menu.colored > li {
	height: 3rem;
	padding: 0;
	margin-bottom: 0.75rem;
}

.home-freq ul.menu.colored > li span,
.home-freq ul.menu.colored > li span {
	line-height: 3rem;
	padding-left: 1rem;
}

ul.menu.colored > li:nth-child(5n+1) { background-color: var(--color-1); }
ul.menu.colored > li:nth-child(5n+2) { background-color: var(--color-2); }
ul.menu.colored > li:nth-child(5n+3) { background-color: var(--color-3); }
ul.menu.colored > li:nth-child(5n+4) { background-color: var(--color-4); }
ul.menu.colored > li:nth-child(5n+5) { background-color: var(--color-5); }
/* End Todd vertical menu */

ul.menu.single-line { white-space: nowrap; }

#body-content ul.menu ul.submenu {
	position: relative;
	padding-left: 1em;
	display: block;
}

/* Main Section Definitions */
header #top-bar {
	height: 3rem;
	width: 100%;
	background-color: var(--header-top-bar-background);
	color: var(--header-top-bar-color);
	font-family: Oswald;
	line-height: 3rem;
}

header #main-section {
	height: var(--header-main-section-height);
	width: 100%;
	background-color: var(--header-main-section-background);
}

header #menu-bar {
	height: 4rem;
	width: 100%;
	background-color: var(--header-menu-bar-background);
	color: var(--header-menu-bar-color);
	font-family: Oswald;
	line-height: 4rem;
	transition: 0.5s all;
}

header #menu-bar.searching {
	height: 8rem;
}

header #archive-bar {
	 min-height: 2rem;
	 line-height: 2rem;
	 background-color: #ffffff;
	 color: #01233f;
	 width: 100%;
	 text-align: center;
	 font-family: Oswald;
}

header #breadcrumbs {
	height: 3rem;
	width: 100%;
	font-size: 0.75rem;
	line-height: calc( 3em / 0.75 );
	text-align: right;
}

#body-content {
	width: var(--body-width);
	min-height: 500px;
	margin: 0 auto;
}

#body-content > .content-div {
	height: unset;
}

#body-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 50%;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("images/NMEDlogoseal.png");
}

#page-splash-image h2.title {
	color: white;
	font-size: 3em;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}

span.single-line {
	clear: both;
	display: block;
}

#multisite-menu-toggle {
	position: absolute;
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	z-index: 10;
	color: var(--header-menu-bar-background);
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

#multisite-menu-toggle::before,
#multisite-menu-toggle::after {
	content: "";
	width: calc(100% - 1rem);
	height: 4px;
	background-color: var(--header-menu-bar-background);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(50% - 2px);
	transform-origin: center;
	transition: 0.3s all;
}

#multisite-menu-toggle::before {
	top: calc(50% - 10px);
}

#multisite-menu-toggle.opened::before {
	top: calc(50% - 2px);
	transform: translateX(-50%) translateY(-0.75rem) rotate(45deg);
}

#multisite-menu-toggle.opened::after {
	transform: translateX(-50%) translateY(-0.75rem) rotate(-45deg);
}

#multisite-menu-toggle span {
	position: absolute;
	top: calc(50% + 6px);
	width: calc(100% - 1rem);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	transition: 0.3s all;
}

#multisite-menu-toggle:hover span {
	border-color: var(--header-menu-bar-color-change);
	color: var(--header-menu-bar-color-change);
}

#multisite-menu-toggle:hover::before,
#multisite-menu-toggle:hover::after {
	background-color: var(--header-menu-bar-color-change);
}

#multisite-menu-toggle .display-opened { display: none; }
#multisite-menu-toggle.opened .display-opened {	display: block; }
#multisite-menu-toggle.opened .display-closed {	display: none; }
#multisite-menu-toggle .display-closed {
	display: block;
	border-top: 4px solid var(--header-menu-bar-background);
}

h1.page-highlight {
	font-size: 3em;
	color: var(--heading-color);
	font-family: Oswald;
	padding-left: 5rem;
	z-index: 5;
}

#multisite-menu-container {
	color: var(--header-menu-bar-background);
	max-height: 0px;
	height: auto;
	overflow: hidden;
	transition: 0.3s ease;
}

#multisite-menu-container.expanded {
	max-height: initial;
	padding: 0.5rem;
}

h2,
h3 {
	font-family: Oswald;
}

footer {
	overflow: hidden;
}

footer #menu-bar {
	margin-top: var(--box-margin);
	height: 7rem;
	width: 100%;
	background-color: var(--footer-menu-bar-background);
	color: var(--footer-menu-bar-color);
	font-family: Oswald;
}

footer #main-section {
	height: 13rem;
	width: 100%;
	background-color: var(--footer-main-section-background);
	font-family: Oswald;
}

footer #main-section #footer-contact {
	font-family: Lato-Bold;
}

footer #bottom-bar {
	height: 3rem;
	width: 100%;
	background-color: var(--footer-bottom-bar-background);
	color: var(--footer-bottom-bar-color);
}

.reponsive-menu {
	padding-right: 2em;
}

.uppercase {
	text-transform: uppercase;
}

.partial-content-div,
.content-div {
	margin: 0 auto;
	display: flex;
	text-align: inherit;
}

.content-div {
	width: var(--body-width);
	height: 100%;
}

.partial-content-div.horizontal,
.content-div.horizontal {
	flex-direction: row;
}

.partial-content-div.horizontal-reverse,
.content-div.horizontal-reverse {
	flex-direction: row-reverse;
}

.partial-content-div.vertical,
.content-div.vertical {
	flex-direction: column;
}

.partial-content-div.vertical-reverse,
.content-div.vertical-reverse {
	flex-direction: column-reverse;
}

.content-div > * {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}

.content-div .flex-one { flex-grow: 1; }
.content-div .flex-two { flex-grow: 2; }
.content-div .flex-three { flex-grow: 3; }
.content-div .flex-four { flex-grow: 4; }
.content-div .flex-five { flex-grow: 5; }
.content-div .flex-six { flex-grow: 6; }
.content-div .flex-seven { flex-grow: 7; }
.content-div .flex-eight { flex-grow: 8; }
.content-div .flex-nine { flex-grow: 9; }

.content-div .flex-basis-20 { flex-basis: 120%; }
/*.content-div .half { flex-basis: calc( 100% / 2 ); }
.content-div .third { flex-basis: calc( 100% / 3 ); }
.content-div .fourth { flex-basis: calc( 100% / 4 ); }
.content-div .fifth { flex-basis: calc( 100% / 5 ); }
.content-div .sixth { flex-basis: calc( 100% / 6 ); }
.content-div .seventh { flex-basis: calc( 100% / 7 ); }
.content-div .eigth { flex-basis: calc( 100% / 8 ); }
.content-div .ninth { flex-basis: calc( 100% / 9 ); }
.content-div .tenth { flex-basis: calc( 100% / 10 ); }*/

.box {
	display: block;
	padding: 0 0 0 2rem;
	margin-top: var(--box-margin);
	margin-bottom: var(--box-margin);
}

.box.full,
.horizontal > .box:first-child {
	padding-left: 0;
}

.box.top-box {
	margin-top: 0;
}

.box h3.title {
	color: var(--heading-color);
	font-size: 1.5em;
}

.box.banded-box {
	background-color: transparent;
	border-top: 0.5rem solid var(--body-bounding-bars-background);
	border-bottom: 0.5rem solid var(--body-bounding-bars-background);
	padding: 0.5rem 0;
}

.box .box-content-div {
	position: relative;
	min-height: 6rem;
	padding: 1em 1em 1em 2em;
	width: 100%;
	height: 100%;
}

#main-content-sidebar .gut-widget {
	width: calc( 100% + 3em );
	height: calc( 100% - 2em );
	left: -2em;
	padding-left: 2em;
}

#main-content-sidebar .icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: -1.5rem;
	width: 3rem;
	height: 3rem;
	background-size: cover;
}

#main-content-sidebar .icon.down-arrow::before { background-image: url("images/box-icons/down-arrow.png"); }
#main-content-sidebar .icon.calendar::before { background-image: url("images/box-icons/calendar.png"); }
#main-content-sidebar .icon.paper::before { background-image: url("images/box-icons/paper.png"); }
#main-content-sidebar .icon.people::before { background-image: url("images/box-icons/people.png"); }
#main-content-sidebar .icon.phone::before { background-image: url("images/box-icons/phone.png"); }
#main-content-sidebar .icon.twitter::before { background-image: url("images/box-icons/twitter.png"); }

.full-width-sidebar .box .box-content-div {
	height: auto;
}

.box .box-content-div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--body-box-background);
	z-index: -1;
}

.box.translucent .box-content-div::before {
	opacity: 0.33;
}

.box .box-content-div.right-content {
	padding-right: 0;
}

.box .box-content-div .box-icon {
	position: absolute;
	top: 1rem;
	left: -1.5rem;
	width: 3rem;
	height: 3rem;
}

.box .box-content-div .box-icon img {
	max-width: 100%;
	max-height: 100%;
}

.box .box-content-div > h3 {
	color: var(--box-default-color);
	font-size: 1.5rem;
	line-height: 3rem;
}

/* End Main Section Definitions */

/* Specialty Box Definitions */

#comments-testimony, #happening-now {
	flex-grow: 0;
	flex-shrink: 0;
	width: 50%;
}
#public-notices.box .box-content-div::before {
	background-color: #70a04a;
}

#happening-now.box .box-content-div::before {
	background-color: #3b989f;
}

#non-discrimination.box .box-content-div::before {
	background-color: #32895f;
}

#news.box .box-content-div::before {
	background-color: #32895f;
}

#news.box .news {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

#news.box .news .news-item {
	display: flex;
	flex-direction: column;
	flex-basis: 30%;
}

#news.box .news .news-item > * {
	flex: 1;
	flex-grow: 0;
	flex-shrink: 0;
}

#news.box .news .news-item .news-thumb {
	flex-basis: 25%;
	flex-shrink: 0;
	flex-grow: 0;
	overflow: hidden;
	position: relative;
}

#news.box .news .news-item .news-thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
}

#news.box .news .news-item .title {
	margin-top: var(--p-margin);
	font-weight: bold;
}

#news.box .news .news-item .news-date {
	font-weight: bold;
	font-size: 1.15rem;
}

#news.box .news .news-item .copy {
	font-size: 1.1rem;
}
/* End Specialty Box Definitions */

/* Header Section Definitions */
header #top-bar .responsive-hidden {
	line-height: 3em;
}

header #top-bar #top-bar-text {
	flex: 90%;
	font-size: 1rem;
	line-height: 3em; /* 3rem total */
	justify-content: start;
}

header #top-bar #top-bar-text li:not(.spacer) {
	margin: 0 0.25em;
}

header #top-bar #top-social-icons {
	flex: 10%;
	font-size: 1.25rem;
	line-height: 3rem;
	display: flex;
	justify-content: flex-end;
}

header #top-bar #top-social-icons li {
	flex: auto;
	text-align: right;
}

header #main-section #background-seal {
	position: absolute;
	top: 0;
	right: -2.5vw;
	width: 100%;
	height: 100%;
	background-position: right center;
	background-size: 45%;
	filter: opacity(18%);
	background-repeat: no-repeat;
	background-image: url("images/NMEDlogoseal.png");
}

header #main-section #main-logo {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

header #main-section #main-logo a {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

header #main-section img {
	max-height: calc( var(--header-main-section-height) * 0.9 );
}

header #menu-bar #main-menu-bar {
	flex: 95%;
	font-size: 1rem;
	line-height: calc( 4em / 1 ); /* 3rem total */
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	font-weight: bold;
	text-transform: uppercase;
	height: 4rem;
}

header #menu-bar #main-menu-bar li:not(.spacer) {
	color: var(--header-menu-bar-color);
	cursor: pointer;
	padding: 0 0.25em;
}

header #menu-bar #main-menu-bar li:hover {
	color: var(--header-menu-bar-color-change);
}

header #menu-bar:not(.expanded) #main-menu-bar > li.has-submenu > ul.submenu {
	top: 4rem;
	left: 0;
	z-index: 500;
}

header #menu-bar:not(.expanded) #main-menu-bar ul.submenu {
	background-color: var(--header-menu-bar-background);
	white-space: nowrap;
	top: 0;
	left: 100%;
}

header #menu-bar:not(.expanded) #main-menu-bar > li:last-of-type > ul.submenu > li.has-submenu ul {
	left: initial;
	right: 100%;
}

header #menu-bar #main-menu-bar ul.second-submenu li {
	line-height: 2.1rem;
}

header #menu-bar #main-menu-bar ul.second-submenu {
	background-color: var(--header-menu-bar-background);
	top: 0;
	left: 100%;
	white-space: nowrap;
}

header #menu-bar #main-menu-bar ul.submenu > li {
	line-height: 2em;
	border-bottom: 0.25em solid var(--header-menu-bar-background);
	padding-right: 1.5em;
}

header #menu-bar #main-search {
	flex: 5%;
	text-align: right;
	z-index: 100;
}

header #menu-bar #main-search i {
	font-size: 1rem;
	line-height: 4rem;
	width: 100%;
	color: var(--header-menu-bar-color);
	cursor: pointer;
	z-index: 50;
}

header #menu-bar #main-search i:hover {
	color: var(--header-menu-bar-color-change);
}

header #menu-bar.searching #main-search i {
	color: gray;
}

header #menu-bar.searching #main-search i:hover {
	color: var(--header-menu-bar-color-change);
}

header #menu-bar #main-search #searchbar {
	display: none;
	width: var(--body-width);
	position: absolute;
	right: 0;
	top: calc( 4em + 1px );
	border-top: 1px solid var(--header-menu-bar-separators);
	height: 3em;
}

header #menu-bar #main-search #searchbar form {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	text-align: left;
}

header #menu-bar.searching #main-search #searchbar {
	display: block;
	position: absolute;
	right: 0;
	top: 4rem;
	height: 4rem;
	width: var(--body-width);
	line-height: 4rem;
}

header #menu-bar.searching #main-search #searchbar span {
	height: 100%;
	display: inline-block;
	width: 4rem;
	text-align: right;
}

header #menu-bar.searching #main-search #searchbar input[type="text"] {
	border-width: 2px;
	height: 3rem;
	top: 0rem;
	background: white;
	border-radius: 0.25rem;
	width: calc( var(--body-width) - 10rem ); /* 100% - span - submit */
	z-index: 40;
	padding: 0.5rem 1rem;
	position: relative;
	display: inline-block;
}

header #menu-bar.searching #main-search #searchbar input[type="submit"] {
	height: 3rem;
	border-width: 2px;
	top: calc( 0.5em + 2px );
	background: white;
	border-radius: 0.25rem;
	width: 6rem;
	padding: 0.5rem 0;
	z-index: 10;
	right: 0;
	position: absolute;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	transition: 0.5s all;
}

header #menu-bar.searching #main-search #searchbar input[type="submit"]:hover {
	background: var(--header-menu-bar-color-change);
}

.close-input {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1.5rem;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
}

.close-input span {
	position: absolute;
	top: 0;
	left: 0%;
	transform-origin: 50% 50%;
	height: 1rem;
	width: 2px;
	background: var(--header-menu-bar-color-change);
	transform: translateX(-50%);
	transition: 0.5s all;
}

.open-input .close-input span {
	left: 50%;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.close-input:hover span {
	background: var(--header-menu-bar-color);
}

.close-input span:first-child {
	animation-name: lean45left;
}

.close-input span:last-child {
	animation-name: lean45right;
}
/* End Header Section Definitions */

@keyframes lean45left {
	0% {}
	100% { transform: rotate(-45deg); }
	/*100% { transform: rotate(-45deg) translateY(-1px); }*/
}

@keyframes lean45right {
	0% {}
	100% { transform: rotate(45deg); }
	/*100% { transform: rotate(45deg) translateY(-1px); }*/
}

/* Footer Section Definitions */
footer #menu-bar .content-div {
	height: 100%;
}

footer #menu-bar #secondary-menu-bar {
	flex: 1;
	font-size: 1rem;
	vertical-align: bottom;
	display: flex;
	justify-content: space-between;
}

footer #menu-bar #secondary-menu-bar li {
	vertical-align: bottom;
	color: var(--footer-menu-bar-color);
	flex-direction: column;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-width: 3rem;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
}

footer #menu-bar #secondary-menu-bar li.spacer {
	min-width: 0;
	top: 2.25rem;
	height: 4rem;
	transform: none;
}

footer #menu-bar #secondary-menu-bar li::after {
	content: none;
	background-color: var(--footer-menu-bar-separators);
}

footer #menu-bar #secondary-menu-bar li .img-container {
	flex: calc( 450% / 7 );
	width: 100%;
}

footer #menu-bar #secondary-menu-bar li .img-container i {
	position: absolute;
	font-size: 1.5em;
	top: 2.5rem;
	left: 50%;
	filter: invert(1);
	transform: translate(-50%, -50%);
}

footer #menu-bar #secondary-menu-bar li .img-container a {
	display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

footer #menu-bar #secondary-menu-bar li .img-container img {
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
}

footer #menu-bar #secondary-menu-bar li .img-container::before {
	content: "";
	background-color: var(--footer-menu-bar-color);
	border-radius: 50%;
	height: 2rem;
	width: 2rem;
	left: 50%;
	display: block;
	bottom: 0.5rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

footer #menu-bar #secondary-menu-bar li span {
	flex: calc( 250% / 7 );
	width: 100%;
	text-align: center;
}

footer #menu-bar #secondary-menu-bar li:hover {
	color: var(--footer-menu-bar-color-change);
}

footer #main-section #nm-seal {
	position: absolute;
	top: 0;
	left: -17%;
	width: 100%;
	height: 100%;
	background-position: 0 center;
	background-size: 16%;
	filter: opacity(50%);
	background-repeat: no-repeat;
	background-image: url("images/State-Seal-of-New-Mexico.png");
}

footer #main-section .content-div {
	display: flex;
	height: 100%;
}

footer #main-section #footer-menu {
	flex: calc( 400% / 13 );
	flex-grow: 0;
	font-size: 1em;
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-weight: bold;
	color: white;
}

footer #main-section #footer-menu li {
	line-height: calc( 13em * 4 / 10 );
	text-align: center;
}

footer #main-section #footer-menu li:hover {
	color: var(--header-menu-bar-color-change);
}

footer #main-section #footer-contact {
	flex: calc( 300% / 13 );
	flex-grow: 0;
	font-size: 0.75em;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	color: white;
}

footer #main-section #footer-contact li {
	line-height: calc( 13em * 3 / 10 );
	text-align: center;
	white-space: nowrap;
}

footer #main-section #footer-contact li::after {
	content: none;
}

footer #main-section #footer-contact li:first-child {
	text-align: left;
}

footer #main-section #footer-contact li:last-child {
	text-align: right;
}

footer #main-section #footer-contact li.spacer {
	background-color: var(--footer-contact-separators);
}

footer #bottom-bar #copyright {
	flex: 85%;
	font-size: 1rem;
	line-height: 3em; /* 3rem total */
	font-weight: bolder;
	font-family: Lato-Bold;
}

footer #bottom-bar #bottom-social-icons {
	flex: 10%;
	font-size: 1.25rem;
	line-height: 3rem;
	display: flex;
	justify-content: flex-end;
}

footer #bottom-bar #bottom-social-icons li {
	flex: auto;
	text-align: right;
}

#back-to-top {
	position: fixed;
  bottom: 5em;
  left: 0;
  color: white;
  font-weight: bolder;
  padding: 0.5em 1em;
  background: black;
  display: none;
}

#slideshow {
	flex: 1;
	padding: 0;
	max-height: none !Important; /* Temporary Forced Height to allow for width change stuff */
}

#footer-menu .title,
#secondary-menu-bar .title,
#main-menu-bar .title {
	font-family: Oswald;
}

.title {
	font-family: Lato-Bold;
}

/* Article Styles */
article h1,
article h2,
article h3 {
	margin: var(--p-margin) 0;
}

article ol,
article ul {
	list-style-position: outside;
	margin-left: 1.5em;
	margin-bottom: var(--p-margin);
}

article ul li {
	margin: 0.25rem 0;
}

article ul ul {
	margin-left: 0.5rem;
	margin-bottom: 0;
}

article a {
	color: var(--primary-color);
	font-weight: bold;
}
/* End Article Styles */

table.dataTable th {

	position: relative;
	cursor: pointer;
	padding-bottom: 2em;
}

table.dataTable th::before,
table.dataTable th::after {
	content: "";
	border: 0.75em solid transparent;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0.5em;
}

table.dataTable th::before {
	border-bottom-color: gray;
	right: 50%;
}

table.dataTable th::after {
	border-top-color: gray;
	left: 50%;
	transform: translateY( 50% );
}

table.dataTable th.sorting_asc::before {
	border-bottom-color: #E91820;
}

table.dataTable th.sorting_desc::after {
	border-top-color: #E91820;
}

.highcharts-legend-item .highcharts-point,
.highcharts-legend-item .highcharts-graph {
  display: none
}

div.dataTables_paginate a {
	cursor: pointer;
	margin-left: 0.25em;
	margin-right: 0.25em;
}

div.dataTables_paginate a:first-child {
	margin-left: 0;
}

div.dataTables_paginate a:last-child {
	margin-right: 0;
}

td {
	padding-bottom: 0.5rem;
	padding-left: 0.25rem;
}

tr:hover {
	background-color:
}

.language-vietnamese,
.language-spanish {
	display: none;
}

.tabs:not(.vertical) ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.tabs:not(.vertical) ul li {
	color: white;
}

.box.see-all .box-content-div {
	padding-bottom: 3em;
}

.box.see-all div.see-all {
	position: absolute;
	bottom: 1em;
}

.box #twitter-widget-0 {
	height: calc( 100% - 2em );
}

.trumba-area {
	background-color: #f8f8f0;
	height: calc( 100% - 3em );
}

.happenings {
	height: calc( 100% - 3em );
	overflow-y: auto;
}

p.no-events {
	display: block;
	position: absolute;
	top: 1em;
	padding: 1em;
}

.nmenv_accordion_item_title {
	background-color: var(--header-main-section-background);
	color: var(--header-menu-bar-color);
	cursor: pointer;
	display: block;
	width: 100%;
	margin: 0.5em 0;
}

.nmenv_accordion_item_body .nmenv_accordion_item_title {
	color: var(--header-main-section-background);
	background-color: var(--header-menu-bar-color);
}

.nmenv_accordion_item_body .nmenv_accordion_item_title a {
	color: var(--header-main-section-background);
	text-decoration: underline;
}

.nmenv_accordion_item_title > * {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.25em;
	padding-left: 2.25rem;
}

.nmenv_accordion_item_title a {
	color: var(--header-menu-bar-color);
	text-decoration: underline;
	transition: 0.5s all;
}

.nmenv_accordion_item_title a:hover {
	color: #EFB381;
}

.nmenv_accordion_item_title > i {
	position: absolute;
	top: .25em;
	left: .25em;
	padding-left: 0.5em;
}


.nmenv_accordion_item_body {
	display: none;
	padding-left: 1em;
}

.tabs-content > div {
	display: none;
}

.tabs-content > div:first-child {
	display: block;
}

td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat 10px center;
    background-color: #ffffff;
    cursor: pointer;
    padding-left: 40px;
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat 10px center;
    background-color: #ffffff;
    /*padding: 0px;*/
    padding-left: 40px;
}

.display {
	border: solid 1px #555555;
	background-color: #555555;
	padding: 0px;
}

td.row_display {
	background-color: #ffffff;
}

td.wastewater_display_left {
	border-left: 1px solid #555555;
	border-right: 1px dotted #cccccc;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

td.wastewater_display_right {
	border-left: 1px dotted #cccccc;
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

td.wastewater_display {
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

.trumba_container {
	background-color: #f8f8f0;
	max-height: 42em;
	overflow: hidden;
}

.trumba_items {
	transition: 1s all;
}

.trumba_item {
    display: block;
    height: 20rem;
    width: calc( 100% - 0.25em );
    overflow-y: hidden;
    margin-bottom: 2em;
    background: #f8f8f0;
}

.trumba_date {
    width: 4rem;
    float: left;
    height: 100%;
}

.trumba_date > span {
	width: 100%;
	text-align: center;
	display: block;
	line-height: 5rem;
	font-weight: bold;
	font-size: 1.25rem;
	text-transform: uppercase;
}

span.trumba_day {
    background-color: #47515b;
    height: 5rem;
    color: white;
		font-size: 1.5rem;
}

span.trumba_month {
    height: calc( 100% - 5rem );
    background-color: #b7e4e1;
}

.trumba_data {
    float: left;
    width: calc( 100% - 4rem );
    padding-left: 1rem;
		height: 100%;
		display: flex;
		flex-direction: column;
}

h2.trumba_title {
    font-size: 1.2rem;
}

h2.trumba_title:hover {
	text-decoration: underline;
}

.trumba_data > * {
    margin: 0.5rem 0;
}

.trumba_time {
    display: block;
    height: 1em;
    color: orange;
}

.trumba_desc {
	margin-bottom: 0;
	overflow-y: auto;
}

ul.trumba_pagination {
	height: 1em;
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	list-style: none;
	margin-top: 0.5em;
}

ul.trumba_pagination li {
	width: 1em;
	height: 1em;
	flex: 1;
	flex-grow: 0;
	flex-shrink: 0;
	color: white;
	cursor: pointer;
}

ul.trumba_pagination li:hover,
ul.trumba_pagination li.active {
	color: black;
}

.search-result h3 {
	margin-bottom: 0;
}

p.multipart {
    margin-top: 1em;
		display: flex;
}
.multipart > *:first-child {
    margin-right: 0;
}
.multipart > *:first-child {
    margin-left: 0;
}
.multipart > input[type="submit"] {
    cursor: pointer;
}
.multipart > input[type="submit"], .multipart > label {
    flex-grow: 0;
    padding: 0.25em;
    transition: 0.5s all;
}
.multipart > * {
    flex: auto;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

/* Modified Paragraph Styling */
.left1em { padding-left: 1em; }
.left2em { padding-left: 2em; }
.left3em { padding-left: 3em; }
.left4em { padding-left: 4em; }

.about-us-images img {
	border: 4px solid black;
	width: 191px;
	height: 265px;
	max-width: 191px;
	max-height: 265px;
}

/* Weglot */
body aside.country-selector.weglot-dropdown {
	position: absolute;
	bottom: auto;
	top: var(--weglot-top-nopriv);
	right: var(--weglot-right);
}

body.logged-in aside.country-selector.weglot-dropdown {
	top: var(--weglot-top-logged-in);
}

#print-logo {
	display: none;
}

@media screen and (max-width: 83rem ) {
	footer #main-section #nm-seal { left: -10%; }
}
@media screen and (max-width: 73.5rem) { /* Two Thirds to Full Screen */

	body aside.country-selector.weglot-dropdown {
		right: var(--weglot-right-mobile);
	}

	.content-div {
		max-width: var(--page-width);
		width: 95vw;
		margin: auto;
	}

	#body-content {
		width: 95vw;
	}

	footer #main-section #nm-seal {
		left: 0%;
	}
}
@media screen and (max-width: 1021px) {
	header #menu-bar #main-menu-bar {
		font-size:13px;
		line-height: calc( 4em * 14 / 13 );
	}
}
@media screen and (max-width: 958px) {
	header #menu-bar #main-menu-bar {
		font-size:12px;
		line-height: calc( 4em * 14 / 12 );
	}
}
@media screen and (max-width: 895px) {
	header #menu-bar #main-menu-bar {
		font-size:11px;
		line-height: calc( 4em * 14 / 11 );
	}
}
@media screen and (max-width: 833px) {
	header #menu-bar #main-menu-bar {
		font-size:10px;
		line-height: calc( 4em * 14 / 10 );
	}
}
@media screen and (max-width: 61rem) { /* Top bar has full content no modification after this */
	header #top-bar li { font-size: 75%; }
}
@media screen and (max-width: 49rem) { /* One Half to Two Thirds */

	body.logged-in aside.country-selector.weglot-dropdown {
		top: var(--weglot-top-logged-in-mobile);
	}

	*:not(.vertical-reverse) { flex-direction: column; }

	#top-social-icons,
	#bottom-bar * { flex-direction: row; }

	p.responsive-hidden { display: block; z-index: 500;	}

	.partial-content-div,
	.partial-content-div.horizontal,
	.partial-content-div.reverse-horizontal,
	.content-div.horizontal,
	.content-div.reverse-horizontal,
	.content-div {
		display: block;
		height: fit-content;
		width: 95vw;
	}

	.content-div.horizontal { flex-direction: column; }
	ul.menu > li.spacer { display: none; }
	ul.menu ul.submenu { position: relative; }
	.box { padding-left: 0;	}
	.box .box-content-div { padding-left: 1em; height: fit-content; }
	.box .box-content-div .box-icon { left: 1rem; }
	.box .box-content-div > h3 { padding-left: 3rem; }

	header #top-bar #top-social-icons li { text-align: center; }

	header #main-section #main-logo a { transform: none; }

	header #menu-bar #main-menu-bar { height: fit-content; }

	header #menu-bar #main-search i { display: none; }
	header #menu-bar #main-search #searchbar {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
	}

	header #top-bar,
	header #menu-bar,
	footer #menu-bar,
	.responsive-menu {
		height: 3rem;
		line-height: 3rem;
		overflow: hidden;
	}

	header #menu-bar #main-menu-bar {
		font-size: 1rem;
		line-height: 4rem;
	}

	header #top-bar.expanded,
	header #menu-bar.expanded,
	footer #menu-bar.expanded,
	.responsive-menu.expanded {
		height: fit-content;
	}

	body.supports-mouse li.touch-only,
	body:not(.supports-mouse) li.touch-only {
		display: block;
	}

	.responsive-menu {
		background-color: rgba(0, 0, 0, 0.1);
		margin-bottom: 0.5em;
	}

	.responsive-menu p.responsive-hidden {
		padding: 0 0.5em;
	}

	.responsive-menu > ul {
		margin: 0.5em;
	}

	header #menu-bar::after,
	header #menu-bar #main-menu-bar li.has-submenu::after,
	header #top-bar::after,
	footer #menu-bar::after,
	.responsive-menu::after {
		content: ">";
		position: absolute;
		width: 1rem;
		height: 1rem;
		right: 1rem;
		top: 1rem;
		line-height: 1rem;
		padding: 0 0.25rem;
		box-sizing: border-box;
		font-size: 1rem;
		font-weight: bolder;
		transform: rotate(90deg);
	}

	.trumba_item {
		width: auto;
	}

	ul.menu,
	ul#top-bar-text {
		width: calc( 100% + 5vw );
		left: -2.5vw;
	}

	ul.menu span,
	ul.menu a {
		display: block;
		position: relative;
	}

	ul.menu a {
		padding-left: 2.5vw;
		width: 80%;
	}

	ul.menu li {
		line-height: 2rem;
	}

	ul.menu li.has-submenu.expanded > ul.submenu {
		display: block;
		top: 0;
	}

	ul.menu li:hover > ul.submenu {	display: none; }
	ul.menu li.has-submenu.expanded > ul.submenu { display: block; }

	ul.menu.colored.vertical {
		width: auto;
		left: auto;
	}

	footer #menu-bar #secondary-menu-bar li {
		flex-direction: row;
		justify-content: start;
		line-height: 3rem;
	}

	footer #main-section #footer-contact,
	footer #menu-bar #secondary-menu-bar {
		padding: 0 2.5vw;
	}

	footer #menu-bar #secondary-menu-bar li .img-container { flex: none; width: 2rem; height: 3rem; }
	footer #menu-bar #secondary-menu-bar li span { flex: auto; padding-left: 1rem; }
	footer #menu-bar #secondary-menu-bar li.spacer { display: none; }


	footer #main-section #footer-menu { margin: 0; }
	footer #main-section #footer-menu li { line-height: 2rem; text-align: right; }

	footer #bottom-bar * { flex-direction: row; }
	footer #bottom-bar #copyright { flex: 70%; }
	footer #bottom-bar #bottom-social-icons { flex: 20%; }
	footer #bottom-bar #bottom-social-icons li { line-height: 3rem; }

	footer #main-section #nm-seal { background-size: 30%; }

	footer #main-section #footer-contact li:first-child,
	footer #main-section #footer-contact li {
		text-align: right;
		line-height: 2.75em;
	}

	footer #main-section a {
		display: inline-block;
		width: auto;
		padding: inherit;
	}

	#comments-testimony, #happening-now {
		width: auto;
	}

	.iphone-safari-lt-13 #twitter-widget-0 {
		width: 0 !Important;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
}
@media screen and (max-width: 36.75rem) { /* One Third to One Half */
	header #main-section #background-seal { display: none; }
	#breadcrumbs { display: none; }
	#slideshow { display: none; }
	footer #main-section #nm-seal { background-size: 50%; }
	#page-splash-image img { display: none; }
	#page-splash-image h2.title {
		position: relative;
		color: inherit;
		right: unset;
		bottom: unset;
	}
}

@media print {
	body {
		background-color: white;
	}

	#body-content,
	#body-content > .content-div,
	#body-content > .content-div > .content-div {
		width: auto;
	}

	#print-logo {
		display: block;
		width: 4.5em;
		height: 4.5em;
		position: absolute;
    top: 0.75em;
    left: 0.25em;
	}

	#body-background,
	#top-bar,
	#main-section,
	#menu-bar,
	#archive-bar,
	#breadcrumbs,
	#multisite-menu-toggle,
	#main-content-sidebar,
	#bottom-social-icons,
	.nmenv_accordion_item_title > i
	{
		display: none !Important;
	}

	h1.page-highlight {
		font-size: 4em;
	}

	.nmenv_accordion_item_title > h2,
	.nmenv_accordion_item_body {
		padding: 0;
	}

	article ol,
	article ul,
	.box.banded-box {
		border: none;
		padding: 0;
		margin: 0;
	}

	.tabs ul li,
	.tabs:not(.vertical) ul li,
	.nmenv_accordion_item_title {
		background: white;
		background-color: white;
		color: black;
		border: none;
	}

	.nmenv_accordion_item_body {
		display: block;
	}

	footer #bottom-bar {
		background-color: white;
		color: #000000;
	}
}

.wp-block-column {
  margin: 0 0.5em;
}

.wp-block-columns .wp-block-column:first-of-type {
  margin-left: 0;
}

.wp-block-columns .wp-block-column:last-of-type {
  margin-right: 0;
}

button {
    background: var(--primary-color);
    color: white;
    padding: 0.5em 1em;
    border-radius: 0.125em;
    cursor: pointer;
}

figure.aligncenter {
	text-align: center;
}

.wp-block-image.aligncenter {
	display: block;
}

.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption {
	display: block;
}