@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@media print {
  a[href]:after {
    content: none !important;
  }
}
.panel-rewards{
box-shadow: 0px 0px 6px #404041;
}
.luke-overlay {
  color: black;
  position: absolute;
  bottom: 0rem;
  width: 100%;
  height: 5rem;
  background-color: rgba(245, 245, 245, 0.5);
  font-weight: 900;
  border-radius: 0 0 1rem 1rem;
  vertical-align: middle;
}
.luke-overlay:hover{
  background-color: rgba(245, 245, 245, 0.9);
}
.luke-art-card
{
background: white;

}
.rewards-header{
text-align: center;
font-size: 2em !important;
color: #FFF !important;
background-color: #d12030 !important;
}
.rewards-body{
height: 250px !important;
text-align: center;
font-size: 25px;
position: relative;
  top: 50%;
  -ms-transform: translateY(10%);
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.itemSearchWrapper{
z-index: 999999 !important;
}

.faq-h1{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}

.faq-container{
margin-top: 20px;
margin-bottom: 80px;
}

.faq-alert{
width: 400px;
margin: 0 auto;
}

.typing-wrapper{
  /*This part is important for centering*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.typing-demo {
  width: 8ch;
  animation: typing 2s steps(8), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 2px solid;
}

@keyframes typing {
  from {
    width: 0ch
  }

}
    
@keyframes blink {
  50% {
    border-color: transparent
  }

}
#firstType{
font-size: 28px;
  animation: showup 7s normal;
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
#lastType{
 font-size: 28px;
  animation: reveal 7s normal;
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
#lastSpan{

  animation: slidein 7s normal;
}
#firstType{
font-size: 28px;
  animation: showup 7s normal;
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
#lastType2{
 font-size: 28px;
  animation: reveal2 7s normal;
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
#lastSpan2{

  animation: slidein2 7s normal;
}
@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-right:800px; }
    20% { margin-right:800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:265px;}
    80% {opacity:1;}
    100% {opacity:0;width:265px;}
}
@keyframes slidein2{
    0% { margin-right:800px; }
    20% { margin-right:800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal2 {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:240px;}
    80% {opacity:1;}
    100% {opacity:0;width:240px;}
}
.card-header {
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.card {
border-radius: 5px !important;
}
.accountLink:link{
color: #000 !important;
}
#footer{
position: absolute;
bottom: 0;
}
.accountLink:active{
color: #000 !important;
}
.accountLink:visited{
color: #000 !important;
}
.acountLink:hover{
color:#cf202e;
}
.list-group{
display: inline-block !important; 
}

#register a:hover{
color: #cf202e !important;
}

#mobileSearch{
display: none;
}
.fa{
color: #black;
}
.glyphicon-plus-sign{
color: #404041;
}
.card {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.card a{
text-decoration: none !important;
color: #fff;
}
.card-header {
    color: #fff;
    background-color: black;
    border-color: #ddd;
   /* border-top-left-radius:5px;
    border-top-right-radius:5px;*/
    /* height: 40px; BS5 REMOVED */
height: auto; /* BS5 ADDED */
    font-size: 18px;
    padding: 6px !important;
    /*margin-bottom: 10px;*/
border-radius: 5px;
}
.card > .card-body{
color: #000;
}
.card >.card-body > p{
color: #000;
}
#Add_Another_Course{
color: #000 !important;
}
.pageHelp{
display:none;
}
.menu-large{
position: static !important;
}
.nav-item{
text-align: center;
}
.navbar-nav li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight:bold;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}
@media screen and (min-width: 767px) {
  #mobileSearch{
display: none;
}
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
}

  
/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

  
.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:45px;
  
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  
}
  
 

  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
