/**
	Theme Name: Medallion Cabinetry
	Theme URI: 
	Description: Medallion Cabinetry Theme
	Version: 1.4.3
	Author: 
	Author URI:
	Tags: 

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
@import url("pg_style.css");
@import url("pg_style-2.css");


@font-face {
    font-family: "Inter";
	src: url(../ttf/inter-regular.ttf);
	font-display: swap;
}
@font-face {
    font-family: "Montserrat-Medium" ;
	src: url(../ttf/montserrat-medium.ttf);
	font-display: swap;
}
@font-face {
    font-family: "Montserrat-Bold";
	src: url(../ttf/montserrat-bold.ttf);
	font-display: swap;
}

@font-face {
    font-family: "Montserrat-Light";
	src: url(../ttf/montserrat-light.ttf);
	font-display: swap;
}

@font-face {
    font-family: "Montserrat-Thin";
	src: url(../ttf/montserrat-thin.ttf);
	font-display: swap;
}
.postid-11273 .prevbutton1, .postid-11273 .nextbutton1, .postid-11269 .prevbutton1, .postid-11269 .nextbutton1, .postid-11262 .prevbutton1, .postid-11262 .nextbutton1, .postid-9696 .nextbutton1 {
    display: none;}

.postid-9696 .nextbutton1 {
    display: none;
}

.postid-9663 .nextbutton1 {
    display: none;
}

.postid-11150 .prevbutton1, .postid-11150 .nextbutton1, .postid-11148 .prevbutton1, .postid-11148 .nextbutton1, .postid-11043 .prevbutton1, .postid-11043 .nextbutton1, .postid-10256 .prevbutton1, .postid-10256 .nextbutton1, .postid-10252 .prevbutton1, .postid-10252 .nextbutton1, .postid-10248 .prevbutton1, .postid-10248 .nextbutton1, .postid-10244 .prevbutton1, .postid-10244 .nextbutton1, .postid-10130 .prevbutton1, .postid-10130 .nextbutton1, .postid-10122 .prevbutton1, .postid-10122 .nextbutton1, .postid-10112 .prevbutton1, .postid-10112 .nextbutton1, .postid-10103 .prevbutton1, .postid-10103 .nextbutton1, .postid-10088 .prevbutton1, .postid-10088 .nextbutton1, .postid-10005 .prevbutton1, .postid-10005 .nextbutton1, .postid-9995 .prevbutton1, .postid-9995 .nextbutton1, .postid-9951 .prevbutton1, .postid-9951 .nextbutton1, .postid-9941 .prevbutton1, .postid-9941 .nextbutton1, .postid-9858 .prevbutton1, .postid-9858 .nextbutton1, .postid-9831 .prevbutton1, .postid-9831 .nextbutton1, .postid-9799 .prevbutton1, .postid-9799 .nextbutton1, .postid-9787 .prevbutton1, .postid-9787 .nextbutton1, .postid-9737 .prevbutton1, .postid-9737 .nextbutton1, .postid-9723 .prevbutton1, .postid-9723 .nextbutton1, .postid-9714 .prevbutton1, .postid-9714 .nextbutton1, .postid-9705 .prevbutton1, .postid-9705 .nextbutton1, .postid-9696 .prevbutton1, .postid-9689 .prevbutton1, .postid-9689 .nextbutton1, .postid-9681 .prevbutton1, .postid-9681 .nextbutton1, .postid-9672 .prevbutton1, .postid-9672 .nextbutton1, .postid-9663 .prevbutton1, .postid-9641 .prevbutton1, .postid-9641 .nextbutton1, .postid-10399 .prevbutton1, .postid-10399 .nextbutton1, .postid-9989 .prevbutton1, .postid-9989 .nextbutton1, .postid-9976 .prevbutton1, .postid-9976 .nextbutton1, .postid-9940 .prevbutton1, .postid-9940 .nextbutton1, .postid-9927 .prevbutton1, .postid-9927 .nextbutton1, .postid-9911 .prevbutton1, .postid-9911 .nextbutton1, .postid-9903 .prevbutton1, .postid-9903 .nextbutton1, .postid-9889 .prevbutton1, .postid-9889 .nextbutton1, .postid-9863 .prevbutton1, .postid-9863 .nextbutton1, .postid-9846 .prevbutton1, .postid-9846 .nextbutton1, .postid-9835 .prevbutton1, .postid-9835 .nextbutton1, .postid-9780 .prevbutton1, .postid-9780 .nextbutton1, .postid-9739 .prevbutton1, .postid-9739 .nextbutton1, .postid-9666 .prevbutton1, .postid-9666 .nextbutton1, .postid-10127 .prevbutton1, .postid-10127 .nextbutton1, .postid-10093 .prevbutton1, .postid-10093 .nextbutton1, .postid-10043 .prevbutton1, .postid-10043 .nextbutton1, .postid-10038 .prevbutton1, .postid-10038 .nextbutton1, .postid-10015 .prevbutton1, .postid-10015 .nextbutton1, .postid-11152 .prevbutton1, .postid-11152 .nextbutton1, .postid-10152 .prevbutton1, .postid-10152 .nextbutton1, .postid-10147 .prevbutton1, .postid-10147 .nextbutton1, .postid-11269 .prevbutton1, .postid-11269 .nextbutton1, .postid-11264 .prevbutton1, .postid-11264 .nextbutton1, .postid-10175 .prevbutton1, .postid-10175 .nextbutton1, .postid-10172 .prevbutton1, .postid-10172 .nextbutton1, .postid-10164 .prevbutton1, .postid-10164 .nextbutton1, .postid-10220 .prevbutton1, .postid-10220 .nextbutton1, .postid-10215 .prevbutton1, .postid-10215 .nextbutton1, .postid-10200 .prevbutton1, .postid-10200 .nextbutton1 {
    display: none;
}

.postid-11154 .prevbutton1, .postid-9769 .prevbutton1 {
    top: 398%;
    left: 73px;
    margin: -40px;
}

.postid-11154 .nextbutton1, .postid-9777 .nextbutton1, .postid-9769 .nextbutton1, .postid-9760 .nextbutton1, .postid-9749 .nextbutton1, .postid-10023 .nextbutton1, .postid-10134 .nextbutton1, .postid-10168 .nextbutton1, .postid-10137 .nextbutton1 {
    top: 376%;
    right: 408px;
    border-radius: 3px 0 0 3px;
}

.postid-9777 .prevbutton1, .postid-9769 .prevbutton1, .postid-9760 .prevbutton1, .postid-9749 .prevbutton1, .postid-10023 .prevbutton1, .postid-10134 .prevbutton1, .postid-10168 .prevbutton1, .postid-10137 .prevbutton1 {
    top: 398%;
    left: 73px;
    margin: -40px;

}

@media screen and (max-width: 767px) {
    .caption-text {
        font-size: 28px !important;
    }
}

#supportZone .links a {
    font-weight: 600 !important;
	}

/* For screens above 767px wide: */
@media only screen and (min-width: 768px) {
    #hero-images .slick-initialized .slick-slide {
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: -ms-flex;
		display: webkit-flex;
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
        justify-content: center;
    }

    #hero-images .room-slider img {
        min-width: 100%;
        height: auto;
        height: 1000px !important;
    }

}

/* Apply styles only for screens at or under 767px wide */
@media (max-width: 767px) {
    .room-single #breadCrumb span {
        color: #012332 !important;
    }

    .room-single #breadCrumb span a {
        color: #012332 !important;
    }

    section#hero-images {
        padding-top: 60px;
    }
}


#hero-images .slick-arrow {
    filter: invert(87%) sepia(13%) saturate(242%) hue-rotate(144deg) brightness(103%) contrast(88%);
}

