/*
Theme Name: Vitafit Vivid
Author: -
Author URI: -
Description: -
Version: 1
Template: vitafit
*/


/**************************************************************
* Child theme frontend override
**************************************************************/

.gfooter .wp-block-site-logo {
  filter: none;
}

.has-foreground-background-color,
.editor-styles-wrapper .has-foreground-background-color {
  background-color: var(--wp--preset--color--background-secondary) !important;
  color: var(--wp--preset--color--foreground) !important;
}

.staff-item,
.program-item,
.faq-item__answer {
  color: var(--wp--preset--color--foreground);
  background-color: var(--wp--preset--color--background-secondary);
}

.c-form-control__input,
.c-form-control__textarea,
.c-form-control__textarea:is(.privacy-textarea) {
  background-color: #fff;
  color: var(--wp--preset--color--background);
}

.c-form-steps__item {
  color: var(--wp--preset--color--background);
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  fill: var(--wp--preset--color--foreground);
}
.line-custom-icn .wp-block-social-link-anchor::before {
  filter: invert(100%) sepia(3%) saturate(6271%) hue-rotate(316deg) brightness(93%) contrast(93%);
}


/* hero
************************************************/
@media all and (max-width: 767px) {
  .hero-copy__span {
    font-size: 18px;
  }
}

/* concept
************************************************/
.concept .c-headline__alphabetic {
  font-family: var(--base-font-family);
}

/* plan
************************************************/
.plan-item__check-list > li::before {
  filter: invert(88%) sepia(17%) saturate(2116%) hue-rotate(336deg) brightness(99%) contrast(92%);
}

.plan-item__price > strong {
  font-family: var(--base-font-family);
  font-size: 24px;
}

@media all and (max-width: 767px) {
  .plan-item__price > strong {
    font-size: 20px;
  }
}

/* equipement
************************************************/
.equipement-contents {
  color: var(--wp--preset--color--foreground);
  background-color: var(--wp--preset--color--foreground-inverted);
}

.equipement .swiper-button-next svg path,
.equipement .swiper-button-prev svg path {
  stroke: var(--wp--preset--color--foreground-inverted);
}

@media (min-width: 1024px) {
  .equipement-contents::before {
    background-color: var(--wp--preset--color--foreground-inverted);
  }
}

/* news
************************************************/
.news-list li .news-item::before,
.news-list li .news-item::after {
  background-color: unset;
}

/* contact
************************************************/
.form-processing-animation.is-loading .spinner-icn {
  border: 1rem dotted #000;
}