@charset "UTF-8";

/* Gotham fonts */

body {
  font-family: "Gotham SSm A", "Gotham SSm B", "Segoe UI";
  font-style: normal;
  font-weight: 400;
  color: #202020;
}

.font-gotham-book {
  font-family: "Gotham SSm A", "Gotham SSm B", "Segoe UI";
  font-style: normal;
  font-weight: 400;
}

.font-gotham-medium {
  font-family: "Gotham SSm A", "Gotham SSm B", "Segoe UI";
  font-style: normal;
  font-weight: 500;
}

.font-gotham-bold {
  font-family: "Gotham SSm A", "Gotham SSm B", "Segoe UI";
  font-style: normal;
  font-weight: 600;
}

/* common CSS */

:focus,
:focus-visible,
.btn:focus,
.btn:focus-visible,
a:focus,
a:focus-visible {
  outline-width: 0.0625rem;
  outline-style: solid;
  outline-color: inherit;
}

a:focus,
a:focus-visible {
  outline-color: #333333;
}

.font-weight-400 {
  font-weight: 400;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-18 {
  font-size: 1.125rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

.bg-white-default {
  background-color: #ffffff;
}

.navbar-nav button:focus,
.navbar-nav button:focus-visible {
  outline: none;
}

.navbar-nav .dropdown-menu .dropdown-item:focus {
  outline-width: .125rem;
  outline-offset: 0;
}

@media all and (min-width: 576px) {
  .font-size-sm-32 {
    font-size: 2rem;
  }
}

@media all and (min-width: 768px) {
  .font-size-md-40 {
    font-size: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .font-size-lg-52 {
    font-size: 3.25rem;
  }

  .bg-lg-ad000 {
    background-color: #ad0000;
  }

  .text-lg-white {
    color: #ffffff !important;
  }

  .w-lg-unset {
    width: unset !important;
  }

  #containerDropdown .navbar-nav .dropdown-menu {
    min-width: 14.5rem;
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
  }

  .boredr-lg-0 {
    border: 0;
  }
}

@media all and (min-width: 1200px) {
  .font-size-xl-64 {
    font-size: 4rem;
  }
}

.height-72 {
  height: 4.5rem;
}

.height-300 {
  height: 18.75rem;
}

.max-width-1440 {
  max-width: 90rem;
}

.text-decoration-none,
.text-decoration-none:hover,
.text-decoration-none:focus,
.text-decoration-none:active {
  text-decoration: none;
}

.box-shadow-0:focus {
  box-shadow: none !important;
}

.rotate-180 {
  transform: rotate(180deg);
}

.color-uofl-red {
  color: #ad0000;
}

.fixed-header {
  position: fixed;
  width: 100%;
  z-index: 99999;
}

.padding-top-banner {
  padding-top: 6.65rem;
}

.bg-ad000 {
  background-color: #ad0000;
}

.dropdown-menu {
  position: relative;
  display: none;
  float: none;
  min-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #eaeaeb;
  background-clip: none;
  border: 0;
  border-radius: 0;
}

.text-color-636466 {
  color: #636466;
}

.border-bottom-custom {
  border-top: 0;
  border-right: 0;
  border-bottom: .0625rem solid rgba(0, 0, 0, 0.25);
  border-left: 0;
}

.font-weight-325 {
  font-weight: 325 !important;
}

.font-weight-425 {
  font-weight: 425 !important;
}

.pl-20px {
  padding-left: 1.25rem !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

#containerNavigation .navbar-toggler:focus,
#containerNavigation .navbar-toggler:focus-visible {
  outline-offset: -0.0625rem
}

#containerNavigation .dropdown-item:hover,
#containerNavigation .dropdown-item:active,
#containerNavigation .dropdown-item:focus,
#containerNavigation .dropdown-item:focus-visible {
  color: #636466;
  text-decoration: none;
  background: #eaeaeb;
}

.color-uofl-red:hover,
.color-uofl-red:active,
.color-uofl-red:focus,
.color-uofl-red:focus-visible {
  color: #202020;
  text-decoration: underline;
  outline-color: #202020;
}

a.disabled:hover,
a.disabled:focus,
a.disabled:focus-visible {
  text-decoration: none;
  cursor: default;
}

.bg-f3 {
  background-color: #f3f3f3;
}

.border-1-c4 {
  border: 0.0625rem solid #c4c4c4;
}

.border-radius-2px {
  border-radius: 0.125rem;
}

.color-3e3c3c,
.navbar-light .navbar-nav .nav-link.color-3e3c3c {
  color: #3e3c3c;
}

.color-666666,
#containerNavigation.navbar-light .navbar-nav .dropdown-item.color-666666.disabled {
  color: #666666;
}