padding-top: 0px;
}
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }
  .dropdown-menu.show {
  border-top: none;
}
.dropdown-menu {
  margin-top: -1px;
}
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  min-height: 350px;    /* Set slide height here */
}
.breadcrumb{
display:none;

}
.zoom{
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
}
.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.15);    
-moz-transform: scale(1.15);  
-webkit-transform: scale(1.15);  
-o-transform: scale(1.15);  
transform: scale(1.15);    
position:relative;      
z-index:100;  
}
.merch-control{
width: 80px;
}
.glyphicon-chevron-right{

font-size: 40px !important;
}
.glyphicon-chevron-left{
font-size: 40px !important;

}
.footerList{
padding: 0 !important;
}
ul.footerList{
list-style-position: inside;
text-align: center;
}
#div_privacy{
display: none;
}
#Server{
display: none;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.social-media-bar{
display: none;
}
.panel[data-href]{
cursor:pointer !important;
}
.custom-circle-card[data-href]{
cursor:pointer !important;
}
.custom-circle-card
{
height: 175px;
width: 175px;
border-radius: 50%;
box-shadow: 0 0 2px rgb(245,245,245);
margin: auto auto 50px auto;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
background-color: rgba(207,32,46,.9);
color: white;
}
.custom-circle-card:hover{
background-color:rgba(225, 32, 46, 1);
margin-bottom: 0px;
height: 225px;
width: 225px;
}
.custom-panel-footer{
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100% ;
height: 80px;
background-color: rgba(245,245,245,0.65);
font-weight: 900;
}
.panel-body:hover .custom-panel-footer, .card-body:hover .custom-panel-footer {
	background-color: rgba(245,245,245,.9);
}
.card-body{
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
overflow: hidden;
}
.panel-custom-body{
height: 500px;
}
.panel-custom-body-l{
height: 400px;
}
.panel-custom-body-m{
height: 300px;
}
.panel-custom-body-s{
height: 109px;
}
.panel-default, .card-default{
border-radius: 0;
cursor: pointer;
position:relative;
}
.panel-default:hover, .card-default:hover {
	box-shadow: 0 0 4px rgba(245,245,245,0.65);
}
/*/////////////////////////////
Navigation Bar
/////////////////////////////*/
#bannerimage{
min-width: 900px;
width: 100%;
}
body{
 
 font-family: 'Lato', sans-serif;
    overflow-x: hidden;
}
#navlink {
  font-size: medium;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-align: center;
  position: relative;
  display: block; 
  margin: auto;
  padding: 0px;
  line-height: 30px;
}
.navbar .navbar-nav {
  /*display: inline-block;*/
  float: none;
  vertical-align: top;
}
.well{
padding: 0;
margin-bottom: 0;
}
#pageBreak{
background-color: #D12030;
width: 100%;
height: 8px;
}
.hidden_label{
display:none;
}
.carousel-control.left {
       background-image: none;
    }
.carousel-control.right {
       background-image: none;
    }
@media (max-width: 768px) {
    #navlink {
        padding: 30px 15px 15px 15px
    }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  min-height: 450px;    /* Set slide height here */
width:100%;
}
.navbar .collapse ul {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
/*padding-left: 10px;*/
}
footer{


height:88px;

}






.loginwidth{
margin-right:-22px;
}

		.textwidth{
			width:104px;
		}
		.homewidth{
                      margin-left:-20px;
			width:58px;
		}
		.aboutwidth{
			width:77px;
		}
		.calendarwidth{
			width:97px;
		}
		.linkswidth{
			width:73px;
		}
		.gradwidth{
			width:110px;
		}
		.supplieswidth{
			width:94px;
		}
		.memorabillawidth{
			width:117px;
		}
		.shopwidth{
			width:94px;
		}
		
		.summitwidth{
			width:121px;
		}
               .searchwidth{

               }

.carousel-right{
    right: 0;
    left: auto;
    
   
    background-repeat: repeat-x;
}

.carousel-left{
   
    background-repeat: repeat-x;
    
}


.unionImg {
	float:left;
	margin-left:200px;	
}

.crossingImg{
	margin-left:150px;
}

.summitImg{
	margin-right:150px;
	float:right;
}

