/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */



/* -------------------------------------- */
/* -------- Start Variables ------- */
/* -------------------------------------- */
:root {

	
/* ------ General Colors -------------- */
  --general-span-accent-color: #000; /* black */
  --general-link-color: #555; /* dark neutral gray header */
  --general-link-hover-color: #555; /* dark neutral gray header */
	
/* ------ Featured Button Colors --------- */
  --featured-button-border-color: rgba(0,0,0,0); /* transparent */
  --featured-button-bg-hover-color: rgba(255, 255, 255, 0.6); /* mostly transparent white */
  --featured-button-border-hover-color: #d6d6d6; /* medium tan gray */
  --featured-button-font-color: #555; /* dark neutral gray header */
  --featured-button-arrow-color: #555; /* dark neutral gray header */
  --featured-button-mobile-bg-color: #efefef; /* light tan gray  */
  --featured-button-mobile-border-color: #d6d6d6; /* medium tan gray */
  --featured-button-mobile-text-bg-color: rgba(255, 255, 255, 0.8); /* slightly transparent white */

/* ------ Showroom Colors --------- */
  --showroom-link-hover: #000; /* black */

/* ------ Custom Button Colors --------- */
  --dark-button-bg-color: #efefef; /* light tan gray  */
  --dark-button-border-color: #d6d6d6; /* medium tan gray */
  --dark-button-hover-bg-color: #FFF; /* white */
  --dark-button-hover-font-color: #000; /* black */
  --dark-button-hover-border-color: #d6d6d6; /* medium tan gray */
	
/* ------ Hero Colors --------- */
  --hero-text-bg-color: rgba(255,255,255,0.64); /* mostly transparent white */
  --hero-font-color: #555; /* dark neutral gray header */

/* ------ WooCommerce Stock Colors --------- */
  --woo-stock-in-stock-color: #006600; /* green */
  --woo-stock-backorder-color: #d78700; /* orange */
  --woo-stock-out-of-stock-color: #d50000; /* red */

/* ------ Blog Colors --------- */
  --blog-nav-link-color: #555; /* dark neutral gray header */
  --blog-nav-link-hover-color: #000; /* black */
  --blog-nav-link-underline-color: rgba(170, 170, 170, 0); /* transparent medium neutral gray */;
  --blog-nav-link-hover-underline-color: #AAA; /* medium neutral gray */

/* ------ Custom Map Colors --------- */
  --map-label-font-color: #555; /* dark neutral gray header */
  --map-search-bar-bg-color: #efefef; /* light tan gray  */
  --map-search-bar-border-color: #d6d6d6; /* medium tan gray */
  --map-search-button-bg-color: #FFF; /* white */
  --map-search-button-font-color: #555; /* dark neutral gray header */
  --map-search-button-border-color: #d6d6d6; /* medium tan gray */
  --map-search-button-hover-font-color: #000; /* black */
  --map-search-field-bg-color: #FFF; /* white */
  --map-search-field-font-color: #555; /* dark neutral gray header */
  --map-search-field-border-color: #d6d6d6; /* medium tan gray */
  --map-dropdown-bg-color: #FFF; /* white */
  --map-dropdown-font-color: #555; /* dark neutral gray header */
  --map-dropdown-border-color: #d6d6d6; /* medium tan gray */
  --map-arrow-color: #d6d6d6; /* medium tan gray */
  
  

}
/* -------------------------------------- */
/* -------- End Variables ------- */
/* -------------------------------------- */

/* -------------------------------------- */
/* -------- Start Google Fonts ------- */
/* -------------------------------------- */

