/***** T4 EXTRA CSS *****/
/*.event-listing-container {
  margin-top: var(--space-xl);
    padding-top: var(--space-xl);
}*/



.cal-table .inFilter {
  background-color: #78AFE9!important;
}

@media (max-width: 768px) {
  .directory-sidebar #searchGenericMobile {
    display:block !important;
  }
}

@media (min-width: 1024px) {
  .directory-sidebar #searchGeneric, .directory-sidebar #searchGenericMobile, #searchGenericMobile {
    display:none;
  }
}

@media (max-width: 1200px) {
  .directory-main #searchGeneric, .directory-sidebar #searchGenericMobile {
    display:none;
  }
}

/* Sidebar Search CSS */
@media (max-width: 1200px) {
  .search-page .l-page-sidebar {
    flex-direction: column-reverse!important;
  }
  .search-page .outer-wrapper {
    justify-content: flex-start!important;
  }
}

@media (min-width: 48em) {
  .hero__media .hero__video-container {
      height: 70vh;
      max-height: 530px;
      width: 100vw;
      aspect-ratio: 16/9;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .hero__video-container iframe {
      height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16 / 9) {
  .hero__video-container iframe {
      width: 177.78vh;
  }
}

.hero__media iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .hero__video-container iframe {
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  .hero__video-container iframe {
    width: 177.78vh;
  }
}

.hero__control[data-playing]::after {
        font-family: 'Material Symbols Outlined';
        content: '\e034';
        font-size: 1.5rem;
      }

.hero__control:hover {
      transform: scale(1.25);
    }

.hero__control:hover::after {
        transform: scale(0.8);
      }


figure img {
  max-width: 100%!important;
  height: auto!important;
}

.events-listing .relative {
  text-decoration: none;
}

/*Information Banner CSS*/
.information-alert {
  position: absolute;
  top: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
  top: var(--space-s);
  right: 0;
  max-width: 90%;
  display: flex;
  background: var(--color-yellow);
  color: var(--color-dark);
  border-radius: 5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: var(--size-step-s);
  font-weight: 700;
  font-weight: var(--font-bold);
  padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem)) max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
  padding: var(--space-s) var(--space-2xl) var(--space-s) var(--space-m);
  z-index: 3;
  flex: 1;
}

/*.information-alert::before {
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
    margin-top: 0.25rem;
    content: " ";
    width: .625rem;
    height: .625rem;
    background: var(--color-blue-dark);
    border-radius: 100%;
    margin-right: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    margin-right: var(--space-xs);
  }
*/
.information-alert a {
    color: var(--color-dark);
  }

.information-alert span {
    display: block;
  }

.information-alert .close-action::before {
      font-size: 1.3rem;
    }

.pagination .currentpage {
  padding: var(--space-3xs) var(--space-xs);
}

/*Events*/
.events-search-box {
  width: 100%;
    border: 1px solid grey;
    border-radius: 5rem;
    padding: 1rem;
    margin: 1rem 3rem 1rem 0;
      font-size: .875rem;
    font-weight: var(--font-bold);
    background: transparent;
    color: var(--color-dark);
}


td.thismonth {
    position: relative;
    cursor: pointer;
}
td.thismonth a{
    padding: 12px;
}

.event-item  {
    list-style-type: none!important;
}

.news-item-elements {
  padding-bottom: 16px;
}

.news-item-elements .fa {
  padding-right: 8px;
  width: 24px;
}

.news-item-elements p {
  padding-bottom: 8px;
}

div.ical {
  margin-top: 2rem;
}

.calendar-button {
  margin-top: 16px;
  /*text-decoration: underline;*/
  text-decoration-color: #005a8b!important;
  text-decoration-thickness: 3px!important;
}

.calendar-button:hover {
  text-decoration: none!important;
}

/*
.right-l {
    left: 10rem!important;
}
*/

#categories {
  padding: 16px 0;
}

#categories .fa {
  padding-right: 4px;
  width: 24px;
}

#event-title {
  text-decoration: underline!important;
  margin-bottom: .25rem!important;
}