.dropdown-menu-right{
	display:none;
}

}
	
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1100px) 
  {

.social-media-bar{
width: 50%;
height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 min-height: 200px;    /* Set slide height here */
width:100%;
}
		.textwidth{
			width:84px;
		}
		.homewidth{
			padding-left:5px;
			width:51px;
		}
		.aboutwidth{
			width:48px;
		}
		.calendarwidth{
			width:77px;
		}
		.linkswidth{
			width:50px;
		}
		.gradwidth{
			width:84px;
		}
		.supplieswidth{
			width:70px;
		}
		.memorabillawidth{
			width:91px;
		}
		.shopwidth{
			width:55px;
		}
		.loginwidth{
			margin-right:50px;
		}
		.searchwidth{
			width:445px;
		}
		.summitwidth{
			width:111px;
		}
	}

@media only screen and (max-width: 767px) {
#mobileSearch{
display: block;
}
#desktop_search{
display: none !important;
}
#register{
display:none;
}
a .dropdown-toggle[aria-expanded="true"]{
color: #D12030 !important;
}
.navbar-nav .open {
  background : white;
}
a .dropdown-toggle{
color: #D12030 !important;
}

.nav-link{
text-align:center !important;
color: #000 !important;
font-size: 18px !important;
}
.navbar .navbar-header, .navbar-collapse{
text-align:center;
}
.nav-container{
width: 100%;
}
.header-top{
width: 100%;
}
.login-header{
flex-direction: column;
}
.mobile-login{
align-self:center;
margin-left: 0;
}
.icon-next{
font-size: 40px;
}
.icon-prev{
font-size: 40px;
}
.panel-custom-body{
height: 300px;
}
.footerHeader{
font-size: 12px;
}
.carousel-control{
	width: 10%;
background-image: none;
}
#pageBreak{
height: 4px;
}
            
         .carousel-inner > .item > img, .carousel-inner > .item > a > img{
         min-height: 180px;
         width: 100%;
         }

	 .merchSliderDesc{
		 display:none;
	 } 

     .merchSliderItemContainer img {
     	height: 50px;
     	width: 100%;
        margin-top: 40px;
     }
	 
	 .merchSliderItemContainer{
		 height:120px;
	 }
	.searchwidth{
         width:275px;
         }
         #imgbanner{
         	height: 80px;
         	width: 100%;
         }

#div_privacy{
	position: absolute;
	bottom: 2.5%;
     left: 0; 
      right: 0; 
      margin-left: auto; 
      margin-right: auto;
}
#Server{
		position: absolute;
	bottom: 0;
     left: 0; 
      right: 0; 
      margin-left: auto; 
      margin-right: auto;
}
footer{


height:50px;
padding-top:10px;

}
footer.area{
display: none;
}
.landingSideNav{
display:none;
}
}
/*
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 640px) 
  {

#pageBreak{
height: 4px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
height:78px;
}

         .carousel-inner > .item > img, .carousel-inner > .item > a > img{
         height:200px;
width: 100%;
         }
	 .merchSliderDesc{
		 display:none;
	 } 
	 
	 #imgbanner{
		height:100px; 
	 }
	 
	 .merchSliderItemContainer{
		 height:120px;
	 }
	.searchwidth{
         width:275px;
         }
         .social-media-bar{
         width: 30%;
         height: auto;
          }
.carousel-control{
	width: 10%;
}

  }
*/


.dropdown-menu > li > a:hover {
		color: #CF202E;
	}

.tab {
margin-left: 210px;

}
.tab1 {
margin-left:80px;
}



/*/////////////////////////////
return policy styles
/////////////////////////////*/

