
.catalog-list .div-block{
    position: relative;
	width: 220px;
	margin: 7px;
	overflow: hidden;
}
.catalog-list .div-block a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    background-color:transparent;
    text-indent: -9999px;
}
.catalog-list .div-block a:hover{background-color:rgba(0,0,0,0.2);transition:0.5s all ease;}
.catalog-list .div-block h3{
	text-decoration: none;
    font-size: 28.5px;
    position: absolute;
    color: black;
    margin: auto auto;
    left: 0px;
    right: 0px;
    bottom: -9px;
    text-shadow: -1px -1px 3px white;
}
.catalog-list .div-block:hover h3{text-decoration:underline;}
.catalog-list .div-block img{
	position: relative;
    top: 10px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}
.seating-option-block{text-align:center;}
.seating-option-block img{margin:0px auto;}


.uui-section_layout04 .uui-layout04_component .uui-layout04_image img{margin-left:auto;margin-right:auto;}
.annotation-text{font-size: 14px;font-weight: bold;}


.uui-breadcrumbs{padding-bottom: 2rem;margin-top: -1rem;}
.uui-previous-product{float:left; position: relative; padding-left: 40px;}
.uui-next-product{float:right; position: relative; padding-right: 40px;}
.uui-breadcrumbs a{color: #004275;font-weight: 600;text-decoration: none;font-size:20px;}
.uui-breadcrumbs a:hover{text-decoration:underline;}

.uui-next-product:after{content:""; display:block; width:30px; height:30px;background:url(../images/chevron-right.png); background-size:contain;position:absolute;top:-3px;right:0px;}
.uui-previous-product:before{content:""; display:block; width:30px; height:30px; background:url(../images/chevron-left.png); background-size:contain;position:absolute;top:-3px;left:0px;}

/** Slider **/
#catalog-slider{
	
}
#thumbnail-slider{
	margin-top:25px;
	max-width:810px;
}


.splide__slide img {
  width: 100%;
  height: 100%;
}
.splide__slide {
  opacity: 0.6;
}

#thumbnail-slider .splide__slide.is-active {
    opacity: 1;
	border: 2px solid #2a2a2a;
    padding: 3px 4px;
    border-radius: 3px;
}


.fabric-list{}
.fabric-list .div-block{
	position: relative;
	width: 109px;
	height: 158px;
	margin: 4px;
	overflow: hidden;
	border-width:0px;
}
.fabric-list .div-block img{margin-top:5px;}
.fabric-list .div-block h3{font-size:18px;line-height:18px;margin-top:5px;}
.fabric-list .div-block a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    background-color:transparent;
    text-indent: -9999px;
}
.fabric-list .div-block a:hover{background-color:rgba(0,0,0,0.2);transition:0.5s all ease;}
.fabric-list{
    overflow: auto;
    margin-left: -5px;
    margin-right: -5px;
}
.fabric-selection-section .w-container{position:relative;}
.fabric-popup{
	position:fixed;
	z-index:1200;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:none;
}

.fabric-popup .fabric-popup-container{
	position:relative;
	margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    width: 80%;
    margin-top: 20px;
    background: white;
	padding: 20px;
	top: 20%;
	border-radius: 4px;
    box-shadow: 1px 1px 10px #2a2a2a;
}
.fabric-popup .fabric-popup-container .fabric-popup-close{
	position: absolute;
    right: 10px;
    top: 10px;
	font-size: 28px;
	cursor:pointer;
}
.fabric-popup .fabric-popup-container .fabric-popup-close:hover{
	color: #363636;
    background: #e7e7e7;
    border-radius: 30px;
}
.fabric-popup .fabric-popup-container .fabric-details{
	width: 56%;
    display: inline-block;
    vertical-align: top;
}
.fabric-popup .fabric-popup-container .fabric-details h2{margin-top:0px;}
.fabric-popup .fabric-popup-container .fabric-details .cleaning-code{font-size:18px;}
.fabric-popup .fabric-popup-container .fabric-details .fabric-content{font-size:18px;}
.fabric-popup .fabric-popup-container .fabric-details .fabric-content span{
	display: block;
    font-size: 16px;
    line-height: 24px;
    background: rgb(237 237 237);
    border-radius: 4px;
    padding: 5px 10px;
    height: 60px;
}
.fabric-popup .fabric-popup-container .fabric-details a{display:inline;}
.fabric-popup .fabric-popup-container .fabric-details-image{
	width: 43%;
    display: inline-block;
}
.fabric-popup .fabric-popup-container .fabric-details-image img{
	margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px #8f8f8f;
    border: 1px solid black;
}