#fulltext-title {
    margin-top: 1rem;
}

.program-detail .l-page-sidebar {
    flex-direction: column-reverse!important;
}

.news-listing-pagination .currentpage {
  padding: var(--space-3xs) var(--space-xs);
}

@media (min-width: 64em) {
.program-detail .l-page-sidebar {
    flex-direction: row!important;
}
}

#department {
    width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border: 1px solid grey;
    border-radius: 0.25em;
    padding: 0.25em 0.5rem;
    cursor: pointer;
    line-height: 1.1;
}

@media (min-width: 48em) {
  .program-finder-page .hero__media img {
	max-height: 23.125rem!important;
  }
}

@media (min-width: 64em){
  .intro-centered p {
    max-width: 100ch!important;
  }
}

@media (min-width: 1100px) {
   .header--sticky header {
     display: none;
   }
}

@media (min-width: 48em) {
  .media--left {
      margin: 1.5rem 2rem 0.5rem 0!important;
  }
  .media--right {
    margin: 1.5rem 0 0.5rem 2rem!important;
  }
}

.general-content-padding .flow-space-s h1 {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}

.general-content-padding .flow-space-s h2 {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}

.general-content-padding .flow-space-s h3 {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}

.general-content-padding .flow-space-s h4 {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}

.general-content-padding .flow-space-s h5 {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}

/*.units-row .unit-20 {
    width: 17.6%;
}

.units-row .unit-80 {
    width: 79.4%;
    float: left;
    margin-left: 3%;
}

.units-row {
    margin-bottom: 1.65em;
}

.unit-100 {
    width: 100%;
}*/

table {
  width: 100%!important;
  /*table-layout: fixed!important; Petra commented out*/
  margin-top: 1rem 0!important;
}

/*img {
padding: 1rem!important;
    height: auto!important;
}*/

.button a {
  color: white!important;
  text-decoration: none;
}

.button a:hover {
  color: #23375E !important;
}

.eventListingHeading{
  color: #005a8b;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.flow-space-s {
    margin-bottom: 1rem;
}

.accordion-inner-wrapper {
  margin-top: 2.5rem!important;
}

.accordion-panel p {
  margin-top: 1rem;
}

li h4 {
  margin: .75rem 0;
}

li h3 {
  margin: .75rem 0;
}


.accordion {
  padding-bottom: 2rem;
}

table {
    overflow-x: auto!important;
    background-image: /* Shadows */ linear-gradient(to right, white, white), linear-gradient(to right, white, white), /* Shadow covers */ linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0))!important;
    background-position: left center, right center, left center, right center!important;
    background-repeat: no-repeat!important;
    /* background-color: white!important; */
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%!important;
    background-attachment: local, local, scroll, scroll!important;
    position: relative;
}

table thead tr:first-of-type th {
    border-bottom: 4px var(--color-gray) solid;
}

table th {
    font-weight: 700;
    font-weight: var(--font-bold);
}

table th, table td {
  padding: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    /*white-space: nowrap;*/
    border-bottom: 1px var(--color-gray) solid;
}

/*.hero--home .hero__media::before {
  background-image: none!important;
}*/

.pin-scroll__sticky-content {
    max-inline-size: 105ch!important;
}

.pin-scroll__title {
    max-inline-size: 20ch!important;
}

h4 {
  color: #005A8B!important;
}

/*.general-content-padding {
  padding-bottom: 2.5rem;
}*/


.general-content-padding .flow-space-s p {
  margin-block-start: var(--flow-space, 1.5rem)!important;
}

.call-to-action-buttons {
    margin-block-start: var(--flow-space, 1.5rem)!important;
}



/*@media (min-width: 48em) {
  .hero__media img {
      height: 100vh!important;
  }
}*/

/*.minimodal__content {
    min-width: 1000px!important;
}

.minimodal__caption {
    text-align: center!important;
}*/

.stat-video-class h3 a {
  color: #005A8B!important;
}

.stat-video-class p {
  color: #201F1F!important; 
}

