/*********************/
/* 2022 LANDING PAGE */
/*********************/

/*! IMPORT FONTS **/ 
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');


/*! STAGE SETTING RULES */
#mainContent .genericESpot .caption + div:not(#seo-copy), /*! HIDES BANNER ON DESKTOP **/
.grid-subcategories,
.top-banner, /*! HIDES BANNER ON DESKTOP **/
#categoryHeader, #uNavBottom,
.c-custom-select__container {
	display: none !important;
}

#seo-copy {
	display: block !important;
}

.t-category-list__category  {
	display: none;
}

#halloween1_rr_PWA .c-custom-carousel__header,
#halloween2_rr_PWA .c-custom-carousel__header {
	display: none;
}

#halloween1_rr_PWA .c-custom-carousel,
#halloween2_rr_PWA .c-custom-carousel {
	border-top: none;
}

#halloween1_rr_PWA .product-information-panel,
#halloween2_rr_PWA .product-information-panel {
	display: none;
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	#sideBox {
		display: none;
	}
}*/

#sideBox {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	margin-top: 25px;
	padding: 15px 10px;
	background-color: #fff;
	font-size: 15px;
}

.tabletHeaderRedesign #sideBox {
	font-size: 0.875em;
	left: 2%;
}

@media only screen and (orientation: portrait) {
	.tabletHeaderRedesign #sideBox {
		display: none;
	}
}

div[class*="module-"]:last-of-type {
	margin-bottom: 50px;
}

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

/*! YOU MIGHT NEED THESE? **/
/*.desktop-site #mainContent,
.desktop-site .contentWrapper {
	padding: 0;
}

.desktop-site.screen-sm .contentWrapper {
	overflow:hidden;
}*/

.desktop-site .m-framework > .container {
	margin: 0;
}

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

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

@media (min-width: 1440px) {
	.desktop-site .full-width {
		width: 1440px;
		position:relative;
		margin-left: calc(-720px + 50%);
		overflow: hidden;
	}
}

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

.full-width .overlay-wrapper-outer {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    pointer-events: none;
}

.full-width .overlay-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.full-width .overlay-wrapper-outer .overlay-wrapper-inner .overlay-component {
    pointer-events: all;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(/wcsstore/images/Cinmar/interface/icons/icon_arrow_right_grey.svg);
	background-color: rgba(255,255,255,0.8);
	right: 20px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(/wcsstore/images/Cinmar/interface/icons/icon_arrow_left_grey.svg);
	background-color: rgba(255,255,255,0.8);
	left: 20px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
	display:  none;
}

.zoom {
	overflow: hidden;	
}

.zoom img {
	-webkit-transition: all 0.45s ease-in-out;
	   -moz-transition: all 0.45s ease-in-out;
	    -ms-transition: all 0.45s ease-in-out;
	     -o-transition: all 0.45s ease-in-out;
	        transition: all 0.45s ease-in-out;
}

.zoom:hover img {
	   -moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	     -o-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.overlay-component {
	position: absolute;
	z-index: 2;
}

.overlay-component.bottom-right {
    bottom: 0;
    right: 0;
}

.overlay-component.bottom-left {
    bottom: 0;
    left: 0;
}

.overlay-component.top-right {
    top: 0;
    right: 0;
}

.overlay-component.top-left {
    top: 0;
    left: 0;
}

.module-hero .overlay-component.aug-pos {
	bottom: 5%;
	right: 18%;
}

.module-hero .overlay-component.sept-pos {
	top: 0;
	left:  33%;
}

.module-hero .overlay-component.oct-pos {
	bottom: 15%;
	right: 7%;
}

.module-image .overlay-component.fall-door-pos {
	bottom: 33%;
	right: 27%;
	text-align: center;
}

.module-image .overlay-component.sept-pos {
	top: 5%;
	left: 10%;
	text-align:  center;
}

@media screen and (orientation: portrait) {
	.tabletHeaderRedesign .module-image .overlay-component.fall-door-pos {
		bottom: 27%;
		right: 21%;
	}
}

@media screen and (orientation: landscape) {
	.tabletHeaderRedesign .module-image .overlay-component.fall-door-pos {
		bottom: 29%;
		right: 25%;
	}
}

.white-box {
	background-color: rgba(255,255,255,0.7);
}

.black-box {
	background-color:  rgba(0,0,0,0.9);
}

.padding-20 {
	padding: 20px;
}

.pwa-site #animated-lifesize-halloween-figures {
	margin-top: 0px;
	text-align: center;
}


.pwa-site .underlay-component {
	margin-top:  5px;
	text-align: center;
}

.id-dummy-padding {
	padding: 0px 0px 0px 6.5px;
}

.playfair-font {
	font-family: 'Playfair Display', serif;
}

/*.vertically-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}*/

/*html[class*="safari"]:not(.safari12-1) .vertically-center {
	top: 0%;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	margin-top: 20%;
}*/

/*.abs-vertically-center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}*/

.flex-row {
	display:  flex;
}


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

.flex-left-image {
	margin:0px 5px 0px 0px;
}

.flex-right-image {
margin:0px 0px 0px 5px;
}


.pwa-site .flex-left-image {
	margin:0px 1.5px 0px 0px;
}

.pwa-site .flex-right-image {
margin:0px 0px 0px 1.5px;

}

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

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

.reverse-flex-row {
	flex-direction: column-reverse;
}

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

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

.wrapper.fh-wrapper {
	height:  100%;
}

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

.pwa-site div[class*="module-"] .col-xs-6 {
	padding: 0;
}

.pwa-site div[class*="module-"] .col-xs-6:nth-child(odd) {
	padding-right: 2px;
}

.pwa-site div[class*="module-"] .col-xs-6:nth-child(even) {
	padding-left: 2px;
}