.img-fluid {
    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(../png/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 {
    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%; */
}

.slideLeftSlide .img-fluid {
    display: none;
}

.slideRight {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
}

.slideRightContainer {
    width: 50%;
    padding-left: 8px;
    padding-bottom: 8px;
}

.slideRightLTbg {
    height: 100%;
    background-color: #75b1be;
    position: relative;
    padding: 15px;
}

.slideRightLTbg .slideTitle {
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1;
    padding: 0;
    margin: 0 0 .3em;
}

.slideRightLTbg p {
    margin-right: 0;
    color: #fff;
    font-size: 1em;
}

.slide_cta:link,
.slide_cta:visited {
    background-color: #75b1be;
}

.home-slider .eSpotSlideCaption + p {
    font-size: 1em;
}

.about_designer {
    font-style: normal;
    color: #fff;
    background-color: rgb(117, 177, 190);
    background-color: rgba(117, 177, 190, 0.7);
    padding: 30px;
    font-weight: 400;
}

.news-slider .slide,
.news-slider-nav .slide {
    vertical-align: top;
}

.news-slider .slide img {
    width: 100%;
    height: auto;
}

.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(../png/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, 0) !important;
}

.about_designer p {
    margin: 0;
}

.brochures_link {
    background-image: url(../png/brochure_icon.png);
    background-repeat: no-repeat;
}

.style_quiz_link {
    background-image: url(../png/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;
}

.press-featured-image {
    margin-bottom: 30px;
}

.press-featured-image img {
    width: 100%;
    height: auto;
}

.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(../png/arrow_down-news.png);
}

.single .secondary_nav ul li a:hover {
    background-image: url(../png/med_arrow_down-right.png);
}

.quizNavButton {
    height: auto;
}

.quizNavButton .at-resp-share-element .at-share-btn .at-label {
    font-size: 18px !important;
    font-family: "proxima-nova", arial, sans-serif !important;
}

.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: #d3d3d3 !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;
}

@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;
    }
}

@media only screen and (max-width: 1199px) {
    .testimonial-slide.slideWrapper {
        flex-direction: inherit;
    }
}

@media only screen and (max-width: 987px) {
    .testimonial-slide.slideWrapper {
        flex-direction: column;
    }
}

@media only screen and (max-width: 1199px) {
    .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 (min-width: 1023px) and (max-width: 1199px) {
    .slideRightContainer {
        width: 25%;
    }
}

@media only screen and (max-width: 767px) {

    .slideWrapper {
        flex-direction: column;
    }

    .oneHalfSlider h1 {
        letter-spacing: 1px;
    }

    .oneHalfSlider p,
    .oneHalfSlider h1 {
        display: block;
    }

    .home-slider .slick-arrow {
        background-size: 200px;
        width: 25px;
        height: 25px;
    }

    .home-slider .slick-prev,
    .home-slider .slick-prev:hover {
        background-position: left -17px;
    }

    .home-slider .slick-next,
    .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 #F0EDE5 !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;
    }

}

@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;
    }
}
/*  previous and next button*/
.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, 0, 0.8);
}


/* Position the "next button" to the right */
.nextbutton {
    margin: -150px;
    top: 23.5%;
    right: inherit;
    border-radius: 3px 0 0 3px;
}


.prevbutton {
    left: 0;
    border-radius: 0 3px 3px 0;
    margin: -650px;
    top: 45.2%;
    left: inherit;
    margin-left: -762px;
}

/*  previous and next button of room gallary page*/

.prevbutton1, .nextbutton1 {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: whitesmoke;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.8)
}


/* Position the "next button" to the right */
.nextbutton1 {
    top: 37%;
    
    right: 408px;
    border-radius: 3px 0 0 3px;
}


.prevbutton1 {
    top: 40%;
    left: 73px;
    margin: -40px;
}
/*Pagination starts here*/
.pager a, .pager span {
    color: #6c757d;
    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;
}

a.page-numbers {
    padding-left: 5px;
    padding-right: 5px;
}

.pager a:hover {
    color: #75b1be;
}

.pager span.current {
    color: #75b1be;
    float: none;
    margin-top:10px;
}


a.prev.page-numbers {
    text-indent: -100000px;
    width: 20px;
    background-image: url(../png/arrow_pagination.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(180deg);
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
}

a.next.page-numbers {
    text-indent: -100000px;
    width: 20px;
    background-image: url(../png/arrow_pagination.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: top;
    display: inline-block;
}

/*============ 19-11-2018===============*/
.content_section.closeFilter .section_list {
    display: none;
}

.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 {
    padding-top: 5px;
}

.doorViewer .zoomViewerLink > img#mainImg {
    display: none;
}

#crossSell4Zone3.sidbarSlider {
    width: 100%;
    height: auto;
    }
#crossSell4Zone3.sidbarSlider img.imgSidebarSlider {
    width: 100%;
}

.single-door .finishesWrapper, .doorViewer .zoomViewerLink {
    display: none;
}

.imagePreview img#mainImg, .displayNone {
    display: none;
}

.zoomNoMarBottom {
    margin-bottom: 0px !important;
}

.single-product .prodDetailDescription .zoomViewerLink {
    display: none;
}

.single-product .prodDetailDescription .zoomViewerLink.active {
    display: block;
}

.doorImageColumn .zoomViewerLink {
    margin-bottom: 0;
}

/*=======================   06-12-2018 ==============*/
.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;
}

/*====================== 06-02-2019 =======================*/
div#makeItYoursContainer {
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

/*============ Social Share Email =====================*/
#social_share_container > div {
    display: inline-block;
    vertical-align: top;
}

.socialMail {
    font-size: 10px;
    background-color: #6c757d;
    padding: 6px 20px 6px 5px;
    color: #fff;
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
    cursor: pointer;
    margin-right: -2px;
}

.socialMail:hover {
    padding-top: 2px;
}

.socialMail > i {
    margin-right: 5px;
}

/*=========== PopUp ===============*/
/* The Modal (background) */
.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: rgb(0, 0, 0); 
    background-color: rgba(0, 0, 0, 0.4); 
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 500px;
}

/* The Close Button */
.close {
    color: #d3d3d3;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modalHeader {
    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;
}

.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: #9F6A4C !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: #9F6A4C !important;
}

.modalBody .gform_confirmation_message {
    font-size: 22px !important;
    color: #75b1be !important;
    text-align: center !important;
    margin: 66px 0 40px !important;
}

@media (max-width: 979px) {
    .socialMail i {
        margin-right: 0px;
    }

    .socialMail span {
        display: none;
    }

    .socialMail {
        padding: 6px 7px 6px 7px;
    }
}

/*=========== End social mail =============*/

@media (max-width: 1023px) {
    .single h2.resp-accordion {
        padding: 15px 27px !important;
    }

    .single #product_tabs .resp-tab-active {
        padding-top: 18px !important;
    }
}
@media (max-width: 767px) {
    .doorImageColumn .doorViewer img {
        width: 90%;
        margin-bottom: 10px;
    }

    li#field_1_32.gfield_error {
        padding-bottom: 20px;
    }

    .page-id-967 h1.platinum_heading {
        font-size: 28px;
    }
}

@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;
    }
}
@media (max-width: 1199px) {
    .Safari-9 .slideRightLTbg, .Safari-10 .slideRightLTbg {
        height: 23.9vw;
    }
}

@media (max-width: 1022px) {
    .Safari-9 .slideRightLTbg, .Safari-10 .slideRightLTbg {
        height: 48vw;
    }
}

@media (max-width: 767px) {
    .Safari-9 .slideRightLTbg, .Safari-10 .slideRightLTbg {
        height: 47vw;
    }
}

@media (max-width: 480px) {
    .Safari-9 .slideRightLTbg, .Safari-10 .slideRightLTbg {
        height: 46vw;
    }
}

@media (min-width: 1200px) {
    .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
        height: auto !important;
    }

    .Safari-9 .slideLeftSlide, .Safari-10 .slideLeftSlide {
        padding-bottom: 66%;
    }

    .Safari-9 .slideRightLTbg, .Safari-10 .slideRightLTbg {
        height: 19.30vw;
    }
}


/* Room Page/Gallery rules*/
.room-hero-image {
    width: 100%;
    margin: 1em 1em 1em 1em;
    max-height: 20em;
}

.room-details {
    width: 100%;
    margin: 1em 1em 1em 1em;
}

.feature-header {
    color: #9F6A4C;
    margin-bottom: 1em;
}

.related-product{
    object-fit:cover;
    width:100%;
    height:250px;
}
/*Room Gallery Styles*/

.room-description {
    padding-bottom: 1em;
    border-bottom: solid 1px lightgrey;
    font-family: Montserrat-Medium;
    font-size: 28px;
    font-weight: 325;
    line-height: 34px;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom:3em;
    color: #6c757d;
}

