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 */
/* ------------------------------------------ */
/* Custom Fun buttons */
.wp-block-button__link {
  position: relative;
  background-color: transparent;
  z-index: 0;
}
.wp-block-button {
  background-color: var(--wp--preset--color--gray);
}
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link::after,
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link::before {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: var(--wp--preset--color--yellow);
  transition: width 1s ease,
  background-color 0.25s ease-in-out;
}
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link::after {
  aspect-ratio: 1;
  transform: translateX(calc(100% - 1px));
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="%23000" d="M23.41 10.574 13.427.591a2.017 2.017 0 0 0-2.852 2.851L19.13 12l-8.556 8.556a2.017 2.017 0 0 0 2.852 2.852l9.983-9.983a2.014 2.014 0 0 0 0-2.85m-12.004-.605L3.48 1.616a1.967 1.967 0 0 0-2.883 0 2.23 2.23 0 0 0 0 3.037l6.485 6.835-6.485 6.835a2.23 2.23 0 0 0 0 3.038 1.967 1.967 0 0 0 2.883 0l7.926-8.354a2.23 2.23 0 0 0 0-3.038"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link::before{
  width: 0%;
}

/* Button Positioning */
.is-content-justification-center .wp-block-button {
  transform: translateX(-22px); /* offset for yellow section*/
}
@media (max-width: 781px) {
  .wp-block-buttons {
    /* justify-content: center; */
  }
  .wp-block-button {
    width: calc(100% - 44px);
    transform: unset;
  }
}

/* Button states */
.wp-block-button__link:is(:hover, :focus,:active)::before {
  width: 100%!important;
}
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link:active::before,
div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link:active::after {
  background-color: var(--wp--preset--color--black);
}
.wp-site-blocks .wp-block-button__link:is(:hover, :active, :focus) {
  background: var(--wp--preset--color--black) !important;
  color: var(--wp--preset--color--black) !important;
  border-color: var(--wp--preset--color--black) !important;
}
.wp-site-blocks .wp-block-button__link:active {
  color: var(--wp--preset--color--white)!important;
}
.wp-site-blocks div.wp-block-buttons:not(.arrow-buttons) .wp-block-button__link:active::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="%23ffffff" d="M23.41 10.574 13.427.591a2.017 2.017 0 0 0-2.852 2.851L19.13 12l-8.556 8.556a2.017 2.017 0 0 0 2.852 2.852l9.983-9.983a2.014 2.014 0 0 0 0-2.85m-12.004-.605L3.48 1.616a1.967 1.967 0 0 0-2.883 0 2.23 2.23 0 0 0 0 3.037l6.485 6.835-6.485 6.835a2.23 2.23 0 0 0 0 3.038 1.967 1.967 0 0 0 2.883 0l7.926-8.354a2.23 2.23 0 0 0 0-3.038"/></svg>')!important;
}

/* Contact button special case */
.wp-block-button.contact .wp-block-button__link::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" fill="none"><path fill="%23000" d="M31.917 0a1.1 1.1 0 0 0-.386.064L.731 11.063a1.1 1.1 0 0 0 .067 2.094l14.814 4.23 4.23 14.812a1.1 1.1 0 0 0 2.096.066L32.936 1.47A1.1 1.1 0 0 0 31.917 0m-1.83 2.914-9.07 25.39-3.281-11.482 3.943-3.945a1.099 1.099 0 0 0-.801-1.889 1.1 1.1 0 0 0-.756.332l-3.943 3.943-11.485-3.279zM7.688 17.585h-.01a1.1 1.1 0 0 0-.755.332l-2.2 2.2a1.1 1.1 0 1 0 1.556 1.556l2.2-2.195a1.1 1.1 0 0 0-.79-1.893m4.392 2.2a1.1 1.1 0 0 0-.755.332l-4.4 4.402a1.1 1.1 0 1 0 1.554 1.556l4.4-4.4a1.1 1.1 0 0 0-.799-1.89m2.2 4.4a1.1 1.1 0 0 0-.76.334l-2.195 2.2a1.1 1.1 0 1 0 1.556 1.556l2.2-2.2a1.1 1.1 0 0 0-.801-1.888zM5.5 26.397a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2"/></svg>');
  background-size: 28px;
}

