/*

Slideshow / Banner / Slick Styling

*/


.cycle-overlay, .cmsBannerCaptionInner {
	z-index: 600; background: rgba(0,0,0,0.3); color: white; padding: 15px;
}
.cycle-overlay {   position: absolute; bottom: 0; width: 100%;  }
.cycle-pager{ display:none; }

#cmsCycle2 { 	overflow: hidden; }

#cmsCycle2 > img {     width: 100%; display: block; padding: 0;  }
#cmsCycle2 > img:nth-child(n+2) { display:none; }

/* in case script does not load */
/*.
cycle-slideshow img:first-child {    position: static; z-index: 100;}
*/
.cb-slider ul.cmsDivSlider.slick-slider {
    margin: 0;
    padding:0;
}
.cmsDivSlider {
	position: relative;
	overflow: hidden;
	padding:0;
}
.cmsDivSlider .row { display:flex; width: 100%; margin: 0; }
.cmsDivSlider > li:nth-of-type(n+2) {display:none;}
.cmsDivSlider > li.cycle-slide
{
	background-color: inherit;
	width: 100%;
	bottom:0;
    display: flex !important;
    align-items: center;
}

.cmsDivSlider .row .column > img,
.cmsDivSlider .row .column > a > img,
.cmsDivSlider .column > figure,
.animatedSlidePlaceholder .row .column > img,
.animatedSlidePlaceholder .row .column > a > img,
.animatedSlidePlaceholder .column > figure {
	margin: 0;
	flex-shrink: 0;
}

.cmsDivSlider .row .column.flow-opposite {  order: 1; }
#productImagesSlider{margin-top:0;margin-bottom:0;}

#cmsBannerSlideDiv img { width: 100%; }
#cmsBannerSlideContainer, #cmsBannerContainer,
.animatedSlideWrapOuter {   position:relative; overflow:hidden; margin:0; padding:0; }
#cmsBannerOverlay{bottom:0;z-index: 100;}
#cmsBannerOverlay,
.animatedSlideWrapInner { position:absolute; top:0; height: 100%; width: 100%; margin:0; padding:0;}
.animatedSlidePlaceholder { visibility:hidden; }
.animatedSlidePlaceholder .row { margin: 0; overflow: hidden; padding: 0; }
.animatedSlidePlaceholder .clearfix:before,
.animatedSlidePlaceholder .clearfix:after { display:none; content:none;}

.animatedSlideWrapInner ul { height: 100%;   list-style:none; margin:0; padding:0;  }
.animatedSlideWrapInner .slideViewFinder>li {display:block; margin:0; padding:0; list-style:none;  box-sizing: border-box; }
.animatedSlideWrapInner .slideViewFinder { position:absolute; height: 100%; width:100%;  margin:0; padding:0;  }

.animatedSlideWrapInner li ,
.animatedSlideWrapInner ul .cmsItem img,
.animatedSlideWrapInner ul img {  width: 100%; max-width:none; display:block;  }
.animatedSlidePlaceholder img{max-width:none;width:100%;display:block;}
.animatedSlideWrapInner li:gt(0) { display: none; }

.animatedSlideWrapOuter .sliderArrow {
	position : absolute;
	top : 45%;
	width : 20px;
	height : 20px;
	cursor: pointer;
}
.animatedSlideWrapOuter #sliderLeftArrow {
	left: 5%;
 	background : url(/uploads/js/slider/img/arrow-sprite.png);
	background-position : 0 0;
}
.animatedSlideWrapOuter  #sliderRightArrow {
	right: 5%;
 	background : url(/uploads/js/slider/img/arrow-sprite.png);
	background-position : 20px 0;
}

.animatedSlideWrapOuter #sliderLeftArrow:hover  {
	background-position : 0 21px;
}

.animatedSlideWrapOuter #sliderRightArrow:hover  {
	background-position : 20px 21px;
}


#slideNumbers {
		padding : 5px 8px 5px 8px;
		text-align : right;
		position : absolute;
		bottom : 0;
		right : 0;
		background : url(/uploads/slider/img/paging_bg2.png);
		color : #333;
		font-size : 13px;
}

