/*! RESORT COLLECTION CSS **/

/*! STAGE SETTING **/
#sideBox,
#breadcrumbs,
#categoryHeader,
.grid-subcategories,
.c-page-header,
.back-to-top,
.c-back-to-top,
#changepageSizeForm,
h1.inner,
.pwa-site .c-custom-select__container {
    display: none !important;
}

#app-main .responsive-content .m-responsive-template {
	margin-top: 0;
}

#mainContent {
    width: 100% !important;
}

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

.tabletHeaderRedesign .headerAndNav ~ #content {
    padding-top: 130px;
}

.headerRedesign .redesignedHeaderAndNav ~ #content {
    padding-top: 149px;
}

.pwa-site div[data-tracking] {
	margin-top: 0;
}

.desktop-site div[class*="module-"] + div[class*="module-"] {
	margin-top: 64px;
}

.pwa-site div[class*="module-"] + div[class*="module-"] {
	margin-top: 24px;
}

.desktop-site #category > div[class*="module-"]:last-of-type {
	margin-bottom: 60px;
}

div[class*="module-"] .btn-tertiary.caret-right:after, 
div[class*="module-"] .pw--tertiary.caret-right:after,
div[class*="module-"] .is--btn-tertiary.caret-right:after {
	content: '>';
	border: none;
}

/*! END STAGE SETTING **/
/*! HELPER CLASSES **/
.desktop-site .full-width {
    width: 100vw;
    position: relative;
    margin-left: calc(-50vw + 50%);
    overflow:hidden;
}

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

.pwa-site .full-width div[class*="col-"] {
    padding: 0;
}

.rounded-corners {
	border-radius: 4px;
}

.no-top-sup {
	top: 0;
}

.text-strike {
	text-decoration:line-through;
}

.video-wrapper.autoplay-video {
	position: relative;
}

.video-wrapper img {
	object-fit: cover;
}

.full-width video {
	width: 100%;
	height: auto !important;
}

.video-wrapper:not(.initalized-video) video,
.video-wrapper:not(.initalized-video) .video-controls-btn-wrapper,
.video-wrapper.initalized-video img {
  display: none;
}

.flex-row {
	display: flex;
}

.no-hover-border:hover, 
.no-hover-border:active, 
.no-hover-border:focus {
	border-color: transparent;
}

/*! END HELPER CLASSES **/

/*! HERO **/
.desktop-site .module-hero .video-wrapper {
	max-height: calc(100vh - 200px);
}

/*! TILES **/
.module-tiles {
	margin-top: 16px !important;
}

.desktop-site .tiles-container {
	display: flex;
	justify-content: space-between;
}

.pwa-site .tiles-container {
	display: flex;
	justify-content: flex-start;
	overflow: auto;
}

.pwa-site .tiles-container::-webkit-scrollbar {
	-webkit-appearance: none;
}

.tiles-container .tile-component {
	text-align: center;
}

.pwa-site .tiles-container .tile-component {
	display: flex;
	min-width: 24%;
	margin-left: 16px;
}

.tiles-container .tile-component img {
	border: 1px solid rgba(0,0,0,0);
}

.tiles-container .tile-component span {
	font-size: 12px;
	font-weight: 600;
}

.pwa-site .tiles-container .tile-component span {
	margin-top: 4px;
	line-height:1.2;
	display: block;
}

.tiles-container .tile-component a {
	text-decoration: none !important;
}

.tiles-container .tile-component a:hover img,
.tiles-container .tile-component a:focus img,
.tiles-container .tile-component a:active img {
	border: 1px solid #7d7d7d;
}
/*! SECTION BANNERS */
.desktop-site .module-section-banner.bath-towels-overlay {
	margin-top: 96px !important;
}
.desktop-site .module-section-banner.pool-overlay {
	margin-top: 128px !important;
}

.module-section-banner.overlaid-image .wrapper,
.module-section-banner.standard-image .text-col .wrapper {
	background-color: #EAF2ED;
	padding: 80px 40px;
}

.pwa-site .module-section-banner.overlaid-image .text-col .wrapper {
	padding: 80px 16px 16px 16px;
}

.pwa-site .module-section-banner .text-col .wrapper {
	padding: 16px;
}

.desktop-site.screen-sm .module-section-banner.overlaid-image .wrapper {
	padding: 45px 25px;
}

.desktop-site .module-section-banner.standard-image .text-col .wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	border-radius: 0 4px 4px 0px;
}

.desktop-site .module-section-banner.standard-image .text-col {
	padding-left: 0px;
}

.desktop-site .module-section-banner.standard-image .image-col {
	padding-right: 0px;
}