.desktop-site .certona-swiper .recommendation-tile {
	width:  16%;
}

.pwa-site .certona-swiper .recommendation-tile {
	width:  34%;
}

/*! TEXT-BY-IMAGE MODULE RULES **/
.desktop-site .module-text-by-image .row {
	display: flex;
}

.module-text-by-image div[class*="col-"] {
	padding: 0;
}

.desktop-site .module-text-by-image div[class*="col-"]:nth-child(1) {
	padding-right: 25px;
}

.desktop-site .module-text-by-image div[class*="col-"]:nth-child(2) {
	padding-left: 25px;
}

/*! MODULE 4SQUARE RULES **/
.desktop-site .module-4square .inner-blocks-container {
	max-width: 1225px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.desktop-site .module-4square .inner-blocks-container .row {
	margin: 0;
	flex-wrap:  wrap;
	align-items:  center;
	text-align:  center;
}

.module-4square .inner-blocks-container .text-col {
	background-color: #fff;
	padding-left: 50px;
	padding-right: 50px;
}

.desktop-site .module-4square .standard-lockup {
	padding-left: 50px;
	padding-right: 50px;
}

/*! MODULE FULLBEED 3UP RULES **/
.module-fullbleed-3up .guttered-row  div[class*="col-"]:nth-child(1) {
	padding-right: 8px;
}

.module-fullbleed-3up .guttered-row  div[class*="col-"]:nth-child(2) {
	padding-left: 4px;
	padding-right: 4px;
}

.module-fullbleed-3up .guttered-row  div[class*="col-"]:nth-child(3) {
	padding-left: 8px;
}

.module-fullbleed-3up .guttered-row .standard-lockup {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 50px;
}

.module-fullbleed-3up .text-component.abs-vertically-center {
	width: 100%;
	padding-left:50px;
	padding-right:50px;
}

.mobile-swiper.product-swiper .swiper-slide {
	width: 85%;
}

.module-fullbleed-3up .mobile-swiper .swiper-pagination {
	display: none;
}

/*! MODULE FULLBLEED BODY VIDEO **/
.module-fullbleed-bodyvideo .text-component {
	top: 20%;
	width:100%;
	text-align: center;
}

.module-fullbleed-bodyvideo .button-component {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-height:72px;
	max-width:72px;
}

/*! MODULE FULLBEED 2UP **/
.module-fullbleed-2up .text-component.standard-lockup {
	margin-top: 50px;
	padding-left: 150px;
	padding-right:150px;
}

.screen-sm .module-fullbleed-2up .text-component.standard-lockup {
	padding-left: 15%;
	padding-right: 15%;
}

/*! MODULE PRODUCTGRID **/
.desktop-site .module-productgrid .product-grid-row .product-tile {
	padding-left: 15px;
	padding-right: 15px;
}

.module-productgrid .product-grid-row,
.desktop-site .module-productgrid .product-grid-row .product-tile:nth-child(n+4)  {
	margin-top: 30px;
}

/*.module-productgrid .product-grid-row + .product-grid-cta-row {
	margin-top: 50px;
}*/

.module-productgrid .rollover-component {
	position:  absolute;
	top:  0;
	left:  0;
	bottom:  0;
	right:  0;
	background-color:  rgba(0,0,0,0.5);
	display:  flex;
	align-items:  center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}

.module-productgrid .rollover-component h2 {
	margin-bottom:  0px;
	margin-left:  auto;
	margin-right:  auto;
}

.desktop-site .module-productgrid  a:hover .rollover-component,
.desktop-site .module-productgrid  a:active .rollover-component,
.desktop-site .module-productgrid  a:focus .rollover-component {
	pointer-events:  auto;
	opacity:  1;
}

/*! MODULE FULLBEED 2UP - MOVIE ALT **/

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

.module-alt2up .text-component {
	padding-left: 15%;
	padding-right: 15%;
}

.desktop-site .module-alt2up video.fit-window {
	position:  absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
}

.desktop-site .module-alt2up video.letterbox {
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.desktop-site .module-alt2up .wrapper {
	align-items:  center;
	display:  flex;
	height:  100%;
}

.desktop-site .module-alt2up img {
	height:  100%;
	object-fit: cover;
}

.desktop-site .module-alt2up a.visible-desktop {
	width: 100%;
	height: 100%;
}

.tabletHeaderRedesign .module-alt2up .text-component p {
	display: none;
}

/*! MODULE MASON **/
.module-mason .overlay-component.launch-pos {
	left:  0;
	right:  0;
	top:  18%;
}

/*! MODULE-TILES **/
.module-tiles .col-xs-6:nth-child(n+3) {
	margin-top:  15px;
}

.module-tiles .col-xs-6:nth-child(odd) {
	clear:  both;
}

/*! CERTONA MODULES **/
.module-certona .header-with-text,
.module-certona .quick-view-button-holder,
.module-certona .gwt-we-suggest-panel-name-anchor {
	display: none !important;
}

.module-certona .title-component {
	text-align: center;
}

.module-certona .carousel.h .hide-carousel-arrows .tilePanel {
	margin: 0;
}

.module-certona .carouselTile:nth-child(1) {
	padding-left: 0;
	padding-right: 8px;
}

.module-certona .carouselTile:nth-child(2),
.module-certona .carouselTile:nth-child(3),
.module-certona .carouselTile:nth-child(4) {
	padding-left: 4px;
	padding-right: 4px;
}

.module-certona .carouselTile:nth-child(5) {
	padding-right: 0;
	padding-left: 8px;
}

.module-certona .carousel-component {
	display:  flex;
}

.module-certona .carousel-component .recommendation-tile {
	width:  20%;
}