#slideNumbers a.slideActive {
		font-weight : bold;
		border : 1px solid #555;
		border-radius : 3px;
		background: #f3f3f3;
		padding : 1px 3px 1px 3px;!important;
}

#slideNumbers a {
		padding : 2px 4px ;
		cursor : pointer;
		text-decoration : none;
		color : #333;
}

#slideNumbers a:hover {
		font-weight : bold;
}

.cmsBannerCaptionContainer { position: absolute; display:flex; font-size: 150%;    align-items: center;   /*v-align*/    justify-content: center; /*h-align */  }
#cmsBannerContainer.captionType .cmsBannerCaptionContainer { display: none;}
#cmsBannerContainer.captionTypeBottom .cmsBannerCaptionContainer {bottom: 0; width: 100%;  }
#cmsBannerContainer.captionTypeTop .cmsBannerCaptionContainer {top: 0; width: 100%;  }
#cmsBannerContainer.captionTypeLeft .cmsBannerCaptionContainer {left: 5%; width: 33%; bottom: 33%; min-height: 33%;}
#cmsBannerContainer.captionTypeRight .cmsBannerCaptionContainer {right: 5%; width: 33%; bottom: 33%;  min-height: 33%; }
#cmsBannerContainer.captionTypeCenter .cmsBannerCaptionContainer {left: 20%; width: 60%; top: 33%; min-height: 33%; }
#cmsBannerContainer.captionTypeUnder .cmsBannerCaptionContainer { position:relative; }
.cmsBannerCaptionInner {
	height: inherit;
	width: 100%;
	text-align: center;
	vertical-align: middle;
    display: flex;
    align-items: center;   /*v-align*/
    justify-content: center; /*h-align */
}
/* kill flex for gallery sliders, title above text...  */
.cmsGalleryPageSlider .cmsBannerCaptionInner { display: block; }
.cmsGalleryPageSlider .cmsBannerCaptionText { font-size: 70%; }
div.cmsBannerCaptionCTA { display:inline-block; margin: 10px ; padding: 5px 15px; font-size: 75%; }
.captionTypeBottom .cmsBannerCaptionInner>*,
.captionTypeTop .cmsBannerCaptionInner>* { display:inline-block; margin: 0 10px ; line-height: 150%; }

/*
Andrew Flex Banner Overlay Snippet Css
*/
#cmsBannerOverlay .flex.vcenter {display:flex;align-items:center;height:100%;padding:2% 5%;box-sizing:border-box;}

#cmsBannerContainer.captionTypeUnder .cmsBannerCaptionInner {
	background: none;
	color: inherit;
}



/*Andrew Code Widgets - Base Styling*/
/* Slider V3*/
/*mimic column.full*/
.cb-widget{
	padding-left:1rem;
	padding-right:1rem;
}
.cb-slider ul,.cb-grid ul{list-style:none;padding:0;width:100%;}
.cb-slider .accordianContent ul{list-style:initial;padding-inline-start: revert;}
.cb-slider .accordianContent ul.listUL{list-style:none;} /*prevent listul from picking up accordian ul*/

.cb-slider .list-style-default .cmsItem .cmsTitleAndText,
.cb-grid .list-style-default .cmsItem .cmsTitleAndText{width:100%;float:none;}

.cb-slider #divResizeHelper{display:none!important;}

