/*
	Theme Name: Hello Elementor Child
	Theme URI: https://bluenotepro.loc/
	Description: Blue Note Pros child theme of Hello Elementor. Loads the site's brand fonts (Config Condensed, Bungee, Roboto) and tokens globally.
	Author: Blue Note Pro Dev Team
	Template: hello-elementor
	Version: 1.0.0
	Text Domain: hello-elementor-child
*/

/* Hello Elementor's default theme footer isn't part of the Blue Note Pros
   design (index.html ships an empty <footer>), so suppress its default
   "All rights reserved" copyright line until a real BNP footer widget/
   template replaces it. */
.site-footer.dynamic-footer .copyright {
	display: none;
}
*{
	box-sizing: border-box !important;
}

p{
	margin-bottom: 22px;
}

header  .e-con.e-flex>.e-con-inner {
    max-width: 1188px;
}
.e-con-inner{
	padding-inline: 15px;
}
button.gform-button {
    background: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border: 1px solid #72BF44 !important;
    box-shadow: 2px 2px 0px 0px #77C045 !important;
    color: #052444 !important;
    border-radius: 10px !important;
    position: relative;
    padding: 0 44px 0 12px !important;
	white-space: nowrap;
	outline: none !important;
}

button.gform-button:hover{
	background: #77C045 !important;
	color: #fff !important;
}

button.gform-button:after {
    content: "" !important;
    position: absolute;
    right: 0;
    top: 0px;
    width: 35px;
    height: 35px;
    background: url(assets/images/search-small.png) no-repeat center;
	background-size: 16px;
    pointer-events: none;
}

form:has(button.gform-button) .ginput_container.ginput_container_text input {
    border-radius: 10px;
	border:1px solid #D9D9D9;
	outline: none !important;
	max-width: 188px;
	margin-left: auto;
	margin-right: 10px;
}

form:has(button.gform-button) .gform-footer.gform_footer.top_label {
    margin-top: 14px;
}

.ginput_container input, .ginput_container select, .ginput_container textarea {
    border-radius: 8px !important;
	border-color: #D9D9D9 !important;
}

.gform_button.button {
	border-radius: 8px !important;
}

button#gform_submit_button_3{
    background: #05244466 !important; 
    border: 1px solid #72BF44 !important;
    box-shadow: 2px 2px 0px 0px #77C045 !important;
}

button#gform_submit_button_3:hover{
	background-color:#72BF44 !important;
	box-shadow: none !important;
}
.gallery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -67px !important;
}
.gallery .gallery-item {
    padding-bottom: 67px !important;
    min-height: 130px !important;
    align-content: center;
}

.elementor-element.is-active .elementor-button,
.e-filter-item[data-filter="__all"][aria-pressed="true"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.elementor-element.is-active .elementor-button:before,
.e-filter-item[data-filter=__all][aria-pressed=true]::before {
    content: "";
    width: 11px;
    height: 7px;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    margin: -2px 1px 0 1px;
}

.gform-theme--framework .gform_validation_errors{
	display: none;
}
form:has(button.gform-button) .validation_message {
    text-align: center;
    position: absolute;
    left: 15%;
    bottom: -7px;
}

@media screen and (min-width:1025px) and (max-width:1200px){
	.custom-header ul.e-n-menu-heading {
		padding-left: 20px !important;
	}
}

@media screen and (min-width:768px){
	form:has(button.gform-button) {
		margin-left: -20px;
	}
}

@media screen and (max-width:991px){
	button.gform-button {
		font-size: 12px !important;
	}
	form:has(button.gform-button) .ginput_container.ginput_container_text input{
		margin-right: 0;
	}
	form:has(button.gform-button) .validation_message{
		left: 9%;
	}
}

@media screen and (max-width:767px){
	form:has(button.gform-button) .ginput_container.ginput_container_text input {
		max-width: 100%;	
		text-align: center;
	}
	button.gform-button {
		width: 100% !important;
	}
	form:has(button.gform-button) .description_above{
		row-gap: 15px !important;
	}
	.gallery {
		margin-right: -50px !important;
		margin-bottom: -50px !important;
	}
	.gallery-columns-2 .gallery-item {
		max-width: 50% !important;
		padding-right: 50px !important;
		padding-bottom: 50px !important;
	}
	form:has(button.gform-button) .validation_message {
		left: 0;
		width: 50%;
	}
}

@media screen and (max-width:639px){
	form:has(button.gform-button) .validation_message {
		width: 100%;
		position: relative;
		bottom: 0;
	}
}

/*Breadcrumb*/
nav.rank-math-breadcrumb{
    color: #A5B0BC;
    font-size: 14px;
}
nav.rank-math-breadcrumb a{
    color: var( --e-global-color-bb_navy );
}
nav.rank-math-breadcrumb a:hover{
    color: var( --e-global-color-bb_dark_teal );
}

.elementor a:focus-visible{
	outline: none;
}

form#gform_4 .zip-result-error, form#gform_9 .zip-result-error {
	color: #842029;
}

form#gform_4 .zip-result-success, form#gform_9 .zip-result-success {
    color: #72BF44;
}

form#gform_4:has(button.gform-button) .validation_message, form#gform_9:has(button.gform-button) .validation_message {
	left: 5%;
}
@media screen and (max-width:991px){
	form#gform_4:has(button.gform-button) .validation_message, form#gform_9:has(button.gform-button) .validation_message{
		left: -3%;
	}
}

@media screen and (max-width: 767px) {
	form#gform_4:has(button.gform-button) .validation_message, form#gform_9:has(button.gform-button) .validation_message{
		left: 0%;
	}
}