/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 767px) {
  #myNavbar {
    width: 100% !important;
  }

  #searchPadding {
    padding: 10px !important;
  }

  .floatRight {
    float: none !important;
    padding: 0px 10px !important;
  }

  .max_width300 {
    max-width: 100% !important;
  }

  #footerLeft,
  #footerMiddle,
  #footerRight {
    text-align: center !important;
    padding: 0px !important;
  }

  #hpAccount,
  #hpTextbooks,
  #hpMerch,
  #hpBuyback {
    margin: 5px auto !important;
  }

  .sidenav {
    width: 100% !important;
  }

  .sidenav a,
  .dropdown-btn {
    text-align: center !important;
  }
}

/*****LOGO AREA*****/
#logo-container {
  background-color: white;
  width: 100%;
}

#container-styles {
  padding: 20px 0px;
}

#uj-logo {
  width: 70%;
  margin: auto;
}

#topnav-list {
  padding: 0px;
  list-style-type: none;
}

#Cart {
  display: inline-flex;
  background-color: transparent;
  border: 0px;
  float: left;
  padding: 0px;
  font-size: 14px;
  color: black;
}

#searchPadding {
  padding: 27px 0px;
}

span.fa.fa-shopping-cart {
  padding-right: 10px;
  font-size: 18px;
}

#SpanCart {
  padding-right: 10px;
}

#Sub-Total {
  padding-right: 5px;
}

#univ-jamestown {
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  font-family: Arial Black, sans-serif;
}

/*****NAVBAR*****/
#myNavbar {
  margin: auto;
  padding: 0px;
  display: flex !important;
  justify-content: space-around;
}

#myNavbar a {
  color: white;
}

#h_nav {
  background-color: #f56600 !important;
  border: 0px !important;
  border-radius: 0px;
  min-height: 0px;
}

ul.nav.navbar-nav a:hover {
  background-color: #383838;
}

/*****HOMEPAGE FEATURES*****/
#iconStyles {
  font-size: 48px;
  color: white;
  display: block;
  padding-bottom: 10px;
  text-align: center;
  margin: auto;
}

#hpAccount,
#hpTextbooks,
#hpMerch,
#hpBuyback {
  background-color: #f56600;
  padding: 20px;
  text-align: center;
  border: 2px solid white;
  color: white;
  text-transform: uppercase;
  font-family: inherit;
  font-weight: bold;
  text-decoration: none;
}

#hpAccount a,
#hpTextbooks a,
#hpMerch a,
#hpBuyback a {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

#hpAccount a:hover,
#hpTextbooks a:hover,
#hpMerch a:hover,
#hpBuyback a:hover {
  color: #383838;
  text-transform: uppercase;
  font-weight: 600;
}

#hpAccount:hover,
#hpTextbooks:hover,
#hpMerch:hover,
#hpBuyback:hover {
  background-color: #383838;
  text-decoration: none;
}

#featuredIcons {
  width: 100%;
  padding: 10px 0px;
}

#hpFeatured {
}

/*****CAROUSEL*****/
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

/*****FOOTER*****/
#footer-container {
  width: 100%;
}

#footer {
  padding: 0px;
}

#uj-link {
  text-align: center;
  font-family: inherit;
  background-color: #eb4c00;
  padding: 5px;
}

#bottomContainer {
  background-color: #f56600;
  width: 100%;
  border-top: 10px solid #383838;
  border-bottom: 10px solid #383838;
}

#footerLeft,
#footerMiddle,
#footerRight {
  padding: 10px 0px;
}

#footerLeft,
#footerMiddle,
#footerRight {
  padding: 20px 10px;
  line-height: 28px;
}

#footerMiddle {
  padding: 34px 0px;
}

#footer-list,
#footer-list a {
  list-style-type: none;
  padding: 0px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
}

#footer-list a:hover {
  text-decoration: none;
  color: #383838;
}

.floatRight {
  float: right;
}

/*****MERCHANDISE STYLES*****/
#merch-pics {
  padding: 10px 0px;
  width: 100%;
  margin: auto;
}

#merchStyles {
  background-color: #ebebeb;
  padding: 20px;
  text-align: center;
  border-right: 5px solid white;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
  color: #383838;
  text-transform: uppercase;
  font-family: inherit;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

#merchStyles a {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

#merchStyles a:hover {
  color: #383838;
  text-transform: uppercase;
  font-weight: 600;
}

#merchStyles:hover {
  background-color: #c3c3c3;
  text-decoration: none;
}

#merchMargin {
  margin: auto;
}

#merch-message {
  width: 100%;
  margin: auto;
  text-align: center;
  padding-top: 10px;
}

#shipping-warning {
  font-size: 16px;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 175px;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
}

#sidenav-styles {
  margin: 10px 0px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a,
.dropdown-btn {
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  font-size: 14px;
  color: white;
  display: block;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav a {
  background: #5f5f5f;
}

.dropdown-btn {
  background: #383838;
}

/* On mouse-over */
.sidenav a:hover,
.dropdown-btn:hover {
  background: #383838;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #f56600;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: white;
  padding: 0px 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

/*****CUSTOM RWD PAGES*****/
#jimmie-connection,
#policies {
  font-weight: bold;
  font-family: inherit;
  text-align: center;
}

#contact-h3,
#policies-h3 {
  font-weight: bold;
}

#hr-styles {
  border: 1px solid #f56600;
}

#knight-logo {
  margin: auto;
  width: 15%;
}

#saturday-hours {
  width: 100%;
  margin: auto;
  padding-top: 10px;
}

#extended-hours {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: sans-serif;
}

#extended-h3 {
  color: #f56600;
  font-weight: bold;
}

#extended-ul {
  list-style-type: none;
  padding: 0px;
}

#dates {
  text-align: center;
  width: 100%;
  margin: auto;
}

#hours-heading {
  font-size: 18px;
  font-weight: bold;
}

#hours-event {
  font-size: 12px;
}

/*****GLOBAL*****/
footer {
  display: none;
}

.container {
  padding: 0px;
}

.panel-info {
  border-color: #383838;
}
.panel-info > .panel-heading {
  color: white;
  background-color: #383838;
  border-color: #383838;
}

.btn-primary {
  background-color: #383838;
  border-color: #383838;
}

.btn-primary:hover {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
}

.ordering_enabled,
.add_another_course_button_enabled,
.crn_button,
.book_search_button {
  color: #5f5f5f;
}

.ordering_enabled:hover,
.add_another_course_button_enabled:hover,
.crn_button:hover,
.book_search_button:hover {
  color: #9b9b9b;
}