body {
color: #3F4443;
font-size: 16px;
}
p {
margin-bottom: 10px;
}
h1, .h1 {
text-align: center;
text-transform: uppercase;
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-transform: uppercase;
}
.pe-5px {
padding-right: 5px;
}
.pe-6px {
padding-right: 6px;
}
.mt-55rem {
margin-top: 0.55rem;
}
#ContainDiv {
min-height: 600px;
margin-bottom: 40px;
}
/****** Buttons *****/
.btn-primary {
color: #fff;
    background-color: #233e93;
     border-color: #1c3175;
    font-size: inherit;
}


.btn-primary:hover, .btn-primary:active, .btn-primary.active {
   color: #1c3175;
    background-color: #fff;
    border-color: #1c3175;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #233e93;
     border-color: #1c3175;
}

/*****Vertical Carousel - Banner Announcement *****/
.banner-announcement p {
margin-bottom: 0px;
}

.banner, .banner a {
padding: 8px 0;
background-color: #233e93;
color: #fff;
text-transform: uppercase;
/*font-weight: bold;*/
font-size: 16px;
text-align: center;
letter-spacing: 1px;
}

.banner-announcement-content {
text-align: center;
}

.vertical .carousel-inner {
  /**height: 100%; BS5 REMOVED***/
}

.carousel.vertical .carousel-item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .carousel-item {
    left: 0;
}

/***** Header *****/
.header {
font-size: 17px;
text-align: center;
padding: 10px 0;
}
.header a {
/*font-size: 17px;*/
font-size: 15px;
color: #3F4443;
}
.header a:hover {
color: #3F4443;
}
#contact-store ul, #login-cart ul {
    list-style: outside none none;
    display: inline-flex;
    text-align: left;
}
#contact-store img {
    padding-left: 32px;
}

#contact-store li, #login-cart li {
    padding: 0px 4px;
}
#login-cart img {
    padding-left: 10px;
}
#login-cart #cart-img {
    padding-left: 0px;
}

.logo-wrap {
padding: 0 40px;
}
.logo-wrap img {
   /** max-width: 40%; BS5 REMOVED***/
    /*max-width: 65%;*/ /*** BS5 ADDED ***/
    margin: 0 auto;
/***margin-left: 120px; BS5 REMOVED ***/
}
img.icon {
margin: 0 auto;
height: 20px;
}

.pt20 {
padding-top: 20px;
}
.pt8 {
padding-top: 8px;
}
#H_Search {
    padding-top: 10px;
}
#H_Search .glyphicon.glyphicon-search {
    left: -3px;
}
#phone-icon {
/*width: 43px;
height: 35px;*/
max-width: 65% !important;
}
#building-icon {
/*width: 66px;
height: 35px;*/
max-width: 65% !important;
}
#login-icon {
/*width: 64px;
height: 35px;*/
max-width: 65% !important;
}
#cart-img {
/*width: 60px;
height: 35px;*/
max-width: 65% !important;
}
/***** Navigation *****/
.nav-container {
background-color: #3F4443;
}
.navbar-default {
border-color: #3F4443;
background-color: #3F4443;
border-radius: 0;
}

.navbar-default .navbar-nav > li > a {
color: #fff;
font-size: 18px;
}

.navbar-default .navbar-nav > li > a:hover {
color: #3F4443;
background-color: #fff;
}


/*---Mega Menu Styles---*/

.menu-large {
    position: static !important;
    text-align: center;
}

.dropdown-menu-large {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -10px !important;
    /*background-color: #F5F5F5;*/
}

.mega-menu-col-link {
    display: block;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    color: #3F4443;
}

.mega-menu-col-sub-header {
    margin-top: 10px;
    font-size: 14px;
}

.mega-menu-sub-text {
    font-size: 10px;
}

.dropdown_caret {
    display: block;
    margin: auto;
    visibility: hidden;
    margin-bottom: -10px;
    color: #3F4443;
    transform: scale(1, 2);
    -webkit-transform: scale(1, 2);
}

