body,
.editor-styles-wrapper {
  background-color: #fff;
  color: #000;
}
.editor-styles-wrapper h1.wp-block-post-title {
  color: black !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:is(:hover, :active, :focus),
.gfield select:is(:hover, :active, :focus),
.gfield textarea:is(:hover, :active, :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 */
/* we add an exception to exclude any custom buttons */
.wp-site-blocks .wp-block-group .wp-block-button:not(.exclude-hover) .wp-block-button__link:is(:hover, :active, :focus) {
  background: var(--wp--preset--color--black) !important;
  color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--black) !important;
}
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) img {
  filter: brightness(100);
}
/* End of base template css */
/* ------------------------------------------ */


/* ------------------------------------------ */
/* Gravity form styles (Base) */
/*--- Gravity Forms customization ---*/
.gform_wrapper{
  margin-top: 0;
}

.gform_footer input[type=submit]{
  /* submit button stles */
  border: 1px solid var(--wp--preset--color--black)!important;
  background-color: var(--wp--preset--color--white)!important;
  color: var(--wp--preset--color--black)!important;

  padding: 11px 21px!important;
  font-size: 22px!important;
  text-transform: uppercase;
  font-weight: 300!important;
}
.gform_footer input[type=submit]:is(:hover, :active, :focus) {
  /* submit button hover */
  background-color: var(--wp--preset--color--black)!important;
  color: var(--wp--preset--color--white)!important;
}

.gfield input, .gfield select, .gfield textarea {
  /* gravity form field styles */
  border-radius: 5px!important;
  border: 2px solid #edeaeb!important;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.05)!important;
  padding: 19px 19px!important;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(0,0,0,.4)!important;
  text-transform: uppercase;  
}
.gfield *:is(input, textarea):not(:placeholder-shown) {
  color: var(--wp--preset--color--black)!important;
  text-transform: unset;
}

.gform_fields{
  /* Gform field spacing */
  grid-row-gap: 13px!important;
}


/* ------------------------------------------ */
/* Hero */
.hero .wp-block-cover__image-background {
  z-index: 1!important;
  filter: grayscale(100%) brightness(100%)!important;
  opacity: .15!important;
}
.hero .wp-block-cover__background {
  z-index: 0!important;
  opacity: 1!important;
}
.hero-content {
  margin-top: 90px!important;
  padding-bottom: 8rem!important;
}

/* Read more (Home) */
@media (min-width: 781px) {
  .home .hero::before {
    content: "Scroll";
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(-90deg);
  }

  .home .hero::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="70" viewBox="0 0 6 70" fill="none"><path d="M3 70L5.88675 65L0.113251 65L3 70ZM3 0L2.5 2.18557e-08L2.5 65.5L3 65.5L3.5 65.5L3.5 -2.18557e-08L3 0Z" fill="white"/></svg>');
    transform: translate(33px, calc(100% + 30px));
  }

  .home .hero::before,
  .home .hero::after {
    position: absolute;
    left: 2rem;
    bottom: 10vh;
    z-index: 10;
  }
}

/* header (Global)*/
header.wp-block-template-part {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  z-index: 3;
}
.editor-styles-wrapper .header {
  background-color: #4c4c4c;
}

/* ------------------------------------------ */
/* Popup form, function */
#toggle-form:is(:hover) {
  background-color: lime;
}
.popup-form .arrow {
  transform: rotate(180deg);
  transition: transform .75s ease-in-out;
}
.popup-form.active .arrow{
  transform: rotate(0deg);
}
.popup-form {
  gap: 0;
  position: relative;
  top: 100%;
  margin-top: 2rem;
  border-radius: 8px;
  overflow: hidden;
  transition: 
    margin-top .65s ease-in-out, 
    top .65s ease-in-out, 
    box-shadow .35s ease-in-out,
    background-color .35s ease-in-out;

}
.popup-form:is(:hover) {
  box-shadow: 2px 4px 4px 0px #ffffff80;
}
#toggle-form:is(:hover)  {
  background-color: #f2f2f2!important;
}
.popup-form.active {
  top: 0%;
  margin-top: 0rem;
}
.popup-form .content {
  max-height: 0px!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  overflow: hidden;
  transition: all .75s ease-in-out;
}
.popup-form.active .content {
  max-height: 600px!important;
  padding-top: 18px!important;
  padding-bottom: 18px!important;
  overflow: visible;
}
/* End of popup form, funciton */