#containerNavigation.navbar-light .navbar-nav .dropdown-item.color-666666.active.disabled {
  color: #ad0000;
}

@media all and (min-width: 768px) {
  .w-md-275px {
    width: 17.1875rem;
  }

  .mr-md-20px {
    margin-right: 1.25rem;
  }

  .padding-top-banner {
    padding-top: 7.75rem;
  }
}

/* theme navigation */

#upperbar .dropdown-item,
.campuses.dropdown-menu.show a,
.apply.dropdown-menu.show a {
  color: #202020;
  background-color: #f8f9fa;
}

.a:focus,
.a:focus-visible,
.a:hover,
.a:active {
  color: #202020;
  background-color: #f8f9fa;
  outline-color: #333333;
}

#upperbar .dropdown-item:focus,
#upperbar .dropdown-item:hover,
#upperbar .dropdown-item:active,
#upperbar .dropdown-item:focus-visible {
  color: #202020;
  background-color: #f8f9fa;
  outline-color: #333333;
}

.campuses.dropdown-menu.show a:hover,
.campuses.dropdown-menu.show a:focus,
.campuses.dropdown-menu.show a:focus-visible,
.campuses.dropdown-menu.show a:active {
  color: #202020;
  background-color: #f8f9fa;
  outline-color: #333333;
}

.apply.dropdown-menu.show a:hover,
.apply.dropdown-menu.show a:focus,
.apply.dropdown-menu.show a:focus-visible,
.apply.dropdown-menu.show a:active {
  color: #202020;
  background-color: #f8f9fa;
  outline-color: #333333;
}

/* a:focus,
a:hover,
a:focus-visible,
a:active, */
#upperbar .dropdown-item:focus,
#upperbar .dropdown-item:hover,
#upperbar .dropdown-item:active,
.campuses.dropdown-menu.show a:hover,
.campuses.dropdown-menu.show a:focus,
.campuses.dropdown-menu.show a:active,
.apply.dropdown-menu.show a:hover,
.apply.dropdown-menu.show a:focus,
.apply.dropdown-menu.show a:active {
  text-decoration: underline;
}

#lowerbar.navbar-light .navbar-nav .active>.nav-link,
#lowerbar.navbar-light .navbar-nav .nav-link.active,
#lowerbar.navbar-light .navbar-nav .nav-link.show,
#lowerbar.navbar-light .navbar-nav .show>.nav-link {
  color: #ad0000;
}

/* header upper bar */

#upperbar {
  background-color: #ad0000;
  height: 0.25rem;
}

@media all and (min-width: 768px) {
  #upperbar {
    height: 1.375rem;
  }
}

.accounts {
  font-size: 0.625rem;
  float: right;
  margin-right: 0;
  height: 100%;
  padding-right: 1.875rem;
}

.accounts ul li a {
  color: #ffffff;
  letter-spacing: 0.02rem;
  margin: 0;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
  text-transform: uppercase;
}

.accounts li div a {
  color: #ad0000;
  font-size: 0.625rem;
  padding-left: 0.625rem;
  float: none;
  width: 100%;
  text-align: left;
}

.accounts li .dropdown-menu.show {
  margin-top: 0.0625rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
}

