/* homepage video popup */
.vidya-wrapper {
    background: rgba(0, 0, 0, .4);
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999999;
}

.vidya-wrapper .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.vidya-wrapper .pop-up-content {
    max-height: 100% !important;
    width: 85%;
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 1600px;
    min-height: 100px;
    vertical-align: middle;
    width: 50%;
    position: relative;
    padding: 25px;
    cursor: default;
    max-height: 95%;
}

.vidya-close-button {
    color: black;
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 20px;
    line-height: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
}
/* Logo */
.wp-custom-logo .site-container .title-area{
  padding-top: 0 !important;
}

@media (max-width: 959px) {
.wp-custom-logo .site-container .title-area {
min-width: 200px;
}
/* External-link icon on any menu system (desktop + mobile) */
.cabinets-menu-link > a::after,
.cabinets-menu-link a::after {
  content: "\f08e" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 900 !important; /* often required for FA glyphs */
  display: inline-block !important;
  margin-left: .333em !important;
  font-size: 14px !important;
  color: #000 !important; /* change as needed */
}
}

.color-options-div .wp-block-cover__inner-container,
.color-options-div .wp-block-cover__inner-container p.color-options-link{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vh;
  width: 100%;
}
.color-options-div .wp-block-cover__inner-container p.color-options-link a{ 
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cabinets-menu-link::after {
	content: "\f08e";
	color: white;
	font-family: 'Font Awesome 6 Pro';
	padding-left: .333em;
	font-size: 14px;
}

.sub_cat_img_container > img {
	aspect-ratio: 6 / 5;
	object-fit: cover;
}

/* Home Page Slideshow */
.home-slider-button{
  display: flex !important;
}
.home-slider-button .alignleft{
  margin-right: 0px !important;
}
.eedee-gutenslider-pagination{
  bottom: -5px !important;
}
.wp-block-buttons.button-align-center{
  display: flex;
  justify-content: center !important;
}
.wp-block-buttons.button-align-center div.wp-block-button{
  margin-right: 0px;
}

.swiper-slide .eedee-background-div::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) !important;
  opacity: 1;
  pointer-events: none;
}
@media(max-width: 959px) {
	.general-container__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
	.fullwidth-cover {
		min-height: 250px!important;
	}
}

.wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img {
	aspect-ratio: 6 / 5;
}

.general-container__stack, .general-container__row, .general-container__grid, .slide-content__stack, .slide-content__row, .entry-content .wp-block-columns:not(.alignfull), .reuseable-padding > div > div {
	width: 1540px!important;
	max-width: 90vw!important;
	gap: 18px!important;
	grid-gap: clamp(18px, 2.5vw, 30px)!important;
}

.blurb-stack {
	max-width: 550px!important;
}

.blurb-stack:not(.header-cover__inner > div > div > div), .message-us-stack {
	gap: 18px!important;
	margin: 0 auto;
}

.message-us-stack > div.gform_wrapper {
	width: 100%;
	margin: -15px 0!important;
}

.column-with-bg {
	padding: 30px;
	border-radius: 5px;
	align-self: flex-start;
}

.showroom-gallery__grid > figure > img {
	object-fit: cover;
	aspect-ratio: 6 / 5;
}

.value-stack > h3 {
	font-size: clamp(20px, 1.75vw, 26px);	
}

.values-grid > div {
	grid-gap: clamp(18px, 2.5vw, 30px)!important;
}

.fullwidth-cover {
	width: 100%!important;
	padding: 0!important;
	height: 22vw!important;
}

.fullwidth-cover > div {
	width: 100%!important;
	height: 100%!important;
}

@media(max-width: 781px) {
	.fullwidth-cover-banner > span {
		background:linear-gradient(90deg,rgba(230,226,220,0.8) 0%, rgba(230,226,220,0.8) 100%)!important;
	}
}

.general-container, .slide-content, .reuseable-padding > div {
    padding: clamp(36px, 5vw, 100px) 0!important;
  }

.gb-block-button > a, a.button {
	font-family: "Raleway", sans-serif!important;
	font-size: 20px!important;
	border-radius: 100px!important;
	background-color: #0d6679;
}

/*Text-only overlay*/
.entry-content .slogan-background{
    padding: 1.25em 2.375em;
    background-color: rgba(0,0,0,0.59);
}
.wp-block-genesis-blocks-gb-columns .gb-layout-column-wrap .cta-image{
    margin-bottom: 0px!important;
}

	.testimonial-stack {
		padding: 30px!important;
		gap: 18px;
	}

.gb-block-layout-column-inner .cta-link a{
    text-decoration: none;
}

.cta-link {
	width: 100%;
	height: 100%;
}

.cta-link > a {
	color: white!important;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 30px;
	text-transform: uppercase;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

.cta-link > a::after {
	content: 'View Products →';
	width: 100%;
	padding: 30px 0!important;
	position: absolute;
	left: 0px;
	bottom: -80px;
	background: #0d6679;
	visibility: hidden; 
	overflow: hidden;
	z-index: 0;
	transition: all 0.2s ease-in-out;
}

.cta-link > a:hover::after {
	bottom: 0px;
	visibility: visible;
}

.entry-content .see-more-reviews a{
    text-decoration: none;
}

.entry-content .products-footer a{
    text-decoration: none;
    color: black;
}
.entry-content .navigation-footer a{
    text-decoration: none;
    color: black;
}

/* Color Options */

#menu-item-724 ul ul{
  right: -200px;
  top: 0px;
}
#menu-item-724 ul ul li{
  text-align: left;
}

.wp-block-group.alignfull .wp-block-columns.color-options {
  padding: 2.5px 0;
  border: 2px solid #333;
}

