body {
font-family: 'Museo Sans 300',Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.3;
font-size: 1rem;
}

#contentSection {
margin-bottom: 2rem;
}

address {
margin-top: 1rem;
}

.pageHelp {
margin-top: 0;
}

#ContainDiv {
min-height: 550px;
}

.bg-header {
background-color: #515250;
color: #fff;
}
.bg-beige {
background-color: #dcdcdc;
}

.btn-primary {
background-color: #c13519;
border-color: #c13519;
font-weight: bold;
border-width: 2px;
}

.btn-primary:hover {
background-color: #fff;
border-color:  #c13519;
color: #000;
border-width: 2px;
}

.nicolet-header {
display: flex;
justify-content: space-between;
}

.login-cart-wrapper {
display: inline-block;
position: relative;
}

.store-search a {
color: #fff;
font-size: 1.25rem;
}

#H_Search {
margin: 0;
margin-top: 10px;
}

/**** Shopping Cart ****/
#Cart {
display: none;
}
.span-cart-items {
 position: absolute;
 /*position: relative;*/
  font-family: 'Museo Sans 500',Helvetica,Arial,sans-serif;
  font-size: 20px;
  color: #000;
  z-index: 2;
  top: 12%;
   right: 26%;
}
.bi.bi-cart-fill {
position: relative;
}

#cart-rightCard {
z-index: 0;
}
.tooltip-wrapper > .glyphicon.glyphicon-question-sign {
color: #9f662d;
}

/**** Navigation ****/
.navbar-toggler {
border: none;
margin-top: 20px;
margin-bottom: 5px;
}
#h_nav {
min-height: 60px;
border-bottom: 1px solid #000;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

#offcanvasNavbar .navbar-nav > li > a {
color: #000;
font-family: 'Museo Sans 700',Helvetica,Arial,sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 1em;
font-size: 112.5%;
}

#offcanvasNavbar .navbar-nav > li > a:hover {
color: #953c28;
text-decoration: underline;
text-decoration-color: #58595b;
}

#offcanvasNavbar .dropdown-menu {
border-color: rgba(0,0,0,.1);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,0.15);
}

#offcanvasNavbar .dropdown-menu .dropdown-item {
color: #000;
/*font-size: 0.81em;*/
/*font-size: 1.1667em;*/
font-size: 1rem;
font-family: 'Museo Sans 300',Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.2;
}

#offcanvasNavbar .dropdown-menu .dropdown-item:hover {
color: #953c28;
background-color: transparent;
text-decoration: underline;
text-decoration-color: #58595b;
}

.navbar-nav > li > a:focus {
 /*background-color: #f5f5f5;*/
 background-color: transparent;
}

/*** Footer ***/
#BottomSection {
margin-top: 4rem;
}

#footer h2 {
 font-family: 'Museo Sans 500',Helvetica,Arial,sans-serif ;
 font-size: 1rem;
 font-weight: 500;
 line-height: 1.2;
 margin-bottom: 0;
 text-transform: uppercase;
}
#footer p {
    margin: 0 0 0.25rem;
}

#footer a {
color: #000;
text-decoration: underline;
font-size: 1rem;
}

.footer-logo-container {
text-align: center;
}

.top-footer {
display: inline-block;
margin: -3.75rem 0 0; 
position: relative;
width: 14.5em;
}

#footer hr {
  border-top: 2px solid #000;
  background-color: #dcdcdc;
  opacity: 1;
}
.bottom-footer {
padding: 2.1rem 0;
font-family: 'Museo Sans 500',Helvetica,Arial,sans-serif;
font-weight: 500;
}
.bottom-footer .row {
padding: .5em 0;
align-items: center;
}

.map iframe {
    max-width: 45%;
    max-width: 300px;
}

.store-hour-table tr {
    border-color: transparent;
}
.store-hour-table td {
font-family: 'Museo Sans 300',Helvetica,Arial,sans-serif;
font-weight: 300;
padding: 0.25rem 0;
}

.social-buttons {
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    width: 100%;
    margin: 0;
    font-size: 1em;
}

.social-buttons li {
    display: inline-block;
margin: 0 1em;
}

.facebook-li {
   /* width: 25%;*/
}

.social-buttons li a {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in-out;
    background-color: #000;
    border-radius: 50%;
    height: 2.6667em;
    width: 2.6667em;
}

.social-buttons li a:hover,
.social-buttons li a:active {
background-color: #333;
}