ul.multilevel-linkul-0 {
  margin-top: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);!important;
  list-style: none!important;
  padding: 0!important;
}

ul.multilevel-linkul-0 li a {
  font-weight: normal!important;
  border: none!important;
  padding: clamp(0.25rem, 0.23rem + 0.12vw, 0.3125rem) 0!important;
  box-shadow: none!important;
  text-decoration: underline!important;
  position: relative!important;
  display: flex!important;
  color: #201f1f!important;
  font-size: clamp(0.75rem, 0.70rem + 0.24vw, 0.875rem)!important;
  transition: all 250ms ease!important;
  font-weight: normal!important;
}

.contact-email-right {
  margin-right: 1rem;
}

.information-notice {
  z-index: 10;
}

.menu-active .header__mobile-menu-wrapper {
    z-index: 4!important;
}

.header__subnav > ul:not([class]) > li > a {
    font-size: 16px!important;
}

.header__subnav > li > a {
    font-size: 16px!important;
}

/*.hero--home .hero__media::before {
    background-image: none!important;
}*/

/*@media (min-width: 48em){
.hero__media img {
    max-height: none!important;
}}*/

.content-type-table {
    margin: 1rem 0!important;
    width: 100%!important;
    text-align: left!important;
}

.split-column p  {
  margin-bottom: auto!important;
}

.intro {
  font-weight: 700!important;
}

/*p {
  margin-top: 1rem;
}*/

.content-details-p {
  margin-top: 1rem!important;
}

.currentbranch0 a {
    box-shadow: 0 0.1875rem var(--color-blue)!important;
    color: var(--color-blue)!important;
    display: flex!important;
    text-decoration: none!important;
    font-size: var(--size-step-s)!important;
    font-weight: var(--font-bold)!important;
    padding: var(--space-xs) 0!important;
    transition: all var(--transition)!important;
}

/*button {
    display: inline-block;
    background-color: var(--color-blue-dark);
    color: var(--color-light);
    border-radius: 5rem;
    border: none;
    padding: 1rem 2rem;
    text-decoration: none;
    font-size: var(--size-step-s);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transition: var(--transition);
}*/

.t4Edit-page {
  text-decoration: none!important;
}

.minimodal__content {
    height: 80%!important;
}

/*.bg-ecru .timely-update__content h2 {
  color: black;
}

.bg-ecru .timely-update__content p {
  color: black;
}

.bg-ecru .timely-update .close-action {
  color: black!important;
}*/

.testimonial-swiper .swiper-wrapper {
  height: fit-content!important;
}

/*@media (min-width: 48em) {
  .hero__media img {
      max-height: 605px!important;
  }
}*/

/* Logo Padding */
.logo__main::before {
    padding-top: 0!important;
}

/* Mega Menu Dropdown Links */
.header__subnav > ul:not([class]) {
    padding-left: 0;
}

.header__subnav > ul:not([class]) > li {
    list-style-type: none!important;
}

.header__subnav > ul:not([class]) > li > a {
    display: block;
    color: var(--color-light);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5rem 0;
}

.header__subnav > ul > li > a:hover {
    color: var(--color-light);
    text-decoration: underline;
}

@media (min-width: 70em) {
  .header__subnav > ul:not([class]) > li:nth-child(1) {
    margin-top: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    margin-top: var(--space-s);
   }
  .header__subnav > ul:not([class]) > li:last-child {
    margin-bottom: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    margin-bottom: var(--space-s);
  }
  .header__subnav > ul:not([class]) > li > a {
    font-size: var(--size-step-s);
      font-weight: 700;
      color: var(--color-blue);
        padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem)) max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        padding: var(--space-2xs) var(--space-l);
   }
  .header__subnav > ul:not([class]) > li > a:hover {
    color: var(--color-blue-dark);
    text-decoration: none;
  };
}





/* **********************************************

  FormAssembly main body RFI-style css

********************************************** */
/* **************
  global
*/

