/* any overrides and new styles specifically for admin pages here */
h5, .h5 {
	font-size: 1.125rem;
  font-weight: 500;
  color: #785938;
  margin-bottom: 0.5rem;
}
.site-title {
	margin-left: 0;
}
.page-heading {
	margin-bottom: 0;
	line-height: 1.5;
}
.location-headings {
	margin-bottom: 0.25rem;
}
.location-headings p {
	font-family: "Noto Serif", serif;
	color: #96897A;
	font-size: 1.063rem;
	margin-bottom: 0;
	line-height: 1.5;
}
.subheading {
	color: #96897A;
}
.h5.subheading {
	font-size: 1.063rem;
}
/* Large and up */
@media screen and (min-width: 64em) {
	.location-headings {
		margin-bottom: 0.75rem;
	}
}
.button-right {
	margin-bottom: 0.5rem;
}
.button-right h3, 
.button-right h4, 
.button-right h5 {
	margin-bottom: 0;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.button-right h5.small-only-margin-bottom-1 {
		margin-bottom: 1rem;
	}
}
.off-canvas h5 {
	padding-left: 0.75rem;
	color: #835f3c;
	margin: 0.625rem 0;
}
#site-nav {
	margin-bottom: 2rem;
}
#site-nav li a {
  padding: 0.313rem 1rem 0.313rem 1.875rem;
}
#site-nav .menu-section {
	padding: 0.125rem 0.75rem;
	margin-top: 0.375rem;
	color: #785938;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-image: linear-gradient(to right, #dcd1c4, transparent) 1;
	font-family: "Noto Sans", sans-serif;
	font-size: 0.938rem;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
#site-nav.menu a.icon-change {
	display: inline-block;
	padding: 0.5rem;
}
#site-nav.menu a.icon-change:hover {
	background-color: transparent;
}
.off-canvas .menu a {
	padding: 0.625rem 1rem 0.625rem 1.25rem;
  color: #219119;
  font-family: "Noto Sans", sans-serif;
  font-size: 0.938rem;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.callout > h4 {
	margin-bottom: 1rem;
}
.small-subtext {
	font-size: 1rem;
	color: #727272;
}

/* top of page/section buttons and end of page action buttons */
.main-content {
	padding-bottom: 1rem;
}
.top-section {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.top-section .small-12:last-of-type {
		margin-top: 1rem;
	}
}
.page-buttons {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}
/* Medium and up */
@media screen and (min-width: 40em) {
	.page-buttons.margin-bottom {
		margin-bottom: 0;
	}
}
.page-buttons .button.small {
  white-space: nowrap;
}
.page-action-buttons {
	text-align: center;
	margin-top: 2rem;
}

/* button tags inside tds */
td.grow {
	width: 100%;
	white-space: nowrap;
}
td.grow10 { width: 10%; }
td.grow20 { width: 20%; }
td.grow30 { width: 30%; }
td.grow40 { width: 40%; }
td.grow50 { width: 50%; }
td.grow60 { width: 60%; }
td.grow70 { width: 70%; }
td.grow80 { width: 80%; }
td.grow85 { width: 85%; }
td.grow90 { width: 90%; }
th.icon {
	width: 2.5rem;
}
td.min200 { min-width: 12.5rem; }
td.min400 { min-width: 25rem; }

th.min, td.min {
	width: 0;
	white-space: nowrap;
}
td.actions, th.actions {
	text-align: center;
	width: 7.5rem; /* 10%? 120px of 1170 size of table full-width */
}
td.actions .action-buttons {
	display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0;
  column-gap: 1rem;
}
td button,
td.actions .button {
	background-color: transparent;
  border: 0;
  border-radius: 0;
  font-size: 1.25rem;
  padding: 0;
	color: #219119; 
	cursor: pointer;
}
.button.status-only {
	cursor: default !important;
}
.action-buttons .button {
	margin: 0;
}
td.actions .button.disabled,
td.actions .button.disabled .fa-trash-can,
td button.disabled:hover, 
td button.disabled:focus, 
td.actions .button.disabled:hover, 
td.actions .button.disabled:focus {
	opacity: 1;
	color: #d7d7d7;
	cursor: not-allowed;
}
td button:hover, td button:focus,
td.actions .button:hover, td.actions .button:focus {
	background-color: transparent;
	color: #1c6017;
}
.td-icon {
	font-size: 1.25rem;
}
button .fa-trash-can,
td.actions .button .fa-trash-can,
button .fa-circle-minus,
td.actions .button .fa-circle-minus {
  color: #e60606;
}

td [type="text"], 
td [type="password"],
td [type="date"], 
td [type="datetime"], 
td [type="datetime-local"], 
td [type="month"], 
td [type="week"], 
td [type="email"], 
td [type="number"], 
td [type="search"], 
td [type="tel"], 
td [type="time"], 
td [type="url"], 
td [type="color"], 
td textarea,
td select {
	margin-bottom: 0;
}
table.valign-top td {
	vertical-align: top;
}
table caption {
	padding: 0 0 0.125rem 0;
}
tbody tr:hover, tbody tr:nth-child(2n):hover {
	background-color: #fdfadb;
}
#marker {
  outline: 2px solid #faa403;
}