.headerforreturnpolicy 
	{ width: 80%;
	margin: auto; 
	text-align: center;
	border: 2px solid #454449; 
	background-color: silver; 
	padding-top: 10px; 
	padding-bottom: 10px;
	} 
	.lineforreturnpolicy
	{ margin-bottom: 10px;
	width: 30%;
	border-color: #454449;
	} 
	.text-titleforreturnpolicy
	{ font-family: 'Arial Black', Gadget, sans-serif;
	font-size: 24px;
	color: #d12030;
	text-align: center;
	} 
	.text-contentforreturnpolicy
	{
	font-size: 18px; font-family: 'Tahoma', Geneva, sans-serif;
	color: #333333;
	text-align: center; 
	}
	.page-contentforreturnpolicy
	{
	width: 80%; 
	margin: auto;
	} 
	a:link 
	{ 
	font-family: 'Tahoma', Geneva, sans-serif;
	font-size: 14px; 
	color: #454449;
	text-decoration: none; 
	} 
	a:hover
	{ 
	text-decoration: none; 
	color: #d12030; 
	}
        a:visited{
        color: #454449;

       }
/*///////////////////////////// 
red rewards styles
/////////////////////////////*/
 .text-contentforredrewards {
    width: 80%;
    margin: auto;
    color: #333333;
    font-size: 18px;
    font-family: 'Tahoma', Geneva, sans-serif;
    text-align: center;
    }
    .image-content {
    margin-top: 40px;
    text-align: center;
    }
    .wrapperforredrewards { text-align: center; }
    .button-loginforredrewards {
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    outline: none;
    display: inline-block;
    padding: 15px 20px;
    background-color: #d12030;
    color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px #999;
    }
    .button-loginforredrewards:hover { background-color: #FF0000; }
    .button-loginforredrewards:active {
    background-color: #FF0000;
    box-shadow: 0 3px #666;
    transform: translateY(4px);
    }


/*/////////////////////////////
FAQs
/////////////////////////////*/
.nat-faq {
 width: 960px; max-width: 960px; box-sizing: border-box; 
}

    h1 { }
    .nat-faq-left { width: 570px; max-width: 570px; float: left; padding: 20px; }
    .nat-faq-right { width: 350px !important; float: right; margin-top: 40px; }
    .question {
    font-size: 12px;
    font-weight: 700;
    font-size: 1.2em;
    cursor: pointer;
    margin:0px;
    padding: 10px;
    background-color: #ebebeb;
    margin-top: 25px;
    transition: background-color, opacity 0.2s ease-in-out;
    opacity: 0.6;
    }
    .question:hover {
    opacity: .8;
    }
    div.question :nth-child(odd) { background-color: white; }
    div.question :nth-child(even) { background-color: #333333; }
    .nat-faq p { margin: 0px; padding: 10px; }
    .nat-faq-inside { margin: 0px !important; padding: 0px !important; }
    .nat-faq-inside li { margin-left: 30px;}
    .answer { display: none; background-color: white; background-color: #ebebeb; line-height: 1.5em; padding: 10px; }
    .active { opacity: 1 !important; }



.showmeonhover
 { 
    display: none; 
	 margin: 0 auto;
     max-width: 700px;
	
}
.heurehover:hover .showmeonhover 
{
	padding: 30px;
    display: inline-block;
    text-align:right;
}



///faq-ebooks///


.nat-faq { width: 920px; max-width: 920px; box-sizing: border-box; }
 h1 { }
 .nat-faq-left { width: 570px; max-width: 570px; float: left; padding: 20px; }
 .nat-faq-right { width: 350px !important; float: right; margin-top: 40px; } 
.question { font-size: 12px; font-weight: 700; font-size: 1.2em; cursor: pointer; margin:0px; padding: 10px; background-color: #ebebeb; margin-top: 25px; transition: background-color, opacity 0.2s ease-in-out; opacity: 0.6; }
 .question:hover { opacity: .8; }
 div.question :nth-child(odd) { background-color: white; } 
div.question :nth-child(even) { background-color: #333333; }
 .nat-faq p { margin: 0px; padding: 10px; }
 .nat-faq-inside { margin: 0px !important; padding: 0px !important; } 
.nat-faq-inside li { margin-left: 30px;}
 .answer { display: none; background-color: white; background-color: #ebebeb; line-height: 1.5em; padding: 10px; }
 .active { opacity: 1 !important; }


#hidden_content{display:none;}

.trigger
			{
				font-size: 12px;
				font-weight: 700;
				font-size: 1.2em;
				cursor: pointer;
				margin:0px;
				padding: 10px;
				background-color: #ebebeb;
                                box-shadow: 0 0 5px rgba(149, 157, 165, 0.2);
				margin-top: 25px;
				transition: background-color, opacity 0.2s ease-in-out;
				opacity: 0.6;
			}


.toggle
{
				background-color: #ebebeb; 
				line-height: 1.5em; 
				padding: 10px; 
display:none;
}






.btn, .btn:focus, .btn.focus
{
color:white;
background-color:#d12030;
border-color:#d12030;
}
.btn:hover, .btn:active
{
background-color:#8d1620 !important;
border-color:#8d1620 !important;
color:white !important;
}

.custom-link-style{
font-size: 18px !important;
color: #000000;
text-align: center;
}
.custom-link-style:link{
color: #000000;
text-decoration: none;
}
.custom-link-style:visited{
color: #000000;
text-decoration: none;
}
.custom-link-style:hover{
color: #000000;
text-decoration: underline;
}
.custom-link-style:active{
color: #000000;
text-decoration: none;
}
.custom-sidelink-style{
color:#000000;
text-align: center;
}
.custom-sidelink-style:link{
color: #000000;
text-decoration: none;
}
.custom-sidelink-style:visited{
color:#000000;
text-decoration: none;
}
.custom-sidelink-style:hover{
color: #000000;
text-decoration: underline;
}
.custom-sidelink-style:active{
color: #000000;
text-decoration: none;
}
.navbar-custom{
background-color: black;
border-color: black;
border-radius: 0;
color: #fff;
}
.navbar-custom .dropdown-toggle.nav-link, .navbar-custom .dropdown-toggle.nav-link:visited {
    color: #fff;
}
.navbar-custom .dropdown-toggle:hover {
    color: #d12030!important;
}
.dropdown-toggle:active, .open .dropdown-toggle {
color: #d12030 !important;
}
.navbar-custom .menu-large .open{
    color: #d12030!important;
}

.navbar-custom .nav-link{
color: #000;
}
.navbar-custom .nav-link:hover{
color: #cf202e !important;
}
.navbar-custom .nav-link:visited{
color: #000;
}
.custom-nav-link:visted{
color: #000 !important;
}
.custom-nav a{
font-size: 1.2em !important;
}
.text-bold{
color: #000;
font-size: 18px;
/*border-bottom: 3px solid #cf202e;*/
}
.text-bold:hover{
color: #000 !important;
}
.dropdown-header{
font-size: 20px;

}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: #cf202e !important;
}
input:focus { 
        outline: none !important;
        border-color: #cf202e !important;
        box-shadow: 0 0 2px #cf202e !important;
}
select:focus { 
        outline: none !important;
        border-color: #cf202e !important;
        box-shadow: 0 0 2px #cf202e !important;
}

/** Search Styling - Added 7.19.23 **/
.search-here {
float: right;
margin-top: -10px;
}

/*** BS5 Additions 10.3.23 ***/
.ucm-top-custom {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
input#cart-gift-checkBox {
    margin-left: -3%;
}
/** iCM Styling 10.3.23 **/
ul.dropdown-menu.iCM_nav-dropdown-sub {
margin-left: 100%;
}

body .input-group {
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

/* New mobile menu */
@media (max-width: 991.98px) {
.navbar .collapse ul li {
display: block;
width: 100vw;
margin-left: calc(-50vw + 50%);
border-bottom: 1px solid white;
text-align: left;
padding: 0.75rem 1 rem;
box-sizing: border-box;
  }
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
width: 100%;
}
.navbar .collapse ul li a {
display: block;
width: 100%;
text-align: left !important;
color: white !important; 
padding: 0.5rem 1rem;
  }

.navbar .collapse ul li ul li a {
color: white !important; 
width: 100% !important;

  }
.navbar .collapse ul li:not(:last-child) {
margin-bottom: 0.5rem;
  }
.navbar .collapse ul li:last-child {
border-bottom: none;
  }
}

@media (max-width: 991.98px) {
 .dropdown-menu.show {
background-color: black;
margin: 0;
/*border-radius: 8px;*/
/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
  }
}
@media (max-width: 991.98px) {
.navbar .collapse ul li a.dropdown-toggle {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 1rem;
  }

.navbar .collapse ul li a.dropdown-toggle::after {
margin-left: auto; 
position: static; 
margin-right: 0.5rem;
  }
}

@media (max-width: 991.98px) {
.navbar-nav li > span {
position: relative;
display: block;
padding: 10px 15px;
font-weight: bold;
color: white !important;
  }
}

/*the sub menu*/

@media (max-width: 991.98px) {
.navbar .collapse ul li {
border-bottom: 1px solid white; 

  }
}
@media (max-width: 991.98px) {
.ucm-top-custom {
justify-content: center;
gap: 1rem; 
  }
}
@media (max-width: 991.98px) {
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
padding-left: 0 !important;
padding-right: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .dropdown-menu {
    border-radius: 0 !important;
  }
}
input.searchBox.searchBoxHor-input.form-control {
  display: none !important;
}
button.btn.btn-default.searchMerchHor-button {
  display: none !important;
}

@media (max-width: 991.98px) {
  .navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
}
/*The color of the bakground when you click a navbar item*/
a.dropdown-toggle.nav-link,
a.dropdown-toggle.nav-link:focus,
a.dropdown-toggle.nav-link:active,
a.dropdown-toggle.nav-link.show,
.nav-item.show > a.dropdown-toggle.nav-link {
  /*color: black !important;*/
  background-color: black !important;
}
@media (max-width: 991.98px) {
.banner-wrapper {
width: 100% !important;
height: auto !important;
}

.banner-wrapper img {
width: 100% !important;
height: auto !important;
}
}

@media (max-width: 991.98px) {
.container-fluid img[src*="Red_Rewards_Banner.png"] {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
  }

.container-fluid > div {
max-width: 97% !important;
width: 100% !important;
margin: 0 auto !important;
height: auto !important;

  }
}

.line-hours {
margin: 1rem auto;
}

.hours-info {
max-width: 100%;
}

.survey-form {
max-width: 100%;
}

#submitButton {
margin-bottom: 1rem;
}

@media (max-width: 991.98px) {
input#cart-gift-checkBox {
margin-left: 0 !important;
}
}
@media (max-width: 991.98px) {
  /* Instant expand */
  .navbar-collapse {
    transition: none !important;
    max-height: none !important;
    opacity: 1 !important;
  }

  /* Menu item animations */
  .navbar-collapse.show .navbar-nav > li {
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInMenu 0.4s forwards;
  }

  .navbar-collapse.show .navbar-nav > li:nth-child(1) { animation-delay: 0.05s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(2) { animation-delay: 0.10s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(3) { animation-delay: 0.15s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(4) { animation-delay: 0.20s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(5) { animation-delay: 0.25s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(6) { animation-delay: 0.30s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(7) { animation-delay: 0.35s; }
  .navbar-collapse.show .navbar-nav > li:nth-child(8) { animation-delay: 0.40s; }

  @keyframes fadeInMenu {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
@media (max-width: 991.98px) {
  #contentSection {
    padding: 0px !important;
  }
}
.logo-strip {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 20px 0;
  background: #fff; /* optional */
}

.logos {
  display: inline-block;
  animation: scroll-logos 30s linear infinite;
}

.logos img {
  height: 60px;
  margin: 0 40px;
  vertical-align: middle;
}

/* Continuous scroll animation */
@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}






.social-bar {
  width: 100%;
  background-color: #c8102e; /* UCM red */
  color: white;
  text-align: right;
  padding: 25px 33px 25px 10px;
display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center;     /* Center vertically */
}

.social-bar a {
  color: white;
  text-decoration: none;
  margin-left: 40px;
  font-size: 3.5rem;
}

.social-bar a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 991.98px) {
footer {
height: 0px !important;
padding: 0px !important;
}
}
.instagram-feed-wrapper {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0;
}

.instagram-feed {
  width: 100vw;
  height: 45vh;
  border: none;
  margin-bottom: 0;
  display: block;
}


@media screen and (max-width: 991.98px) {
  .instagram-feed {
    height: 60vh;
  }
}
.horizontal-scroll-wrapper {
  display: flex;
  overflow-x: auto;
  padding-bottom: 10px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 0;
  padding-left: 29px;
  padding-right: 29px;
  max-width: 1200px;
  margin: 0 auto;
}

.product-item {
  flex: 0 0 auto;
  width: calc((100% / 4) * 0.66); /* ~2/3 of original quarter width */
  margin: 0 29px;
  text-decoration: none;
  border-radius: 0;
  box-shadow: none;
}

.product-item img {
  width: 100%;
  display: block;
  border-radius: 0;
}

.product-item:hover {
  transform: none;
}

.product-preview-section h2 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 1.8rem;
  color: #000; /* or your desired color */
}

/* Responsive: 1 item on mobile */
@media (max-width: 991.98px) {
  .horizontal-scroll-wrapper {
    padding-left: 29px;
    padding-right: 29px;
  }
  .product-item {
    width: 90vw;
    margin: 0 14.5px;
  }
}
.category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 20px;
}

.category-item {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}

.category-item span {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 991.98px) {
  .category-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 15px;
    padding: 10px;
    max-height: 220px;
  }

  .category-item {
    flex: 0 0 80vw;  /* Width ~80% of viewport */
    height: 200px;
    border-radius: 10px;
  }
}
.faq-section {
  background-color: white;
  padding: 40px 0;
  text-align: center;

}

.faq-section h2 {
  font-size: 2.5rem !important;
  color: #c8102e;
  margin-bottom: 40px;
}

.faq-list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.faq-link {
  display: block;
  width: 100%;
  padding: 20px 30px;
  font-size: 1.75rem !important;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-align: left;
}

.faq-link:hover {
  background-color: #c8102e;
  color: white;
}
.faq-list a:last-child {
  border-bottom: none;
}
.ucm-tees-section .three-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.ucm-tees-section .three-items .category-item {
  aspect-ratio: 4 / 3; /* or use height: 200px; if needed */
  background-size: cover;
  background-position: center;
  border-radius: 8px;
}


@media (max-width: 991.98px) {
  .ucm-tees-section .three-items {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
  }

  .ucm-tees-section .three-items .category-item {
    flex: 0 0 80vw; /* Show one item mostly filling screen */
    scroll-snap-align: start;
    height: 370px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}
}
 .store-locator {
            display: flex;
            max-width: 800px;
            width: 800px;
            height: 400px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
margin-bottom: 25px;
        }

        .map-container {
            flex: 1;
            position: relative;
            width: 400px;
            height: 400px;
        }

        .map-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        .store-info {
            flex: 1;
            width: 400px;
            height: 400px;
            padding: 25px;
            background: #ffffff;
            display: flex;
            flex-direction: column;
        }

        .store-info h1 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
            text-align: center;
        }

        .store-name {
            font-size: 1rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 6px;
            text-align: center;
        }

        .store-location {
            margin-bottom: 12px;
            padding: 8px 0;
            border-bottom: 1px solid #e9ecef;
        }

        .store-location:last-of-type {
            border-bottom: none;
        }

        .store-address {
            font-size: 0.8rem;
            color: #495057;
            line-height: 1.3;
            margin-bottom: 4px;
            text-align: center;
        }

        .store-hours {
            font-size: 0.8rem;
            font-weight: 600;
            color: #c41e3a;
            text-align: center;
            margin-bottom: 4px;
        }

        .directions-btn {
            background: #c41e3a;
            color: white !important;
            border: none;
            padding: 10px 30px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            margin: 8px auto 0;
            display: block;
            transition: all 0.3s ease;
            text-decoration: none;
            text-align: center;
            width: fit-content;
        }

        .directions-btn:hover {
            background: #a01729;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(196, 30, 58, 0.3);
        }

   @media (max-width: 991.98px) {
            .store-locator {
                flex-direction: column-reverse;
                width: calc(100% - 20px);
                max-width: calc(100% - 20px);
                height: auto;
                margin: 10px;
            }

            .map-container {
                width: 100%;
                height: 300px;
                order: 2;
            }

            .store-info {
                width: 100%;
                height: auto;
                padding: 20px;
                order: 1;
            }

            .store-name {
                font-size: 0.9rem;
            }

            .store-address,
            .store-hours {
                font-size: 0.75rem;
            }

            .directions-btn {
                font-size: 0.8rem;
                padding: 8px 20px;
            }
        }

@media (max-width: 991.98px) {
  .nav-link.text-bold {
    display: none;
  }
}

.row {
margin: 10px;
}

@media (max-width: 991.98px) {
  .faq-section,
  .faq-section .row,
  .faq-section > .row,
  .faq-section ~ .row,
  .row:has(.faq-section) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.featured-products {
  position: relative;
  padding: 3rem 0 2rem 0;
  background: #fff;
  text-align: center;
  max-width: 1300px;
  margin: 0 auto;
}

.featured-products h2 {
  font-size: 2.5rem;
  color: #c8102e;
  margin-bottom: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.carousel-arrow-container {
  position: absolute;
  top: 50%;
  left: 0; right: 0;
  width: 100%;
  height: 0;
  z-index: 2;
  pointer-events: none;
}

.arrow {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  pointer-events: auto;
  font-size: 2rem;
  background: #fff;
  border-radius: 50%;
  color: #b31b1b;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border: 2px solid #b31b1b;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
  outline: none;
}

.arrow-left {
  left: -22px;
}

.arrow-right {
  right: -22px;
}

.arrow:hover, .arrow:focus {
  background: #b31b1b;
  color: #fff;
}

.product-grid {
  display: flex;
  overflow-x: auto;
  gap: 2rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
  margin: 0 2rem;
}

.product-grid::-webkit-scrollbar {
  display: none;
}
.product-grid {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-card {
  flex: 0 0 25%;
  min-width: 240px;
  max-width: 260px;
  background: #fafafa;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  padding: 1.5rem 1rem 2rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.2s, transform 0.2s;
  scroll-snap-align: start;
}

.product-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-4px) scale(1.03);
}

.product-card img {
  width: 100%;
  max-width: 220px;    
  height: auto;
  min-height: 180px;   
  border-radius: 12px; 
  margin-bottom: 1rem;
  background: #eaeaea;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.product-card h3 {
  font-size: 1.1rem;
  margin: 0.5rem 0 1rem 0;
  color: #1a1a1a;
  font-weight: 600;
}

.product-card .btn {
  background: #b31b1b;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1.4rem;
  border-radius: 20px;
  font-weight: 600;
  transition: background 0.2s;
  font-size: 1rem;
  margin-top: auto;
  box-shadow: 0 2px 4px rgba(179,27,27,0.08);
}

.product-card .btn:hover,
.product-card .btn:focus {
  background: #8c1616;
  color: #fff;
}

/* Responsive: Show fewer cards on smaller screens */
@media (max-width: 900px) {
  .product-card {
    flex: 0 0 40%;
    min-width: 200px;
  }
  .arrow-left { left: -12px; }
  .arrow-right { right: -12px; }
}
@media (max-width: 600px) {
  .product-card {
    flex: 0 0 70%;
    min-width: 170px;
  }
  .arrow-left, .arrow-right {
    left: 0;
    right: 0;
  }
  .carousel-arrow-container {
    display: none; 
  }
}
@media (max-width: 991.98px) {
.login-options {
background-color: white !important;
}
}

@media (max-width: 991.98px) {
.mobile-banner {
margin-top: 0px !important;
}
}

.useful-links {
font-weight: 700;
}