/***** Global Styling ******/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #444;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 700;
}
p {
margin: 0 0 10px;
}

.mt-10 {
margin-top: 10px;
}

.padding-zero {
padding: 0;
}

a {
color: #002554;
font-size: 16px;
}
div#ContainDiv {
    min-height: 580px;
}

/*** Top Section ****/

.top-banner {
    background-color: #002554;
    padding: 10px 0;
}
.top-banner-store-info {
    margin-left: 3%;
}
.top-banner-store-info h1 {
    font-size: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
   font-weight: 500;
}
.top-banner a {
    color: #fff;
    display: inline;
    font-size: 1em;
}
.top-banner-contact-info a {
    margin-left: 20px;
}
.store-logo {
    padding: 0.5em 1em;
}
.store-logo img {
    margin: 0 auto;
}
/***** Navigation *****/
.nav-container {
background-color: #f2f2f2;
}
.navbar-default {
border-color: #f2f2f2;
background-color: #f2f2f2;
border-radius: 0;
}

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

.navbar-default .navbar-nav > li > a:hover {
color: #f2f2f2;
background-color: #fff;
}
/*---Temp New Styling - Helps with dropdown menu-----*/
.navbar-nav > li > .dropdown-menu {
margin-top: -10px;
}
/*----Offcanvas CSS ---*/
.navbar-inverse {
border-radius: 0;
background-color: #f2f2f2;
border: none;
width: 100%; /* added 9.15.22 */
max-width: 1760px; /* added 9.15.22 */
margin-left: auto; /* added 9.15.22 */
margin-right: auto; /* added 9.15.22 */
}
.navbar-inverse .navbar-nav>li>a {
color: #646569;
font-size: 18px;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #002554;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
}
.nav-wrapper {
background-color: #f2f2f2;
}
.offcanvas-toggle span.menu-text {
    color: #000;
}
a.offcanvas-btn-close.offcanvas-toggle, .close-menu-text {
color: #fff;
}
/**-- When Offcanvas Does not show --**/
/**-- Was 768px 9.21.22 9:18am KR --**/
@media (min-width: 992px) {
.navbar-right {
margin-right: 6%; /* added 9.15.22 */
}
.offcanvas-btn-close {
display: none;
}
.offcanvas-home {
display: none !important;
}
.offcanvas-customer-account {
display: none;
}
.z-999 {
z-index: 999;
}
}
/*** -- Offcanvas Breakpoint for when it shows --**/
/**-- Was 767px 9.21.22 9:18am KR --**/
@media (max-width: 991px) {
.navbar-toggle {
        float:left;
        display: block !important;
    }
.offcanvas-toggle > span.fa.fa-bars {
font-size: 24px;
}
button.navbar-toggle.offcanvas-toggle {
border: none;
}
.offcanvas-toggle span.menu-text {
font-size: 24px;
}
 .offcanvas-stop-scrolling {
    height: 100%;
    overflow: hidden; 
}
 .navbar-default .navbar-offcanvas {
    background-color: #f8f8f8;
}
 .navbar-inverse .navbar-offcanvas {
    background-color: #222; 
   /*** visibility: hidden; /** BS3 ADDED 6.21.23 / BS5 REMOVED 6.29.23 ***/
}
 .navbar-offcanvas {
    position: fixed;
    width: 70%;
    height: 100%;
    left: 0px; /**BS5 UPDATED **/
    top: 0;
    z-index: 999;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transition: all 0.15s ease-in; 
}
.navbar-offcanvas.in {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 
}
.navbar-offcanvas.navbar-offcanvas-fade.in {
        opacity: 1; 
}
.navbar-offcanvas.offcanvas-transform.in {
      -webkit-transform: translateX(250px);
              transform: translateX(250px); 
   visibility: visible; /*** BS3 ADDED 6.21.23 ***/
    }
.navbar-offcanvas.offcanvas-position.in {
      left: 0;
   }
.navbar-offcanvas.navbar-offcanvas-right {
      left: auto;
      right: -250px;
    }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
        -webkit-transform: translateX(-250px);
                transform: translateX(-250px); 
        }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
        left: auto;
        right: 0;
   }