.fjalla-one-regular {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.mulish-<uniquifier> {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* -------------------------------------- */
/* -------- End Google Fonts ------- */
/* -------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------- */
.woocommerce table.shop_attributes th{
	width:170px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --- Desktop top nav --- */
.top-menu a {
	color: #757575!important;
	font-weight:600;
	line-height: 1em;
	font-size:0.97em;
	letter-spacing: 0.05em;
}

.top-menu a:hover,
.main-menu .main-link:hover,
.main-menu .dropdown-menu a:hover,
.top-menu a:focus-visible,
.main-menu .main-link:focus-visible,
.main-menu .dropdown-menu a:focus-visible{
	color: #000!important;
}

/* --- Desktop main nav --- */
.main-menu .main-link {
	color: #555!important;
	font-size:1.33em;
	font-weight:500;
	letter-spacing: 0.06em;
}

/* --- Desktop dropdown nav --- */
.main-menu .dropdown-menu a {
	color: #666!important;
	font-size:1.13em;
	font-weight:500;
	letter-spacing: 0.08em;
}

/* ---- New Nav Hover Affects for while dropdowns are open -------- */
.main-menu .et_pb_dropdown {
	cursor: default;
}

.main-menu > .et_pb_module:hover > .dropdown-arrow{
    filter: opacity(100%)!important;
	transition: 150ms all ease-in-out;
}

.main-menu > .et_pb_module:hover > .et_pb_link .et_pb_link_inner p,
.main-menu > .et_pb_module:hover > .et_pb_link .et_pb_link_inner span,
.main-menu > .et_pb_module:focus-visible > .et_pb_link .et_pb_link_inner p,
.main-menu > .et_pb_module:focus-visible > .et_pb_link .et_pb_link_inner span{
    color: #000!important;
}

/* --- Mobile top nav --- */
.mobile-top-menu a {
	color: #757575!important;
	font-weight:600;
	line-height: 1em;
	font-size:0.78em;
	letter-spacing: 0.05em;
	text-align:center;
}

.mobile-top-menu a:hover,
.mobile-top-menu a:focus-visible{
	color: #000!important;
}

/* --- Mobile main nav --- */
.mm-flyout-content .main-link,
.mm-flyout-content .main-link h5{
	color: #555!important;
	font-size:19px!important;
	font-weight:500!important;
	letter-spacing: 0.13em;
}

/* --- Mobile main nav dropdown --- */
.mm-flyout-content .main-link a{
	color: #666!important;
	font-size:0.86em;
	font-weight:500;
	letter-spacing: 0.06em;
}

/* --- Mobile Main Menu Nav Button --- */
.mm-flyout-content .main-link a.button{
	text-transform:capitalize!important;
	text-align: center!important;
	background-color:#E6E6E6!important;
	border: 1px solid #D6D6D6!important;
	margin-top:5px!important;
	padding: 0.3em 1em!important;
	font-size: 13px!important;
    letter-spacing: 0.06em!important;
    line-height: 2.25em!important;
    font-weight: 600!important;
	transition: all ease 300ms!important;
}

.mm-flyout-content .main-link a.button:hover,
.mm-flyout-content .main-link a.button:focus-visible{
	color:#000!important;
	background-color:#F6F6F6!important;
	border: 1px solid #D6D6D6!important;
}


/* ------- Mobile Flyouts ----------------- */
.mm-flyout {
  /*...*/
  visibility: hidden;
  transition: visibility 0s 0.6s;
  z-index:10010;
}

.mm-flyout.mm-flyout-is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}

.mm-flyout-container {
  /*...*/
  position: fixed;
  width: auto;
  height: 100%;
  top: 0;
  transition: transform 0.3s 0.3s;
}

.mm-flyout-from-right .mm-flyout-container {
  right: 0;
  transform: translate3d(100%, 0, 0);
}

.mm-flyout-from-left .mm-flyout-container {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.mm-flyout-from-center .mm-flyout-container {
  left: 0;
  top: 0;
  transform: scale(0);
  transform-origin: center center;
}

.mm-flyout-is-visible.mm-flyout-from-left .mm-flyout-container,
.mm-flyout-is-visible.mm-flyout-from-right .mm-flyout-container 
{
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}

.mm-flyout-is-visible.mm-flyout-from-center .mm-flyout-container {
  transform: scale(1);
  transition-delay: 0s;
}



/* --------WORKING FACETWP----------------------------------------------------------------------------------------------------------------- */

.fwpl-layout.el-95a3rk.product-grid{
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:flex-start;
	grid-gap: 3.6%;
	row-gap: 20px;
}

.fwpl-row.el-fcsba.top-info{
	display: flex;
	justify-content: space-between;
	line-height:1.6em;
	flex-wrap:wrap-reverse
}
.product-grid .fwpl-result{
	width: calc(100%/4.5);
	max-width: 600px;
}

/* Tablet Styles */
@media all and (max-width: 1024px) and (min-width: 768px) {
	.product-grid .fwpl-result{
		width: calc(100%/3.3);
	}
}

/* Mobile Styles */
@media all and (max-width: 767px) {
	.product-grid .fwpl-result{
		width: calc(100%/2.09);
	}
	.fwpl-row.el-fcsba.top-info{
		flex-direction: column-reverse;
		flex-wrap:no-wrap;
		justify-content: flex-start;
	}
}

.product-card{
	box-sizing: border-box;
	border: solid 1px transparent;
	transition: all ease 300ms;
}

.product-card:hover,
.product-card:focus-within
{
	cursor: pointer;
	border: solid 1px #D6D6D6;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
}

.product-card .top-info, 
.product-card .mid-info, 
.product-card .bottom-info {
	margin: 0  8px 8px 8px;
}

.product-card .top-info,
.product-card .bottom-info {
	color: #2A3C55;
	font-style: italic;
    font-size: 0.9em;
    font-weight: 400;
}

.product-card .top-info {
	letter-spacing: 4%;
	border: solid #D6D6D6;
	border-width: 0 0 1px 0;
	line-height:1em;
}

.product-card .bottom-info {
    letter-spacing: 5%;
}

.product-card .mid-info a{
	color: #555!important; /* when this becomes a white bg layout this should no longer be needed */
    letter-spacing: 2%;
    font-size: 1.035em;
    font-weight: 600;
    line-height: 1.23em;
}

.product-card .top-info .tag{
	font-weight:600;
}

.product-card .image {
	display: flex;
	justify-content: center;
}



.active-filters .facetwp-selection-value {
    font-size:0.9em;
    font-weight:400;
    color: #555;
}

.active-filters .facetwp-selections {
  	font-style:italic;
    font-size:0.85em;
  	font-weight:600;
    letter-spacing:7%;
    color: #2A3C55;
}

button.facetwp-reset{
  	float: right;
    background-color: #2A3C55;
	color:#FFF;
    border: 0;
    border-radius: 20px;
    padding: 5px 10px;
    font-weight: 600;
    letter-spacing: 7%;
  	font-size:0.9em;
  	cursor:pointer;
  	transition: background 300ms ease;
}

button.facetwp-reset:hover,
button.facetwp-reset:focus-visible{
  background:#505f74;
}

.facetwp-page {
    font-weight: 500!important;
	transition: color 300ms ease;
}

.facetwp-page:hover,
.facetwp-page:focus-visible{
	color: #000!important;
}

.facetwp-page.active{
	color: #000 !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}


.facetwp-type-slider .noUi-connects {
    border-radius: 0px;
}


.facetwp-type-slider .noUi-target {
    background: #D6D6D6;
    border-radius: 0px;
    border: 0px;
    padding: 0 10px;
}

.facetwp-type-slider .noUi-horizontal {
    height: 1px;
}

.facetwp-type-slider .facetwp-slider-wrap {
    padding-top: 15px;
    padding-bottom: 20px;
}

.facetwp-type-slider .noUi-connect {
    background: #2A3C55;
}

.facetwp-type-slider .noUi-horizontal .noUi-handle {
    width: 3px;
    height: 20px;
    right: -0px;
    top: -9px;
}
.facetwp-type-slider .noUi-handle {
    border: 0;
    border-radius: 0px;
    background: #2A3C55;
    cursor: pointer;
}

.facetwp-type-slider .facetwp-slider-reset{
	display: none;
}
/*----------MOBILE FACETWP FLYOUT ----------*/
.facetwp-flyout-close {
    content: '\4d';
    font-size: 30px;
}

.facetwp-flyout-content {
    padding: 15px!important;
}
.facetwp-flyout{
	background: #FFF!important;
}

.flyout-item {
	display: none;
}

.flyout-row.expanded .flyout-item {
	display: block;
	padding: 10px;
}

.flyout-row.name-reset h3 {
    display:none;
}

.flyout-row.name-reset .flyout-item {
    display: block;
	padding: 10px 10px 20px 10px;
}

.flyout-row h3 {
	font-weight: 500;
	padding: 10px 5px;
	font-size:16px;
	color:#2A3C55;
	cursor: pointer;
	border-top: 1px solid #D6D6D6;
}

.flyout-row h3:after {
	font-family: "ETmodules";
    content: '\4c';
	font-weight: 500;
	font-size: 22px;
	float: right;
}

.flyout-row.expanded h3:after {
    content: '\4b';
}

.facetwp-flyout .facetwp-selections{
	font-style: italic;
    font-size: 0.85em;
    font-weight: 600;
    letter-spacing: 7%;
    color: #2A3C55;
	padding: 10px 10px 5px 10px;
}

.facetwp-flyout .facetwp-selections .facetwp-selection-value{
	font-size: 0.9em;
    font-weight: 400;
    color: #555;
}

/* -------- SEARCH STYLES -------- */
form#searchform div{
    display: flex;
	justify-content: center;
    align-items: stretch;
	flex-direction: row;
	padding: 0;
	grid-gap:10px;
}

form#searchform input[type=text] {
    border: 1px solid #D6D6D6;
    padding: 0.3em 1em;
	font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 2.25em;
	flex-grow: 1;
}

form#searchform input#searchsubmit {
    background-color: #E6E6E6;
    color: #555;
    padding: 0.3em 1em;
    border: 1px solid #D6D6D6;
	font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 2.25em;
    font-weight: 600;
	transition: all ease 300ms;
}

form#searchform input#searchsubmit:hover,
form#searchform input#searchsubmit:focus-visible{
	color: #000;
	background-color: #F6F6F6;
}

