body { padding: 30px 0; }

body { font-size: 14px; }


h1 { font-size: 160%; }
h2 { font-size: 140%; mask-type: 20px; }
h3 { margin: 30px 0; }
h4 { font-size: 115%; font-weight: 700; }
ol { padding-left: 20px; }
ul { padding-left: 20px; }
.page { text-align: center; max-width: 320px; margin: 30px auto; }
.page form { margin: 0 auto; text-align: left; }
.page img { max-width: 100%; }
hr {margin: 30px auto 30px auto; height: 1px; border: 0; background: #1B3564; }
.copyright { font-size: 80%; }


header.header img { max-width: 100%; height: auto; }


#webform {  }
#webform h1 { border-bottom: 1px solid #aaa; padding-bottom: 10px; }
#webform .element { margin-bottom: 1rem; }
#webform input[type=text],
#webform input[type=password],
#webform select,
#webform textarea { width: 100%; padding: 4px 8px; border-radius: 2px; border: 1px solid #bbb; border-left: 3px solid #2694A7; }
#webform .contingent { display: none; }
#webform .otherval { display: none; }

#webform input[type=submit] { background: #2694A7; color: #fff; border: 0; border-radius: 3px; padding: 7px 18px; cursor: pointer; margin-top: .5rem; }
#webform input[type=submit]:hover { background: #228596; }
#webform .g-recaptcha { margin-top: 1.5rem; }
#webform input.error,
#webform textarea.error { background: #F2DEDE; color: #A94442; border-left-color: #A94442; }
#webform label { font-weight: 600; }
#webform .options label { font-weight: 500; }
#webform label span { color: red; font-weight: bold; }
#webform .full { width: 100%; }
#webform .options.radiobuttons { margin-bottom: 15px; }
#webform .options.radiobuttons label { display: block; }
#webform .options.radiobuttons.inline label { display: inline-block; margin-right: 5px; }
#webform .options.checkboxes label { margin-right: 15px; }
#webform .element .element { margin-top: 20px; }

#webform .readonly input { pointer-events: none; background: #f0f0f0; }

#webform .heading { margin-top: 20px; }
#webform .student { padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
#webform .student label { margin-bottom: 0; }
#webform .student .options { margin-top: 5px; margin-bottom: 0; }
#webform .textfield { margin-bottom: 10px; }

@media (min-width: 576px) {
}
@media (min-width: 768px) {

	#webform input[type=text],
	#webform input[type=password],
	#webform select,
	#webform textarea { width: 50%;	}
	
}


#webform .section-90 { display: none; }

/* custom for tuition form */
#webform.sid { font-size: 18px; }
#webform .section-49 { display: none; }
#webform.sid .section-49 { display: block; }
#webform.sid .section-49 > div { float: left; width: 20%; }
#webform.sid .section-49 > div input { width: 95%; }
#webform.sid #divelement56 { clear: both; }
/*#webform #divelement56 { display: none; }*/
#webform.sid #divelement56 { display: block; }
#webform.sid .otherval { display: none; }
#webform.sid .radiobuttons { margin-bottom: 15px; }
#webform.sid ol { padding-left: 25px; }
#webform.sid ul { padding-left: 25px; }
#webform.sid #divelement23 { display: none !important; }
#webform.sid .input { border: 1px solid #333; padding: 3px 5px; min-height: 33px; }

@media(max-width: 767px) {
  #webform .element.student .row > div { margin-bottom: 10px; }
  #webform .element.student { margin-bottom: 25px; padding-bottom: 25px; }
}


#webform .students h4 { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#webform .students .medium { font-weight: 400; margin-right: 10px; }
#webform .students input[type=text] { width: 90%; max-width: 550px; }
#webform .students textarea {  max-width: 550px; }
#webform .students .element { margin: 0 0 10px 0; }
#webform .students .element:last-of-type { margin-bottom: 0; }
#webform .students .student { background: #f3f3f3; padding: 15px; margin-bottom: 15px; }
#webform .students .student textarea { height: 80px; }
#webform .students .remove { color: #A94442;  }


#webform .button { 
	background: #2694A7;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 7px 18px;
	cursor: pointer;
	margin-top: 0.5rem;
}

/*
#divelement661 { display: none; } /* family id */ /* TODO: deal with these so they show up on the PDF */
/*#divelement661 { display: none; } /* family code */