.wFormContainer {
  background: transparent !important;
}
.wFormContainer .wForm form {
  padding: 0;
}
.wFormContainer .h3, .wForm h3:not(.wFormTitle), .htmlSection .htmlContent, .oneField .label span {
  font-family: 'Whyte', serif !important;
}
.wForm h3:not(.wFormTitle) {  
  font-family: 'Whyte', serif !important;
  font-family: var(--sans-serif) !important;
  font-size: var(--size-step-2) !important;
  font-weight: 700 !important;
}
.form label, .form .form_label, .form .form_label strong {
  font-size: var(--size-step-0) !important;
}
.wFormContainer .h3 {
  background: none !important;
  background-color: transparent !important;
  color: var(--color-light) !important;
  font-size: var(--size-step-2) !important;
  font-weight: 700 !important;
}
.htmlSection .htmlContent {
  color: var(--color-light) !important;
  margin: 1em 0 !important;
}
.oneField .label span, p.p1 {
  /* font-size: 16px !important; */
}
.oneField .label span {
  color: var(--color-light) !important;
}
@media screen and (max-width: 575.98px) {
  .p-l {
    padding: clamp(1rem, 1.80rem + 0.98vw, 0.5rem);
  }
}
.wForm .htmlSection {
  overflow: hidden !important;
}
.wForm .htmlSection {
  margin: 0em auto !important;
}
.wFormContainer fieldset {
  border: 1px solid var(--color-blue-light) !important;
  border-radius: 0.375em !important;
}
.wFormContainer fieldset legend {
  color: var(--color-light) !important;
  font-size: var(--size-step-1) !important;
  font-weight: 600;
}
.wFormContainer fieldset legend, .wFormContainer .label {
  font-family: 'Whyte', serif !important;
}
.wFormContainer .oneChoice .label.postField {
  color: var(--color-light) !important;
}
.wFormContainer .lengthIndicator, .wFormContainer .count-words {
  color: var(--color-yellow) !important;
}
.wForm h1, .wForm h2, .wForm h3 {
  margin: 0px !important;
}
.wForm p {
  color: var(--color-light) !important;
}
.wForm .preField {
  background-color: transparent !important;
  color: var(--color-light) !important;
}

/* **************
  common fields
*/

.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):read-only,
.wFormContainer .wForm .inputWrapper textarea:read-only,
.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):-moz-read-only,
.wFormContainer .wForm .inputWrapper textarea:-moz-read-only,
.saveAndResume input[type="text"],.saveAndResume input[type="password"],
.required:not(.choices):not(select):not(.wfAutosuggest),
.wFormContainer .wForm .inputWrapper input[type="text"],
.wFormContainer .wForm .inputWrapper input[type="password"],
.wFormContainer .wForm .inputWrapper select,
.wFormContainer .wForm .inputWrapper textarea {
  background-color:#DDEBF9 !important;
}
.wFormContainer .wForm .inputWrapper textarea:focus,
.wFormContainer .wForm .inputWrapper textarea.required:focus,
.wFormContainer .wForm .inputWrapper input[type="text"]:focus,
.wFormContainer .wForm .inputWrapper input[type="text"].required:focus,
.wFormContainer .wForm .inputWrapper input[type="password"]:focus,
.wFormContainer .wForm .inputWrapper input[type="password"].required:focus,
.wFormContainer .wForm .inputWrapper select:focus,
.wFormContainer .wForm .inputWrapper select.required:focus,
.wFormContainer .wForm .inputWrapper textarea.required:not(readonly):focus{
  border: 2px dashed var(--color-light) !important;
  color:var(--color-dark) !important; /* #343b3e */
}
.wFormContainer .wForm .inputWrapper input[type="text"], 
.wFormContainer .wForm .inputWrapper input[type="password"], 
.wFormContainer .wForm .inputWrapper select, 
.wFormContainer .wForm .inputWrapper textarea, 
.wFormContainer .wForm .inputWrapper select option,
.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):read-only,
.wFormContainer .wForm .inputWrapper textarea:read-only,
.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):-moz-read-only,
.wFormContainer .wForm .inputWrapper textarea:-moz-read-only,
.saveAndResume input[type="text"],.saveAndResume input[type="password"],
.required:not(.choices):not(select):not(.wfAutosuggest){
  font-family:var(--sans-serif) !important; /* "Montserrat",sans-serif */
}
.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):read-only,
.wFormContainer .wForm .inputWrapper textarea:read-only,
.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):-moz-read-only,
.wFormContainer .wForm .inputWrapper textarea:-moz-read-only{
  /* font-family:"Montserrat",sans-serif; */
  /* background-color:#DDEBF9!important; #f3f2f2!important */
  border:0!important; /* 1px solid #f3f2f2!important */
  color:var(--color-dark) !important; /* #515e59!important */
}
.wFormContainer .wForm .inputWrapper input[type="text"],
.wFormContainer .wForm .inputWrapper textarea {
  color:var(--color-dark) !important;
}


