/* Credits

Style by Myjive / www.myjive.net

-----------------------------------------------------------*/

@import "../css/forms.css";


/* Main Containers
-----------------------------------------------------------*/

:root {
  --font-family-heading: "Poppins", sans-serif;
	--font-size-xs: 16px;
	--font-size-sm: 18px;
	--font-size-md: 20px;
	--font-size-default: 22px;
	--font-size-h1: 46px;
	--font-size-h2: 32px;
	--font-size-h3: 26px;
	--line-height-default: 1.5;
	--color-blue-light: #3488a5;
	--color-dark-blue: #3388a5;
	--color-gray-light: #F2F2F2;
	--color-gray-dark: #535353;
	--site-width: 1280px;
	--padding-x-md: 30px;
}

html, body, table {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #535353;
}

body {
	background-color: #fff;
	margin: 0;
	padding: 0 80px;
	text-align: center;
}

#wrapper {
	display: block;
	min-width: 840px;
	padding: 0 30px 30px 30px;
	margin: 0 auto;
	background: #fff;
}

#loginWrapper {
	display: block;
	width: 480px;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
}


/* positioning
--------------------------------------------------------*/

div.right, p.right, span.right, ul.right { float: right; }
div.left, p.left, span.left, ul.left { float: left; }
div.center, p.center { text-align: center; }
img.right { float: right; border: 0; }
img.left { float: left; border: 0; }


/* basic typography
--------------------------------------------------------*/
p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
}

code, pre {
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0;
	color: #535353;
}
h1 { font-size: 20px; line-height: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; font-weight: bold; }
h5 { font-size: 10px; font-weight: bold; }

sup { font-size: 70%; }

h2.list {
	margin-top: 15px;
	font-weight: bold;
}


/* links/images
--------------------------------------------------------*/

a { color: #29ABE2; text-decoration: none; }
a:hover { color: #1884AA; text-decoration: underline; }
img { border: 0; }

/* homepage / non-flash
--------------------------------------------------------*/
.homeButtons a{
	float:left;
}

/* default ordered/unordered lists
--------------------------------------------------------*/

ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0 40px;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 11px;
	line-height: 16px;
	padding: 3px 0;
}


/* tables
------------------------------------------*/
table { font-size: 11px; line-height: 14px; }
td { padding: 12px 15px; margin: 0; }
th, td { vertical-align: top; text-align: left; }

th.right, td.right { text-align: right; }
th.center, td.center { text-align: center; }
th.middle, td.middle { vertical-align: middle; }
th.bottom, td.bottom { vertical-align: bottom; }

table.width500 { width: 500px;}


/* header
--------------------------------------------------------*/
#loginHeader {
	padding: 80px 0 40px 0;
	margin: 0 auto;
}

#header {
	height: 115px;
	padding:0;
	margin: 0 auto;
	text-align: left;
}

#header .headerImage { padding: 30px 0; }

.headerNav {
	clear: both;
	display: block;
	float:right;
	height:75px;
	text-align:left;
	margin:0; padding:0;
}

.headerNav ul {margin:0; padding:0;}

.headerNav ul li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

.headerNav ul li a {
	float: left;
	padding: 45px 15px 30px 15px;
	color: #ff0000;
}

.headerNav ul li.selected a { font-weight: bold; }

.headerNav ul li.login a {
  box-sizing: content-box;
	color: #fff;
	width:35px;
	background-image: url(../images/login.gif);
	background-repeat: no-repeat;
}

.headerNav ul li.logout a {
	background-image: url(../images/logout.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
}

.headerNav li,
.headerNav a {
	font-size: 16px;
}

.headerNav .login a {
	padding: 45px 11px 30px 11px;
	width: 40px;
}
.headerImage img {
	padding: 0;
}


/* tab navigation
--------------------------------------------------------*/
#nav {
	clear:both;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#tabContainer {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin: 0 auto;
}

#tabContainer ul {
	margin: 0; padding: 0;
}

#tabContainer ul li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#tabContainer ul li a {
	float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 6px 25px 6px 25px;
	margin: 0;
	color: #fff;
	background: #6c0100;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#tabContainer ul li.left a { border-left: none; }
#tabContainer ul li.right a { border-right: none; }


#tabContainer ul li a:hover {
	background: #910200;
	color: #fff;
	text-decoration: none;
}

#tabContainer ul li.selected a {
	background: #c5c5c5;
	color: #535353;
	text-decoration:none;
}


