@import url("https://fonts.googleapis.com/css?family=Oswald&display=swap");
@media only screen and (min-width: 768px) {
  .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}

.alert-info,
.alert-danger,
.alert-warning{
border-radius: 0px;
text-align:center;
font-size:18px;
color: black;
margin-bottom: 0px;
padding:5px;
border-top: 2px solid red;
border-bottom: 2px solid red;
background-color: yellow;
}
.Course_Notes {
    background-color: #fefefe;
    color: #000;
    padding: 0.5rem;
    margin-top: 0.5rem;
}
.navbar {
  border-radius: 0;
}

.navbar-default {
  background: #FFFFFF;
  color: white;
}

.navbar-default .navbar-toggle {
  border-color: #FFFFFF;
  background-color: black;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
  background-color: black;
}

.navbar-default .navbar-nav li a {
  color: black;
  font-size: 14px;
  background-color: #FFFFFF;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:active {
  color: black;
  background-color: #FFFFFF;
}

.navbar-default .navbar-nav li.dropdown.open a {
  color: black;
  background: #FFFFFF;
}

.navbar-default .navbar-nav li.dropdown.open a:hover, .navbar-default .navbar-nav li.dropdown.open a:focus, .navbar-default .navbar-nav li.dropdown.open a:active {
  color: black;
  background: #FFFFFF;
}

.navbar-default .navbar-nav li.dropdown .dropdown-menu {
  background: #FFFFFF;
}

.navbar-default .navbar-nav li.dropdown .dropdown-menu a {
  color: black;
  background: #FFFFFF;
}

.navbar-default .navbar-nav li.dropdown .dropdown-menu a:hover, .navbar-default .navbar-nav li.dropdown .dropdown-menu a:focus, .navbar-default .navbar-nav li.dropdown .dropdown-menu a:active {
  color: black;
  background: lightgrey;
}

.card {
  border-color: black;
}

.card-header {
  color: white;
  background: #C02429;
  border-color: black;
font-size:18px;
}

.ordering_enabled, .add_another_course_button_enabled, .crn_button, .book_search_button {
  color: black;
}

.footer {
  color: #FFFFFF;
  background: #231F20;
}

.footer a {
  color: #FFFFFF;
}

.btn-primary {
  color: white;
  background: black;
  border-color: black;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: white;
  background: black;
}

html, body {
  font-family: 'Oswald', sans-serif !important;
}

#header-container {
  text-align: center;
  background: black;
  color: #C02429;
}

#header-container h1 {
  padding-top: 15px;
}

.navbar-default {
  text-transform: uppercase;
}

.navbar-default li:not(:last-child) a {
  border-right: 1px solid lightgray;
}

.footer {
  padding: 10px;
}

.footer .footer-nav {
  padding: 15px;
}

.footer .footer-nav:not(:last-child) a {
  border-left: 1px solid #393334;
}

.footer .footer-nav a {
  padding: 3px;
  font-size: 15px;
}

.footer .fa.fa-facebook-official {
  font-size: 25px;
}

.footer .fa.fa-facebook-official:hover {
  color: #C02429;
}

.carousel {
  background: black;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
text-align: center; /*BS5 ADDED */
}

.carousel img {
  width: auto;
  margin: auto;
}

.top-container {
  margin: auto;
  background: black;
  width: 100%;
}

.banner {
  padding: 2px;
  padding-left: 10px;
  background: black;
  color: white;
}

.banner h3 strong {
  color: #A08F61;
}