/* toggle search icon to X styling*/
.search-icon.icon-clicked .et-pb-icon {
	left: 8px;
    top: 2px;
    margin-left: -12px;
    font-size: 2.15em !important;
}

/* Tablet & Mobile Styles */
@media all and (max-width: 1024px) {
	.search-icon.icon-clicked .et-pb-icon {
		font-size: 3em !important;
	}
}

/* ------ Carousel ------ */
/* Carousel viewport */
.fwp-carousel-viewport {
    overflow: hidden;
    width: 100%;
}


/* FacetWP layout becomes the sliding track */
.fwp-carousel-viewport .fwpl-layout.product-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    transition: transform 0.35s ease;
}


/* Individual product = slide */
.fwp-carousel-viewport .fwpl-layout.product-grid > .fwpl-result {
    flex: 0 0 calc((100% - 60px) / 4);
    min-width: 0;
}


/* Tablet */
@media (max-width: 980px) {

    .fwp-carousel-viewport .fwpl-layout.product-grid > .fwpl-result {
        flex-basis: calc((100% - 40px) / 3);
    }
}


/* Phone */
@media (max-width: 767px) {

    .fwp-carousel-viewport .fwpl-layout.product-grid > .fwpl-result {
        flex-basis: calc((100% - 20px) / 2);
    }
}