/* Arrow Buttons */
.arrow-buttons .wp-block-button__link {
  overflow-x: clip;
}

.arrow-buttons .wp-block-button__link::before,
.arrow-buttons .wp-block-button__link::after {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--wp--preset--color--yellow);
  transition: width 1s ease, left 1s ease,
  background-color 0.25s ease-in-out;
}

.arrow-buttons .wp-block-button__link::before {
  width: 6px;
}
.arrow-buttons .wp-block-button__link::after {
  width: 16px;
  height: 37px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  top: 50%; transform: translateY(-50%);
} 

.arrow-buttons .wp-block-button__link:is(:hover, :focus,:active)::after {
  left: calc(100% - 1px);
}

/* End of buttons */
/* ------------------------------------------ */


.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) img {
  filter: brightness(100);
}

/* ------------------------------------------ */
/* Forms */
  /* default forms */
/*--- Gravity Forms customization ---*/
.gform_footer input[type=submit]{
  /* submit button styles */
  background-color: var(--wp--preset--color--black)!important;
  font-size: 18px!important;
  padding: 13px 30px!important;
  border-radius: 0px!important;
  font-weight: 400!important;
}
.gform_footer input[type=submit]:is(:hover, :active, :focus) {
  /* submit button hover */
  background-color: var(--wp--preset--color--yellow)!important;
  color: var(--wp--preset--color--black)!important
}


.gfield :where(input, select, textarea) {
  /* gravity form field styles */
  border: 2px #EDEAEB solid!important;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
  padding: 14px!important;
  block-size: 49px!important;
  font-size: 18px!important;
  color: rgba(0,0,0,.4)!important;
}

.gform_fields{
  /* Gform field spacing */
  grid-row-gap: 12px!important;
}
/* End of Forms */
/* ------------------------------------------ */
/* Underlines */
.petty-und-c::after,
.petty-und-l::after {
  content: '';
  display: block;
  width: 51px;
  height: 13px;
  margin-top: 1rem;
}
.petty-und-l::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="13" fill="none"><path fill="%23000" d="M0 0h51v5H0z"/><path fill="%23ffba03" d="M0 8h33v5H0z"/></svg>');
}
.petty-und-l.light-und::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="13" fill="none"><path fill="%23484848" d="M0 0h51v5H0z"/><path fill="%23ffba03" d="M0 8h33v5H0z"/></svg>');
}
.petty-und-c::after {
  margin-inline: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="13" fill="none"><path fill="%23000" d="M0 0h51v5H0z"/><path fill="%23ffba03" d="M9 8h33v5H9z"/></svg>'); 
}
/* End of underlines */
/* ------------------------------------------ */
/* Popup form, function */
#toggle-form:is(:hover) {
  background-color: lime;
}
.popup-form .arrow {
  transform: rotate(0deg);
  transition: transform .75s ease-in-out;
}
.popup-form.active .arrow{
  transform: rotate(180deg);
}
.popup-form {
  gap: 0;
  position: relative;
  /* top: 100%; */
  bottom: 0%;
  margin-top: 2rem;
  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) {
}
#toggle-form:is(:hover)  {
}
.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 styles */
/*--- Gravity Forms customization ---*/
.hero .gform_wrapper{
  margin-top: 0!important;
}

:where(.hero, .hero-light) .gfield :where(input, select, textarea) {
  /* gravity form field styles */
  background-color: transparent!important;
  border: none!important;
  border-radius: 0px!important;
  font-size: 20px!important;
  padding: 2rem 0px!important;
  border-bottom: 2px solid var(--wp--preset--color--yellow)!important;
  color: rgba(255,255,255,1)!important;
  box-shadow: none!important;
}
.hero-light .gfield :where(input, select, textarea) {
  color: #010101!important;
}
.hero .gfield :where(input, select, textarea):placeholder-shown {
  color:rgba(255,255,255,.6)!important;
}
.hero-light .gfield :where(input, select, textarea):placeholder-shown {
  color:rgba(1,1,1,.6)!important;
}

