body,
.editor-styles-wrapper {
  background-color: var(--wp--preset--color--white);
}

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


@media (max-width: 960px) {
  /* TODO: add into parent theme */
  .mobile-justify-space-between {
    justify-content: space-between !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;
}


header{
  width: 100%;
  position: fixed;
}
#header{
  background-color: var(--wp--preset--color--teal);
}

/* 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;
}
.entry-content{
  margin-top: 0;
}


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



/* customize */
.blue-overlay{
  position: relative;
  background-position: 50% 100%;
  z-index: 1;
}
.blue-overlay::after{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  background: rgb(0,83,86);
  background: linear-gradient(180deg, rgba(0,83,86,0.6) 0%, rgba(0,83,86,0.95) 100%);
}

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--light-blue) !important;
  color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--light-blue) !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 ---*/
.ginput_container input, .ginput_container textarea {
  font-family: 'Outfit'!important;
  color: #fff!important;
  padding: 0!important;
  border:none!important;
  border-radius: 0!important;
  border-bottom: 2px solid rgba(255, 255, 255,.3)!important;
  background-color: var(--wp--preset--color--black)!important;
}
.ginput_container textarea{
  height: 75px!important;
  min-height: unset!important;
}
.gform_wrapper{
  margin-top: 1rem;
}
.gform_fields{
  grid-row-gap: 20px!important;
}
#gform_submit_button_1,
#gform_submit_button_2{
  background: var(--wp--preset--color--teal);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--teal);
  font-family: "Outfit";
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  padding: .8rem 2rem!important;
  margin-bottom: 1.5rem;
}
#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--teal);
  border-color: var(--wp--preset--color--white);
}
.gform_confirmation_message{
  color: white!important;
}

/* Gutenberg missing features */

.contact-form {
  max-width: 350px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -36%);
  z-index: 1; 
}

/* classes to use (that aren't BlockStyles) */
.shadow{
  box-shadow: 4px 5px 6px 0px rgba(0,0,0,0.25);
}

.txt-shadow{
  text-shadow: 4px 5px 6px rgba(0,0,0,0.25);
}
/* mobile */
@media (max-width: 781px) {
  
}



.recycling-bg{
  background-size: 35%!important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* mobile */
@media (max-width:760px) {
  .contact-form {
    max-width: unset;
    width: 100%;
    right: unset;
    transform: unset;
  }

  .blue-overlay .wp-block-columns{
  padding-top: 16rem!important;
  }
  .blue-overlay {
    margin-bottom: 16rem!important;
  }

  header{
    position: fixed;
  }
}