/* **************
  input/select
*/

.wFormContainer .wForm .inputWrapper textarea{
  border:0!important; /* 1px solid #d8dde6 */
  border-radius:0.375em !important; /* 2px */
}
.wFormContainer .wForm .inputWrapper input[type="file"], .inputWrapper input::file-selector-button, 
.wFormContainer .wForm .inputWrapper input[type="file"]::file-selector-button, 
.inputWrapper input[type="file"]::file-selector-button  {
  color:var(--color-light) !important; /* #515e59!important */
}
/* .wFormContainer .wForm .inputWrapper input[type="file"]:hover, */
.inputWrapper input::file-selector-button:hover {
  color:var(--color-dark) !important; /* #515e59!important */
}
.wFormContainer .wForm .inputWrapper input[type="file"]::-webkit-file-upload-button{
  background-color:var(--color-blue-dark) !important; /* #0073e6!important */
  border-radius:5rem !important; /* 2px!important */
}
.wFormContainer .wForm .inputWrapper input[type="file"]::-webkit-file-upload-button:hover{
  background-color:var(--color-blue-dark); /* #0056ad */!important
}
.wFormContainer .wForm .inputWrapper input[type="file"] {
  height: 50px !important;
}
.wForm .tt-menu div {
  color: var(--color-dark) !important;
}
.twitter-typeahead {
  display: inline !important;
}


/* **************************

*/

.saveAndResume{
  font-size:.9em
}
.saveAndResume input[type="text"],.saveAndResume input[type="password"],
.required:not(.choices):not(select):not(.wfAutosuggest){
  color:var(--color-dark); /* #343b3e!important */
  border:0 !important; /* 1px solid #d8dde6!important */
  border-radius:0.375em !important; /* 2px!important */
  box-sizing:border-box;
  font-size:1em !important;
  width:20em;
  padding:0!important
}
.saveAndResume input[type="text"]:focus,
.saveAndResume input[type="password"]:focus,
input[type="text"].validate-email:focus,
input[type="password"]#password:focus{
  outline-style:dashed; /* none */
  border: 2px dashed var(--color-light); /* 2px solid #b7b7b7!important */
  color:var(--color-dark); /* #343b3e */
}
.wFormContainer textarea:focus,.wFormContainer input[type='text']:focus,.wFormContainer input[type='password']:focus,.wFormContainer select:focus{
  outline-style:dashed !important;
  border: 2px. dashed var(--color-light) !important; !important;
}
.wFormContainer .wForm .inputWrapper textarea {
  width: 40rem;
}


/* **************
  submit button
*/

.wFormContainer .actions .primaryAction {
  font-family: var(--sans-serif) !important;
  font-size: var(--size-step-0) !important;
}
.wForm .primaryAction {
  background-color: var(--color-yellow) !important;
  color: var(--color-dark) !important;
}
.wForm .primaryAction:hover {
    background-color: var(--color-ecru) !important;
    color: var(--color-dark) !important;
  }