.get-this-look {
    margin-top: 2em;
}

.also-like{
    height:100%;
}

/*Gallery Styles*/

.clear_all_text: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: #012332;
    margin-bottom: 5px;
}

.show-all-results{
    font-family: Montserrat-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.he-gallery .subtitle {
    text-align: center;
    color: #012332;
    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: Inter;
    font-size: 19px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #012332;
}
.he-gallery .filter_list.section_list {
    float: left;
}
.he-gallery #productsFacets .filter-top-title{
    height:40px;
    background-color: #012332;
    font-family: Montserrat-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}
.he-gallery .filter-group{
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 400;
    font-weight:bold;
    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: Montserrat-Light;
    font-size: 14px;
    font-weight: 400;
    font-weight:bold;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.he-gallery .content_section > h3 {
    border-bottom: 1px solid white;
    background: #F0EDE5;
    margin:0px;
}

.he-gallery .content_section > h3:not(.open) {
    background: #F0EDE5;
}

#facetFilterList li{
    margin-left:3px;
    margin-right:3px;
}

.he-gallery #clear_all_filter {
    float: right;
    margin-top: 6px;
    font-family: Montserrat-Light;
    font-size: 16px;
    font-weight: 300;
    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: Montserrat-Bold;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.filter-group:not(#foo) input[type="checkbox"]:checked + label:before {
    background-color:#75b1be;
    background-image: none;
    height:9px;
    width:9px;
    margin-right:7px;
}
.filter-group:not(#foo) input[type="checkbox"]:checked + label {
    font-family: Montserrat-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}
.he-gallery ul.selected_attributes li {
    float: left;
    background: #F0EDE5;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.he-gallery ul.selected_attributes li a {
    background-image: url(../svg/x.svg);
    color: #012332;
}
.he-gallery .clear_all_text {
    float: left;
    margin-left: 40px;
    color: #012332;
    padding-right:10px;
    height:25px;
    padding-top:5px;
    border-right:1px solid #012332;
    font-family: Montserrat-Light;
    font-size: 16px;
    font-weight: 300;
    font-weight:bold;
    line-height: 15px;
    letter-spacing: 0em;
}

.he-gallery .clear_all_text:hover {
    cursor:pointer;
}

.he-gallery .productName{
    margin-top:50px;
    font-family: Montserrat-Light;
    font-size: 48px;
    font-weight: 300;
    font-weight:bold;
    line-height: 53px;
    letter-spacing: 0.03em;
    text-align: center;
}
.he-gallery .product .product_name a {
    color: #012332;
    text-transform: uppercase;
    font-weight: 500;
}

.he-gallery .filter_toggle{
    height:40px;
    padding-top:6px;
    position:relative;
}

.filter_toggle:hover{
    cursor:pointer;
}

.he-gallery .filter_toggle h3{
    background-image: none;
    color: #012332;
    text-transform: capitalize;
    position:relative;
    font-family: Montserrat-Medium;
    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: Montserrat-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #012332;
    margin-left:15px;
}

.he-gallery #productsFacets fieldset {
    background-color: #F0EDE5;
}

.he-gallery #productsFacets fieldset h3:after {
    background-image: url(../svg/arrow-sidebar.svg);
    position: absolute;
    content: '';
    right: 10px;
    top: 15px;
    width: 13px;
    height: 7px;
}

.he-gallery #productsFacets fieldset h3.open:after {
    background-image: url(../svg/arrow-sidebar.svg);
    transform: rotate(180deg);
}

.he-gallery #productsFacets .filter-top-title {
    background-color: #012332;
    position:relative;
}

.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(../svg/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(../png/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,0,.2);
}

.he-gallery .explore-whats-new p {
    margin: 0;
}

.explore-whats-new div {
    position: absolute;
    bottom: 0;
    padding: 10px 15px 10px 30px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.3) url(../svg/chevron-right.svg) no-repeat 80%;
    background-size:5%;
    color: white !important;
    font-weight: 600;
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: 325;
    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{
    color:white !important;
}

.he-gallery .selected_attributes > li:hover{
    height: 30px;
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    gap: 15px;
    font-family: Montserrat-Bold;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    background: #F0EDE5;
}

.he-gallery .paging_controls {
    float: none;
    margin-bottom: 50px;
}

.he-gallery .pagination {
    align-items: center;
    justify-content: center;
}

.he-gallery .pagination a {
    color: #012332;
    font-size: 18px;
    font-weight: normal;
}

.he-gallery .pagination .current {
    color: #012332;
    font-size: 18px;
    font-weight: bold;
    vertical-align: baseline;
    margin-top:0px;
}

.he-gallery .pagination a.prev.page-numbers {
    background-image: url(../svg/pagination-arrow.svg);
    transform: rotate(180deg);
    margin-right: 15px;
}

.he-gallery .pagination a.next.page-numbers {
    background-image: url(../svg/pagination-arrow.svg);
    margin-left: 15px;
}

.he-gallery .product_listing_container {
    margin-top: 40px;
}

.sort-by {
    float: right;
    margin-top: 9px;
    padding-left: 15px;
    line-height: 15px;
    margin-right: 15px;
    color: #012332;
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.sort-by-select {
    float: right;
    position: relative;
}

.sort-by-select select {
    background: 0;
    color: #012332;
    border: 1px solid #012332;
    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, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(0deg, #F0EDE5, #F0EDE5);
    color:#012332;
}

/* For IE10 */
.sort-by-select > select::-ms-expand {
    display: none;
}

.sort-by-select:after {
    background: url(../svg/pagination-arrow.svg) no-repeat;
    transform: rotate(90deg);
    content: '';
    position: absolute;
    right: 5px;
    width: 17px;
    top: 13px;
    height: 17px;
}

.he-gallery .explore-whats-new.mobile {
    display: none;
}

.he-gallery .close-filter-mobile {
    display: none;
}

.he-gallery .hide-desktop {
    display: none;
}

/*Breadcrumbs*/
#breadCrumb span a{
    font-family:Inter;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0em;
    color: #012332;
}

#breadCrumb span a:visited{
    color:#012332;
}

#breadCrumb .breadcrumb_last{
    color:#012332;
}

.view-results-button{
    width: 282px !important;
    padding: 12px 45px 12px 16px !important;
    border-radius: 5px;
    gap: 16px;
    background: #012332;
    color:#FFF;
    background-image:url(../svg/chevron-right.svg);
    background-position: 90% 50%;
    background-size:5%;
    background-repeat:no-repeat;
    margin-top:10px;
    text-align:center;
    margin-top:50px;
}

@media screen and (max-width: 767px) {
.he-gallery.finish-gallery .product_image{
        margin-left:15px;
    }

    /*Mobile filter */
    .filter_toggle > span{
        font-family: Montserrat-Medium;
        font-size: 20px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
    }

    .he-gallery p.subtitle {
        display: none;
    }

    .he-gallery #widget_left_nav_toggle {
        border: 1px solid #F0EDE5;
        background: 0;
        color: #012332;
        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(../svg/filter-blue.svg) no-repeat;
        position: absolute;
        top: 13px;
        right: 10px;
        content: '';
        width: 20px;
        height: 15px;
    }

    .he-gallery #widget_left_nav .explore-whats-new {
        display: none;
    }

    .he-gallery .explore-whats-new.mobile {
        display: block;
        -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: white;
    }

    .he-gallery #productsFacets .filter-top-title h3 {
        background-color: white;
        color: #012332;
        text-align: center;
        margin: 20px 0;
        max-height:40px;
    }

    .he-gallery #productsFacets fieldset h3 {
        background-color: white;
        color: #012332;
    }

    .he-gallery #productsFacets fieldset h3:after {
        background-image: url(../svg/arrow-dark-blue.svg);
        transform: rotate(180deg);
        width: 17px;
        height: 9px;
    }

    .he-gallery #productsFacets fieldset h3.open:after {
        background-image: url(../svg/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: 10px 0;
    }

    .he-gallery #productsFacets .filter-top-title .filter-icon{
        background-image: url(../svg/frame.svg);
        position:absolute;
        content: '';
        right: 10px;
        top: 8px;
        width: 20px;
        height: 15px;
    }

    .he-gallery .close-filter-mobile {
        position: absolute;
        top: 20px;
        right: 20px;
        content: '';
        background-image: url(../svg/close-filter.svg);
        width: 20px;
        display: block;
        z-index: 1;
        height: 20px;
        cursor: pointer;
    }

    .he-gallery .sort-by,
    .he-gallery .sort-by-select {
        display: none;
    }

    .he-gallery .section_list.sortby {
        padding: 0 10px;
    }

    .he-gallery .hide-desktop {
        display: block;
    }

    .he-gallery #clear_all_filter {
        display: none;
    }

    .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 #F0EDE5;
        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: #012332;
        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 #0000F;
    }

    .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;
    }

    /*Mobile General Finish*/
    .he-gallery .explore-whats-new {
        display:none;
    }

    #widget_left_nav_toggle > span{
        display:none;
    }
    #widget_left_nav_toggle:before{
        content: 'Filter and Sort By';
    }
    .filter-icon{
        display:none;
    }
    .filter-top-title{
        display:none;
    }

    /*Mobile Gallery  Room*/
    .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;
    }
}
/*Finish Single page */
.finish-single #breadCrumb{
    margin-left:47px;
}

