@charset "UTF-8";


.checklabel > label {
	display: block;
	height:30px;

}
.checklabel > label > p {
	font-size: 1.2rem;
	margin-left:24px;
	justify-content: center;
}

textarea {
	
	caret-color: #263440;
}

.submit-btn {
	background-color: #263440; 
	border:solid 2px #263440;
	border-radius: 4px;
  color: white;
  padding: 6px 10px;
	margin: 10px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
  font-size: 1.3em;
	font-weight:500;
	
	
	
}

.submit-btn:hover, .submit-btn:focus-visible {
	background-color:#498E5A; 
	outline:solid 2px #498E5A;
	border:solid 2px white;
}

.explain {
display:block;
	margin:14px 0px;
	
}

@media (min-width: 320px) and (max-width: 879px) {
	h1 {

	margin:40px auto 0px;
	text-align: center;
		font-weight: 400;
		font-size: 2em;
	}


	h2 {
		font-size:1.9em;
		font-weight:600;
		margin:60px 0px 0px;
		text-align: center;
		
	}


	h3 {
		font-size:1.6em;
		font-weight:500;
		margin: 10px 0px 0px;
	
	}

	h4 {
		font-size:1.3em;
		font-weight: 400;
		margin: 10px 0px 0px 10px;
	}



.hidden {
	
	display:none;
	height:0px;
	width:0px;
}

.login {
	width: calc(100% - 60px);
	margin:0px auto;
	padding:20px;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-size: .95em;
	background:#fffdfa;

}

.submit {
	padding:10px 20px;
	margin-top:20px;
	font-family:"Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
background-color:#263440;
	font-size: 1.05em;
	font-weight: 500;
	color:#fffdfa;
	border: solid 1px #263440;
	border-radius:4px;
	outline:none;
	
}


#password, #email {
	
	height:30px;
	border-radius:4px;
	
}
#password:hover, #email:hover {
	
	border: solid 2px #425666;
	
}

#password:focus-visible, #email:focus-visible {
	
	border: solid px #425666;
	
}

#password:active, #email:active {
	
	border: solid 2px #263440;
	
	
}


fieldset {
width:100%;
border:none;
margin:0px;
padding:0px;

}



 input[type="button"] {
 display:block;
 margin:0px auto 20px;
 align-items:center;
 	font-size: 1em;
		padding:10px;
 }

input[type="submit"]:hover, input[type="button"]:hover {
	box-shadow:	inset 4px 4px 6px rgba(140, 200, 255, 0.4),
				inset -4px -4px 6px rgba(0, 10, 20, 0.6);
	
}

input[type="submit"]:focus, input[type="button"]:focus {
	box-shadow:	inset 4px 4px 6px rgba(140, 200, 255, 0.4),
				inset -4px -4px 6px rgba(0, 10, 20, 0.6);
	
}

input[type="submit"]:active, input[type="button"]:active {
	box-shadow: inset 5px 5px 6px rgba(0, 10, 20, 1);
	
}



.tab-background {
	display:none;	
		
}

/*
.tab-container {
	position:fixed;
	width:100%;
	height:auto;
	display:block;
	top:0px;
	left:0px;

}


.tab-background {
	display:block;
	position:absolute;
	width: 100%;
	height:60px;
	left:0px;
	top:0px;
	background-color:rgba(230, 238, 245, 1);
	box-shadow: 0px 2px 4px rgba(38, 52, 64, 0.4);
	padding: 0px;

}*/

.tab {
	position: absolute;
	z-index: 99;
	outline: none;
	opacity: 0;
}

.menu-button {
	height:60px;
	width:80px;
	position: absolute;
	right:20px;
	z-index: 999;
	outline:none;
	opacity:0;
}
	

.menu-label {
	display:block;
	position:relative;
	width: 60px;
	height: 20px;
	z-index: 99;
	padding:16px;
	font-size:1.4em;
	font-weight:700;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	color:#263440;

}