.wFormContainer .wForm .primaryAction {
  border-radius: 5rem !important;
  width: 250px !important;
}
.wFormContainer .wForm .wFormTitle {
  background: none !important;
  background-color: transparent !important;
  color: var(--color-light) !important;
  font-family: 'Whyte', serif !important;
  font-size: var(--size-step-2) !important;
  font-weight: 700 !important;
}
.wFormTitle {
  letter-spacing: 0;
}

.wFormContainer .wfPagingButtons .wfPagePreviousButton,  .wFormContainer .wfPagingButtons .wfPageNextButton, .wFormContainer .actions .primaryAction {
	width: 250px !important;
}

@media screen and (max-width: 575.98px) {
  /*
  .wFormContainer .wForm form {
    padding: 0 !important;
  }
  */
  .wFormContainer .wForm .primaryAction {
    width: 100% !important;
  }
}


/* **************
  over-writes
*/
.wFormHeader, .wFormFooter, .supportInfo {
  display: none;
}
.wFormContainer .errMsg {
  color: var(--color-yellow) !important;
  font-style: italic !important;
}
.wFormContainer .oneField.errFld .inputWrapper input[type="text"], .wFormContainer .oneField.errFld .inputWrapper input[type="password"], .wFormContainer .oneField.errFld .inputWrapper textarea, .wFormContainer .oneField.errFld .inputWrapper select {
  border: 0px !important;
}
.captchaHelp {
  color: var(--color-light);
}

.wForm form .uploadKeep .fileName, .filename, label.postField {
  color: var(--color-light) !important;
}



/* **********************************************

  Slate css

********************************************** */
/* **************
  main menu fixes
*/
@media (min-width: 70em) {
  .dialog ul.action a:focus, button:focus, .dialog input[type="button"]:focus, .dialog input[type="submit"]:focus, .dialog ul.action a.default:focus, .dialog button.default:focus, .dialog input[type="button"].default:focus, .dialog input[type="submit"].default:focus {
    background-color: transparent !important; /* #00669e; */
    color: var(--color-dark); /* #fff; */
  }
}
@media screen and (max-width: 575.98px) {
  .dialog ul.action a:focus, button:focus, .dialog input[type="button"]:focus, .dialog input[type="submit"]:focus, .dialog ul.action a.default:focus, .dialog button.default:focus, .dialog input[type="button"].default:focus, .dialog input[type="submit"].default:focus {
    background-color: transparent !important; /* #00669e; */
  }
}
div.form_response {
  display: flex;
  flex-direction: row;
} 
div.form_page input[type="radio"], div.form_page input[type="checkbox"] {
  width: 14px;
  height: 14px;
} 
/**/
div.form_page input[type="password"], div.form_page input[type="text"], div.form_page input[type="email"], div.form_page input[type="tel"], div.form_page input:not([type]), div.form_page select, div.form_page textarea {
	color: var(--color-dark);
}
.form__input, .form input[type="text"], .form input[type="email"], .form select {
  background-color:#DDEBF9 !important;
} 
/*
.form_responses input[type="text"], .form_responses input[type="password"], .form_responses select, .form_responses textarea
  color: var(--color-dark) !important;
} 
*/
.form h2.h3 {
  display: block;
  margin-bottom: 1em;
}
.form h2, .form .form_label h2 {
  display: none;
}
/* 
.form_response label {
  display: inline-block !important;
  margin-left: 30px !important;
  margin-top: -20px;
}
.form_response input[type="radio"], .form_response input[type="checkbox"] {
  height: auto;
}
*/


/* **********************************************

  T4 css

********************************************** */

