@charset "UTF-8";

/* main and banner, common to all pages */

body {
	--theme-background-colour: #253954;
	--theme-background-colour-alt: #FFFFFF;
	/*#558ab0;*/
	--theme-background-colour-content: #F5F5F5;
	/*#558ab0;*/

	--theme-highlight-colour: #628A00;
	--theme-text-colour: #FFFFFF;
	--theme-text-colour-alt: #253954;
	--theme-text-colour-content: #000;

	--theme-link-colour: #00A;

	background-color: var(--theme-background-colour-alt);
	font-family: Arial, sans-serif;
	font-size: 10pt;
	padding: 0;
	margin: 0px;
}

body.old {
	--theme-background-colour: #063b61;
	--theme-background-colour-alt: #558ab0;
	/*#558ab0;*/

	--theme-highlight-colour: #628A00;
	--theme-text-colour: #FFFFFF;
	--theme-text-colour-alt: #FFFFFF;
	--theme-text-colour-content: #000;

	--theme-link-colour: #0000AA;
}

body.alt {
	--theme-background-colour-alt: #aebdd0;
	/*#558ab0;*/
	--theme-text-colour: #FFFFFF;
	--theme-text-colour-alt: #FFFFFF;
	--theme-text-colour-content: #000;

	--theme-link-colour: #F7FF00;
}

a {
	color: var(--theme-link-colour);
	text-decoration: none;
}


img {
	border: none;
}

img.expandable {
	cursor: pointer;
	border: solid 1px #FFF;
	transition: all 500ms;
}

img.expandable:hover {
	margin: 0px;
	border: solid 1px #000;
}

img.expandable.expanded {
	max-width: auto;
	max-height: auto;
	width: auto;
	height: auto;
}

input[type=text],
input[type=password],
select {
	padding: 0.225em 0.45em;
}

input[type=button],
input[type=submit],button {
	font-weight: bold;
	padding: 0.5em 1em;
	background-color: var(--theme-background-colour);
	color: #fff;
	border-radius: 0.25em;
	border-width: 0;
	box-shadow:0 0 1px #000;
	cursor:pointer;
	transition:all 150ms;
}

input[type=button]:hover,
input[type=submit]:hover,button:hover {
	cursor:pointer;
	filter: brightness(125%);
}
input[type=reset] {
	font-weight: bold;
	padding: 0.225em 0.45em;
	background-color: #eee;
	color: #000;
	border-radius: 0.225em;
}

/* header, footer, and main content, common to all pages */

#outercontainer {
	background-color: var(--theme-background-colour-alt);
	margin: 0 auto;
	width: 96%;
	max-width: 90em;
}


#innerbanner {
	height: 125px;
	padding: 0;
	position: relative;
}

#motuslogo {
	height: 100%;
	display: inline-block;
}

#bsclogo {
	height: calc(100% - 35px);
	float: right;
	margin-top: 30px;
}


#motuslogo img {
	width: 180px;
	height: 125px;
}
#bsclogo img {
	width: 180px;
	height: 90px;
}

#credentials {
	color: #000;
	display: none;
	font-family: Arial;
	font-size: 0.9em;
	position: absolute;
	text-align: right;
	top: 0.833em;
	right: 0.833em;
}

#credentials a {
	color: var(--theme-link-colour);
	font-weight: bold;
}

#donate a {
	color: #9e0120;
}


#fullname {
	color: #2e3191;
}

#credlogin {
	display: none;
}

#credlogout {
	display: none;
}


#Menu ul {
	justify-content: space-evenly;
	background-color: transparent;
	
  margin: 0;
  padding: 0;
}

#Menu>ul>li {
	flex: 1;
	background-color: var(--theme-background-colour);
}

#Menu>ul>li.selected {
	pointer-events:none;
	filter:brightness(150%);
}

#Menu a {
	border-radius: 0;
	color: #fff;
	display: block;
	margin: 0px;
	padding: 10px 20px;
	transition: all 150ms;
	font-weight: bold;
}

#Menu li:hover>a {
	background-color: inherit;
	filter: brightness(150%);
}

#Menu li>a.special-link {
	background-color: var(--theme-highlight-colour);
	font-weight: bold;
}

#Menu li:hover>a.special-link {
	filter: brightness(125%);
}

#Menu li ul {
	width:100%;
}
#Menu li ul > li {
    background-color: var(--theme-background-colour);
	width: 100%;
}
#Menu li ul > li:hover {
    filter: brightness(125%);
  }
#navbar {}

#navbar li {}

#navlist {
	height: 2.3px;
}