.social-icon {
display: inline-block; 
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.facebook-li .social-icon {
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath fill='%23FFF' d='M26.4 0H2.6C1.714 0 0 1.715 0 2.6v23.8c0 .884 1.715 2.6 2.6 2.6h12.393V17.988h-3.996v-3.98h3.997v-3.062c0-3.746 2.835-5.97 6.177-5.97 1.6 0 2.444.173 2.845.226v3.792H21.18c-1.817 0-2.156.9-2.156 2.168v2.847h5.045l-.66 3.978h-4.386V29H26.4c.884 0 2.6-1.716 2.6-2.6V2.6c0-.885-1.716-2.6-2.6-2.6z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
}
.instagram-li .social-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23FFF' d='M4.066.636h19.867a3.44 3.44 0 0 1 3.43 3.43v19.868a3.44 3.44 0 0 1-3.43 3.43H4.066a3.44 3.44 0 0 1-3.43-3.43V4.066a3.442 3.442 0 0 1 3.43-3.43zm16.04 2.97c-.66 0-1.203.54-1.203 1.202v2.88c0 .662.542 1.203 1.204 1.203h3.02c.663 0 1.204-.54 1.204-1.202v-2.88c0-.662-.54-1.203-1.202-1.203h-3.02zm4.238 8.333H21.99c.224.726.344 1.495.344 2.292 0 4.446-3.72 8.05-8.308 8.05s-8.31-3.604-8.31-8.05c0-.797.122-1.566.344-2.293H3.606v11.29c0 .584.48 1.06 1.062 1.06H23.28c.585 0 1.062-.477 1.062-1.06V11.94h.002zm-10.32-3.2c-2.963 0-5.367 2.33-5.367 5.202 0 2.873 2.404 5.202 5.368 5.202 2.965 0 5.368-2.33 5.368-5.202s-2.403-5.2-5.368-5.2z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
}

.linkedin-li .social-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23FFF' d='M25.424 15.887v8.447h-4.896v-7.882c0-1.98-.71-3.33-2.48-3.33-1.354 0-2.158.91-2.514 1.802-.13.315-.162.753-.162 1.194v8.216h-4.9s.067-13.35 0-14.73h4.9v2.087c-.01.017-.023.033-.033.05h.032v-.05c.65-1.002 1.812-2.435 4.414-2.435 3.222 0 5.638 2.106 5.638 6.632zM5.348 2.5c-1.676 0-2.772 1.093-2.772 2.54 0 1.42 1.066 2.538 2.717 2.546h.032c1.71 0 2.77-1.132 2.77-2.546C8.056 3.593 7.02 2.5 5.344 2.5h.005zm-2.48 21.834h4.896V9.604H2.867v14.73z'/%3E%3C/svg%3E");
    background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
}

.youtube-li .social-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23FFF' d='M27.688 8.512a4.086 4.086 0 0 0-4.106-4.093H4.39A4.084 4.084 0 0 0 .312 8.51v10.976A4.08 4.08 0 0 0 4.39 23.58h19.19a4.09 4.09 0 0 0 4.107-4.092V8.512zm-16.425 10.12V8.322l7.817 5.154-7.817 5.156z'/%3E%3C/svg%3E");
    background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
}

.copyright {
font-size: 0.833rem;
}

.bottom-footer-links {
text-align: right;
}

.bottom-footer-links a {
font-size: 0.833rem !important;
}


/*** Cards ***/
.card {
  border-color: #502c1e;
}
.card-header {
  background-color: #502c1e;
  color: #fff;
}

/*** SelectTermDept ***/
.ordering_enabled, .add_another_course_button_enabled, .crn_button, .book_search_button {
color: #9f662d;
}

/** Course Materials **/
.course_toggle .glyphicon.glyphicon-minus-sign {
    /*color: #9f662d;*/
}
.Course_Notes {
background-color: #f9eeda;
padding: 0.5rem 0.25rem;
margin-top: 0.75rem;
color: #000; 
 }

/** Login / Register **/
.register-wrapper a {
  color: #fff;
}

.lgText {
background-color: #9f662d;
color: #fff;
padding: 0.75rem 1rem;
text-align: center;
font-size: 1.25rem;
margin-bottom: 2rem;
}

/*** MerchList ***/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #9f662d;
border-color: #9f662d;
}
.pagination > li > a, .pagination > li > span {
color: #9f662d;
border: 1px solid #9f662d;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
border-color: #9f662d;
color: #9f662d;
}

