/* 
	typeface for russian translations
	https://cdn.shopify.com/s/files/1/2513/7040/t/167/assets/din-condensed.woff?v=12100321319340214157
*/
@font-face {
  font-family: din-condensed;
  src: url('https://cdn.shopify.com/s/files/1/2513/7040/t/167/assets/din-condensed.woff?v=12100321319340214157');
}

/* presale plp text */
.plp-presale-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    font-size: 1.1em;
}

/* resupply badges */
.plp-product-badge-image-container {
    position: absolute;
    z-index: 500 !important;
    top: 0;
    left: 0;
    padding-left: 25px;
    padding-top: 25px;
}

.plp-product-badge-image {
    width: 100px;
}

@media only screen and (max-width: 600px) {
    .plp-product-badge-image-container {
        padding-left: 10px;
        padding-top: 10px;
    }
    .plp-product-badge-image {
        width: 50px;
    }
}

/* shogun re-supply lp */
.re-supply-border-top-left-bottom {
	border-top-width: 1px !important;
  	border-left-width: 1px !important;
  	border-bottom-width: 1px !important;

  	border-top: 1px solid black !important;
  	border-left: 1px solid black !important;
  	border-bottom: 1px solid black !important;
}

.re-supply-border-all {
  	border-top-width: 1px !important;
  	border-left-width: 1px !important;
  	border-bottom-width: 1px !important;
  	border-right-width: 1px !important;

  	border-top: 1px solid black !important;
  	border-left: 1px solid black !important;
  	border-bottom: 1px solid black !important;
  	border-right: 1px solid black !important;
}

.re-supply-border-top-right-bottom {
  	border-top-width: 1px !important;
  	border-right-width: 1px !important;
  	border-bottom-width: 1px !important;

  	border-top: 1px solid black !important;
  	border-right: 1px solid black !important;
  	border-bottom: 1px solid black !important;
}

.center {
	margin-left: auto;
	margin-right: auto;
}
.alpha-underline {
	text-decoration: underline;
}
.alpha-underline-orange {
 	text-decoration: underline;
	text-decoration-color: #FF7125;
}
.alpha-gray {
	color: #999999 !important;
}
.alpha-bold-2 {
	font-family: "Trade Gothic W01 Bold #2", Helvetica, Arial !important;
}
.alpha-bold-20 {
  	/* Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18" */
	/* font-family: "Trade Gothic W01 Bold Condensed #20", Helvetica, Arial; */
	font-family: "Trade Gothic LT W01 Bd CnNo-20", Helvetica, Arial !important;
}
.alpha-standard-18 {
  	/* Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18" */
	/* font-family: "Trade Gothic W01 Bold Condensed #20", Helvetica, Arial; */
	font-family: "Trade Gothic LT W01 Cn No-_18", Helvetica, Arial !important;
}


