/*
 Theme Name:   EHF – 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
*/


/*********************************
	GENERAL
*********************************/


/*********************************
	TYPOGRAPHY
*********************************/
h2 span {color: var(--primary);}

.list-arrow ul {list-style: none!important; padding-left: 0;}
.list-arrow ul li {padding-left: var(--space-xs); list-style: none!important;}
.list-arrow ul li:before {
  content: "\f3d1"; /* Ionicons Unicode */
  font-family: 'Ionicons';
  display: inline-block;
  margin-left: calc(-1*var(--space-xs)); /* same as padding-left set on li */
  width: var(--space-xs); /* same as padding-left set on li */
  color: var(--base-medium);
  margin-right: .1em;
}

/*********************************
	HEADER
*********************************/

/*SVG Animated Menu Icon*/
svg.ham {
  --icon-size: 5rem;
  width: var(--icon-size);
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-active .hamRotate {
  transform: rotate(45deg);
}
.is-active .hamRotate180 {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#000;
  stroke-width:5.5;
  stroke-linecap:round;
}
.toggle-mobile-light .line {
  stroke:#fff;
}
#brx-header.scrolling .toggle-mobile-light .line {
  stroke:var(--base);
}

.ham4 .top {
  stroke-dasharray: 40 121;
}
.ham4 .bottom {
  stroke-dasharray: 40 121;
}
.is-active .ham4 .top {
  stroke-dashoffset: -68px;
}
.is-active .ham4 .bottom {
  stroke-dashoffset: -68px;
}
/*END SVG Animated Menu Icon*/

/*********************************
	SPECIFIC ELEMENT
*********************************/
.card-services {transition: all ease-in-out .3s;}
.card-services:hover {transform: translateY(-10px); box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.15);}

.card-stats {
	background: rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: var(--radius-m);
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.card-address {
	background: rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: var(--radius-m);
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.card-deal-stats {
	background: rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: var(--radius-m);
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.animated-on-scroll #edUzxnr47uB3_to,
.animated-on-scroll #edUzxnr47uB4_to {
  animation-play-state: paused;
}

.faq .brx-open .faq-title--icon-open {display: none!important;}
.faq .brx-open .faq-title--icon-close {display: block!important;}
.faq-item {gap: var(--space-xs);}

a.card-team--icon-circle {
    text-decoration: none;
    transition: all ease-in-out .3s;
}

a.card-team--icon-circle:hover {
    background-color: var(--base-dark);
}

.card-contact-us-address {
	background: var(--neutral-ultra-light);
	border-radius: var(--radius-m);
	border: 1px solid rgba( 0, 0, 0, 0.18 );
}

/*********************
	GRAVITY FORMS
*********************/
.gform-theme--foundation .gform_fields {row-gap: var(--space-m)!important;}

/*Labels*/
.gform_wrapper .gform_body .gfield_label {font-family: 'Domine', serif!important; font-size: var(--text-m)!important; margin-bottom: 5px!important; color: var(--base);}
.gfield_description {color: var(--base)!important; font-size: var(--text-m)!important; font-weight: 400; padding-bottom: 10px!important;}
.gfield, .gfield--width-half {margin-bottom: 0px!important;}
.ginput_complex label {font-size: var(--text-s)!important; font-weight: normal; line-height: 1; padding-top: 5px; margin-bottom: 0!important;  color: var(--base)!important;}
.gform_wrapper .gform_body legend {border-bottom: 0;}

/*Inputs*/
.gform_wrapper .gform_body input, 
.gform_wrapper .gform_body select, 
.gform_wrapper .gform_body textarea
 {
	background-color: rgba(255, 255, 255, 0.85);
	font-size: 15px;
	padding-left: 15px!important;
	padding-right: 15px!important;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.gform_wrapper .gform_body input {height: 49px!important;}
.gform_wrapper .gform_body select {height: 43px!important;     line-height: 1.2em;}
.gform_wrapper .gform_body textarea {padding-top: 12px!important;}
.gform_wrapper .gfield_radio input {height: 35px!important; box-shadow: none!important;}
.gform_wrapper .ginput_container_fileupload input {border: 0!important; box-shadow: none!important; height: 30px!important; padding-left: 0!important; border-radius: 0!important;}
.gform_wrapper .gfield--type-fileupload .gfield_description {padding-bottom: 20px!important;}

.gform_wrapper .gform_body .ginput_container_checkbox  {margin-top: 5px!important; padding-top: 0; border-top: 1px solid #ccc; }
.gfield_checkbox .gchoice {margin-top: 15px;}
.gform_wrapper .gform_body .gfield_checkbox input {box-shadow: none; font-size: 17px!important; margin-right: 10px; line-height: 15px; height: auto!important;}
.gform_wrapper .gform_body .gfield_checkbox label {font-size: 17px!important; font-weight: normal; padding-top: 2px;}
.gf_list_3col {margin-bottom: 0px!important;}

.gform_wrapper .gform_body input:focus, .gform_wrapper .gform_body select:focus, .gform_wrapper .gform_body textarea:focus {
	background-color: rgba(255, 255, 255, 0.95);
	color: #242424; 
}

/*Submit Button Area*/
.gform_wrapper .gform_footer {text-align: center; margin-top: 20px!important; padding: 0px!important;}

.gform_wrapper .gform_footer input[type=submit] {
	font-family: 'Inter', sans-serif;
	padding: 12px 25px;
	letter-spacing: 1px;
	font-size: 20px!important;
	font-weight: 400!important;
	background: none;
	border: 0px solid var(--primary);
	border-radius: 0px;
	height: auto!important;
	color: #fff;
	background: var(--primary);
	margin-bottom: 0!important;
  transition: all ease-in-out .2s;
}

.gform_wrapper .gform_footer input[type=submit]:hover {background: var(--primary-ultra-dark); border: 0px solid var(--primary-ultra-dark); color: #fff; }

.gform_confirmation_wrapper .gform_confirmation_message {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Inter', sans-serif;
}


/*.gform_wrapper .gform_body {margin-top: 0!important;}

.gform_wrapper .gform_body .gfield, .gform_wrapper .gform_body .gfield.gf_right_half, .gform_wrapper 


.gform_wrapper .gform_body .field_sublabel_below .ginput_complex.ginput_container label {margin-bottom: 0;}


.gform_wrapper .gform_body .gfield_required {display: none;}


*/

/** Errors **/
.gform_wrapper .gform_body div.validation_error {color: #fff; background-color: #cc2222;}
.gform_wrapper .gform_body li.gfield.gfield_error, .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: #cca7a7;}
.gform_wrapper .gform_body .validation_message {color: #cc2222;}

/** Hide AJAX Spinner **/
body img.gform_ajax_spinner {display: none !important;}

/*Form Specific*/


/**************************************************************
	PAGE SPECIFIC
**************************************************************/


/*********************************
	FOOTER
*********************************/




/**************************************************************
	MOBILE STYLES
**************************************************************/

@media (min-width: 992px){

} /*** GREATER THAN 992PX BREAKPOINT ***/


@media (max-width: 992px){

} /*** END OF 992PX BREAKPOINT ***/

@media (max-width: 768px){

} /*** END OF 768PX BREAKPOINT ***/

@media (max-width: 480px){

} /*** END OF 480PX BREAKPOINT ***/