.navbar-offcanvas .dropdown.open .caret {
      border-top: 0;
      border-bottom: 4px solid; 
}
.navbar-offcanvas .dropdown-menu {
      position: relative !important;
      width: 100% !important;
      border: inherit !important;
      box-shadow: none !important;
      transition: height 0.15s ease-in; 
}
.navbar-offcanvas .dropdown-menu.shown {
        display: block;
        margin-bottom: 10px; 
} 

.offcanvas-toggle .icon-bar {
  background: #000 !important;
  transition: all .25s ease-in-out; 
}
.offcanvas-home {
display: block;
}
button.navbar-toggle.offcanvas-toggle {
z-index: 9999;
}
.navbar-offcanvas.offcanvas-transform.in {
top: 0%;
z-index: 99999;
}
.offcanvas-btn-close {
display: block;
background-color: transparent;
border: none;
font-size: 22px; 
text-transform: uppercase;
padding: 1em;
}
.offcanvas-btn-close > .fa.fa-chevron-left {
color: #fff;
}
.close-menu-text {
padding-left: 15px;
}
span.fa.fa-chevron-down.chevron-down-right {
float: right; 
padding-right: 15px;
}
.offcanvas-border-bottom {
border-bottom: 1px rgba(255,255,255,.2) solid;
}
.offcanvas-list-item {
    background-color: #002554;
    border-bottom: 1px rgba(255,255,255,.2) solid;
    padding: 20px 15px 15px 25px;
}
a.offcanvas-dropdown-menu-link {
    color: #fff !important;
    font-size: 14px;
    text-align: left !important;
    text-transform: uppercase;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
border-color: transparent;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding: 20px 15px 15px 25px;
    text-transform: uppercase;
}
.dropdown.open > .dropdown-toggle > .chevron-down-right {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
.offcanvas-customer-account {
/***display: block; BS5 REMOVED ***/
background: #002554;
padding: 1.25em 1.5em 1.25em 80px;
color: rgba(0,0,0,0.5);
display: flex; /** BS5 ADDITION ***/
justify-content: space-evenly; /** BS5 ADDITION ***/

}
.offcanvas-customer-account > a {
    color: #fff;
    font-size: 18px;
    padding-left: 3%;
}
span.fa.fa-user.fa-mobile-user {
    color: #002554;
    font-size: 2.65em;
    background-color: rgba(255,255,255,.3);
    padding: 0;
    position: absolute;
    left: 0px;
   /*** top: 75px; BS5 REMOVED ****/
    width: 71px;
    height: 71px;
   /*** text-align: center; BS5 REMOVED ****/
    line-height: 62px;
    /***margin: 0; BS5 REMOVED ****/
   display: flex; /** BS5 ADD ***/
  justify-content: center; /** BS5 ADD ***/
top: 62px; /** BS5 ADD ***/
}
}


/*---Offcanvas Mega Menu Styles---*/
.offcanvas-menu-large {
position: static !important;
text-align: center;
}
.offcanvas-dropdown-menu-large {
line-height: 1.2;
}
.offcanvas-dropdown-menu-link {
display: block;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
}
.offcanvas-dropdown-menu-link:hover {
text-decoration: none;
cursor: pointer;
background-color: #002554;
color: #fff;
}
.offcanvas-col-sub-header {
margin-top: 10px;
font-size: 14px;
}
.offcanvas-col-header {
    color: #444;
    font-size: 20px;
    font-weight: 700;
}
.offcanvas-sub-text {
font-size: 10px;
}
li.offcanvas-list-item {
margin-top: 3px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #002554;
background-color: transparent;
}
.navbar-offcanvas > .navbar-right > li > a > span.fa.fa-user, .navbar-offcanvas > .navbar-right > li > a > span.fa.fa-shopping-cart  {
    font-size: 1.65em;
    margin-top: -5px;
}
/*-- The below might need updated. Will wait. 9.21.22 --**/
/*-- Was 767px 9.21.22 9:30am KR --*/
@media (max-width: 991px) {
.nav.navbar-nav * {
text-align: left;
}
.offcanvas-mega-menu-col {
padding-left: 0;
padding-right: 0;
float: none;
margin-bottom: 0px; /**BS5 UPDATED */
}
.offcanvas-col-header {
color: #fff;
padding-left: 16px;
padding-bottom: 10px;
background-color: gray;
padding-top: 10px;
}
.break-none {
display: none;
}
.cart-mobile {
float: right;
padding-right: 15px;
}
.fa-shopping-cart-mobile {
font-size: 1.65em;
}

}