.mega-menu-col-link:hover {
    text-decoration: none;
    cursor: pointer;
background-color: #233e93;
color: #fff;
}

.dropdown_header {
    font-size: 16px;
   /* font-weight: 700 !important;*/
    line-height: 10px;
    transition: color 200ms ease-in-out 0s;
}
.nav > li > a {
    /*padding: 10px 45px; REDESIGN REMOVED*/
}

@media (max-width:1200px){
.dropdown_header {
    /*font-size: 14px !important; REDESIGN REMOVED FOR MOBILE OFFCANVAS*/
}
.nav > li > a {
    /*padding: 10px 40px;*/
     /** padding: 10px 31px; BS5 REMOVED ***/
}
}
@media (max-width:1176px) {
.nav > li > a {
    /*padding: 10px 35px;*/
      /*** padding: 10px 27px; BS5 REMOVED ****/
}
}
@media (max-width:1096px) {
.nav > li > a {
    /*padding: 10px 30px;*/
       /***padding: 10px 23px; BS5 REMOVED ***/
}
}
@media (max-width:1016px) {
.nav > li > a {
    /*padding: 10px 25px;*/
   /*** padding: 10px 19px; BS5 REMOVED ****/
}
}
@media (max-width:936px) {
.nav > li > a {
    /*padding: 10px 20px;*/
     /***padding: 10px 15px; BS5 REMOVED ****/
}
}
@media (max-width:856px) {
.nav > li > a {
    /*padding: 10px 15px;*/
     /***padding: 10px 11px; BS5 REMOVED ***/
}
}
@media (max-width:776px) {
.nav > li > a {
    /*padding: 10px 14px;*/
    /***padding: 10px 10px; BS5 REMOVED ****/
}
}
.mega-menu-col-header {
    color: #444;
    font-size: 20px;
    font-weight: 700;
}

.menu-large:hover span {
    visibility: visible;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: #3F4443 !important;
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a {
    background-color: #3F4443 !important;
    padding-top: 10px; /** BS5 Updated **/
    color: #fff !important;
   font-weight: 500;
}
.navbar .navbar-nav>li:last-child a {
/*color: #c31000 !important;*/
}


/**** Cards *****/
.card {
border-color: #3F4443;
}

.card-header {
color: #fff;
background-color: #3F4443;
border-color: #3F4443;
border-radius: 0px;
padding: 10px;
}

.Dynamic_Items {
border: none;
margin-top: 30px;
font-size: 1.45em;
text-transform: uppercase;
}

.popover-content {
color: #000;
}

/**** Footer *****/
.footer {
background-color: #3F4443;
color: #fff;
padding: 30px 0;
}
.footer h4 {
text-transform: uppercase;
font-weight: bold;
font-size: 18px; /*** BS5 ADDITION **/
}
.footer a {
color: #fff;
}
.footer-address-link {
font-size: 16px;
}
#GVSU-Logo {
text-align: center;
}
#GVSU-Logo p {
    font-size: 12px;
}
#GVSU-Logo img {
margin: 0 auto;
}

.social {
    margin-top: 20px;
    margin-bottom: 20px;
}

.social a {
    padding: 0 15px;
}
#connect img {
text-align: center;
}
.email-img {
    max-width: 175px;
    margin: 0 auto;
}
.social-img {
max-width: 36px;
margin: 0 auto;
display: inline-table;
}
.vertical-line {
  background: #fff;
  width: 1px;
  /*height: 200px;*/
height: 100%;
  margin: 0 auto; }

/***** Other Styling *****/
#div_privacy, #Server {
background-color: #3F4443;
}

#div_privacy a, #Server {
color: #fff;
}

#div_privacy a:hover {
color: #fff;
}

/***** Media Queries *****/
@media (min-width:1050px) and (max-width: 1199px){
.header {
/*width: 1050px;*/
}
}
@media (min-width:1039px) and (max-width: 1049px){
.header {
/*width: 1040px;*/
}
}


