/*
Theme Name: Brownstone Child
Theme URI: https://example.com/
Description: Child theme for Hello Biz theme.
Author: Your Name
Author URI: https://yourwebsite.com/
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-child
*/
:root{
	--maroon: #730f19;
	--beige: #c4b4a4;
	
	--raleway: "Raleway", sans-serif;
	--montserrat: "Montserrat", sans-serif;
}
a,
div,
p{
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}
/* Import parent theme styles */
@import url("../hello-biz/style.css");
.elementor-widget-text-editor p strong{
	color: var(--maroon);
}
.elementor-widget-text-editor p a{
	color: var(--maroon);
}
.elementor-widget-text-editor p a:hover{
	text-decoration: underline;
}
.elementor-heading-title{
	font-family: var(--raleway);
	font-weight: 700;
	color: var(--maroon);
}
.elementor-field-group button.elementor-button.elementor-size-sm {
	font-family: "Raleway", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--maroon) !important;
	background: transparent !important;
	border: none !important;
	font-size: 22px;
}
.bracket-heading-wrapper{
	padding: 20px;
}
.page-hero .bracket-heading-wrapper{
	padding: 40px 30px 20px 40px;
}

.page-hero .single-line .bracket-heading-wrapper h1{
	min-height: 100px;
	line-height: 80px;
}
.elementor-field-group button.elementor-button.elementor-size-sm,
.bracket-heading-wrapper,
.bracket-button-wrapper{
	position: relative;
	display: inline-block;
}
.elementor-field-group button.elementor-button.elementor-size-sm:before,
.elementor-field-group button.elementor-button.elementor-size-sm:after,
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:before,
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:after,
.elementor-field-group button.elementor-button.elementor-size-sm 
.bracket-heading-wrapper span[class*="bracket"],
.bracket-button-wrapper span{
	position: relative;
	display: block;
	position: absolute;
	height: 35px;
	width: 35px;
	transition: 0.2s all;
}
.elementor-field-group button.elementor-button.elementor-size-sm:before,
.bracket-heading-wrapper .top-left-bracket,
.bracket-button-wrapper .top-left-bracket{
	left: 0;
	top: 0;
}
.page-hero .bracket-heading-wrapper .top-left-bracket{
	top: -32px;
	left: -15px;
}
.page-hero .bracket-heading-wrapper .bottom-right-bracket{
	right: -15px;
	bottom: -32px;
}
.bracket-heading-wrapper .bottom-right-bracket,
.bracket-button-wrapper .bottom-right-bracket{
	right: 0;
	bottom: 0;
}
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:before,
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:after,
.elementor-field-group button.elementor-button.elementor-size-sm:before,
.elementor-field-group button.elementor-button.elementor-size-sm:after,
.bracket-heading-wrapper .bottom-right-bracket:after,
.bracket-heading-wrapper .bottom-right-bracket:before,
.bracket-heading-wrapper .top-left-bracket:after,
.bracket-heading-wrapper .top-left-bracket:before,
.bracket-button-wrapper .bottom-right-bracket:after,
.bracket-button-wrapper .bottom-right-bracket:before,
.bracket-button-wrapper .top-left-bracket:after,
.bracket-button-wrapper .top-left-bracket:before{
	content: '';
	position: absolute;
	background: #c4b4a4;
	display: block;
	transition: 0.2s all;
}
.elementor-field-group button.elementor-button.elementor-size-sm:before,

.bracket-heading-wrapper .top-left-bracket:before,
.bracket-button-wrapper .top-left-bracket:before {
	left: 0;
	top: 0;
	height: 20px;
	width: 5px;
}

.elementor-field-group button.elementor-button.elementor-size-sm:after,
.bracket-heading-wrapper .top-left-bracket:after,
.bracket-button-wrapper .top-left-bracket:after {
	height: 5px;
	width: 45px;
	top: 0;
	left: 0;
}

