/** Shopify CDN: Minification failed

Line 965:21 Expected identifier but found bad string token
Line 965:22 Unterminated string token

**/
/* Custom CSS for Venue - Last Modified by Kathy Schmidt 10/1/26 */

@media screen and (min-width: 0px) and (max-width: 1023px) {
	.desktopOnly{display: none;}
}
@media only screen and (min-width:1024px) {
	.mobileOnly{display: none;}
}

@media screen and (min-width: 0px) and (max-width: 980px) {
	.twoColumnPDPOnly{display: none;}
}
@media only screen and (min-width:981px) {
	.oneColumnPDPOnly{display: none;}
}

@media only screen and (min-width:1024px) {
  .anchor-offset {
    display: block;
    height: 160px; /* Height of your fixed header */
    margin-top: -160px; /* Negative margin to pull it up */
    visibility: hidden; /* Hide the empty element */
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .anchor-offset {
    display: block;
    height: 100px; /* Height of your fixed header */
    margin-top: -100px; /* Negative margin to pull it up */
    visibility: hidden; /* Hide the empty element */
  }
}

/* CSS FOR DESKTOP HEADER */

.desktopHeaderSearchInfoRow{
	vertical-align: middle;
	height: 65px;
}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
}

.left {
  width: 40%;
  text-align: center;
}

.right {
  width: 40%;
}

.middle {
  width: 20%;
  text-align: center;
}
/* END Create three unequal columns that floats next to each other */


/* Adjust position of Google Top Quality Store Badge */
div#google-merchantwidget-iframe-wrapper {
  margin-right: 51px;
  margin-bottom: 0;
  z-index: 100000;
}

@media only screen and (min-width:550px) {
  div#google-merchantwidget-iframe-wrapper {
    margin-right: 61px;
    margin-bottom: -8px;
  }
}


/* Turn the Wishlist, cart and account links in header green and 16px */
.secondary-nav li{
  font-size: 14px;
}
.secondary-nav__items a{
  font-size: 14px;
  color: #006938;
}
.secondary-nav__item--light .secondary-nav__link{
  font-size: 14px;
  color: #006938;
}
#smartwishlist{
  height:50px;
}
/* end Turn the Wishlist, cart and account links in header green and 16px */


/* Constrain width of items in body of page, so they don't get too wide on huge screensizes */
.container{
  max-width: 1550px;
}
.container.container--tiny{
  max-width: 1000px;
}
.shopify-policy__container{
  max-width: 1000px;
}
@media screen and (max-width: 980px){
    .container {
      padding: 0 10px;
  }
}

/* Adjust leading for newsletter to match SMS signup form */
.newsletter .section__title-desc, .newsletter .section__title-desc.rte a {
    line-height: 130%;
}

/* Space under large hero images (Home Page and category pages) */
@media only screen and (max-width:1023px) {
  .home-custom__item {
    margin-bottom: 15px;
  }
  /* Reduce space under image at top of category page ... may affect all sections */
  .section{
      margin-bottom: 15px;
  }
}

/* Keeps the desktop menu higher than the logo, so that when you try to click the middle 3 team names, you don't get the logo by mistake */
.primary-nav__items {
    position: relative;
    z-index: 999;
}

/* mobile icon colors*/
.header-trigger__link{
	color: #006938;  
}