.tab-label {
	display:none;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	
}




 .menu-button:checked ~ .tab-background {
	position:absolute;
	 display:flex;
	 flex-direction:column;
	 align-items: flex-start;
	 justify-content: flex-start;
	top:0px;	
	left:0px;
	
	height:360px;
	background-color:rgba(230, 238, 245, 1);


}


.menu-button:checked ~ .tab {
	display:block;
	background-color:rgba(230, 238, 245, 1);
	width: 100%;
	height: 36px;
	margin:0px;
	padding:0px;
	
}


.menu-button:checked ~ .tab-label {
	display:block;
	background-color:rgba(230, 238, 245, 1);
	width: 100%;
	height: 40px;
	z-index: 999;
	margin:6px 10px;
	padding:4px 20px;
	font-size:1.2em;
	font-weight:500;
}


.menu-button:checked ~ .menu-label {
	display:none;
	
}


/*	
.tab:checked + .tab-label {
	font-weight:900;
	font-size:1.3em;
}*/

	
.check > p {
	display:block;
	margin: 6px 0px 0px 30px;
	
}
	
	

input[type="checkbox"] {
height:22px;
width:22px;
 box-sizing: border-box;
position:absolute;
  border: 2px solid #9AB1C6;
	border-radius:2px;
  appearance: none;
  background-color: #FFFFFF;
  outline: none;
  transition: outline 0.1s;
	margin-top:6px;
	margin-left: 0px;
}




input[type="checkbox"]:focus-visible {

		  background-color:#DDE7F0;
	border:2.5px solid #263440;
	border-radius: 2.5px;		
	
}
	
input[type="checkbox"]:hover {
		  background-color:#DDE7F0;
	border:2.5px solid #263440;
	border-radius: 2.5px;
}

input[type="checkbox"]:checked {

 box-sizing: border-box;
  padding: 0;
  border: 2px solid #263440;
  appearance: none;
  background-color: transparent;
	background-image: url("MuseryCheckmark.svg");
background-size:19px 19px;
  outline: none;
	border-radius:2px;
  transition: outline 0.1s;
}

.nochild, .yeschild {
	
	display:none;
}

input[type="checkbox"][value="no"]:checked + .nochild {
display:block;
}

input[type="checkbox"][value="no"]:checked ~ .check {
display:none;
}


input[type="checkbox"][value="yes"]:checked + .yeschild {
display:block;
}

 textarea {
	
	padding:14px;
	margin-top:14px;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.5rem;
	resize:vertical;
	border-radius:4px;
	border: solid 2px #263440;
	
	
}
	
	

	.yeschild > textarea {

	height:80px;
	
	
}



.nochild > textarea {

	height:180px;
	
	
}

textarea:focus {
	outline: 3px solid #498E5A;	
	  border: solid 3px #9AB1C6;
	
}



body {
width:100%;
background: #263440;	
margin:0;
padding: 0px;
font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-size: .95em;



}




code {
	
	color: #263440;	
	padding:5px 7px;
	font-size:1.05em;
	font-style:normal;
	
}

.li-describe {
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight:300;
	font-size: .95em;

}



ol {
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight: 600;
	font-size: 1em;
	line-height:1.5em;
}


	.ulnav {
		list-style-type: none;
		margin:0px;
		padding:0px;
		
	
	}


	.olnav {
		
		margin:0;
		padding: 0px 6px 0px 0px;
	}

/*ul {
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight:300;
	font-size: 1em;
	line-height:1.5em;
}*/



dt, dd {
	
	display:inline-block;
	margin: 0px 10px;
}


main {
	width: calc(96% - 40px);
	margin:0px auto;
	padding:20px;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-size: 1em;
	font-weight:300;
	background:#FAFDFF;

}
main {
		
padding-bottom:80px;
	}



p {

	line-height: 1.3em;
	font-size: 1.1em;
	font-weight: 300;
	margin: 0px;
	
}