.uui-layout-img-wrapper{position:relative;}
.fabric-hover-popup{
	position: absolute;
    z-index: 1200;
    top: 0px;
    left: 50%;
    width: 650px;
    display:none;
}
.fabric-hover-popup:hover,.fabric-hover-popup:focus,.fabric-hover-popup:active, .uui-layout-img-wrapper:hover .fabric-hover-popup{display:block;}

.fabric-hover-popup .fabric-small-arrow{
	position: absolute;
    left: -15px;
    top: 60px;
    z-index:10;
}

.fabric-hover-popup .fabric-small-arrow i{
	font-size: 48px;
    color: white;
    text-shadow: -1px 0px 10px #2a2a2a;
}
.fabric-hover-popup .fabric-small-arrow::after{
	content: "";
    display: block;
    width: 15px;
    height: 50px;
    position: absolute;
    left: 15px;
    top: 0px;
    background: white;
    z-index: 20;
}

.fabric-hover-popup .fabric-popup-container{
	position: relative;
    background: white;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 1px 1px 10px #2a2a2a;
}
.fabric-hover-popup .fabric-popup-container .fabric-details{
	width: 56%;
    display: inline-block;
    vertical-align: top;
}
.fabric-hover-popup .fabric-popup-container .fabric-details h2{margin-top:0px;}
.fabric-hover-popup .fabric-popup-container .fabric-details .cleaning-code{font-size:18px;}
.fabric-hover-popup .fabric-popup-container .fabric-details .fabric-content{font-size:18px;}
.fabric-hover-popup .fabric-popup-container .fabric-details .fabric-content span{
	display: block;
    font-size: 16px;
    line-height: 24px;
    background: rgb(237 237 237);
    border-radius: 4px;
    padding: 5px 10px;
    height: 60px;
}
.fabric-hover-popup .fabric-popup-container .fabric-details a{display:inline;}
.fabric-hover-popup .fabric-popup-container .fabric-details-image{
	width: 43%;
    height: 100%;
    display: inline-block;
}
.fabric-hover-popup .fabric-popup-container .fabric-details-image img{
	margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px #8f8f8f;
    border: 1px solid black;
}

.f-cta-logo-card .product-care-text.letter-w i{
	background-color: #727b33;
    color: white;
    border-radius: 50px;
    padding: 15px 22px;
}
.f-cta-logo-card .product-care-text.letter-s i{
	background-color: #727b33;
    color: white;
    border-radius: 50px;
    padding: 15px 22px;
}
.f-cta-logo-card .product-care-text.letter-ws{
	background-color: #727b33;
    color: white;
    border-radius: 50px;
    padding: 15px 0px;
    margin: 0px 32px;
}
.f-cta-logo-card .product-care-text.letter-x i{
	background-color: #727b33;
    color: white;
    border-radius: 50px;
    padding: 15px 22px;
}
.product-care .f-cta-logo-card:hover{
	background-color: rgb(0 66 117 / 8%);
    cursor: pointer;
    transition: 0.5s all ease;
}

