/*! HOLIDAY COLLECTIONS 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;
}

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

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

.pwa-site .module-content .additional-links-row > div + div {
	margin-top: 24px !important;
}

.pwa-site .module-content .spotlight-row + .additional-links-row {
	margin-top: 32px !important;
}

.pwa-site div[class*="module-"] + div[class*="module-"],
.pwa-site .module-collection-pair > .row > div + div {
	margin-top: 48px !important;
}

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

/*! END STAGE SETTING **/
/*! HELPER CLASSES **/
.rounded-corners {
	border-radius: 4px;
}

.flex-row {
	display: flex;
}

.img-scaling {
	height: 100%;
	object-fit: cover;
}

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

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

.icon-prefix:before {
    content:'';
    width: 64px;
    height: 64px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 15px;
    vertical-align: bottom;
    border: none;
}

.btn.icon-prefix:before,
.pw-button.icon-prefix:before,
.c-button.icon-prefix:before {
    vertical-align: middle;
}

.btn.icon-prefix {
    text-align:  left;
}

.screen-sm .btn.icon-prefix:before,
.screen-md .btn.icon-prefix:before {
    width:  36px;
    height:  36px;
}

.screen-sm .btn.icon-prefix {
    font-size:  10px;
}

.screen-md .btn.icon-prefix {
    font-size:  12px;
}

.icon-prefix.wreath-w-icon:before {
    background-image: url('/wcsstore/images/Cinmar/interface/icons/decorating_icon_white_64.svg');
}

.back-to-top-btn {
 position: fixed;
 display: inline-block;
 bottom: 15px;
 right: 15px;
 z-index: 1050;
 font-size: 0px;
 width: 40px;
 height: 40px;
 background: url(/wcsstore/images/Cinmar/interface/icons/icon_arrow_right_black.svg) no-repeat center;
 transform: rotate(-90deg);
 background-color: #fff;
 visibility: hidden;
 opacity: 0;
 padding: 0;
 transition: visibility 0.4s linear, opacity 0.4s linear;
}

.back-to-top-btn.is-active {
 opacity: 1;
 visibility: visible;
}

.back-to-top-btn:focus,
.back-to-top-btn:active {
   background: url(/wcsstore/images/Cinmar/interface/icons/icon_arrow_right_black.svg) no-repeat center;
   transform: rotate(-90deg);
   background-color: #ccc;
}

.back-to-top-btn:hover {
   background: url(/wcsstore/images/Cinmar/interface/icons/icon_arrow_right_black.svg) no-repeat center;
   transform: rotate(-90deg);
   background-color: #fff;
}

/*! END HELPER CLASSES **/
/*! HERO **/
.pwa-site .module-hero {
	margin-top: 24px;
}

.pwa-site .module-hero p {
	font-size: 1em;
	line-height: 1.5;
}

/*! NAV ELEMENT **/
.module-nav {
	margin-top: 32px !important;
	border-bottom: 1px solid #242424;
}

.pwa-site div.module-hero + div.module-nav {
	margin-top: 0px !important;
}

/*.module-nav .tile-container {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 32px;
}*/

.module-nav .tile-container .swiper-slide {
	text-align: center;
	width: 8.5%;
/*	padding-left: 4px;
	padding-right: 4px;*/
}

.pwa-site .module-nav .tile-container .swiper-slide {
	width: 24%;
}

.module-nav .tile-container .swiper-button-prev,
.module-nav .tile-container .swiper-button-next {
	background-size: 8px 13px;
	margin-top: 0;
	height: 100%;
	top: 0;
	background-color: #fff;
}

.module-nav .tile-container {
	opacity: 0;
	margin-bottom: 32px;
}

.module-nav .tile-container.swiper-container-horizontal {
	opacity: 1;
}

.module-nav .tile-container .swiper-button-next {
	right: 0;
}

.module-nav .tile-container .swiper-button-prev {
	left: 0;
}

.module-nav .tile-container .swiper-button-disabled {
	opacity: 0;
}

.module-nav .tile-container .tile-component a {
	text-decoration: none;
	color: #787878;
}

.module-nav .tile-container .tile-component span:hover {
	text-decoration: underline;
}

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

.module-nav .tile-container .tile-component a:hover,
.module-nav .tile-container .tile-component a:active,
.module-nav .tile-container .tile-component a:focus {
	color: #000;
}

.module-nav .tile-container .tile-component a:hover img,
.module-nav .tile-container .tile-component a:active img,
.module-nav .tile-container .tile-component a:focus img {
    border: 1px solid #7d7d7d;
}

.module-nav .tile-container .tile-component span {
	display: block;
	margin-top: 8px;
	word-spacing: 9999px;
	white-space:pre-line;
	line-height: 1.25;
}

.module-nav .tile-container .tile-component span.no-break {
	word-spacing: initial !important;
	white-space: initial !important;
}