/* Small phone */
@media (max-width: 480px) {

    .fwp-carousel-viewport .fwpl-layout.product-grid > .fwpl-result {
        flex-basis: 100%;
    }
}


/* Carousel wrapper */
.fwp-product-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}


/* Carousel buttons */
.fwp-carousel-prev,
.fwp-carousel-next {
    flex: 0 0 auto;
    cursor: pointer;
    font-family: "ETmodules";
    font-weight: 400;
    font-size: 16px;
    color: #555;
    background-color: transparent;
    border: 0;
    border-radius: 100%;
    padding: 0.15em;
}

.fwp-carousel-prev:hover,
.fwp-carousel-next:hover,
.fwp-carousel-prev:focus-visible,
.fwp-carousel-next:focus-visible{
    color: #000;
}

/* Disabled buttons */
.fwp-carousel-prev:disabled,
.fwp-carousel-next:disabled {
    opacity: 0.35;
    cursor: default;
}

/*--------------- collection grid ------------- */
.fwpl-layout.el-95a3rk.collection-grid{
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:flex-start;
	grid-gap: 3.6%;
	row-gap: 20px;
}

.collection-grid .fwpl-result{
	width: calc(100%/4.5);
	max-width: 600px;
}

/* Tablet Styles */
@media all and (max-width: 1024px) and (min-width: 768px) {
	.collection-grid .fwpl-result{
		width: calc(100%/3.3);
	}
}

/* Mobile Styles */
@media all and (max-width: 767px) {
	.collection-grid .fwpl-result{
		width: calc(100%/2.09);
	}
}

.collection-card{
	box-sizing: border-box;
	border: solid 1px #D6D6D6;
	transition: all ease 300ms;
}

.collection-card:hover,
.collection-card:focus-within
{
	cursor: pointer;
	border: solid 1px #D6D6D6;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
}

.collection-card:hover .mid-info a{
	color: #000!important;
	cursor: pointer;
}
 
.collection-card .mid-info {
	margin: 0  8px 8px 8px;
	justify-items: center;
}

.collection-card .mid-info a{
	text-align:center;
	color: #555!important;
    letter-spacing: 8%;
    font-size: 1.035em;
    font-weight: 600;
    line-height: 1.23em;
}

.collection-card .image {
	display: flex;
	justify-content: center;
	border: solid 1px #EDEDED;
	margin: 8px;
}






/* --- Product Page Breadcrumb ---*/
ul.product-breadcrumb{
    display: flex;
    grid-gap: 15px;
    list-style-type: none !important;
	padding: 0;
	flex-wrap: wrap;
}

ul.product-breadcrumb li{
    font-size: 0.8em;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 8%;
	display: flex;
    grid-gap: 5px;
	align-items:center;
	flex-wrap: inherit;
}

ul.product-breadcrumb li a {
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    padding: 5px 8px;
    font-size: 0.8em;
    color: #555;
    line-height: 0.9em;
    height: fit-content;
	text-align: center;
}

ul.product-breadcrumb li a:hover,
ul.product-breadcrumb li a:focus-visible{
    color: #000;
}


.publication-card {
	box-sizing: border-box;
	border: solid 1px transparent;
	transition: all ease 300ms;
	padding-bottom:8px;
}

.publication-card .top-bar,
.publication-feature .top-bar
{
	margin: 10px  8px 8px 8px;
}

.publication-card .title,
.publication-feature .title
{
	margin: 0  8px 8px 8px;
}

.publication-card .title,
.publication-feature .title
{
	color: #555;
    letter-spacing: 2%;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.7em;
}

.publication-card .desc,
.publication-feature .desc
{
	margin: 4px  8px 8px 8px;
	color: #777;
	font-size:0.87em;
	letter-spacing: 0em;
}

.publication-card .top-bar p,
.publication-card .top-bar a,
.publication-feature .top-bar p,
.publication-feature .top-bar a
{
	color: #2A3C55;
	font-style: italic;
	font-size: 0.9em;
	letter-spacing: 4%;
	line-height:1.6em;
}

.publication-card .top-bar p,
.publication-feature .top-bar p
{
	font-weight:400;
}

.publication-card .top-bar a,
.publication-feature .top-bar a
{
	cursor: pointer;
	font-weight:600;
	transition: all ease 300ms;
}

