/* 
 * GENERAL
 *  */

/* 	:root {
    
    --primary: #252f52;
    --secondary: #fc5778;
    --dark--text: #212121;
    --dark--bg: #262626;
    --light--text: #fff;
    --light--bg: #fefefe;
    
    --clr-button__bg: #252f52;
    --clr-button__txt: #f9f9e3;
    --clr-button__bg-hover: #faf7e2;
    --clr-button__txt-hover: #162c39;
    --clr-button--outline: #252f52;
    
}
*/

html {
    font-size: 10px;
}

body {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

:where(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) {
    font-weight: 700;
    line-height: 1.25;
}

h1,
.h1 {
    font-size: 5.6rem;
}

h2,
.h2 {
    font-size: 3.6rem;
}

h3,
.h3 {
    font-size: 2.8rem;
}

h4,
.h4 {
    font-size: 2rem;
}

h5,
.h5 {
    font-size: 1.8rem;
}

.brxe-heading.bricks-type-lead {}

.brxe-heading.bricks-type-hero {}

.brxe-section {
    padding-inline: clamp(24px, 5vw, 100px);
}

.brxe-container {
    width: 1240px;
}

.brxe-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 59px;
    min-width: 188px;
    width: max-content;
    font-size: 16px;
    text-align: center;
    color: var(--clr-button__txt);
    background-color: var(--clr-button__bg);
    border: 1px solid var(--clr-button__bg);
    transition: all .3s ease-in-out;
}

.brxe-button.bricks-background-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.brxe-button.bricks-background-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.brxe-button.bricks-background-dark {
    background-color: var(--dark--bg);
    border-color: var(--dark--bg);
    color: var(--light--text);
}

.brxe-button.bricks-background-light {
    background-color: var(--light--bg);
    border-color: var(--light--bg);
    color: var(--dark--text);
}

.brxe-button.outline {
    --main-clr: var(--clr-button--outline);

    color: var(--main-clr);
    border-color: var(--main-clr);
    background-color: transparent;
}

.brxe-button.outline.bricks-color-primary {
    --main-clr: var(--primary);
}

.brxe-button.outline.bricks-color-secondary {
    --main-clr: var(--secondary);
}

.brxe-button.outline.bricks-color-dark {
    --main-clr: var(--dark--text);
}

.brxe-button.outline.bricks-color-light {
    --main-clr: var(--light--text);
}

.brxe-button svg path {
    stroke: currentColor;
}

.brxe-button:hover {
    color: var(--dark--text);
    background-color: var(--clr-button__bg-hover);
    border-color: var(--clr-button__bg-hover);
}

.hidden {
    display: none !important;
}

/* ==================
	GRAVITY FORM
================= */
.gform_wrapper.gform-theme--foundation {
	--gform-fields-gap: 16px;
	--gform-field-padding-block: 12px;
	--gform-field-padding-inline: 16px;
	--gform-field-label-font-size: 14px;
	--gform-field-input-font-size: 14px;
}

.gform_wrapper.gform-theme--foundation .gform_required_legend {
	display: none;
}

.gform_wrapper.gform-theme--foundation form .gform_fields {
	gap: var(--gform-fields-gap);
}

.gform_wrapper.gform-theme--foundation form .gfield :where(input, select, textarea) {
	outline: none !important;
}

.gform_wrapper.gform-theme--foundation form .gfield select {
	color: inherit;
}

.gform_wrapper.gform-theme--foundation form .gfield input:not([type="checkbox"]):not([type="radio"]),
.gform_wrapper.gform-theme--foundation form .gfield :where(select, textarea) {
	border-width: 1px;
	border-style: solid;
	border-color: #26262680;
	border-radius: 8px;
}

/* --- Floating label --- */
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label) {
	position: relative;
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label) label {
	pointer-events: none;
	font-size: var(--gform-field-label-font-size);
	font-weight: 400;
	line-height: 1;
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(input:not([type="checkbox"]):not([type="radio"])) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(select, textarea) label {
	position: absolute;
	top: 0;
	left: var(--gform-field-padding-inline);
	transform: translateY(var(--gform-field-padding-block));
	transition: all .3s ease-in-out;
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(input:not([type="checkbox"]):not([type="radio"]):focus) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(input:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown)) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(textarea:focus) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(textarea:not(:placeholder-shown)) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(select:focus) label,
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(select option:checked) label {
	font-size: calc(var(--gform-field-label-font-size) * .8);
	padding: 2px 5px;
	background-color: #fff;
	transform: translateY(calc(var(--gform-field-padding-block) * -1));
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label) select:has(option.placeholder:checked),
.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label) .ginput_container *::placeholder {
	color: transparent;
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label):has(select option.placeholder:checked) label {
	opacity: 1;
}

.gform_wrapper.gform-theme--foundation form .gfield:not(.hidden_label) select option {
	color: var(--clr-dark);
}
/* --- END: Floating label --- */

.gform_wrapper.gform-theme--foundation form .gform-footer {
	position: relative;
}

.gform_wrapper.gform-theme--foundation form .gform-footer input.gform_button.button[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 6px 12px 5px;
	background-color: var(--clr-button__bg);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	color: var(--clr-button__txt);
	border: 1px solid var(--clr-button__bd);
	border-radius: var(--button-border-radius);
	outline: none !important;
	transition: var(--transition);
}

.gform_wrapper.gform-theme--foundation form .gform-footer input.gform_button.button[type="submit"]:hover {
	color: var(--clr-button__txt-hover);
	background-color: var(--clr-button__bg-hover);
	border-color: var(--clr-button__bg-hover);
}

.gform_wrapper.gform-theme--foundation form .gform-footer .gform-loader {
	position: absolute;
	right: 10px;
	border-block-end-color: var(--clr-primary);
    /* border-block-start-color: var(--gf-form-spinner-bg-color);
    border-inline-end-color: var(--gf-form-spinner-bg-color); */
    border-inline-start-color: var(--clr-primary);
}