/********************/
/* CES LANDING PAGE */
/********************/

/*! STAGE SETTING RULES */

.grid-subcategories,
.pwa-site #categoryHeader,
.t-category-list__category,
.c-custom-select__container,
#sideBox,

.c-recommendations {
	display: none !important;
}

#breadcrumbs {
	display: block !important;
}

#sideBox {
	display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-top: 25px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    /* font-size: 0.875em; */
}

.clickable:hover {
	cursor: pointer;
}

.swiper-toppadding {
	padding: 10px 0px 0px 0px;
}



.wrapper>[id="sideBox"] ~ [id="mainContent"] {
    width: 100% !important;
}

.desktop-site body {
	overflow-x: hidden;
}

.desktop-site .full-width {
	width: 100vw;
	position: relative;
	margin-left: calc(-50vw + 50%);
	overflow: hidden;
}

.desktop-site .full-width-max1440 {
	width: 100vw;
	
    position: relative;
    margin-left: calc(-45vw + 50%);
	overflow: hidden;
}

.img-full-width {
	width: 100vw;
	/*max-width: 1440px;*/
}

.video-wrapper {
	position: relative;
	overflow: hidden;
	height: 100%;
	background-color: #000;
	display: none;
}


.new-arrivals-yellow {
	padding: 35px 0px 25px; 
	background-color: #fff5df;
}

.new-arrivals-yellow .btn-transparent-filled {
	min-width: 200px;
}

.img-full-width {
	width: 100vw;
	max-width: 1440px;
}

.flex-row-gap {
	column-gap: 10px;
}

[class*="module-"]:not(.module-hero) {
    margin-top: 100px;
}

div[class*="module-"] + div[class*="module-"] {
	margin-top: 100px;
}

.pwa-site div[data-tracking="Celebrate Every Season"] {
	margin-bottom: 50px;
}

.pwa-site div[data-tracking="Celebrate Every Season"] p.small {
	line-height: 19px;
}

.underlay-component {
    margin-top: 30px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.split50 {
	width:50%;
	display: block;
}

.split55 {
	width:55%;
	display: block;
}

.split45 {
	width:45%;
	display: block;
}

.dm-margin-left {
	margin-left: 7px;
}

.dm-margin-right {
	margin-right: 7px;
}

.cta-format {
	margin: 17px 0px 37px 0px;
	width: 100%;
	text-align: center;
}

.carousal-size {
	max-width: 1920px; 
	margin: auto;
}

.background-color-blurp {
	background-color: #d7d6c2;
	padding: 25px 7px;
}

.text-transform-unset {
	text-transform: unset !important;
}

.flex-container {
	display: flex;
}

.text-align-center {
	text-align: center;
}
.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-nowrap {
	flex-wrap: nowrap;
}

.flex-centered {
	display: flex;
    justify-content: center; 
}

.flex-space-between {
	display: flex;
    justify-content:space-between;
}

.flex-space-around {
	display: flex;
    justify-content: space-around;
}

.relative-top {
	position: relative;
	top:30%;
}

.dm-margin-top {
	margin: 30px 0px 0px 0px !important;
}

.one-per-line {
	display: block;
}

.dm-margin-bottom {
    margin-bottom: 100px !important;
}

.cta-position {
	position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
}

.fourup-gutter
	{
		padding: 0px 1%;
	}

.fourup-container-pad
{
	margin-top: 20px !important;
	padding: 0px 5% !important;
	justify-content: space-around;
}

.nav-menu-panel-discover, .pw-nav-menu__panel__discover, .pw-nav-menu__panel__new-and-no, .nav-menu-panel-new-and-now {
	font-style: italic;
}

.nan-d-Ave-Headline {
	text-transform: unset!important;
}

@media (max-width:736px) {
	
	[class*="module-"]:not(.module-hero) {
		margin-top: auto;
	}

	.split50-mobile, .split-mobile {
		width:100%;
		display: block;
		
	}

	.flex-container {
		display: block;
		
	}

	[class*="col-"] {
		padding: 0px;
	}

	.cta-format-shopthelook {
		margin: 0px 0px 45px 0px;
	}

	.flex-wrap-mobile-only {
		flex-wrap: wrap;
	}

	.img-btn-mobile
	{
		max-width: 210px;
	}

	.container:before, .container:after {
		content: " ";
		display: inline-block;
	}
	.dm-margin-bottom {
		margin-bottom: 50px !important;
	}
	div[class*="module-"] + div[class*="module-"] {
		margin-top: 50px;
	}
}

.special-remove-space
{
	margin-top: 0px !important;
}

.reefLocation {
	position: relative;

}

.reefLocation-overlap {
	position: absolute;
    right: 0;
    top: 50%;
    width: 34%;
}

.slider-body {

	margin: 10px 0px 50px; 
}

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-300px * 8))}
}



.slider {
	
	height: auto;
	margin: 0px 0px 0px 10px;
	overflow:hidden;
	position: relative;
}	
	
.slider::before,.slider::after {
		
		content: "";
		height: 100px;
		position: absolute;
		width: 200px;
		z-index: 2;
	}
	
	.slider:after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

	.slider:before {
		left: 0;
		top: 0;
	}
	
	.slide-track {
		animation: scroll 40s linear infinite;
		display: flex;
		width: calc(300px * 16);
	}
	
	.slide {
		height: auto;
		width: 300px;
		
	}