.publication-card:hover, 
.publication-card:focus-within
{
    border: solid 1px #D6D6D6;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.publication-card:hover .top-bar a, 
.publication-card:focus-within .top-bar a
{
	color: #000;
}

.publication-card .et_pb_image {
    align-self: center;
}

.publication-feature a.button.video,
.publication-feature .et_pb_code.article,
.publication-feature .et_pb_image.video,
.publication-card .et_pb_code.article,
.publication-card .et_pb_image.video,
.publication-card .top-bar a.video
{
	display: none;
}

.publication-feature a.button.article,
.publication-feature .et_pb_code.video,
.publication-feature .et_pb_image.article,
.publication-card .et_pb_code.video,
.publication-card .et_pb_image.article,
.publication-card .top-bar a.article
{
	display: block;
}

.publication-feature a.button{
	text-transform:capitalize!important;
	text-align: center!important;
	background-color:#E6E6E6!important;
	border: 1px solid #D6D6D6!important;
	margin-top:1.25em!important;
	padding: 0.3em 1em!important;
	font-size: 13px!important;
    letter-spacing: 0.06em!important;
    line-height: 2.25em!important;
    font-weight: 600!important;
	transition: all ease 300ms!important;
}

.publication-feature a.button:hover,
.publication-feature a.button:focus-visible{
	color:#000!important;
	background-color:#F6F6F6!important;
	border: 1px solid #D6D6D6!important;
}

/* Tablet Styles */
@media all and (max-width: 1024px) and (min-width: 768px) {
	.publication-flyout .et_pb_link_text {
        text-align: left;
        font-size: 0.8em;
        line-height: 1.5em;
	}
}

/* Mobile Styles */
@media all and (max-width: 767px) {
	.publication-card .top-bar p,
	.publication-card .top-bar a,
	.publication-feature .top-bar p,
	.publication-feature .top-bar a
	{
		font-size: 0.8em;
	}
	
	.publication-card .title,
	.publication-feature .title
	{
		font-size: 0.9em;
	}
	
	.publication-flyout .et_pb_link_text {
		text-align: left;
        font-size: 0.6em;
        line-height: 1.5em;
	}
}





.design-article {
    background-color: #e6e6e6;
    border: 1px solid #d6d6d6;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 20px 20px 0px 0px;
}

.design-article.home-page {
	flex-direction: row;
	border-radius: 0px 20px 20px 0px;
}

.design-article .callout-content {
    padding: 1em 1.75em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.design-article.home-page .callout-content {
	width: 90%;
	justify-content: center;
}

.design-article .callout-content h3.title {
    font-weight:300;
	font-size:14px;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.design-article.home-page .callout-content h3.title {
	font-size:16px;
}

.design-article .callout-content .button {
    align-self: flex-end;
    float: right;
    border: 1px solid transparent !important;
}

.design-article .designer-container {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
	border-radius: 20px 20px 0px 0px;
	overflow:hidden;
}

.design-article.home-page .designer-container {
	border-radius: 20px;
}

.design-article .designer-content{
	display:grid;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:0 20px 0px 20px;
}

.design-article.home-page .designer-content{
	padding:0 20px 20px 20px;
}

.design-article .featured-image{
	width:100%;
	justify-content: center;
	display:flex;
}

.design-article .featured-image a{
	display:flex;
}

.design-article .designer-quote {
	padding:5px 20px 5px 20px;
    display: flex;
	flex-direction:column;
	color:#FFFFFF;
	letter-spacing:1px;
}

.design-article .quote{
	font-weight:300;
}

.design-article .designer{
	font-weight:600;
	font-size:1.05em;
}

.design-article .designer-image {
    border-radius: 100%;
}

.design-article .designer-content:before {
	margin: 0px calc(50% - 20px) 0px calc(50% - 20px);
	grid-column-start:span 2;
	color: rgba(42, 60, 85, 0.91);
    content: "{";
    font-size: 24px;
    position: relative;
    background: rgba(255, 255, 255, 0.91);
    border-radius: 100%;
    z-index: 2;
    font-family: ETmodules !important;
    text-align: center;
    height: 26px;
    width: 26px;
    border: 3px solid rgba(42, 60, 85, 0.91);
    display: flex;
    align-items: center;
    justify-content: center;
}

.design-article.home-page .designer-content:before{
	margin: -20px calc(50% - 20px) 10px calc(50% - 20px);
	font-size: 32px;
	height: 30px;
    width: 30px;
}

/* Tablet Styles */
@media all and (max-width: 1279px) and (min-width: 768px) {
	.design-article,
	.design-article.home-page
	{
		flex-direction: column-reverse;
		border-radius: 20px 20px 0px 0px;
	}
	
	.design-article .designer-container {
		flex-direction:row;	
		border-radius: 20px 20px 0 0;
	}
	.design-article .designer-image {
    margin-bottom:10px;
	}	
	.design-article.home-page .designer-container {
		border-radius: 20px 20px 0 0;
	}
	.design-article.home-page .designer-content{
		padding:0 20px 10px 20px;
	}
}


/* Mobile Styles */
@media all and (max-width: 767px) {
	.design-article,
	.design-article.home-page
	{
		flex-direction: column-reverse;
		border-radius: 20px 20px 0px 0px;
	}
	.design-article .featured-image{
		align-self:center;
		width:100%;
	}
	.design-article .designer-container,
	.design-article .designer-content{
		flex-direction:column;
	}
	.design-article .designer-image {
   	 	margin-bottom:10px;
	}
	.design-article .designer-container,
	.design-article.home-page .designer-container
	{
		border-radius: 20px 20px 0px 0px;
	}
	.design-article .designer-content{
		padding:0 20px 10px 20px;
	}
	.design-article .designer-content:before{
	margin: -20px calc(50% - 20px) 10px calc(50% - 20px);
	}
	
}


/* ------------------------------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------- */
/* --- Start General Font Custom Styling --- */
/* ----------------------------------------- */

span.accent {
	color: var(--general-span-accent-color);
	text-transform: uppercase;
	font-weight:700;
	font-size: 0.8em;
}

a{
	font-weight:600;
	transition:all 500ms ease;
}

a:hover{
	color: var(--general-link-hover-color);
}



/* --------------------------------------- */
/* --- End General Font Custom Styling --- */
/* --------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------ */
/* ----- Start Hero Styling ----- */
/* ------------------------------ */

.hero{
	padding: 0!important;	
}

.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container{
	max-width: none!important;
	width:100%!important;
}

.hero .header-content-container{ 
	position:absolute;
	padding-bottom: 8%;
}

.hero .header-content{
	margin: 0px auto!important;
    width: 100%!important;
    max-width: 100%!important;
    background-color: var(--hero-text-bg-color);
    padding: 40px;
}

@media all and (max-width: 980px){
	.hero .header-content-container{ 
	  padding-bottom: 0;
	}
}

@media all and (max-width: 767px){
    .hero .header-content{
        padding: 40px 10px;
    }
    .hero .header-content-container{ 
        padding-top: 15%;
    }
}

.hero .header-content > h1,
.hero .header-content > span 
{
    font-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;
    color: var(--hero-font-color)!important;
}

.hero .header-content > h1 {  
    font-weight: 400;
    text-transform: uppercase;
	letter-spacing:1px;
    font-size: 2vw;
    line-height: 1.5em; 
    padding-bottom: 30px!important;
}

@media all and (min-width: 768px) and (max-width: 980px){
	.hero .header-content > h1{
	  font-size: 2.3em;
	}
}

@media all and (max-width: 767px){
	.hero .header-content > h1{
	  font-size: 1.8em;
	}
}

.hero .header-content > span {
    font-size: 1.2vw;
    line-height: 1.8em;
	font-weight:500;
}

@media all and (min-width: 768px) and (max-width: 980px){
	.hero .header-content > span{
	  font-size: 20px;
	}
}

@media all and (max-width: 767px){
	.hero .header-content > span{
	  font-size: 20px;
	}
}

.et_pb_fullwidth_header .header-image{
	margin-left: 0!important;
	margin-right: 0!important;
}

html :where(img[class*=wp-image-]) {
    height: auto!;
    max-width: none;
    width: 100%;
}



/* ---------------------------- */
/* ----- End Hero Styling ----- */
/* ---------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ----------------------------------------------- */
/* --- Start Woocommerce General Stock Styling --- */
/* ----------------------------------------------- */

/* General Stock Status Styling  */
.woocommerce_stock_wrapper {
    font-size: 14px;
    font-weight: 600!important;
    margin-top: 5px;
    display: inline-block;
}

/* In Stock (WooCommerce Green) */
.woocommerce_stock_wrapper.in-stock, .woocommerce div.product .stock.in-stock{
    color: var(--woo-stock-in-stock-color)!important;
}

/* Backorder (WooCommerce Orange) */
.woocommerce_stock_wrapper.backorder, .woocommerce div.product .stock.backorder{
    color:var(--woo-stock-backorder-color)!important;
}

/* Out of Stock (WooCommerce Red) */
.woocommerce_stock_wrapper.out-of-stock, .woocommerce div.product .stock.out-of-stock{
    color: var(--woo-stock-out-of-stock-color)!important;
}


/* ----------------------------------------------- */
/* --- End Woocommerce General Stock Styling --- */
/* ----------------------------------------------- */



/* -------------------------------------- */
/* --- Start Custom Map Styles --- */
/* -------------------------------------- */

/** --- start map color styling --- **/

#wpsl-wrap label {
  	text-transform: uppercase !important;
    color: var(--map-label-font-color) !important;
    font-size: 12px !important;
    font-weight: 700;
    white-space: nowrap;
}

.wpsl-search  {
	background: var(--map-search-bar-bg-color)!important;
	border:1px solid var(--map-search-bar-border-color)!important;
}

.wpsl-search #wpsl-search-btn{
	background: var(--map-search-button-bg-color)!important;
	color: var(--map-search-button-font-color)!important;
	border-radius: 0!important;
	font-weight:600!important;
	text-transform: uppercase!important;
	border: 1px solid var(--map-search-button-border-color)!important;
	transition: all 300ms ease!important;
}

.wpsl-search #wpsl-search-input{
	background: var(--map-search-field-bg-color)!important;
	color: var(--map-search-field-font-color)!important;
	border-radius: 0!important;
	font-weight:600!important;
	border: 1px solid var(--map-search-field-border-color)!important;
	transition: all 300ms ease!important;
}