/* move shogun slider arrows up on mobile */
@media only screen and (max-width: 600px) {
  .shg-sld-right {
      margin-top: -25px;
  }
  .shg-sld-left {
      margin-top: -25px;
  }
  .shg-sld-dots {
  	margin-top: -15px !important;
  }
}
/* override gigantic blog article return links
.return-link-wrapper {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
*/
.announcement-bar {
	padding-top: 3px;
  }

  /* alphabb: fix for dropdown hover instead of click */
  .site-nav--has-dropdown:hover .site-nav__dropdown,
  .site-nav--has-dropdown:focus .site-nav__dropdown {
	display: block;
  }

  /* alphabb: fix for dropdown hover instead of click */
  .site-nav__dropdown { top: 20px; } /* tweak this if on mousover the menu disappears before a submenu selection can be made */
  .site-nav li { position: relative; }

  /* stroke along top of footer */
  .footer-top-divider {
	  border-top: 1px solid #DDDDDD;
	  margin-top: 25px;
	  margin-bottom: 35px;
  }

  /* to keep the footer menu links tight to the footer menu headers - CUSTOMER SERVICE, ABOUT US */
  .site-footer__linklist {
	  margin-top: 10px;
  }

  /* get those social icons lined up with the "FIND US ON" */
  .social-icons__link {
	  margin-left: -5px;
  }

  .social-icons__link:first-child {
	  margin-left: -5px;
  }

  /* footer & footer column headers */
  .alpha-footer-small {
	  margin-bottom: 5px;
	color: #999999;
	font-weight: bold;
  }

  /* alphabb: for testing of global hide/unhide */
  .hidden { visibility: hidden; }
  .unhidden { visibility: visible; }

  .discover-menu {
	font-family:"Trade Gothic LT W01 Roman","Trade Gothic Next W01","Trade Gothic",Helvetica,Arial;
	font-size: 1rem;
  }

  /* alphabb: menu hack #1 */
  .overlay {
	  height: 0%;
	  width: 100%; /* menu black background should span full width */
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	background-color: rgba(18,24,11, 1); /* this is our subdued black #12180b */
	  overflow-y: hidden;
	transition: 0.0s; /* alphabb: this is how quickly the drop down appears; set to 0 for immediate */
	color: #FFFFFF;
   }

  .overlay-content {
	  position: relative;
	  top: 25%;
	width: 1200px; /* this is the width of the menu CONTENT (i.e. MENS on left over to fit advisor on right) */
	min-width: 1200px;
	  text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
   }


  .overlay-content a {
	/* padding: 8px; */
	color: #FFFFFF;

  }

  .overlay-main-menu {
	text-decoration: none;
	  font-size: 1.9rem;
	color: #FFFFFF;
	font-weight: 700;
	transition: 0.3s;
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	border-bottom: 1px solid transparent;
  }

  .overlay-sub-menu {
	text-decoration: none;
	  font-size: 1.9rem;
	color: #FFFFFF;
	font-weight: 700;
	transition: 0.3s;
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	border-bottom: 1px solid transparent;
  }

  .overlay-content a:hover {
	  opacity: 1; /* override theme default to fade links */
  }

  .overlay-content li {
	line-height: 3rem;
  }

  .sub-menu-hidden {
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	display: none;
	text-decoration: none;
	color: #FFFFFF;
  }

  .sub-menu-hidden a {
	font-family: "Trade Gothic LT W01 Roman","Trade Gothic® Next W01","Trade Gothic",Helvetica,Arial;
	color: #777777;
	font-size: .85rem;
	font-weight: bold;
  }

  .overlay-sub-menu-men {
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	color: #FFFFFF;
  }

  .overlay-sub-menu-men a {
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	color: #777777;
  }

  .overlay-sub-menu-men a:hover {
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	color: #FFFFFF;

  }

  .cheat-hover {
	border-bottom: 2px solid #ff7125;
  }

  .underline-from-left {
	display: inline;
	position: relative;
	overflow: hidden;
  }
  .underline-from-left:after {
	content: "";
	position: absolute;
	z-index: -1;
	right: 0;
	width: 0;
	bottom: -3px; /* drop line below text */
	background: #ff7125;
	height: 2px;
	transition-property: width;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
  }
  .underline-from-left:hover:after,
  .underline-from-left:focus:after,
  .underline-from-left:active:after {
	left: 0;
	right: auto;
	width: 100%;
  }

  .overlay .closebtn {
	  position: absolute;
	  top: 20px;
	  right: 45px;
	  font-size: 60px;
  }

  @media screen and (max-height: 450px) {
	  .overlay {overflow-y: auto;}
	  .overlay a {font-size: 20px}
	  .overlay .closebtn {
		  font-size: 40px;
		  top: 15px;
		  right: 35px;
	  }
  }

  /*************************************************************************************************************************************************


	Top menu responsive handler


  *************************************************************************************************************************************************/

  .alpha-top-menu-tld {
	  color: #000000;
	  font-weight: 800;
	  font-size: 2rem;
	font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	position: relative;
	z-index: 500;
	font-size: 30px;
	cursor: pointer
  }

  .alpha-top-menu {
	max-width: 1200px; /* this is max limit of SHOP|LOGO|DISCOVER header menu */
	/* min-width: 1200px; */
	  margin-left: auto;
	margin-right: auto;
	margin-top: 60px; /* alphabb: this changes if the .site-header.logo--center padding changes
	/* border: 1px solid #ff0000; */
  }

  /* alphabb: login/cart bar just below announcement bar */
  .alpha-login-bar {
	/* margin-top: 25px; */
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* border: 2px solid red; */
	position: relative;
	z-index: 500;
	padding-bottom: 25px;
  }

  @media only screen and (max-width: 600px) {
	.alpha-top-menu {
	  max-width: 100%; /* this is max limit of SHOP|LOGO|DISCOVER header menu */
	  min-width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	}

	.alpha-login-bar {
	  display: none;
	}

	#topNav-Discover {
	  display: none;
	}

	#topNav-Shop {
	  display: none;
	}

	.site-header {
	  display: none;
	}

  }


  /* used primarily for color swap for white/black pages */
  .alpha-login-bar-link {
	color: #FFFFFF;
  }


  .alpha-blog-name {
	font-family: "Trade Gothic LT W01 Cn No-_18","Trade Gothic LT W01 Bd CnNo-20","Trade Gothic W01","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	position: absolute;
	margin-top: 35px; /* push below the header photo */
	border-bottom: 2px solid #ff7125;
  }

   .alpha-blog-title {
	  font-family: "Trade Gothic LT W01 Bd CnNo-20","Trade Gothic LT W01 Cn No-_18","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	  text-align: left;
	  color: #000000;
	  font-size: 6.2rem;
	  margin-left: -35px; /* offset white background box from container margin */
	  margin-bottom: 85px; /* push down the blog body */
	  display: inline-block;
	  background-color: white;
	  padding-left: 30px;
	  padding-right: 30px;
	  padding-top: 60px;
   }


  .alpha-blog-body {
	  /* border: 1px solid #ff0000; */
	  max-width: 1300px;
	  margin: auto;
	  background-color: #ffffff;
	  margin-top: -75px;
	  padding-left: 90px;
	  padding-right: 90px;
	  font-size: 1rem;
  }

  /* used in article.liquid as container for article-template.liquid so we can have full-wdith blog pages */
  .alpha-blog-full-width {
	  width: 100%;
  }

  .alpha-blog-img-bustout {
	  /* object-fit: cover; */
	width: 100%;
	object-fit: cover;
	max-height: 550px;
  }

  .alpha-blog-avatar {
	margin-left: -5px;
	padding-right: 10px;
  }

  /* alphabb: override for mailchimp embed form, if used */
  #mc_embed_signup label {
	  display: block;
	  /* font-size: 14px !important; */ /* alphabb: marked as important so we can override the LATER loaded MC CSS */
	  padding-bottom: 10px;
	  font-weight: bold;
	  color: #1e1e1e;
	  font-family: "Trade Gothic LT W01 Cn No-_18","Trade Gothic LT W01 Bd CnNo-20","Trade Gothic W01","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
  }

  .alpha-text-money {
	  font-family: "Roboto Mono",Monaco,"Courier New","Lucinda Console",Courier;
	  font-size: .867rem;
	  white-space: nowrap;
	  color: #000000;
  }

  /* @media (min-width: 1000px) */
  /* alphabb: override checkout bottom padding */
  .order-summary__sections {
	   height: calc(50vh - 15em) !important;
  }


  /***********************************************************************************************************************
	 Begin swatch styles

	{% assign width = '50px' %}
	{% assign height = '35px' %}


  .swatch {
	margin:1em 0;
  }
  .swatch .header {
	margin: 0.5em 0;
  }
  .swatch input {
	display:none;
  }
  .swatch label {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	float:left;
	min-width:{{ width }} !important;
	height:{{ height }} !important;
	margin:0;
	border:#ccc 1px solid;
	background-color:#ddd;
	font-size:13px;
	text-align:center;
	line-height:{{ height }};
	white-space:nowrap;
	text-transform:uppercase;
  }
  .swatch-element label { padding:0 10px; }
  .color.swatch-element label { padding:0; }
  .swatch input:checked + label {
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
	box-shadow:0px 1px 2px rgba(0,0,0,0.8);
	border-color:transparent;
  }
  .swatch .swatch-element {
	float:left;
	-webkit-transform:translateZ(0);
	-webkit-font-smoothing:antialiased;

	margin:0px 10px 10px 0;

	position:relative;
  }

  .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
  .swatch .swatch-element .crossed-out { display:none; }
  .swatch .swatch-element.soldout .crossed-out { display:block; }
  .swatch .swatch-element.soldout label {
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
  }
  .swatch .tooltip {
	text-align:center;
	background:gray;
	color:#fff;
	bottom:100%;
	padding: 10px;
	display:block;
	position:absolute;
	width:100px;
	left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
	margin-bottom:15px;

	filter:alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity:0;
	visibility:hidden;

	-webkit-transform: translateY(10px);
	   -moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		 -o-transform: translateY(10px);
			transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
		-ms-transition: all .25s ease-out;
		 -o-transition: all .25s ease-out;
			transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	   -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
		-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
		 -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
			box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	z-index: 10000;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
  }
  .swatch .tooltip:before {
	bottom:-20px;
	content:" ";
	display:block;
	height:20px;
	left:0;
	position:absolute;
	width:100%;
  }

  .swatch .tooltip:after {
	border-left:solid transparent 10px;
	border-right:solid transparent 10px;
	border-top:solid gray 10px;
	bottom:-10px;
	content:" ";
	height:0;
	left:50%;
	margin-left:-13px;
	position:absolute;
	width:0;
  }
  .swatch .swatch-element:hover .tooltip {
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		 -o-transform:translateY(0px);
			transform:translateY(0px);
  }
  .swatch.error {
	background-color:#E8D2D2!important;
	color:#333!important;
	padding:1em;
	border-radius:5px;
  }
  .swatch.error p {
	margin:0.7em 0;
  }
  .swatch.error p:first-child {
	margin-top:0;
  }
  .swatch.error p:last-child {
	margin-bottom:0;
  }
  .swatch.error code {
	font-family:monospace;
  }
  ***********************************************************************************************************************/

  /***********************************************************************************************************************
	 End swatch styles
  ***********************************************************************************************************************/


  /* alphabb: hover state for all buttons */
  .btn:hover {
	opacity: 1.0;
	background-color: #ff7125 !important;
  }


  .pdp-tabs-w3-red {
	color: #00FF00;
  }

  .pdp-tabs-w3-red a:hover, a:active {
	color: #000000;
  }


  .pdp-tabs td {
	text-align: center;
	background-color: #EEEEEE;
	width: 50%;
  }

  .pdp-tabs table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
  }

  .alpha-faq-left-nav {
	text-decoration: none;
  }

  .alpha-faq-left-nav p {
	font-size: 0.9rem;
  }

  .alpha-faq-left-nav a {
	font-size: 0.9rem;
  }





  /*********************************************************************************************************************************************
	HERITAGE: begin heritage company history timeline styles
	@import url("https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One");
  *********************************************************************************************************************************************/
	.timeline {
		display: flex;
		margin: 0 auto;
		flex-wrap: wrap;
		flex-direction: column;
		max-width: 50%;
		position: relative;

	}
	.timeline-ruler {
		background: url(https://cdn.shopify.com/s/files/1/2513/7040/files/heritage-vertical-rule.png?6948) center 140px repeat-y;
		background-size: 101px 600px;
	}
	.timeline__content-title {
		font-weight: normal;
		font-size: 66px;
		margin: -10px 0 0 0;
		transition: .4s;
		padding: 0 10px;
		box-sizing: border-box;
		/* font-family: "Pathway Gothic One", sans-serif; */
		/*color: #fff;*/
		visibility: hidden;
		color: #ff7125; /* alpha orange */
	}
	.timeline__content-subtitle {
		font-weight: normal;
		font-size: 2.0rem;
		margin: -10px 0 0 0;
		transition: .4s;
		/* padding: 0 10px; */
		box-sizing: border-box;
		/* font-family: "Pathway Gothic One", sans-serif; */
		/*color: #fff;*/
		color: #FFFFFF;
	}
	.timeline__content-subtitle-year {
		color: #ff7125; /* alpha orange */
	}
	.timeline__content-desc {
		margin: 0;
		font-size: 1rem;
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.7);
		/* font-family: Cardo; */
		font-weight: normal;
		width: 90%;
		/* line-height: 25px; */
	}
	/* this is the vertical line of the timeline */
	.timeline:before {
		position: absolute;
		left: 50%;
		width: 2px;
		height: 100%;
		margin-left: -1px;
		content: "";
		/*background: rgba(255, 255, 255, 0.07);*/
	}
	@media only screen and (max-width: 767px) {
		.timeline:before {
		left: 40px;
		}
	}
	.timeline-item {
		padding: 40px 0;
		opacity: 0; /* alphabb: 0 means HIDE; >0 and <1 means fade */
		filter: blur(2px);
		transition: .5s;
		box-sizing: border-box;
		width: calc(50% - 40px);
		display: flex;
		position: relative;
		/*transform: translateY(-80px);*/ /* alphabb: this "bounces" the image down when it hits the scroll trigger position on the screen - doesn't feel right when that point is not the top edge of the viewport */
	}
	.timeline-item:before {
		content: attr(data-text);
		letter-spacing: 3px;
		width: 100%;
		position: absolute;
		color: rgba(255, 255, 255, 0.5);
		font-size: 13px;
		/* font-family: "Pathway Gothic One", sans-serif; */
		border-left: 2px solid rgba(255, 255, 255, 0.5);
		top: 70%;
		margin-top: -5px;
		padding-left: 15px;
		opacity: 0;
		right: calc(-100% - 56px);
	}
	/* alphabb: changed both to ODD to facilitate the first EMPTY event so we can start timeline with black */
	.timeline-item:nth-child(odd) {
		align-self: flex-end;
		padding-left: 50px; /* push right side of timeline off the tick marks */
	}
	.timeline-item:nth-child(odd):before {
		right: auto;
		text-align: right;
		left: calc(-100% - 56px);
		padding-left: 0;
		border-left: none;
		border-right: 2px solid rgba(255, 255, 255, 0.5);
		padding-right: 15px;
	}
	.timeline-item--active {
		opacity: 1;
		transform: translateY(0);
		filter: blur(0px);
	}
	.timeline-item--active-transparent {
		opacity: 0;
		transform: translateY(0);
		filter: blur(0px);
	}

	.timeline-item--active:before {
		top: 50%;
		transition: .3s all .2s;
		opacity: 1;
	}
	.timeline-item--active .timeline__content-title {
		margin: -50px 0 20px 0;
	}
	@media only screen and (max-width: 767px) {
		.timeline-item {
			align-self: baseline !important;
			width: 100%;
			/* padding: 0 30px 150px 80px; */
			padding-left: 10px;
			padding-right: 10px;
		}
		.timeline-item:before {
			left: 10px !important;
			padding: 0 !important;
			top: 50px;
			text-align: center !important;
			width: 60px;
			border: none !important;
		}
		.timeline-item:nth-child(odd) {
			align-self: flex-end;
			padding-left: 10px; /* push right side of timeline off the tick marks */
			padding-right: 10px; /* push right side of timeline off the tick marks */
		}
		.timeline-item:last-child {
			padding-bottom: 40px;
		}
		.timeline-container {
			background-position: center;
		}
	}
	.timeline__img {
		width: 400px;
		max-width: 100%;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
	}
	.timeline-container {
		width: 100%;
		position: relative;
		padding: 80px 0;
		transition: .3s ease 0s;
		background-attachment: fixed;
		background-size: cover;
	}
	.timeline-container:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/* background: rgba(11, 11, 11, 0.7); */
		background: rgba(18, 24, 11, 0.7); /* alpha black */
		/*color: #12180b;  alpha black (dark navy) */
		content: "";
	}
	.timeline-header {
		width: 100%;
		text-align: center;
		margin-bottom: 80px;
		position: relative;
	}
	.timeline-header__title {
		color: #fff;
		font-size: 46px;
		font-family: Cardo;
		font-weight: normal;
		margin: 0;
	}
	.timeline-header__subtitle {
		color: rgba(255, 255, 255, 0.5);
		/* font-family: "Pathway Gothic One", sans-serif; */
		font-size: 16px;
		letter-spacing: 5px;
		margin: 10px 0 0 0;
		font-weight: normal;
	}
	.demo-footer {
		padding: 60px 0;
		text-align: center;
	}
	.demo-footer a {
		color: #999;
		display: inline-block;
		/* font-family: Cardo; */
	}

  /*********************************************************************************************************************************************
	HERITAGE: end timeline styles
  *********************************************************************************************************************************************/




  /*********************************************************************************************************************************************
	COLLECTION: start collection styles
  *********************************************************************************************************************************************/
  .page-width-collection {
	max-width: 1300px;
  }

  .page-width-collection-filter {
	max-width: 1200px;
	/* text-align: center; */
	margin-left: auto;
	margin-right: auto;
  }

  /* used on product-price.liquid */
  .product-price__price {
	font-family: "Roboto Mono",Monaco,"Courier New","Lucinda Console",Courie;
	color: #000000;
	font-weight: normal;
	font-size: .867rem;
  }

  /*
  .collection-hero__image{
	height: 600px;
  }
  */
  /* mobile */

  /*
  @media screen and (max-width: 749px) {
	.collection-hero__image{
	  height: 200px;
	}
  }
  */


  /*********************************************************************************************************************************************
	COLLECTION: end collection styles
  *********************************************************************************************************************************************/



  /*********************************************************************************************************************************************
	PDP - PRODUCT PAGE: begin product page styles
  *********************************************************************************************************************************************/
  .product-single {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
  }
  .sticker {
	color: #fff;
	height: 4.5em;
	font-family: "Trade Gothic LT W01 Cn No-_18","Trade Gothic LT W01 Bd CnNo-20","Trade Gothic W01","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	line-height: 1;
	overflow: hidden;
	padding: 1em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 4.5em;
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center
  }
  .sticker:before {
	background: #000;
	border-radius: 4.5em;
	content: " ";
	left: 0;
	height: 4.5em;
	top: 0;
	position: absolute;
	width: 4.5em;
	z-index: -1
  }
  .sticker .sticker-xsmall {
	height: 2em;
	width: 2em
  }
  .sticker .sticker-xsmall:before {
	border-radius: 2em;
	height: 2em;
	width: 2em
  }
  input, textarea, select {
	  border: 1px solid black;
  }
  /* alphabb/sa customize color dropdown height */
  .swatch-drop-down {
	  height: 37px;
	  width: 225px;
  }
  #Quantity {
	  width: 225px;
  }
  /* alphabb/sa space between swatches */
  ul.swatch-view li {
	  margin: 0 0.25rem 0.5rem 0;
  }
  /* alphabb/sa change swatch size */
  div.swatch-allow-animation, div.swatch-allow-animation div.star-set-image, div.swatch-allow-animation div.star-image-border-3-in {
	  max-width: 25px;
	  max-height: 25px;
  }
  .product-form__item--quantity {
	  /* margin-left: -5px; */
	  margin-bottom: 30px; /* alphabb: nudge up quantity selector */
  }
  /* alphabb: space between quantity label and input field */
  #alpha-qty-input {
	  padding-bottom: 10px;
	  font-weight: 600;
  }
  /*
  #alpha-prod-col-rt {
	   padding-left: 150px;
  }
   */
  .product-form__input {
	  border: 1px solid #000000;
	  border-radius: 0px;
	  /* max-height: 33px; */
  }
  /*
  .product-form__item--submit {

	  margin-left: -5px;
	  padding-top: 10px;

  }
  */
  input[type="search"], input[type="number"], input[type="email"], input[type="password"] {
	  border-radius: 0px;
  }
  .w3-red {
	  background-color: #EEEEEE;
	  height: 50px;
	  padding-top: 15px;
	  border-bottom: none;
	  text-decoration: underline;
  }
  .tablink {
	  /*border-top: 1px solid #EEEEEE;*/
	  height: 50px;
	  padding-top: 15px;
  }
  .product-single__description {
	  font-family: "Trade Gothic LT W01 Roman","Trade Gothic® Next W01","Trade Gothic",Helvetica,Arial;
	  font-size: 1.2em;
  }
  .alpha-pdp-mobile-product-name {
	  display: none;
  }
  .product-single__thumbnail.active-thumb {
	  border: none;
	  /*border-color: #999;*/
  }
  .product-single__thumbnail {
	  border: none;
  }
  #sizing-spec-jump {
	  border-top: 1px solid #EEEEEE;
	  width: 100%;
	  padding-top: 15px;
  }
  .product-single__price {
	  font-size: 1.1em;
	  color: #ff4f4f;
  }
  .product-price__sale--single {
	  padding-left: 0px; /* clear space between full price and sale price */
  }
  #alpha-dyn1-desktop { display: none; }
  #alpha-dyn2-desktop { display: none; }
  #alpha-dyn1-mobile { display: none; }
  #alpha-dyn2-mobile { display: none; }