/* grid layout */
.languages-grid {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	margin: 1rem 0;
}

/* labeled list group */
.labeled-list {
	margin-left: 2rem;
}
.labeled-list.highlighted {
	margin-right: 2rem;
	padding: 1rem;
	background-color: rgba(220, 209, 196, 0.6);
	border-radius: 5px;
}
.labeled-list-group {
  display: table;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.labeled-list-group > li {
  display: table-row;
}
.labeled-list-group .lst-grp-label {
  font-weight: 600;
  text-align: right;
}
.labeled-list-group .lst-grp-label::after {
  content: ':';
}
.labeled-list-group > li > * {
  display: table-cell;
  padding: 2px 5px;
	font-family: "Noto Sans", sans-serif;
	font-size: 1rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* change registrant modal */
.modal-result {
	margin-top: 1.25rem;
}
.modal-result .item {
	padding: 0.25rem 0.5rem;
	border: 1px solid #fff;
}
.modal-result .item.modal-item-pick {
	background-color: rgba(124, 75, 26, 0.07);
	border: 1px solid rgba(124, 75, 26, 0.15);
	border-radius: 4px;
}
.modal-result .item b {
	display: inline-block;
	width: 2.5rem;
	color: #835f3c;
}
.item.modal-item-pick {
  color: #219119;
	font-weight: 600;
}

/* see if this change should be made in app.css */
.input-option {
	align-items: center;
}
.input-group > select {
	margin-bottom: 0;
}
.radio-buttons,
.checkboxes {
	margin-left: 1rem;
}
.checkboxes > div {
	display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.radio-buttons > div [type="radio"] {
	margin: 0;
}
.checkboxes > div [type="checkbox"] {
  margin: 0.5rem 0 0 0;
}
label, .labels {
	font-size: 0.938rem;
}
.callout .callout.secondary {
	background-color: #fff;
}
.input-group {
	position: relative;
}
#search-clr {
	position: absolute;
	top: 0;
	right: 4.75rem;
	background-color: transparent;
	color: #888; 
  cursor: pointer;
  border-width: 0;
  font-size: 1.125rem;
}
.input-group input[type='text'] {
	margin-bottom: 0;
	padding-right: 2.5rem;
}
.input-group-button input {
	font-size: 0.938rem;
}
.input-group > :last-child.input-group-button > * {
	border-radius: 0 4px 4px 0;
}
.nowrap {
	white-space: nowrap;
}
#search-result {
	height: auto;
  max-height: 24.875rem;
  overflow: auto;
}
.help-desk #notes {
	background-color: #fefefe;
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding: 0.5rem;
	height: 8.265rem;
  max-height: 8.265rem;
  overflow: auto;
}
/* general data table styles */
.callout table {
	background-color: #eeeae5;
}
tbody tr:nth-child(2n) {
	background-color: #f4f4f4;
}