.accounts li .dropdown-menu a:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.accounts li .dropdown-menu a:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* header lower bar */

#logo img {
  height: 1.875rem;
  margin: 0.625rem 0;
}

.max-height-66 {
  max-height: 4.125rem;
}

#lowerbar {
  text-align: center;
  font-size: 0.6875rem;
  line-height: 150%;
}

#lowerbar.navbar.navbar-expand-md.navbar-light {
  border-bottom: 0.0625rem #cccccc solid;
  background-color: #f3f3f3;
}

#lowerbar .nav-link,
#searchWrap .btn-outline-secondary {
  color: #202020;
  background-color: #f3f3f3;
  border-radius: 0.25rem;
}

#searchWrap .show>.btn-outline-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #333333;
}

#searchWrap .btn-outline-secondary:hover,
#searchWrap .btn-outline-secondary:active,
#searchWrap .btn-outline-secondary:focus {
  color: #ffffff;
  background-color: #333333;
}

#searchWrap .form-control.search:hover,
#searchWrap .form-control.search:focus,
#searchWrap .form-control.search:focus-visible {
  box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 10%);
  border-color: #666666;
}

.min-width-98 {
  min-width: 6.125rem;
}

.max-height-38 {
  max-height: 2.375rem;
}

.divider-vertical {
  height: 2.75rem;
  width: 0.0625rem;
  margin: 0;
  overflow: hidden;
  background-color: #dfdfdf;
}

#upperbar .dropdown-menu,
.apply.dropdown-menu.show,
.campuses.dropdown-menu.show {
  background-color: #f8f9fa;
}

.apply.dropdown-menu.show,
.campuses.dropdown-menu.show {
  margin-top: 0.125rem
}

.campuses.dropdown-menu.show a,
.apply.dropdown-menu.show a {
  color: #ad0000;
  font-size: 0.9375rem;
  padding-left: 0.625rem;
  float: none;
  width: 100%;
  text-align: left;
}

.enabled {
  pointer-events: auto !important;
  opacity: 1 !important;
}

@media all and (max-width: 767px) {
  .search-panel>button {
    margin-right: 0;
  }
}

@media all and (max-width: 767px) {
  .search-panel.show>button {
    margin-right: 1rem;
  }
}

/* container navigation */

.bg-theme-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slide-00 {
  background-image: url("https://louisville.edu/workday/++theme++uofl.dztheme.workday/img/NewHero1.png");
  background-position-x: -47rem;
}

@media all and (min-width: 576px) {
  .slide-00 {
    background-position-x: -40rem;
  }
}

@media all and (min-width: 768px) {
  .slide-00 {
    background-position-x: -28rem;
  }
}

@media all and (min-width: 992px) {
  .slide-00 {
    background-position-x: center;
  }

  #bsAboutDropdown {
    left: -4rem;
    background-color: white;
  }

  #bsResourcesDropdown {
    left: 3.5rem;
    background-color: white;
  }

  #bsFinDropdown {
    left: 13rem;
    background-color: white;
  }

  .pl-lg-48px {
    padding-left: 3rem !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .navbar-collapse {
    flex-grow: 0;
  }

  .pr-lg-20px {
    padding-right: 1.25rem !important;
  }
}

.slide-01 {
  background-image: url("https://louisville.edu/workday/++theme++uofl.dztheme.workday/img/NewHero2.png");
  background-position-x: -3rem;
}

@media all and (min-width: 1200px) {
  .slide-01 {
    background-position-x: 0;
  }
}

@media all and (min-width: 1440px) {
  .slide-01 {
    background-position-x: center;
  }
}

.slide-02 {
  background-image: url("https://louisville.edu/workday/++theme++uofl.dztheme.workday/img/NewHero3.png");
  background-position-x: -20rem;
}

@media all and (min-width: 576px) {
  .slide-02 {
    background-position-x: -15rem;
  }
}

@media all and (min-width: 768px) {
  .slide-02 {
    background-position-x: -6rem;
  }
}