@media (max-width: 767px){
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #233e93;
}
/**Mega Menu Media Query 767px **/
.dropdown-menu-large {
    background-color: #fff !important;
}
.menu-large:hover span {
display: none;
}
.mega-menu-col > .row {
    padding-top: 10px;
}
.mega-menu-col-link {
padding-left: 0px;
text-align: left !important;
}
/**** Banner Message ****/
.banner, .banner a {
/*padding: 0px;
font-size: 16px;
height: 55px;*/
}
}
@media (max-width: 661px) {
.logo-wrap img {
max-width: 75%;
}
}
@media (max-width: 576px) {
#GVSU-Logo img {
width: 50%;
}
}
@media (max-width:479px) {
.banner {
/*font-size: 14px;*/
}
}
@media (max-width:419px) {
.banner, .banner a {
/*font-size: 14px;*/
}
}
@media (max-width:359px) {
.banner  {
/*font-size: 10px; */
}
}
@media (min-width: 768px) {
.navbar-container {
    width: 770px;
}
/**When Orientation is a Menu Item**/
.navbar-collapse {
padding-left: 0px;
padding-right: 0px;
}
/** Centering Navigation **/
.navbar-collapse.collapse {
display: grid !important; /* DON'T NEED REDESIGN*/
}
.navbar-nav {
/*margin: 0 auto; REDESIGN REMOVED */
}
}

@media (min-width: 1201px) {
.nav > li > a {
/* padding: 10px 20px;  REDESIGN REMOVED*/ /** BS5 UPDATED **/
}
}
@media (min-width: 2001px) {
.jumbo-image img {
margin: 0 auto;
}
}

/*** BS5 ADDITIONS ****/
/** Nav ***/
#h_nav {
border-radius: 0;
min-height: 50px;
border: 1px solid #3F4443;
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 20px;
padding-right: 20px; REDESIGN REMOVED */
}
.navbar-toggler {
border-color: #fff;
}
.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");
}
button.navbar-toggler:focus:not(:focus-visible) {
background-color: #233e93;
}
/*** Home ***/
.bs-carousel {
padding: 0;
}
.carousel-item img {
max-width: 100%;
}
.juicer iframe {
width: 100%;
}

/**** Custom Pages ****/
/** Textbooks **/
.text-img-container {
text-align: center;
}
/** GVSU Save Landing Page **/
.wrapper {
text-align: center;
}
/** GVSU Save - Content Pages **/
.icon-container, .image-wrapper {
text-align: center;
}
.alert-ul {
list-style: outside none none;
}
/*** Faculty Resources ***/
.img-wrap {
text-align: center;
}
.card-archive {
border: none;
}
.card-body-archive {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/** Custom Buttons **/
.btn-rewards, .btn-sell-back, .btn-gvsu-save-report {
font-size: 20px;
padding: 10px 80px;
}

/** Accordion **/
.accordion-custom button.accordion-button.collapsed {
background-color: #3f4443;
color: #fff;
font-size: 1.5rem;
}

.accordion-custom .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-custom .accordion-button:not(.collapsed) {
color: #fff;
background-color: #233e93;
font-size: 1.5rem;
}

.accordion-custom .accordion-button:focus {
box-shadow: 0 0 0 0.25rem rgba(35, 62, 147, 0.25);
}

/* MerchList Custom Styling */
.pageHelp {
  margin-top: -40px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
.nav > li > a {
/*padding: 10px 20px; REDESIGN REMOVED */
}
}
@media (min-width: 1200px) {
.logo-wrap img {
/*max-width: 40%;*/
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav > li > a {
/* padding: 10px 8px; REDESIGN REMOVED */
}
.logo-wrap img {
   /* max-width: 65%;*/
 padding-top: 1rem;
}
.social-img {
margin-top: 0.5rem;
}
}



@media (min-width: 912px) and (max-width: 992px) {
.nav > li > a {
/* padding: 10px 10px; REDESIGN REMOVED */
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 10px;
padding-right: 10px; REDESIGN REMOVED */
}
}
@media (min-width: 868px) and (max-width: 911px) {
.nav > li > a {
/* padding: 10px 8px; REDESIGN REMOVED */
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 8px;
padding-right: 8px; REDESIGN REMOVED */
}
}
@media (min-width: 824px) and (max-width: 867px) {
.nav > li > a {
/* padding: 10px 6px; REDESIGN REMOVED */
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 6px;
padding-right: 6px; REDESIGN REMOVED */
}
}
@media (min-width: 780px) and (max-width: 823px) {
.nav > li > a {
/* padding: 10px 4px; REDESIGN REMOVED */
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 4px;
padding-right: 4px; REDESIGN REMOVED */
}
}
@media (min-width: 768px) and (max-width: 779px) {
.nav > li > a {
/* padding: 10px 3px; REDESIGN REMOVED */
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-left: 3px;
padding-right: 3px; REDESIGN REMOVED */
}
}
@media (max-width: 767px) {
#h_nav > .container-fluid > .navbar-collapse > .navbar-nav {
border-top: 1px solid #fff;
margin-top: 2%;
}
.dropdown.menu-large.nav-item {
margin: 0 auto;
}
}
@media (max-width: 575px) {
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a {
padding-top: 20px;
}

}
@media (min-width: 768px) {
.dropdown:hover > .dropdown-menu {
  /* left: 0; */
}}

/*** iCM Styling ***/
.dropdownMove:hover .iCM_nav-dropdown-sub {
/*margin-left: 99%;*/
}

/** Cart Counter **/
span.span-cart-items {
    font-size: 20px;
    font-weight: bold;
}
.cart-qty-link:hover {
text-decoration: none;
}
#Cart {
display: none;
}
a.cart-qty-link-mobile {
 padding: 0 !important;
 right: 7px;
 position: relative;
}
@media (max-width: 1199px) {
span.span-cart-items {
font-size: 18px;
}
}

