@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

h1, h2, h3 {
  font-family: 'Raleway', sans-serif !important;
}

.btn-primary {
  background-color: #d69d10 !important;
  color: white !important;
  border-color: black !important;
  font-weight: bold !important;
}

.btn-primary:hover {
  color: #EFB62A !important;
  background-color: #333333 !important;
}

.card {
  border-color: #EFB62A !important;
}

.card-header {
  color: #EFB62A !important;
  background-color: black !important;
  border-color: black !important;
}

.card .fa {
  color: #EFB62A !important;
}

.card p {
 /* color: black !important; */
}

.ordering_enabled, .book_search_button, .add_another_course_button_enabled {
  /*color: #EFB62A !important;*/
    color: black !important;
}

.multi-item-carousel-bs5 img {
  height: auto;
  width: 100%;
}

.multi-item-carousel-bs5 .carousel-control.left,
.multi-item-carousel-bs5 .carousel-control.right {
  background: rgba(255, 255, 255, 0.3);
  width: 25%;
}

.multi-item-carousel-bs5 .carousel-inner {
  width: 150%;
  left: -25%;
}

.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  -webkit-transform: translate3d(33%, 0, 0);
  transform: translate3d(33%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  -webkit-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}

.item__third {
  float: left;
  position: relative;
  /* captions can now be added */
  width: 33.33333333%;
}

#contentSection {
  min-height: 70vh;
  padding-bottom: 20px;
}

.header-top {
  padding: 10px;
  background-color: black;
}

.header-top > .container {
  text-align: center;
}

@media (min-width: 992px) {
  .header-top > .container {
    text-align: right;
  }
}

.header-top ul {
  padding-top: 5px;
  padding-left: 0px;
  margin-bottom: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.header-top ul li {
  list-style-type: none;
  /*padding-left: 8px; BS5 REMOVED */
   padding-left: 12px;
}

.header-top ul li span {
  padding-right: 2px;
}

.header-top ul li a {
  color: #EFB62A;
}

.header-bottom {
  background-color: #333333;
}

.header-bottom > .container {
  position: relative;
}

.header-bottom #search-container {
  position: absolute;
  top: -7px;
  right: 0px;
}

.header-bottom #H_Search.max_width300 {
  position: absolute;
  right: 25px;
}

.header-bottom #H_Search.max_width300 input, .header-bottom #H_Search.max_width300 button {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}

.header-bottom #H_Search.max_width300 input {
  border-bottom: 1px solid #EFB62A;
}

.header-bottom #H_Search.max_width300 input::-webkit-input-placeholder {
  color: #EFB62A;
}

.header-bottom #H_Search.max_width300 input:-ms-input-placeholder {
  color: #EFB62A;
}

.header-bottom #H_Search.max_width300 input::-ms-input-placeholder {
  color: #EFB62A;
}

.header-bottom #H_Search.max_width300 input::placeholder {
  color: #EFB62A;
}

.header-bottom #H_Search.max_width300 .glyphicon.glyphicon-search {
  color: #EFB62A;
}

.navbar {
  border: none;
  background-color: transparent;
}

.navbar-toggle {
  margin-right: 0px;
  border: none !important;
  z-index: 3000;
  float: left;
}

.navbar-toggle .icon-bar {
  background-color: #EFB62A !important;
}

.navbar-nav > li a, .navbar-nav > li.dropdown a {
  color: white !important;
}

.navbar-nav > li:hover, .navbar-nav > li.dropdown:hover {
  background-color: black !important;
}

.navbar-nav > li:hover a, .navbar-nav > li.dropdown:hover a {
  background-color: #333333 !important;
  color: #EFB62A !important;
}

.navbar-nav .dropdown-menu {
  background-color: #333333 !important;
}

.navbar-nav .dropdown-menu li {
  background-color: black;
}

.navbar-nav .dropdown-menu li:hover a {
  background-color: #1a1a1a !important;
}

.carousel {
  overflow: hidden;
}

.home-contact {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  width: 50%;
}

.home-contact .btn {
  max-width: 150px;
}

.home-mpc {
  text-align: center;
}

.home-mpc img {
  width: 50%;
  margin: auto;
  margin-top: 25px;
}

.home-mpc a {
  margin-top: 15px;
}

.info-area {
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: bold;
}

.info-area img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.info-area a {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.info-link {
  position: relative;
  display: block;
  background-color: #EFB62A;
  margin: auto;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.info-icon {
  position: absolute;
  right: 0px;
  font-size: smaller;
}

.textbook-block {
  margin-bottom: 20px;
  margin-top: 20px;
}

.textbook-block img {
  border-radius: 50%;
}

.footer {
  position: relative;
  border-top: 3px solid #EFB62A;
  border-bottom: 15px solid black;
  background-color: #333333;
  overflow: hidden;
}

.footer > .col-12 {
  padding: 15px;
}

.footer > .col-12:last-of-type {
  z-index: 3000 !important;
  width: 100vw;
  padding: 10px;
  background-color: black;
}

@media (min-width: 992px) {
  .footer > .col-12:last-of-type {
    width: 33.33%;
    background-color: unset;
  }
}

.footer:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 75%;
  right: -25%;
  bottom: 0;
  height: 100%;
  -webkit-transform: skew(-45deg);
          transform: skew(-45deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  z-index: 2000;
  background-color: black;
}

@media (min-width: 992px) {
  .footer:before {
    left: 60%;
  }
}

/** BS5 ADDITIONS ***/
.bg-light {
background-color: #333333 !important;
}
#h_nav {
min-height: 50px;
border:none;
}
.navbar-toggler {
margin: 10px 8px;
border: none;
}

.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='%23EFB62A' 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: 991px) {
#h_nav > .container-fluid > .navbar-collapse, #h_nav > .container-fluid, #nav-container, .header-bottom > .container {
padding-left: 0;
padding-right: 0;
}
}

.breadcrumb{
display: none;
}

.information, .cardWrapper{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
}


.floatr.right15.top-50.pageHelp {
margin-top: 10px;
}