body,
.editor-styles-wrapper {
  background-color: #000;
  color: #fff;
}
.editor-styles-wrapper h1.wp-block-post-title {
  color: white !important;
}

.wp-block-image img {
  /* WP 6.3 doesn't let this work with "defined" image sizes now */
  height: auto !important;
}

/* better default to use? */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}

/* elements that are first remove the owl selector -- talk to visbility selector plugin dev */
.remove-top-margin {
  margin-top: 0 !important;
}

/* TODO: parent theme default? */
.wp-element-button > * {
  vertical-align: middle;
}


/* TODO: remove from parent */
header .wp-block-navigation {
  order: unset;
}
.equal-height-cols>.wp-block-column {
  max-width: none;
}

/* Smoother scrolling on same-page transitions */
/* prefers-reduced-motion for accessability */
@media (prefers-reduced-motion:no-preference) {
  html{
    scroll-behavior: smooth;
  }
}

/* hover transition for all transitionable effects */
.gfield input:hover, .gfield select:hover, .gfield textarea:hover,
.gfield input:focus, .gfield select:focus, .gfield textarea:focus,
a,
button{
  transition: var(--wp--custom--transition);
}


/* block social lacks this option */
.wp-block-social-links svg:hover {
  color: var(--wp--preset--color--orange) !important;
}

div h2 a:focus,
div h2 a:hover,
div h3 a:focus,
div h3 a:hover {
  color: var(--wp--preset--color--orange) !important;
}

/* customize */

h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
  margin-top: 0; /* WC non-block items */
}


/* parent theme override */
.wp-site-blocks .wp-block-group .wp-block-button__link:focus,
.wp-site-blocks .wp-block-group .wp-block-button__link:hover,
.wp-site-blocks .wp-block-group .wp-block-button__link:active {
  background: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--red) !important;
  border-color: var(--wp--preset--color--white) !important;
}
.wp-site-blocks .wp-block-group .wp-block-button__link:focus img,
.wp-site-blocks .wp-block-group .wp-block-button__link:hover img,
.wp-site-blocks .wp-block-group .wp-block-button__link:active img {
  filter: brightness(100);
}



/*--- Gravity Forms customization ---*/
.gform_footer input[type=submit]{
  background-color: var(--wp--preset--color--black)!important;
  font-weight: 700!important;
  font-size: var(--wp--preset--font-size--medium)!important;
  padding: .75em 1.7em!important;
  border-radius: 5px!important;
}
.gform_footer input[type=submit]:hover {
  /* Limitation: Can't change this via editor yet */
  background: var(--wp--preset--color--red)!important;
}

.gfield input, .gfield select, .gfield textarea {
  border: none!important;
  border-bottom: 2px solid var(--wp--preset--color--black)!important;
  border-radius: 0!important;
  color: black!important;
  padding: 1.5em 0!important;
  box-shadow: none!important;
  position: relative!important;
}

.gfield input:hover, .gfield select:hover, .gfield textarea:hover,
.gfield input:focus, .gfield select:focus, .gfield textarea:focus{
  background-color: #f4f4f4!important;
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
  padding-left: 1em!important;
}

.gfield textarea.small{
  min-height: 80px!important;
  height: 80px;
}

.gform_fields{
  grid-row-gap: 20px!important;
}

.gform-theme--framework {
  --gf-ctrl-font-size: 16px !important;
}




/* Gutenberg missing features */



/* classes to use (that aren't BlockStyles) */
.member-application a{
  display: flex;
  gap: 12px;
  align-items: center;
}

.member-application a::after,
.member-application a::before{
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  transition: var(--wp--custom--transition);
}

.member-application a::before{ 
  background-image: url('/wp-content/uploads/2024/10/Group-4.svg');
  width: 31px; height: 26px;
}
.member-application a:hover::before{ 
  background-image: url('/wp-content/uploads/2024/10/Group-Red.svg');
}

.member-application a::after {
  background-image: url('/wp-content/uploads/2024/10/Arrow.svg');
  width: 0px; height: 26px;
}
.member-application a:hover::after{ 
  width: 22px;
}

/* mobile */
@media (max-width: 781px) {
  .member-application a::after,
  .member-application a::before{
    display: none;
  }


  .mobile-alignend{
    align-items: flex-end!important;
  }


  .home-column{
    gap: 0!important;
  }
  .home-column.reverse{
    flex-direction: column-reverse;
  }
}







/* BlockStyle Variations to use (see functions.php) */
.is-style-underline:after {
  content: '';
  display: block;
  width: 87px;
  height: 3px;
  background-color: var(--wp--preset--color--red);
  margin-top: 2rem;
}

/* Custom Block Overrides */
/* -none- */


/* Custom Shortcodes Overrides */