/*** Search ****/
.search-here {
position: static !important;
}
#H_Search {
    padding-top: 4px;
}
#H_Search.max_width300 {
     max-width: 58% !important; /* this is the max on my screen size */
    width: 75%; /* added 9.15.22 */
    margin: 0;
    position: absolute; /* THIS CANNOT BE 'FIXED' */
    z-index: 999; /* was 9999 - affected modal placement */
}
#H_Search .input-group {
    width: 70%;  /* added 9.15.22;  Will need BS5 Removed?? */
    margin-right: 0;
    padding-right: 0;
   margin-top: 0px; /** BS5 ADDITION ***/
margin-bottom: 0px; /** BS5 ADDITION ***/
}
#H_Search .form-control {
    border-radius: 0;
   font-size: 18px;
   height: 40px;
   font-weight: lighter;
}
#H_Search .searchMerchHor-button {
    margin-left: 0px;
    border-radius: 0;
    margin-right: 0;
    height: 40px;
   font-size: 18px;
color: #999;
}
/**** Cart - Counter *****/
#Cart {
display: none;
}
.cart-single-digit {
left: 28px;
}
.span-cart-items {
/*position: absolute; BS5 REMOVED ***/
font-size: 0.7em;
font-weight: bold;
color: #fff;
/*bottom: 23px; BS5 REMOVED ***/
/*right: 0; BS5 REMOVED ***/
position: relative; /*** BS5 ADDITION***/
top: -3px; /*** BS5 ADDITION***/
left: 27px; /*** BS5 ADDITION***/
}
@media (max-width: 991px) {
.span-cart-items {
position: relative;
color: #000;
top: -9px;
}
.cart-single-digit {
left: 20px;
}
}
/**** Card Info ******/
.card {
border-color: #002554;
}
.card-header {
color: #fff;
background-color: #002554;
border-color: #002554;
}

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

.Remove1, .remove_disabled {
font-size: 18px;
}
.popover-content {
color: #000;
}

/**** Buttons ******/

.btn-primary {
background-color: #9ABDDC;
border-color: #8aaac6;
color: #333;
}

.btn-primary:hover {
background-color: #8aaac6;
border-color: #8aaac6;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #325076;
border-color: #193a65;
}

/*** Footer ***/
div#BottomSection {
margin-top: 20px;
}
.footer {
color: #fff;
background-color: #002554;
font-size: 18px;
padding: 30px 30px 15px 30px;
line-height: 1.75em;
font-weight: lighter;
margin-top: 50px;
}
.footer a {
color: #fff;
font-size: 18px;
font-weight: lighter;
}
.footer h3 {
color: #fff;
margin-top: 10px;
}

.footer h3.uppercase {
text-transform: uppercase;
font-weight: 500;
}
hr.width45 {
width: 45%;
margin-left: 0;
opacity: 1.0;
}
.google-map iframe {
max-width: 45%;
max-height: 300px;
}

#div_privacy, #Server {
background-color: #002554;
color: #fff;
}
#div_privacy a {
color: #fff;
}

/**** Footer - Store Hours Table ****/
.table-custom-stripe > tbody > tr > th, .table-custom-stripe > tbody > tr > td {
border-top: none;
}

.table-custom-stripe > tbody > tr >th {
font-weight: lighter;
width: 150px;
}