/* sub and third tab containers
-----------------------------------------------------------*/
#subTabContainer, #thirdTabContainer {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background-color: #c5c5c5;
}

#subTabContainer ul, #thirdTabContainer ul {margin: 0; padding-left: 5px; }

#subTabContainer ul li, #thirdTabContainer ul li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#subTabContainer ul li a {
	float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 6px 25px 6px 25px;
	margin: 10px 1px -1px 1px;
	color: #ff0000;
	background:#f1f1f1;
}

#subTabContainer ul li a:hover, #subTabContainer ul li.selected a {
	background: none;
	background-color: #e2e2e2;
	text-decoration:none;
	color: #4D4D4D;
}

#subTabContainer ul li a:hover {
	color: #ff0000;
}

#thirdTabContainer {
	background-color: #e2e2e2;
}

#thirdTabContainer ul li a {
	float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 6px 25px 6px 25px;
	margin: 10px 1px 0px 1px;
	color: #ff0000;
	background-color: #fff;
}

#thirdTabContainer ul li a:hover {
	background: none;
	background-color: #f2f2f2;
	text-decoration:none;
	color: #ff0000;
}

#thirdTabContainer ul li.selected a {
	background: none;
	background-color: #f2f2f2;
	/*background-color: #F7F7F7;*/
	text-decoration:none;
	color: #535353;
	/*color: #4D4D4D;*/
}


/* main content columns
-----------------------------------------------------------*/
#main {
	clear: both;
	padding-top: 15px;
	margin: 0 auto;
	background: #fff;
	text-align:left;
}

#login {
	clear: both;
	padding: 30px;
	margin: 0 auto;
	border: 1px solid #ccc;
	text-align:left;
	background-color: #e2e2e2;
}

#login p {
	line-height: 16px;
	margin: 0 0 12px 0;
}

div.content {
	clear: both;
	margin: 0 auto;
	padding: 10px 12px;
	background-color: #F7F7F7;
}


/* description
--------------------------------------------------------*/
#description {
	display: block;
	clear:both;
	margin: 0;
	padding: 10px 15px;
	background-color: #c5c5c5;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#description.second h3 a {
	color: #29ABE2;
}

#description.none { height: 10px; padding: 0; }
#description.second {
	background-color: #e2e2e2;
}

#description.second.none {
	/*background-color: #d1807f;*/

	background: #a30200; /* Old browsers */
	background: -moz-linear-gradient(top,  #a30200 0%, #370001 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a30200), color-stop(100%,#370001)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a30200 0%,#370001 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a30200 0%,#370001 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a30200 0%,#370001 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a30200 0%,#370001 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30200', endColorstr='#370001',GradientType=0 ); /* IE6-9 */
}

#description.third { background-color: #f2f2f2; }
#description.third.none { background-color: #f2f2f2; }

#description table {
	width: 100%;
	font-size: 14px;
}
#description table td { padding: 0; }

#description h3 { color: #4D4D4D; font-size: 16px; font-weight: bold; }
#description h3 span { font-size: 12px; font-weight: normal; }
#description p { font-size: 12px; margin: 0; }

a.button {
	font-size: 12px;
	padding: 5px 17px;
	color: #fff;
	background: #39B54A;
}

a.button:hover {
	color:#fff;
	background: #1cd135;
	text-decoration: none;
}


/* list of things (items)
------------------------------------------*/

table.list { width: 100%; min-width: 840px; }

table.list th {
	vertical-align:bottom;
	padding: 8px 12px 10px 12px;
	font-weight: bold;
	background-color: #ebe2a8;
	color: #535353;
}

