/*
 Theme Name:   WP Bootstrap Starter Child
 Description:  WP Bootstrap Starter Child Theme
 Template:     wp-bootstrap-starter
 Version:      1.0.0
*/


/***** All *****/
html {
	font-size: 16px;
}

body {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #574a39;
	background-color: #f8f5ea;
}

@media (min-width: 1200px) {	
	.make-container-width {
		max-width: 1140px;
		margin: 0 auto;
	}
	
	.mimic-container-padding-right {
		padding-right: calc(50vw - 570px);
	}
	
	.mimic-container-padding-left {
		padding-left: calc(50vw - 570px);
	}
}

h1, h2, h3, h4, h5, h6 {
	color: #574a39;
	font-weight: 600;
}

h1, h2 {
	font-size: 2.25rem;
}

h3 {
	font-size: 1.5rem;
}

.page .entry-header {
	display: none;
}

.page #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.entry-content {
	margin: 0;
}

a {
	color: #B25645;
	font-style: italic;
}

a:hover {
	color: #5F7E93;
	font-style: italic;
}

.btn {
	border-radius: 0.55rem;
	padding: 0.75rem 1.750rem;
	font-size: 1rem !important;
	font-style: unset !important;
}

.btn-primary {
	color: #fff;
	background-color:#B25645;
	border: 2px solid #B25645;
	font-weight: 500;
	font-size: 1rem;
	box-shadow: 0 3px 6px rgba(0,0,0,62%);
	text-transform: uppercase;
}

.btn-primary:hover {
	color: #B25645;
	background-color: #fff;
	border-color: #B25645;
}
.btn-primary.focus,
.btn-primary:focus {
	color: #B25645;
	background-color: #fff;
	border-color: #B25645;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #B25645;
	background-color:#fff;
	border-color:#B25645;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
}

.btn-secondary, .btn-secondary.focus, .btn-secondary:focus {
	color: #5F7E93;
	background-color:transparent;
	border: 2px solid #5F7E93;
	font-weight: 500;
	font-size: 1rem;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5F7E93;
	border-color: #5F7E93;
	box-shadow: 0 3px 6px rgba(0,0,0,62%);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #B25645;
	border-color: #B25645;
}

.sectionTitle {
	font-size: 2.25rem;
	text-transform: capitalize;
}

hr {
	border: 3px solid #f5ad2d;
	width: 100px;
	margin-top: 0;
	margin-bottom: 1.5rem;
}


/***** Header *****/
header#masthead {
	background-color: #f8f5ea !important;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	font-style: unset;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li:not(.topNavCTA) > a {
	color: #574a39;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.topNavCTA > a {
	color: #fff;
	width: 360px;
	padding: 0.75rem 1.750rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
	color: #5F7E93 !important;
	text-decoration: underline;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.topNavCTA > a:hover {
	color: #B25645 !important;
	text-decoration: none !important;
}

.navbar-nav {
	display: flex;
	align-items: center;
}


/***** Footer *****/
body:not(.theme-preset-active) footer#colophon {
  background-color: #f8f5ea;
}


/***** Homepage *****/
@media (max-width: 767.98px) {
	.home .step-number {
		text-align: center;
		margin: 1rem auto;
	}
}

@media (min-width: 768px) {
	.home .step-number {
		text-align: center;
		margin: 1rem 0;
	}
}




/***** About *****/
#areas-served {
	font-weight: 700;
	columns: 2;
	list-style-type: none;
}


/***** Contact *****/
@media (max-width: 767.98px) {
	#contact-form-container {
		margin: 0 15px;
		max-width: calc(100% - 30px);
	}
}

@media (min-width: 768px) {
	#contact-form-bg {
		background-image: url('/wp-content/uploads/2025/11/custom-bedroom-walk-in-closet-gray-background.jpg');
		background-repeat: no-repeat;
		background-position: right 3rem;
		height: 100%;
		border-bottom-left-radius: 1rem;
		margin-left: 45px;
	}
	
	#contact-form-container {
		margin-left: -15px;
		overflow: show;
	}
}


@media (min-width: 1200px) {
	#contact-form-bg {
		margin-left: calc(50vw - 570px);
	}
}

#contact-form-container {
	background-color: #5F7E93;
    padding: 3rem;
    border-radius: 1rem;
	color: #fff;
}

.gform_wrapper.gravity-theme .gfield_required {
	color: #fff !important;
	font-size: 0.75rem !important;
}

.gform_wrapper.gravity-theme .ginput_counter {
	color:#fff !important;
	font-size: 0.75rem !important;
	padding: 0.5rem 0 !important;
	margin-top: 0 !important;
}

#gfield_description_1_3 {
	padding: 0.5rem 0 1rem !important;
	margin-top: 0 !important;
}


/***** Ratings and Reviews *****/
#star-rating {
	max-height: 1rem;
}

/***** Product Grid *****/
.product-grid-box-link {
	border-radius: 0.5rem;
	display: inline-block;
	min-height: fit-content;
	overflow: hidden;
	box-shadow: 2px 2px 2px 2px #EAE8DC;
	position: relative;
	width: 100%;
}

.product-grid-box-link:hover {
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,50%);
}

.grid-hover {
	position: absolute;
	height: 100%;
	width: 100%;
	align-content: center;
	padding: 2rem;
	/*background-color: rgba(178, 86, 69, 90%);*/
	background-color: rgba(95, 126, 147, 90%);
	color: #fff;
	display: none;
	font-size: 1.25rem;
	font-weight: 500;
	top: 0;
	left: 0;
}

.product-grid-box-link:hover {
	.grid-hover {
		display: unset;
	}
}

.box h5 {
	font-size: 1rem;
}

/* Hide product on it's own product page */
.page-reach-in-closets .product-reach-in-closets,
.page-walk-in-closets .product-walk-in-closets,
.page-pantry-storage .product-pantry-storage,
.page-home-office-storage .product-home-office-storage,
.page-garage-storage-solutions .product-garage-storage-solutions,
.page-laundry-room-storage .product-laundry-room-storage,
.page-mudroom-storage .product-mudroom-storage,
.page-boutique-closets .product-boutique-closets,
.page-murphy-beds .product-murphy-beds {
    display: none;
}


/***** Products Shelf Page *****/
.page-products .product-grid-box-link {
	border: 2px solid #EAE8DC;
	color: #574a39;
}

.page-products .product-grid-box-link:hover {
	border: 2px solid rgba(0,0,0,50%);
	text-decoration: none;
}

.product-grid-text .description {
	color: #574a39;
}

.product-grid-text {
	padding: 1rem;
}

.product-grid-text .pseudo-link {
	color: #B25645;
	font-weight: 500;
	font-style: italic;
}


/***** Products Details Page *****/
.prodPage-process-cta {
	color: #fff;
}

.prodPage-process-cta:hover {
	color: #fff;
	text-decoration: underline;
}


/***** Blog *****/
.category-blog .archive-title {
	font-size: 1.25rem;
}

.category-blog img {
	margin-bottom: 1rem;
}

.category-blog h1.entry-title {
	font-size: 2.25rem;
	border-bottom: 0;
}