: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;
}
 body {
     font-family: "Lato", Arial, sans-serif;
     text-align: left!important;
}
 html, body {
     font-size: 16px;
}
 a {
     color: #1F4096;
     transition: color .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: .8888888889em 0 0;
     padding: 0;
}
 .il-main ul {
     line-height: 1.5em;
     margin: .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: .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: .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: .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: .25em;
     color: #0054a6;
     font-size: 100%;
     line-height: 2em;
     padding: .2em .6em .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%;
    }
    /* a {
         font-size: inherit;
    }
     a:link:after, a:visited:after {
         content: normal !important;
    }
     */
}
/*=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;
}
/*a.btn-primary:visited, a.btn-success:visited, a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited, a.btn-primary:hover, a.btn-success:hover, a.btn-info:hover, a.btn-warning:hover, a.btn-danger:hover {
     color: #fff;
}
 */
 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;
}
/*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;
    }
}