@import url("https://use.typekit.net/wwu8mwb.css"); /* Inter & span kit */
@import url("css/pg_style.css");
@import url("pg_style.css");
/**
	Theme Name: Yorktowne Theme 2025
	Theme URI: 
	Description: Yorktowne Theme 2025
	Version: 1.0.0
	Author: 
	Author URI:
	Tags: 

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* --------------------------------------------------------------------
   Yorktowne Theme 2025 – Core style‑guide + backwards‑compat variables
   (last updated 2025‑05‑06) – inline icons are intentionally omitted
   -------------------------------------------------------------------- */

:root {
  /* ---- Core Palette ---- */
  --primary-blue:  #183859;
  --accent-teal:  #129d9c;
  --accent-burgundy: #816516;
  --text-color: #000000;
  --headline-color: var(--primary-blue);
  --link-hover: #002b59;
  --link-active: #129d9c;
  --view-link-hover: #53565a;
  --background-light: #f7f6f0;
  --white: #ffffff;

  /* ---- Backwards‑compat aliases ---- */
/*   --color-1: var(--primary-blue); */
	 --color-1: #183859;
  --color-7: var(--accent-teal);
  --color-8: #53565a;
  --color-white: var(--white);

  /* Map legacy font tokens to new families */
  --font-1: "inter-variable", sans-serif;
  --font-2: "inter-variable", sans-serif;
  --font-3: "span", sans-serif;
  --font-4: "inter-variable", sans-serif;
}

/* --- 2025 Font Enforcement --- */

/* Ensure all headers use Span */
h1, h2, h3, h4, h5, h6, .productName, .room-name {
    font-family: var(--font-3) !important;

}

/* Ensure all UI elements and body use Inter */
p, a, li, input, textarea, span, .button, .navigation, .footer-links {
    font-family: var(--font-1);
}

/* Specific fix for Search and Filters that had hardcoded Montserrat/Jaf */
.probox input, 
.probox input::placeholder, 
.filter_toggle > span,
.filter-top-title h3 {
    font-family: var(--font-1) !important;
}

/* --- 2025 Font Enforcement (STRENGTHENED) --- */

h1{
	font-weight: bold !important;
	text-transform: uppercase;
}
/* 1. Force Headers site-wide, including Divi Modules */
h1, h2, h3, h4, h5, h6, 
#et-boc .et_pb_text h1, 
#et-boc .et_pb_text h2, 
#et-boc .et_pb_text h3, 
#et-boc .et_pb_text h4,
.productName, .room-name {
    font-family: var(--font-3) !important;
		text-transform: uppercase !important;
}

.productName, h1{
	font-weight: bold;
}
/* 2. Force Body site-wide, including Divi Modules */
p, a, li, input, textarea, span, 
.et_pb_text, .et_pb_text p, .et_pb_text_inner,
.button, .navigation, .footer-links {
    font-family: var(--font-1) !important;
	font-size : 14px !important;
}

/* === Global Element Defaults === */
html,
body {
  font-family: "inter-variable", sans-serif;
  color: var(--text-color);
  margin: 0;
  padding: 0;
}

/* Headings – plain span (no extra‑narrow, no auto‑uppercase) */
h1,
h2,
h3,
h4 {
  font-family: "span", serif;
  color: var(--headline-color);
   text-transform: uppercase !important;/* override legacy UA caps if still present */
  
}

h1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
}

h2 {
  font-size: 33px;
  line-height: 33px;
  font-weight: 400;
}

/* Body copy */
p,
.body-copy {
  font-size: 16px;
  line-height: 20px;
  font-family: "inter-variable", sans-serif; /* typo fixed (was san-serif) */
  
}

/* ---- Links ---- */
a {
  color: var(--primary-blue);
  text-decoration: none;
}
a:hover   { color: var(--link-hover);   }
a:active  { color: var(--link-active);  }

/* View/Text links */
.view-link {
  font-size: 14px;
  font-weight: 700;
  color: var(--accent-burgundy);
}
.view-link:hover { color: var(--view-link-hover); }

.text-link {
  font-size: 16px;
  font-weight: 400;
  color: var(--accent-burgundy);
}
.text-link:hover { color: var(--view-link-hover); }

/* ---- Navigation ---- */
.navigation {
  font-family: "inter-variable", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-blue);
}
.navigation a { color: inherit; }
.navigation a:hover { color: var(--link-hover); }