/* ---- Offcanvas Mega Menu Desktop Responsive ---- */
.navbar-right {
margin-right: 10%;
}
}
@media (max-width: 1320px) {
.navbar-right {
margin-right: 7%;
}
#H_Search .searchMerchHor-button {
width: 6%;
}
}
@media (max-width: 1250px) {
#H_Search .input-group {
width: 65%;
}
.navbar-right {
margin-right: 6%;
}
}
/* Was thinking Min and Max for the next media query */
@media (min-width:992px) and (max-width: 1199px) {
#H_Search .searchMerchHor-button {
width: 9%;
}
.navbar-right {
margin-right: 9%;
}
}

/**-- Offcanvas Bootstrap & inSite Overrides Mobile --**/
@media (max-width: 991px) {
.navbar-nav {
float: none !important;
}
.navbar-nav > li {
float: none !important;
}
.navbar-right {
display: none; /* added 9.29.22 */
}
.search-here {
margin: 0 auto;
width: 100%; /** BS5 ADD **/
}
#H_Search.max_width300 {
position: relative; /* BS5 Needs */
max-width: 100% !important; /** BS5 ADD **/
left: 10%; /* BS5 ADDED */
}
span.glyphicon.glyphicon-search {
left: 0; /** BS5 ADD **/
color: #999; /** BS5 ADD **/
}
#H_Search .input-group {
width: 85%;
}
#H_Search .searchMerchHor-button {
width: 15%; /** BS5 ADD **/
}
.navbar-offcanvas .dropdown-menu {
background-color: transparent;
padding: 0;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
}
}

@media (max-width: 850px) {
span.glyphicon.glyphicon-search {
left: 4px;
}
}
@media (max-width: 810px) {
span.glyphicon.glyphicon-search {
left: 3px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.navbar-nav > li > .dropdown-menu {
margin-top: 0px;
}
}
@media (min-width: 768px) and (max-width: 789px) {
span.glyphicon.glyphicon-search {
left: 2px;
}
}
@media (max-width: 767px) {
/*** Top Banner **/
.top-banner-store-info {
margin-left: 0%;
text-align: center;
}
.top-banner-contact-info {
text-align: center;
}
/** Offcanvas **/
.nav.navbar-nav {
width: 100%;
}
.navbar-inverse .navbar-nav>li>a  {
padding-right: 30px;
}

span.fa.fa-chevron-down.chevron-down-right {
padding-right: 0;
}
.cart-mobile {
padding-right: 18px;
}

#H_Search.max_width300 {
left: 0; /** BS5 ADDED */
margin: 0 auto;  /** BS5 ADDED */
}
#H_Search .input-group {
width: 85%; /* BS5 ADDED */
}
#H_Search .searchMerchHor-button {
width: 15%; /* BS5 Updated */
}
span.glyphicon.glyphicon-search {
left: -2px; /* BS5 UPDATED */
transform: scale(1.3);
}
/** Footer **/
.google-map iframe {
max-width: 100%;
}
hr.width45 {
width: 100%;
}
.table-responsive {
border: none;
}
}
@media (max-width: 650px) {
/** Offcanvas **/
span.glyphicon.glyphicon-search {
left: -2px;
transform: scale(1.3);
}
}
@media (max-width: 600px) {
/** Offcanvas **/

span.glyphicon.glyphicon-search {
left: 0px;
transform: scale(1.3);
}
}
@media (max-width: 553px) {
/** Offcanvas **/
span.fa.fa-user.fa-mobile-user {
width: 69px; /** BS5 UPDATED **/
height: 69px; /** BS5 UPDATED **/
}
.offcanvas-customer-account > a {
font-size: 16px;
padding-left: 2%;
}
.cart-single-digit {
left: 18px;
}
.span-cart-items {
top: -8px; /** BS5 UPDATED */
}
span.glyphicon.glyphicon-search {
left: -1px;
}
}
@media (max-width: 499px) {
/** Offcanvas **/
span.fa.fa-user.fa-mobile-user {
width: 68px; /* BS5 UPDATED */
height: 28px; /* BS5 UPDATED */
}

.xs-mobile-margin {
margin-left: -10px;
}
.cart-single-digit {
left: 17px;
}
.span-cart-items {
bottom: 7.45px;
}
#H_Search.max_width300 {
max-width: 87% !important;
}
#H_Search .input-group {
width: 87%;
}
#H_Search .searchMerchHor-button {
width: 13%;
}
}
@media (max-width: 464px) {
/** Offcanvas **/
.xs-mobile-margin {
margin-left: -17px;
}

.span-cart-items {
bottom: 7.4px;
}
span.glyphicon.glyphicon-search {
left: -3px;
}
}
@media (max-width: 433px) {
/** Offcanvas **/
.xs-mobile-margin {
margin-left: -20px;
}

.span-cart-items {
bottom: 6.5px;
}
.cart-single-digit {
left: 18px; /* BS5 UPDATED */
}
span.glyphicon.glyphicon-search {
left: -5px;
}

}
@media (max-width: 409px) {
span.fa.fa-user.fa-mobile-user {
width: 69px; /* BS5 ADDED */
height: 69px; /* BS5 ADDED */
}
.offcanvas-customer-account > a {
padding-left: 1%;
}
.span-cart-items {
bottom: 6px;
}
}
@media (max-width: 381px) {
.offcanvas-customer-account > a {
padding-left: 1%;
}

span.glyphicon.glyphicon-search {
left: -6px;
transform: scale(1.1);
}
}
@media (max-width: 361px) {
span.fa.fa-user.fa-mobile-user {
width: 69px; /* BS5 ADDED */
height: 69px; /* BS5 ADDED */
}
.offcanvas-customer-account > a {
padding-left: 1%;
}

span.glyphicon.glyphicon-search {
left: -7px;
scale(1.1);
}
}