#navlist a {
	text-decoration: none;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 11pt;
	color: #fff;
	font-weight: bold;
}

#navlist a:hover {
	color: var(--theme-text-colour-alt);
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}

#innercontainer {
	background-color: var(--theme-background-colour-alt);
	overflow: hidden;
}

#maincontent {
	padding: 0em;
	color: var(--theme-text-colour-content);
	background-color: var(--theme-background-colour-content);
	box-shadow: 0px 0px 1px #000;
	margin: 1px;
	margin-top: 0;
}


#outerfooter {
	background-color: var(--theme-background-colour-alt);
	color: var(--theme-text-colour-alt);
	padding-bottom: 1.5em;
}

#innerfooter {
	font-size: 0.8em;
	padding: 1.875em 0;
}

#contact {
	text-align: left;
	width: fit-content;
	margin: 0 auto;
}

#contact img {
	float: left;
	margin-right: 10px;
	width: 125px;
}

/* used by some pages */
#datatable tr.row0 {
	background-color: #ffffff;
}

#datatable tr.row1 {
	background-color: #f0f0f0;
}

#datatable tr.row0:hover {
	background-color: #ffffd0;
}

#datatable tr.row1:hover {
	background-color: #ffffd0;
}

#datatable {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

#datatable th,
#datatable td {
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
}

#datatable th {
	background-color: #ddd;
}

/* used by '/tag-registration' and '/troubleshooting-guide' */
#sidebar {
	clear: both;
	float: right;
	padding: 0.75em;
	right: 0;
	text-align: center;
	width: 11.25em;
}

/* used by '/motus-partners' */
.columns3div {
	float: left;
	border: 1px solid #eee;
	padding: 0.375em;
	margin: 0.375em;
	width: 32%;
}

.columns3div p {
	margin-bottom: 0.45em;
}

/* used by homepage */
#homeimages {
	width: 100%;
	height: 30em;
	padding: 0px;
	margin-top: -3em;
	overflow: hidden;
}

/* HOME */
#mapContainer>.map>div {
	background-color: var(--theme-background-colour) !important
}


.supporters-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	background-color: #FFF;
}
.supporters-header h2 {
	background-color:var(--theme-background-colour-alt);
	color:var(--theme-text-colour-alt);
	margin:0;
	padding:10px;
}

#featuredimage {
	height: 400px;
}

#featuredtextcredit {
	font-size: 8pt;
	top: -20px;
	right: 10px;
	color: var(--theme-text-colour);
	position: relative;
	float: right;
}

.home-section {
	margin: 0;
	background-color: var(--theme-background-colour);
}

.home-subsection {
	padding: 0.5em;
}

.home-subsection h2 {
	margin: 0 1.5em;
	color: #FFF;
}

#homeupdates {
	float: right;
	height: 540px;
	width: 30%;
	min-width: 300px;
}

.feature-stories {
	height: 40em;
	overflow-y: auto;
	background-color: var(--theme-background-colour);
	padding-left: 0px;
}

.feature-story {
	background-color: #FFF;
	border: 1px solid #eee;
	margin: 0.225em 0;
	padding: 0.45em;
}

.feature-story:first-of-type {
margin-top:0;
}
#featurednav {
	position: relative;
	width: 25em;
	left: 29em;
	margin-top: -4.5em;
	text-align: center;
}

#featurednav a {
	padding: 15px;
	color: #000000;
	font-size: 14pt;
}

#featurednav .navdot_h {
	color: #D0D0D0;
}

#homeblurb {
	font-size: 13pt;
	width: calc(100% - 6em);
	margin: 0;
	background-color: var(--theme-background-colour);
	color: #FFF;
	padding: 3em;
	font-style: italic
}

#phototable {
	margin-left: auto;
	margin-right: auto;
	border-spacing: 4em 0em;
	border-collapse: separate;
	padding: 0.2em;
}

#phototable td {
	background-color: #DDC;
	border: #404040 0.4em solid;
	border-collapse: separate;
	border-radius: 0.35em;
	-moz-border-radius: 0.35em;
	text-align: center;
	vertical-align: top;
}

#phototable td a {
	font-weight: bold;
}

#phototable.photolink {
	font-weight: bold;
	font-size: 12pt;
}

#homepartners {
	width: 80%;
}

#homepartners td {
	padding: 1em;
}

/* general content */
.content-wrapper {
	padding: 2em; 
	font-size: 15pt;
	line-height:1.5em;
	font-family: sofia-pro, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.005em;
}

.motus_link_table>div {
	text-align: center;
	width: 175px;
}

.motus_link_table > div a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 12pt;
}