.wpsl-search #wpsl-search-btn:hover{
	color: var(--map-search-button-hover-font-color)!important;
}

.wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li{
	background: var(--map-dropdown-bg-color)!important;
	color: var(--map-dropdown-font-color)!important;
	font-weight:500!important;
}

.wpsl-dropdown, #wpsl-search-wrap .wpsl-dropdown div{
	border-radius: 0px!important;
	border: 1px solid var(--map-dropdown-border-color)!important;
}

	
.wpsl-active .wpsl-selected-item:after {
    margin-top: -10px;
    border: 6px solid transparent;
    border-bottom: 8px solid var(--map-arrow-color);
}
.wpsl-selected-item:after {
    position: absolute;
    content: "";
    right: 12px;
    top: 50%;
    margin-top: -4px;
    border: 6px solid transparent;
    border-top: 8px solid var(--map-arrow-color);
}

.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before {
    border-bottom: 5px solid var(--map-arrow-color)!important;
    border-top: none!important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before, .wpsl-store-details.wpsl-store-listing:before {
    position: absolute;
    content: '';
    bottom: 6px;
    right: 0;
    border-top: 5px solid var(--map-arrow-color);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.wpsl-input label, #wpsl-radius label, #wpsl-category label {
	width:auto!important;
}

/* -------------------------------------- */
/* --- End Custom Map Styles --- */
/* -------------------------------------- */


/* --------------------------------- */
/* --- Start Custom Video Styles --- */
/* --------------------------------- */

.plyr__control--overlaid, .plyr__control--overlaid:hover{
	background-color:#3b694e !important;
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #3b694e;
}

/* --------------------------------- */
/* --- End Custom Video Styles --- */
/* --------------------------------- */



/* ------------------------------------ */
/* ---Start Featured Button Styling --- */
/* ------------------------------------ */


/* -------- Start Front Page Featured Button Styling ------ */

@media all and (min-width: 1405px) {
	.featured-stretch .featured-button{
		aspect-ratio:1/1!important;
	}
}

@media all and (min-width: 981px){
	.featured-stretch {
		height:100%;
		align-items:stretch;
	}
	
	.featured-square .featured-button{
		aspect-ratio:1/1!important;
	}
	
	.featured-button{
  		margin: 0.25em!important;
  		border:2px solid var(--featured-button-border-color)!important;
  		display:flex!important;
  		align-items:center!important;
  		justify-content:center;
  		flex-direction: row!important;
  		transition: all 500ms ease!important;
  		background-blend-mode: saturation;
  		padding-left:1em;
	}

	.featured-button:hover,
	.featured-button:focus-visible{
  		background-color: var(--featured-button-bg-hover-color)!important;
  		border: 2px solid var(--featured-button-border-hover-color)!important;
	}

	.featured-square .featured-button:after{
  		font-family: ETmodules !important;
  		content:'\35';
  		font-size: 3em!important;
  		opacity: 0!important;
  		transition: all 800ms ease!important;
  		margin:0em 4em 0em -5.5em;
  		color: var(--featured-button-arrow-color)!important;
  		z-index: 1;
	}
	
	.featured-stretch .featured-button:after{
  		font-family: ETmodules !important;
  		content:'\35';
  		font-size: 2em!important;
  		opacity: 0!important;
  		transition: all 800ms ease!important;
  		margin:0em 4em 0em -5.5em;
		padding-bottom: 5px;
  		color: var(--featured-button-arrow-color)!important;
  		z-index: 1;
	}

	.featured-button p, .featured-button h2{
  		opacity:0;
  		transition: all 500ms ease!important;
  		color: var(--featured-button-font-color) !important;
	}

	.featured-button:hover p, .featured-button:hover h2,
	.featured-button:focus-visible p, .featured-button:focus-visible h2{
  		opacity:1;
	}

	.featured-button:hover:after,
	.featured-button:focus-visible:after{
  		opacity: 1!important;
  		margin:0em 0em 0em 0em;
	}
}

@media all and (max-width: 980px){
	.featured-stretch .featured-button{
		aspect-ratio:1/1!important;
	}
	
	.featured-button {
		border:1px solid var(--featured-button-mobile-border-color)!important;
		background-color: var(--featured-button-mobile-bg-color);
	}
		
	.featured-stretch .featured-button .featured-text p,
	.featured-stretch .featured-button .featured-text h2{
		padding: 0!important;
	}
	
	.featured-square .featured-button p {
		padding: 0em 1em 0.5em 1em!important;
	}
	
	.featured-square .featured-button h2 {
		font-weight: 500!important;
		padding-bottom: 0!important;
	}
	
}

@media all and (min-width: 768px) and (max-width: 980px){
  	.featured-button
  	{
    	margin: 0.25em!important;
  	}
	.featured-stretch .featured-button .featured-text{
		margin: 72% 0 0.5em 0;
    	padding: 1em;
    	background-color: var(--featured-button-mobile-text-bg-color);
    	text-align: center;	
	}
}

@media all and (max-width:767px){
  	.featured-button
  	{
    	margin: 5px 0 5px 0!important;
  	}
	.featured-stretch .featured-button .featured-text{
		margin: 80% 0 0.5em 0;
    	padding: 1em;
    	background-color: var(--featured-button-mobile-text-bg-color);
    	text-align: center;	
	}
}

@media (max-width: 479px) {
    .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column {
        margin: 5px 0 5px 0 !important;
    }
}


/* -------- End Front Page Featured Button Styling ------ */

/* ---------------------------------- */
/* ---End Featured Button Styling --- */
/* ---------------------------------- */

/* ----------------------------- */
/* ---Start Showroom Styling --- */
/* ----------------------------- */

/* start showroom display css styles */
@media all and (min-width: 981px){
  #customiframe{ 
  aspect-ratio: 16/9!important;
}
}

