/*
 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.1
 Text Domain:  bricks
*/

:root {
	--primary-color: #75BE43;
	--secondary-color: #002F47;
	--white-color: #ffffff;
	--bg-color: #F5F7F2;
	--divider-color: #002F471A;
}

.brxe-heading span {
	color: var(--primary-color);
}

.sub-title {
    margin-bottom: 15px;
	padding: 4px 20px 4px 36px;
	position: relative;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6em;
	border-radius: 24px;
	text-transform: capitalize;
    color: var(--primary-color);
    background: var(--bg-color);
}

.sub-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    width: 6px;
    height: 6px;
	border-radius: 50%;
	transform: translateY(-50%);
    background: var(--primary-color);
}

.sub-title-primary {
    margin-bottom: 15px;
	padding: 4px 20px 4px 36px;
	position: relative;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6em;
	border-radius: 24px;
	text-transform: capitalize;
    color: var(--white-color);
    background: var(--primary-color);
}

.sub-title-primary:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    width: 6px;
    height: 6px;
	border-radius: 50%;
	transform: translateY(-50%);
    background: var(--white-color);
}

.brxe-button {
	position: relative;
	margin-right: 50px;
	z-index: 1;
}

.brxe-button.bricks-background-primary:before {
	content: '';
    position: absolute;
    top: 50%;
    right: -50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url('assets/icons/arrow-white.svg');
	background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: var(--secondary-color);
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.brxe-button.bricks-background-primary:hover:before {
    transform: translateY(-50%) rotate(0deg);
}

.brxe-button.bricks-background-primary:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    opacity: 0;
	z-index: -1;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
	background-color: var(--secondary-color);
}

.brxe-button.bricks-background-primary:hover:after {
    left: 0;
    right: 0;
    opacity: 1;
}

.brxe-button.bricks-background-secondary:hover {
	color: var(--secondary-color) !important;
}

.brxe-button.bricks-background-secondary:before {
	content: '';
    position: absolute;
    top: 50%;
    right: -50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url('assets/icons/arrow-white.svg');
	background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: var(--primary-color);
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.brxe-button.bricks-background-secondary:hover:before {
    transform: translateY(-50%) rotate(0deg);
}

.brxe-button.bricks-background-secondary:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    opacity: 0;
	z-index: -1;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
	background-color: var(--white-color);
}

.brxe-button.bricks-background-secondary:hover:after {
    left: 0;
    right: 0;
    opacity: 1;
}

/* Form  */
/* .gform_wrapper .gform_confirmation_message {
    padding: 10px 16px;
    font-size: 14px;
    color: #155724;
    text-align: center;
    border: 1px solid #C3E6CB;
    background-color: #D4EDDA;
} */

.gform_wrapper.gform-theme--framework .gform_validation_errors,
.gform_wrapper.gform-theme--framework .gform_heading {
    display: none;
}

.gform_wrapper form .gform-body .gform_fields {
    row-gap: 20px;
}

.gform_wrapper form .gfield .ginput_container_text input,
.gform_wrapper form .gfield .ginput_container_email input,
.gform_wrapper form .gfield .ginput_container_phone input,
.gform_wrapper form .gfield .ginput_container_select select,
.gform_wrapper form .gfield .ginput_container_textarea textarea {
	display: flex;
  	align-items: center;
    padding: 10px 20px;
	font-size: 16px;
	line-height: 28px;
	min-height: 50px;
	border-radius: 12px;
	outline: none !important;
	border: 1px solid var(--divider-color);
	background-color: var(--white-color);
}

.gform_wrapper form .gfield .validation_message {
  margin-left: 4px;
}

.gform_wrapper form .gfield .ginput_container_text input::placeholder,
.gform_wrapper form .gfield .ginput_container_email input::placeholder,
.gform_wrapper form .gfield .ginput_container_phone input::placeholder,
.gform_wrapper form .gfield .ginput_container_textarea textarea::placeholder {
    color: inherit;
	opacity: .55;
}

.gform_wrapper form .gform-footer {
	margin-top: 40px;
    position: relative;
    display: flex;
    justify-content: start;
    flex-direction: row-reverse;
}

.gform-theme.gform-theme--framework.gform_wrapper form .gform-footer.gform_footer .gform_button.button {
	padding: 17px 30px;
	font-size: 16px;
    font-family: "Onest";
    font-weight: 700;
    line-height: 1;
    text-transform: capitalize;
    border-radius: 100px;
    color: var(--white-color);
	background-color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

.gform-theme.gform-theme--framework.gform_wrapper form .gform-footer.gform_footer .gform_button.button:hover {
	background-color: var(--secondary-color);
}

.gform-theme.gform-theme--framework.gform_wrapper form .gform-footer.gform_footer .gform-loader {
    position: absolute;
    top: 50%;
    left: 18px;
    translate: -50% -50%;
}
/* End Form */