.screen-xs .module-nav .tile-container .tile-component span {
	font-size: 9px;
}

.screen-sm .module-nav .tile-container .tile-component span,
.screen-md .module-nav .tile-container .tile-component span {
	font-size: 12px;
}

.pwa-site .module-nav .tile-container .tile-component span {
	font-size: 12px;
	font-weight: 600;
}


/*! MODULE COLLECTION / PAIR **/
.module-collection .image-component .curalate-widget iframe,
.module-collection .image-component .curalate-widget img,
.submodule-collection .image-component .curalate-widget iframe,
.submodule-collection .image-component .curalate-widget img {
	border-radius: 4px;
}

.desktop-site .module-collection-pair,
.desktop-site .module-collection-pair > .row,
.desktop-site .module-collection-pair > .row > div {
	display: flex;
}

.desktop-site.screen-xs .module-collection-pair,
.desktop-site.screen-sm .module-collection-pair {
	flex-direction: column;
}

.desktop-site .module-collection-pair .submodule-collection {
	display: flex;
	flex-direction: column;
}

.desktop-site .module-collection-pair .submodule-collection .grid-component {
	margin-top: auto;
}

.submodule-collection .image-component {
	margin-bottom: 16px;
}

.module-collection .title-component a,
.submodule-collection .title-component a {
	text-decoration: none !important;
}

.module-collection .title-component h2,
.submodule-collection .title-component h2 {
	margin-bottom: 8px;
}

.pwa-site .module-collection .title-component h2,
.pwa-site .submodule-collection .title-component h2 {
	font-size: 1.5625em;
}

.module-collection .title-component p,
.submodule-collection .title-component p {
	margin-bottom: 32px;
}

.pwa-site .module-collection .title-component p,
.pwa-site .submodule-collection .title-component p {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 24px;
}

.pwa-site .submodule-collection {
	display: flex;
	flex-direction:column;
}

.pwa-site .submodule-collection .title-component {
	order: 1;
	text-align: center;
}

.pwa-site .submodule-collection .image-component {
	order: 2;
	margin-bottom: 0;
}

.pwa-site .submodule-collection .grid-component {
	order: 3;
}


.desktop-site .grid-component.half-grid > div:nth-child(3),
.desktop-site .grid-component.full-grid > div:nth-child(5) {
	clear: both;
}

.grid-component {
	margin-top: 32px;
}

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

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

.desktop-site .grid-component.half-grid > div:nth-child(n+3),
.desktop-site .grid-component.full-grid > div:nth-child(n+5) {
	margin-top: 48px;
}

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

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

.desktop-site .grid-component .text-block-component {
	min-height: 95px;
}

.desktop-site.screen-xs .grid-component .text-block-component,
.desktop-site.screen-sm .grid-component .text-block-component,
.tabletHeaderRedesign .grid-component .text-block-component {
	font-size: 12px;
	min-height: 70px;
}

.grid-component .text-block-component .qv-button {
	padding:0;
	border:none;
	font-size:12px;
	line-height:16px;
	font-weight: 500;
}

.grid-component .text-block-component .qv-button:hover,
.grid-component .text-block-component .qv-button:active,
.grid-component .text-block-component .qv-button:focus {
	text-decoration: underline;
}

.grid-component .text-block-component .qv-button:after {
	content:"";
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000;
	position: absolute;
	top: 8px;
	transform: translateY(-50%) rotate(45deg);
	right: -10px;
	width: 6px;
	height: 6px;
	margin: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
}

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

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

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

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

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

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

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

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

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

.grid-component .price-block-component .promo-price {
	color: #000 !important;
}

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

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

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

/*! CONTENT **/
.module-content .spotlight-row .text-col .wrapper {
    height:  100%;    
}

.module-content {
	border-top: 1px solid #242424;
	border-bottom: 1px solid #242424;
	padding-top:32px;
	padding-bottom:32px;
}

.module-content .spotlight-row .text-col .wrapper.wrapper-green {
	background-color: #074520;
}

.desktop-site .module-content .spotlight-row .text-col .wrapper {
    display:  flex;
    align-items:  flex-end;
}

.desktop-site .module-content .spotlight-row .text-col .wrapper h2 {
    font-size: clamp(1em, 3vw + 1em, 2.313em);
}

.desktop-site .module-content .spotlight-row .text-col .wrapper p {
    font-size: clamp(0.8em, 3vw - 1em, 1em);
}

.desktop-site .module-content .spotlight-row .text-col .wrapper a {
    font-size: clamp(0.75em, 3vw - 1em, 0.9375em);
}

.desktop-site .module-content .spotlight-row .text-col .wrapper .inner-wrapper {
    padding:  25px;
}

.pwa-site .module-content .spotlight-row .text-col .wrapper .inner-wrapper {
    padding:  25px 50px 25px 15px;
}

.pwa-site .module-content .spotlight-row .text-col {
    margin-top:  5px;
}

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

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