/*
 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
*/
body {
  transition: all .3s ease;
}


header .bricks-nav-menu .current-menu-item {
  position: relative;
}
header .bricks-nav-menu .current-menu-item:after {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 120%;
  left: -10%;
  height: 8px;
  background-color: var(--blue);
  border-radius: 0 0 0 8px;
}

.header_nav_quote a {
  padding: 0 var(--space-l);
  background-color: var(--red);
  border: solid 2px var(--red);
  border-radius: 10px;
  color: #fff;
  font-weight: 900 !important;
  transition: all .5s ease;
}
.header_nav_quote a:hover {
  background-color: transparent;
  color: var(--red);
}
.header_nav_quote:after {
  display: none;
}
.services-carousel .splide__slide {
  justify-content: space-between !important;
}
.brxe-list .meta {
  width: 175px;
}
.section_subheading strong {
  font-size: 1.4em;
  display: block;
}
.section_subheading_red strong {
  color: var(--red);
}
.section_subheading_blue strong {
  color: var(--blue);
}
.section_subheading_green strong {
  color: var(--green);
}

#brx-footer a:hover {
  color: var(--red);
}

.gform_heading {
  margin-bottom: 1em !important;
}
.gform_title {
  font-size: var(--text-xl) !important;
  color: var(--green) !important;
}
.gfield_required {
  color: var(--black) !important;
}
.gform_button {
  margin-top: -25px !important;
  padding: var(--space-s) var(--space-2xl) !important;
  background-color: var(--green) !important;
  border-radius: 10px !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  transition: all .5s ease !important;
  border: solid 2px var(--green) !important;
}
.gform_button {
  margin-top: 25px !important;
}
.gform_button:hover {
  background-color: transparent !important;
  color: var(--green) !important;
}
.gform_button_select_files {
  background-color: transparent !important;
  border-radius: 100px !important;
  border-color: var(--black) !important;
  color: var(--black) !important;
  transition: all .5s ease !important;
}
.gform_button_select_files:hover {
  background: var(--black) !important;
  color: #fff !important;
}
.form_heading {
  font-size: var(--text-xl);
  color: var(--green);
  margin-bottom: -25px;
}

@media only screen and (max-width: 1440px) and (min-width: 991px) {
  .contact_form {
    width: 60% !important;
  }
  .contact_info_map {
    width: 40% !important;
  }
}