.js-t4form-container textarea.form-control, .js-t4form-container .form-control {
  background-color: #DDEBF9;
  color: var(--color-dark) !important;
}
@media (min-width: 70em) {
  .js-t4form-container {
    width: 80%;
  }
  .form-group input.form-control, .form-group select.form-control {
    width: 50%;
  }
  .form-group textarea.form-control {
    width: 80%;
  }
  .js-t4form-container button {
    border-radius: 5em !important;
    color: var(--color-dark) !important;
    font-weight: 600 !important;    
    width: 250px;
  }
  .js-t4form-container .pull-right {
    float: left !important;
  }
}
@media screen and (max-width: 575.98px) {
  .form-group input.form-control, .form-group select.form-control {
    width: 100% !important;
  }
  .js-t4form-container button {
    width: 100% !important;
  }
}
.js-t4form-container .has-error .help-block, .js-t4form-container .has-error .control-label, .js-t4form-container .has-error .radio, .js-t4form-container .has-error .checkbox, .js-t4form-container .has-error .radio-inline, .js-t4form-container .has-error .checkbox-inline, .js-t4form-container .has-error.radio label, .js-t4form-container .has-error.checkbox label, .js-t4form-container .has-error.radio-inline label, .js-t4form-container .has-error.checkbox-inline label {
  color: var(--color-yellow) !important;
}
.js-t4form-container .alert-danger {
  background-color: ##F7EDED !important;
  color: #990000 !important;
}
::-moz-placeholder, ::placeholder {
  color: var(--color-dark) !important;
}
.js-t4form-container .btn-primary:focus, .js-t4form-container .btn-primary.focus {
  background-color: var(--color-yellow) !important;
}

/*PSRR-16590*/
@supports (-webkit-touch-callout: none) {
  .staff-card .card-phone-number {
    position: relative;
  }
  .staff-card .card-phone-number a {
    position: absolute;
    top: -0.9rem;
  }
}

.social-links > li > a {
    background-color: rgba(119, 175, 233, .5);
 }




  .hero__control:focus {
    color:white;
  }



/*to stop paging jumping on course search*/

@media only screen and (min-width: 1000px) {
  #deg-dets, .search-filter {
  overflow: none !important;
  height: 30px !important;
  border: none !important;
}
  
  #area-dets, .search-filter {
  overflow: none !important;
  height: 30px !important;
  border: none !important;
}
}

/*missing aspect ratio css*/
@media only screen and (max-width: 1000px) {
.hero__media .hero__video-container{
      display: block;
      margin-bottom: -0.4rem;
      aspect-ratio: 4/3;
    }
}

/*Hide the suggested videos on youtube video when paused*/
.ytp-pause-overlay {
  display:none;
}

/*.hero-marketing.hero-marketing--full {  
    border:2px solid green !important; 
    /* height: 300px"
    height: 10vh;
    width: 100vw; 
}*/

/* PSRR-17225 prevent zoom on input focus on program search */
@media only screen and (max-device-width: 600px) {
    .programs-finder .filter__input {
        -webkit-appearance: none;
        font-size: 16px;
    	max-width: calc(100% - 5rem);
    }
}

/* Course Accordions */
#courseResult .umass-course-accordion-content {
    display: none;  
    overflow: hidden;
}

/* Open class applied when content is expanded */
#courseResult .umass-course-accordion-header.open + .umass-course-accordion-content {
    display: table-row;
}

#courseResult .umass-course-accordion-content .accordion-content-wrapper {
    overflow: hidden;  
    height: 0; 
    transition: height 600ms ease-out; 
    opacity: 1;
}

#courseResult .umass-course-accordion-content.last-open td {
    border-bottom: 2px solid #005A8B!important;
}

#courseResult .umass-course-accordion-title::after {
    transition: transform 0.3s ease;
}

#courseResult .umass-course-accordion-header.open .umass-course-accordion-title::after {
    transform: rotate(180deg);
}


/* Accordion Container */
#courseResult {
    table-layout: fixed;
    width: 100%;
}

#courseResult th,
#courseResult td {
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
}

.umass-course-accordion-title {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.umass-course-accordion-title::after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    right: 10px;
}

.umass-course-accordion-title.open::after {
    content: "\f0d8"; /* FontAwesome up arrow */
}

.umass-course-accordion-content td {
    border: none;
}

.umass-course-accordion-content {
    background-color: transparent;
}

.umass-course-row td,
.umass-course-accordion-header td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.umass-course-accordion-header td {
    background-color: #fafafa;
}

.umass-course-accordion-header:hover td {
    background-color: #f0f0f0;
}

.umass-course-title {
    min-width: 200px;
}