.motus_link_table > div svg,
.motus_link_table > div img {
	max-width: 150px;
	max-height: 150px;
	margin: 13px;
	margin-bottom: 0;
	padding: 2px;
	transition: all 150ms;
	color:var(--theme-text-colour-alt);
	display:block;
}

.motus_link_table > div:hover svg,
.motus_link_table > div:hover img {
	opacity: 0.6;
}

.motus_link_table > div:hover a {
	text-decoration: underline;
}

.motus_link_table {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	line-height: 1em;
	padding: 0;
	margin: 20px auto;
	align-items: baseline;
}

.motus_link_table li {
	list-style: none;
	float: left;
	height: 250px;
	text-align: center;
	vertical-align: top;
	width: 175px;
}
.infographics img {max-width:500px;}
.infographics > div {display:inline-block;}
img.expandable {height:250px;}
.wp-block-image{text-align: center;}

/*
 *	Added 2024-06-13
 */
.breadcrumb-container{
	padding:0.5em;
	padding-bottom:0;
	padding-left:2em;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: -1rem;
  list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  content: var(--bs-breadcrumb-divider, "/");
}
.d-flex {
	display:flex;
	flex-wrap:wrap;
}
.justify-content-between {
	justify-content:space-between;
}
.justify-content-center {
	justify-content:center;
}
.align-self-center {
	align-self:center;
}
.big-link {
	padding: 0.5em;
	font-weight:bold;
	font-size:14pt;
	margin: 0.5em;
  background-color: var(--theme-background-colour);
  color: var(--theme-text-colour);
  border-radius: 0.5em;
  border: 0px;
}
.big-link:hover {
	filter:brightness(115%);
}
.link-next-page {
	font-size:14pt;
	font-weight:bold;
	padding: 0.5em;
	margin: 0.5em;
}
.link-next-page:after {
	content: "\2192";
	padding-left:0.5em;
	font-size:20pt;
}
.motus-table th {
	text-align: left;
}
.motus-table thead tr {
	border-bottom:#000 solid 1px;
}
.table-striped {
	border-collapse:collapse;
}
.table-striped tr:nth-child(even) {
	background-color:#FFF;
}
.motus-table td,.motus-table th {
	padding:0.25em 0.5em;
}

.table-row-total {
	font-weight:400;
}

.feature-section {
	margin: 2em 1em;
	display:flex;
	flex-wrap:wrap;
}

.feature-section-text {
padding:1em;
width: calc(50% - 2em);
}
.feature-section-image {
width:50%;
}
.feature-section-image img {
max-width: 100%;
}
/* 
 * MOTUS UPDATES
 */
#updates {border-collapse:collapse;}
#updates td { padding:10px;}
#updates td strong { font-weight:bold;}
#updates th { vertical-align:top;padding-top:15px;}
#updates tr th:first-child { width:160px;color: #888;text-shadow: 0 0 1px #FFF;}
#updates tr:nth-child(odd) {background-color:#EEE;}
#updates td > div {	font-weight:bold;	margin:5px;}
#updates ol div {margin-left:5em;}

/*
 *  MOTUS BY THE NUMBERS
 */

#numbersContainer {
	  display: flex;
  flex-flow:row wrap;
  justify-content: space-evenly;
  text-align: center;
	line-height:1.2em;
	padding: 2em 0;
}
#numbersContainer a {
	color: #000;
}
#numbersContainer > div div {
	padding: 0.5em;
}
#numbersContainer > div.motus-numbers-link {
	cursor:pointer;
	transition:all 150ms;
}
#numbersContainer > div.motus-numbers-link:hover {
	filter:brightness(125%);
}
	
#numbersContainer .motus-numbers-number {
  width: 3em;
  color: #000;
  font-weight: 900;
  border-radius: 50%;
  line-height: 3em;
  text-align: center;
