/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0.0
 Text Domain:  bricks
*/

* {
	text-wrap: pretty;
	accent-color: #a7d1b0;
}

*::marker {
	color: #006837;
}

*::selection {
	background: #a7d1b0;
	color: #000;
}

*:where(input, textarea):focus:focus-visible {
	outline: transparent!important;
	background: #cde5d2!important;
}

*:focus:not(:focus-visible) {
	outline: transparent !important;
}

/* ===== Scrollbar CSS ===== */
*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: #fff;
}

*::-webkit-scrollbar-thumb {
	background-color: #006837;
	border-radius: 0px;
	border: 0px none #006837;
}

/* Wrap new scrollbar properties in @supports rule for browsers without `::-webkit-scrollbar-*` support */
/* This way chrome won't override `::-webkit-scrollbar-*` selectors */
@supports not selector(::-webkit-scrollbar) {
	* {
		scrollbar-width: thin;
		scrollbar-color: #006837 #fff;
	}
}

.brxe-text ul,
.brxe-text ol {
	padding-left: 1.75em;
}

.brxe-form {
	gap: 16px;
}

.brxe-form .form-group {
	gap: 8px;
}

.brxe-form .form-group label {
	margin: 0;
}

.brxe-form .form-group label.required:after {
	color: var(--bricks-color-zsassf, red);
}

.brxe-form .form-group ul.options-wrapper li * {
	display: inline;
}

.brxe-form .form-group ul.options-wrapper li * a {
	text-decoration: underline;
}

.brxe-form .form-group ul.options-wrapper li * a:hover {
	text-decoration: none;
}

.bricks-nav-menu,
.bricks-mobile-menu {
	gap: 12px 40px;
}

@media screen and (max-width: 1024px) {
	.bricks-nav-menu,
	.bricks-mobile-menu {
		gap: 24px 32px;
	}
}

.bricks-mobile-menu {
	display: flex;
	flex-direction: column;
}

.bricks-mobile-menu-wrapper {
	padding: 40px 30px;
}

#bricks-one-page-navigation {
	z-index: 1;
	gap: 16px;
}
@media screen and (max-width: 768px) {
	#bricks-one-page-navigation {
		gap: 12px;
		right: 10px;
	}
}

.bricks-button {
	gap: 12px;
}

.greenfarm-shadow.brxe-image {
	box-shadow: none!important;
	filter: drop-shadow(0 0 12px rgba(214, 213, 215, 0.45));
}