/* No SASS in this file!  Raw CSS only! */

.swatch-beige a {background-color: #f5f5dc;}
.swatch-black a {background-color: #333;}
.swatch-blue a {background-color: #003767;}
.swatch-brown a {background-color: #783201;}
.swatch-gray a {background-color: #8f979d;}
.swatch-green a {background-color: green;}
.swatch-navy a {background-color: navy;}
.swatch-orange a {background-color: orange;}
.swatch-pink a {background-color: #fe249a;}
.swatch-purple a {background-color: purple;}
.swatch-red a {background-color: #c41230;}
.swatch-tan a {background-color: tan;}
.swatch-white a {background-color: #fff;}
.swatch-yellow a {background-color: #ffff00;}

.primary-logo {
	height: 98px;
	width: 173px;
	position: absolute;
	z-index: 99;
	top: 4px;
	left: 10px;
	background-image: url("../images/header/logo.svg");
	display: block;
	background-repeat: no-repeat;
	background-size: 99% auto;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.primary-logo {
		height: 78px;
		width: 140px;
		background-image: url("../images/header/logo.svg");
		left: 0px;
		background-size: 99% auto;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 767px) {
	.primary-logo {
		height: 60px;
		width: 108px;
		background-image: url("../images/header/logo.svg");
		background-size: 99% auto;
		left: 15px;
		top: -55px;
		background-repeat: no-repeat;
	}
}

.logo-footer {
	position: absolute;
	z-index: 5;
	margin: 0px auto;
	left: 50%;
	text-align: center;
	width: 137px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
	#footerTopRight {
		display: none;
	}
}

.logo-footer img {
	width: 130px;
	height: 73px;
}

/*************** Homepage Styles ***************/
.home-main-slot .homepage-hero-content {
	background-image: url("../images/home-page/white_glow.png");
}

@media only screen and (max-width: 767px) {
	.home-main-slot .homepage-hero-content {
		background-image: url("../images/home-page/white_glow_2.png");
	}
	.home-main-slot .homepage-hero-content.hot-prices p:last-of-type {
		display: none;
	}
}

.home-seasonal-promo-slot .home-seasonal-promo-outer-container {
	background: url("../images/home-page/distress_pattern.png");
	background-color: #c41230;
	/*max-width: 1344px;*/
	padding: 8px;
}


.home-seasonal-promo-slot .home-seasonal-promo-bg-container {
	background: url("../images/home-page/home-seasonal-bg.jpg") #003767;
	padding: 10px;
}


.home-seasonal-promo-slot .home-seasonal-promo-bg-container-us-site {
	background: url("../images/home-page/home-seasonal-bg.jpg") #003767;
	padding: 10px;
}


@media only screen and (max-width: 767px) {
	.home-seasonal-promo-slot .home-seasonal-promo-bg-container {
		background-position-y: -9px;
	}
}

.home-new-arrivals-slot {
	background: url("../images/home-page/bg_wood.jpg");
}

@media only screen and (min-width: 1024px) {
	.home-main-slot .homepage-hero-content h2, .full-bleed-banner .banner-copy h1 {
		font-size: 5.2vw;
	}
}

/************* category page *********************/

.pt_product-search-result .slot-grid-header .cat-banner-bg-bottom {
	background-image: url("../images/grid-banners/cat-banner-background-bottom.png");
}

.pt_product-search-result  .slot-grid-header .cat-banner-wrapper {
	background-image: url("../images/grid-banners/cat-banner-background.png");
}

.pt_product-search-result .slot-grid-header .cat-banner-product {
	background-image: url("../images/grid-banners/cat-banner-product-men-shirts.svg");
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.pt_product-search-result  .slot-grid-header .cat-banner-wrapper {
		background-image: url("../images/grid-banners/cat-banner-background-mid.png");
	}
	
	.pt_product-search-result  .slot-grid-header  .cat-banner-bg-bottom {
		background-image: url("../images/grid-banners/cat-banner-background-bottom-mid.png");
	}
	
	.pt_product-search-result  .slot-grid-header .cat-banner-product {
		background-image: url("../images/grid-banners/cat-banner-product-men-shirts-mid.png");
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 767px) {
	.pt_product-search-result  .cat-banner-wrapper {
		background-image: url("../images/grid-banners/cat-banner-background-sml.png");
	}
	.pt_product-search-result     .slot-grid-header .cat-banner-bg-bottom {
		background-image: url("../images/grid-banners/cat-banner-background-bottom-sml.svg");
	}
	.pt_product-search-result .slot-grid-header .cat-banner-product {
		background-image: url("../images/grid-banners/cat-banner-product-men-shirts-sml.png");
		background-repeat: no-repeat;
		height: 270px;
	}
}

/************** uniform builder *********************/

.mens-ub-banner .banner-copy {
	background-image: url("../images/uniform-builder/white_glow.png");
	top: 19%;
	left: 7.7%;
	width: 40%;
}
.mens-ub-banner .banner-copy p {
	width: 60%;
}
@media only screen and (max-width: 767px) {
	.mens-ub-banner .banner-copy {
		top: 21.5%;
		left: 4.7%;
		width: 80%;
	}
	.mens-ub-banner .banner-copy p {
		width: 100%;
	}
	.mens-ub-banner .banner-copy h1 {
		margin-bottom: 0.07em;
	}
}

/* GRID BANNER STYLES */

.cat-banner-menu {padding: 0;margin-top: 0}
.cat-banner-menu .slick-slide {position: relative}
.slide-copy {position: absolute; top: 109px; right: 65px;width: 250px;text-align: center;}
.cat-banner-menu h2 {font-size: 60px; line-height: 60px; margin: 0 0 23px;}

@media only screen and (max-width: 1023px) {
	.slide-copy {width: 230px;top: 78px;right: 36px;}
	.cat-banner-menu h2 {font-size: 35px; line-height: 35px;}
	.cat-banner-menu img {min-height: 291px;}
	.slick-slider{margin-bottom: 0px;}
}
@media only screen and (max-width: 767px) {
	.slide-copy {position: relative;width: 100%; text-align: center;top: auto;right: auto;margin-bottom: 20px;}
	.cat-banner-menu img {margin-bottom: 2.5%;}
	.cat-banner-menu .slick-dots {display:  none !important;}
	.cat-banner-menu h2 {font-size: 6.5vw; margin: 2.5% 0 4%;}
	.cat-banner-menu span {font-size: 3vw;}
}

/************ Denim Pages *************/
.mens-denim-new-banner01 .banner-copy {color: #fff; top: 33.7%; left: 7.75%;}
@media only screen and (max-width: 767px) {
	.mens-denim-new-banner01 .banner-copy {top: 24.65%; left: 4.75%; width: 75%;}
}

.anatomy-of-denim .caro-slide-copyblock { width: 35%; padding: 4vw 0 0 5vw;}
.anatomy-of-denim .image-map { float: right; width: 50%; margin-top: -4vw; margin-right: 1.7%;}
.anatomy-of-denim .image-map img {width: 100%;}
@media only screen and (max-width: 767px) {
	.anatomy-of-denim .image-map {display: none;}
	.anatomy-of-denim .caro-slide-copyblock {width: auto; padding: 0 0 30px;}
	.anatomy-of-denim .caro-slide-copyblock .big-button {display: none;}
}
.anatomy-of-denim .big-button {margin-top: 3.5714vw; padding: 0 1.34em;}
@media only screen and (min-width: 768px) {
	.denim-caro ul.slick-dots {width: 20%; left: 38%;}
}
.denim-for-all-occasions {margin-top: 3.3em;}
.denim-for-all-occasions h2 {margin-bottom: 0.85em; letter-spacing: -0.01em;}
.denim-for-all-occasions ul {margin: 0; padding: 0;}
.denim-for-all-occasions ul li {float: left; width: 32.20339%; margin: 0 1.69492% 0 0; text-align: center; list-style: none;}
.denim-for-all-occasions ul li:nth-child(3) {margin-right: 0;}
.denim-for-all-occasions ul li img {width: 100%;}
.denim-for-all-occasions ul li h3 {margin: .3em 0 0; letter-spacing: -0.032em;}
.denim-for-all-occasions ul li p {margin: 0.4em 0 0; line-height: 1.55em; min-height: 70px;}
@media only screen and (max-width: 767px) {
	.denim-for-all-occasions {margin-top: 0.4em; padding: 0 5px;}
	.denim-for-all-occasions h2 {margin-bottom: 0.45em;}
	.denim-for-all-occasions ul li {float: none; width: 100%; max-width: 380px; margin: 0 auto 24px;}
	.denim-for-all-occasions ul li:nth-child(3) {margin-right: auto;}
	.denim-for-all-occasions ul li h3 {font-size: 20px; margin-top: 0.32em;}
	.denim-for-all-occasions ul li p {margin: 0.75em 0 0; line-height: 1.46em;}
	.denim-for-all-occasions ul li a.button {width: 120px;}
}
.mens-denim-new-fit-guide {padding-top: 2em; margin-top: 4.4em; margin-bottom: 2em; position: relative; background-image: url("../images/category-landing/wall-pattern.jpg"); overflow: hidden;}
.mens-denim-new-fit-guide:before {content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 178px; z-index: 0; background-image: url("../images/category-landing/wooden_floor_bg.png"); background-position: 50%;}
.mens-denim-new-fit-guide li.slide h3 {margin: 0.52em 0 0 calc(50% - 111px);}
.mens-denim-new-fit-guide li.slide p {margin: 0.4em 0 1.5em calc(50% - 111px); line-height: 1.54em;}
.mens-denim-new-fit-guide li.slide a.button {display: block; margin: 0.55em auto 2.85em; width: 135px; padding: 0 10px;}
@media only screen and (max-width: 767px) {
	.mens-denim-new-fit-guide {padding-top: 1.6em; margin-top: 1.7em; margin-bottom: 3.15em;}
	.mens-denim-new-fit-guide:before {bottom: -7px;} /*scoot the boards down a bit in mobile*/
	.mens-denim-new-fit-guide li.slide h3 {margin: 0.4em 0 0 calc(50% - 116px); font-size: 20px;}
	.mens-denim-new-fit-guide li.slide p {margin: 0.25em 0 1.85em calc(50% - 116px); line-height: 1.65em;}
	.mens-denim-new-fit-guide li.slide a.button {width: 120px; margin-bottom: 1.28em;}
}
@media only screen and (min-width: 1400px) {
	.mens-denim-new-fit-guide {
		/* prevent this from bleeding past 1400px in large viewports */
		max-width: 1400px;
		margin-left: -110px; /* (1400 - 1180) / 2 */
	}
}
.denim-bottom-button {
	/*resorting to using negative margin and z-indexing because of the product carousel's global min-height*/
	text-align: center;
	margin: -4.5em 0 1.5em;
	z-index: 1;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.denim-bottom-button {display: none;}
}

#videoParentWrapper.videoMain { position:absolute; width:100%; max-width:100%; min-width:200px;top: 0;z-index: -1; }
#videoParentWrapper.videoOn {z-index: 9;}
#videoHome {height:100%; width:100%;}
.span-874 {font-size: 3vw;}
@media only screen and (max-width: 767px) {
	.home-main-slot .video-874 {top: 10%;}
	.home-main-slot .video-874 h2 {line-height: 7.5vw;}
	.span-874 {font-size: 5vw;}
}

@media only screen and (max-width: 550px) {
	.home-main-slot .video-874 {top: 3.5%;}
}

@media only screen and (max-width: 380px) {
	.home-main-slot .video-874 h2 {margin-bottom: 0;}
}