html, body, header, div, p, span, li {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 font-size: 1.0rem;
	 vertical-align: baseline;
	 background: transparent;
}
html {
	 scroll-behavior: smooth;
}
div#actualContent {
	 padding-right:1rem;
/* 	 background-color: #d4effc; */
}
main {
	 position: relative;
}
form#register > input[type=text] {
	 font-size: 1.2rem;
	 width:70%;
	 border:0px;
	/* border-color: black;
	 border-left: solid 1px;
	 border-bottom: solid 1px;
	 */
}
form#register > input[type=radio] {
	 font-size: 1.2rem;
}
main > section {
	 position: relative;
	 padding-top: 1rem;
	 margin-right: 1rem;
	 margin-bottom: 1em;
	 padding-right: 3rem;
	 background-color: white;
	 color:black;
	 font-size:1.15rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
}
section#sectionFees > p {
	 margin-bottom:1.0em;
}
/* div#actualContent > h2 {
	 margin-top: -5em;
}
 */
h2.dividerLine {
	 margin-top: 0em;
}


/*
            MASTHEAD - header
*/
.masthead {
	 height: 200px;
	 left: 0;
	 position: relative;
	 top: 0;
	 width: 100%;
	 color: white;
	 text-align: center;
	 -webkit-print-color-adjust: exact!important;
     background: 
        linear-gradient(40deg, #F58025 10%, transparent 35%),
        linear-gradient(135deg, #0064B1 10%, transparent 45%);;
	 background-image: url('https://www.uta.edu/apsi/images/apsi-banner-2026-1500.jpg');
	 background-position: bottom left;
	 background-repeat: no-repeat;
	 background-size: cover;
	 text-shadow: 2px 2px 1px #000;
	 display:flex;
	 align-items:center;
	 justify-content:center;
	 z-index:-2;
}
.mastheadFilter {
    z-index:-1;
    opacity:0.7;
    background: 
        linear-gradient(40deg, #F58025 10%, transparent 35%),
        linear-gradient(135deg, #0064B1 10%, transparent 45%);;
    width:100%;
    height:inherit;
}
div.masthead {
	 font-size: 2.5rem;
	 line-height: 250px;
}
div.mastheadFilter p {
    position:relative;
    opacity:1.0;
	font-size:3.0rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 4.0rem;
	z-index:0;
	/* <-- adjust this */
}
@media screen and (min-width: 990px) {
	div.masthead {
		 height: 350px;
		 line-height:350px;
	 	 background-image: url('https://www.uta.edu/apsi/images/apsi-banner-2026.jpg');
	}
    div.mastheadFilter p {
	    position:relative;
        opacity:1.0;
        z-index:0;
        font-size:4.0rem;
		display: inline-block;
		vertical-align: middle;
		line-height: 5.0rem;
		/* <-- adjust this */
	}
}


/*
            PAYMENT BUTTON
*/
div.payment-button {
	 background-color:#f58025;
	 font-weight:bold;
	 text-align:center;
	 width:fit-content;
	 vertical-align: middle;
	 padding: 1rem;
	 float: left;
	 box-shadow: none;
	 border: solid 1px black;
	 cursor: pointer;
	 line-height:1.2rem;
}
div.payment-button:hover {
	/* background-color: #d0bf8b;
	 */
	 padding:1.2rem 1.2rem 1.2rem 1.2rem;
	 box-shadow: 0px 3px 5px 5px rgb(150,150,150);
}
.register-button {
	 background-color:#f58025;
	 font-weight:bold;
	 text-align:center;
	 width:66%;
	 vertical-align: middle;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 1rem;
	 padding-top: 1rem;
	 padding-bottom: 1rem;
	 box-shadow: none;
	 border: solid 1px black;
	 cursor: pointer;
}
.register-button-disabled {
	 background-color: #a0a0a0;
	 font-weight:bold;
	 text-align:center;
	 width:66%;
	 vertical-align: middle;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 1rem;
	 padding-top: 1rem;
	 padding-bottom: 1rem;
}
.register-button-waitlist {
     background-color:#a6d6fb;
}
div.register-button:hover {
	 padding:1.2rem 1.2rem 1.2rem 1.2rem;
	 box-shadow: 0px 3px 5px 5px rgb(150,150,150);
}




/*
            GRIDS
*/

.grid-courses-subject {
	 display:grid;
	 text-align: center;
	 font-weight: bold;
	 grid-template-columns: 1fr 1fr 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 row-gap:4px;
	 line-height:1.15em;
}
.grid-courses-subject p {
    margin-bottom:0.75rem;
}
.grid-registration-fees {
	 display:grid;
	/* text-align: center;
	 */
	/* font-weight: bold;
	 */
	 grid-template-columns: 35% 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	/* align-content:center;
	 */
	 column-gap:4px;
	 row-gap:4px;
	 line-height:1.15em;
}
.grid-courses-capstone {
	 display:grid;
	 text-align:center;
	 font-weight: bold;
	 grid-template-columns: 1fr 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 row-gap:4px;
	 line-height:1.15em;
}
.grid-courses-capstone p {
    margin-bottom:0.75rem;
}

.grid-displayrecord {
	 display:grid;
	 text-align:left;
	 font-weight: normal;
	 grid-template-columns: 45% 45%;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 row-gap:4px;
	 line-height:1.15em;
}
 .grid-two-cols {
	 display:grid;
	 text-align:left;
	 font-weight: normal;
	 grid-template-columns: 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 row-gap:0.75rem;
	 line-height:1.15em;
	 break-inside:avoid;
}
 .grid-single {
	 display:grid;
	 grid-template-columns: 1fr;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 justify-content: center;
}
 .grid-main {
	 display:grid;
	 grid-template-columns: 17rem 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
}

 .grid-discountCodes {
	 display:grid;
	 text-align:center;
	 /* name timestamp course code notes */
	 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 row-gap:0.75rem;
}

 .grid-triple {
	 display:grid;
	 text-align:center;
	 grid-template-columns: 1fr 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 line-height:1.15rem;
	 row-gap:0.75rem;
}

 .grid-quad {
	 display:grid;
	 text-align:center;
	 grid-template-columns: 1fr 1fr 1fr 1fr;
	 grid-gap: 0.25rem;
	 font-size:0.8rem;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 place-self:center;
	 align-content:center;
	 column-gap:4px;
	 line-height:1.15rem;
	 row-gap:0.75rem;
}

 .grid-penta {
     display:grid;
     text-align:left;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     grid-gap: 0.25rem;
     font-size:0.8rem;
     font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
     place-self:center;
     align-content:center;
     column-gap:4px;
     line-height:1.15rem;
     row-gap:0.75rem;
}



 .grid-main div {
	 padding: 1em;
}
 .grid-courses-capstone div {
	 border:solid black 1px;
}
 .grid-courses-capstone div br {
	 line-height: 2em;
}
 .grid-courses-subject div {
	 border:solid black 1px;
}
 .grid-courses-subject div br {
	 line-height: 2em;
}





 .navSpace {
	 background-color: rgb(234,234,234);
	 font-size: 1.0rem;
}
 li.navSection:hover {
	 background-color: #d99b64;
	 cursor: pointer;
}
 .hasChildren:after {
	 content: "\25b9";
	/* \25b9: white right triangle;
	 black down triangle: \25be */
	 margin-left:0.5em;
	 border: none;
}
 .hasChildrenOpen:after {
	 content: "\25be";
	/* \25b9: white right triangle;
	 black down triangle: \25be */
	 margin-left:0.5em;
	 border: none;
}
 .hasChildren:hover {
	 background-color: #d99b64;
	 cursor: pointer;
}
 .hasChildrenOpen:hover {
	 background-color: #d99b64;
	 cursor: pointer;
}

h1#mainH1 {
    padding-left: 2rem;
}
 h3.hasChildren {
	 width: max-content;
}
 h3.hasChildrenOpen {
	 width: max-content;
}
 div.navSpace li.navSection {
	 margin-top:1.0rem;
}
 div.navSpace li.navSection + ul {
	 margin-top:0.25rem;
}
 body {
	 margin: 0;
	 padding: 0;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 font-size:1.15rem;
}
 ul {
	 list-style-type: none;
	 margin-left:-1.0rem;
}
 main > div + div {
	 margin-bottom: 1rem;
}
 main > section + div {
	/* padding:2em;
	 */
	 text-align: center;
	 line-height: 1.5em;
	 color: black;
	/* border: solid 1px black;
	 */
}
 main div.card {
	 width: 95%;
	 padding: 2em 3em;
	/* border: solid 1px black;
	 */
}
 section#unknown div + p {
	 padding-left: 1em;
	 text-align: left;
	 color: cyan;
	 width: 100%;
	 font-weight: 800;
	 font-size: 1.2rem;
	 background-color: rgb(222 252 255);
}
 select {
	 font-size: 1.0rem;
}
 select > option {
	 font-size: 1.0rem;
}
 .subjectAreas {
	 font-weight:normal;
	 font-size:1.0rem;
}
 .asterisk {
	 color: red;
	 font-size: 2.0rem;
}
 .registrationFieldLabel {
}
 .registrationTextField {
	 font-size: 1.0rem;
	 border: solid 1px black;
	 border-right: 0;
	 border-top: 0;
	 width: 80%;
}
 .regLeft {
	 width:40%;
	 padding-right:1em;
	 text-align:right;
	 float:left;
	 vertical-align:top;
	 padding-left:2em;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 font-weight:bold;
	 font-size:1.15rem;
	/* border:1px solid red;
	 */
}
 .regRight {
	 clear:right;
	 width:53%;
	 padding-right:1em;
	 text-align:left;
	 float:left;
	 vertical-align:top;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 font-weight:normal;
	 font-size:1.15rem;
	/* border:1px solid green;
	 */
}
 .regDatumContainer {
	 clear:both;
	 padding-top:0.50em;
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 font-weight:normal;
	 font-size:1.15rem;
	 color:black;
	 background-color:transparent;
	/* border:1px solid green;
	 */
}
 .cssFancyButton {
	 padding: 8px 3px;
	 background-color: #366285;
	 color: white;
	 border: 2px solid black;
	 font-size: 1.5em;
	 width: 20%;
	 text-align: center;
	 border-radius: 15px;
	 width: 13em;
	 margin-left:auto;
	 margin-right: auto;
}
 .cssFancyButton a:link {
	 color:white;
}
h3.pageCaption,
h2.pageCaption {
	 color:#DD550C;
}
 div#parkingOptionsContainer {
	 margin: 1.5rem;
	 text-align: left;
}
 div#isForeignSchoolContainer {
	 font-family: "Bergen Sans",Helvetica,"Helvetica Neue","Lucida Grande",Arial,sans-serif;
	 font-weight: normal;
	 font-size: 0.8rem;
}
 main h2.dividerLine::after {
	/* content: "";
	 display: inline-block;
	 height: 0.5em;
	 vertical-align: center;
	 width: 100%;
	 margin-right: -100%;
	 margin-left: 0.5rem;
	 border-top: 4px solid #5083c1;
	 overflow: hidden;
	 */
}
 .trademarkNote {
	 clear: both;
	 padding-top: 1em;
	 padding-left: 1em;
	 font-size:0.9rem;
	 margin-bottom:2rem;
}
 .contactInfo {
	 vertical-align: top;
	 text-align: left;
	 float: left;
	 padding-left: 1em;
	 padding-top: 0.33em;
	 font-size: 0.8rem;
}
 .footerUTAmark {
	 background-image: url('https://www.uta.edu/apsi/images/UTA_2H_Lrg_3c-rgb.png');
	 width: 450px;
	 height: 42px;
	 background-repeat: no-repeat;
	 float: right;
	 padding-left: 1em;
	 font-size: 0.8rem;
}
 .faqAnswer {
	 margin-left: 5em;
	 line-height: 1.4em;
	 margin-bottom: 2em;
	 padding-right: 4em;
}
 .faqQuestion {
	 margin-left: 1.5em;
	 padding-right: 4em;
}
 .faqHeader {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background-color: transparent;
	 flex-direction: column;
	 flex-grow: 1;
}
 .faqHead1 {
	 align-items: center;
	 justify-content: center;
	 margin-lef: auto;
	 margin-right:auto;
}
 .faqHead2 {
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 font-weight: bold;
	 font-size: 1.3rem;
}
 .onlinePortalAnnouncement {
	 text-align:left;
	 display:block;
	 width:70%;
	 padding:1em;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:2em;
	 background-color:#d0bf8b;
}
div#participantInfoInnerContainer p {
    margin-bottom:1.2rem;
}
p#regPaymentText {
    line-height:1.5rem;
}
div.portalCourseBlock p {
    line-height:1.3rem;
    margin-bottom:1.1rem;
}

 form#savedCoursesForm > input[type="text"] {
	 font-size: 1.2rem;