@media all and (min-width: 768px) and (max-width: 980px){
  #customiframe {
  aspect-ratio: 9/13!important;
} 
}

@media all and (max-width: 767px){
  #customiframe {
  aspect-ratio: 9/16!important;
}
}

.showroom a{
    padding: 0 2.3em 0 1em;
	text-decoration: none !important;
}

.showroom a:hover,
.showroom a:focus-visible{
  text-decoration: none !important;
  color: var(--showroom-link-hover)!important;
}

.showroom ul li.et_pb_tab_active a:after
{
  content: "\e081";
  font-size: 1em;
    line-height: 1.6em;
    opacity: 1;
    position: absolute;
    margin-left: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
  font-family: ETmodules !important;
}

.showroom ul li a:hover,
.showroom ul li a:hover:after,
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a:hover, 
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a:hover,
.showroom ul li a:focus-visible,
.showroom ul li a:focus-visible:after,
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a:focus-visible, 
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a:focus-visible
{
    color: var(--showroom-link-hover)!important;
    
}
/* end showroom display css styles */

/* --------------------------- */
/* ---End Showroom Styling --- */
/* --------------------------- */

/* ---------------------------------- */
/* --- Start Custom Button Styling -- */
/* ---------------------------------- */

.dark-button
{
	background-color: var(--dark-button-bg-color)!important;
	border: solid var(--dark-button-border-color)!important;
	border-width: 1px !important;
}