.wp-block-group.alignfull .wp-block-columns.color-options .wp-block-navigation .wp-block-navigation-item__content {
  color: rgba(0,0,0,.6);
  font-size: 16px;
}

/* Category Landing Page */
.page-template-category-landing-page .site-inner{
  padding-top: 0 !important;
}
.viz-banner-container{
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  margin-bottom: 50px;
	background-attachment: fixed;
  
}
@media(max-width: 600px){
  .viz-banner-container{
    min-height: 300px;;
  }
}
.viz-banner-overlay{
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) !important;
  height: 100%;
  width: 100%;
  display: grid;
}
.viz-banner-text{
	color: white;
    text-align: left;
/*    font-size: 72px; */
    min-height: 500px!important;
	padding: calc(clamp(36px, 5vw, 100px) + 18px) 0;
    font-weight: bold;
    max-width: 90vw !important;
    width: 1540px !important;
    justify-self: center;
    align-content: flex-end;
}
.viz-swatches-container {
	max-width: 100%!important;
}
.subcat-grid-container{
  margin-bottom: 50px;
}
.subcat-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 4em;
}
.sub_cat_link{
  background-color: #e2e2e2;
  text-align: center;
  padding: 25px 0;
  margin-bottom: 30px;
}
.sub_cat_link p{
  margin-bottom: 0 !important;
  font-weight: bold;
}
.reuseable-blocks-container{
/*  margin-bottom: 100px; */
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
} 
/* .reuseable-padding{
  padding: 50px;
} */
.reuseable-background-color{
  background-color: #f3f2f0;
}

.term-bedroom .site-header,
.term-dining-kitchen .site-header,
.term-living-room .site-header,
.term-office .site-header,
.term-outdoor .site-header,
.term-children .site-header{
  margin-bottom: 0px;
}
body:not(.fullwidth).term-bedroom .site-inner,
body:not(.fullwidth).term-dining-room .site-inner,
body:not(.fullwidth).term-living-room .site-inner,
body:not(.fullwidth).term-office .site-inner,
body:not(.fullwidth).term-outdoor .site-inner,
body:not(.fullwidth).term-children .site-inner{
  padding-top: 0 ;
}

/* Dynamically added reviews */
.viz-reviews-container{
  width: 80%;
  margin: 50px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 30px;
}
.review-container-viz{
  background-color: #f5f5f5;
  padding: 30px;
  text-align: left;
}
.viz-quotes-container{
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -50px;
  margin-bottom: 20px;
}
.viz-star-rating-container{
  width: 40%;
  margin: 0 auto;
}
.viz-review-content{
  color: black;
}
.viz-review-author{
  color: black;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 15px;
}
.blue-review-link{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#review{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
  .pop-up-wrapper .pop-up-content {
    width: 60%;
    max-width: 90%;
    max-height: 95%;
    overflow-y: auto;
}

  .popupCloseButton {
    border-radius: 0;
    top: 0px;
    right: 0;
  }
@media(max-width: 1099px){
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    padding: 0px 15px !important;
    font-size: 17px !important;
  }
}

@media ( max-width: 981px ) {

  .pop-up-wrapper .pop-up-content {
    width: 90%;
    max-width: 90%;
    max-height: 95%;
  }


    


    .ws_input_wrap .close {
        display: inline;
        position: absolute;
        right: 15px;
        font-size: 34px;
        margin-top: 7px;
    }
    
      .ws_search_wrap {
        width: 100%;
      }
    
  
      .ws_search_icon:before {
        position: relative;
      }
     
     
      #ws_search_icon:before {
        position: inherit;
      }
    
    
      .flip-mobile .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
      }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mobile-menu-item {
        display: block;
    }
      
    #et_mobile_nav_menu {
        display: none;
    }

  .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-bottom: 24px;
  }

}

@media(max-width:959px){
  .viz-banner-container{
/*    max-height: 250px; */
    background-size: cover;
  }
/*  .viz-banner-overlay{
    max-height: 250px;
  } 
  .viz-banner-text{
    padding: 108px 0;
  } */
  .subcat-grid{
    grid-template-columns: 1fr 1fr;
  }
  .viz-reviews-container{
    grid-template-columns: 1fr 1fr;
  }
  .reuseable-blocks-container .color-options .wp-container-3{
    padding-top: 10%;
    padding-bottom: 10%;
  }
  header .title-area{
    width: 35%!important;
  }
}

@media(min-width: 861px){
  /* Default Woocommerce Category Pages */
  .woocommerce ul.products{
    justify-content: flex-start !important;
  }
}

@media (max-width: 768px){


    .search article:nth-child(n) {
      width: 48%;
      float: left;
      clear: both;
      margin: 0 0 2.992em;
    }
    .search article:nth-child(2n) {
      float: right;
      clear: none!important;
    }
    .viz-banner-text{
      font-size: 50px;
    }

}

@media(max-width: 600px){
	.general-container__grid {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
	.subcat-grid{
    grid-template-columns: 1fr;
  }
  .viz-reviews-container{
    grid-template-columns: 1fr;
  }
  .entry-content .slogan-background{
    padding: 50px 50px;
  }
  .eedee-gutenslider-prev{
    left: 30px !important;
  }
  .eedee-gutenslider-next{
    right: 30px !important;
  }
}

@media (max-width: 500px){

  .search article:nth-child(n) {
    margin: 0 0 11.5%!important;
    width: 100%!important;
  }
  .viz-banner-text{
    font-size: 36px;
  }
  
}

@media(max-width:480px){
  #business-slogan-goes-here{
    padding: 0;
  }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 15px!important;
	font-weight: 500;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	font-weight: 500;
}

#mega-menu-wrap-primary #mega-menu-primary {
	gap: 0px!important;
}
.nav-primary {
	width: 100%!important;
}