.decor {
	
	font-family: "Cinzel Decorative", "Cinzel", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";

}







.skip {
	width:0px;
	height:0px;
	opacity:0;
	margin:0px;
	padding:0px;
	position:absolute;
	top:-20px;
}




.checklist {
	display:flex;
	flex-direction:row;
	align-items: flex-start;
	justify-content: flex-start;
	gap:10px;
}


.checklist p{
	line-height:26px;
	font-weight:300;
	margin-left:36px;
	

}



.checklist-note {

	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-style: italic;
	display:block;
	letter-spacing: .06em;
	border: solid 1px #9AB1C6;
	border-radius: 4px;
	font-weight:300;
	font-size: .9em;
	line-height: 1.8em;
	padding:10px;
	margin:0px 20px 0px 36px;
	background: #DDE7F0;

}





ul {
	list-style-type: none;
	margin: 0px 40px 0px 0px;
	
}


.section {
	display:block;
	border-radius:4px;
	border: solid 1px #9AB1C6;
	padding: 20px;
	background:#F0F8FF;
	margin: 0px auto 60px auto;
		width:90%;
}


ul li {
	margin:0px 10px;
	padding:0px;
}


.ulnest {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.ulnest li {
	padding:8px 0px;
	
}

.checklist-note-lead {
	font-weight:600;
	font-style:normal;
}

.checklist-main-head {
	margin:0px 0px 20px 0px;
		text-align: center;
}

.logo-img {

	border-radius:10px;
	margin:auto;
	width:100%;
	height:auto;
	background-repeat: no-repeat;
	
	
}

.error {
	
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-style: italic;
	display:inline-block;
	border-radius: 4px;
	font-weight:500;
	font-size: .9em;
	line-height: 1.5em;
	padding:10px;
	margin:0px;
	color:#970042;

	
}

#login-form > p {
	
	display:block;
	font-size: 1.1em;
	margin:30px 20px 20px;
}

#login-form > ul {
	
	padding-top:0px;
	margin-top:0px;
} 

#login-form {
	margin-top:20px;
	
}

.logo-img-login {

	border-radius:10px;
	margin:auto;
	width:100%;
	height:auto;
	background-repeat: no-repeat;
	
	
}




.child {
	display:none;
	
}

.yes-no {
	margin:20px 0px;
}

.question {
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin:10px 0px 24px 20px;
	gap:10px;
	
}

.check {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin:0px 0px 0px 20px;
	gap:12px;
}


.onlycheck {
	display: flex;
	flex-direction: row;
}


.h-note{
	font-size: 1.05em;
	margin:10px 20px 10px 20px;
	display:block;
	border: solid 1px #9AB1C6;
	border-radius: 4px;
	font-weight:300;
	line-height: 1.3em;
	padding:10px;
	background: #DDE7F0;
	
}


.note {
	font-size: 1.05em;
	margin:-4px 20px 10px 0px;
	display:block;
	border: solid 1px #9AB1C6;
	border-radius: 4px;
	font-weight:300;
	line-height: 1.3em;
	padding:10px;
	background: #DDE7F0;
	
}

strong {
	font-weight:500;
}

	
}


@media (min-width: 320px) and (max-width: 359px) {
	
	
	 .textarea1 {
width:50vw;
	}
	
	.textarea2 {
		width: calc(50vw - 40px);
	}
	
		.textarea3 {
		width: calc(50vw - 80px);
	}
	
}

@media (min-width: 360px) and (max-width: 449px) {
	
	
	 .textarea1 {
width:55vw;
	}
	
		.textarea2 {
		width: calc(55vw - 40px);
	}
	
			.textarea3 {
		width: calc(55vw - 80px);
	}
	
}


@media (min-width: 450px) and (max-width: 549px) {
	
	
	 .textarea1 {
width:60vw;
	}
	
	
		.textarea2 {
		width: calc(60vw - 40px);
	}
	
			.textarea3 {
		width: calc(60vw - 80px);
	}
	
}