/** Warranty **/
.warranty-tabs{}
.warranty-list-tab-menu{}
.f-career-tab-link.w--current{background-color: #c6d4ff;}
.warranty-list-content .warranty-tab{display:none;}
.warranty-list-content .warranty-tab.w--tab-active{display:block;}

.f-h2-heading{color: #004275;}
.f-banner-2{background-color:#004275;}
.product-care-description .letter-w{}
.product-care-description .letter-s{}
.product-care-description .letter-ws{}
.product-care-description .letter-x{}

/** Contact Us**/
.errField .error{
	margin-top: 10px;
    padding: 10px;
    background-color: #ffdede;
}
.formContactUs-success-message{
	padding: 20px;
    margin-bottom: 20px;
    margin-top: -60px;
    text-align: center;
    background-color: #87ff60;
}

.intro-header-about.cc-subpage{background-image: url(../images/467_SOFA_LOVE_CHAIR.jpg);margin-bottom: 19px;}
.intro-header-catalog.cc-subpage{height: 250px;background-position: 50% 60%;background-image: url("../images/33801DomainIronRoom - 3840 x 2160.jpg");margin-bottom: 19px;}
.intro-header-fabric.cc-subpage{background-image: url(../images/F16.jpg);background-position: 50% 94%;margin-bottom: 19px;}
.intro-header-care.cc-subpage{margin-bottom: 19px;}
.intro-header-warranty.cc-subpage{background-image: url("../images/372_SECTIONAL-Waites Flint - 3840 x 2160.jpg");margin-bottom: 19px;}
.intro-header-contact.cc-subpage{background-image: url(../images/853_SOFA_LOVE_RECLINER-1.jpg);}
.p404.cc-subpage{height: 150px;}


.uui-layout04_component{    
	-ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
    align-items: start;
}
.uui-layout04_image .heading-2{margin-top: 5px;}
.about-story-wrap{margin: 40px auto 40px;}


/** Responsive Adjustments **/
@media (max-width:1320px) and (min-width:991px) {
	.menu{left:20%;}	
	.navigation-item{padding-right:0px;}
}

@media (max-width:991px) and (min-width:768px) {
	.uui-section-catalog-item .uui-padding-vertical-xhuge{padding-top: 1rem;padding-bottom: 1rem;}
}



@media screen and (max-width: 767px){
	.canby-video video{width:100%;height: auto;}
	.fabric-popup .fabric-popup-container{top:2%;}
	.fabric-hover-popup{min-width:480px;width:100%;}
	
	
}
@media screen and (max-width: 479px){
	.uui-padding-vertical-xhuge{padding-top: 1rem;padding-bottom: 0rem;}
	.uui-layout04_component{position:relative;grid-template-columns: 1fr;}
	.uui-layout04_content{margin-top:280px;}
	.uui-layout04_image{position:absolute;top:0px;}
	
	
	.uui-section-catalog-item .uui-padding-vertical-xhuge{position: relative;}
	/**
	.uui-breadcrumbs{
		border:none;    
		padding-bottom: 0rem;
	    margin-top: 8rem;
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    z-index: 10;
	}
	
	.uui-breadcrumbs span{display:none;}
	**/
	.uui-breadcrumbs a{font-size:18px;}
	
	.uui-previous-product{padding-left:30px;}
	.uui-next-product{padding-right:30px;}
	.uui-next-product:after{width:26px; height:26px;top:-1px;}
	.uui-previous-product:before{width:26px; height:26px;top:-1px;}
	
	
	.intro-header-catalog.cc-subpage{height:200px;}
	.cc-subpage{height:200px!important;}
	
	
	.uui-section_layout39 .uui-layout40_image-wrapper{grid-column-gap: 0.5rem;grid-row-gap: 1.5rem;margin-top:0px;margin-bottom:0px;}
	.uui-section_layout39 .text-block-3{line-height:16px;}
	.uui-section_layout39 .seating-options-cat{font-size:12px;}
	
	.f-navigation-fabric{padding: 10px 8px;}
	
	.fabric-popup .fabric-popup-container .fabric-details{width: 100%;}
	.fabric-popup .fabric-popup-container{top:15%;}
	.fabric-popup .fabric-popup-container .fabric-details-image{width:100%;}
	.fabric-popup .fabric-popup-container .fabric-details-image img{width:100%;}
	
	.f-navigation-menu{box-shadow: black 1px 1px 10px 0px;}
	
	.intro-header-catalog{margin-bottom:0px;}
	.canby-video video{width:100%;height: auto;}
	.home-content-wrap{margin-bottom: 0px;}
	.home-section-wrap{padding:0px 15px;}
	.catalog-list .div-block{width:150px;}
	.navigation{z-index:1200;}
	.fabric-list .div-block{width:100px;}
	.fabric-list .div-block h3{font-size:16px;}
	.f-section-regular{padding-top: 32px;padding-bottom: 32px;}
	
	.hero-subscribe-right{padding: 20px 15px;}
	.f-section-large-2{padding-top:20px;padding-bottom:20px;}
	.f-paragraph-regular{font-size: 12px;line-height: 1.5;}
	.product-care .f-grid-four-columns{grid-template-columns: 1fr 1fr;}
	.f-cta-logo-card{padding: 5px;min-height: 50px;}
	.product-care-text{display: inline-block;font-size: 18px;}
	.f-cta-logo-card .product-care-text.letter-w i{padding: 12px 14px;}
	
	h2{font-size: 30px;line-height: 38px;}
	
	.uui-layout-img-wrapper{padding-top:0px;margin-top:20px;}
	.fabric-hover-popup{top: 100%;left: 0px;width: 100%;}
	.fabric-hover-popup .fabric-popup-container{padding: 20px 10px;}
	.fabric-hover-popup .fabric-popup-container .fabric-details{width:100%;}
	.fabric-hover-popup .fabric-popup-container .fabric-details-image{width:100%;}
	.fabric-hover-popup .fabric-small-arrow {left: 15px;top: -25px;}
	.fabric-hover-popup .fabric-small-arrow i{text-shadow: 0px -1px 10px #2a2a2a;}
	.fabric-hover-popup .fabric-small-arrow i:before{    content: "\f0d8";}
	.fabric-hover-popup .fabric-small-arrow::after{width: 40px;height: 20px;left: -5px;top: 25px;}
	.fabric-hover-popup .fabric-popup-container .fabric-details h2{font-size: 28px;line-height: 33px;}
	
	
}