.dark-button:hover
{
	color: var(--dark-button-hover-font-color)!important;
	background-color: var(--dark-button-hover-bg-color)!important;
	border: 1px solid var(--dark-button-hover-border-color)!important;
}



/* ---------------------------------- */
/* --- End Custom Button Styling ---- */
/* ---------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------- */
/* --- Start Blog Styling ---- */
/* ---------------------------------- */

/* blog catalog title */
.pa-blog-image-16-9 .et_pb_blog_grid h2 {
	font-size:16px!important;
}

/*blog image aspect ratio landscape 16:9*/
.pa-blog-image-16-9 .entry-featured-image-url {
  padding-top: 56.25%!important;
  display: block!important;
}
.pa-blog-image-16-9 .entry-featured-image-url img {
  position: absolute!important;
  height: 100%!important;
  width: 100%!important;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  bottom: 0!important;
  object-fit: cover!important;
}


/*---- start blog navigation styles ----*/

#blog-nav a 
{
	color:var(--blog-nav-link-color)!important;
	font-weight: 600!important;
	text-transform:uppercase!important;
	transition: all 300ms ease;
	text-decoration: underline solid var(--blog-nav-link-underline-color) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 5px !important;

}

#blog-nav a:hover
{
	color:var(--blog-nav-link-hover-color)!important;
	text-decoration: underline solid var(--blog-nav-link-hover-underline-color) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 5px !important;
}

/*---- end blog navigation styles ----*/

/* ---------------------------------- */
/* --- End Blog Styling ---- */
/* ---------------------------------- */


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */



/* -------Footer styling: Social ----------------------------------- */

.main-footer .social-media li a.icon {
    width: 28px !important;
    height: 28px !important;
}


/* -------Footer styling: Email ----------------------------------- */
.email-signup {
  width:100%;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent {
display:none;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody {
    padding: 0;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
    padding: 7px 0 0 0;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input,
.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    border-color: #D6D6D6;
    line-height: 2.25em;
    padding: 0.3em 1em!important;
    letter-spacing: 0.06em!important;
    transition: all ease 300ms;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    font-weight: 600;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover,
.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:focus-visible{
    color: #000!important;
    border-color: #D6D6D6 !important;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
    height: auto;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr auto;
}

.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal,
.email-signup #mlb2-42407442.ml-form-embedContainer .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: auto!important;
}