@media all and (min-width: 992px) {
  .slide-02 {
    background-position-x: 0;
  }
}

@media all and (min-width: 992px) {
  .slide-02 {
    background-position-x: center;
  }
}

/* 
.slide-03 {
  background-image: url("../img/NewHero4.png");
  background-position-x: -60rem;
}

@media all and (min-width: 420px) {
  .slide-03 {
    background-position-x: -54rem;
  }
}

@media all and (min-width: 576px) {
  .slide-03 {
    background-position-x: -45rem;
  }
}

@media all and (min-width: 640px) {
  .slide-03 {
    background-position-x: -41rem;
  }
}

@media all and (min-width: 768px) {
  .slide-03 {
    background-position-x: -32rem;
  }
}

@media all and (min-width: 890px) {
  .slide-03 {
    background-position-x: -24rem;
  }
}

@media all and (min-width: 992px) {
  .slide-03 {
    background-position-x: -18rem;
  }
}

@media all and (min-width: 1100px) {
  .slide-03 {
    background-position-x: center;
  }
}

.slide-04 {
  background-image: url("../img/NewHero5.png");
  background-position-x: -31rem;
}

@media all and (min-width: 576px) {
  .slide-04 {
    background-position-x: -22rem;
  }
}

@media all and (min-width: 768px) {
  .slide-04 {
    background-position-x: center;
  }
} */

.workday-login-btn {
  height: 2rem;
  width: 7rem;
  border-radius: 2.375rem;
  right: 2rem;
  top: 1.5rem;
}

#containerDropdown .dropdown-toggle::after {
  display: none;
}

#containerNavigation.navbar-light .navbar-nav .nav-link.color-3e3c3c.active.disabled,
#containerNavigation.navbar-light .navbar-nav .dropdown-item.active.disabled {
  color: #ad0000;
}

#containerNavigation .container-nav-link:hover,
#containerNavigation .container-nav-link:focus,
#containerNavigation .container-nav-link:focus-visible {
  text-decoration: underline !important;
  outline-color: white !important;
}

/* Footer */

.prefooterFixedToFooter {
  position: fixed;
  bottom: 2.125rem;
}

footer {
  line-height: 150%;
  font-size: 0.75rem;
}

.footerFixedToBottom {
  position: fixed;
  bottom: 0;
}

footer a.nav-link,
footer a.dropdown-item {
  color: #202020;
}

footer .nav-link:focus,
footer .nav-link:hover,
footer .nav-link:active {
  color: #202020;
  text-decoration: underline;
}

footer .nav-link:focus-visible {
  outline-color: #333333;
}

footer .bg-toggler-icon {
  background-image: url("https://louisville.edu/workday/++theme++uofl.dztheme.workday/img/toggleBlack.svg");
  background-size: cover;
  height: 1rem;
  width: 1rem;
}

footer .card,
footer .dropdown-menu {
  background-color: #f8f9fa;
}

footer .dropup .dropdown-menu {
  bottom: 1.5rem;
}

footer .dropdown-menu>.dropdown-item {
  font-size: 0.75rem;
}

footer .dropdown-menu>.dropdown-item:hover,
footer .dropdown-menu>.dropdown-item:active,
footer .dropdown-menu>.dropdown-item:focus {
  color: #202020;
  background-color: #f8f9fa;
  text-decoration: underline;
}

footer .dropdown-menu>.dropdown-item:focus-visible {
  outline-color: #333333;
}

footer .dropdown-divider {
  margin: 0;
}

#loginDropdownMenu.dropdown-menu.show {
  left: unset;
  right: 0;
}

@media (min-width: 768px) {
  footer>.container-fluid {
    height: 2.8125rem;
  }
}

@media (max-width: 767px) {
  footer .nav-item {
    width: 100%;
    border-bottom: 0.0625rem solid #ffffff;
  }

  footer .nav-item:nth-of-type(1) {
    border: none;
  }
}

@media all and (min-width: 1400px) {
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}