/* pdp-thumbnails
9/15/20 - removed scrollbars on Windows - ha!
*/
  .thumb-sec {
      height: 720px;
      overflow-y: auto;
      /* -ms-overflow-style: none;   IE and Edge */
      scrollbar-width: none;  /* Firefox */
  }
  .thumb-sec::-webkit-scrollbar {
    display: none;
  }

  #alpha-dyn1-desktop { display: block; }
  #alpha-dyn2-desktop { display: block; }

  #alpha-add-to-cart-btn {
	  margin-top: 25px;
  }

  /* mobile */
  @media only screen and (max-width: 600px) {

	  .alpha-pdp-mobile-product-name {
		  display: block;
		  height: 150px; /* to account for afterpay & yotpo stars on mobile */
	  }
	  .pdp-product-name-price {
		  position: absolute;
		  top: 0px;
	  }
	  .product-single__title {
		  font-size: 1.5rem;
	  }
	  #alpha-prod-col-rt {
		  padding-left: 0px;
	  }
	  #sizing-spec-jump {
		  display: none;
	  }
	  .thumb-sec {
		  height: 100%;
	  }
	  #alpha-dyn1-desktop { display: none; }
	  #alpha-dyn2-desktop { display: none; }
	  #alpha-dyn1-mobile { display: block; }
	  #alpha-dyn2-mobile { display: block; }

	  .product-form__item {
		  padding-left: 0px;
	  }
	  #alpha-qty-input {
		  font-size: 1.2em;
	  }
	  .swatch-label {
		  font-size: 1.2em;
	  }

  }

  /*********************************************************************************************************************************************
	END PDP - PRODUCT PAGE: end product page styles
  *********************************************************************************************************************************************/





  /*********************************************************************************************************************************************
	mobile header is much smaller so bring this up
  *********************************************************************************************************************************************/
  @media only screen and (max-width: 600px) {
	#MainContent {
	  margin-top: 150px; }
  }






  /*********************************************************************************************************************************************
	STUDENT and MILITARY discount shared styles
  *********************************************************************************************************************************************/
  .alpha-modal {
	/* position: fixed; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	display: none;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 2000;
  }

  .alpha-modal2 {
	/* position: fixed; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	display: none;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 2000;
  }

  .alpha-modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 1rem 1rem;
	width: 24rem;
	border-radius: 0.5rem;
  }
  .alpha-modal-content2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 1rem 1rem;
	width: 24rem;
	border-radius: 0.5rem;
  }
  .alpha-close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.75rem;
	background-color: black;
	color: #FFFFFF;
	z-index:5000;
  }
  .alpha-close-button:hover {
	background-color: darkgray;
  }
.alpha-close-button2 {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.75rem;
	background-color: black;
	color: #FFFFFF;
	z-index:5000;
  }
  .alpha-close-button2:hover {
	background-color: darkgray;
  }
  .alpha-show-modal {
	opacity: 1;
	display: block;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  }
  .alpha-show-modal2 {
	opacity: 1;
	display: block;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  }


  .discount-featured-btn {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline;
	width: auto;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	/* border: 1px solid black; */
	border-radius: 0px;
	padding: 12px 25px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Trade Gothic LT W01 Cn No-_18", "Trade Gothic Condensed", "Trade Gothic", Helvetica, Arial;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	white-space: normal;
	font-size: 15px;

	/* alphabb */
  }