/* ---- Buttons ---- */
.button,
.white-button {
  font-family: "inter-variable", sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.button {
  background-color: var(--primary-blue);
  color: var(--white);
}
.button:hover { background-color: var(--accent-teal); }

.white-button {
  background-color: var(--white);
  color: var(--primary-blue);
  border: 2px solid var(--primary-blue);
}
.white-button:hover {
  color: var(--white);
  background-color: var(--accent-burgundy);
  border-color: var(--accent-burgundy);
}

/* ---- Quick‑fix patches for legacy components ---- */
.new-product,
.view-results-button,
.begin-nav,
.white-button:hover {
  background-color: var(--accent-burgundy) !important;
}

/* 2560 px width ceiling for the Full‑Width template */
body.page-template-page-home-fullwidth .hardcap{
  width:100%;
  max-width:2560px;
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}

/* 1 ▸ Reset the list so no browser bullets or left-indent sneak through */
.footer-list {
	list-style: none;          /* kill bullets */
	margin: 0;
	padding: 5px;
}

/* Some browsers (Safari) still paint ::marker—nuke it just in case */
.footer-list li::marker { content: none; }

/* 2 ▸ Uniform spacing + zero indent for every list item */
.footer-list li {
	margin: 0;                 /* no extra gap above/below */
	padding: 0;                /* no left indent */
}

/* 3 ▸ Link typography & colours = same as main menu */
.footer-list a {
	font-family: 'inter-variable', var(--font-1);  /* match theme */
	font-size: 16px;            /* same as header */
	line-height: 1.5;
	color: #00518a !important;             /* Yorktowne blue */
	text-decoration: none;
	transition: color .2s ease;
}

.footer-list a:hover,
.footer-list a:focus {
	color: #8e0e41;             /* burgundy hover state, optional */
	text-decoration: underline; /* or whatever your header uses */
}

/* 4 ▸ Optional: add a tiny vertical gap so links don’t feel cramped */
.footer-list li + li { margin-top: .5rem !important; }


/* ----------------------------------------------------------------------
   Legacy stylesheet continues below.  Any rule that clashes with the
   guide above should be *removed* from that section.  The specific
   heading‑override rule was deleted per 2025‑05‑06 request.
   ---------------------------------------------------------------------- */

/* ========== BEGIN LEGACY RULES (auto‑migrated) ========== */


/* ----- Webfont declarations ----- */
/*@font-face {
  font-family: "inter";
  src: url("/wp-content/themes/yourtheme/css/fonts/inter-Regular.woff2") format("woff2"),
       url("/wp-content/themes/yourtheme/css/fonts/inter-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Light.woff2") format("woff2"),
       url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Medium.woff2") format("woff2"),
       url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Bold.woff2") format("woff2"),
       url("/wp-content/themes/yourtheme/css/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
*/

/* Consolidated and tokenized CSS */

#hero-images .slick-arrow { filter: invert(87%) sepia(13%) saturate(242%) hue-rotate(144deg) brightness(103%) contrast(88%); }
p { font-family: var(--font-1); font-weight: 400; font-style: normal; }
.img-fluid, .news-slider .slide img, .press-featured-image img, #crossSell4Zone3.sidbarSlider, .hero-slider img { width: 100%; height: auto; }
#widget_search input { box-sizing: border-box; }
.threeFifthsSlider { height: 100%; position: relative; }
h4.main_module_heading { max-width: 100%; font-size: 1.125em; top: 34px; padding: 12px; }
.hero { margin: 8px 0 0; }
.home-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background: url(images/slider_nav_arrows_med.png) no-repeat left -33px; border: 0; text-indent: -999em; overflow: hidden; z-index: 100; outline: none; cursor: pointer; }
.home-slider .slick-prev { left: 8px; background-position: -3px -33px; }
.home-slider .slick-prev:hover { background-position: -123px -33px; }
.home-slider .slick-next { right: 8px; background-position: -63px -33px; }
.home-slider .slick-next:hover { background-position: -183px -33px; }
.home-slider .slick-slide .slide { position: relative; vertical-align: top; }
.gallery-slider  .slick-arrow { text-align: center; width: 40px; height: 40px; cursor: pointer; }
.gallery-slider  .slick-prev { display: block; position: absolute; z-index: 1000; top: 50%; transform: translateY(-50%); left: -50px; }
.gallery-slider .slick-next { display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; right: -50px; }
.slideWrapper, .testimonial-image, .et-db #et-boc .et-l .et_pb_gallery_grid .et_pb_gallery_items { display: flex; }
.slideWrapper .slideLeft { width: 60%; padding-bottom: 8px; }
.slideLeftSlide { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.slideLeftSlide a { display: block; width: 100%; height: 100%; }
.slideRight { display: flex; flex-wrap: wrap; width: 40%; }
.slideRightContainer { width: 50%; padding-left: 8px; padding-bottom: 8px; }
.slideRightLTbg { height: 100%; background-color: var(--color-7); position: relative; padding: 15px; }
.slideRightLTbg .slideTitle { color: var(--color-white); font-size: 2em; text-transform: uppercase; font-weight: 300; line-height: 1; padding: 0; margin: 0 0 .3em; }
.slideRightLTbg p { margin-right: 0; color: var(--color-white); font-size: 1em; }
.slide_cta:link,
.slide_cta:visited { background-color: var(--color-7); }
.home-slider .eSpotSlideCaption + p { font-size: 1em; }
.about_designer { font-style: normal; color: var(--color-white); background-color: rgba(1177, 190.7); padding: 30px; font-weight: 400; }
.news-slider .slide,
.news-slider-nav .slide { vertical-align: top; }
.news-slider .slick-arrow { background: transparent; border: 0; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 120px; cursor: pointer; background-image: url(images/newsslider_nav_arrows_med.png); background-repeat: no-repeat; overflow: hidden; z-index: 100; text-indent: -999em; }
.news-slider .slick-arrow:focus { outline: none; }
.news-slider .slick-prev { left: 10px; background-position: -130px 0px; }
.news-slider .slick-next { right: 10px; background-position: -70px 0px; }
.news-slider-nav .slide { border: 3px solid transparent; }
.news-slider-nav .slick-slide { margin: 10px 10px 0 0; }
.news-slider-nav .slick-current .slide { border-color: #75b1be; }
.news-slider-nav .slick-track { margin-left: 0; transform: translate3d(0, 0) !important; }
.about_designer p, .he-gallery .explore-whats-new p { margin: 0; }
.brochures_link { background-image: url(images/brochure_icon.png); background-repeat: no-repeat; }
.style_quiz_link { background-image: url(images/style_quiz_icon.png); background-repeat: no-repeat; }
.brochures_link,
.style_quiz_link { background-position: 15px center; padding: 2px; padding-left: 40px; text-transform: uppercase; display: block; margin-bottom: 5px; }
#breadCrumb { text-transform: capitalize; margin-left: 5px; margin: 35px 0; }
.press-featured-image, .also-like-grid { margin-bottom: 30px; }
.brochures_list h2.module_title { margin-bottom: 10px; }
.brochures_list .module_content .trackedHref { padding-top: 3px; display: inline-block; vertical-align: top; margin-bottom: 0; }
.single .secondary_nav ul li a { background-image: url(images/arrow_down-news.png); }
.single .secondary_nav ul li a:hover { background-image: url(images/med_arrow_down-right.png); }
.quizNavButton { height: auto; }
.quizNavButton .at-resp-share-element .at-share-btn .at-label { font-size: 18px !important; font-family: var(--font-1) !important; }
.quizNavButton .at-resp-share-element .at-share-btn:focus,
.quizNavButton .at-resp-share-element .at-share-btn:hover, .quizNavButton .at-resp-share-element .at-share-btn:focus, 
.quizNavButton .at-resp-share-element .at-share-btn:hover { transform: translateY(0) !important; }
#quizNavButtonContainer a.at-share-btn { padding: 9px 25px; }
#quizNavButtonContainer a.at-svc-facebook,
#quizNavButtonContainer a.at-svc-twitter { background-color: #a6adb5 !important; }
#quizNavButtonContainer a.at-share-btn:hover { background-color: #75b1be !important; }
#quizNavButtonContainer .at-resp-share-element.at-mobile .at-label { display: inline-block !important; padding-right: 0; }
.section_list .showmore { padding: 14px 0; margin-left: 14px; }
span.page-numbers.dots { float: none; }
.prevbutton, .nextbutton { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: rgba(0, 0.8); }
.nextbutton { margin: -150px; top: 23.5%; right: inherit; border-radius: 3px 0 0 3px; background-color: rgba(0,0.8); }
.prevbutton { left: inherit; border-radius: 0 3px 3px 0; margin: -650px; top: 45.2%; margin-left: -762px; background-color: rgba(0,0.8); }
.prevbutton1, .nextbutton1 { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: #000000; font-weight: bold; font-size: 36px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: rgba(0, 0.8); }
.nextbutton1 {top: 50%;right: 5%;}
.prevbutton1 {top: 50%;left: 5%;}
.pager a, .pager span { color: var(--color-8); display: inline-block; width: 30px; font-size: 16px; text-align: center; font-weight: 600; letter-spacing: 0; line-height: 0; background-position: center; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; vertical-align: top; height: 34px; margin: 0 7px; padding: 15px 0 0; }
a.page-numbers { padding-left: 5px; padding-right: 5px; }
.pager a:hover { color: #317292; }
.pager span.current { color: #317292; float: none; margin-top: 10px; padding-top: 11px; }
a.prev.page-numbers { text-indent: -100000px; width: 20px; background-image: url(images/arrow_pagination.png); background-repeat: no-repeat; background-position: 50% 50%; transform: rotate(180deg); overflow: hidden; vertical-align: top; display: inline-block; padding-top: 4px; }
a.next.page-numbers { text-indent: -100000px; width: 20px; background-image: url(images/arrow_pagination.png); background-repeat: no-repeat; background-position: 50% 50%; vertical-align: top; display: inline-block; margin-left: 0; padding-top: 4px; }
.sidebarSliderInner { padding-left: 25px; padding-right: 25px; padding-top: 15px; padding-bottom: 38px; }
.customSlideControl { position: absolute; padding-right: 25px; width: 90%; left: 5%; height: 35px; bottom: 5px; margin: 0 auto; }
.sidebarSlideImgCont, .pagination { padding-top: 5px; }
#crossSell4Zone3.sidbarSlider img.imgSidebarSlider, .he-gallery .product_image:not(.full), .et_pb_image_wrap { width: 100%; }
.zoomNoMarBottom, .ubermenu .ubermenu-row { margin-bottom: 0px !important; }
.single-product .prodDetailDescription .zoomViewerLink.active, .gallery-slide:hover > .hover-text, .bathSubPageImgWrapper .prodDetailDescription .zoomViewerLink.active, .full-sized-product-image_container img { display: block; }
.doorImageColumn .zoomViewerLink { margin-bottom: 0; }
.search .searchGridThumb { position: relative; padding-bottom: 66.5%; overflow: hidden; }
.search .searchGridThumb > img.size-room-gallery-thumb { position: absolute; object-fit: cover; object-position: center; }
.search .searchGridThumb > img.size-door-thumb { position: absolute; max-height: 100%; width: auto; left: 50%; transform: translateX(-50%); }
.search .product.grid3ColumnLayout { display: inline-block; }
div#makeItYoursContainer, iframe { max-width: 100%; }
#social_share_container > div { display: inline-block; vertical-align: top; }
.socialMail { font-size: 10px; background-color: #848484; padding: 6px 20px 6px 5px; color: var(--color-white); transition: all 0.35s; -webkit-transition: all 0.35s; cursor: pointer; margin-right: -2px; }
.socialMail:hover { padding-top: 2px; }
.socialMail > i { margin-right: 5px; }
.modal { display: none; position: fixed; z-index: 999; padding-top: 50px; padding-bottom: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 500px; }
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; }
.modalHeader, .tab-anchor, .hero-caption, .to-top, .page-template-page-bath-sanctuary .homePageSlider, .full-sized-product-image_container { position: relative; }
.modalHeader .close { position: absolute; right: 0; top: 0; }
body.modalOpen { position: fixed; width: 100%; }
.modalBody .gform_fields { padding-left: 0; }
.modalBody .gform_fields li.gfield { list-style: none; margin-right: 0px; margin-bottom: 0; margin-top: 0; padding-right: 0px !important; }
.modalBody textarea.textarea { height: 100px !important; }
.modalBody .gform_footer input[type="submit"], .modalBody .gform_footer { margin-top: 0px !important; }
.modalBody .gform_wrapper .validation_message, .modalBody .gform_wrapper .gfield_error .gfield_label, .modalBody .gform_wrapper div.validation_error { color: #b68733 !important; }
.modalBody .gform_wrapper li.gfield.gfield_error, .modalBody .gform_wrapper div.validation_error, .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border-color: #b68733 !important; }
.modalBody .gform_confirmation_message { font-size: 22px !important; color: #75b1be !important; text-align: center !important; margin: 66px 0 40px !important; }
.room-hero-image { width: 100%; margin: 1em 1em 1em 1em; max-height: 20em; }
.room-details { width: 100%; margin: 1em 1em 1em 1em; }
.feature-header { font-family: var(--font-1); font-size: 30px; font-weight: 500; line-height: 40px; letter-spacing: 3px; text-align: left; color: var(--color-1); }
.related-product { object-fit: cover; width: 100%; height: 250px; }
.room-description { padding-bottom: 1em; border-bottom: solid 1px lightgrey; font-family: var(--font-1); font-size: 28px; font-weight: 325; line-height: 34px; letter-spacing: 2px; text-align: left; margin-bottom: 3em; color: #777779; }
.get-this-look { margin-top: 2em; margin-bottom: 4em; }
.also-like { height: 100%; }
.clear_all_text:hover, .he-gallery .clear_all_text:hover, .filter_toggle:hover, .footer-links li:hover { cursor: pointer; }
.firstColumn  #breadCrumb { width: 100% !important; display: block; margin-top: 30px; }
.he-gallery { min-height: 769px; }
.he-gallery .filterColumn { padding-left: 25px; padding-right: 25px; float: left; width: 20%; margin-bottom: 25px; }
.he-gallery .galleryColumn { width: 79%; float: left; padding-left: 25px; }
.he-gallery #productsFacets { width: 95%; margin: auto; }
.he-gallery h1 { background-image: none; padding: 0; text-align: center; color: var(--color-1); margin-bottom: 5px; }
.show-all-results, .caption-text .white-button { font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; }
.he-gallery .subtitle { text-align: center; color: var(--color-1); margin-bottom: 40px; }
.he-gallery #filter_collection_list { border-bottom: 0; float: left; width: auto; }
.he-gallery .filter-left-element { float: left; padding-top: 5px; font-family: var(--font-2); font-size: 19px; font-weight: 500; line-height: 23px; letter-spacing: 0em; text-align: center; color: var(--color-1); }
.he-gallery .filter_list.section_list { float: left; }
.he-gallery #productsFacets .filter-top-title { background-color: var(--color-1); position: relative; }
.he-gallery .filter-group { font-family: "inter-variable", sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; letter-spacing: 0em; text-align: left; margin: 0px; min-height: 45px; padding-top: 6px; padding-left: 15px; }
.he-gallery .section_list ul { margin: 0px; }
.he-gallery .section_list li { margin: 0px; padding: 0px; }
.he-gallery .content_section { background: white !important; font-family: var(--font-3); font-size: 14px; font-weight: bold; line-height: 20px; letter-spacing: 0em; text-align: left; }
.he-gallery .content_section > h3 { border-bottom: 1px solid white; background: #dcdfe1; margin: 0px; }
.he-gallery .content_section > h3:not(.open) { background: var(--color-white); }
#facetFilterList li { margin-left: 3px; margin-right: 3px; }
.he-gallery #clear_all_filter { float: right; margin-top: 6px; font-family: var(--font-3); font-size: 16px; font-weight: bold; line-height: 15px; letter-spacing: 0em; text-align: left; }
.he-gallery #clear_all_filter:hover { background: 0; }
.he-gallery .filter-group:hover { font-family: "inter-variable", sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; letter-spacing: 0em; text-align: left; }
.filter-group:not(#foo) input[type="checkbox"]:checked + label:before { background-color: var(--color-7); background-image: none; height: 9px; width: 9px; margin-right: 7px; }
.filter-group:not(#foo) input[type="checkbox"]:checked + label { font-family: var(--font-1); font-size: 14px; font-weight: 500; line-height: 19px; letter-spacing: 0em; text-align: left; }
.he-gallery ul.selected_attributes li { float: left; background: var(--color-white); padding: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.he-gallery ul.selected_attributes li a { background-image: url(images/X.svg); color: var(--color-1); }
.he-gallery .clear_all_text { float: left; margin-left: 40px; color: var(--color-1); padding-right: 10px; height: 25px; padding-top: 5px; border-right: 1px solid var(--color-1); font-family: "inter-variable", sans-serif; font-size: 16px; font-weight: bold; line-height: 15px; letter-spacing: 0em; }
.he-gallery .productName { margin-top: 50px; font-family: var(--font-3); font-size: 48px; font-weight: bold; line-height: 53px; letter-spacing: 0.03em; text-align: center; text-transform: uppercase; }
.he-gallery .product .product_name a { color: var(--color-1); text-transform: uppercase; font-weight: 500; }
.he-gallery .filter_toggle { height: 40px; padding-top: 0px; position: relative; }
.he-gallery .filter_toggle h3 { background-image: none; color: var(--color-1); text-transform: capitalize; position: relative; font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; padding: 0; margin-top: 10px; }
.filter_toggle > span { font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; color: var(--color-1); margin-left: 15px; font: 1.125rem / 1.75 var(--font-1);}
.he-gallery #productsFacets fieldset { background-color: var(--color-white); }
.he-gallery #productsFacets fieldset h3:after { background-image: url(images/arrow-sidebar.svg); position: absolute; content: ""; right: 10px; top: 15px; width: 13px; height: 7px; }
.he-gallery #productsFacets fieldset h3.open:after { background-image: url(images/arrow-sidebar.svg); transform: rotate(180deg); }
.he-gallery #productsFacets .filter-top-title h3 { color: white; margin: 0; display: inline-block; max-height: 40px; margin-left: 14px; margin-top: 11px; }
.he-gallery #productsFacets .filter-top-title .filter-icon { background-image: url(images/Frame.svg); position: absolute; content: ""; right: 10px; top: 8px; width: 20px; height: 15px; }
.he-gallery .product-image img { width: 80%; }
.he-gallery .explore-whats-new { width: 95%; height: 250px; background: url(images/whatsnew-cabinet.png) center center; position: relative; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 25px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.he-gallery .explore-whats-new:hover { cursor: pointer; box-shadow: inset 0 0 0 1000px rgba(0,0,.2); }
.explore-whats-new div { position: absolute; bottom: 0; padding: 10px 15px 10px 30px; text-transform: uppercase; background: rgba(0, 0.3) url(images/chevron-right.svg) no-repeat 80%; background-size: 5%; color: white !important; font-weight: 325; font-family: var(--font-1); font-size: 16px; line-height: 20px; letter-spacing: 2px; text-align: left; width: 100%; }
.explore-whats-new div p { width: 117px; margin: 0px; padding: 0px; }
.explore-whats-new div p a, .dealer-locator-footer a { color: white !important; }
.he-gallery .selected_attributes > li:hover { height: 30px; padding: 6px 15px 6px 15px; border-radius: 5px; gap: 15px; font-family: var(--font-4); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; background: #dcdfe1; }
.he-gallery .paging_controls { float: none; margin-bottom: 50px; }
.he-gallery .pagination { align-items: unset; justify-content: center; }
.he-gallery .pagination a { color: var(--color-1); font-size: 18px; font-weight: normal; }
.he-gallery .pagination .current { color: var(--color-1); font-size: 18px; font-weight: bold; vertical-align: baseline; margin-top: 0px; }
.he-gallery .pagination a.prev.page-numbers { background-image: url(images/pagination-arrow.svg); transform: rotate(180deg); margin-right: 15px; }
.he-gallery .pagination a.next.page-numbers { background-image: url(images/pagination-arrow.svg); margin-left: 15px; }
.he-gallery .product_listing_container { max-width: none; }
.sort-by { float: right; margin-top: 9px; padding-left: 15px; line-height: 19px; margin-right: 15px; color: var(--color-1); font-family: var(--font-1); font-size: 16px; font-weight: 500; letter-spacing: 0em; text-align: left; }
.sort-by-select { float: right; position: relative; }
.sort-by-select select { background: 0; color: var(--color-1); border: 1px solid var(--color-1); padding: 8px 30px 8px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: -5px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; }
.sort-by-select select:hover { background: linear-gradient(0deg, rgba(0, 0.2), rgba(0, 0.2)),
    linear-gradient(0deg, var(--color-white)); color: var(--color-1); }
.sort-by-select:after { background: url(images/pagination-arrow.svg) no-repeat; transform: rotate(90deg); content: ""; position: absolute; right: 5px; width: 17px; top: 13px; height: 17px; }
#breadCrumb span a { font-family: var(--font-2); font-size: 14px; line-height: 16px; letter-spacing: 0em; color: var(--color-1); }
#breadCrumb span a:visited, .he-gallery .product_name, .room-single #breadCrumb span { color: var(--color-1); }
#breadCrumb .breadcrumb_last, .he-gallery .product:hover  .product_name > a, .he-gallery .product:hover  .product_name.new > a, .room-single #breadCrumb .breadcrumb_last, .testimonial-button a:hover, .finish-gallery.product:hover h3.product_name a { color: var(--color-1); }
.view-results-button { width: 282px !important; padding: 12px 45px 12px 16px !important; border-radius: 5px; gap: 16px; background: var(--color-1); color: var(--color-white); background-image: url(images/chevron-right.svg); background-position: 90% 50%; background-size: 5%; background-repeat: no-repeat; margin-top: 50px; text-align: center; }
.finish-single #breadCrumb { margin-left: 47px; }
.finish-single .prodDetailWrapper { padding-left: 50px; }
.finish-single .finish-main-image { position: relative; overflow: hidden; padding-bottom: 100%; }
.finish-single .finish-main-image img { height: 350px; position: absolute; max-width: 350px; max-height: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.finish-single h3.productName { color: var(--color-1); text-transform: uppercase; font-weight: bold; background-image: none; margin-bottom: 0; margin-top: 0; padding-left: 0; font-family: var(--font-3); font-size: 28px !important; line-height: 34px; letter-spacing: 3px; text-align: left; margin-left: 0px !important; }
.finish-related { width: 150px; display: inline-block; vertical-align: top; margin-right: 1em; }
.finish-related-label { margin-top: 8px; }
.finish-single .finish-related:hover > div > img, .finish-single .finish-related:hover > a > div > img, .curated-collection:hover > img, .get-inspired:hover > img, .find-a-place:hover > img, .customize-space:hover > img { box-shadow: 0px 4px 4px 0px #00000040; }
.finish-single .finish-related:hover > .finish-related-label, .finish-single .finish-related:hover > a > .finish-related-label, .finish-single .accordion-content a:hover + div { font-weight: bold; }
.finish-single .accordion-content a:hover { color: #555; }
.finish-single .accordion-content .dealer-link a:hover { font-weight: bold; color: var(--color-7); }
.finish-single .productShortDescription { color: var(--color-8); font-size: 24px; font-weight: 300; margin-left: 0; font-family: var(--font-1); margin-top: 15px; }
.finish-single .prodFullDescription { text-align: left; padding-bottom: 15px; border-bottom: 1px solid var(--color-white); }
.finish-single .legal-notice { margin-top: 30px; font-family: var(--font-1); font-size: 10px; font-weight: 325; letter-spacing: 0px; text-align: left; }
.finish-single .prodFullDescription .details-title { color: var(--color-1); margin: 40px 0 20px 0; font-weight: 500; font-family: var(--font-1); font-size: 18px; line-height: 28px; letter-spacing: 0em; text-align: left; }
.finish-single .accordion-title { width: 100%; border-top: 1px solid var(--color-white); padding: 25px 0; font-size: 24px; color: var(--color-1); cursor: pointer; display: inline-block; font-weight: 500; position: relative; }
.finish-single .accordion-title:after { position: absolute; background: url(images/pagination-arrow.svg) no-repeat; right: 20px; transform: rotate(90deg); top: 38px; content: ""; width: 17px; height: 17px; }
.finish-single .accordion-title.active:after { transform: rotate(-90deg); top: 30px; }
.finish-single .accordion-title.first { margin-top: 40px; }
.finish-single .accordion-title.last.active + .accordion-content { border-bottom: 1px solid var(--color-white); }
.finish-single .accordion-title.last.active { border-bottom: 0; }
.finish-single .accordion-title.active + .accordion-content { background: var(--color-white); }
.finish-single .accordion-content { font-family: var(--font-1); width: 100%; float: left; display: none; padding: 20px 10px 25px 0px; }
.finish-single .no-related-content { color: var(--color-8); font-family: var(--font-2); font-size: 21px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: left; border-width: 2px; border-style: solid; border-color: var(--color-7); padding: 33px 22px; height: 193px; box-shadow: 0px 4px 4px 0px #00000040; }
.dealer-link { margin-top: 4%; margin-left: 31%; }
.more-link { float: right; margin-top: 25px; font-family: var(--font-2); font-size: 24px; font-weight: 200; line-height: 29px; letter-spacing: 0em; text-align: left; text-decoration: underline; color: var(--color-1); }
.more-link:hover { color: var(--color-7); }
.finish-single .accordion-content .more-link > a { color: var(--color-1); }
.finish-single .no-related-content .dealer-link a { font-family: var(--font-1); font-size: 21px; font-weight: 350; line-height: 27px; letter-spacing: 0.01em; text-align: left; color: var(--color-7); }
.finish-single .no-related-content .dealer-link a:after { margin-left: 20px; content: " "; width: 20px; height: 15px; background-image: url(images/seafoam-arrow-right.svg); display: inline-block; background-size: cover; background-repeat: no-repeat; }
.finish-single .like-what-you-see { width: 100%; display: inline-block; margin-top: 60px; }
.finish-single .like-what-you-see .text { color: var(--color-1); font-size: 24px; font-weight: 500; }
.finish-single .like-what-you-see a { width: 100%; display: inline-block; border: 2px solid var(--color-1); color: var(--color-1); text-align: center; padding: 10px; font-size: 18px; font-weight: 500; margin-top: 50px; border-radius: 4px; }
.finish-single .order-a-sample { display: inline-block; width: 100%; margin-top: 65px; text-align: center; background: var(--color-white); padding: 40px; margin-bottom: 50px; padding-top: 65px; }
.finish-single .order-a-sample h2 { font-size: 32px; font-weight: 600; text-align: center; color: var(--color-1); }
.finish-single .order-a-sample .description { font-size: 24px; color: var(--color-1); font-weight: 400; margin-top: 20px; margin-bottom: 40px; }
.finish-single .order-a-sample a { background: var(--color-1); font-size: 18px; color: white; padding: 10px 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.you-may-also-like { width: 100%; display: inline-block; }
.you-may-also-like h2 { font-size: 40px; color: var(--color-1); text-align: center; font-weight: 600; margin-bottom: 40px; }
.col3-wrapper { width: 100%; display: inline-block; margin-bottom: 30px; }
.col3-wrapper.desktop .coll { width: 32%; float: left; padding: 1em; }
.col3-wrapper.mobile .coll { width: 100%; display: inline; }
.col3-wrapper.mobile .slick-prev { position: absolute; left: 0; z-index: 2; bottom: 0; top: 0; margin: auto; height: 50px; visibility: hidden; }
.col3-wrapper.mobile .slick-prev:before { content: ""; visibility: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background: url(images/slider_nav_arrows_med.png) no-repeat left -33px; background-size: 200px; border: 0; text-indent: -999em; overflow: hidden; z-index: 100; cursor: pointer; outline: none; background-position: left -17px; }
.col3-wrapper.mobile .slick-next:before { content: ""; background: url(images/slider_nav_arrows_med.png) no-repeat left -33px; visibility: visible; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 25px; height: 25px; border: 0; text-indent: -999em; background-position: -34px -17px; background-size: 200px; overflow: hidden; z-index: 100; outline: none; }
.col3-wrapper.mobile .slick-next { position: absolute; right: 0; z-index: 2; bottom: 0; top: 0; margin: auto; height: 50px; visibility: hidden; }
.finish-single .order-a-sample .white-arrow-right { display: inline-block; background-image: url(images/chevron-right.svg); background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; margin-left: 10px; }
.finish-single .blue-arrow-right { background-image: url(images/arrow-dark-blue.svg); transform: rotate(90deg); width: 10px; height: 10px; margin-left: 10px; display: inline-block; background-repeat: no-repeat; background-size: contain; }
.finish-single .order-a-sample a:hover, .begin-nav:hover { background: var(--color-1); }
.new-product { color: var(--color-white); background: #612644; font-family: var(--font-3); font-size: 15px; font-weight: bold; line-height: 32px; letter-spacing: 0em; text-align: center; position: absolute; padding: 5px 10px; width: auto; z-index: 3;  left: 0.5rem; top: 0.5rem;}
.he-gallery.room-gallery .new-product { right: 1rem; margin-top: 2em; }
.he-gallery.finish-gallery .new-product { right: .5rem; margin-top: 1em; }
.he-gallery .product { position: relative; float: left; }
.he-gallery .product:hover + .product_image img { max-width: 224px; width: 224px; }
.ubermenu-submenu  .ubermenu-item-layout-text_only { max-width: 200px; }
.he-gallery .grid3ColumnLayout { margin: 0px; padding: 0px; max-width: none; min-width: inherit; clear: none !important; }
.he-gallery .product .product_name.new a { color: #9d6381; text-transform: uppercase; font-weight: 500; }
.he-gallery.room-gallery .product_image { transition: 0.3s; display: block; }
.he-gallery.room-gallery .product_image a { display: inline-block; width: 100%; height: 327px; }
.he-gallery.room-gallery .product .product_image img { max-width: 297px; aspect-ratio: 327/297; height: 327px; }
.he-gallery.finish-gallery .product:hover + img { box-shadow: 0px 4px 8px 4px #000; }
.he-gallery .product:hover > .product_image { z-index: 3; }
.he-gallery .product:hover > .product_image > a > img { box-shadow: 0px 4px 8px 4px #dedede; }
.he-gallery .product:hover > .product_image > .new-product { background: #9d6381; font-family: var(--font-4); }
.he-gallery.finish-gallery .product .product_image img { max-width: 218px; height: auto; }
.room-gallery .product_name { letter-spacing: .1em; }
.product_name .new { color: #612644; }
h3.room-name { color: var(--color-1); font-family: var(--font-3); font-size: 40px !important; font-weight: bold; line-height: 60px; letter-spacing: 0em; text-align: left !important; text-transform : capitalize !important; }
.room-slider img { box-shadow: 0px 4px 4px 0px #00000040 inset; height: -webkit-fill-available;}
.room-slider .slick-prev { background: url(images/icons/white-chevron-left.svg); background-repeat: no-repeat; background-position: center; left:2%; z-index: 999;}
.room-slider .slick-next { background: url(images/icons/white-chevron-right.svg); background-repeat: no-repeat; background-position: center; right: 2%;}
.room-features, .testimonials, .footer-main { margin-bottom: 4em; }
.room-slider { width: 80%; margin: auto; height:800px; object-fit: cover;}
.style-label { height: 100px; font-family: var(--font-1); font-size: 24px; font-weight: 325; line-height: 34px; letter-spacing: 2px; text-align: left; color: var(--color-1); margin-top: 10px; }
.style-slider { padding-left: 15px; padding-right: 15px; height:450px;}
.style-slider .slick-track { margin-left: 0px; }
.style-slider .slick-list { margin: 0 -10px; }
.style-slider .slick-slide>div { padding: 0 10px; }
.style-slider .style-image:hover { box-shadow: 0px 4px 8px 4px #0000000F; }
.style-slider .style-image:hover + .style-label { font-family: var(--font-1); font-size: 28px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: left; }
.style-slider .slick-arrow, .room-slider .slick-arrow { cursor: pointer; width: 30px; height: 50px; position: absolute; top:50%;}
.style-slider .slick-prev { background: url(images/icons/black-chevron-left.svg); background-repeat: no-repeat; background-position: center; }
.style-slider .slick-next { background: url(images/icons/black-chevron-right.svg); background-repeat: no-repeat; background-position: center; }
.feature-tile, .inspire-tile { background-size: cover; background-repeat: no-repeat; min-height: 432px; position: relative; border-right: solid 1px black; margin-bottom : 1.3rem; }
.feature-tile:hover { box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4); }
.feature-nav-banner { background: #00000080; color: var(--white, var(--color-white)); font-size: 24px; font-family: var(--font-3); font-style: normal; font-weight: 325; line-height: 34px; letter-spacing: 2px; position: absolute; bottom: 0px; width: 100%; left: 0px; right: 0px; height: 105px; }
.feature-nav-text { display: inline-block; position: absolute; width: 80%; text-align: left; font-family: "inter-variable", sans-serif; font-size: 25px; font-weight: bold; line-height: 34px; letter-spacing: 2px; left: 22px; transform: translateY(-50%); top: 50%; text-transform: uppercase; }
.feature-nav-caret { display: inline-block; background: url(images/icons/white-chevron-right.svg); background-repeat: no-repeat; background-size: 100%; width: 17px; height: 33px; position: absolute; right: 25px; top: 35%; }
.nav-tabs .nav-link { color: white !important; border-right: 1px solid var(--color-white) !important; border-radius: 0px; border-bottom: 0px !important; padding-top: 15px; padding-bottom: 15px; font-family: var(--font-1); font-size: 24px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: center; }
.nav-tabs .nav-link.active { background: var(--color-1) !important; height: 100%; }
.nav-item, .connect-text p { margin: 0px !important; }
.nav-tabs { font-family: var(--font-3); font-size: 24px; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: center; background: #265278 !important; z-index: 3; }
.tab-pane, .accordion-body { padding: 4em 6em 4em 4em; background: #e5e3dd; font-family: var(--font-1); font-size: 16px; font-weight: 325; line-height: 23px; letter-spacing: 0em; text-align: left; color: #000000; }
.indicator { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid var(--color-1); position: absolute; top: -2px; left: 45%; display: none; z-index: 2; }
.room-single .nav-tabs .nav-link { min-height: 90px; padding-top: 24px; }
.nav-link:not(.active) > .tab-anchor > .indicator, .et-db #et-boc .et-l .et-pb-controllers, } */
#social_share_container { display: none !important; }
#product-tabbed-info { margin-top: 5em; margin-bottom: 4em; }
.room-single #breadCrumb { margin-left: 10%; margin-top: 30px; }
.you-may-also-like h3 { text-align: center; color: var(--color-1); font-family: var(--font-1); font-size: 40px !important; font-weight: 350; line-height: 48px; letter-spacing: 0.03em; margin-bottom: 1em; margin-top: 4em; }
.room-info { margin-top: 4em; }
.gallery-slider .slick-slide { padding-left: 40px; }
.style-slider .style-image.full { width: 60%; }
.caption-text { position: absolute; top: 80px; left: 80px; font-family: var(--font-3); font-size: 56px; font-weight: bold; letter-spacing: 0em; text-align: left; color: white; z-index: 99; width: 500px; }
.slick-slide.slick-current:not(.slick-active) { z-index: -1; }
.white-button { background-color: white; color: var(--color-1) !important; background-image: url(images/icons/chevron_right.png); background-position: 95% 50%; background-size: 10px; background-repeat: no-repeat; font-size: 18px; margin-top: 1em; width: auto; padding: 10px 30px 10px 10px; border-radius: 5px; gap: 16px; position: relative; font-weight: bold; border-bottom-width: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; }
.white-button > a { color: var(--color-1) !important; font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; margin-right: 5px; background-size: 11px; }
.white-button:hover > a { color: var(--color-1) !important; }
.white-button:hover { background-image: url(images/icons/steel_blue_a_chevron_right.svg); box-shadow: 0px 4px 8px 0px #0000000F; }
.button-wrapper { position: absolute; left: 10px; top: 10px; }
.home-section { margin-top: 3em; margin-bottom: 3em; }
.to-top-icon { width: 76px; height: 71px; position: absolute; bottom: 0px; right: 10px; cursor: pointer; background: var(--color-1); }
.to-top-icon:hover { background: var(--color-7); }
.to-top-icon > img { transform: rotate(270deg); position: relative; top: 27%; left: 42%; }
.inspire { background: var(--color-white); height: max-content; padding-bottom: 2em; padding-top: 2em; }
.inspire-tiles { min-height: 850px; }
.hero-slider .slick-dots { height: 0px; padding: 0px; margin-bottom: -6px; }
.gallery-slider { margin-bottom: 7em; }
.gallery-slide { width: 238px; height: 191px; cursor: pointer; }
.gallery-slide img { height: 191px; }
.gallery-slide:hover > .hover-overlay { box-shadow: inset 0 0 0 1000px rgba(0,0,.4); min-width: 238px; width: 238px; height: 97%; z-index: 3; position: absolute; display: block; }
.gallery-slide > .hover-text { display: none; position: absolute; top: 35%; color: white; font-family: var(--font-1); font-size: 24px; font-weight: 325; line-height: 28px; letter-spacing: 0em; text-align: center; width: 238px; z-index: 4; }
.row-top-buffer { margin-top: 2em; margin-bottom: 1em; }
.home-section-title { color: var(--color-1); font-style: normal; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; font-family: var(--font-3); font-size: 48px; font-weight: bold; line-height: 53px; letter-spacing: 0.03em; text-align: center; }
.vision { background-color: var(--color-1); }
.vision:hover .connect, .slick-dots > li.slick-active button { background-color: rgba(24, 56, 89, 0.6); }
.connect { width: 100%; min-height: 104px; background-color: var(--color-1); }
.connect-text { font-family: var(--font-3); color: white; display: inline-block; font-style: normal; font-weight: bold; font-size: 32px; line-height: 35px; align-items: center; letter-spacing: 0.03em; mix-blend-mode: normal; margin-top: 15px; padding-top: 19px; width: 75%; }
.inner-connect { position: relative; height: 45px; width: 45px; }
.inner-connect > img { position: absolute; top: 80%; }
.connect-nav { display: inline-block; float: right; }
.connect-nav-button { position: absolute; right: 150px; }
.connect-navx { width: 22px; height: 36px; }
.begin { margin-top: 10em; margin-bottom: 10em; }
.begin-tile { display: inline-flex; width: 394px; height: 400px; flex-direction: column; justify-content: flex-end; align-items: center; gap: 33px; flex-shrink: 0; border: 2px solid #09344a; background: var(--color-white); vertical-align: top; padding: 20px 10px 20px 10px; }
.begin-icon { width: 113px; height: 145px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.begin-text { color: #121f2c; text-align: center; overflow: hidden; text-overflow: ellipsis; font-style: normal; display: -webkit-box; width: 302px; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-family: var(--font-3); font-size: 16px; font-weight: bold; line-height: 23px; letter-spacing: 0em; }
.begin-text > p { padding-top: 2px; margin: 0px; margin-top: 2px; }
.begin-nav { display: flex; width: 268px; height: 50px; padding: 8px 27px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 5px; background: #09344a; color: var(--color-white); margin-bottom: 18px; border-bottom-width: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; }
.inspire-tile:hover { -webkit-filter: brightness(80%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.nav-banner { background: #00000080; color: var(--white, var(--color-white)); font-size: 24px; font-family: var(--font-3); font-style: normal; font-weight: bold; line-height: 34px; letter-spacing: 2px; position: absolute; bottom: 0px; width: 100%; padding: 35px; left: 0px; right: 0px; max-height: 105px; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; padding-top: 15px; min-height: 102px; }
.nav-text { display: inline-block; width: 80%; text-align: left; position: absolute; left: 25px; transform: translateY(-50%); top: 50%; }
.nav-caret { display: inline-block; background: url("images/icons/chevron_right.svg") no-repeat center; background-size: cover; width: 22px; height: 35px; position: absolute; right: 25px; top: 35%; }
.testimonial-slide { width: 100%; margin: auto; }
.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: relative; top: -85px; }
.testimonial-content { background: var(--color-1); line-height: normal; display: flex; }
.testimonial-text { color: var(--color-white); font-size: 24px; font-family: var(--font-1); font-style: normal; font-weight: 500; margin-bottom: 1rem; line-height: 30px; }
.testimonial-text > blockquote { min-height: 300px; }
.testimonial-content .white-button { margin-top: 0px; width: 130px; }
.testimonial-content .white-button > a { left: 15px; }
.testimonial-button { display: inline-flex; padding: 12px 16px; justify-content: center; align-items: center; gap: 16px; border-radius: 5px; background: var(--color-white); font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; width: 140px; }
.testimonial-button:hover { box-shadow: 0px 4px 8px 0px #0000000F; }
.testimonial-button a:visited { padding-top: 5px; color: var(--color-1); }
.testimonial-button a:after { content: " "; display: inline-block; background-image: url(images/icons/black-chevron-right.svg); width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; margin-left: 5px; }
.testimonial-link { background-repeat: no-repeat; background-position: center; background-size: cover; width: 25px; height: 25px; }
ul.slick-dots { bottom: 0; }
.slick-dots li { margin: 0 0.25rem; }
.slick-dots button { display: block; width: 1.5rem; height: 1.5rem; padding: 0; border: none; border-radius: 100%; background-color: #e3ecee; text-indent: -9999px; }
.slick-dots > li button { background-color: var(--color-white); }
div.asl_w .probox .promagnifier .innericon svg { display: none !important; fill: #c5bcac !important; width: 46px !important; }
div.asl_w .probox .promagnifier .innericon { background: url(images/icons/looking-glass.svg); background-size: cover; }
.social_media a > img { max-width: 30px; height: 30px; }
.contentwrapper_footer { min-height: 380px; padding-top: 3em; }
.dealer-locator-footer, .sliderBotText { margin-top: 1em; }
.dealer-locator-footer img { margin-right: 10px; height: 21px !important; }
.footer-logo { margin-top: 1em; margin-bottom: 1em; height: 60px; }
.footer-links { text-align: left; font-family: var(--font-1); padding-left: 4em !important; }
.footer-links li > a:visited, .footer-links li > a { color: white; }
.footer-links li:hover > a, .footer-mobile li:hover > a { text-decoration: underline; }
.footer-link-title { font-family: var(--font-4); font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; }
.links { font-family: var(--font-1); font-size: 14px; line-height: 16px; letter-spacing: 0em; text-align: left; padding: 0px !important; }
.footer-links li { list-style-type: none; line-height: 16.41px; margin-top: 3px; font-size: 14px; }
.bottom-nav { border-top: 1px solid white; padding-top: 10px; padding-bottom: 10px; }
footer .bottom-nav .links { float: right; text-align: left; margin: 14px 0 0 0; padding: 0; list-style: none; text-transform: uppercase; font-family: var(--font-3); font-size: 12px; font-weight: bold; line-height: 11px; letter-spacing: 0em; }
footer .bottom-nav .links > li { display: inline-block; margin: 0; padding: 0; font-size: 0.8em; list-style: none; }
footer .bottom-nav .links li a { text-decoration: none; list-style: none; display: block; padding: 0px; color: white !important; }
footer .bottom-nav .links li a:hover { text-decoration: underline; cursor: pointer; }
footer .bottom-nav .links li a:after { content: "|"; margin-left: 8px; margin-right: 3px; }
footer .bottom-nav .links li:last-of-type > a:after, .homePageSlider ul.slick-dots li button:before { content: ""; }
footer .bottom-nav .links li:first-child a { border-left: 0; }
.image-track { margin-top: 10px; display: inline-block; }
.image-track > img { max-height: 37px; margin-right: 10px; }
.bottom-nav  img { margin-right: 10px; max-height: 37px; }
h2.productName { font-family: var(--font-3); font-size: 48px; font-weight: bold; line-height: 53px; letter-spacing: 0.03em; text-align: center; }
.room-gallery.he-gallery h3.product_name { font-family: var(--font-1); font-size: 20px !important; font-weight: 500; line-height: 24px; letter-spacing: 0.1em; margin-top: 10px; }
.finish-gallery.he-gallery h3.product_name { font-family: var(--font-1); font-size: 19px !important; font-weight: 500; line-height: 24px; letter-spacing: 0.1em; }
.finish-gallery .product:hover .new-product { background: #9d6381; }
.finish-gallery .product:hover .product_image img { box-shadow: 0 4px 8px 4px rgba(0,0.1); }
.finish-gallery h3.product_name a { display: inline-block; letter-spacing: 1px; }
.searcher { width: 30%; float: right; margin-bottom: 1.5em; }
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { font-family: var(--font-3) !important; font-size: 12px; font-weight: 300; line-height: 12px; letter-spacing: 0em; text-align: left; color: #000 !important; text-shadow: none !important; border: 0; box-shadow: none; }
#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput { font-family: var(--font-3) !important; font-size: 12px; font-weight: 300; line-height: 12px; letter-spacing: 0em; text-align: left; }
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, .ubermenu-main { background: #BEDBE194 !important; }
.ubermenu .ubermenu-autocolumn,.ubermenu .ubermenu-submenu-type-stack { padding-bottom: 0px !important; }
.ubermenu-submenu > .ubermenu-item:not(:first-of-type) { border-top: 2px solid #dcdfe1 !important; }
.ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop { border-width: 2px !important; }
.ubermenu-column-1-2:first-of-type { border-right: 2px solid #bedbe1 !important; }
.ubermenu-row > .ubermenu-column-1-2:first-of-type > .ubermenu-submenu > .ubermenu-item:last-of-type { border-bottom: solid 2px #dcdfe1; }
.long-label { padding-right: 25px !important; }
.ubermenu-target:not(.ubermenu-item-level-0 > .ubermenu-target):hover { font-family: var(--font-1) !important; color: var(--color-1) !important; background: linear-gradient(0deg, var(--color-white)),
    linear-gradient(0deg, var(--color-white)),
    linear-gradient(0deg, var(--color-white)) !important; }
.ubermenu-item-level-0.ubermenu-active .ubermenu-sub-indicator { transform: rotate(180deg); }
.curated-collection { width: 320px; border-left: 2px solid #bedbe1; margin-left: -2px; }
li.ubermenu-item:has(.last-no-bottom-border) { border-bottom: 0 !important; }
.curated-collection  > img { max-width: 150px; height: 150px; text-align: center; content: url("https://dev-medallion-cabinetry-2024.pantheonsite.io/wp-content/themes/medallioncabinetry/images/curatedCollection-1.webp"); }
.curated-collection > a, .get-inspired > a, .find-a-place > a, .customize-space > a { font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; text-decoration: none; color: var(--color-1); font-family: var(--font-1); }
.curated-collection:hover > a, .get-inspired:hover > a, .find-a-place:hover > a, .customize-space:hover > a { font-size: 18px; color: var(--color-1); }
.curated-collection > a:hover, .get-inspired > a:hover, .find-a-place > a:hover, .customize-space > a:hover { text-decoration: none; color: var(--color-1); }
.get-inspired, .find-a-place, .customize-space { width: 350px; }
.get-inspired  > img { max-width: 150px; height: 150px; text-align: center; content: url("/wp-content/themes/medallioncabinetry/getInspired-1.webp"); }
.find-a-place  > img { max-width: 150px; height: 150px; text-align: center; content: url(images/findAPlace-1.webp); }
.ubermenu-skin-grey-white.ubermenu-responsive-toggle:hover { background: var(--color-white) !important; color: var(--color-1) !important; }
.ubermenu-responsive-toggle > i { float: right; }
.et-db #et-boc .et-l .et_pb_slide_description, .et-db #et-boc .et-l .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 16% 14% !important; }
.copysection { font-family: var(--font-4); font-size: 14px; font-weight: 700; text-align: center !important; padding-top: 10px; float: none; }

a { font-family: "inter-variable", sans-serif; font-size: 16px; font-weight: 500; }
#breadCrumb a { text-decoration: none; }
#breadCrumb a:hover { color: #807e2b; }
div[id*="ajaxsearchlite"].wpdreams_asl_container { width: 100%; margin: 0px 0px 10px 0px !important; }
.header_bar { padding: 6px 13px 3px 0px; }
a.next.page-numbers:hover, a.prev.page-numbers:hover { background-image: url(images/pagination-arrow-hover.png); }
.slicknav_menu #mobileBack a, .slicknav_menu #mobileBack { text-transform: uppercase; }
#search #ajaxsearchlite1 .probox, div.asl_w .probox { border-radius: 0px !important; height: 78px; border: 1px solid #e1e1e3; border-left: 3px solid #efe3cc; padding: 0; font-family: var(--font-1); }
#search #ajaxsearchlite1 { margin-bottom: 0 !important; }
#search #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { height: 78px; font-size: 19px !important; color: #666 !important; font-family: var(--font-1); }
#search #ajaxsearchlite1 .probox .proinput input::placeholder, div.asl_w .probox .proinput input::placeholder { color: #b8ae9e !important; text-transform: uppercase; font-family: var(--font-1); }
div.asl_m .probox .proinput { margin-left: 0px !important; }
div.asl_w .probox .promagnifier { width: 60px !important; height: 80px !important; }
.slider { width: 100%; margin: 0px auto; }
.slick-slide { margin: 0px 0px; height: 800px;}
.slick-active { opacity: 1 !important; }
.slick-current { opacity: 1; }
.sliderInner { display: table; width: 100%; border-bottom: 6px solid #ccbea1; }
.sliderRight { display: table-cell; width: 30%; margin: 0; padding: 10px 10px 35px 10px; position: relative; line-height: 1.3; background-color: #fff9e6; vertical-align: top; }
.sliderLeft { display: table-cell; width: 70%; margin: 0; padding: 0px; position: relative; vertical-align: bottom; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.homePageSlider ul.slick-dots { bottom: 7px; width: 30%; right: 0; text-align: center; position: absolute; padding-left: 0px; }
.home_slide_caption p { padding: 0 30px 10px; font-size: 32px; }
.homePageSlider ul.slick-dots li { position: static !important; display: inline-block !important; background-color: #60b1a6; width: 60px; height: 16px; margin: 0 5px !important; cursor: pointer; transition: all 0.35s; -webkit-transition: all 0.35s; opacity: 1; }
.homePageSlider ul.slick-dots li:hover { background-color: #7b122f; }
.homePageSlider ul.slick-dots li.slick-active { background-color: #ccbea1; width: 90px; }
.home_slide_caption .side_photo { margin: 0px auto; width: 100%; max-width: 394px; max-height: 394px; }
.captionImgContainer { margin-top: 35px; text-align: center; margin-bottom: 18px; padding: 0 20px 0 34px; }
.captionImgContainer img.side_photo { display: inline-block; max-width: 395px; width: 100%; }
.sliderRightCaption p { padding: 0 28px 7px; font-size: 28px; line-height: 38px; }
.sliderRightCaption p a { display: inline-block; vertical-align: middle; }
.homePageSlider .sliderLeft h1 { text-transform: uppercase; position: absolute; left: 100px; top: auto; font-size: 72px; font-weight: 400; margin: 30px 0; padding: 10px 5px 0; bottom: 26px; }
.single-product .imagePreview .zoomViewerLink.zoomNoMarBottom { padding: 0; }
li.showmore a { color: #6d6e70; }
li.showmore .show-all-arrow { min-height: 20px; }
div.asl_r .results .item .asl_content h3 a:hover { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: #182945 !important; }
div.asl_w .probox .proclose { height: 74px !important; }
div.asl_w .probox div.asl_simple-circle { border-color: #182945 !important; }
div.asl_r.vertical .results .asl_spacer { height: 0 !important; }
div.asl_r .resdrg { padding: 8px 16px; }
div.asl_r .results .item .asl_content { padding-top: 0 !important; padding-bottom: 0 !important; }
div.asl_r .results .item div.etc, div.asl_r .results .item .asl_content .asl_desc { margin: 0 !important; }
div.asl_r .results .item.hovered { background-color: transparent !important; }
.results .asl_nores .asl_keyword { color: #182945 !important; }
div.asl_m .probox .proloading { margin-top: 23px !important; }
div.asl_r .results { min-height: 250px; }
.fortyfive .zoomViewerLink.zoomNoMarBottom, .bathSubPageImgWrapper .zoomViewerLink, .doorViewer > .zoomViewerLink { padding: 0px; }
.timeLineContent > p { margin-bottom: 26px; }
.timeLineContent > p:last-child { margin-bottom: 9px; }
.page-template-page-bath-sanctuary section.regular.slider.homePageSlider { margin-top: 5px; overflow: hidden; }
.page-template-page-bath-sanctuary .homePageSlider .sliderInner { border-bottom: 0px; }
#flexContent_bathpage { margin-top: -12px; }
.bath_sanctuary_logo { display: block; width: 100%; max-width: 500px; margin: 10px auto; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0.4); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0.4); box-shadow: 5px 5px 10px 0px rgba(0,0.4); }
#homeSanctuaryCTA .twoColumn .mainImg, #homeSanctuaryCTA .twoColumn .sidecta { min-height: 500px; height: auto; overflow: hidden; padding: 10px; }
a.slideImgLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
span.slider_arrow_l, span.slider_arrow_r { z-index: 99; }
.page-template-page-bath-sanctuary .homePageSlider .slider_arrow_l { background-position: 0px 100%; height: 55px; left: 25px; top: 50%; transform: translate(-50%); }
.page-template-page-bath-sanctuary .homePageSlider .slider_arrow_r { background-position: -60px 100%; height: 55px; right: -20px; top: 50%; transform: translate(-50%); }
.page-template-page-bath-sanctuary .homePageSlider .slider_arrow_l:hover { background-position: -120px 100%; }
.page-template-page-bath-sanctuary .homePageSlider .slider_arrow_r:hover { background-position: -180px 100%; }
.bathSubPageImgWrapper .prodDetailDescription .zoomViewerLink { padding: 20px; }
#makeItYoursContainer { width: 100%; height: auto; padding-bottom: 0px; }
.innerPageSlider .textLightBlue { text-align: left; font-size: 40px; color: #384967; margin: 0; text-transform: uppercase; }
a.view_link.hideIE8.tPadding10.customPaddingViewLink { padding: 10px 16px 10px 30px; }
#ytHeaderSalingerDesk, #ytHeaderClayton { min-height: 600px; }
#ytHeaderGreenInitiatives .secondary_nav.inline { width: 100%; max-width: 462px; }
.topMarginNone { margin-top: 0; }
.t-l-r-padding h1 { padding-left: 15px; margin-bottom: 20px; padding-top: 20px; }
.borderImg > a > img { outline: 1px solid transparent; border: 1px solid #d1ccbd; }
a.noHoverA { pointer-events: none; }
.dealer-locator button, .slick-prev, .slick-next { overflow-y: hidden !important; }
.gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 10px 30px !important; }
#main_nav > .current_page_item > a,
#main_nav > li.current_page_ancestor > a,
#main_nav > li.current-product_categories-ancestor > a { color: var(--color-white); text-shadow: 5px 1px 20px rgba(204, 255, .6); }
.full-sized-product-image_container .nextbutton { position: absolute; right: 0; bottom: auto; }
.full-sized-product-image_container .prevbutton { position: absolute; left: 0; bottom: auto; }
.backgroundAquaFlag500 { background-color: #5eb0a6; background-image: none !important; }
.modalBody .ginput_container.ginput_container_textarea textarea { height: 100px; }
.et-db #et-boc .et-l .et_pb_menu .et-menu>li { color: #002b5a; padding-left: 16px !important; padding-right: 16px !important; }
ul#menu-get-started, ul#menu-support, ul#menu-contact-us, ul#menu-footer-bottom { flex-direction: column; }
.et-db #et-boc .et-l .et_pb_gallery_grid .et_pb_gallery_image { padding: 5px; }
.et-db #et-boc .et-l .ba_image_carousel_0 .slick-prev { left: -70px  !important; }
/* .et-db #et-boc .et-l .ba_image_carousel_0 .slick-prev { left: 90%  !important; } */

.et-db #et-boc .et-l .ba_image_carousel_0 .slick-next { right: -70px !important; }
.menu-item-has-children>a:first-child:after { content: none !important; }

@media screen and (max-width: 767px) {
  .caption-text { font-size: 28px !important; }
  .he-gallery.finish-gallery .product_image { margin-left: 15px; }
  .filter_toggle > span { font-family: var(--font-1); font-size: 20px; font-weight: 500; line-height: 19px; letter-spacing: 0em; text-align: left; }
}
  .he-gallery p.subtitle, .he-gallery #widget_left_nav .explore-whats-new, .he-gallery .sort-by-select, .he-gallery #clear_all_filter, .he-gallery .explore-whats-new, #widget_left_nav_toggle > span, .filter-icon, .filter-top-title, .finish-single .order-a-sample a > .white-arrow-right, .finish-single .order-a-sample a:hover > .blue-arrow-right, .col3-wrapper.desktop, .also-like-grid.desktop, #product-tabbed-info, .footer-desktop, .contentwrapper_footer, #medallion { display: block; }
  .he-gallery #widget_left_nav_toggle { border: 1px solid var(--color-white); background: 0; color: var(--color-1); padding: 10px; font-weight: 900; font-size: 16px; position: relative; cursor: pointer; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .he-gallery #widget_left_nav_toggle:after { background: url(images/filter-blue.svg) no-repeat; position: absolute; top: 13px; right: 10px; content: ""; width: 20px; height: 15px; }
  .he-gallery .explore-whats-new.mobile { display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: auto; margin-bottom: 5em; max-width: 340px; height: 330px; }
  .he-gallery #productsFacets .filter-top-title { background-color: #002b59; padding: 10px 0;}
  .he-gallery #productsFacets .filter-top-title h3 { background-color: transparent; color: #fff; text-align: center; margin: 0px 15px; max-height: 40px; font: 1.125rem / 1.75 var(--font-1); }
  .he-gallery #productsFacets fieldset h3 { background-color: #DCDFE1; color: #fff; }
  .he-gallery #productsFacets fieldset h3:after { background-image: url(images/arrow-dark-blue.svg); transform: rotate(180deg); width: 17px; height: 9px; }
  .he-gallery #productsFacets fieldset h3.open:after { background-image: url(images/arrow-dark-blue.svg); transform: rotate(0deg); }
  .he-gallery #productsFacets .filter-top-title h3:after { background-image: none; }
  .he-gallery #productsFacets fieldset { background: white; padding: 0px 0; }
  .he-gallery #productsFacets .filter-top-title .filter-icon { background-image: url(images/Frame.svg); position: absolute; content: ""; right: 10px; top: 15px; width: 20px; height: 15px; }
  .he-gallery .close-filter-mobile { position: absolute; top: 20px; right: 20px; content: ""; background-image: url(images/close-filter.svg); width: 20px; display: block; z-index: 1; height: 20px; cursor: pointer; }
  .he-gallery .section_list.sortby { padding: 0 10px; }
  .he-gallery .hide-desktop, header #mega-menu-header-menu:has(.mega-menu-open) + header .searcher-wrapper { display: block; }
  .he-gallery #clear_all_filter.mobile { display: block; width: 100%; text-align: center; }
  .he-gallery #clear_all_filter.mobile .clear_all_text { float: none; padding-top: 5px; border-top: 1px solid var(--color-white); margin-left: 10px; margin-top: 50px; border-right: 0px; text-decoration: underline; }
  .he-gallery .show-all-results { text-align: center; padding-bottom: 100px; }
  .he-gallery .show-all-results a { margin-top: 50px; display: inline-block; padding: 20px 80px 10px 70px; background-color: var(--color-1); color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .he-gallery .show-all-results a:hover { box-shadow: 0px 4px 8px 0px #0000000F; }
  .he-gallery .show-all-results a span { font-size: 20px; font-family: inherit; margin-left: 10px; position: absolute; display: inline-block; margin-top: 2px; }
/*   .grid4ColumnLayout:nth-child(3n) { margin-left: 0 !important; } */
  .content_section ul { padding: 0px; }
  #widget_left_nav_toggle:before { content: "Filter and Sort By"; }
  .he-gallery.room-gallery .product .product_image img { float: none !important; margin: auto; }
  .he-gallery.room-gallery .product .product_name { text-align: center; display: block; margin: auto; margin-top: 10px; }
  .he-gallery.room-gallery .product .new-product { right: 97px; }
  .he-gallery .product_image { width: 100% !important; }
  .finish-related { width: 130px; margin-right: 1em; }
  .finish-single .no-related-content { font-size: 18px; height: 12em; }
  .finish-single .no-related-content > .dealer-link, .finish-single #breadCrumb { margin-left: 0px; }
  .finish-single .no-related-content > .dealer-link,
    .finish-single .no-related-content > .more-link { font-size: 16px; }
  #breadCrumb { font-family: var(--font-1); font-size: 14px; line-height: 16px; letter-spacing: 0em; text-align: left; }
  .finish-single .order-a-sample a > .blue-arrow-right, .finish-single .order-a-sample a:hover > .white-arrow-right { display: inline-block; }
  .finish-single .order-a-sample a:hover { color: white; }
  .finish-single .finish-main-image { margin-bottom: 0em; padding-bottom: 70%; }
  .finish-single .productShortDescription { margin-left: 4px; font-family: var(--font-1); font-size: 14px; font-weight: 325; line-height: 20px; letter-spacing: 0em; text-align: left; }
  .finish-single .accordion-title { font-family: var(--font-1); font-size: 20px; font-weight: 350; line-height: 24px; letter-spacing: 0em; text-align: left; }
  .finish-single .prodFullDescription { font-size: 14px; }
  .finish-single .legal-notice { font-size: 10px; }
  .finish-single .like-what-you-see a { width: auto; text-align: center; font-family: var(--font-1); font-size: 18px; font-weight: 350; line-height: 20px; letter-spacing: 0em; text-align: left; border-radius: 5px; }
  .finish-single .order-a-sample h2 { font-family: var(--font-1); font-size: 24px; font-weight: 500; line-height: 29px; letter-spacing: 0px; text-align: center; }
  .finish-single .order-a-sample a { background: white; border: 1px solid var(--color-7); color: var(--color-1); padding: 10px 40px; font-family: var(--font-1); font-size: 18px; font-weight: 350; line-height: 20px; letter-spacing: 0em; text-align: left; }
  .finish-single .order-a-sample .description { font-family: var(--font-1); font-size: 14px; font-weight: 325; line-height: 20px; letter-spacing: 0em; text-align: center; }
  .finish-single .like-what-you-see { text-align: center; font-family: var(--font-1); font-size: 20px; font-weight: 350; line-height: 24px; letter-spacing: 0em; }
  .finish-single .you-may-also-like .col3-wrapper .coll,
    .finish-single .you-may-also-like .col2-wrapper .coll, .room-single .you-may-also-like .col3-wrapper .coll,
    .room-single .you-may-also-like .col2-wrapper .coll { width: 100%; margin-bottom: 20px; }
  .finish-single .right-side-finish { margin-top: 85px; }
  .col3-wrapper.mobile { margin-bottom: 45px; }
/*   .style-silder.slick-slide img, .room-slider { width: 100%; } */
  .room-single #breadCrumb { position: absolute; z-index: 2; left: 35px; margin-left: 0px; width: 56%; }
  .room-single #breadCrumb span a, .room-single #breadCrumb span { color: #012332; }
  #breadCrumb .breadcrumb_last { color: var(--color-1); font-size: 14px !important; }
  .room-name { font-family: var(--font-3); font-size: 28px; font-weight: 400; font-weight: bold; line-height: 34px; letter-spacing: 3px; text-align: center !important; margin-top: 1em; }
 
  .feature-nav-banner, #logo { height: 70px; }
  .feature-nav-text { font-family: "inter-variable", sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; letter-spacing: 0px; left: 10px; }
  .feature-nav-caret { background-size: 75%; right: 10px; }
/*   .room-description { width: 90%; margin: auto; border-bottom: none; font-family: var(--font-1); font-size: 14px; font-weight: 325; line-height: 20px; letter-spacing: 0em; text-align: left; margin-bottom: 2em; } */

  .get-this-look, .room-features { width: 90%; margin:3rem 0rem;}
/*   .feature-header { font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 20px; letter-spacing: 0.1em; text-align: left; } */
.feature-header {font-family: var(--font-1); font-size: 30px; font-weight: 500; line-height: 40px; letter-spacing: 3px;text-align: left; color: #183859;margin: 4rem 0rem; }
  .get-this-look .feature-header { margin-top: 3em; }
  .feature-header { margin-left: 0px !important; font-size: 30px; }
  .style-label { font-family: var(--font-1); font-size: 22px; font-weight: 325; line-height: 20px; letter-spacing: 0em; text-align: left; padding:1.6rem;}
  .you-may-also-like h3 { font-family: var(--font-1); font-size: 28px !important; font-weight: 500; line-height: 34px; letter-spacing: 0em; text-align: center; }
  #product-accordion-info { display: block !important; margin-top: 4em; }
  .accordion-item { border-radius: 0px !important; }
  .accordion-header { margin: 0px !important; }
  .accordion-button { border-radius: 0px !important; box-shadow: 0px 4px 4px 0px #00000040 !important; background: var(--color-1) !important; color: white !important; font-family: var(--font-1); font-size: 20px !important; font-weight: 350; line-height: 24px; letter-spacing: 0em; text-align: left; }
  .accordion-button:not(.collapsed) { background: var(--color-1) !important; }
  .accordion-button:not(.collapsed)::after { background-image: url(images/icons/white-chevron.svg) !important; background-size: contain; background-repeat: no-repeat; transform: rotate(90deg) !important; }
  .accordion-button.collapsed::after { background-image: url(images/icons/white-chevron.svg) !important; background-size: contain; background-repeat: no-repeat; transform: rotate(-90deg) !important; }
  .accordion-body { padding: 3em 2em 3em 2em !important; background: var(--color-white); font-weight: 325; font-weight: bold; letter-spacing: 0em; text-align: left; color: var(--color-1); font-family: var(--font-3); font-size: 14px; line-height: 20px; letter-spacing: 0em; text-align: left; }
/*   .style-slider .style-image { max-height: 236px; }  */
.style-slider .style-image {width:60%; max-height: auto; }
  .style-slider .style-image:hover + .style-label { font-family: var(--font-1); font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: left; }
  .style-slider .slick-prev { display: block; position: absolute; z-index: 1000; top: 35%; transform: translateY(-50%); left: -30px; }
  .style-slider .slick-next { display: block; position: absolute; top: 35%; transform: translateY(-50%); z-index: 1000; right: -30px; }
  .room-info { max-width: none !important; }
  .testimonial-text > blockquote { min-height: 100px; }
  .testimonials.container { width: 100%; max-width: none; padding: 0; }
  .inner-slide { position: relative; }
  .hero-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .caption-text { font-size: 32px; text-align: center; width: 340px; top: unset; left: unset; }
  .connect-text { font-size: 24px; line-height: 24px; font-weight: 350; }
  .slick-dots, .begin-text-title { display: none !important; }
  .hero-slider > img { height: 365px; }
  .caption-text .white-button { font-family: var(--font-1); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; }
  .vision .connect { margin-top: -6px; }
  .connect-nav-button { right: inherit; }
  .begin { margin-top: 1em; margin-bottom: 1em; }
  .begin-tile { background-color: var(--color-white); border: none; height: 160px; display: block; margin: auto; position: relative; }
  .begin-text { display: inline-block; float: right; width: 70%; font-size: 14px; line-height: 20px; letter-spacing: 0em; text-align: left; }
  .begin-tile > a { width: 200px; }
  .begin-nav { display: block; float: left; height: inherit; font-size: 16px; font-weight: 350; line-height: 19px; letter-spacing: 0.05em; text-align: center; margin-top: 10px; margin-left: 20px; overflow-x: visible; width: 200px; height: 35px; padding: 8px 18px; }
  .begin-nav > div { min-width: 160px; }
  .begin-icon { width: 20%; float: left; height: 80px; margin-left: 1em; margin-top: 5%; }
  .home-section-title { font-size: 22px; font-weight: 325; line-height: 30px; letter-spacing: 2px; text-align: center; }
  .home-section { margin-top: inherit; margin-bottom: inherit; }
  .inspire-tile { max-height: 286px; width: 75%; margin: auto; }
  .nav-text { width: 50%; float: left; margin-left: 1em; font-size: 20px; line-height: 24px; letter-spacing: 0em; margin-top: 5px; }
  .nav-banner { padding-top: 1em; }
  .nav-caret { right: 40px; }
  .gallery-slide { margin: auto; }
  .gallery-slider { margin-bottom: 3em; }
  .gallery-slider .slick-slide, .bottom-nav-links { padding-left: 0px; }
  .gallery-slide > .hover-overlay { box-shadow: inset 0 0 0 1000px rgba(0,0,.4); min-width: 238px; width: 238px; height: 97%; z-index: 3; position: absolute; display: block; }
  .gallery-slide > .hover-text { position: absolute; top: 35%; color: white; font-family: var(--font-1); font-size: 24px; font-weight: 325; line-height: 28px; letter-spacing: 0em; text-align: center; width: 238px; z-index: 4; display: block; }
  .gallery-slider .slick-prev { background: url(images/icons/black-chevron-left.svg); left: 30px; background-size: contain !important; background-repeat: no-repeat; top: 46%; }
  .gallery-slider .slick-next { background: url(images/icons/black-chevron-right.svg); right: 30px; background-size: contain !important; background-repeat: no-repeat; top: 46%; }
  .testimonial-image { height: 340px; }
  .testimonial-slider { margin-bottom: 1em; }
  .testimonial-slider .slick-arrow { position: absolute; top: 265px; height: 30px; width: 30px; background-size: contain !important; background-repeat: no-repeat !important; z-index: 999; }
  .testimonial-slider .slick-prev { left: 80px; background: url(images/icons/white-chevron-left.svg); }
  .testimonial-slider .slick-next { right: 80px; background: url(images/icons/white-chevron-right.svg); }
  .connect-text { margin-top: 15px; padding-top: 15px; width: 75%; margin-left: 10%; padding-bottom: 25px; }
  .inner-connect > img { position: absolute; top: 65%; left: -50%; }
  .footer-mobile {
  .footer-mobile li {
  .social_media {
  .footer-mobile .accordion-body { background: var(--color-8); letter-spacing: 0em; text-align: center; color: white !important; padding: 0px !important; }
  .footer-mobile .accordion-header, .footer-mobile .accordion-item { background: var(--color-8) !important; box-shadow: none !important; border: 0px !important; }
  .footer-mobile .accordion-button:not(.collapsed), .footer-mobile .accordion-button {
  .mega-menu-logo { left: 30%; }
  #supportZone { display: none; position: absolute; z-index: 3; }
  #search {
  .searcher-wrapper { display: none; height: 120px; width: 100%; background: white; position: absolute; top: 110px; z-index: 3; }
  .searcher { width: 80%; float: none; margin: auto; margin-top: 25px; }
  .main_nav_container { position: absolute; top: 28px; }
  .mega-menu-toggle { background: transparent !important; }
  .main_nav_container { background-color: transparent; }
  #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu { position: absolute; width: 100%; top: 189px; z-index: 101; }
  .mega-sub-menu:before { border: 1px solid var(--color-white); }
  .mega-toggle-on > .mega-indicator { transform: rotate(90deg); }
  .mega-toggle-on > .meta-menu-link { color: var(--color-1) !important; }
  .mega-toggle-block-2 { margin: auto !important; }
}
@media only screen and (min-width: 768px) {
  #hero-images .slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -ms-flex; display: webkit-flex; display: flex; justify-content: center; }
  #hero-images .room-slider img { min-width: 100%; height: auto; height: 1000px !important; }
}
@media (max-width: 767px) {
  .room-single #breadCrumb span a { color: var(--color-1) !important; }
  section#hero-images { padding-top: 60px; }
  .doorImageColumn .doorViewer img { width: 90%; margin-bottom: 10px; }
  li#field_1_32.gfield_error { padding-bottom: 20px; }
  .page-id-967 h1.platinum_heading {
}
@media screen and (min-width: 1801px) {
  .slideRightLTbg { padding: 20px; }
  h4.main_module_heading { font-size: 1.7em; }
  .slideRightLTbg .slideTitle { font-size: 3rem; }
  .slideRightLTbg p { font-size: 1.1em; }
  .slide_cta:link,
    .slide_cta:visited { font-size: 1.4em; }
}
@media screen and (max-width: 1640px) {
  .slideRightLTbg .slideTitle { margin-bottom: 0.25em; }
  .slide_cta:link { bottom: 15px; }
}
@media screen and (max-width: 1540px) {
  .slide_cta:link { padding: 8px; font-size: 1.25em; }
  .slideRightLTbg p { font-size: 0.9em; }
}
@media screen and (max-width: 1440px) {
  .slideRightLTbg p { font-size: 0.8em; }
  .slide_cta:link,
    .slide_cta:visited { font-size: 1em; bottom: 15px; right: 15px; }
}
@media only screen and (max-width: 1299px) {
  .slideRightLTbg .slideTitle { font-size: 1.4em; }
}
@media only screen and (max-width: 1199px) {
  .slideRightLTbg .slideTitle { font-size: 1.5em; margin-bottom: 10px; min-height: inherit; }
  .slideRightLTbg p { font-size: 14px; }
  .slide_cta:link,
    .slide_cta:visited { padding: 5px 8px; font-size: 14px; }
  .testimonial-slide.slideWrapper { flex-direction: inherit; }
  .slideWrapper { flex-direction: column; }
  .slideLeftSlide .img-fluid { display: block; }
  .slideWrapper .slideLeft,
    .slideRight { width: 100%; }
  .home-slider .slick-arrow { top: 300px; }
  .slideRightLTbg .slideTitle { font-size: 1.8em; margin: 0 0 .3em; }
  .slideRight { padding: 0 4px; }
  .slideRightContainer { padding-left: 4px; padding-right: 4px; }
}
@media only screen and (max-width: 987px) {
  .testimonial-slide.slideWrapper { flex-direction: column; }
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
  .slideRightContainer { width: 25%; }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 767px) {
  .slideWrapper { flex-direction: column; }
  .oneHalfSlider h1 {
  .home-slider .slick-arrow { background-size: 200px; width: 25px; height: 25px; }
  .home-slider .slick-prev:hover { background-position: left -17px; }
  .home-slider .slick-next:hover { background-position: -34px -17px; }
  .slideRightLTbg .slideTitle { font-size: 1.4em; }
  .slideRightLTbg { padding: 10px; }
  .slide_cta:link,
    .slide_cta:visited { right: 0; bottom: 0; margin-left: 0; width: 100%; letter-spacing: normal !important; text-align: center; border-top: 1px solid #d3e2e4 !important; border-left: 0; border-right: 0; }
  .news-slider-nav .slide { border-width: 2px; }
  .news-slider-nav .slick-slide { margin-top: 10px; margin-right: 5px; }
  .news-slider .slick-arrow { background-size: 200px; width: 23px; height: 60px; }
  .news-slider .slick-prev { background-position: -65px 0px; }
  .news-slider .slick-next { background-position: -35px 0px; }
  #quizNavButtonContainer a.at-share-btn { padding-top: 19px; padding-bottom: 19px; }
  .ubermenu-responsive-toggle > i { font-size: 20px; }
  .ubermenu-skin-grey-white.ubermenu-responsive-toggle, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
    .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
    .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target,
    .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop { background: var(--color-white) !important; }
  .ubermenu-skin-grey-white { background: var(--color-white) !important; color: var(--color-1) !important; }
  .ubermenu-item-level-0 { font-size: 16px; }
  .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target { text-transform: capitalize !important; }
  #logo { z-index: 3; position: absolute; top: 20px; left: 25px; }
  #logo > #medallion { display: block; width: 129px; }
  .desktop-logo {
  .ubermenu.ubermenu-responsive { top: 135px !important; }
}
@media only screen and (max-width: 640px) {
  .home-slider .slick-arrow { top: 160px; }
  .slideRightLTbg .slideTitle { font-size: 1.2em; }
  h4.main_module_heading { top: 0; }
}
@media only screen and (max-width: 425px) {
  .slideRightLTbg p { display: none; }
}
@media only screen and (max-width: 320px) {
  .home-slider .slick-arrow { top: 100px; }
  .oneHalfSlider h1 { font-size: 1em; }
  .oneHalfSlider p { display: none; }
}
@media (max-width: 979px) {
  .socialMail i { margin-right: 0px; }
  .socialMail span { display: none; }
  .socialMail { padding: 6px 7px 6px 7px; }
}
@media (max-width: 1023px) {
  .single h2.resp-accordion { padding: 15px 27px !important; }
  .single #product_tabs .resp-tab-active { padding-top: 18px !important; }
}
@media (min-width: 480px) and (max-width: 640px) {
  .single .resp-tabs-container .crossSells { min-height: 355px; }
}
@media (min-width: 980px) {
  .at-style-responsive .at-share-btn { padding: 5px 3px !important; }
  #social_share_container { max-width: 400px !important; }
  #breadCrumb { width: 56% !important; }
  body.modalOpen { right: 8px; }
  #social_share_container { max-width: 405px !important; }
  #social_share_container { width: 42% !important; }
}
@media (max-width: 1199px) {
  .sliderRightCaption p { font-size: 24px; line-height: 30px; padding: 0 15px 10px; }
  .homePageSlider .sliderLeft h1 { font-size: 56px; }
  .homePageSlider ul.slick-dots li { width: 45px; }
  .homePageSlider ul.slick-dots li.slick-active { width: 70px; }
}
@media (max-width: 1022px) {
}
@media (max-width: 480px) {
  .prevbutton1 { top: 314px !important; left: 40px !important; }
  .nextbutton1 { top: 297px !important; right: 25px !important; }
  div#search { margin-bottom: 15px; }
}
@media (min-width: 1200px) {
  .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
}
@media screen and (min-width: 768px) {
  .col3-wrapper.mobile { display: none; }
}
@media screen and (max-width: 991px) {
  .finish-single .finish-main-image { padding-bottom: 50%; margin-bottom: 5em; }
  .finish-single .desktop-description {
  .finish-single .productShortDescription { font-size: 14px; }
}
@media screen and (max-width: 575px) {
  .he-gallery.room-gallery .product { float: none; }
}
@media screen and (max-width: 1080px) {
  .feature-nav-text { font-size: 22px; }
  .gallery-slider .slick-slide { padding-left: 60px; }
  .gallery-slider .slick-prev { left: -18px !important; }
  .gallery-slider .slick-next { right: -18px !important; }
  .room-single .nav-tabs .nav-link { min-height: 84px; padding-top: 10px; }
}
@media screen and (max-width: 1200px) {
  .connect-text { font-size: 28px; padding-top: 0px; }
  .nav-banner { font-size: 20px; }
}
@media screen and (max-width: 1250px) {
  footer .bottom-nav .links { margin: 5px 0 0 0; }
}
@media (max-width: 768px) {
  .prevbutton1 { top: 321px !important; left: 40px !important; }
  .nextbutton1 { top: 300px !important; right: 337px !important; }
}
@media (max-width: 1024px) {
  .nextbutton1 { top: 417px !important; right: 297px !important; }
}
@media (max-width: 1599px) {
  .homePageSlider ul.slick-dots li { width: 50px; }
  .homePageSlider ul.slick-dots li.slick-active { width: 80px; }
}
@media (max-width: 1399px) {
  .sliderRightCaption p { font-size: 24px; line-height: 28px; }
}
@media (max-width: 1299px) {
  .sliderLeft { width: 65%; }
  .sliderRight,
    .homePageSlider ul.slick-dots { width: 35%; }
  .sliderRightCaption p { font-size: 20px; line-height: 24px; }
}
@media (max-width: 991px) {
  .sliderRightCaption p { font-size: 18px; line-height: 24px; }
  .homePageSlider ul.slick-dots li { width: 30px; }
  .homePageSlider ul.slick-dots li.slick-active { width: 45px; }
  .homePageSlider .sliderLeft h1 { font-size: 48px; }
  .homePageSlider ul.slick-dots li { height: 12px; }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .paddLeftRightResponsive { width: 98%; margin: 0 auto; }
  .paddLeftRightResAuto { width: 98%; }
}
@media (min-width: 768px) {
  #ytHeaderTimeline .secondary_nav,
	#ytHeaderAmericaStrong .secondary_nav,
	#ytHeaderCareandCleaning .secondary_nav,
	#ytHeaderCustomChoices .secondary_nav,
	#ytHeaderStylishStorage .secondary_nav,
	#ytHeaderPlanningTools .secondary_nav { width: 100%; max-width: 250px; }
  .page-template-page-inspiration .secondary_nav { width: 100%; max-width: 284px; }
  #ytHeaderMaterialCharacteristics .secondary_nav { width: 100%; max-width: 390px; }
  #ytHeaderMaterialCharacteristics .secondary_nav h1 { text-align: center; }
}
@media (min-width: 1024px) {
  #main_nav { width: 75%; margin-right: 2px; }
}
@media (min-width: 1400px) {
  .homePageSlider .sliderInner { min-height: 740px; }
}
@media (max-width:979px) {
  .socialMail i { margin-right: 0px; }
  .socialMail span { display: none; }
  .socialMail { padding: 6px 7px 6px 7px; }
}
	
/* Vertical separator between "Dealer Login" and "Contact Us" */
.menu-item-17554 {
    border-left: 1px solid #183859 !important;
}
	
	h3.view, h3.viewfw{
		text-align : left !important;
		padding: 0rem 2rem !important;
	}

	.room-description {
     padding-bottom: 1em;
    border-bottom: solid 1px lightgrey;
    font-family: var(--font-1);
    font-size: 18px;
    font-weight: 325;
    line-height: 34px;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 3em;
    color: #777779;
	}
	
	
	.care-image {
		height:550px !important; width:100% !important;
	}
	
	.dtq-image-title{
		font-family: "inter-variable", sans-serif;
	}
	
.door-style-constructions{
	color: #183859;
}
.door-style-constructions:hover{
	color:  #816516;
}
	
	/* Show a badge without adding extra children */
.pgsingle-mainimg[data-badge] { position: relative; }
.pgsingle-mainimg[data-badge]::before {
  content: attr(data-badge);
  position: absolute;
  top: 0em;
  left: 0rem;
  z-index: 5;
  pointer-events: none;      /* don't block zoom clicks */
  display: inline-block;
  padding: 5px 10px;
  white-space: nowrap;
  background: #012332;      /* use your NEW chip color */
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0px;
}


.pgsingle-mainimg { position: relative; }
.pgsingle-mainimg .new-product {
  position: absolute;
  top: .75rem;
  left: .75rem;
  z-index: 5;
}
.new-product.coming-soon { width: auto; padding: 5px 10px; white-space: nowrap; }


/* Position the badge on the single-finish hero */
.finish-single .finish-main-image { position: relative; }
.finish-single .finish-main-image .new-product {
  left: .75rem;
  top: .75rem;
}

/* Longer label variant (reuse from grid) */
.new-product.coming-soon {
  width: auto;
  padding: 5px 10px;
  white-space: nowrap;
}

/* Finish PDP badge placement */
.finish-single .finish-main-image .new-product {
  top: .75rem;
  left: .75rem;
}

/* Optional: tweak width for longer text */
.new-product.coming-soon { width: auto; padding: 5px 8px; }


.new-product {
    color:#FFF;
    background: #632240;
    font-family: Montserrat-Light;
    font-size: 15px;
    font-weight: 300;
    font-weight:bold;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    position:absolute;
    padding:5px;
    width:51px;
    z-index:3;
}

/* longer label variant */
.new-product.coming-soon{
  width: auto;
  padding: 5px 10px;
  white-space: nowrap;
}