/* 
================================================================================

Theme Name:     MADAUS Vermögensverwaltung (Child)
Theme URI:      http://www.madaus.com

Description:    Child Theme of MADAUS Group.

Template:       madaus

Author:         WELCOME Marketing
Author URI:     http://www.welcome.ag

Version:        1.0

================================================================================
*/

/*============================================================================*/
/* ----- TEMPLATE & THEME ----- */
/*============================================================================*/

/* ----- GENERAL ----- */

ul.has-arrows li:before {
  background: var(--wp--preset--color--brown);
}

/* ----- HEADER ----- */

body.scrolled header {
  border-bottom-color: var(--wp--preset--color--brown);
}

#logo {
  border-bottom-color: var(--wp--preset--color--brown);
}

body.scrolled #logo {
  padding-bottom: 0;
}

.cover-title.top-right {
  top: 35%;
  right: 10%;
  padding-right: 80px;
}

/* ----- MAIN ----- */

/* Animated Chart */
.wp-block-group.animated-chart {
  position: relative;
}

.wp-block-group.animated-chart p {
  width: 100%;
}

.wp-block-group.animated-chart > *:not(:first-child) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.wp-block-button.str-cta .wp-block-button__link {
  padding-top: 14px !important;
  padding-right: 45px !important;
  padding-bottom: 10px !important;
  padding-left: 45px !important;
  border-radius: 0;
}
/* ----- FOOTER ----- */

.madaus-footer-logo {
  border-left-color: var(--wp--preset--color--brown);
}

/*============================================================================*/
/* ----- BLOCK ADJUSTMENTS ----- */
/*============================================================================*/

/* Group Block */
.wp-block-group.is-flex-cover {
  border-bottom-color: var(--wp--preset--color--brown);
}

/*============================================================================*/
/* ----- FORMS ----- */
/*============================================================================*/

.gform_heading {
  display: none !important;
}

.gform-theme--framework
  .gform-field-label
  > .gfield_required:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ) {
  color: var(--wp--preset--color--dark-blue);
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-email,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-phone,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-select,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-text {
  display: flex;
  flex-direction: column;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-email > label,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-phone > label,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-select > label,
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-text > label {
  order: 2;
  margin-bottom: 0;
}

.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-email
  > .ginput_container,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-phone
  > .ginput_container,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-select
  > .ginput_container,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-text
  > .ginput_container {
  order: 1;
  margin-bottom: 8px;
}

.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-email
  > .gfield_validation_message,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-phone
  > .gfield_validation_message,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-select
  > .gfield_validation_message,
.gform-theme--framework:where(:not(.gform_editor))
  .gfield--type-text
  > .gfield_validation_message {
  order: 3;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
  height: 0;
  border: none;
  padding-bottom: 0;
}

.gform-theme--framework
  select:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ),
.gform-theme--framework
  input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ) {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  box-shadow: none;
}

.gform-theme--framework
  input[type="checkbox"]:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
}

.gfield_error
  input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ):focus,
.gform-theme--framework
  select:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ):focus,
.gform-theme--framework
  input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ):focus {
  --gf-local-border-color: var(--wp--preset--color--dark-blue) !important;
  --gf-local-outline-color: rgba(0, 0, 0, 0) !important;
  --gf-local-outline-width: 0 !important;
}

#field_1_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

#field_1_1 .gfield_label.gform-field-label.gfield_label_before_complex {
  flex: 1 1 25%;
  margin-bottom: 0;
}

#field_1_1 .ginput_container.ginput_container_checkbox {
  flex: 1 1 75%;
}

@media only screen and (max-width: 930px) {
  #field_1_1 .gfield_label.gform-field-label.gfield_label_before_complex {
    flex: 1 1 28%;
  }
  #field_1_1 .ginput_container.ginput_container_checkbox {
    flex: 1 1 72%;
  }
}

@media only screen and (max-width: 780px) {
  #field_1_1 .gfield_label.gform-field-label.gfield_label_before_complex {
    flex: 1 1 38%;
  }
  #field_1_1 .ginput_container.ginput_container_checkbox {
    flex: 1 1 62%;
  }
}

@media only screen and (max-width: 600px) {
  #field_1_1 .gfield_label.gform-field-label.gfield_label_before_complex {
    flex: 1 1 46%;
  }
  #field_1_1 .ginput_container.ginput_container_checkbox {
    flex: 1 1 54%;
  }
}