border: solid 0.5em currentColor;
	box-shadow: 0 0 1px #000;
	margin:0 auto;
	font-family: monospace;
	text-shadow: 0 0 1px #000;
	font-size:16pt;
}
#numbersContainer .motus-numbers-label {
	font-size: 12pt;
	width: fit-content;
	max-width: 7em;
	transition:all 150ms;
	margin-bottom:0.5em;
	padding-bottom:0;
  border-bottom: solid 1px transparent;
}
#numbersContainer  .motus-numbers-link:hover .motus-numbers-label {
  border-bottom: solid 1px #eee;
}/*
#numbersContainer > div:nth-of-type(1) .motus-numbers-number{
color:#909;
}
#numbersContainer > div:nth-of-type(2) .motus-numbers-number{
color:#A00;
}
#numbersContainer > div:nth-of-type(3) .motus-numbers-number{
color:#990;
}
#numbersContainer > div:nth-of-type(4) .motus-numbers-number{
color:#099;
}
#numbersContainer > div:nth-of-type(5) .motus-numbers-number{
color:#0A0;
}
#numbersContainer > div:nth-of-type(6) .motus-numbers-number{
color:#00A;
}

#numbersContainer > div:nth-of-type(1) .motus-numbers-number{
color:#7F7;
}
#numbersContainer > div:nth-of-type(2) .motus-numbers-number{
color:#D7D;
}
#numbersContainer > div:nth-of-type(3) .motus-numbers-number{
color:#DD5;
}
#numbersContainer > div:nth-of-type(4) .motus-numbers-number{
color:#5DD;
}
#numbersContainer > div:nth-of-type(5) .motus-numbers-number{
color:#F77;
}
#numbersContainer > div:nth-of-type(6) .motus-numbers-number{
color:#AAF;
}
#numbersContainer > div:nth-of-type(7) .motus-numbers-number{
color:#F93;
}
#numbersContainer > div:nth-of-type(8) .motus-numbers-number{
color:#5B00A7;
}
*/
#numbersContainer .motus-numbers-number{
	color: #253954;
}

#tableContainer {
	font-size:12pt;
	overflow-x:auto;
	margin: 0 -2.5em;
	padding: 0 2em;
}
#tableContainer > .dataTables_wrapper > table {
  margin: 0 -2em;
  width: calc(100% + 4em);
}
.explore-header > div {display:inline-block;}
.explore-header a,.explore-header ul li.selected {
	padding:0.25em 1em;
	display: inline-block;
}
.explore-header ul.expanded li.selected {
  display: block;
}
.explore-header ul {
	display:inline-block;
	margin:0 1em;
	padding: 0;
	position:absolute;
	box-shadow: 0 0 1px #000;
	height: 1.5em;
	transition: all 150ms;
	overflow:hidden;
	border-radius: 0.25em;
}
.explore-header ul.expanded {
	height:7.5em;
	z-index:2;
}
.explore-header ul li {
	display:block;
	list-style:none;
	background-color:#EEE;
	cursor:pointer;
	transition:all 150ms;
	filter:brightness(100%);
}
.explore-header ul li:hover {
	filter:brightness(125%);
}
.explore-header ul:not(.expanded) li:not(.selected) {
	display:none;
}
.dataTables_wrapper .dataTables_filter {
  display:inline-block;
	width:50%;
	text-align:left;
	float:none;
}

.dataTables_wrapper .dt-buttons {
  display:inline-block;
	width:50%;
	text-align:right;
	float:none;
}

.dataTables_wrapper .dataTables_info {
  display:inline-block;
	width:30%;
	min-width:fit-content;
	text-align:left;
	float:none;
}

.dataTables_wrapper .dataTables_length {
  display:inline-block;
	width:20%;
	min-width:fit-content;
	text-align:center;
	float:none;
}
.dataTables_wrapper .dataTables_paginate {
  display:inline-block;
	width:50%;
	min-width:fit-content;
	text-align:left;
	float:none;
}
.dt-child-row {
	background-color: #FFF;
}
.dt-child-row table  {
	margin:0 auto;
}
.dt-child-row table caption {
  font-weight: bold;
  font-size: 16pt;
}
table.dataTable.hasChildren > tbody > tr:not(.dt-child-row) {
cursor:pointer;
	transition:all 150ms;
}
table.dataTable.hasChildren > tbody > tr:not(.dt-child-row):hover {
  background-color: #FFE;
}
table.dataTable tbody tr.shown {
  background-color: #DDD;
}
table.dataTable tbody tr.odd {
  background-color: #f0f0f0;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 0.5em 0.5em;
  line-height: 1.25em;
}
#selectionName { 
  text-align: center;
  margin-bottom: 0px;
}
#plotContainer {
	background-color: #FFF;
	margin: 0 -2em;
}
#plotContainer .loading, #plotContainer .no-data {
	text-align:center;
	padding:1em;
	font-size:16pt;
	font-weight:bold;
}
#deploymentNavigator  {
  text-align: center;
}
#deploymentNavigator > * {
  display: inline-block;
  margin: 0.5em;
}
#deploymentNavigator > .deployment-list {
	font-size: 10pt;
}
#deploymentNavigator > .deployment-list > *:not(:first-child)::before {
	content: " - ";
	font-weight:normal;
}
#deploymentNavigator > .deployment-list > strong {
	font-weight:bold;
}