.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:before,
.bracket-heading-wrapper .bottom-right-bracket:before,
.bracket-button-wrapper .bottom-right-bracket:before {
	right: 0;
	bottom: 0;
	height: 20px;
	width: 5px;
}
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:after,
.bracket-heading-wrapper .bottom-right-bracket:after,
.bracket-button-wrapper .bottom-right-bracket:after {
	height: 5px;
	width: 45px;
	bottom: 0;
	right: 0;
}
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:after,
.bracket-button-wrapper .bottom-right-bracket:after,
.bracket-button-wrapper .top-left-bracket:after,
.elementor-field-group button.elementor-button.elementor-size-sm:after {
	height: 3px;
}
.elementor-field-group button.elementor-button.elementor-size-sm .elementor-button-content-wrapper:before,
.elementor-field-group button.elementor-button.elementor-size-sm:before,
.bracket-button-wrapper .top-left-bracket:before,
.bracket-button-wrapper .bottom-right-bracket:before{
	width: 3px;
}
@media(min-width: 767px){
		.bracket-heading-wrapper .top-left-bracket:before,
		.bracket-heading-wrapper .top-left-bracket:after{
			left: -30px;
		}
		.bracket-heading-wrapper .bottom-right-bracket:before,
		.bracket-heading-wrapper .bottom-right-bracket:after{
			right: -30px;
		}
}
.bracket-heading-wrapper .bottom-right-bracket:before,
.bracket-heading-wrapper .top-left-bracket:before{
	height: 35px;
}
.bracket-heading-wrapper .bottom-right-bracket:after,
.bracket-heading-wrapper .top-left-bracket:after{
	width: 100px;
}
.page-hero .bracket-heading-wrapper .bottom-right-bracket:after,
.page-hero .bracket-heading-wrapper .bottom-right-bracket:before,
.page-hero .bracket-heading-wrapper .top-left-bracket:after,
.page-hero .bracket-heading-wrapper .top-left-bracket:before{
	background: #fff
}
.page-hero .bracket-heading-wrapper .top-left-bracket:after,
.page-hero .bracket-heading-wrapper .top-left-bracket:before{
	left: -10px;
}
.page-hero .bracket-heading-wrapper .bottom-right-bracket:after, 
.page-hero .bracket-heading-wrapper .bottom-right-bracket:before{
	right: -10px;
}
.page-hero.no-bg .bracket-heading-wrapper .bottom-right-bracket:after,
.page-hero.no-bg .bracket-heading-wrapper .bottom-right-bracket:before,
.page-hero.no-bg .bracket-heading-wrapper .top-left-bracket:after,
.page-hero.no-bg .bracket-heading-wrapper .top-left-bracket:before{
	background: var(--beige);
}
[data-element_type="container"].brackets-corner > .e-con-inner{
	/* padding: 35px 45px; */
}
[data-element_type="container"].brackets-corner > .e-con-inner{
	position: relative;
}
[data-element_type="container"].brackets-corner > .e-con-inner:before {
	content: '';
	background: url('/wp-content/uploads/2025/07/top-corner-bracket-beige.png');
	display: block;
	width: 90px;
	height: 40px;
	position: absolute;
	top: -60px;
	left: -40px;
	background-size: 100%;
	background-repeat: no-repeat;
}
[data-element_type="container"].brackets-corner > .e-con-inner:after {
	content: '';
	background: url('/wp-content/uploads/2025/07/bottom-corner-bracket-beige.png');
	display: block;
	width: 90px;
	height: 40px;
	position: absolute;
	bottom: -60px;
	right: -40px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.services-item .elementor-widget-heading .elementor-widget-container:after {
	content: '';
	display: block;
	width: 90px;
	height: 30px;
	background-image: url('/wp-content/uploads/2025/07/bottom-corner-bracket-beige.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -30px;
	bottom: -30px;
}
.services-item .elementor-widget-heading .elementor-widget-container:before {
	content: '';
	display: block;
	width: 90px;
	height: 30px;
	background-image: url('/wp-content/uploads/2025/07/top-corner-bracket-beige.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: -30px;
	top: -30px;
}
.services-item .elementor-widget-heading .elementor-widget-container{
	display: inline-block;
}
.page-hero{
	
} 
/* hover */

.bracket-button-wrapper:hover .bottom-right-bracket,
.bracket-button-wrapper:hover .top-left-bracket{
	width: 100%;
	height: 100%;
	transition: 0.2s all;
}
.elementor-field-group button.elementor-button.elementor-size-sm:hover .elementor-button-content-wrapper:before,
.elementor-field-group button.elementor-button.elementor-size-sm:hover:before,
.bracket-button-wrapper:hover .bottom-right-bracket:before,
.bracket-button-wrapper:hover .top-left-bracket:before {
	height: 42px;
	transition: 0.2s all;
}
.lg-btn .bracket-button-wrapper:hover .bottom-right-bracket:before,
.lg-btn .bracket-button-wrapper:hover .top-left-bracket:before {
	height: 70px;
}
.lg-btn .bracket-button-wrapper .bottom-right-bracket:before,
.lg-btn .bracket-button-wrapper .bottom-right-bracket:after{
	bottom: -8px;
}
.elementor-field-group button.elementor-button.elementor-size-sm:hover .elementor-button-content-wrapper:after,
.elementor-field-group button.elementor-button.elementor-size-sm:hover:after,
.bracket-button-wrapper:hover .bottom-right-bracket:after,
.bracket-button-wrapper:hover .top-left-bracket:after {
	width: 100%;
	transition: 0.2s all;
}

.bracket-button-wrapper a{
	font-family: var(--raleway);
	font-weight: 800;
	font-size: 22px;
	color: var(--maroon);
	padding: 6px 40px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.bracket-button-wrapper a:hover{
	color: var(--beige);
}
[data-element_type="container"].border-extended {
	position: relative;
}
[data-element_type="container"].border-extended:after {
	content: '';
	height: 3px;
	width: 100%;
	right: -100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	background: var(--beige);
}
[data-element_type="container"].border-extended:before {
	content: '';
	height: 3px !important;
	width: 100%;
	left: -100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	background: var(--beige);
	padding: 0px !important;
	border: none !important;
}
.page-hero h1{
	font-size: 80px;
}
@media(max-width: 1024px){
	.page-hero h1{
		font-size: 60px;
	}
	header.elementor-sticky--effects [data-widget_type="icon.default"] a svg{
		fill: #fff!important;
	}
}
@media(max-width: 767px){
	.page-hero h1{
		font-size: 50px;
	}
	.page-hero .brackets-corner h1{
		font-size: 38px;
	}
	[data-element_type="container"].brackets-corner > .e-con-inner:after {
		right: 0px;
	}
	[data-element_type="container"].brackets-corner > .e-con-inner:before{
		left: -10px;
	}
}
@media(max-width: 500px){
	.page-hero .brackets-corner h1{
		font-size: 32px;
	}
}
.page-hero .bracket-heading-wrapper h1{
	line-height: 42px;
}
.elementor-heading-title span.break {
	display: block;
}
.elementor-heading-title span.fs-small{
	font-size: 38px;
	font-weight: 400;
}
.project.type-project.e-loop-item > .project-item {
	height: 380px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.project.type-project.e-loop-item > .project-item:before{
	content: '';
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--maroon);
	left: 0;
	top: 0;
	mix-blend-mode: initial;
}
.project.type-project.e-loop-item > .project-item:hover > .e-con-inner .elementor-widget-image.hover-img{
	/* opacity: 0.8; */
	opacity: 1;
	transition: 0.2s all;
}
.project.type-project.e-loop-item > .project-item > .e-con-inner .elementor-widget-image{
	width: 100%;
	height: 380px;
	position: absolute;
}
.project.type-project.e-loop-item > .project-item:hover > .e-con-inner .elementor-widget-image.default-img,
.project.type-project.e-loop-item > .project-item > .e-con-inner .elementor-widget-image.hover-img{
	opacity: 0;
	transition: 0.2s all;
}
.project-item .elementor-widget-image img {
	width: 100%;
	height: 380px;
	object-fit: cover;
	display: block;
	min-width: 100%;
	/* position: absolute; */
	left: 0;
	top: 0;
	max-width: 100%;
}
.project.type-project.e-loop-item > .project-item .elementor-element.e-child{
	height: 85%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85%;
}
.project.type-project.e-loop-item > .project-item:hover .elementor-element.e-child{
	outline: 3px solid var(--beige);
}
.elementor-heading-title a{

}
.project-item .elementor-heading-title{
	position: relative;
	padding: 20px;
}
.project-item .elementor-heading-title:before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: -30px;
	top: 0;
	background-image: url(/wp-content/uploads/2025/07/top-corner-bracket-red.png);
	background-repeat: no-repeat;
	background-position:top left;
	background-size: 75%;
}
.project-item:hover .elementor-heading-title:before{
	background-image: url(/wp-content/uploads/2025/07/top-corner-bracket-beige.png);
}
.project-item .elementor-heading-title:after {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	right: -30px;
	bottom: 0;
	background-image: url(/wp-content/uploads/2025/07/bottom-corner-bracket-red.png);
	background-repeat: no-repeat;
	background-position:bottom right;
	background-size: 75%;
}
.project-item:hover .elementor-heading-title:after{
	background-image: url('/wp-content/uploads/2025/07/bottom-corner-bracket-beige.png');
}
.elementor-image-gallery img{
	height: 285px!important;
	width: 285px;
	object-fit: cover;
}
.fw-thin {
	font-weight: 400 !important;
}
.elementor-widget-text-editor p:last-child{
	margin-bottom: 0px;
}




.elementor-widget-counter .elementor-counter-number-wrapper{
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}
@media(max-width: 1400px){
	.project-item .elementor-heading-title:before{
		left: 0px;
	}
	.project-item .elementor-heading-title:after{
		right: 0px;
	}
	.project.type-project.e-loop-item > .project-item .elementor-widget-heading a{
		font-size: 36px;
	}
	.project-item .elementor-widget-image img,
	.project.type-project.e-loop-item > .project-item > .e-con-inner .elementor-widget-image,
	.project.type-project.e-loop-item > .project-item{
		height: 280px;
	}
}
@media(max-width: 767px){
	.project.type-project.e-loop-item > .project-item .elementor-widget-heading p{
		max-width: 300px;
	}
}