body,
.editor-styles-wrapper {
  color: var(--wp--preset--color--dark-blue);
}
.editor-styles-wrapper h1.wp-block-post-title {
  color: black !important;
}



/* TODO: parent theme default? */
mark {
  color: inherit;
}
.wp-element-button > * {
  vertical-align: middle;
}
@media (max-width: 781px) {
  div.wp-block-columns.mobile-unset-gap {
    gap: unset ;
  }
  .mobile-position-relative {
    position: relative;
  }
  .mobile-grid-stack {
    grid-template-columns: 1fr;
  }
}


/* TODO: remove from parent */
body {
  line-height: 1.2;
}
header .wp-block-navigation {
  order: unset;
}


.header-section .wp-block-columns {
    row-gap: 10px;
}

a {
  color: var(--wp--preset--color--almost-black);
}
a:hover,
a {
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}





/*--- Gravity Forms customization ---*/
#gform_wrapper_1,
#gform_wrapper_2 {
  margin-block-start: 0; /* bug or issue, not needed for some pages */
}
#gform_wrapper_1 .gform_fields,
#gform_wrapper_2 .gform_fields {
  row-gap: 12px;
}
#gform_submit_button_1:hover,
#gform_submit_button_2:hover,
#gform_submit_button_1:focus,
#gform_submit_button_2:focus {
  /* Limitation: Can't change this via editor yet */
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
}
legend.gform-field-label {
  display: block !important; /* asterisk new line fix */
}
.gform-button {
  white-space: nowrap;
  padding-right: 0 !important;
  padding-left: 0 !important;
}



/* Classes to use (that aren't BlockStyles) */
.shocked-person {
  bottom: 0;
  right: 0;
}
.money-hand,
.img-bottom {
  bottom: 0;
}
.img-top-left {
  top: -10px;
  left: -40px;
}
.row-gap-0 {
  row-gap: 0 !important;
}
@media (max-width: 781px) {
  .mobile-box-300 {
    max-width: 300px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* BlockStyle Variations to use (see functions.php) */




/* Responsive Customization  */
@media (max-width: 640px) {
  .intro-content {
    padding-bottom: 250px !important;
  }
  .shocked-person {
    margin-bottom: -32px !important;
    right: auto !important;
    transform: translateX(-50%);
    margin-left: 50%;
  }
}