/* add shadow to mobile logo - Remove for Christmas - For the Frozen Logo I reduced shadow size and changed color from #444343*/
.header__logo-wrapper{
	-webkit-filter: drop-shadow(0px 1px 1px #9b9999); 
	filter: drop-shadow(0px 1px 1px #9b9999);
}

.rotatingsplash_nocontrols {
	margin: auto;
	width: 322px;
}

/* DESKTOP SEARCH FORM */
.searchWrap{
	position: relative;
	white-space: nowrap;
	width: 80%;
	margin: 0 auto;
}
.searchInput {
	position: relative;
	width: 80%;
	background-color: #FFFFFF; 
	font-size: 14pt; 
	vertical-align: middle;
	color: #535353; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #006938;
	height: 41px;
	padding-left: 8px;
	margin-right: -4px;
	float: left;
}
.searchInput:focus{
    outline:none; 
}
.searchInput:active{
    outline:none; 
}

/* Style the submit button */
.searchWrap button {
	background-color: #006938;  
	color:#ffffff;
	font-size: 14pt; 
	text-transform: uppercase; 
	vertical-align: middle;
	height: 41px;
	width: 54px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #006938;
}

/* Style the submit button */
.searchWrap button:hover {
	background-color: #004123;  
}
.searchButton{
	background-color: #006938;  
	color:#ffffff;
	font-size: 14pt; 
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	height: 45px;
	width: 45px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000;
}
.searchButton:hover{
	background-color: #000000; 
}
/* end DESKTOP SEARCH FORM */

.rotatingGraphicWrap{
	position: relative;
	width: 80%;
	margin: 0 auto;
}

.storeLogoContainer {
	position: absolute; 
    text-align: center;
    top: 5px; 
	width: 20%; /* THIS MUST MATCH THE TEAM NAME ROW, OR TEAMS WILL NOT BE CLICKABLE */
    left: 40%; /* This centers the div. THIS MUST MATCH THE TEAM NAME ROW, OR TEAMS WILL NOT BE CLICKABLE */
    z-index: 100;
    /* Removing for Christmas - For the Frozen Logo I reduced shadow size and changed color from #444343 */
    -webkit-filter: drop-shadow(0px 1px 1px #9b9999);
    filter: drop-shadow(0px 1px 1px #9b9999);
}

/* Removing for Christmas - For the Frozen Logo I knocked down 1 number each and changed color from #444343 */
.storeLogoContainer a:hover {
    -webkit-filter: drop-shadow(0px 0px 1px #9b9999);
    filter: drop-shadow(0px 0px 1px #9b9999);
}

/* css splash screens */
#shippingsplash img {  border: 0px; display: none }
#shippingsplash img.first { display: block }

.header.header--center .primary-nav__items {
    padding: 0 10px;
}

/* highlight a menu item in team navigation */
li.nav__sub__item [href*="sale-items"] { 
    color: #8f0616 !important;
}

li.mobile-nav__sub__item [href*="sale-items"] { 
    color: #99cc00 !important;
}
li.nav__sub__item [href*="chicago-cubs-postseason-merchandise"] { 
    color: #8f0616 !important;
}

li.mobile-nav__sub__item [href*="chicago-cubs-postseason-merchandise"] { 
    color: #99cc00 !important;
}
/*li.nav__sub__item [href*="chicago-blackhawks-winter-classic"] { 
    background: #8f0616; 
    color: white !important;
}
li.nav__sub__item [href*="chicago-blackhawks-winter-classic"]:hover{ 
    background: #006938 !important; 
}

li.mobile-nav__sub__item [href*="chicago-blackhawks-winter-classic"] { 
    font-weight: bold; 
    color: #f4f647 !important;
}*/
/* end highlight a menu item in team navigation */

/*
#shopify-product-reviews{
	scroll-margin-top: 200px;
}
.spr-starrating.spr-summary-starrating{
  display: inline;
}
*/

#shopify-block-da74d9b9-2303-4100-95be-7d0e053d85f4{
	margin-top: -25px;
	margin-left: 5px;
}

.header.header--center .header-navs{
    background-color: #006938;
    margin-bottom: 5px;
}

.primary-nav__link{
	color: #ffffff;
}

.secondary-nav__link{
	color: #006938;
}

.header--dark .nav__sub__link.selected, .header--dark .nav__sub__link:hover, .header--dark .nav__sub__item--sub:hover .nav__sub__link, .header--dark .nav__sub-t__link:hover{
	/*background-color: #8f0616;*/
	color: #006938;
}

.primary-nav, .secondary-nav{
	font-size: calc((var(--font--size-nav) / var(--font--size-base)) * 1.2rem);
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
    .primary-nav, .secondary-nav {
        font-size: calc((var(--font--size-nav) / var(--font--size-base)) * 1.0rem);
    }
}

.header.header--center .primary-nav{
	margin: 5px 0 5px 0;
}

/*div.smartbar-wrapper {
    margin-bottom:30px;
}*/

.smartbar-header-container{
	height: 70px; 
	width: 100%;
}

.header--mega .primary-nav .nav__sub-wrap {
    top: -6px;
}

.header--mega .primary-nav .nav__sub__items--single{
	text-align: left;
}

.header--mega .primary-nav .nav__sub__item{
	text-align: center;
}

/* Dropdown and left column on top-level category pages */
.navDropdownTeamCategoryList{ 
	width:100%; 
	min-height: 30px;
	margin:5px 0 20px;
	text-align: center;
	border:1px #d4d4d4 solid;
	border-radius: 3px;	
}
.navDropdownTeamCategoryList ul{ 
	width:100%; 
	margin:0px; 
	padding:0px; 
	list-style:none;
} 
.navDropdownTeamCategoryList ul li{ 
	width:100%; 
	margin:0px 0px 10px; 
	padding:0px;
}

.topLevelCategoryName ul li a{ 
	padding:8px 4px 0 8px; 
	display:block; 
	color:#000000; 
	font-size:18px; 
	text-transform:uppercase;
    line-height: 120%;
} 

.navDropdownTeamCategoryNames, .navDropdownTeamHolidayCategories{
	display: none;
	list-style:none;
	border-top: 1px #d4d4d4 solid;
	padding-top: 8px;
}
.navDropdownTeamCategoryNames.compressList
{
	display: none;
}

.navDropdownTeamCategoryNames a, .navDropdownTeamHolidayCategories a{
	display: block;
	line-height: 220%;
}
/* end Dropdown and left column on top-level category pages */



/* Reasons to shop with us */
@media screen and (min-width: 0px) and (max-width: 1023px) {
	.desktopOnly{
		display: none;
	}
}

.col-container_reasonstoshop {
	display: table; /* Make the container element behave like a table */
	width: 100%; 
	margin-top: 10px;
	margin-bottom: 30px;
}

.row_reasonstoshop {
	display:table-row; 
 }

.col_reasonstoshop {
	display: table-cell; /* Make elements inside the container behave like table cells */
	padding:5px;
	background:#9a9999;
    border-bottom: 10px solid #FFFFFF;
    border-right: 10px solid #FFFFFF; 
	text-align: center;
	color:#FFFFFF; 
	width: 25%;
	vertical-align: middle;

}

div.col_reasonstoshop.last{
    border-right: 0; 
}

.col_reasonstoshop h4{
	color:#FFFFFF; 
	text-transform: uppercase;
	font-size: 17px;
	line-height: 110%; 
	font-weight:600;
	margin-top: 10px;
	margin-bottom: 5px;
}

.col_reasonstoshop p{
	line-height: 130%;
}
/* end Reasons to shop with us */



/* Badges */
.badge{
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #ffffff;
	margin-top: 4px;
}
.shipsfree{
	background-color: #8f0616; 
}
.promoeligible{
	background-color: #99cc00; 
}
.newarrival{
	background-color: #05429b; 
}
.lowquantity{
	background-color: #fabb48; 
}
/* end Badges */


/* Collection Dropdowns
.navDropdownTeamCategoryList{ 
	width:100%; 
	min-height: 30px;
	margin:5px 0 20px;
	text-align: center;
	border:1px #d4d4d4 solid;
	border-radius: 3px;	
}
.navDropdownTeamCategoryList ul{ 
	width:100%; 
	margin:0px; 
	padding:0px; 
	list-style:none;
} 
.navDropdownTeamCategoryList ul li{ 
	width:100%; 
	margin:0px 0px 10px; 
	padding:0px;
}

.topLevelCategoryName ul li a{ 
	padding:8px 8px 0 8px; 
	display:block; 
	color:#000000; 
	font-size:18px; 
	text-transform:uppercase;
} 

.navDropdownTeamCategoryNames, .navDropdownTeamHolidayCategories{
	display: block;
	list-style:none;
	border-top: 1px #d4d4d4 solid;
	padding-top: 8px;
}

@media only screen and (max-width:980px) {
	.navDropdownTeamCategoryNames, .navDropdownTeamHolidayCategories{
		display: none;
	}
}

.navDropdownTeamCategoryNames a, .navDropdownTeamHolidayCategories a{
	display: block;
	line-height: 220%;
}
end Collection Dropdowns */



.c-btn--hollow{
	color: #ffffff;
	background-color: #006938;
	/*background-color: #004123;*/
}

.product-single__box__block--variant_sku {
    font-size: 1.35rem;
    line-height: 1.4;
}
@media screen and (max-width: 1023px){
  .product-single__box__block--variant_sku {
      font-size: 1.15rem;
  }
}

.product-form__stock-note {
  font-size: 16px;
  font-weight:600;  
  line-height:120%;
  font-style: normal;
}

.product-form__custom-jersey {
  font-size: 16px;
  font-weight:600;  
  line-height:120%;
  font-style: normal;
  color: #8f0616;
}

.distressedmessagecontainer {
  width: 100%;
  background:#d4d4d4;
  border:3px solid #c6c6c6; 
  margin-top: 10px;
}

.distressedmessage {
  margin: 0 auto;
  width: 95%;
  line-height: 130%;
  font-size:14px; 
  font-weight:600;  
  color:#000000; 
  text-align:left;
  padding:5px 0;  
}

.contactButton{
	background-color: #006938;
	margin-top: 20px;
	cursor: pointer; 
	color: #FFFFFF; 
	text-align: center;
}
.contactButton p{
	padding: 10px;
}

@media only screen and (min-width:1024px) {
	.contactButton.phone{display: none;}
}

.product_promo{
  color: #8f0616;
  line-height:160%;
  margin-bottom:35px
}
.product_promo a{
  color: #8f0616;
}
.product_promo_info {
    font-weight:700;
    text-transform:uppercase;
}

span.product_promo_terms li {
    list-style-type:none
}

span.product_promo_terms p {
    margin:0px;
}

.backorderedmessage{
  color: #8f0616;
  font-weight: bold;
  line-height:160%; 
}
div.hide.backordered_message_container{
  display: none;
}

div.returnpolicycontainer{
  width: 50%;
  border:1px solid #006938; 
  margin: 20px 0;
  padding: 5px;
}

.returnpolicymessage{
  width: 100%;
  color: #006938;
  text-align:center;
  font-weight: bold;
  line-height: 130%;
  margin: 5px 0;
}

@media (hover: hover){
  .returnpolicycontainer:hover {
  opacity: .7;
  text-decoration: none;
  }
}

div.returnpolicycontainer.warning{
  border:1px solid #8f0616;
}

div.returnpolicycontainer.warning .returnpolicymessage{
  color: #8f0616;
}

/* Map Section */
div.home-map__sub-text.u-small.rte {
    color: var(--color--text);
    font-size: 1rem;
}

@media screen and (min-width: 801px) and (max-width: 1023px) {
  .home-map__media-canvas {
  min-height: 400px;
  }
}

@media screen and (min-width: 701px) and (max-width: 800px) {
  .home-map__media-canvas {
  min-height: 350px;
  }
}

@media screen and (min-width: 576px) and (max-width: 700px) {
  .home-map__media-canvas {
  min-height: 280px;
  }
}

@media screen and (min-width: 476px) and (max-width: 575px) {
  .home-map__media-canvas {
  min-height: 230px;
  }
}

@media screen and (min-width: 401px) and (max-width: 475px) {
  .home-map__media-canvas {
  min-height: 190px;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .home-map__media-canvas {
  min-height: 160px;
  }
}
/* end Map Section */


/* sitemap */

.col-md-6{
  text-align: center;
}

.col-md-6 ul{
  list-style: none;
  margin-left:0;
}

.product-single__title-text {
  line-height: 1.15;
}
/* end sitemap */
.label{
    padding: 4px 9px;
}
.mobile-nav__sub.mobile-nav__sub {
  font-size: 1.1em;
  line-height: 200%;
}


.customerservice_heading {
    color: #006938;
    text-decoration: none;
    font-weight: bold;
}
.customerservice_subheading {
    color: #006938;
    text-decoration: none;
    font-weight: bold;
}

/* about us */
.ui-coverflow-wrapper{
	height:500px;
	margin-top: 0;
}
.ui-state-active{
	border:0px;
}
#coverflow img{
	width:400px;
	height: 479px;
}
#coverflowMobile img{
	width:400px;
	height: 479px;
}	
/* end about us */

/* FAQs */
.faq__accordion__title-text.u-large{
    color:#006938;
    font-weight: bold;
}
/* end FAQs */

/* CSS for Rewards Program */
.customerservicesection ul{
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
.customerservicesection li{
	margin: 12px 0 10px 0; 
}
.customerservicesection .liWordEmphasis{
	font-weight: bold; 
	color: #8f0616;
}
.rewardspage div.customerservice_subheading{
    line-height: 120%;
	margin-top: 35px;
}
.rewardspage div.customerservice_subheading.first{
	margin-top: 0px;
}
.rewards {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 0 50px 0;
}
.rewards-card {
	padding: 2% 2% 0 2%;
	/* Makes sure the row of products fills the entire space */
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-preferred-size: 29%;
	    flex-basis: 29%;
}
.rewards-image img{
	max-width: 130px;
	width: 100%;
}
.rewards-info{
	max-width: 250px;
	width: 100%;
	margin: auto;
}
.rewards-info li{
	font-weight: bold;
	color: <%=getCurrentAttribute('colortheme','color6')%>; 
	line-height: 115%;
	font-size: 16px;
}

@media screen and (min-width: 1400px) {
	.rewards-image img{
		max-width: 160px;
	}
}

@media screen and (min-width: 0px) and (max-width: 549px) {
	/* 1 items across - side by side with loyalty text */
	.rewards-card {
		padding: 2%;
		-ms-flex-preferred-size: 96%;
		    flex-basis: 96%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; /* so child elements can use flexbox stuff too, and product info moves alongside the image! */
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-top: 1px solid #d4d4d4;
	}
	/* 1 items across - side by side with loyalty text */
	div.rewards-card.last {
		border-bottom: 1px solid #d4d4d4;
	}
	.rewards-image{
		padding-right: 3%;
		-ms-flex-preferred-size: 47%;
		    flex-basis: 47%;
		max-width: 130px;
	}
	.rewards-info{
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
	}
}
/* end CSS for Rewards Program */


/* Have to add this, or else it is too hard to remove an item from the cart */
.container--small {
  max-width: 90%;
}

.breadcrumb__link {
  text-align: center;
  line-height: 130%;
}

.collections-cloud {
    margin-top:20px;
}

div.collections-cloud {
    min-height: 350px;
}

.collections-cloud li {
    text-align: center;
    list-style-type: none;
    font-size:16px
}

.collections-cloud a {
    line-height: 220%;
    color: #535353;
    border: 1px solid #535353;
    border-radius: 12px;
    padding: 2px 6px;
    margin-top: 20px;
}

/* Size Chart Modal and Size Chart pages */
.modal {
    max-width: 700px;
}
.brandSizeChartContainer h2{
	text-align: center;
    background-color: #000000;
    margin-top: 40px;
    color: #ffffff;
}
div.sizeChartButtonContainer{
    margin: 20px 0;
}
.clickForSizeChartModal{
	text-align: center;
	line-height: 130%;
	margin: 30px 0 30px 0;
    color: #006938;
    background-color: #ffffff;
    border: 1px #006938 solid;
    padding: 10px;
    width: 120px;
}
.clickForSizeChartModal a{
    color: #006938;
    font-weight: normal;
}
.sizeChart{
    border-collapse: collapse;
    margin: 20px auto 40px;
    width: 100%;
    max-width: 700px;
    text-align: center;
    font-size:0.9em;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    color: #000000;
}
.sizeChart caption { 
    display: table-caption;
    text-align: center;
    background-color: #004123;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 110%;
    padding: 10px;
}
.sizeChart th{
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 110%;
    background-color: #ffffff;
}
.sizeChart tbody td{
    padding: 5px;
    height:32px;
    line-height: 110%;
}
.sizeChart tfoot td{
    padding: 5px;
    height:32px;
    line-height: 110%;
}
.sizeChart tr{
    border-bottom: 2px #F5F5F5 solid;
}
.sizeChart span {
   overflow: hidden;
   white-space: nowrap;
}

.modalSizeChartHeader {
    text-transform: uppercase;
    font-size: 18px;
    color: #000000;
    line-height: 110%;
    margin-top:10px;
}

.modalSizeChartHeader span{
    font-weight:bold;
    color:#006938;
    font-size:30px;
    display: block; 
    margin-top:-10px;"
}

div.brandSizeChartContainer .customerservicesection{
    margin:auto;
    max-width: 700px;
}

/* CSS for Promo In Header - Desktop and Mobile */
p.announcement__text{
    line-height: 120%;
}
.modalPromoContent ul{
	list-style-position: inside;
	list-style-type: square;
	text-align: center;
	padding: 0;
    margin-left: 0;
}
.modalPromoContent ol{
	list-style-position: inside;
	text-align: center;
	padding: 0;
    margin-left: 0;
}
.modalPromoContent li{
	font-size: 14px; 
	line-height: 140%;
	font-weight: 400;
}
.modalPromoContent p{
	text-align: center;
	color: #000000;
	line-height: 110%;
    margin-left:auto;
    margin-right:auto;
}
.modalPromoContent .promoDetail{
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
    margin-left:auto;
    margin-right:auto;
}
.modalPromoContent .promoCode{
	font-size:14px;
	font-weight: bold;
    margin-left:auto;
    margin-right:auto;
}
/* end CSS for Promo In Header - Desktop and Mobile */

/* Reduce CLS */
.product-form__qty-input{
  min-height: 50px;
}
.badgeContainer{
    margin-top:55px;
}
.footer__bottom{
  min-height: 136px;
}


/* Featured Collections */
.featured-collection .product-card__title {
  display: none;
}
.product-collection__title{
  color: #ffffff;
  font-size: 19px;
}

@media screen and (min-width: 0px) and (max-width: 749px) {
  .product-collection__title{
    font-size: 16px;
  }
}
  
/*.link{
  display: none;
}*/
/* Keep featured collections from wrapping, except for at mobile sizes. The controls for the number per row in mobile don't seem to be honored, so this will at least give us 2 rows of 2 */
/*@media only screen and (min-width:1024px) {
  .grid-layout {
    flex-wrap: nowrap;
  }
}*/

@media screen and (min-width: 750px) {
  .product-card__img.product-card__img{
    padding: 4px 8px 0 8px;
  } 
  .grid-layout{
    border-bottom: solid 2px #d5d5d5;  
    margin-bottom: 25px;
  }
} 

@media screen and (min-width: 0px) and (max-width: 749px) {
  .product-card__img.product-card__img{
    padding: 5px;
  } 
  /*.grid-layout .product-card {
    margin-left: 0;
    margin-right: 0;
  }*/
  .grid-layout{
    border-bottom: solid 2px #d5d5d5;  
    margin-bottom: 25px;
  }
}

.product-card__img.product-card__img{
  background: #ffffff;
}

.grid-layout span.money{
    display: none;
}

.grid-layout span.product-card__price-price{
    display: none;
}

/* Navigation dots and logo and collection lists */

li.featured-collection__nav--item {
  margin: 7px;
}
.slick-dots li{
/*  padding: 0 7px;*/
}

@media screen and (min-width: 0px) and (max-width: 980px) {
  .product-single__photo-thumbs__item{
    margin: 0 10px;
  }
}

li.recommended-products__nav--item{
    margin: 7px;
}

/* This keeps the carousel from loading everything vertically, before the carousel plug in loads */
.home-logo-list-carousel img {
    display: none;
}
.home-logo-list-carousel p {
    display: none;
}
.home-logo-list-carousel.slick-initialized img {
    display: block;
}
.home-logo-list-carousel.slick-initialized p {
    display: block;
}
/*div.shopify-section.js-section__home-logo-list{
  height: 450px;
  overflow-y: hidden;
}
@media screen and (min-width: 0px) and (max-width: 1023px) {
div.shopify-section.js-section__home-logo-list{
  height: 275px;
}
}*/
/* end This keeps the carousel from loading everything vertically, before the carousel plug in loads */


/*div.home-logo-list__items.js-home-logo-list{
  border: none;
}*/
.slick-dots{
  margin-bottom: 15px;
}
.home-logo-list--mob-carousel .slick-dots li{
  display:inline-block;
}

.home-logo-list--carousel .home-logo-list__item {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0 18px;
  min-height: 250px;
  border-right: none;
}

.home-logo-list__item p{
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  line-height: 115%;
}

.section--content-default .home-logo-list-carousel__nav {
  color: #004123;
  font-weight: bold;
}

.collectionListCarouselContainer{
  width: 175px;
  min-height: 175px; 
  margin: auto;
}




.home-logo-list .slick-initialized .slick-slide {
  vertical-align: top;
}




.collectionListSmallContainer a{
  vertical-align: top;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .collectionListSmallContainer {
    width: 160px;
    min-height: 140px; 
  }
   /*.home-logo-list__item img {
    width: 130px;
    height: 130px;
  }*/
  .home-logo-list--carousel .home-logo-list__item {
    min-height: 140px;
    padding: 0 10px;
  }
}
/* Need to adjust this, so that when we have 4 images in featured collections and top level collection pages, one item doesn't flow to the next line */
@media screen and (min-width: 981px){
    .grid-layout--4>* {
    flex-basis: calc((100% / 4) - 20px);
  }
}
@media screen and (min-width: 1024px){
  .grid-layout--4 {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
}
div.product-card-top.collectionListGridItem {
  border: 1px solid #d5d5d5;
  margin-bottom:0;
  padding-bottom:0;
}

div.product-card__details.collectionListGridItem {
  background-color: #004123;  
  padding: 10px 0;
}

div.product-card__details.collectionListGridItem h2{
  margin:0;
}

/* end Navigation dots and logo and collection lists */


/* Announcement Bar */
.announcement__text {
    padding: 4px 24px;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 30px;
}

div.product-card__label--new{
  display: none;
}

/* Need mobile filters to show up above the accessibility button and reward buttons, so that the shoper can filter properly. */
.usf-mobile .usf-facets.usf-on .usf-facets-wrapper, .usf-mobile .usf-facets.usf-on .usf-close {
    z-index: 9999999999;
}    


@media screen and (min-width: 0px) and (max-width: 749px) {
  .ui-coverflow img{
      max-width: 250px;
      max-height: 300px;
  }
}

.section__title-text {
  line-height: 130%;
}

@media screen and (min-width: 0px) and (max-width: 980px){
  div.container.container--mob-0.collectionSplash
  {
    max-width: 700px;
  }
}


/* Judge.me */
.jdgm-write-rev-link,
.jdgm-ask-question-btn {
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px;
  font-weight: normal;
}
a.jdgm-write-rev-link {
  font-weight: 400;
  font-size: 13px;
}
.jdgm-rev__body{
  color: #535353;
}
.jdgm-rev-widg__summary-text{
  color: #535353;
}
.jdgm-rev-widg__title {
  position: relative;
  display: inline;
}
div.jdgm-row-stars{
  margin-top:40px;
}
h2.jdgm-rev-widg__title:after {
  content: "";
  width: 36px;
  height: var(--font--title-border-size);
  background: var(--color--brand);
  position: absolute;
  bottom: -12px;
  left: 44%; 
  margin-left: -width/2.25;
}
div.jdgm-form__title {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
a.jdgm-btn, input.jdgm-btn{
   text-transform: uppercase;
   font-weight:400;
   font-size: 13px;
}
a.jdgm-btn, input.jdgm-btn.jdgm-btn--solid.jdgm-submit-rev,a.jdgm-ask-question-btn,input.jdgm-btn.jdgm-btn--solid.jdgm-submit-question {
   text-transform: uppercase;
   font-weight:400;
   font-size: 13px;
}
/* end Judge.me */