/*--- tweaks for the backend block editor ---*/
body,
.editor-styles-wrapper {
  color: var(--wp--preset--color--black);
}



/*----- Tweaks that could be added to parent theme (generic-ish items) -----*/

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

/* TODO: parent theme default? */
.wp-element-button > * {
  vertical-align: middle;
}
/* block social lacks this option */
.wp-block-social-links svg:hover {
  color: var(--wp--preset--color--yellow) !important;
}


/*------------------------- customize theme below --------------------------*/

ol li {
  margin-bottom: 1rem;
  padding-left: 10px;
}


/*-------- Custom utility classes to use --------------*/
.overflow-hidden {
  /* Cover block ignores border-radius */
  overflow: hidden;
}


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


/* Need different color button outline (currently can't do this with Gutenberg) */
.wp-block-button.is-style-underline .wp-element-button {
  background-color: transparent !important;
  border-color: transparent !important;
  border-bottom: 2px solid var(--wp--preset--color--black) !important;
  transition: border-bottom-color 250ms ease-in-out;
}
.wp-block-button.is-style-underline .wp-element-button:hover {
  border-bottom-color: #b5b5b5 !important;
}

.is-style-outline .wp-block-button__link:focus,
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:active {
  background: none !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-style: dotted;
  text-underline-offset: 4px;
}


.is-style-textshadow-subtle {
  text-shadow: 0 0 6px rgb(0 0 0 / 18%);
}
.is-style-textshadow {
  text-shadow: 0 0 12px rgb(0,0,0);
}
[class*=is-style-checkmarks-yellow] > li {
  background: url(../images/icon-checkmark-yellow-navy.svg) no-repeat 0 4px;
  background-size: 38px;
  margin-bottom: 20px;
  min-height: 34px;
  padding: 4px 0 4px 50px;
}
.is-style-heading-stroke {
  text-shadow: -3px 3px 0px #17346e, 3px 3px 0px #17346e, 0px 3px 0px #17346e, 0 -3px 0px #17346e;
}


/*-------- Custom Block, Plugin, and Shortcode Overrides --------*/
/* breadcrumb */
.breadcrumb-item--current{
  font-weight: 600;
}

/* Gravity Forms */
.gform_wrapper{margin-top: 0;}
.gform_wrapper ::placeholder {
  color: #979797 !important;
}
.gform_footer {
  /* GF lacks button centering */
  justify-content: start;
}
.ginput_container input[type="email"],
.ginput_container input[type="tel"],
.ginput_container input[type="text"],
.ginput_container textarea {
  box-shadow: none;
}

.gform_button[type=submit]{
  background-color: var(--wp--preset--color--light-blue)!important;
  color: var(--wp--preset-color-light-green)!important;
  font-family: Bitter!important;
  text-transform: uppercase!important;
  font-size: var(--wp--preset--font-size--lrg-medium)!important;
  padding: 0.5rem 2rem!important;
  border-radius: 32px!important;
}

.gform_button[type=submit]:hover{
  background-color: #bbb!important;
}

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

/* Kadence accordion */
/*.faq-block .kt-accordion-pane {
  border-radius: 20px;
  overflow: hidden;
}
.faq-block .kt-accordion-header-wrap {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.kt-testimonial-halign-left .kt-testimonial-item-wrap {
  box-sizing: border-box;
}*/

/* listing */
.product-listing{
  box-shadow: 5px 4px 4px 0 rgba(90, 124, 131, .12);
}

.product-listing .wp-block-group.full-width{
  width: 100%;
}

/* WC Default Buttons */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--light-green);
  border-radius: 40px;
  font-family: Bitter;
  font-size: var(--wp--preset--font-size--medium);
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
  background-color:var(--wp--preset--color--light-green);
  color: #fff
}