.discount-featured-btn:hover, .discount-featured-btn:focus {
	opacity: 1;
	border: 1px solid #FF7125;
	color: #FF7125;
  }
  .discount-featured-btn .icon-arrow-right,
  .discount-featured-btn .icon-arrow-left {
	height: 9px;
  }
  .discount-featured-btn[disabled] {
	cursor: default;
	opacity: 0.5;
	background-color: #000000;
	color: #fff;
  }
.discount-featured-btn2 {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline;
	width: auto;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	/* border: 1px solid black; */
	border-radius: 0px;
	padding: 12px 25px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Trade Gothic LT W01 Cn No-_18", "Trade Gothic Condensed", "Trade Gothic", Helvetica, Arial;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	white-space: normal;
	font-size: 15px;
	/* alphabb */
  }
.discount-featured-btn2:hover, .discount-featured-btn2:focus {
	opacity: 1;
	border: 1px solid #FF7125;
	color: #FF7125;
  }
  .discount-featured-btn2 .icon-arrow-right,
  .discount-featured-btn2 .icon-arrow-left {
	height: 9px;
  }
  .discount-featured-btn2[disabled] {
	cursor: default;
	opacity: 0.5;
	background-color: #000000;
	color: #fff;
  }

@media only screen and (max-width: 600px) {
	.discount-featured-btn {
	  padding: 10px 18px;
	}
    	.discount-featured-btn2 {
	  padding: 10px 18px;
	}
  }


  .alpha-text-center {
	text-align: center !important;
  }


  /*********************************************************************************************************************************************
	get rid of that blue highlight on active slick slider slides
  *********************************************************************************************************************************************/
  .slick-slide {
	outline: none
  }









  /*********************************************************************************************************************************************
	footer
  *********************************************************************************************************************************************/
  .site-footer__linklist--center .site-footer__linklist-item {
	padding: 3px 0px;
  }
  .alpha-footer-about-us {
  margin-top: 20px important!;
  }
  .alpha-footer-customer-service {

  }

  .site-footer {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  }

  #alpha-footer-mailchimp {
  width:80%;
  margin-top:65px;
  }

  @media only screen and (max-width: 600px) {
  #alpha-footer-text-column {
	white-space: nowrap;
	margin-top: 15px;
	/*margin-left: 5%;*/
  }

  #alpha-footer-customer-service {
	width: 45%;
  }

  #alpha-footer-about-us {
	width: 45%;
  }

  /*
  #alpha-footer-global {
	margin-left: 5%;
  }

  #alpha-footer-find-us {
	margin-left: 5%;
  }
  */

  #alpha-footer-mailchimp {
	margin-top: 10px;
	width: 95%;
	/*
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	*/
  }

  #alpah-footer-mid-divider {
	border-top: none;
  }

  .site-footer {
	max-width: 100vw;
	padding-left: 15px;
	padding-right: 15px;
  }

  }







  /********************************************************************************************************************************************
	HEADER STYLES (formerly in header.liquid)
  ********************************************************************************************************************************************/
  .site-header__search {
	padding-right: 0px;
	margin-right: -10%;
  }
  .site-header.logo--center {
	padding-top: 0px;
	white-space: nowrap;
  }
  .alpha-login-bar-link {
	color: #000000;
	z-index: 500;
  }
  /*****************
  get the mobile header sorted out
  *****************/
  #alpha-top-menu-mobile {
	min-width: 100%;
	width: 100%;
	display: none;
	white-space: nowrap;
  }
  .alpha-mobile-menu-container {
	display: inline-block;
	cursor: pointer;
  }
  .alpha-mobile-menu-bar1,
  .alpha-mobile-menu-bar2,
  .alpha-mobile-menu-bar3 {
	width: 25px;
	height: 2px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
  }
  .alpha-mobile-menu-change
  .alpha-mobile-menu-bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
  }
  .alpha-mobile-menu-change
  .alpha-mobile-menu-bar2 {
	opacity: 0;
  }
  .alpha-mobile-menu-change
  .alpha-mobile-menu-bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
  }
  /* mobile */
  @media only screen and (max-width: 600px) {
	#alpha-top-menu-mobile {
	  width: 100%;
	  display: block;
	}

  }
  /* iPad Portrait & Landscape */
  @media only screen
  and (min-width : 768px)
  and (max-width : 1024px)  {
	#alpha-top-menu-mobile {
	  width: 100%;
	  display: block;
	}
  }
  .header-logo-svgi-mobile {
	height: 25px;
	padding-top: 5px;
  }
  .mobile-menu-col {
	display: inline-block;
	vertical-align: middle;
  }

	.dmenu_hamburger_icon {
        color: #FFFFFF;
    }
  /* nudge down the hamburger menu */
  .dmenu_hamburger--size-md .dmenu_hamburger_icon {
	margin-top: 30px;
	margin-left: -10px;
	background-color: transparent;
	border-radius: 0 !important;
	/* background-color: #12180B;  alpha black */
  }
  .dmenu_hamburger--skin-light .dmenu_hamburger_icon {
	margin-top: 30px;
	margin-left: -10px;
	background-color: transparent;
	border-radius: 0 !important;
  }
  /* bring the menu out full width */
  .dmenu_drawer {
	color: #FFFFFF !important;
	width: 100vw !important;
  }
  .dmenu_text {
	font-family: "Trade Gothic LT W01 Cn No-_18","Trade Gothic LT W01 Bd CnNo-20","Trade Gothic W01","Trade Gothic Condensed","Trade Gothic",Helvetica,Arial;
	font-size: 0.8rem;
	font-weight: 600;
	color: #EEEEEE;
  }
  /* we'll set this programatically when we set our page background so we can make the header aware of what color it should return to on mouseleave */
  #page-header-default-bg {
	display: none;
	background-color: #FFFFFF;
  }