.hero .gfield :where(input, select, textarea):is(:hover, :active, :focus) {
  /* gform field style hover/focus */
}
.hero .gform_fields{
  /* Gform field spacing */
  grid-row-gap: 0px!important;
}
/* End of Gravity Forms customization */

/* ------------------------------------------ */
/* List Styles */
.wp-block-list li:not(:last-child) {
  margin-bottom: 10px;
}
.wp-block-list li{
	list-style-image: url('data:image/svg+xml,<svg transform="scale(.8) translate(0, 0)" transform-origin="center" xmlns="http://www.w3.org/2000/svg" width="19" height="18" fill="none"><path fill="%23ffba03" d="M18.533 7.93 10.628.443a1.66 1.66 0 0 0-2.258 0 1.457 1.457 0 0 0 0 2.139l6.774 6.417-6.774 6.417a1.457 1.457 0 0 0 0 2.139 1.66 1.66 0 0 0 2.258 0l7.903-7.487a1.455 1.455 0 0 0 0-2.138M9.03 7.477 2.755 1.212a1.616 1.616 0 0 0-2.282 0 1.61 1.61 0 0 0 0 2.278l5.134 5.126-5.134 5.126c-.63.629-.63 1.65 0 2.278s1.652.629 2.282 0L9.03 9.755c.63-.629.63-1.649 0-2.278"/></svg>')!important;
  margin-left: 22px;
}
.black-list.wp-block-list li{
	list-style-image: url('data:image/svg+xml,<svg transform="scale(.8) translate(0, 0)" transform-origin="center" xmlns="http://www.w3.org/2000/svg" width="19" height="18" fill="none"><path fill="%23000000" d="M18.533 7.93 10.628.443a1.66 1.66 0 0 0-2.258 0 1.457 1.457 0 0 0 0 2.139l6.774 6.417-6.774 6.417a1.457 1.457 0 0 0 0 2.139 1.66 1.66 0 0 0 2.258 0l7.903-7.487a1.455 1.455 0 0 0 0-2.138M9.03 7.477 2.755 1.212a1.616 1.616 0 0 0-2.282 0 1.61 1.61 0 0 0 0 2.278l5.134 5.126-5.134 5.126c-.63.629-.63 1.65 0 2.278s1.652.629 2.282 0L9.03 9.755c.63-.629.63-1.649 0-2.278"/></svg>')!important;
  margin-left: 22px;
}
.wp-block-list li::marker{
	font-size: 1.5em;
	line-height: 0.1em;
}
/* End of List styles */
/* ------------------------------------------ */
/* Yellow Bullets */
.yellow-bullets {
  padding-left: 2rem;
}
.yellow-bullets :where(h3, p) {
  position: relative;
}
.yellow-bullets :where(h3, p)::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.yellow-bullets h3:first-child::before {
  height: 14px; aspect-ratio: 1;
  top: 50%;
  transform: translate(-1.85rem, -50%);
  background-color: var(--wp--preset--color--yellow);
  border-radius: 50%;
  z-index: 1;
}
.yellow-bullets >*:not(:last-child) p::before {
  height: calc(100% + 4.5rem);
  width: 1px;
  transform: translate(calc(50% - 1.85rem + 6px), -1.5rem); /*50% to center it, 1.85 rem to get in same scope as the bullets, and the 6px is half of yellow circle (7px), minus width of the dotted line (1px)*/
  background: repeating-linear-gradient(
    to bottom,
    #7D7D7D,
    #7D7D7D 8px,
    transparent 8px,
    transparent 16px
  );
  content: "";
  position: absolute;
}
/* End of Yellow Bullets */
/* ------------------------------------------ */
/* Misc styles */
.card-box-shadow {
  box-shadow: 0px 4px 4px 0 rgba(0,0,0,.05);
}