/*** Checkout ***/

#shippingMethod-h1, #shippingMethod-h2, #shippingAddress-h1, #shippingAddress-h2, #shippingMethod-change, #shippingAddress-change, #shippingAddressGuest-h1, #shippingAddressGuest-h2, #guestAddress-change, #pickupDate-h1, #pickupDate-change { 
color: #fff; 
} 
.helpSection-phoneWrapper > .helpSection-phoneIcon, 
.helpSection-emailWrapper > .helpSection-emailIcon,
.helpSection-returnWrapper > .helpSection-returnIcon { 
color: #000; 
} 

/* Media Queries */

@media (min-width: 992px) { 
/** Fixes Desktop issues Checkout page **/
.coRightSticky { 
z-index: 999; 
} 
.mobile-search-container {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#offcanvasNavbar .navbar-nav > li > a {
    /*font-size: 110.5%;*/
      font-size: 109.5%;
}
#h_nav > .container {
    padding-left: 0;
    padding-right: 0;
}

.nic-container {
/*width: 90%;*/
}
}
@media (max-width: 991px) { 
.bg-header {
background-color: #fff;
color: #000;
}
.store-logo .store-search {
    width: 50%;
}
.store-search a {
color: #000;
}
.btn-mobile-search {
    background-color: transparent;
    border: none;
}
.span-cart-items {
    color: #fff;
    top: 16%;
    right: 42.5%;
}

#H_Search {
max-width: 90%;
margin: 0 auto;
}

#H_Search .searchBoxHor-input {
  border-radius: 0;
  border: 2px solid #c25700;
  border-right: none;
}

#H_Search .searchMerchHor-button {
    border-radius: 0;
  border: 2px solid #c25700;
  border-left: none;
}


/** Start Mobile Offcanvas **/
.offcanvas {
    background-color: #231f20;
}

#offcanvasNavbar .navbar-nav > li {
  background-color: #505150;
  border-bottom: 1px solid #a6a8ab;
}
#offcanvasNavbar .navbar-nav > li > a {
  border-left: 10px solid #c25700;
  font-size: 1.39em;
  line-height: 1em;
  padding: 10px;
  color: #fff; 
  font-weight: 100;
font-family: 'Museo Sans 100',Helvetica,Arial,sans-serif;
  }
.offcanvas-body {
  padding-top: 0;
}

.navbar-nav > li > a {
  justify-content: start;
}
.navbar-nav > li.open > a {
    background-color: transparent;
}
.offcanvas-header > .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;
 opacity: 0.8;
}

.dropdown-menu {
background-color: transparent;
border: none;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 0;
}

#offcanvasNavbar .dropdown-menu .dropdown-item {
 border-left: 10px solid #c25700;   
color: #fff;
}


/** End Mobile Offcanvas **/

/** Fixes Mobile issues Checkout page **/
.coCheckoutBtnWrap { 
z-index: 1000; 
} 
}

@media (max-width: 767px) {
#offcanvasNavbar .dropdown-menu .dropdown-item {
    text-align: left;
}
#offcanvasNavbar .navbar-nav > li > a:hover {
color: #fff;
text-decoration: none;
}
.map iframe {
    max-width: 100%;
    width: 700px;
}

}

@media (max-width: 575px) {
.store-hour-table,
.customer-service-col a,
.contact-col,
.contact-col a {
    font-size: 0.833rem !important;
}
.contact-col,
.hours-col,
.customer-service-col,
.copyright-col,
.social-buttons-col,
.bottom-footer-links {
    padding-left: 0;
    padding-right: 0;
}
}

@media (max-width: 496px) {
.nicolet-header {
    justify-content: center;
    flex-wrap: wrap;
}
.store-search {
margin-top: 0.5rem;
}
}

@media (max-width: 435px) {
.store-hour-table,
.customer-service-col a,
.contact-col,
.contact-col a,
.bottom-footer-links a,
.copyright {
    font-size: 0.733rem !important;
}
}

@media (max-width: 385px) {
.store-hour-table,
.customer-service-col a,
.contact-col,
.contact-col a,
.bottom-footer-links a,
.copyright  {
    font-size: 0.7rem !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.social-buttons li {
margin: 0 0.5em;
}
}

@media (min-width: 768px) {
.nic-container {
max-width: 90%;
}
}