.cb-slider li .cmsItem{	padding:1rem; }
.cb-slider .cmsItem .bloglistimage.floatRight,
.cb-slider .floatRight img{
	float:none;
	max-width:100%;
	margin-left:0;
	margin-right:0;
}
.cb-slider .slick-prev,.cb-slider .slick-next{display:none;}
.cb-slider .slick-dots { bottom:0; }
.cb-slider .slick-dots li { border: 1px solid #999; }
.is-light-text .cb-slider .slick-dots li { border: 1px solid #fff; }
.is-dark-text .cb-slider .slick-dots li { border: 1px solid #000; }
.cb-slider .slick-dots li.slick-active, .slick-dots li:hover { background: #999; }
.is-light-text .cb-slider .slick-dots li.slick-active,.is-light-text  .slick-dots li:hover { background: #fff; }
.is-dark-text .cb-slider .slick-dots li.slick-active,.is-light-text  .slick-dots li:hover { background: #000; }
.cb-slider .slick-slide img,.cb-grid .cmsImage img,.cb-grid .cmsImage.featuredimage img{width:100%;max-height:none;max-width:none;}

/*V4 Caption Slider Overrides - snippets inside slider not just image*/
.is-caption-slider.cb-slider .slick-slide .row img,
#cmsBannerSlideDiv .is-caption-slider img{width:unset;}
.is-caption-slider .slick-slide img {display:inline-block;}
/*V4 Cbox Multicol slider - flex items for consistent height*/
.slideMultiColumn{
    display: none;
}
.slick-track:has(.slideMultiColumn){display:flex;}
.slick-initialized .slick-slide.slideMultiColumn,
.slick-initialized .slick-slide.slideMultiColumn > .is-boxes{display:flex;flex:1;height: auto;}

@media(max-width:960px){
		.slick-initialized .slick-slide.slideMultiColumn > .is-boxes:has(.is-box){flex-direction:column;}
		.slick-initialized .slick-slide.slideMultiColumn .is-box{height:100%;}
}

/*V4 Inpageslider custom arrows*/
.cmsSlickArrow{
	display:none;
}
.cmsSlickArrow.slick-arrow {
    position: absolute;
    top: 50%;
		left:1rem;
    transform: translateY(-50%);
    z-index: 23;
    padding: 0;
    min-height: 52px; /*Icon 32px + 10 padding*/
    min-width: 52px;
		height: auto;
		width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
		cursor:pointer;
		display:none;
}

.cmsSlickArrow.slick-arrow:hover {
		padding:0;
		height: auto;
		width: auto;
	}

.cb-slider-next.cmsSlickArrow.slick-arrow{right:1rem;left:auto;margin-top:0;}

.slick-initialized ~ .cmsSlickArrow.slick-arrow{display:flex;} /*posiioning issues with inline-block*/

.cb-slider .column{position:relative;}

/*Flex featured slider to allow li background colour to stretch full height, not ragged*/
.inpagelazygallery[data-role=featuredproduct] .slick-track{display:flex;}
.inpagelazygallery[data-role=featuredproduct] li{height:auto;}
.inpagelazygallery[data-role=featuredproduct]{padding-bottom:1rem;} /*targetted padding as a global value causes issues in different cases*/

.cb-grid ul li{width:100%;}
.cb-grid ul .cmsItem{margin:0;}

/*Last Element Base Align - Featured Products*/
.cb-slider[data-role="featuredproduct"].lastElBaseAlign .slick-track > li{
	display:flex;
}
.cb-slider.lastElBaseAlign li .cmsItem{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.cb-slider.lastElBaseAlign li .cmsItem > :last-child {
	margin-top:auto!important;
}


/* IE11 CSS GRID*/
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
.cb-grid ul li{
 width:240px;
 display:inline-block;
 vertical-align:top;
 padding:1rem;
}
.cb-grid ul{text-align:center;}
}
/*
Andrew Style Popup editor dedicated styles effexts
*/

/*Grid set to 240px as per featured items max width*/
.cb-grid ul{
	display: grid!important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 2rem;
}
/* IE10, IE11 GRID FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.cb-grid ul li{
		width:240px;
	}
}

/*Grid Overlay Default Styling - categoryloader*/

.cb-grid-overlay[data-role=categoryloader] li .cmsItem{
    position:relative;
    transition:background-color 0.3s ease;
}
.cb-grid-overlay[data-role=categoryloader] li .cmsTitleAndText{
    position:absolute;
    z-index:1;
    top:0;bottom:0;left:0;right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    text-align:center;
    transition:opacity 0.3s ease;
    pointer-events:none;
		padding: 0.25rem;
}
.cb-grid-overlay[data-role=categoryloader] li .cmsPriceAndEnquiry{
    display:none; /*cannot position easily*/
}
.cb-grid-overlay[data-role=categoryloader] li .cmsImage{
    opacity:1;
    transition:opacity  0.3s ease;
    margin-bottom:0;
}
/*hover*/
.cb-grid-overlay[data-role=categoryloader] li .cmsItem:hover{
    background:black;
}
.cb-grid-overlay[data-role=categoryloader] li .cmsItem:hover .cmsImage{
    opacity:0.6;
}
.cb-grid-overlay[data-role=categoryloader] li .cmsItem:hover .cmsTitleAndText{
    opacity:1;
}
.cb-grid-overlay[data-role=categoryloader] li .cmsItem:hover .cmsTitle a{
    color:white;
}

/* V4 SLIDERS*/
.inpageslidercontainer  .slick-dots { bottom:2rem; }
/*CAPTION SLIDER SPECIFIC*/
.is-caption-slider .is-boxes{position:relative;} /*fix blowout*/
.is-caption-slider .is-box{display:none;}
.is-caption-slider .is-box:first-child{display: block;} /*show only first on load*/

/* ---- SLICK Slider  ---  */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset 'UTF-8';.slick-list,.slick-track{height:100%!important}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:hover:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:50px;line-height:1;opacity:.8;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:30px;z-index:11;opacity:.7;width:30px;height:30px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}[dir=rtl] .slick-prev{right:-25px;left:auto}.slider-on-content .slick-prev{width:22px;height:22px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}.slick-prev:hover{opacity:1}.slick-next{right:30px;z-index:11;opacity:.7;width:30px;height:30px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}[dir=rtl] .slick-next{right:auto;left:-25px}.slider-on-content .slick-next{width:22px;height:22px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}.slick-next:hover{opacity:1}.slick-slider{height:100%}.slick-dots{z-index:10;position:absolute;bottom:25px;margin:0;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li,.slick-dots li button{width:10px;height:10px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;color:transparent;border:0;outline:0;background:0 0}.slick-dots li{position:relative;display:inline-block;margin:2px 5px;border-radius:500px;border:1px solid rgba(255,255,255,.7)}.slick-dots li.slick-active,.slick-dots li:hover{background:rgba(255,255,255,.5)}.slick-dots.dark li{border:1px solid rgba(0,0,0,.5)}.slick-dots.dark li.slick-active,.slick-dots.dark li:hover{background:rgba(0,0,0,.7)}

.slick-arrow,.slick-arrow:hover{
  padding: 7px;
  height: 44px;
  width: 44px;
  background-repeat: no-repeat!important;
  background-color: rgba(0,0,0,0);
}
.slick-next,.slick-next:hover{
  background-position: 65% center!important;
}
.slick-prev,.slick-prev:hover{
  background-position: 35% center!important;
}
.slider-image { background-size:cover;background-position:50% 60%;background-repeat:no-repeat;width:100%;height:100%;display:table !important; }
.slider-content{ display: table-cell;box-sizing:border-box;padding:50px 70px 50px;text-decoration:none;opacity:0.85}
.slider-on-box .slider-content {padding:65px 80px 70px;}
.slider-on-box .slick-dots {bottom:35px}

/*===============================
Updated arrow using border width not SVG. To allow CSS Styling colour variants
If no issues look to deprecate SVG completely
=================================*/
.inpagelazygallery .slick-arrow:before {
    content: "";
    padding: 0;
    height: 20px;
    width: 20px;
    border-bottom: 4px solid white;
    border-right: 4px solid white;
    transform: rotate(135deg);
    font-size: 0;
    display: block;
		position: relative;
		left: 4px;

}
.inpagelazygallery .slick-next:before {
		transform: rotate(315deg);
		position: relative;
		left:auto;
		right: 4px;
}
.inpagelazygallery .slick-arrow{
			background:none!important;
}

.is-dark-text .slick-arrow:before {
	border-color: #000;
}

/*===============================
Arrows Outside
=================================*/

.cb-arrowsOutside .slick-prev{left:1rem;}
.cb-arrowsOutside .slick-next{right:1rem;}
.cb-arrowsOutside .slick-list {
    margin-left: 65px;
    margin-right: 65px;
}
/*No arrows on mobile*/
@media(max-width:560px){
	.cb-arrowsOutside .slick-list {
    margin-left:0;
    margin-right:0;
}
}

/* ---- Accordian / FAQ slider  ---  */

.accordianBlock .accordianTitle{cursor:pointer;border-bottom:1px solid #ccc;padding-left:26px;display:inline-block;padding-bottom: 1rem;position: relative; box-sizing:border-box; width: 100%;}
.accordianBlock .accordianTitle:before{content:"+";display:inline-block;width:30px;left:0;    position: absolute;
   }
.accordianBlock.active .accordianTitle:before{content:"-";}
.accordianBlock .accordianContent {display: none;border:1px solid rgba(0,0,0,0);padding-left: 30px;}
.ineditor .accordianBlock .accordianContent {display: block;}


/* ---- BANNER OVERLAY STYLING   ---  */
/*Added to contenboxadvanced as well - if no banner slider this will not be invoked kept here for legacy application*/

.cbimagecontainer{
	overflow:hidden; /*to prevent overlaps with elements below, remove if issues*/
}

.cbOverlayRight50{
      left:50%!important;
}

.cbOverlayLeft50{
      right:48%!important;
      left:auto!important;
			width:100%;
}

.cbOverlaySkewRight{
      left:50%!important;
      transform: skew(20deg);
			width:100%;
}

.cbOverlaySkewLeft{
      left:auto!important;
      right:48%!important;
      transform: skew(20deg);
			width:100%;
}


/* ---- Postcard Layout (Ajax/News Feed Text over Image)   ---  */

.postcardlayout .cmsItem{
	position: relative;
	aspect-ratio: 6/4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background:#c7c6c6;
	padding:1rem;
}

@supports not (aspect-ratio: 6/4) {
  .postcardlayout .cmsItem {
		  padding:0;
      padding-top: 66%!important;

  }
}
/*target all text elements title/desc etc*/
.postcardlayout .cmsItem *{
	z-index:1;
	color:white!important;
}

.postcardlayout a.bloglistimage,
.postcardlayout img,
.postcardlayout div.bloglistimage{
	position:absolute;
	display: block;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:0;
	height: 100%;
}

.postcardlayout img{
	object-fit: cover;
	object-position: center;

}
.postcardlayout div.bloglistimage{
	background:#282828;
}
.postcardlayout a.bloglistimage{
	opacity: 0.8;
}
.postcardlayout .newslistitemtitle,
.postcardlayout .cmsTitle{font-size:120%;}


/*========================================
FLEX SLIDES - Class to Stretch slide content height
========================================*/
.flexSlides .slick-track{display:flex;}
.flexSlides.slick-initialized .slick-slide{display:flex;height:auto;order: unset !important;}




/* ---- Featured Rectangle Thumbs  Text Below  ---  */

.postcardfeatured .featuredimage{
	position: relative;
	aspect-ratio: 6/4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

@supports not (aspect-ratio: 6/4) {
  .postcardfeatured .featuredimage {
      padding-top: 66%!important;
  }
}

.postcardfeatured img{
	position:absolute;
	display: block;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:0;
	height: 100%;
}
.postcardfeatured img{
	object-fit: cover;
	object-position: center;

}

.postcardfeatured .fptitle,
.postcardlayout .newslistitemtitle,
.postcardlayout .cmsTitle{font-size:120%;}

.postcardfeatured .fptitle{
	margin-top:1rem;
}


/*Gallery feed loaded into grid*/
.cb-grid .list-style-default .cmsItem .cmsImage {
  float: none;
  width: 100%;
  margin: 0;
}
.cb-grid .cmsItem .cmsImage img {
  max-height: none;
}
/* ---- Slick Slider Aspect Ratio  ---  */

/*
Currently applied:
.column.slick-slide - V4 inpage
.featuredimage - Homepage Grid
.cmsImage a (ajax feed) - Category Grid
*/

[class*=" slideAspect"] img,[class^="slideAspect"] img{
	object-fit:cover;
	height: calc(100% - 2rem);/*maintain margins*/
}

[class*=" slideAspect"] .featuredimage img,[class^="slideAspect"] .featuredimage img,
[class*=" slideAspect"] .cmsImage img,[class^="slideAspect"] .cmsImage img{
	height: 100%;
}

.cb-grid[class*=" slideAspect"],
.cb-grid[class^="slideAspect"]{
	margin-inline:1rem;
}

/*grid fix firefox*/

.cb-grid[class*=" slideAspect"] .featuredProduct,
.cb-grid[class^="slideAspect"] .featuredProduct{
	margin:0;
	padding:0;
}
.cb-grid[class*=" slideAspect"] .cmsImage,
.cb-grid[class^="slideAspect"] .cmsImage {
  width: 100%;
	min-height: 0!important; /*to override js-set min-height - effects use of aspect-ratio*/
}
.cb-grid[class*=" slideAspect"] .cmsImage img,
.cb-grid[class^="slideAspect"] .cmsImage img {
  height: 100%;
  margin-top: 0 !important;
}

/*Aspect Ratios*/
.slideAspect1 .slick-slide .column, /*rows > 1 setting*/
.slideAspect1 .column.slick-slide,
.slideAspect1 .featuredimage,
.slideAspect1 .cmsImage,
.slideAspect1 img{
	aspect-ratio:1;
}
.slideAspect6x4 .slick-slide .column,
.slideAspect6x4 .column.slick-slide,
.slideAspect6x4 .featuredimage,
.slideAspect6x4 .cmsImage,
.slideAspect6x4 img{
	aspect-ratio:6/4;
}
.slideAspect4x6 .slick-slide .column,
.slideAspect4x6 .column.slick-slide,
.slideAspect4x6 .featuredimage,
.slideAspect4x6 .cmsImage,
.slideAspect4x6 img
{
	aspect-ratio:4/6;
}
.slideAspect6x5 .slick-slide .column,
.slideAspect6x5 .column.slick-slide,
.slideAspect6x5 .featuredimage,
.slideAspect6x5 .cmsImage,
.slideAspect6x5 img{
	aspect-ratio:6/5;
}
.slideAspect5x6 .slick-slide .column,
.slideAspect5x6 .column.slick-slide,
.slideAspect5x6 .featuredimage,
.slideAspect5x6 .cmsImage,
.slideAspect5x6 img{
	aspect-ratio:5/6;
}
.slideAspectWS .slick-slide .column,
.slideAspectWS .column.slick-slide,
.slideAspectWS .featuredimage{aspect-ratio:1;}

.slideAspectWS .column.slick-slide img,
.slideAspectWS .featuredimage img,
.slideAspectWS .cmsImage img{width:100%;height:auto;aspect-ratio:1;object-fit: contain;}

.slideAspectWW .column.slick-slide,
.slideAspectWW .featuredimage{aspect-ratio:6/4;}

.slideAspectWW .column.slick-slide img,
.slideAspectWW .featuredimage img,
.slideAspectWW .cmsImage img{width:100%;height:auto;aspect-ratio:6/4;object-fit: contain;}

.slideAspect1 .cmsImage a{
	aspect-ratio:inherit;
	display:block;
}

@supports not (aspect-ratio: 6/4) {
	[class*=" slideAspect"] img,[class^="slideAspect"] img,[class*=" slideAspect"] .featuredimage img,[class^="slideAspect"] .featuredimage img{
			height:auto; /*do not fit*/
	}
	.slideAspect1 .cmsImage a{
		display:initial;
	}
}

/*iOS Safari Aspect-ratio fallback - it doesnt properly support aspectratio 05/23 */

@supports not (aspect-ratio: auto) {
/*Container WW:Within Wide 6x5, WS:Within Square*/
[class*=" slideAspect"] .cmsImage,[class^="slideAspect"] .cmsImage{padding-top:100%;position:relative;}
.slideAspectWW .cmsImage{padding-top:83.3%;}
.slideAspectWS .cmsImage{padding-top:66.7%;}
.slideAspect6x4 .cmsImage{padding-top:66.7%;}
.slideAspect4x6 .cmsImage{padding-top:150%;}
.slideAspect6x5 .cmsImage{padding-top:83.3%;}
.slideAspect5x6 .cmsImage{padding-top:120%;}
/*image*/
[class*=" slideAspect"] .cmsImage img,[class^="slideAspect"] .cmsImage img{
	position:absolute;
    	top:0;bottom:0;width:100%;height:auto;max-height:100%;
    	display:block;
}
}


/*Slide Slider Fade Variants - triggered by class*/

.is-inpage-banner .is-fade-zoom .slider-image,
.is-caption-slider.is-fade-zoom .is-box .is-overlay-bg {
transition-property: transform,opacity!important;
transition-duration: 0.5s!important;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1)!important;
transform:  scale(1.2);
}
.is-inpage-banner .is-fade-zoom .slick-current,
.is-caption-slider.is-fade-zoom .slick-current .is-overlay-bg {
  transform: scale(1);
}

.is-inpage-banner .is-fade-slide .slider-image {
transition-property: transform,opacity!important;
transition-duration: 0.5s!important;
transition-timing-function: ease-in!important;
transform: translate3d(0, 0px, 0px) scale3d(1.05, 1.05, 1);
}
.is-inpage-banner .is-fade-slide .slick-current {
    transform: translate3d(-2%, 0px, 0px) scale3d(1.05, 1.05, 1);
}
.is-caption-slider .is-fade-slide .is-box .is-overlay-bg{
transition-property: transform,opacity!important;
transition-duration: 1s!important;
transition-timing-function: ease!important;
transform: translate3d(0, 0px, 0px) scale3d(1.1, 1.1, 1);
}
.is-caption-slider.is-fade-slide .slick-current .is-overlay-bg {
    transform: translate3d(-4%, 0px, 0px) scale3d(1.1, 1.1, 1);
}

.inpagelazygrid .list-style-default .cmsItem .cmsTitleAndTextNoPrice{
	width:100%;
}

/*=============================
REVIEWS SLIDER
==============================*/

#PrompoReviewItemList .slick-arrow{
	display: none !important;
}

/*=============================
SECOND IMAGE HOVER getAdditionalProductImage()
==============================*/
.cmsImage.cmsHoverImage{position:relative;}
.cmsImage.cmsHoverImage a{position:absolute;top:0;bottom:0;left:0;right:0;}
.cmsImage.cmsHoverImage img.cmsSecondImage{opacity:0;z-index:1;transition:opacity 0.3s ease;position:absolute;top:0;bottom:0;left:0;right:0;}
.cmsImage.cmsHoverImage:hover img.cmsSecondImage{opacity:1;}

/*=============================
Youtube API IFRAME
==============================*/

iframe.cmsYTvideo {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cmsYTContainer{
	height:inherit;
	position:relative;
	overflow:hidden;
}




/*=============================
Product hover slideshow
==============================*/
.productHoverSlideShow .cmsImage { position: relative; }
.productHoverSlideShow .cmsImage .hoverSlideshow { display: none; position:absolute; height: 100%; width: 100%; top: 0; background-color:inherit; }
.productHoverSlideShow .cmsImage .hoverSlideshow li{display:none; width: 100%; margin: 0;}
.productHoverSlideShow .cmsImage .hoverSlideshow .slick-slider li,
.cb-slider .hoverSlideshow .slick-slider li{display:block;}

.cmsItemLI.sfhover .productHoverSlideShow .hoverSlideshow ,
.cmsItemLI:hover .productHoverSlideShow .hoverSlideshow,
.cb-slider li:hover .productHoverSlideShow .hoverSlideshow  { display: block; }

.productHoverSlideShow ul.cmsDivSlider {padding: 0;}

/*Cater for different size slider thumbs that might show below image - restrict to cb-grid (usually cb-slider) for the moment*/
[data-role="featuredproduct"] li .productHoverSlideShow .cmsImage > a img{opacity:1;transition:opacity 0.75s ease;}
[data-role="featuredproduct"] li:hover .productHoverSlideShow .cmsImage > a img{opacity:0;}
/*Nested slick - Ignore Margin set on main slick*/
.cb-slider .hoverSlideshow .slick-slider li{margin:0!important;}
.cb-slider .hoverSlideshow .slick-slide a{display:block;padding:0!important;}