/*** Offcanvas Nav 2024 **/
.dropdown-toggle::after {
margin-left: 0;
margin-top: 5px;
}
.gvsu-nav {
background-color: #3f4443;
}
.gvsu-offcanvas-nav {
}

.gvsu-offcanvas-body {
justify-content: center;
align-items: center;
width: 100%;
}
.gvsu-offcanvas-nav .gvsu-offcanvas-nav-header {
color: #fff;
font-weight: 500;
font-size: 18px;
}
.gvsu-offcanvas-nav .dropdown {
position: static;
}
.col-custom-5 {
position: realtive;
min-height: 1px;
padding-right: 5px;
padding-left: 5px;
flex: 0 0 auto;
width: 20%;
}
.gvsu-offcanvas-header-link {
text-transform: none;
font-size: 1.25rem;
color: #212529;
font-weight: 500;
line-height: 1.2;
}
.gvsu-offcanvas-header-link::after {
/*content: "";
width: 100%;
height: 1px;
background-color: black;
display: block;
margin-top: 7px;*/
}
.gvsu-offcanvas-nav-link {
color: #3f4443;
}

.gvsu-offcanvas-nav-link:hover {
    background-color: #233e93;
    text-decoration: none;
    color: #fff;
}
.gvsu-offcanvas-nav > .dropdown.nav-item:hover, .gvsu-offcanvas-nav > .dropdown.nav-item:hover a.gvsu-offcanvas-nav-header {
background-color: #fff;
color: #233e93;
}

.gvsu-offcanvas-nav .gvsu-offcanvas-nav-header:hover {
color: #233e93;
}
.gvsu-offcanvas-hr {
opacity: 1;
margin-top: 0;
margin-bottom: 5px;
}