/* Petty logo */
.petty-logo-bg {
  position: relative;
}
.petty-logo-bg::after {
  content: '';
  position: absolute;

  top: 50%;
  right: 0;
  transform: translateY(-50%);

  aspect-ratio: 86 / 540;
  /* height: 540px; */
  height: calc(100% - var(--wp--custom--global-vertical-padding));

  z-index: -1;
  /* border: 1px solid pink; */
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="87" height="546" fill="none"><path fill="%23f0f0f0" d="M31.135 463.179c4.468.894 6.049 2.749 6.049 7.904v31.135l-15.121-3.161v-31.136c0-4.055 1.168-5.635 3.78-5.635.687 0 1.306.137 1.993.274zm27.493 6.323c0-24.605-3.437-34.159-20.757-37.871l-17.114-3.574c-2.75-.549-5.155-.893-7.217-.893-11.066 0-13.54 8.729-13.54 29.829v70.587L86.876 546v-33.266l-28.248-5.911zM86.876 332.315l-22.063-4.605v67.013l-11.065-2.337V356.99l-20.757-4.468v35.397l-10.928-2.269v-67.012L0 313.895v100.416l86.876 18.42zM86.876 260.903l-64.813-13.677v-31.41L0 211.073v96.224l11.066-5.911 10.997 2.406v-23.3l64.813 13.677zM86.876 55.466l-35.465-7.492L0 0v37.459l25.362 21.306L0 68.87v38.42l51.41-26.186 35.466 7.491zM86.876 160.006l-64.813-13.677v-31.41L0 110.176V206.4l11.066-5.911 10.997 2.337v-23.231l64.813 13.608z"/></svg>');
}

/* Yellow Underline */
.yellow-underline::after {
  content: '';
  width: 43px; height: 4px;
  display: block;
  background-color: var(--wp--preset--color--yellow);
  margin-top: 12px;
}

/* Block Variations */
/* 50-50 sections */
body:not(.block-editor-page) .is-style-image-left .wp-block-columns,
body:not(.block-editor-page) .is-style-image-right .wp-block-columns{gap: 0;}
body:not(.block-editor-page) .is-style-image-left .wp-block-cover,
body:not(.block-editor-page) .is-style-image-right .wp-block-cover{
  height: 100%; width: 50%;
  position: absolute;
  top: 0;
}
body:not(.block-editor-page) .is-style-image-left .wp-block-cover{left:0}
body:not(.block-editor-page) .is-style-image-right .wp-block-cover{right: 0;}
@media (max-width: 781px) {
  body:not(.block-editor-page) .is-style-image-left .wp-block-cover,
  body:not(.block-editor-page) .is-style-image-right .wp-block-cover{
    position: relative!important;
    width: 100%!important;
  }

  body:not(.block-editor-page) .is-style-image-right .wp-block-columns{
    flex-direction: column-reverse;
  }
}

/* Footer Form */

/* Footer newsletter styles */
.footer-form .gform-body {
  border-radius: 4px;
  border: 1px solid #2d2d2d;
  padding: 9px;
  
}
.footer-form .gform-footer {
  display: none;
}

.footer-form .gfield input {
  color: #fff!important;
  border: none!important;
  font-size: 16px!important;
  font-weight: 400!important;
}
.footer-form .gfield input.gform-button{
  /* submit button styles */
  background-color: var(--wp--preset--color--yellow);
  border: none;
  font-weight: 400;
  border-radius: 4px;
  width: 100%!important;

}
.footer-form .gfield input[type="email"] {
  /* gravity form field styles */
  background-color: transparent;
}
.footer-form .gfield input::placeholder {
  color: #515151;
}

/* widths */
div#field_3_1 {
  grid-column: span 7!important;
  padding: 0;
}
div#field_submit {
  grid-column: span 5!important;
  padding: 0;
}
.gform_fields{
  /* Gform field spacing */
  /* grid-row-gap: 20px!important; */
  grid-column-gap: 0px;
}

/* Gallery Section Css */
.wp-block-gallery.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  grid-auto-rows: 300px;
  gap: 20px;
  container-type: inline-size;
}

.wp-block-gallery.gallery figure {
  width: 100%!important;
  height: 100%!important;
  overflow: hidden;
}

.wp-block-gallery.gallery figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Spanning rules */
.wp-block-gallery.gallery :where(
  figure:nth-child(8n - 7),
  figure:nth-child(8n - 1)
) {
  grid-row: span 2;
}

.wp-block-gallery.gallery :where(
  figure:nth-child(8n - 4),
  figure:nth-child(8n)
) {
  grid-column: span 2;
}