/**** Cards - Dynamic Merch ******/
.card {
border: none;
}
.card-header {
    background-color: #002554;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.previousWrap, .popularWrap, .newWrap, .featuredWrap {
    border: none !important;
    height: auto !important;
}
.dynamicLink {
font-size: 16px;
}
.dynamicLeft.popularArrow,.dynamicRight.popularArrow, .dynamicLeft.featuredArrow,.dynamicRight.featuredArrow {
z-index: 9999;
}
.dynamicLeftArrow {
left: 0;
}
.dynamicRightArrow {
right: 0;
}
.dynamicImage {
max-width: 300px;
width: 100%;
}
@media (max-width: 767px) {
.dynamicItem.featuredItem {
/*height: 200px;*/
}
}
/*** Merch Light Box ***/
.imageLightBoxBig {
max-width: 700px;
}
@media (max-width: 991px) {
.imageLightBoxBig {
width: 100%;
}
#imageLightBox {
z-index: 9999;
}
}


/*** BS5 ADDITIONS ***/
.navbar-nav > li > a.nav-link {
font-size: 18px;
color: #646569;
}
span.fa.fa-shopping-cart.desktop-cart, span.fa.fa-user.desktop-user  {
font-size: 2em;
}
 .offcanvas-title {
        font-weight: 500;
        padding-left: 1em;
    }

.offcanvas-header {
    justify-content: flex-start;
}
.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='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;
}
.navbar-toggler {
border: none;
color: #000;
font-size: 1.4rem;
}

.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='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.store-hour-table {
--bs-table-color: #fff;
--bs-table-border-color: transparent;
}

.store-hour-table > :not(caption) > * > * {
padding: 5px;
}
hr {
opacity: 1.0;
border-top: 1px solid #eee;
}
@media (max-width: 991px) {
    .navbar-nav > li > a.nav-link {
        color: #fff;
       text-transform: uppercase;
    } 
  li.offcanvas-list-item {
      margin-top: 0px;
  }
}

@media (min-width: 768px) {
.dropdown:hover > .dropdown-menu {
   left: 0;
}}
@media (max-width: 376px) {
.store-hour-table > :not(caption) > * > * {
padding: 0px;
}
}

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