table.list tr.alert th { background-color: #9f0200; color: #fff; }
table.list tr td.alert { color: #9f0200; font-weight: bold; }

table.list th.toggleUp {
	padding-left: 25px;
	background: #ebe2a8 url(../images/arrowToggleUp.gif) 13px 13px no-repeat;
}

table.list th.toggleDown {
	padding-left: 25px;
	background: #ebe2a8 url(../images/arrowToggleDown.gif) 13px 13px no-repeat;
}
table.list th a { color: #29ABE2; }

table.list td { padding: 10px 12px 12px 12px;}
table.list td { border-right: 1px solid #fff; }
table.list td.actions { z-index: 0;}
table.list td h3 { color: #4D4D4D; }

table.list tr td:nth-child(1) {
  width: 50%;
}


/* customize view tab
--------------------------------------------------------*/
.viewWrapper {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	margin: 0;
	border-bottom: 5px solid #ebe2a8;
	position: relative;
}

.viewCustomize {
	display: block;
	width: 195px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.viewCustomize a {
	display: block;
	float: right;
	height: 35px;
	width: 175px;
	padding-left: 20px;
	font-size: 11px;
	color: #29ABE2;
	position: absolute;
	bottom: 0px;
}

.viewCustomize a.open { background: #ebe2a8 url(../images/icons/customize-up.gif) 156px 11px no-repeat; }
.viewCustomize a.closed { background: #ebe2a8 url(../images/icons/customize-down.gif) 156px 11px no-repeat; }

.view { width: 76%; position: relative; }
.view p { font-size: 12px; }
.view p, .viewCustomize a { padding-top: 10px; }


/* customize options
--------------------------------------------------------*/
div.options {
	clear: both;
	padding: 0;
	margin: 0;
	color: #535353;
	background: #ebe2a8;
	text-align: left;
}

div.options table {
	background: #ebe2a8;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width:100%;
	color: #535353;
	z-index: 0;
}
div.options table tr td { padding: 20px; width: 33%; text-align: left; }
div.options table tr td h3 { color: #535353; }
div.options table tr td p { margin-bottom: 10px; }
div.options table tr td.leftBorder { border-left: 1px solid #ADD0E0; }
div.options table tr td.bottomBorder { border-bottom: 1px solid #fff; }
div.options table tr td.arrow { padding-left: 30px; background: url(../images/option-arrow.jpg) no-repeat; background-position: 0 30px; }

div.options div.action { margin: 0; padding: 20px; background: #f3f0d8; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
div.options div.action input {
	color: #fff;
	background: #29ABE2;
	cursor: pointer;
	/*background: #0071BC;*/
}
div.options div.action input:hover { background: #0071BC; }


/* Items
--------------------------------------------------------*/

div.currentItem { clear: both; background: #e1e1e1; }
div.currentItem table { width: 100%; background: #e1e1e1; }
div.currentItem th, div.currentItem td { background: #e1e1e1; }
div.currentItem h5 { color: #535353; }
div.currentItem h3, div.currentItem h3 a { color: #000; font-weight: bold; }


div.itemsWrapper {
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
}
div.itemsWrapper div.formContainer p { padding: 15px; }
div.itemsWrapper p.alert { color: #9f0200; }
div.itemsWrapper p.alert a { color: #bf1e2e; }

div.itemWrapper { clear: both; z-index: 0; }

div.item {
	border-top: 1px solid #ccc;
	z-index: 0;
	background-color: #F7F7F7;
}
div.currentItem div.item { border-top: none; }

div.highlight, td.highlight { background: #E6EEFC; }

div.item div.over {
	display: block;
	margin-left: -95px;
	padding-left: 95px;
	z-index: 0;
	visibility: hidden;
}

div.item div.over:hover { visibility: visible; }

div.item div.jumperWrapper {
	width: 80px;
	position: absolute;
	padding: 12px 0 12px 14px;
	margin-left: -95px;
	z-index: 2;
	background: #F7F7F7;
	border-left: 2px solid #535353;
}
div.currentItem div.item div.jumperWrapper { background: #e1e1e1; }
div.highlight div.jumperWrapper { background: #E6EEFC; }

div.item div.jumperWrapper div.jumper a { font-size: 11px; line-height: 14px; }

div.item div.itemContent { clear: both; width: 100%; z-index: 0; }

div.item div.itemContent span.execute { font-size: 12px; line-height: 16px; }

div.item div.itemContent table {
	clear: both;
	width: 100%;
	visibility: visible;
}

div.item div.itemContent table td { z-index: 0; }
div.item div.itemContent table td.form { border: none; background: #e1e1e1; }

div.item div.itemContent table td.arrow {
	text-align: right;
	padding-top: 20px;
	padding-right: 0;
	border-right: none;
}

div.item div.itemContent table span.completed {
	background: transparent url(../images/icons/check.gif) left bottom no-repeat;
	padding: 5px 0 0 15px;
	line-height: 2.4em;

}

div.item div.itemContent table span.overdue {
	background: transparent url(../images/icons/overdue.gif) left bottom no-repeat;
	padding: 5px 0 0 16px;
	line-height: 2.0em;
}

div.item div.itemContent table span.expired {
	background: transparent url(../images/icons/expired.gif) left bottom no-repeat;
	padding: 5px 0 0 20px;
	line-height: 2.0em;
}

div.item div.itemContent table span.recur {
	background: transparent url(../images/icons/recur.gif) left bottom no-repeat;
	padding: 5px 0 0 16px;
	line-height: 2.0em;
}

div.optionsOverlay {
	float: right;
	position: relative;
	visibility: hidden;
	z-index: 2;
}

div.formContainer div.optionsOverlayContent {
	display: block;
	position: absolute;
	top: -1px;
	left: -298px;
	width: 260px;
	padding: 15px;
	border: 4px solid #CCC;
	background-color: white;
	z-index:100;
}

div.formContainer div.optionsOverlayContent p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0; padding:0;
}

div.bottom { border-bottom: 1px solid #ccc; }

div.selectAll {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* promo
--------------------------------------------------------*/

#promo {
	display: block;
	height: 200px;
	margin-top: 20px;
	text-align: center;
	background: url(../images/banners/banner-bkgnd.gif) left top repeat-x;
}

div.promo {
	background: url(../images/banners/banner-bkgnd-276.gif) left top repeat-x;
	text-align: center;
}

/* dashboard
--------------------------------------------------------*/

.colContainer {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 30px 0 0;
}

.leftCol {
	width: 48%;
	float: left;
}

.rightCol {
	width: 48%;
	float: right;
}

table.list.rss { min-width: 200px; }
table.list.rss tr td { border-top: 1px solid #ccc; }


/* video
--------------------------------------------------------*/

#demoplayer { float: left; }
#demonav { width: 150px; padding: 0 0 0 15px;}


/* footer
--------------------------------------------------------*/

#loginFooterWrapper {
	clear: both;
	width: 360px;
	padding: 0; margin:0 auto;
	text-align: center;
}

#footerWrapper {
	clear: both;
	min-width: 900px;
	padding: 0; margin:0 auto;
	text-align: center;
	background: none;
}

#footer {
	clear: both;
	display: block;
	height: 100px;
	margin: 0 auto;
	padding: 15px 0 0 29px;
	text-align: left;
	background: #fff url(../images/logo-footer.gif) no-repeat;
	background-position: 0 25px;
}

#footer p { padding: 15px 0 0 0; font-size:10px; }
#footer a { color: #999; }
#footer a:hover { color:#666666; text-decoration: none; }

#footer img.help {
	float: left;
	padding: 15px 0 0 0;
	margin-right: 10px;
}

#footer p,
#footer p a,
#footer p a:visited {
	color: #333;
	font-size: 16px;
}


.greenbox__small-text {
  color: white;
  font-size: 12px;
  font-style: normal;
}



/* messages
-----------------------------------------------------------*/

div.message {
	padding: 14px;
	font-size: 12px;
	margin: 10px 0 20px 0;
	border-radius: 3px;
}

div.message h3 {
  font-size: 16px;
  margin-bottom: 20px;
}

div.message p,
div.message span,
div.message a,
div.message span a {
  font-size: 14px;
  line-height: 150%;
}

div.message ul,
div.message ul li {
  font-size: 16px;
  line-height: 130%;
  list-style: disc;
}

div.message.errors {
	padding-left: 50px;
	background-color: #FFECEC;
	background: #FFECEC url(../images/icons/message/error.gif) 10px 8px no-repeat;
	color: #9f0200;
	clear: both;
	border: 1px solid #9f0200;
}

div.message.errors strong { color: #9f0200; }
div.message.errors a { color: #bf1e2e; text-decoration: underline; }
div.message.errors a:hover { text-decoration: none; }

div.message.success {
	padding-left: 50px;
	background: #E2F9E3 url(../images/icons/message/success.gif) 10px 8px no-repeat;
	color: #006600;
	clear: both;
	border: 1px solid #006600;
}
div.message.success strong { color: #006600; }
div.message.success a { color: #006600; text-decoration: underline; }
div.message.success a:hover { text-decoration: none; }

div.message.warning {
	padding-left: 50px;
	background: #fefec3 url(../images/icons/message/warning.gif) 10px 8px no-repeat;
	color: #CA9D04;
	clear: both;
	border: 1px solid #CA9D04;
}
div.message.warning strong { color: #CA9D04; }
div.message.warning a { color: #CA9D04; text-decoration: underline; }
div.message.warning a:hover { text-decoration: none; }

div.message.notice {
	background: #fefec3;
	clear: both;
	border: 1px solid #CA9D04;
}
div.message.notice a { font-size: 16px; }
div.message.notice h3 { color: #4D4D4D; font-weight: bold;}
div.message.notice .action a { color: #29ABE2; text-decoration: none; }
div.message.notice .action a:hover { color: #1884AA; text-decoration: underline; }

.error { color: #9f0200; font-weight: bold !important; }


/* actions
-----------------------------------------------------------*/

td.actions a, p.action a, span.action a { font-size: 11px; color: #bf1e2e; }

span.add a { padding-left: 19px; background: url(../images/icons/add.gif) 4px 50% no-repeat; }
span.delete a { padding-left: 20px; background: url(../images/icons/delete.gif) 4px 50% no-repeat; }
span.duplicate a { padding-left: 19px; background: url(../images/icons/duplicate.gif) 4px 50% no-repeat; }
span.modify a { padding-left: 20px; background: url(../images/icons/modify.gif) 4px 50% no-repeat; }

div.comments {
	border: 1px dashed #BEBED6;
	padding: 5px;
	margin: 3px 0;
	color: #565687;
}


/* bar graph
--------------------------------------------------------*/
div.barGraph {
	width: 140px;
	background-color: #FFF;
}

div.barGraph .bar {
	display: block;
	background: #CCCCCC;
	text-align: left;
	color: #FFFFFF;
	height: 18px;
	line-height: 18px;
}

div.barGraph .green { background-color: #009900; }
div.barGraph .yellow-green { background-color: #99CC33; }
div.barGraph .yellow { background-color: #FFCC00; }
div.barGraph .orange { background-color: #FF6600; }
div.barGraph .red { background-color: #CC0000; }
div.barGraph .grey { background-color: #999999; }
div.barGraph .low { color: #000; }
div.barGraph .zero { color: #CC0000; }

div.barGraph .bar span {
	padding-left: 4px;
	font-size: 11px;
}


/* help
--------------------------------------------------------*/

a.help { font-size: 10px; font-weight: normal; }
a.help span { display: none; }

div.options a.help { color: #ADD0E0; }

.helpContent {
	width: 200px;
	padding: 15px;
	border: 4px solid #CCC;
	background-color: white;
	color: #4D4D4D;
	text-decoration: none;
}

img.screen {
	margin: 10px 0;
	border: 1px solid #CCC;
}

table.tips th, table.tips td {
	padding: 12px 12px 0 0;
}

table.tips th {
	border-bottom: 1px solid #ccc;
}

div.helpCenter li {
	list-style-type: disc;
}


/* misc
--------------------------------------------------------*/

.lineBreak {
	clear:both;
	margin: 0;
	padding: 0;
}

/* educators page
--------------------------------------------------------*/

/* default page
--------------------------------------------------------*/

.p-default ._body p,
.p-default ._body .p,
.p-default ._body li,
.p-default ._body td {
	font-size: var(--font-size-default);
	line-height: var(--line-height-default);
}

.p-default ._body h1 {
	font-size: var(--font-size-h1);
	line-height: var(--line-height-default);
}

.p-default ._body h2 {
	font-size: var(--font-size-h2);
	line-height: var(--line-height-default);
}

/* Main Section */

.main-section__title *:not(sup) {
  font-size: 46px;
  line-height: 57px;
}

.main-section__content {
  display: flex;
  flex-direction: row;
  padding: 25px 0;
}

.main-section__content__left,
.main-section__content__right {
  flex: 1 1 auto;
  width: 100%;
}

.main-section__content__left h2 {
  width: 80%;
  font-size: var(--font-size-h2);
  line-height: 48px;
  padding: 0;
}

.main-section__content__right p {
  font-size: var(--font-size-default);
  line-height: var(--line-height-default);
}

/* .mission-activation {} */
.mission-activation__banner {
	display: grid;
	gap: 50px;
	grid-template-columns: 1fr 32.5%;
	margin-bottom: 20px;
	align-items: center;
}

.topBanner .mission-activation__banner img {
  /* object-fit: cover; */
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	/* height: 100%; */
}

.mission-activation__banner__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
  /* background-image: radial-gradient(at top, #9da6a9, #6e7b80); */
  /* background: #6e7b80; */
  /* color: white; */
  color: black;
  padding: 25px 0;
	gap: 10px;
}

.mission-activation__banner__content p,
.mission-activation__banner__content div {
  font-size: 22px;
	line-height: 1.5;
}

.mission-activation__banner__content p {
  margin-bottom: 4px;
}

.mission-activation__banner__content div {
  font-weight: bold;
  margin-left: 15px;
}

.mission-activation__banner__content .mission-activation__banner__quote {
	padding: 0;
	margin: 10px 0 0;
}

.mission-activation h1,
.mission-activation h2,
.mission-activation h3,
.mission-activation h4 {
  pointer-events: none;
}

.mission-activation h1 {
  margin-bottom: 0.7em;
	padding-bottom: 20px;
  text-align: center;
}

.mission-activation h2 {
  margin-top: 20px;
	text-align: center;
	margin-bottom: 0.75em;
}

.mission-activation h3 {
	font-size: var(--font-size-md);
  font-weight: bold;
}

.mission-activation h4 {
  color: black;
}

.mission-activation__list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}
.mission-activation__list h4 {
  font-size: 16px;
  margin: 0.5em 0em;
}

.mission-activation__list .read-more h4 ~ ul {
  margin-top: 0;
  padding-top: 0;
}

.mission-activation__list .indent-1 {
  margin-left: 1em;
}

.mission-activation__list.is-full {
  display: block;
}

.mission-activation__list.is-full .mission-activation__item__wrapper {
  min-height: 90px;

}

.mission-activation__list.is-full .mission-activation__item {
  margin-left: 0;
  margin-right: 0;
}

.mission-activation__list.is-full .mission-activation__item__subtitle {
    min-height: 2.5em;
}

.mission-activation__item:not(.expanded) {
	align-items: baseline;
}
.mission-activation__list li {
	flex: 0 1 calc(50% - 13px);
	margin-bottom: 22px;
	display: flex;
}

.mission-activation__list.is-1_3 {
  --gap: 26px;
  gap: var(--gap);
}

.mission-activation__list.is-1_3 li.mission-activation__item {
	flex: 0 1 calc(33.333% - var(--gap));
  margin: 0;
}

.mission-activation__list li:nth-child(even) {
	margin-left: 13px;
}
.mission-activation__list li:nth-child(odd) {
	margin-right: 13px;
}

.mission-activation__item a {
 color: #0035ff;
}

.mission-activation__item__copy,
.mission-activation__item__copy h3,
.mission-activation__item__number {
	color: black;
}

.mission-activation__item__wrapper {
	background: #CFDEE5;
	border-radius: 8px;
	display: flex;
	min-height: 165px;
	padding: 40px 25px;
	width: 100%;
}

.mission-activation__item__number {
	padding-right: 5px;
}

.mission-activation__item__number span {
	font-size: 90px;
	line-height: 65px;
}

.mission-activation__item__title {
	margin-bottom: 12px;
}

.mission-activation__item__subtitle {
	display: block;
	font-size: var(--font-size-sm);
	font-weight: normal;
	margin-bottom: 12px;
  /* min-height: 4.5em; */
}

.mission-activation__list li .mission-activation__item__copy > p,
.mission-activation__list li .read-more p {
  opacity: 0;
  pointer-events: none;
  transition: max-height 0.15s ease-out, opacity 0.15s linear;
  margin-top: 10px;
  max-height: 0;
}

.mission-activation__list li .mission-activation__item__copy > p,
.mission-activation__list li .read-more p,
.mission-activation__list li .read-more li {
  font-size: 13px;
  line-height: 140%;
}

.mission-activation__list li p a {
  pointer-events: all;
}

.mission-activation__list li .mission-activation__item__copy > p:not(.active),
.mission-activation__list li .read-more:not(.active) {
	height: 0;
  line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.mission-activation__list li p.active,
.mission-activation__list li .read-more.active p,
.mission-activation__list li .read-more.active li {
	font-size: var(--font-size-xs);
	line-height: var(--line-height-default);
  max-height: 1000px;
  opacity: 1;
  transition: max-height 0.15s ease-in, opacity 0.3s linear;
}

.mission-activation__list .read-more {
  overflow-wrap: anywhere;
}

.mission-activation__list .read-more ol,
.mission-activation__list .read-more ul {
  margin: 1em 0 1em 2rem;
  padding: 1em 0 0;
}

.mission-activation__list .read-more p + ul {
  margin-top: 0;
}

.mission-activation__list .read-more li {
  display: list-item;
  list-style: disc;
  margin: 0;
  padding: 0;
}

.mission-activation__list .read-more li:not(:first-child) {
  margin-top: 0.5em;
}

.mission-activation__list .read-more p {
  margin-bottom: 0;
}
.mission-activation__list .read-more h2 {
  font-size: 25px;
  text-align: left;
  color: black;
  margin: 0.5em 0;
  padding: 0;
  font-weight: bold;
}

.mission-activation__sub {
  margin-left: 1em;
}

#wrapper .mission-activation__sub-h1 {
  font-size: 1.35rem;
  line-height: 1.2em;
  margin: 0.5em 0 0.35em;
}

#wrapper .mission-activation__sub-h2 {
  --font-size-md: 1.1rem;
  font-style: italic;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0.35em 0;
}

#wrapper .mission-activation__sub-h3 {
  font-size: 0.85rem;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0.5em 0;
}

.mission-activation button {
	--bg-color: #fff;

  appearance: none;
  background-color: var(--bg-color);
  border: 1px var(--bg-color) solid;
	border-radius: 25px;
  color: var(--color-dark-blue);
  cursor: pointer;
  font-weight: bold;
  margin: 5px 0;
	padding: 10px 20px;
}

.mission-activation button:hover,
.mission-activation button:focus,
.mission-activation button:active {
  color: var(--color-dark-blue);
	border-color: var(--color-dark-blue);
	outline-color: var(--color-dark-blue);
}

/* water page */
.water__item.water__item h2 {
  font-size: 22px;
  line-height: 1.3;
}

/* banner */
.banner {
  background: linear-gradient(0deg, #6e0200, #9e0300);
  color: white;
  padding: 40px 50px 45px;
}

.banner p:last-child {
  margin-bottom: 0;
}

.banner-heading {
  --line-height-default: 1.2;
  color: #fbfd49;
  margin-bottom: 0.5em;
  text-align: center;
}

.banner.text-block {
  margin: 35px 0;
}

/* text block */
.text-block {
  clear: both;
  margin: 25px 0;
}

/* cards */
.cards {
  clear: both;
  display: grid;
  gap: 50px;
  margin-bottom: 50px;
}

.card-body {
  background-color: var(--color-gray-light);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 25px 35px;
}

.card-button {
  --button-color: white;

  background: linear-gradient(0deg, #7b0201, #a20401);
  border-radius: 5px;
  color: var(--button-color);
  display: flex;
  font-size: 17px;
  font-weight: bold;
  padding: 0.65em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.3s;
}

.card-button:hover,
.card-button:focus {
  transform: scale(1.035);
  color: var(--button-color);
  text-decoration: none;
}

.card-button:visited {
  color: var(--button-color);

}

.card-footer {
  background: linear-gradient(0deg, #e9e9e9, #fcfcfc);
  display: flex;
  justify-content: end;
  padding: 15px 35px;
}

.card-heading {
  color: var(--color-blue-light);
  font-size: var(--font-size-h2);
  font-weight: bold;
  margin: 0 0 0.15em;
}

.card-subheading {
  color: var(--color-gray-dark);
  font-size: var(--font-size-h3);
  font-style: italic;
  margin: 0 0 0.5em;
  /* font-weight: bold; */
}

.card p:last-child {
  margin-bottom: 0;
}

#footer p,
#footer p a,
#footer p a:visited {
	color: #333;
	font-size: 16px;
}

.water__item .water__item-subtitle {
  min-height: 0;
}

.water__list.water__list .read-more p {
  margin-top: 0;
}

.water__list {
  gap: 25px;
}

.water__list .read-more {
  padding: 1em 0 0;
}

.water__list .water__item.water__item {
  width: 100%;
  flex: none;
  margin: 0;
}


/* banner */
.banner {
  background: linear-gradient(0deg, #6e0200, #9e0300);
  color: white;
  padding: 40px 50px 45px;
}

.banner p:last-child {
  margin-bottom: 0;
}

.banner-heading {
  --line-height-default: 1.2;
  color: #fbfd49;
  margin-bottom: 0.5em;
  text-align: center;
}

.banner.text-block {
  margin: 35px 0;
}

/* text block */
.text-block {
  clear: both;
  margin: 25px 0;
}

/* cards */
.cards {
  clear: both;
  display: grid;
  gap: 50px;
  margin-bottom: 50px;
}

.card-body {
  background-color: var(--color-gray-light);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 25px 35px;
}

.card-button {
  --button-color: white;

  background: linear-gradient(0deg, #7b0201, #a20401);
  border-radius: 5px;
  color: var(--button-color);
  display: flex;
  font-size: 17px;
  font-weight: bold;
  padding: 0.65em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.3s;
}

.card-button:hover,
.card-button:focus {
  transform: scale(1.035);
  color: var(--button-color);
  text-decoration: none;
}

.card-button:visited {
  color: var(--button-color);

}

.card-footer {
  background: linear-gradient(0deg, #e9e9e9, #fcfcfc);
  display: flex;
  justify-content: end;
  padding: 15px 35px;
}

.card-heading {
  color: var(--color-blue-light);
  font-size: var(--font-size-h2);
  font-weight: bold;
  margin: 0 0 0.15em;
}

.card-subheading {
  color: var(--color-gray-dark);
  font-size: var(--font-size-h3);
  font-style: italic;
  margin: 0 0 0.5em;
  /* font-weight: bold; */
}

.card p:last-child {
  margin-bottom: 0;
}

#footer p,
#footer p a,
#footer p a:visited {
	color: #333;
	font-size: 16px;
}


/* expandable blocks */
.exp-hr {
  border-top: 1px gray solid;
  height: 1px;
  line-height: 1px;
  width: 50%;
  margin: 1em auto;
}

#main .exp-sub {
  margin: 0.75em 1em;
}

#main .exp h2:first-child {
  margin-top: 0;
}

#main .exp h2:last-child {
  margin-bottom: 0;
}

#main .exp ul {
  font-size: var(--font-size-default);
  margin: 0.75em 0.5em;
  padding: 0 0 0 1em;
}

#main .exp-col-1 .exp-wrap {
  min-height: 0;
}

/* footer */
.foot-qs {
  margin-top: 25px;
}

/* 2-col highlight */
.col2-highlight {
  display: grid;
  gap: 50px;
  grid-template-columns: 42.5% 1fr;
}

.col2-highlight p {
  --font-size-default: 1rem;
}

.col2-highlight h2 {
  --font-size-h2: 1.6rem;
  width: 100%;
}

.col2-highlight h3 {
  color: black;
  font-size: 20px;
  margin-bottom: 0.3em;
}

.col2-highlight-col1 {
}

.col2-highlight-col2 {
  background: #F2F2F2;
  padding: 25px;
}

/* Standard Copy Styles */
.copy h1 {
}

.copy h2 {
}

.copy h3 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: var(--margin-bottom, 0.5em);
}

.copy li {
  margin-top: 0.5em;
  padding-top: 0;
}

.copy ul {
  margin: 2.5em 0;
}

.hdg-highlight {
  --margin-y: 1.5em;
  --margin-bottom: var(--margin-y);

  background: #f2f2f2;
  margin: var(--margin-y) 0;
  padding: 25px 50px;
  text-align: center;
}

/* assessment navigation */
.assess-nav {
  clear: both;
  margin: 0 0 35px;
}

.assess-nav ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.assess-nav a {
  /* background: #f2f2f2; */
  transition: opacity 0.7s;
  background-color: #3488a5;
  color: white;
  display: block;
  font-size: 1rem;
  padding: 15px;
  text-decoration: none;
}

.assess-nav li {
  margin: 0;
  padding: 0;
}

.assess-nav .selected a {
  background: #424242;
}

.assess-nav a:hover {
  opacity: 0.85;
}

/* hero */
.hero-img {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  height: 300px;
  object-fit: cover;
  /* margin-bottom: 20px;  */
}

/* buttons */
.btn {
  background: linear-gradient(180deg, #eb201e 0%, #bb1412 50%, #b01514 85%, #9c0d0b 100%);
  color: white;
  display: flex;
  font-size: 1.1rem;
  justify-content: center;
  padding: 0.85em 3em;
  text-decoration: none;
  transition: opacity 0.5s;
  width: max-content;
  transform: scale(1);
}

.btn:hover {
  color: white;
  opacity: 0.85;
  text-decoration: none;
}

.modal__overlay {
  z-index: 1;
}

.modal__container.is-small {
  max-width: 650px;
}

.modal__title {
  --line-height-default: 1.3;
}

.modal__container.is-small .modal__content {
  width: 90%;
}

.modal__container.is-small {
  /* overflow: visible; */
  border-top: 0;
  padding-top: 45px;
}

.modal__container.is-small .modal__close {
  top: 20px;
}