/* ------------------------------------------ */
/* Popup form */
/*--- Gravity Forms customization ---*/
.popup-form .gform_footer input[type=submit]{
  /* submit button stles */
  background-color: var(--wp--preset--color--black)!important;
  color: var(--wp--preset--color--white)!important;
  text-transform: uppercase!important;
  font-weight: 700!important;
  font-size: var(--wp--preset--font-size--medium)!important;
  padding: 12px 26px!important;
  border-radius: 6px!important;
  border: none!important;
}
.popup-form .gform_footer input[type=submit]:is(:hover, :active, :focus) {
  /* submit button hover */
  background-color: var(--wp--preset--color--green);
}
.popup-form .gfield input, 
.popup-form .gfield select, 
.popup-form .gfield textarea {
  /* gravity form field styles */
  border: none!important;
  box-shadow: none!important;
  padding: 14px!important;
  block-size: 49px!important;

  /* colors */
  background-color: #f2f2f2;
  color: rgba(13,24, 46, .4);

  /* fonts */
  font-family: Jost;
  font-size: 17px;
  line-height: 21px;
  text-transform: initial!important;
}
/* Filled in value styles */
.popup-form .gfield *:is(input, textarea):not(:placeholder-shown) {
  color: #0D1A2E;
}
.popup-form .gfield select:has(option:not(:first-child):checked) {
  color: #0D1A2E!important;
}
.popup-form .gform_fields{
  /* Gform field spacing */
  grid-row-gap: 10px!important;
}
/* End of Popup form */
/* End of Hero */
/* ------------------------------------------ */
/* Miscellaneous */
/* Underlines */
.white-underline::after,
.black-underline::after,
.green-underline::after {
  content: '';
  display: block;
  width: 60px;
  height: 5px;
  margin-top: 32px;
}
.green-underline::after {
  background-color: #236312;
  margin-top: 16px;
}
.white-underline::after {
  background-color: var(--wp--preset--color--white);;
}
.black-underline::after {
  background-color: var(--wp--preset--color--black);
}
.center-underline::after {
  margin-inline: auto;
}
@media (max-width: 780px) {
  .mobile-center-underline::after {
    margin-inline: auto;
  }
}

/* Read More arrow (Services)*/
.read-more::after {
  margin-left: 1ch;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 19 16" fill="none"><path d="M18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM0 8V9H18V8V7H0V8Z" fill="black"/></svg>');
}

/* White footer (Services, Home) */
.white-footer,
.sage-footer { position: relative;}
.white-footer *,
.sage-footer * {
  z-index: 2;
}
.sage-footer::after,
.white-footer::after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0; left: 0;
  z-index: 1;
}
.white-footer::after {
  height: 60px;
  background-color: var(--wp--preset--color--white);
}
.sage-footer::after {
  height: 25%;
  background-color: var(--wp--preset--color--sage-green);
}


/* Custom strong (Glboal)*/
.wp-block-group p strong,
.wp-block-list strong {
  font-weight: 700;
}

/* List (Global)*/
ul.wp-block-list li{
  margin-left: 1rem;
	list-style-image: url('data:image/svg+xml,<svg transform="scale(0.5) translate(0, 10)" transform-origin="center" xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 7 9" fill="none"><path d="M1.18398 8.38702L6.0684 4.75502C6.14709 4.69648 6.21034 4.62379 6.25381 4.54195C6.29727 4.46011 6.31993 4.37104 6.32023 4.28087C6.32052 4.19069 6.29845 4.10155 6.25552 4.01954C6.21258 3.93753 6.14981 3.8646 6.07151 3.80576L1.21089 0.155171C0.746941 -0.193225 0.0276074 0.0935187 0.0258613 0.627547L0.0020466 7.91117C0.000300525 8.44519 0.71775 8.73468 1.18398 8.38702Z" fill="%23236312"/></svg>');/* Use translate(X, Y) to position the SVG up, down, left, and right */
}
li::marker{
	font-size: 1.5em;
	line-height: 0.1em;
}

/* Tables (Resources)*/
.table-container td,
.table-container th{
  border: none;
  border-bottom: 4px solid transparent;
}
.table-container th {
  background-color: var(--wp--preset--color--white);
}
h3.wpdt-c {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 700;
  color: var(--wp--preset--color--white);
  background-color: #236312;
  text-align: center;
  padding: 10px;
  margin-bottom: 4px;
}
/* End of miscellaneous */
/* ------------------------------------------ */


/* ------------------------------------------ */
/* BlockStyle Variations to use (see functions.php) */
.is-style-image-left .wp-block-columns,
.is-style-image-right .wp-block-columns{gap: 0;}

.is-style-image-left .wp-block-cover,
.is-style-image-right .wp-block-cover{
  height: 100%; width: 50%;
  position: absolute;
  top: 0;
}

.is-style-image-left .wp-block-cover{left:0}
.is-style-image-right .wp-block-cover{right: 0;}


@media (max-width: 781px) {
  .is-style-image-left .wp-block-cover,
  .is-style-image-right .wp-block-cover{
    position: relative!important;
    width: 100%!important;
  }

  .is-style-image-right .wp-block-columns{
    flex-direction: column-reverse;
  }
}

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


/* Custom Shortcodes Overrides */