.bottom-banner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(#740000), to(black));
  background-image: linear-gradient(black, #740000, black);
  padding: 20px 10px 20px 10px;
  color: white;
}

.bottom-banner h3 {
  font-size: 40px;
}

.bottom-banner h4 {
  font-size: 30px;
  padding: 3px;
  background: #A08F61;
}

.bottom-banner p {
  font-size: 20px;
}

.gold-accent {
  color: #A08F61;
}

.red-accent {
  color: #C02429;
}

.featured-section {
  background: white;
}

.featured-section .featured-text {
  text-align: center;
}

.featured-section .card {
  text-align: center;
  margin: 10px 10px 10px 10px;
}

.featured-section img {
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .featured-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 25px 25px 25px 50px;
  }
  .featured-section .featured-text {
    border-right: 1px black solid;
    margin-right: 20px;
    margin-top: 20px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.custom-panel {
  border-top: 3px solid #C02429;
  background-color: whitesmoke;
  border-radius: 3px;
  padding: 10px;
  margin-top: 15px;
}

.page-header {
  padding: 10px;
  color: white;
  background: black;
  border-bottom: 3px solid #C02429;
}

div#div_privacy {
  display: none;
}

/** BS5 ADDITIONS **/

#h_nav {
min-height: 50px;
border-radius: 0;
}

.bg-light {
background-color: #fff !important;
}
.navbar-nav > li > a {
color: #000;
font-size: inherit;
}
.navbar-nav li:not(:last-child) a {
border-right: 1px solid lightgray;
}
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
color: #000;
background-color: lightgrey;
}
.dropdown-submenu .dropdown-menu {
margin-top: -35px;
border-radius: 4px;
}
.dropdown-submenu .dropdown-menu li a:hover {
text-decoration: none;
color: #000;
background-color: lightgrey;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 1.2rem;
}
#h_nav > .container-fluid, #h_nav > .container-fluid > .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.white-hr {
opacity: 1;
color: #fff;
}
.navbar-toggler {
border: 1px solid #000;
background-color: #000;
margin: 8px 10px
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width: 768px) and (max-width: 1399px)  {
.navbar-nav > li > a {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.carousel img {
width: 100%;
}
}
@media (max-width: 767px) {
#h_nav > .container-fluid {
justify-content: end;
}
.dropdown-submenu .dropdown-menu {
margin-top: 0;
}
}

/*** April 2025 Redesign CSS **/
 #headerWrapper {
background-color: black;
padding-bottom: 20px;
 }
.headerContainer {
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
margin-left: auto;
margin-right: auto;
 }
.headerContainer h2 {
font-size: 18px;
color: white;
}

@media (max-width: 1020px) {
.headerContainer {
flex-direction: column;
text-align: center;
}
}

#carouselWrapper {
display: flex;
justify-content: space-evenly;
align-items: center;
background-color: black;
padding: 5px 0px;
}
#topCarousel {
 width: 46%;
border-left: 3px ridge black;
border-right: 3px ridge black;
}
.sideButtons {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
gap: 10px;
width: 27%;
list-style-type: none;
padding: 0px;
margin: 0px;
}
.sideButtons li {
width: 90%;
}
.sideButtons a {
display: block;
width: 100%;
padding: 5px 10px;
color: rgb(228, 228, 228);
text-align: center;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
 background-color: #b50937;
border: 1px outset rgb(95, 95, 95);
 border-radius: 5px;
transition: 0.2s;
}
.sideButtons a:hover {
color: rgb(228, 228, 228);
text-decoration: none;
background-color: #890629;
border: 1px inset rgb(95, 95, 95);
transition: 0.2s;
}
@media (max-width: 892px) {
#carouselWrapper {
flex-direction: column;
align-items: center;
justify-content: center;
}
.sideButtons {
width: 75%;
margin: 20px 0px;
}
#topCarousel {
width: 90%;
  }
}

#bottomBanner {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
white-space: nowrap;
gap: 30px;
background-image: linear-gradient(black, #740000, black);
color: white;
padding: 40px 20px; 
}
.bannerSection {
flex: 1 1 0;
 }
.firstBannerSection {
display: flex;
align-items: center;
justify-content: space-evenly;
 }
.firstBannerSection h2 {
 margin: 0px;
 }
 .firstBannerSection img {
 max-width: 50%;
 min-width: 100px;
}
.bannerHeader {
 background-color: #a08f61;
 text-transform: uppercase;
 font-size: 22px;
 padding: 3px;
margin: 0px;
 }
.bannerSection ul {
 font-size: 17px;
 padding: 0px;
 list-style-type: none;
 }

.pageHelp {
  margin-top: 0;
}