@charset "UTF-8";
	


@media (min-width: 880px){
	


	h1 {

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


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


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

	h4 {
		font-size:1.6em;
		font-weight: 400;
		margin: 20px 0px 0px 20px;
	}





.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: 0px 0px 0px 36px;
	
}	

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;
}

.yeschild > textarea {
	height:80px;

	
}



.nochild > textarea {

	height:180px;
	
	
}
	
 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;
	
}

textarea:focus {
	outline: 3px solid #498E5A;	

	  border: solid 3px #9AB1C6;
	
}



body {
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: 800px;
	margin:0px auto;
	padding:40px;
	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.5em;
	font-size: 1.3em;
	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:14px 0px 36px 40px;
	gap:14px;
	
}

.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 300px 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 260px 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;
}
	
	
}