.desktop-site .module-section-banner.standard-image .image-col img {
	border-radius: 4px 0px 0px 4px;
	height: 100%;
	object-fit: cover;
}

.desktop-site .module-section-banner.overlaid-image .text-block-component {
	z-index: 2;
	position:relative;
}

.desktop-site.screen-sm .module-section-banner.overlaid-image .text-block-component {
	padding: 15px;
	background-color:rgba(255,255,255,0.9);
	border-radius: 4px;
	max-width:50% !important;
}

.desktop-site .module-section-banner.overlaid-image.left-aligned .text-block-component {
	max-width: 32%;
}
.desktop-site .module-section-banner.overlaid-image.right-aligned .text-block-component {
	max-width: 35%;
	margin-left: auto;
}

.pwa-site .module-section-banner .text-block-component {
	text-align: center;
}

.desktop-site .module-section-banner.overlaid-image .img-component {
	position: absolute;
	min-width: fit-content;
	z-index: 1;
}

.desktop-site .module-section-banner.overlaid-image.bath-towels-overlay .img-component {
	max-width: 68%;
	bottom: -13%;
	right: -8%;
}

.desktop-site .module-section-banner.overlaid-image.bath-towels-overlay.fall23 .img-component {
	max-width: 65%;
	bottom: -9%;
	right: -5%;
}

.desktop-site .module-section-banner.overlaid-image.pool-overlay .img-component {
	max-width: 64%;
	bottom: -26%;
	right: -3%;
}

.desktop-site .module-section-banner.overlaid-image.outdoor-overlay .img-component {
	max-width: fit-content;
	bottom: -28%;
	left: -2% !important;
}

.desktop-site .module-section-banner.overlaid-image.right-aligned .img-component {
	right: initial;
	right: inherit;
	left: 0;
}

.pwa-site .module-section-banner.overlaid-image .text-col {
	margin-top: -20%;
	z-index:1;
}

.pwa-site .module-section-banner.overlaid-image .image-col {
	z-index:2;
}

.module-section-banner .text-block-component > span {
	display:block;
	font-size: 0.75em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.module-section-banner .text-block-component h2 {
	margin-bottom: 4px;
}
/*! MODULE REVIEWS **/
.module-review .rating-stars {
	max-width: 250px;
	display: inline-block;
	margin-bottom: 16px;
}

.pwa-site .module-review .rating-stars {
	max-width: 160px;
}

.pwa-site .module-review p {
	font-size: 19px;
}

.desktop-site .module-section-banner.overlaid-image + .module-review {
	margin-top: 128px;
}

/*! MODULE GRID **/
.desktop-site .module-grid .row > div:nth-child(4) {
	clear: both;
}

.pwa-site .module-grid {
	margin-bottom: 16px;
}

.pwa-site .module-grid .row > div:nth-child(odd) {
	clear: both;
	padding-right: 8px;
}

.pwa-site .module-grid .row > div:nth-child(even) {
	padding-left: 8px;
}

.desktop-site .module-grid .row > div:nth-child(n+4) {
	margin-top: 48px;
}

.pwa-site .module-grid .row > div:nth-child(n+3) {
	margin-top: 24px;
}

.module-grid .text-block-component {
	margin-top: 8px;
}

.module-grid .text-block-component a {
	font-weight: 500;
}

.pwa-site .module-grid .text-block-component a,
.pwa-site .module-grid .promo-enforcement-component,
.pwa-site .module-grid .short-desc-component {
	font-size: 14px;
	display: block;
}

.module-grid .short-desc-component {
	font-style: italic;
}

.module-grid .price-block-component {
	font-size: 0.875em;
}

.pwa-site .module-grid .price-block-component {
	font-size: 12px;
}

.module-grid .price-block-component > div {
	display: inline-block;
	margin-right: 5px;
}

.module-grid .price-block-component .was-price {
	font-weight: 300;
}

.module-grid .price-block-component .was-price + .now-price {
	font-weight: 700;
}

.module-grid .price-block-component .now-price + .promo-price {
	font-weight: 700;
}

.module-grid .price-block-component .promo-price {
	color: #c00;
}

.module-grid .promo-enforcement-component {
	color: #D81D1D;
}

.module-grid .overlay-component {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:100%;
	text-align: center;
}

.pwa-site .module-grid .overlay-component {
	padding: 0 2%;
}

.desktop-site .sold-out-messaging {
	color: #9d0404;
	font-weight: 600;
	font-size: 14px;
}

.pwa-site .sold-out-messaging {
	color: #9d0404;
	font-size: 14px;
}