.finish-single .prodDetailWrapper{
    padding-left:50px;
}

.finish-single .finish-main-image{
    text-align:left;
}

.finish-single .finish-main-image img{
    max-width:391px;
    height:350px;
    box-shadow: 0px 4px 4px 0px #00040;
}

.finish-single h3.productName {
    color: #012332;
    text-transform: uppercase;
    font-weight: 500;
    background-image: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    font-family: Montserrat-Light;
    font-size: 28px !important;
    font-weight: 300;
    font-weight:bold;
    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{
    box-shadow: 0px 4px 4px 0px #00040;
}
.finish-single .finish-related:hover > a > div > img{
    box-shadow: 0px 4px 4px 0px #00040;
}

.finish-single .finish-related:hover > .finish-related-label{
    font-weight:bold;
}

.finish-single .finish-related:hover > a > .finish-related-label{
    font-weight:bold;
}

.finish-single .accordion-content a{
    color:#464646;
}

.finish-single .accordion-content a:hover {
    color:#464646;
}

.finish-single .accordion-content .dealer-link a:hover {
    font-weight:bold;
    color:#75b1be;
}

.finish-single .accordion-content a:hover + div{
    font-weight:bold;
}

.finish-single .productShortDescription {
    color: #6c757d;
    font-size: 24px;
    font-weight: 300;
    margin-left: 0;
    font-family: Montserrat-Thin;
    margin-top:15px;
}

.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 .prodFullDescription {
    text-align: left;
    padding-bottom:15px;
    border-bottom: 1px solid #F0EDE5;
}

.finish-single .legal-notice{
    margin-top:30px;
    font-family: Montserrat-Medium;
    font-size: 10px;
    font-weight: 325;
    letter-spacing: 0px;
    text-align: left;
}

.finish-single .prodFullDescription .details-title {
    color: #012332;
    margin: 40px 0 20px 0;
    font-weight: bold;
    font-family:Montserrat-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.finish-single .accordion-title {
    width: 100%;
    border-top: 1px solid #F0EDE5;
    padding: 25px 0;
    font-size: 24px;
    color: #012332;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    position: relative;
}

.finish-single .accordion-title:after {
    position: absolute;
    background: url(../svg/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 {
    border-bottom: 1px solid #F0EDE5;
}

.finish-single .accordion-title.last.active {
    border-bottom: 0;
}

.finish-single .accordion-title.last.active + .accordion-content {
    border-bottom: 1px solid #F0EDE5;
}

.finish-single .accordion-title.active + .accordion-content {
    background-color: #fff;
}

.finish-single .accordion-content {
    font-family:Montserrat-Medium;
    width: 100%;
    float: left;
    display: none;
    padding: 20px 10px 25px 0px;
}

.finish-single .accordion-title.active + .accordion-content{
    background:#FFF;
}

.finish-single .no-related-content{
    color:#6c757d;
    font-family: Inter;
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    border-width: 2px;
    border-style: solid;
    border-color: #75b1be;
    padding:33px 22px;
    height:193px;
    box-shadow: 0px 4px 4px 0px #00040;
}

.dealer-link{
    margin-top:25px;
    margin-left: 31%;
    margin-top:4%;
}

.more-link{
    float:right;
    margin-top:25px;
    font-family: Inter;
    font-size: 24px;
    font-weight: 200;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
    color:#012332;
}

.more-link:hover{
    color: #75b1be;
}

.finish-single .accordion-content .more-link > a{
    color:#012332;
}

.finish-single .no-related-content .dealer-link a{
    font-family: Montserrat-Medium;
    font-size: 21px;
    font-weight: 350;
    line-height: 27px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #75b1be;
}

.finish-single .no-related-content .dealer-link a:after{
    margin-left:20px;
    content: " ";
    width:20px;
    height:15px;
    background-image: url(../svg/seafoam-arrow-right.svg);
    display:inline-block;
    background-size:cover;
    background-repeat:no-repeat;
    display:inline-block;
}

.finish-single .like-what-you-see {
    width: 100%;
    display: inline-block;
    margin-top: 60px;
}

.finish-single .like-what-you-see .text {
    color: #012332;
    font-size: 24px;
    font-weight: 500;
}

.finish-single .like-what-you-see a {
    width: 100%;
    display: inline-block;
    border: 2px solid #012332;
    color: #012332;
    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: #fff;
    padding: 40px;
    margin-bottom: 50px;
    padding-top:65px
}

.finish-single .order-a-sample h2 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #012332;
}

.finish-single .order-a-sample .description {
    font-size: 24px;
    color: #012332;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 40px;
}

.finish-single .order-a-sample a {
    background: #012332;
    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: #012332;
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
}
.col3-wrapper {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.also-like-grid{
    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(../png/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(../png/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;
    cursor: pointer;
}

.col3-wrapper.mobile .slick-next {
    position: absolute;
    right: 0;
    z-index: 2;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 50px;
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .col3-wrapper.mobile {
        display: none;
    }
}

.finish-single .order-a-sample .white-arrow-right{
    display:inline-block;
    background-image:url(../svg/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(../svg/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{
    background: #012332;
}

.finish-single .order-a-sample a > .blue-arrow-right{
    display:none;
}

.finish-single .order-a-sample .white-arrow-right{
    display:inline-block;
    background-image:url(../svg/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(../svg/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{
    background: #012332;
}

.finish-single .order-a-sample a > .blue-arrow-right{
    display:none;
}

.finish-single .mobile-description{
    display:none;
}

@media screen and (max-width: 991px) {

    .finish-single .finish-main-image{
        padding-bottom:50%;
        margin-bottom:5em;
    }

    .finish-single .desktop-description{
        display:none;
    }

    .finish-single .mobile-description{
        display:block;
    }

    .finish-single .productShortDescription {
        font-size:14px;
    }
}

/*Mobile Finish*/
@media screen and (max-width: 767px) {
    .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{
        margin-left:0px;
    }

    .finish-single .no-related-content > .dealer-link,
    .finish-single .no-related-content > .more-link{
        font-size:16px;
    }

    #breadCrumb {
        font-family: Montserrat-Medium;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
    }

    .finish-single #breadCrumb{
        margin-left:0px;
    }

    .finish-single .order-a-sample a > .blue-arrow-right{
        display:inline-block;
    }

    .finish-single .order-a-sample a > .white-arrow-right{
        display:none;
    }

    .finish-single .order-a-sample a:hover > .blue-arrow-right{
        display:none;
    }

    .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: Montserrat-Medium;
        font-size: 14px;
        font-weight: 325;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .finish-single .accordion-title {
        font-family: Montserrat-Medium;
        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: Montserrat-Medium;
        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: Montserrat-Medium;
        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 #75b1be;
        color: #012332;
        padding: 10px 40px;
        font-family: Montserrat-Medium;
        font-size: 18px;
        font-weight: 350;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .finish-single .order-a-sample .description {
        font-family: Montserrat-Medium;
        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: Montserrat-Medium;
        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{
        width: 100%;
        margin-bottom: 20px;
    }
    .finish-single .right-side-finish{
        margin-top:85px;
    }
}

/* 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;
}


.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;
}

/*Room gallery single item override */
@media screen and (max-width: 575px) {
.he-gallery.room-gallery .product{
        float:none;
    }
}

.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_listing_container{
    max-width:none;
}

.he-gallery .product .product_name.new a {
    color: #012332;
    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 #F0EDE5;
}

.he-gallery .product_image:not(.full){
    width: 100%;
}

.he-gallery .product_name{
    color:#012332;
}

.he-gallery .product:hover  .product_name > a{
    color: #012332;
}

.he-gallery .product:hover  .product_name.new > a{
    color: #012332;
}

.he-gallery .product:hover > .product_image > .new-product{
    background:#012332;
    font-family:Montserrat-Bold;
}

.he-gallery.finish-gallery .product .product_image img {
    max-width: 218px;
    height:auto;
}

.room-gallery .product_name{
    letter-spacing:.1em;
}
.product_name .new{
    color: #632240;
}

/*Room PDP */

h3.room-name{
    color: #012332;
    font-family: Montserrat-Light;
    font-size: 40px !important;
    font-weight:bold;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: left;
}

.room-slider img{
    min-width:100%;
    height:auto;
}

.room-slider .slick-prev {
    display: block;
    position: absolute;
    z-index: 1000;
    top:50%;
    transform: translateY(-50%);
    left:15px;
}

.room-slider .slick-next {
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 1000;
    right:15px;
}

.room-features{
    margin-bottom:4em;
}

.room-slider{
    width:80%;
    margin:auto;
}

.get-this-look{
    margin-top:2em;
    margin-bottom:4em;
}

.style-label{
    height:100px;
    font-family: Montserrat-Medium;
    font-size: 24px;
    font-weight: 325;
    line-height: 34px;
    letter-spacing: 2px;
    text-align: left;
    color: #012332;
    margin-top:10px;
}

.style-slider{
    padding-left:15px;
    padding-right:15px;
}

.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 #0000F;
}

.style-slider .style-image:hover + .style-label {
    font-family: 'Montserrat-Medium';
    font-size: 28px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.style-slider .slick-arrow {
    cursor:pointer;
    width:30px;
    height:50px
}

.style-slider .slick-prev {
    display: block;
    position: absolute;
    z-index: 1000;
    top:50%;
    transform: translateY(-50%);
    left:-50px;
}

.style-slider .slick-next {
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 1000;
    right:-50px;
}

.style-slider .slick-prev{
    background:url(../svg/black-chevron-left.svg);
    background-repeat:no-repeat;
    background-position:center;
}

.style-slider .slick-next{
    background:url(../svg/black-chevron-right.svg);
    background-repeat:no-repeat;
    background-position:center;
}

.room-slider .slick-arrow {
    cursor:pointer;
    width:30px;
    height:50px
}

.room-slider .slick-prev{
    background:url(../svg/white-chevron-left.svg);
    background-repeat:no-repeat;
    background-position:center;
}

.room-slider .slick-next{
    background:url(../svg/white-chevron-right.svg);
    background-repeat:no-repeat;
    background-position:center;
}

.feature-header{
    font-family: Montserrat-Medium;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 3px;
    text-align: left;
    color: #012332;
}

.feature-tile{
    background-size:cover;
    background-repeat:no-repeat;
    min-height:432px;
    position:relative;
    border-right:solid 1px black;
}

.feature-tile:hover{
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4);
}

.feature-nav-banner{
    background: #00080;
    color: var(--white, #FFF);
    font-size: 24px;
    font-family: Montserrat-Light;
    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: Montserrat-Light;
    font-size: 25px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: 2px;
    text-align: left;
    left:22px;
    transform:translateY(-50%);
    top:50%;
    text-transform:uppercase;
}

.feature-nav-caret{
    display:inline-block;
    background:url(../svg/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 #fff !important;
    border-radius:0px;
    border-bottom:0px !important;
    padding-top:15px;
    padding-bottom:15px;
    font-family: Montserrat-Medium;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
}
.nav-tabs .nav-link.active{
    background:#012332 !important;
    height:100%;
}

.nav-item{
    margin:0px!important;
}

.nav-tabs{
    font-family: Montserrat-Light;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    background:#012332 !important;
    z-index:3;
}

.tab-pane, .accordion-body{
    padding:4em 6em 4em 4em;
    background:#fff;
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: 325;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #012332;
}

.tab-anchor{
    position:relative;
}

.indicator {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #012332;
    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{
    display:none !important;
}


#product-tabbed-info{
    margin-top:5em;
    margin-bottom:4em;
}

.room-single #breadCrumb{
    margin-left:10%;
    margin-top:30px;
}

.room-single #breadCrumb span{
    color: #012332;
}

.room-single #breadCrumb .breadcrumb_last{
    color:#012332;
}

.you-may-also-like h3{
    text-align: center;
    color:#012332;
    font-family: Montserrat-Medium;
    font-size: 40px !important;
    font-weight: 350;
    line-height: 48px;
    letter-spacing: 0.03em;
    text-align: center;
    margin-bottom:1em;
    margin-top:4em;
}

.room-info{
    margin-top:4em;
}

.room-slider img{
    box-shadow: 0px 4px 4px 0px #00040 inset;
}

.gallery-slider .slick-slide{
    padding-left:40px;
}

.style-slider .style-image.full{
    width:98%;
}

/*Tablet Room */
@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;
    }
}


/* Mobile Room */
@media screen and (max-width: 767px) {
.col3-wrapper.desktop{
        display:none;
    }

    .also-like-grid.desktop{
        display:none;
    }

    .col3-wrapper.mobile{
        margin-bottom:45px;
    }

 .style-silder.slick-slide img {
        width: 100%;
    }

.room-single #breadCrumb{
        position:absolute;
        z-index:2;
        left:35px;
        margin-left:0px;
    }

    .room-single #breadCrumb span a{
        color: #fff;
    }

    .room-single #breadCrumb span{
        color: #fff;
    }

    #breadCrumb .breadcrumb_last{
        color:#012332;
        font-size: 14px !important;
    }

    .room-slider{
        width:100%;
    }

    .room-name{
        font-family: Montserrat-Light;
        font-size: 28px;
        font-weight: 400;
        font-weight:bold;
        line-height: 34px;
        letter-spacing: 3px;
        text-align: center !important;
        margin-top:1em;
    }

    .feature-tile{
        min-height:240px;
        height:240px;
        width:147px;
    }

    .feature-nav-banner{
        height:70px;
    }

    .feature-nav-text{
        font-family: Montserrat-Light;
        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: Montserrat-Medium;
        font-size: 14px;
        font-weight: 325;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom:2em;
    }

    .get-this-look {
        width: 90%;
        margin: auto;
    }

    .feature-header{
        font-family: Montserrat-Medium;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.1em;
        text-align: left;
    }

    .get-this-look .feature-header{
        margin-top:3em;
    }

    .feature-header{
        margin-left:0px!important;
        font-size: 18px;
    }

    .style-label{
        font-family: Montserrat-Medium;
        font-size: 14px;
        font-weight: 325;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .you-may-also-like h3{
        font-family: Montserrat-Medium;
        font-size: 28px !important;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
    }

    .room-features{
        width:90%;
        margin:auto;
    }

    #product-tabbed-info{
        display:none;
    }

    #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 #00040 !important;
        background: #012332 !important;
        color:white !important;
        font-family: Montserrat-Medium;
        font-size: 20px !important;
        font-weight: 350;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .accordion-button:not(.collapsed){
        background:#012332 !important;
    }

    .accordion-button:not(.collapsed)::after{
        background-image:url(../svg/white-chevron.svg) !important;
        background-size:contain;
        background-repeat:no-repeat;
        transform:rotate(90deg) !important;
    }

    .accordion-button.collapsed::after{
        background-image:url(../svg/white-chevron.svg) !important;
        background-size:contain;
        background-repeat:no-repeat;
        transform:rotate(-90deg) !important;
    }

    .accordion-body{
        padding:3em 2em 3em 2em !important;
        background:#fff;
        font-weight: 325;
        font-weight:bold;
        letter-spacing: 0em;
        text-align: left;
        color: #012332;
        font-family: Montserrat-Light;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .style-slider .style-image{
        max-height:236px;
    }

    .room-single .you-may-also-like .col3-wrapper .coll,
    .room-single .you-may-also-like .col2-wrapper .coll{
        width: 100%;
        margin-bottom: 20px;
    }

    .style-slider .style-image:hover + .style-label {
        font-family: 'Montserrat-Medium';
        font-size: 16px;
        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;
    }
}

/* New Home page */
.hero-caption{
    position:relative;
}

.caption-text{
    position:absolute;
    top:80px;
    left:80px;
    font-family: Montserrat-Light;
    font-size: 56px;
    font-weight: 400;
    font-weight:bold;
    letter-spacing: 0em;
    text-align: left;
    color:white;
    z-index: 99;
    width:500px;
}

.caption-text .white-button{
    font-family: Montserrat-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.slick-slide.slick-current:not(.slick-active){
    z-index:-1;
}

.white-button{
    background-color:white;
    color:#012332 !important;
    background-image: url(../png/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:#012332 !important;
    font-family: Montserrat-Medium;
    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: #012332 !important;
}
.white-button:hover{
    background-image: url(../svg/steel_blue_a_chevron_right.svg);
    box-shadow: 0px 4px 8px 0px #0000F;
}

.button-wrapper{
    position:absolute;
    left:10px;
    top:10px;
}

.home-section{
    margin-top:3em;
    margin-bottom:3em;
	
}
.to-top{
    position:relative;
}

.to-top-icon{
    width:76px;
    height:71px;
    position:absolute;
    bottom:0px;
    right:10px;
    cursor:pointer;
    background: #012332;
}

.to-top-icon:hover{
    background: #75b1be;
}

.to-top-icon > img{
    transform: rotate(270deg);
    position:relative;
    top:27%;
    left:42%;
}

.inspire{
    background:#F0EDE5;
    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;
}

.hero-slider img{
    width:100%; 
	height:auto;
	}
.gallery-slider {
    margin-bottom:7em;
}

.gallery-slide{
    width:238px;
    height:191px;
    cursor:pointer;
}

.gallery-slide img{
    height:191px;
}

.hover-overlay{
    display:none;
}

.gallery-slide:hover > .hover-overlay{
    box-shadow: inset 0 0 0 1000px rgba(0,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: Montserrat-Medium;
    font-size: 24px;
    font-weight: 325;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    width:238px;
    z-index:4;
}

.gallery-slide:hover > .hover-text{
    display:block;
}

.row-top-buffer{
    margin-top:2em;
    margin-bottom:1em;
}

.home-section-title {
    color: #012332;
    font-style: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    font-family: Montserrat-Light;
    font-size: 48px;
    font-weight: 400;
    font-weight:bold;
    line-height: 53px;
    letter-spacing: 0.03em;
    text-align: center;
}

.vision{
    background-color:#012332;
	width : 100%;
	height : auto;
}

.vision:hover{
    background-color: #75b1be;
}

.vision:hover .connect{
    background-color: #75b1be;
}

.connect {
    width:100%;
    min-height:104px;
    background-color:#012332;
}

.connect-text{
    font-family: Montserrat-Light;
    color:white;
    display:inline-block;
    font-style: normal;
    font-weight: 400;
    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-text p{
    margin:0px !important;
}

.connect-nav-button{
    position:absolute;
    right:150px;
}

.connect-navx{
    width:22px;
    height:36px;
}

.begin{
    margin-top:10em;
    margin-bottom:10em;
	width : 100%;
	height : auto;
}

.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 #012332;
    background: #FFF;
    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: #012332;
    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: Montserrat-Light;
    font-size: 16px;
    font-weight: 325;
    font-weight:bold;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
}

.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: #012332;
    color:#fff;
    margin-bottom:18px;
    border-bottom-width:0px !important;
    border-top-width:0px !important;
    border-right-width:0px !important;
    border-left-width:0px !important;

}

.begin-nav:hover{
    background: #012332;
}


.inspire-tile{
    background-size:cover;
    background-repeat:no-repeat;
    min-height:432px;
    position:relative;
    border-right:solid 1px black;
}

.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: #00080;
    color: var(--white, #FFF);
    font-size: 24px;
    font-family: Montserrat-Light;
    font-style: normal;
    font-weight: 325;
    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('../svg/chevron_right.svg') no-repeat center;
    background-size: cover;
    width:22px;
    height:35px;
    position:absolute;
    right:25px;
    top:35%;
}

.testimonials{
    margin-bottom:4em;
}
.testimonial-slide{
    width:100%;
    margin:auto;
}

 .slick-dots{
    top:-62px;
}

 .testimonial-image{
     display:flex;
 }

.testimonial-content{
    background: #012332;
    line-height: normal;
    display:flex;
}

.testimonial-text{
    padding:2em;
}

.testimonial-text > blockquote{
    min-height:300px;
}

.testimonial-content .white-button{
    margin-top:0px;
    width:130px;
}

.testimonial-content .white-button > a {
    left:15px;
}

.testimonial-text{
    color: #FFF;
    font-size: 24px;
    font-family: Montserrat-Medium;
    font-style: normal;
    font-weight: 500;
    margin-bottom:1rem;
    line-height:30px;
}

.testimonial-button{
    display: inline-flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 5px;
    background: #FFF;
    font-family: Montserrat-Medium;
    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 #0000F;
}

.testimonial-button a, .testimonial-button a:visited{
    padding-top:5px;
    color:#012332;
}

.testimonial-button a:hover{
    color:#012332;
}

.testimonial-button a:after{
    content:" ";
    display:inline-block;
    background-image:url(../svg/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 {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position:relative;
    top:-85px;
}

.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: #F0EDE5;
    text-indent: -9999px;
}

.slick-dots > li.slick-active button {
    background-color: #75b1be;
}

.slick-dots > li button {
    background-color: #fff;
}

@media screen and (max-width: 1200px) {
    .connect-text{
        font-size:28px;
        padding-top:0px;
    }

    .nav-banner{
        font-size:20px;
    }
}

/*Mobile Home */
@media screen and (max-width: 767px) {
.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:20px;
        line-height:24px;
        font-weight:350;
    }

    .slick-dots {
        display:none !important;
    }

    .hero-slider > img {
        height:365px;
    }

    .caption-text .white-button{
        font-family: Montserrat-Medium;
        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-text-title{
        display:none !important;
    }

    .begin-tile{
        background-color:#fff;
        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{
        padding-left:0px;
    }

    .gallery-slide > .hover-overlay{
        box-shadow: inset 0 0 0 1000px rgba(0,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: Montserrat-Medium;
        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(../svg/black-chevron-left.svg);
        left:30px;
        background-size:contain !important;
        background-repeat:no-repeat;
        top:46%;
    }

    .gallery-slider .slick-next{
        background:url(../svg/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(../svg/white-chevron-left.svg);
    }

    .testimonial-slider .slick-next{
        right:80px;
        background:url(../svg/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%;
    }
}

/* Header - note most are in esite and esite_media */
div.asl_w .probox .promagnifier .innericon svg{
    display:none !important;
}


/* Footer */
.social_media a > img {
    max-width: 30px;
    
}

.contentwrapper_footer{
    min-height:380px;
    padding-top:3em;
}

.dealer-locator-footer{
    margin-top:1em;
}

.dealer-locator-footer img{
    margin-right:10px;
    height : 21px !important;
	width : 16px;
   
}

.dealer-locator-footer a{
    color:white !important;
}

.footer-main{
    margin-bottom:3em;
}

.footer-logo{
    margin-top:1em;
    margin-bottom:1em;
    height : 60px;
	width : auto;
}

.footer-links{
    text-align:left;
    font-family: Montserrat-Medium;
    padding-left:2em !important;
}

.footer-links li > a:visited{
    color:white;
}

.footer-links li > a{
    color:white;
}

.footer-links li:hover{
    cursor:pointer;
}

.footer-links li:hover > a, .footer-mobile li:hover > a{
    text-decoration:underline;
}

.footer-link-title{
    font-family: Montserrat-Bold;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.links {
    font-family: Montserrat-Medium;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    padding:0px!important;
}

.footer-links li {
    list-style-type: none;
    line-height: 165%;
    font-size: 15px;
    margin: 0;
    font-weight: 400;
    font-family: 'Montserrat-Light';align-content
}


/*Bottom nav footer links */
.bottom-nav{
    border-top:1px solid white;
    padding-top:10px;
    padding-bottom:10px;
}

footer .bottom-nav .links {
    float: right;
    text-align: right;
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 400;
    font-weight:bold;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}
footer .bottom-nav .links > li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: DM Sans;
    font-weight: 400;
    font-style: unset;
    font-size: 12px;
    line-height: 140%;
    text-transform: 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 {
    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: Montserrat-Light;
    font-size: 48px;
    font-weight: 400;
    font-weight:bold;
    line-height: 53px;
    letter-spacing: 0.03em;
    text-align: center;
}

.room-gallery.he-gallery h3.product_name{
    font-family: 'Montserrat-Medium';
    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: 'Montserrat-Medium';
    font-size: 19px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.1em;
}

.finish-gallery .product:hover .new-product {
    background: #012332;
}
.finish-gallery .product:hover .product_image img {
    box-shadow: 0 4px 8px 4px rgba(0,0,0,0.1);
}

.finish-gallery h3.product_name a {
    display: inline-block;
    letter-spacing: 1px;
}

.finish-gallery.product:hover h3.product_name a {
    color: #012332;
}

.mobile-nav-spacer{
    display:none;
}

.searcher {
    width: 30%;
    float:right;
    margin-bottom:1.5em;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-family: Montserrat-Light !important;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: right;
	margin-top: 3px !important;

}

#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput{
    font-family: Montserrat-Light !important;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
}

.footer-mobile{
    display:none;
}

@media screen and (max-width: 1250px) {
    footer .bottom-nav .links {
        margin: 5px 0 0 0;
    }
}

/* Mobile Nav */
@media screen and (max-width: 767px) {
.footer-desktop, .contentwrapper_footer {
        display: none;
    }
.footer-mobile {
        display: block;
        margin-top: 1em;
    }
.footer-mobile .mobile-footer-logo > img {
        display: block;
        margin: auto;
        margin-bottom: 3em;
    }

.footer-mobile li{
        list-style-type:none;
    }

    .mobile-footer-nav-header {
        font-family: Montserrat-Medium;
        font-size: 20px;
        font-weight: 350;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
    }

    .mobile-follow-links {
        margin-top: 4em !important;
        text-align: center;
    }

    .mobile-follow-links span {
        font-family: Montserrat-Medium;
        font-size: 20px;
        font-weight: 350;
        line-height: 24px;
        letter-spacing: 2px;
        text-align: left;
    }

    .social_media {
        width: inherit;
        float: none;
        text-align: center;
        margin-top: 1.5em;
    }

    .mobile-bottom-nav {
        margin-top: 3em !important;
        text-align: center;
    }

    .mobile-bottom-nav .bottom-nav-links {
        list-style: none;
    }

    .bottom-nav-links {
        padding-left: 0px;
    }

    .bottom-nav-links > li > a, .mobile-footer {
        color: white !important;
        text-decoration: none;
        font-family: Montserrat-Medium;
        font-size: 14px;
        font-weight: 325;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }

    .footer-mobile .accordion-body {
        background: #6c757d;
        letter-spacing: 0em;
        text-align: center;
        color: white !important;
        padding: 0px !important;
    }

    .footer-mobile .accordion-header {
        background: #6c757d !important;
        box-shadow: none !important;
        border: 0px !important;
    }

    .footer-mobile .accordion-item {
        background: #6c757d !important;
        box-shadow: none !important;
        border: 0px !important;
    }

    .footer-mobile .accordion-button:not(.collapsed), .footer-mobile .accordion-button {
        background: #6c757d !important;
        padding-left: 7em;
        padding-right: 7em;
    }

    .mobile-nav-spacer {
        background: #F0EDE5;
        height: 25px;
        box-shadow: 0px 4px 4px 0px #00040;
        display: block;
    }

    #logo {
        height: 70px;
    }

    .mega-menu-logo {
        left: 30%;
    }

    #medallion {
        display: none;
    }

    #supportZone {
        display: none;
        position:absolute;
        z-index:3;
    }
#search {
        padding-top: 1.5em !important;
        padding-bottom: 1.5em !important;
    }

    .mobile-header-spacer{
        min-height:85px;
    }

    .searcher-wrapper{
        display:none;
        height:120px;
        width:100%;
        background:white;
        position:absolute;
        top:110px;
        z-index:3;
    }

    header #mega-menu-header-menu:has(.mega-menu-open) + header .searcher-wrapper{
        display:block;
    }

    .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 #F0EDE5;
    }

    .mega-toggle-on > .mega-indicator {
        transform: rotate(90deg);
    }

    .mega-toggle-on > .meta-menu-link {
        color: #012332 !important;
    }

    /*Mobile header for aligning with search - remove if this should be aligned with right.*/
    .mega-toggle-block-2 {
        margin: auto !important;
    }

}

/* UBER Menu */ 
.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{
    background: #E6E2D8 !important;
}

.ubermenu .ubermenu-autocolumn,.ubermenu .ubermenu-submenu-type-stack {
    padding-bottom: 0px !important;
}

.ubermenu .ubermenu-row {
    margin-bottom: 0px !important;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #E6E2D8 !important;
}

.ubermenu-submenu > .ubermenu-item:not(:first-of-type){
    border-top: 2px solid #F0EDE5 !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 #75b1be !important;
}

.ubermenu-row > .ubermenu-column-1-2:first-of-type > .ubermenu-submenu > .ubermenu-item:last-of-type{
    border-bottom: solid 2px #F0EDE5;
}

.long-label{
    padding-right:25px !important;
}

.ubermenu-target:not(.ubermenu-item-level-0 > .ubermenu-target):hover {
    font-family:Montserrat-Medium !important;
    color: #012332 !important;
    background: linear-gradient(0deg, #F0EDE5, #F0EDE5),
    linear-gradient(0deg, #F0EDE5, #F0EDE5),
    linear-gradient(0deg, #fff, #fff) !important;
}

.ubermenu-item-level-0.ubermenu-active .ubermenu-sub-indicator{
    transform:rotate(180deg);
}

/* Menu content-  Curated collection */
.curated-collection{
    width:320px;
    border-left: 2px solid #75b1be;
    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(images/curatedCollection.png); */
	content:url('https://dev-medallion-cabinetry-2024.pantheonsite.io/wp-content/themes/medallioncabinetry/images/curatedCollection-1.webp');
}

.curated-collection > a{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration:none;
    color: #012332;
    font-family: Montserrat-Medium;
}

.curated-collection:hover > img{
    box-shadow: 0px 4px 4px 0px #00040;
}

.curated-collection:hover > a{
    font-size: 18px;
    color:#012332;
}

.curated-collection > a:hover{
    text-decoration:none;
    color:#012332;
}

/* menu content - get inspired */

.get-inspired{
    width:350px;
}
.get-inspired > a{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration:none;
    color:#012332;
    font-family: Montserrat-Medium;
}

.get-inspired:hover > img{
    box-shadow: 0px 4px 4px 0px #00040;
}

.get-inspired:hover > a{
    font-size: 18px;
    color:#012332;
}

.get-inspired > a:hover{
    text-decoration:none;
    color:#012332;
}

/* menu content find a place */

.find-a-place{
    width:350px;
}
.find-a-place > a{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration:none;
    color:#012332;
    font-family: Montserrat-Medium;
}

.find-a-place:hover > img{
    box-shadow: 0px 4px 4px 0px #00040;
}

.find-a-place:hover > a{
    font-size: 18px;
    color:#012332;
}

.find-a-place > a:hover{
    text-decoration:none;
    color:#012332;
}

/* menu content customize */

.customize-space{
    width:350px;
}
.customize-space > a{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration:none;
    color:#012332;
    font-family: Montserrat-Medium;
}

.customize-space:hover > img{
    box-shadow: 0px 4px 4px 0px #00040;
}

.customize-space:hover > a{
    font-size: 18px;
    color:#012332;
}

.customize-space > a:hover{
    text-decoration:none;
    color:#012332;
}

.ubermenu-skin-grey-white.ubermenu-responsive-toggle {
    background: #FFF !important;
    color: #012332 !important;
}
.ubermenu-skin-grey-white.ubermenu-responsive-toggle:hover {
    background: #FFF !important;
    color: #012332 !important;
}

.ubermenu-responsive-toggle > i{
    float:right;
}


.mobile-logo{
    display:none;
}
/*Mobile menu */
@media only screen and (max-width: 767px) {
.ubermenu-responsive-toggle > i {
        font-size: 20px;
    }

    .ubermenu-skin-grey-white.ubermenu-responsive-toggle {
        background: #FFF !important;
    }

    .ubermenu-skin-grey-white {
        background: #FFF !important;
        color: #012332 !important;
    }

    .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 {
        background: #FFF !important;
    }

    .ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target,
    .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
        background: #FFF !important;
    }

    .ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop {
        background: #FFF !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;
    }

    .mobile-logo {
        display: block;
    }

    .desktop-logo {
        display: none;
    }

    .mobile-alt-menu {
        border-top: 1px solid #F0EDE5;
        margin-top: 2em;
        padding-top: 2em !important;
        margin-left: 1em;
        margin-right: 1em;
        font-family: Montserrat-Bold;
        font-size: 20px;
        font-weight: 350;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    .mobile-alt-menu > div {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .mobile-alt-menu a {
        color: #012332 !important;
        margin-left: 10px;
    }

    .mobile-alt-menu a:hover {
        text-decoration:underline;
    }

    .mobile-dealer:before {
        content: url("../svg/dealer-icon.svg");
        height: 10px;
        width: 10px;
    }

    .mobile-samples:before {
        content: url("../svg/sample-icon.svg");
        height: 10px;
        width: 10px;
    }

    .mobile-showroom:before {
        content: url("../svg/showroom-icon.svg");
        height: 10px;
        width: 10px;
    }

    .ubermenu.ubermenu-responsive {
        top: 135px !important;
    }
}

.et-db #et-boc .et-l .et-pb-controllers 
{

display : none !important;}

.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; 
}

/* //The Prev - Next Button - tapered-hood// */

.prevbutton1{
	top : 440px !important;
	left : 40px !important;
}

.nextbutton1 {
	top : 417px !important;
	right : 380px !important;
}

@media (max-width: 480px) {
 .prevbutton1 {
    top: 314px !important;
    left: 40px !important;
}
}
 
@media (max-width: 768px) {
.prevbutton1 {
    top: 321px !important;
    left: 40px !important;
	}
	}

 @media (max-width: 1024px){

.nextbutton1 {
    top: 417px !important;
    right: 297px !important;
	}} 


@media (max-width: 768px) {
    .nextbutton1 {
        top: 300px !important;
    right: 337px !important;
    }
}

@media (max-width: 480px) {
 
.nextbutton1 {
    top: 297px !important;
    right: 25px !important;
	}}
.copysection
{
font-family: DM Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
}
@media (max-width: 480px) {
.et_pb_row et_pb_row_2 et_pb_row_5col {
  display: flex;
  flex-wrap: wrap;
  flex-direction:column !important;
  align-items : center;
	justify-content: center;
}
}

/* ========== NAV CHANGES 2025 (optimized) ========== */
:root{
  --header-h: 100px;
  --gap: 24px;
  --link-gap: 18px;
  --search-w: 229px;
  --logo-max-h: 60px;
}

/* Mobile: keep current stacking */
@media (max-width: 991.98px){
  header .header-right{ display:block; margin-left:0; }
  header .searcher{ width:100% !important; }
}

/* Desktop */
@media (min-width: 992px){
  /* Lane + perfect vertical align */
  header[role="banner"]{ min-height: var(--header-h); overflow: visible; }
  header[role="banner"] .contentwrapper{
    display:flex; align-items:center; gap:var(--gap);
    min-height:var(--header-h); flex-wrap:nowrap; overflow:visible;
  }

  /* Put logo and right cluster on same axis */
  #logo, #logo #medallion, #logo a, header .header-right{
    display:flex; align-items:center; height:var(--header-h);
  }

  /* Right side group */
  header .header-right{ margin-left:auto; gap:var(--gap); }

  /* Utility links inline */
  #supportZone{ display:flex; align-items:center; margin:0; padding:0 5px 0 0; }
  #supportZone .links{
    display:flex;
    margin:0; padding:0; list-style:none;
    font-family: Montserrat-Light; font-size:14px; font-weight:300; line-height:20px;
    text-transform:capitalize; text-align:center;
  }

  /* Search widget */
  header .searcher{ float:none !important; width:var(--search-w) !important; margin:0 !important; }
  header .searcher .inner{ width:100%; }
  header .searcher input[type="search"], header .searcher .search-field{
    height:44px; line-height:44px; padding:0 16px;
  }

  /* Kill desktop spacers */
  header .contentwrapper > .clearfix,
  header .mobile-header-spacer,
  header .mobile-nav-spacer{ display:none; }

  /* Logo sizing */
  #logo img.desktop-logo{ display:block; max-height:var(--logo-max-h); height:auto; margin:0; }
  #logo img.mobile-logo{ display:none; }

  /* Ensure logo participates in flex flow (remove absolute on desktop) */
  #logo{ position:static; left:auto; width:auto; max-width:none; min-width:0; margin:0; }
}

/* Base logo/img defaults (shared) */
#logo img{ width:100%; height:auto; border:0; }

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    min-width: 190px !important; }

#ajaxsearchlite1 .probox, div.asl_w .probox {
    border-radius: 28.58px border: 0.95px background: linear-gradient(0deg, #F0EDE5, #F0EDE5), linear-gradient(0deg, #fff, #fff) !important;
    border: 0.95px solid #F0EDE5 !important;
    box-shadow: 0px 0px 0px 0px #F0EDE5 inset !important; }

/* Safari stretch fix: size logo by height on desktop */
@media (min-width: 992px){
  #logo img.desktop-logo{
    width: auto !important;          /* don't force full container width */
    height: var(--logo-max-h, 60px) !important;  /* consistent lane height */
    max-width: 100%;                 /* safety if source is very wide */
    display: block;
  }
}

/* Optional: keep mobile behavior (full-width logo) */
@media (max-width: 991.98px){
  #logo img.desktop-logo{
    width: 100%;
    height: auto;
  }
}


/* Footer: split "Get Started" links into 2 columns (last 3 on the right) */
@media (min-width: 900px) {
  #menu-footer-get-started-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;  /* two columns */
    gap: 6px 28px;                   /* row gap / column gap */
    grid-auto-flow: row dense;       /* let later items backfill earlier gaps */
    list-style: none;
    margin: 0;
    padding: 0;

    /* optional niceties */
    align-content: start;
    justify-items: start;
  }

  /* default: everything goes in the left column */
  #menu-footer-get-started-1 > li { grid-column: 1; }

  /* move the last 3 items into the right column (top to bottom automatically) */
  #menu-footer-get-started-1 > li:nth-last-child(-n+3) { grid-column: 2; }
}

/* mobile/tablet: single column */
@media (max-width: 899px) {
  #menu-footer-get-started-1 { display: block; }
}

.bottom-nav .col-lg-9 {
  display: flex;
  flex-direction: column;
}

button#launchButton {
    background-color: #9F6A4C !important;
}

/* Single-door hero badge (uses data-badge to avoid blocking clicks) */
.doorImageColumn .doorViewer[data-badge] { position: relative; }
.doorImageColumn .doorViewer[data-badge]::before {
  content: attr(data-badge);
  position: absolute;
  top: .75rem;
  left: .75rem;
  z-index: 5;
  pointer-events: none;
  display: inline-block;
  padding: 5px 10px;
  white-space: nowrap;
  background: #012332; /* same NEW chip color */
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Grid tiles need a positioned ancestor for .new-product */
.pg-prodlist li { position: relative; }
.pg-prodlist li .new-product { top: .5rem; left: .5rem; }

/* Prevent line breaks in badges (Safari/mac safe) */
.new-product,
.pgsingle-mainimg[data-badge]::before,
.doorViewer[data-badge]::before {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  min-width: max-content;         /* avoid squeezing into 2 lines */
  display: inline-block;
}