.gvsu-mobile-customer-links a {
color: #fff;
font-size: 1.5rem;
padding: 0rem 0.5rem;
}
.gvsu-mobile-customer-links span.fa {
font-size: 1.5rem;
}
@media (min-width: 1400px) and (max-width: 1607px) {
.gvsu-offcanvas-header-link {
font-size: 1.2rem;
}
}
@media (min-width: 1400px) {
.gvsu-offcanvas-nav {
/*display: flex; */
gap: 2vw;
/*justify-content: center;
margin: auto;*/
/*width: 50%*/
}
}
@media (max-width: 1400px) {
.pe-xxl-5px {
padding-right: 5px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.gvsu-offcanvas-nav {
gap: 1vw;
}
.gvsu-offcanvas-header-link {
font-size: 1rem;
}
.gvsu-offcanvas-nav-link {
font-size: 0.9rem;
}
}
@media (min-width: 1200px) {
.gvsu-offcanvas-nav {
/*gap: 2vw;*/
}
}
@media (max-width: 1200px) {
.pe-xl-5px {
padding-right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.gvsu-offcanvas-nav {
gap: 0;
}
.gvsu-offcanvas-header-link {
font-size: 0.8rem;
}
.gvsu-offcanvas-nav-link {
font-size: 0.75rem;
}
}
@media (min-width: 992px) {
.gvsu-offcanvas-nav {
position: relative;
display: flex;
justify-content: center;
margin: auto;
}
.paddingLR-Custom {
padding-right: 0px;
padding-left: 9px;
}
.ps-14px {
padding-left: 14px;
}
}
@media (max-width: 992px) {

}
@media (max-width: 991px) {
.pt20 {
padding-top: 0px;
}
.header {
font-size: 18px;
}
.header a {
font-size: 18px;
}


.hide-xs {
    display: none;
}
#about, #customer-service {
    text-align: center;
}
#contact-store li, #login-cart li {
    padding: 0px 15px;
}
#login-cart img {
padding-left: 0px;
}
.pe-lg-5px {
padding-right: 5px;
}

/** Mobile Offcanvas CSS **/
.gvsu-offcanvas {
background-color: #233e93;
}
.gvsu-offcanvas-nav-link {
padding-left: 15px;
}
.gvsu-offcanvas button.btn-close {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.gvsu-offcanvas-nav .gvsu-offcanvas-nav-header {
text-transform: uppercase;
}

.gvsu-offcanvas-nav .nav-item {
border-bottom: 1px solid rgba(255,255,255,0.75);
} 

.gvsu-offcanvas-nav .dropdown:hover > .gvsu-offcanvas-dropdown-menu {
border: none;
}

.col-custom-5 {
width: 100%;
}

.gvsu-offcanvas-nav .dropdown-menu:not(.show) {
display: none; 
}
/** End Mobile Offcanvas CSS **/
}
@media (max-width: 991px) {
.logo-wrap {
padding: 0;
}
#H_Search {
padding-top: 0.75rem;
margin: auto;
}
.px-mob-0 {
padding-left: 0;
padding-right: 0;
}
.ps-mob-0 {
padding-left: 0;
}
.pe-mob-0 {
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.social-img {
margin-top: 0.5rem;
}
.logo-wrap img {
max-width: 45%;
margin-left: auto;
}
}
@media (max-width: 768px) {
.gvsu-offcanvas-nav > li > a {
justify-content: start;
} /* bs5 override */

.gvsu-offcanvas-dropdown-menu {
background-color: #fff;
border-radius: 0
}
.pe-md-5px {
padding-right: 5px;
}
}
@media (max-width: 767px) {
.nav.navbar-nav.gvsu-offcanvas-nav * {
text-align: left;
}
.banner, .banner a {
font-size: 11px;
}
.logo-wrap img {
max-width: 70%;
margin-left: auto;
}
}
@media (min-width: 768px) {
.gvsu-offcanvas-nav .dropdown:hover > .gvsu-offcanvas-dropdown-menu {
left: 0;
width: 100%;
}
}
@media (max-width: 576px) {
.pe-sm-5px {
padding-right: 5px;
}
}
@media (max-width: 575px) {
.banner, .banner a {
letter-spacing: 0px;
font-size: 12px;
}
.btn-rewards, .btn-sell-back, .btn-gvsu-save-report {
padding: 10px 40px;
}
}
@media (max-width: 500px) {
.banner, .banner a {
font-size: 11px;
}
}
@media (max-width: 458px) {
.banner, .banner a {
font-size: 10px;
}
}
@media (max-width: 420px) {
.banner, .banner a {
font-size: 9px;
}
}
@media (max-width: 375px) {
.banner, .banner a {
font-size: 8px;
}
}