@media (min-width: 550px) and (max-width: 699px) {
	
	
	 .textarea1 {
width:65vw;
	}
	
	.textarea2 {
		width: calc(65vw - 40px);
	}
	
		.textarea3 {
		width: calc(65vw - 80px);
	}
}

@media (min-width: 700px) and (max-width: 879px) {
	
	
	 .textarea1 {
width:70vw;
	}
	
	
		.textarea2 {
		width: calc(70vw - 40px);
	}
		.textarea3 {
		width: calc(70vw - 80px);
	}
	
}

@media (min-width: 880px) {
	
	
	 .textarea1 {
width:580px;
		 
	}
	
	 .textarea2 {
width:520px;
		 
	}
	
	 .textarea3 {
width:460px;
		 
	}
	
	
	
	
}

	
	
	

.wcagrule {
	display:inherit;
}

.input {
	width:100%;
	height:40px;
	border-radius:4px;
	
}



.form {
	display: flex;
	flex-direction: column;
	margin:20px 120px;
	width:calc(100% - 240px);
	gap:32px;
}

.inputspan {
	display:flex;
	width:100%;
	gap:48px;
	
}

.inputspan > div {


	width:calc(100% - 24px);
}

label {
	color:white;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight: 300;
	line-height: 2.6rem;
	margin: 20px 0px;
	font-size: 1.2rem;

	width:auto;

}


select > option {
	
	color:263440;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight: 500;
	line-height: 2.6rem;
	margin: 20px 0px;
	font-size: 1.4rem;
	
}

select > option:focus {
	
	color:263440;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-weight: 500;
	line-height: 2.6rem;
	margin: 20px 0px;
	font-size: 1.4rem;
	background-color:grey;
	
}

 input[type="text"] {
	
	padding:4px;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5rem;
	resize:vertical;
	border-radius:6px;
	border: solid 2px #263440;
	
	
}


 input[type="text"]:hover {
	border: 2px solid #9AB1C6;	
	
}

 input[type="text"]:focus {
	outline: 2px solid #7dc6fa;	
	 border: solid 2px #9AB1C6;
	
}


.add-question {
	width:260px;
	background-color: #498E5A; 
	border:solid 4px #ffffff;
	border-radius: 4px;
  color: white;
  padding: 6px 10px;
	margin: 10px auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
  font-size: 1.3em;
	font-weight:600;
	

}

.add-question:hover, .add-question:focus-visible {
	background-color:white; 
	outline:solid 2px #7dc6fa;
	border:solid 4px #263440;
	color:#263440;
}

th {
	font-size: 1.3rem;
	font-weight: 600;
	color:white;
	text-align: left;
	border:1px solid #4c6880;
		padding:10px;
}

td {
	padding:10px;
font-weight: 400;
	font-size: 1.1rem;
	vertical-align: top;
	line-height:1.7em;
	border:1px solid #4c6880;

}

table {
	margin:20px auto 100px;
	width:100%;
	color:white;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
		border:1px solid #4c6880;
			border-collapse:collapse;
}




.tablediv {
	margin:100px 60px;
	width:calc(100% - 120px);
}

.update-table {
	width:200px;
	background-color: #498E5A; 
	border:solid 4px #ffffff;
	border-radius: 4px;
  color: white;
  padding: 6px 10px;
	margin:32px calc(50% - 100px);
	
  text-align: center;
  text-decoration: none;
	font-family: "Montserrat", "Open Sans", "Noto Sans", "Euphemia UCAS", "Trebuchet MS", Helvetica, Arial, "sans-serif";
  font-size: 1.3em;
	font-weight:600;
}

.update-table:hover, .update-table:focus-visible {
	background-color:white; 
	outline:solid 2px #7dc6fa;
	border:solid 4px #263440;
	color:#263440;
}