@media only screen and (max-width: 480px) {
  #field_1_1 {
    flex-wrap: wrap;
  }
  #field_1_1 .gfield_label.gform-field-label.gfield_label_before_complex {
    margin-bottom: 12px;
    flex: 1 1 100%;
  }
  #field_1_1 .ginput_container.ginput_container_checkbox {
    flex: 1 1 100%;
  }
}

#input_1_1 {
  flex-direction: row;
}

#field_1_12 {
  font-size: var(--wp--preset--font-size--s);
}

#field_1_12 a {
  color: var(--wp--preset--color--dark-blue);
}

.gform-footer.gform_footer {
  justify-content: center;
}

.gform-theme.gform-theme--framework.gform_wrapper
  .button:where(
    :not(.gform-theme-no-framework):not(.gform-theme__disable):not(
        .gform-theme__disable *
      ):not(.gform-theme__disable-framework):not(
        .gform-theme__disable-framework *
      )
  ) {
  padding-top: 12px !important;
  padding-right: 45px !important;
  padding-bottom: 10px !important;
  padding-left: 45px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  height: auto;
}

.form-required-note p {
  font-size: var(--wp--preset--font-size--xs);
}

.form-required-note .required-indicator {
  color: var(--wp--preset--color--dark-blue);
}

/*############################################################################*/
/* ----- BREAKPOINT @ 1024 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 1024px) {
  /* ----- HEADER ----- */

  header {
    border-bottom-color: var(--wp--preset--color--brown);
  }

  nav#main-menu {
    border-bottom-color: var(--wp--preset--color--brown);
  }

  /* ----- MAIN ----- */

  /* Animated Chart */
  .wp-block-group.animated-chart p {
    font-size: 1.25rem !important;
  }

  .is-child-img-bg {
    background-position: 67% 0 !important;
  }
  .is-mother-daughter-img {
    background-position: 38% 0 !important;
  }
  .is-father-son-img {
    background-position: 40% 0 !important;
  }

  .five-pillars {
    hyphens: auto;
  }

  /*############################################################################*/
  /* ----- BREAKPOINT @ 930 Pixel ----- */
  /*############################################################################*/

  @media only screen and (max-width: 930px) {
    .wp-block-columns.five-pillars {
      flex-wrap: wrap !important;
    }
    .wp-block-columns.five-pillars > .wp-block-column {
      flex: 1 0 100% !important;
    }
  }

  /* ----- FOOTER ----- */

  .madaus-footer-logo {
    border-left: 0;
    border-top-color: var(--wp--preset--color--brown);
  }
} /* <--- END OF BREAKPOINT */

/*############################################################################*/
/* ----- BREAKPOINT @ 780 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 780px) {
  .wp-block-getwid-counter__number {
    font-size: var(--wp--preset--font-size--ultralarge);
  }
  .centered-mobile {
    text-align: center;
  }
  .mt-mobile {
    margin-top: var(--wp--preset--spacing--80) !important;
  }

  .mt-0-mobile {
    margin-top: 0 !important;
  }

  .mb-mobile {
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .my-0-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .pt-0-mobile {
    padding-top: 0 !important;
  }

  .row-gap-100-mobile {
    row-gap: var(--wp--preset--spacing--100) !important;
  }

  .has-global-padding-mobile {
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
  }
  .wp-block-separator {
    max-width: 75% !important;
  }

  .is-father-son-img {
    background-position: 47% 0 !important;
  }
} /* <--- END OF BREAKPOINT */

/*############################################################################*/
/* ----- BREAKPOINT @ 600 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 600px) {
  /* ----- CONTENT BLOCKS ----- */

  .cover-title.top-right {
    top: unset;
    right: unset;
    padding-right: 0;
  }

  .has-background {
    background-position: 55% 0;
  }

  .wp-container-core-group-is-layout-24926227 {
    background-position: 50% 0%;
  }

  .wp-block-columns-is-layout-flex {
    gap: 0;
  }
  .wp-container-core-group-is-layout-03805e62 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-image-2512 {
    max-width: 200px !important;
  }
  .wp-block-image {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }

  .has-reduced-padding-mobile {
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
  }
  .has-reduced-padding-mobile .wp-block-image {
    margin-top: 0 !important;
  }

  .has-gap-mobile {
    gap: 2.5rem !important;
  }
} /* <--- END OF BREAKPOINT */