/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 May 2026 04:51:09
*/


:root {
    --bs-primary: #1f4096;
    --bs-link-color: #1f4096;
    --bs-link-color-rgb: 29, 88, 167;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #a52603;
    --bs-link-hover-color-rgb: 165, 38, 3;
    --bs-nav-link-hover-color: #a52603;
    
    --il-clickable-card-heading-color: #1F4096;
    --il-image-feature-button-color: #1F4096;
}
body {
  font-family: "Lato", Arial, sans-serif !important;
  text-align: left !important;
}
html,
body {
  font-size: 16px;
}
/*SQUIZ IMG FIX*/
img[allow_unrestricted][height] {
    height: auto;
}
a {
  color: #1f4096;
  transition: color 0.3s;
}
a:focus,
a:hover {
  outline-style: none;
  color: #a52603;
}
input:focus-visible,
select:focus-visible,
a:focus-visible,
button:focus-visible:not(.disabled) {
  outline: 2px dashed #0455a4 !important;
  outline-offset: 2px;
}
header a:focus-visible,
footer a:focus-visible {
  outline: 2px dashed #fff !important;
}
header #main-nav a:focus-visible {
  outline: 2px dashed #0455a4 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--il-heading-color);
  font-family: Oswald, Helvetica, sans-serif;
  font-weight: normal;
}
.il-formatted h1,
.il-formatted h2,
.il-formatted h3,
.il-formatted h4,
.il-formatted h5,
.il-formatted h6 {
  color: var(--il-heading-color);
  font-family: Oswald, Helvetica, sans-serif;
  font-weight: normal;
}
p {
  line-height: 1.6666666667em;
  margin: 0.8888888889em 0 0;
  padding: 0;
}
.il-main ul {
  line-height: 1.5em;
  margin: 0.8888888889em 0 0;
  padding: 0;
}
.il-main il-section-nav[compact] ul {
  margin: 0;
}
il-section-nav:not([compact]) li ul {
  padding: 0;
  margin: 0;
}
.il-main li {
  line-height: 1.5em;
  padding: 0;
  margin: 0.5555555556em 0 0 2.2222222222em;
}
.il-main il-section-nav li {
  margin: 0;
}
.il-main il-section-nav li li {
  padding-left: 15px;
}
@media (max-width: 1400px) {
  .il-main .container-xxl {
    padding-left: 5%;
    padding-right: 5%;
  }
}
h1 {
  font-size: 2.2222222222em;
  line-height: 1.15em;
  /*     margin-top:1.25em */
}
h2 {
  font-size: 1.9444444444em;
  line-height: 1.23em;
  margin-top: 1.286em;
}
h3 {
  font-size: 1.6111111111em;
  line-height: 1.2em;
  margin-top: 1.4138em;
}
h4 {
  font-size: 1.3333333333em;
  line-height: 1.2em;
  margin-top: 1.625em;
}
h5 {
  font-size: 1.1666666667em;
  line-height: 1.333em;
  margin-top: 1.6666em;
}
h6 {
  font-size: 1em;
  line-height: 1.222em;
  margin-top: 1.6666em;
}
@media (max-width: 600px) {
  h1 {
    font-size: 1.8022222222em;
  }
  h2 {
    font-size: 1.6016666667em;
  }
  h3 {
    font-size: 1.4238888889em;
  }
  h4 {
    font-size: 1.2655555556em;
  }
  h5 {
    font-size: 1.125em;
  }
  h6 {
    font-size: 1em;
  }
}
td {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.tbl {
  width: 100%;
}
/*=Header */
.top-banner {
  background-color: #13294b;
}
.top-banner a {
  color: #fff;
}
.top-banner .wordmark img {
  padding: 1rem;
  max-width: 400px;
  width: 100%;
}
header.erc {
  background: #111
    url("https://www.uillinois.edu/Userfiles/Servers/Server_1240/Image/img/our-newsp2.jpg")
    no-repeat scroll right center / cover;
}
header.about {
  background: #111
    url("https://www.uillinois.edu/UserFiles/Servers/Server_1240/Templates/img/about-banner-wide.jpg")
    no-repeat scroll right center / cover;
}
header.data {
  background: #111
    url("https://www.uillinois.edu/UserFiles/Servers/Server_1240/Templates/img/data-banner.jpg")
    no-repeat scroll right center / cover;
}
/*=End Header */
/*=Footer */
footer {
  background-color: #13294b;
}
footer h2 {
  color: #fff;
  font-size: 1.5rem;
  /* text-transform: uppercase;
  */
}
footer a {
  color: #fff;
  text-decoration: underline;
}
footer a:focus,
footer a:hover {
  outline: none;
  text-decoration: none;
  color: #ff5f05;
}
footer::before {
  content: " ";
  display: block;
  height: 15px;
  background-image: url(https://web.uillinois.edu/userfiles/Servers/Server_583/image/toolkit/template/system-gradient-border.jpg);
  background-size: cover;
}
footer a.il-blue:hover,
footer a.il-blue:focus {
  color: #13294b !important;
}
.footer-wordmark {
  max-width: 235px;
  padding: 20px 0;
}
.label_skin_corporation {
  font-size: inherit;
}
.copyright a {
  color: #fff;
}
#btn-back-to-top {
  color: #fff;
  background-color: #1f4096;
  border-color: #fff;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: none;
  font-size: 2rem;
  font-weight: 700;
  width: 60px;
  border-radius: 30px;
  border-width: 2px;
}
#btn-back-to-top:hover {
  color: #1f4096;
  background-color: #fff;
  border-color: #1f4096;
}
/* Cookie Banner */
.optanon-show-settings-popup-wrapper {
  height: auto;
}
.optanon-show-settings-popup-wrapper {
  float: right;
}
.optanon-alert-box-bg {
  -moz-osx-font-smoothing: initial;
}
#onetrust-banner-sdk .ot-close-icon,
#onetrust-pc-sdk .ot-close-icon,
#ot-sync-ntfy .ot-close-icon {
  background-color: #fff;
}
/*=End Footer */
/*=Theme Styles */
.fixed main {
  padding: 1rem 0 5rem;
}
.fixed main h1 {
  margin-bottom: 1.5rem;
}
.fixed .ptl_page {
  padding-top: 2rem;
}
.breadcrumbs {
  background-color: transparent;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    margin-top: 50px;
  }
}
.breadcrumb a:first-child {
  display: none;
}
.breadcrumbs a:link,
.breadcrumbs span {
  border-bottom: none;
  text-transform: none;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: none;
  font-size: 0.9rem;
}
/*=End Theme Styles */
/*=SitePublish Styles */
.ptl_col_3_4 {
  width: 75%;
}
.CMS_adminBar a {
  text-decoration: none;
}
.CMS_adminBar ul li,
.CMS_DragDropWrapper ul li {
  list-style: none;
}
ul.CMS_dropPanel {
  margin-top: 2px;
}
#ctl00_PublishedLinkMenu1_tdMyApps {
  white-space: pre-line;
}
#ctl00_ContentPlaceHolder1_ctl04_pnlChangToPublish {
  min-height: 165px;
}
.grid_row,
.grid_row_alt {
  text-align: left;
}
#navbar {
  clear: both;
  height: 0px;
}
#publinks {
  clear: both;
  margin: 5px auto;
  text-align: center;
}
.PublishedLinkMenu li {
  float: none;
  margin-right: 20px;
}
#publinks a:link,
#publinks a:visited {
  background-color: #efefef;
  border-radius: 0.25em;
  color: #0054a6;
  font-size: 100%;
  line-height: 2em;
  padding: 0.2em 0.6em 0.3em;
  text-decoration: none;
}
.reDropDownBody {
  text-align: left;
}
/* .ctl00_ContentPlaceHolder1_ctl03_divChangToPublish table {
  -moz-box-sizing: content-box;
}*/
#ctl00_ContentPlaceHolder1_ctl04_ctl00_tblEdit .tbl,
.tbl_top,
.tbl_noborder {
  width: 100%;
}
#ctl00_ContentPlaceHolder1_ctl02_tblEdit,
#ctl00_ContentPlaceHolder1_ctl04_tblEdit,
#ctl00_ContentPlaceHolder1_ctl06_tblEdit,
#ctl00_ContentPlaceHolder1_ctl02_ctl48_ctl00_tblEdit,
#ctl00_ContentPlaceHolder1_ctl04_ctl48_ctl00_tblEdit,
#ctl00_ContentPlaceHolder1_ctl06_ctl48_ctl00_tblEdit {
  min-width: 100%;
}
@media screen and (max-width: 991px) {
  .ptl_col_1_2,
  .ptl_col_1_3,
  .ptl_col_1_4,
  .ptl_col_2_3,
  .ptl_col_3_4 {
    min-width: 100%;
  }
}
.cke_source {
  white-space: pre-wrap !important;
}
.cke_skin_kama,
.cke_browser_webkit,
.cke_wrapper,
.cke_editor,
.cke_contents,
.cke_contents iframe {
  min-height: 500px;
}
@media print {
  html,
  body {
    /* height: auto;
      */
    height: 99%;
  }
}
/*=SitePublish Styles */
/* legacy Nav and Sidebar */
.sup-links {
  border-top: 10px solid #acc0ce;
  background-color: #c2d1db;
}
.lvl-3-sidebar {
  padding: 1rem;
  margin-bottom: 2rem;
}
.lvl-3-sidebar h2 {
  font-size: 1.25rem;
  color: #00304c;
  margin-top: 0;
}
/*=Bootstrap Mods/Accommodations */
#main-nav a {
  text-decoration: none !important;
  color: inherit;
}
caption {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.sr-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.skip-nav {
  display: none;
}

/*Custom UOFI Colors */
.bg-uofi-primary {
  background-color: #13294b;
}
.bg-uofi-secondary-1 {
  background-color: #0455a4;
}
.bg-uofi-secondary-2 {
  background-color: #1f4096;
}
.bg-uofi-gray-1 {
  background-color: #e8e9ea;
}
.bg-uofi-gray-2 {
  background-color: #a5a8aa;
}
.bg-uofi-gray-3 {
  background-color: #5e6669;
}
.bg-uofi-teal {
  background-color: #0d605e;
}
.bg-uofi-gray-blue {
  background-color: #6fafc7;
}
.bg-uofi-citron {
  background-color: #bfd46d;
}
.bg-uofi-yellow {
  background-color: #ffd125;
}
.bg-uofi-salmon {
  background-color: #ee5e5e;
}
.bg-uofi-periwinkle {
  background-color: #4f6898;
}
/*Custom List Columns */
ul.col-3-2 {
  -moz-column-count: 3;
  -moz-column-gap: 60px;
  -webkit-column-count: 3;
  -webkit-column-gap: 60px;
  -ms-column-count: 3;
  -ms-column-gap: 60px;
  column-count: 3;
  column-gap: 60px;
}
@media only screen and (max-width: 992px) {
  ul.col-3-2 {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -ms-column-count: 2;
    -ms-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
  }
}
ul.col-2-1 {
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  -ms-column-count: 2;
  -ms-column-gap: 40px;
  column-count: 2;
  column-gap: 40px;
}
@media only screen and (max-width: 992px) {
  ul.col-2-1 {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -ms-column-count: 1;
    -ms-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
  }
}

.il-formatted il-section-nav a[aria-current=page], il-section-nav a[aria-current=page] {
    color: #212529;
}