/*	 width:70%;   */
	 border:0px;
	/* border-color: black;
	 border-left: solid 1px;
	 border-bottom: solid 1px;
	 */
}

 form#targetCourseForm > input[type="text"] {
	 font-size: 1.2rem;
/*	 width:70%;   */
	 border:0px;
	/* border-color: black;
	 border-left: solid 1px;
	 border-bottom: solid 1px;
	 */
}

form > input[type="submit"] {
    font-size:1.15rem;    
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 1.2rem;
    line-height: inherit;
}


.dropShadow {
    box-shadow:4px 4px 8px rgb(192,192,192);
}

 div.payment-button:hover {
	/* background-color: #d0bf8b;
	 */
	 padding:1.2rem 1.2rem 1.2rem 1.2rem;
	 box-shadow: 0px 3px 5px 5px rgb(150,150,150);
}

.fancy-button:hover {
	/* background-color: #d0bf8b;
	 */
	 padding:1.2rem 1.2rem 1.2rem 1.2rem;
	 box-shadow: 0px 3px 5px 5px rgb(150,150,150);
}

 .blinkWarning {
	 animation: blink-animation 2.5s steps(5, start) infinite;
	 -webkit-animation: blink-animation 2.5s steps(5, start) infinite;
	 -moz-animation: blink-animation 2.5s steps(5, start) infinite;
	 -o-animation: blink-animation 2.5s steps(5, start) infinite;
	 -ms-animation: blink-animation 2.5s steps(5, start) infinite;
}
 @keyframes blink-animation {
	 to {
		 visibility: hidden;
	}
}
 @-webkit-keyframes blink-animation {
	 to {
		 visibility: hidden;
	}
}
 @-moz-keyframes blink-animation {
	 to {
		 visibility: hidden;
	}
}
 @-o-keyframes blink-animation {
	 to {
		 visibility: hidden;
	}
}
 @-ms-keyframes blink-animation {
	 to {
		 visibility: hidden;
	}
}

.skip-to-main {
  position: absolute; //Positions the link absolutely on the page, allowing it to be placed anywhere.
  left: -9999px; //Moves the link far off-screen to the left, making it invisible to sighted users.
  z-index: 999; //Sets a high z-index, ensuring that the link will be on top of other page elements if it becomes visible.
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0; //Sets the link's opacity to 0, making it fully transparent and invisible.
}

.skip-to-main:focus {
  left: 50%; // When the link receives focus (e.g., when a keyboard user tabs to it), it is repositioned horizontally to the centre of the screen.
  transform: translateX(-50%); //This centres the link horizontally by moving it back to the left by 50% of its own width.
  opacity: 1; //The link's opacity is set to 1, making it fully visible.
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');