/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checklist"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* screen reader */
.sr-only {border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}

/* vars */
:root {
	--col1: #ffffff;
	--col2: #000000;
	--col3: #143d8d;
	--col4: #3d3d3d;
	--col4a: #3d3d3dd0;
	--col5: #e98530;
	--col5a: #e9853080;
	--font: sans-serif;
	--h1: 2.5rem;
	--h2: 2rem;
	--h3: 1.75rem;
	--h4: 1.50rem;
	--h5: 1.25rem;
	--h6: 1.125rem;
}

/** mobile/general **/
html {background-color: var(--col1); height: 100%; scroll-behavior: smooth}
body {background-color: var(--col1); color: var(--col2); display: flex; flex-direction: column; font-family: var(--font); margin: 0 auto; max-width: 1920px; min-height: 100%; overflow-x: hidden}
main {flex-grow: 1}
main:has(#thanks) {background-image: url('/assets/img/ma_hero_0711_640.jpg'); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center}
h1, h2, h3, h4, h5, h6, p, li {margin: 1rem 0}
h1, h2, h3, h4, h5, h6 {font-wight: bold}
h1, .h1 {font-size: var(--h2)}
h2, .h2 {font-size: var(--h3)}
h3, .h3 {font-size: var(--h4)}
h4, .h4 {font-size: var(--h5)}
h5, .h5 {font-size: var(--h6)}
h6, .h6 {font-size: 1rem}
img {height: auto; max-width: 100%}
a {color: inherit}
[id] {scroll-margin-top: 8rem}
.container {padding: 0 1em}
.copy > :first-child {margin-top: 0}
.copy > :last-child {margin-bottom: 0}
.overlay {position: relative}
.overlay::before {background-color: rgba(0,0,0,0.25); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0}
.overlay_bg4::before {background-color: var(--col5a)}
.overlay > * {position: relative; z-index: 1}
.caps {text-transform: uppercase}
.accordion {background-color: var(--col3); color: var(--col1); margin: 1rem 0; padding: 1rem}
.accordion_toggle a {text-decoration: none}
.accordion_toggle[aria-expanded] {user-select: none}
.accordion_toggle[aria-expanded]::after {content: '+'; display: inline-block; margin-left: 1rem}
.accordion_toggle[aria-expanded="true"]::after {content: '-'}
.button {background-color: var(--col5); border: none; border-radius: 0.5em; box-sizing: border-box; color: var(--col1); display: inline-block; font-weight: bold; margin: 0 1rem 0.5rem 0; padding: 0.5rem 1rem; text-decoration: none}
.tbl {border-collapse: collapse; border-style: hidden; display: table; table-layout: fixed; width: 100%}
.tbl_cell {border: 2rem solid transparent; display: table-cell}

/* header */
#header {background-color: var(--col1); color: var(--col2); padding: 1rem 0; position: sticky; top:0; z-index: 10}
#header_logo img {display: block; margin: 0 auto}
#header_phone_menu_wrap {margin-top: 1rem}
#header_phone_menu {table-layout: auto}
#header_phone_menu .tbl_cell {vertical-align: middle}
#header_phone {text-align: left}
#header_phone a {font-size: 125%; text-decoration: none}
#quickLinks {position: relative}
#menu_toggle {display: block; font-size: 2rem; font-weight: bold; text-decoration: none}
body.js #menu {background-color: var(--col3); border: 2px solid var(--col1); color: var(--col1); max-width: 90vw; padding: 0.5rem; position: absolute; right: 0; top: 100%; width: max-content}
body.js #menu a {display: block; padding: 0.5rem; text-align: right; text-decoration: none}

/* hero */
#hero {padding: 0; margin: 0}
#hero_img {background-image: url('/assets/img/ma_hero_0711_640.jpg'); background-position: center; background-size: cover; height: 0; padding-bottom: 50%}
#hero_wrap {padding: 0}
#hero_wrap .container {padding: 0}
#hero_copy {padding: 2em 1em}
#hero_copy h1 {color: var(--col5); font-size: var(--h2); text-transform: uppercase}
#hero_copy h1 .subhead {display: block; font-size: 1.5rem}
#top_form {background-color: var(--col4); color: var(--col1); padding: 2em 1em}

#thanks .container {background-color: #ffffffb0; background-clip: padding-box; border: 1rem solid transparent; box-sizing: border-box; padding: 3rem 4rem}

/*form*/
.field {margin: 1em 0}
.fieldset .field {border-width: 1em; vertical-align: bottom}
.field label {display: block; margin-bottom: 0.25em}
.field input[type=email], .field input[type=tel], .field input[type=text], .field select {height: 1.75em; width: 100%; box-sizing: border-box; border: none; padding: 0.25em 0.5em; border-radius: 0.25em; background-color: var(--col1)}
.field input[type="submit"] {background-color: var(--col5); border: none; border-radius: 0.5em; box-sizing: border-box; color: var(--col1); cursor: pointer; font-size: 150%; font-weight: bold; padding: 0.5rem; width: 100%}
fieldset {border: none; margin: 1em 0; padding: 0}
legend {display: block; margin-bottom: 0.25rem; width: 100%}
fieldset.cb {text-align:left;}
fieldset.cb .fields {display: table; border-collapse: collapse; border-style: hidden; margin: 0 auto}
fieldset.cb .field {display: table-row}
fieldset.cb input, fieldset.cb label {display: table-cell; border: 1rem solid transparent}
.lb_wrap label {margin: 0}
textarea.comments{display: none}
.deadline {background-color: var(--white); border-radius: 10rem; color: var(--dark_blue); font-size: 1rem; font-weight: bold; padding: 1rem; text-align: center; text-transform: none}
.deadline span {whitespace: nowrap}
.guide_cta {font-size: 90%; font-weight: bold}
.disclaimer {font-size: 75%}
.disclaimer.pp {text-align: center}
.disclaimer .accordion_toggle, .disclaimer.pp a {color: var(--white)}
.englishonly {text-align: center}
.cf-turnstile {text-align: center}
.scheduler_toggle {transform: scale(1.75)}
.schedule-visit-timeholder .cbHolder {display: block; margin: 0.5rem}
.schedule-visit-timeholder .cbHolder * {vertical-align: middle}
[name="comments"] {display:none}

/* sections */
section {margin: 2rem 0; text-align: center}
section.altcol, section.overlay {margin: 0; padding: 2rem 0}
section.altcol {background-color: var(--col3); color: var(--col1)}
section.altcol.altcol2 {background-color: var(--col4)}
section .container > :first-child, .copy > :first-child {margin-top: 0}
section .container > :last-child, .copy > :last-child {margin-bottom: 0}
section ol, section ul {display: inline-block; margin: 0; text-align: left}
section li {margin: 0.5rem 0}
#careers .inner-box h2 {color: var(--col5)}
.inner-box {background-color: var(--col1); color: var(--col2); padding: 1rem}
#why {margin: 0}
#why h2 {color: var(--col5)}
.whyimg {background-position: center; background-size: cover; height: 0; padding-bottom: 60%}
#whyimg1 {background-image: url('/assets/img/MA_new_1_640.jpg')}
#whyimg2 {background-image: url('/assets/img/MA_new_2_crop.jpg')}
#why .copy {padding: 2rem 1rem}
#financial-aid {background-image: url('/assets/img/MA_3_640.jpg'); background-position: center; background-size: cover; color: var(--col1)}
#financial-aid::before {background-color: var(--col5a)}
#financial-aid p {font-style: italic; font-size: 1.25rem}
#locations h2 {color: var(--col3)}
.location {margin: 1rem 0}
.location .name, .location .address {font-weight: bold; margin: 0}
.location .name {font-size: 1.25rem}
.location .address {font-size: 1.0625rem}
#location_map {margin: 2rem 0}
#location_map img {display: block; margin: 0 auto}

/* footer */
#bottomform {background-color: var(--col4); color: var(--col1); margin: 0; padding: 2rem 0}
#footer {background-color: var(--col3); color: var(--col1); padding: 1rem 0; text-align: center}

@media(min-width: 640px) {
	#hero_img {bbackground-image: url('/assets/img/ma_hero_0711_980.jpg')}
	main:has(#thanks) {background-image: url('/assets/img/ma_hero_0711_980.jpg')}
	#whyimg1 {background-image: url('/assets/img/MA_new_1.jpg')}
	#financial-aid {background-image: url('/assets/img/MA_3_980.jpg'); padding: 15% 0}
}

/** desktop **/
@media (min-width: 980px){
	h1, .h1 {font-size: var(--h1)}
	h2, .h2 {font-size: var(--h2)}
	h3, .h3 {font-size: var(--h3)}
	h4, .h4 {font-size: var(--h4)}
	h5, .h5 {font-size: var(--h5)}
	h6, .h6 {font-size: var(--h6)}
	.container {margin: 0 auto; max-width: 1200px}
	.d-tbl {border-collapse: collapse; border-style: hidden; display: table; table-layout: fixed; width: 100%}
	.d-tbl.rev {direction: rtl}
	.d-tbl_cell {border: 4rem solid transparent; direction: ltr; display: table-cell}
	.fieldset {margin: 1rem 0}
	
	/* header */
	#header .d-tbl {table-layout: auto}
	#header .d-tbl_cell {border: none; vertical-align: middle}
	#header_logo {text-align: left}
	#header_phone {text-align: center; white-space: nowrap}
	
	/* hero */
	#hero_img {background-image: url('/assets/img/ma_hero_0711_1920.jpg'); padding-bottom: 400px; position: relative; z-index: 2}
	#hero {position: relative}
	#hero_wrap .container {margin-top: -400px; padding: 0 1em}
	#hero_copy, #top_form {border: none; vertical-align: top}
	#hero_copy {padding-left: 0; padding-right: 2em; position: relative; width: 60%; z-index: 1}
	#hero_copy .copy {margin-top: 400px}
	#top_form {background-color: var(--col4a); padding: 0; position: relative; width: 24rem; z-index: 3}
	#top_form_inner {padding: 1rem}
	#top_form h2 {font-size: 1.5rem; text-align: center}

	/* form */
	.deadline {white-space: nowrap}
	.field input[type="email"], .field input[type="tel"], .field input[type="text"], .field select {height: 3rem}
	.schedule-visit-timeholder .cbHolder {display: inline-block; margin: 0.25rem}
	#bottomform .fieldset {border-collapse: collapse; border-style: hidden; display: table; margin: 1rem 0; table-layout: fixed; width: 100%}
	#bottomform .fieldset .field {border: 1rem solid transparent; display: table-cell; vertical-align: bottom}
	
	/* sections */
	main:has(#thanks) {background-image: url('/assets/img/ma_hero_0711_1100.jpg')}
	.inner-box {margin: 1rem auto; max-width: 880px}
	#careers .inner-box h2 {font-size: var(--h2)}
	#why {align-items: center; display: flex}
	.whyimg {flex-grow: 1; height: auto; min-height: 20rem; padding: 0}
	#whyimg1 {background-image: url('/assets/img/MA_new_1_640.jpg')}
	/*#whyimg2 {background-image: url('/assets/img/MA_new_2_640.jpg')}*/
	#why .copy {flex-basis: 45%; padding: 2rem}
	#why .copy p {font-size: 1.25rem}
	#financial-aid {background-image: url('/assets/img/MA_3_1440_crop.jpg'); background-position: top; padding: 8rem 0}
	
	#locations_wrap {align-items: center; display: flex; gap: 2rem}
	.location {flex-grow: 1; margin: 0}
	#location_stl {order: 3}
	#location_ftn {order: 1}
	#location_map {flex-basis: 50%; margin: 0; order: 2}
	
	/* footer */	
	#bottomform .container {max-width: 720px}
}