/* *****************************************************************

Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

***************************************************************** */

@media (min-width: 1025px) {
  .contact-page-content .gform_wrapper .gform_body .gform_fields .gfield:nth-child(5), .contact-page-content .gform_wrapper .gform_body .gform_fields .gfield:nth-child(6) {
    margin-right: 10px;
  }
}

.video-popup-container .hello-popup-inner {
  height: 100vh;
  width: 100vw;
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}

.video-popup-container .hello-popup-inner .button-container {
  position: absolute;
  right: 30px;
  top: 30px;
}

.video-popup-container .hello-popup-inner .button-container button {
  color: white;
}

@media screen and (max-width: 769px) {
  .home .splide__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
  }

  .home .splide__arrows .splide__arrow {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: none;
  }
}

#theme-1-slider .swiper .fm-slider-navigation .swiper-button.fm-swiper-button-next {
  right: -70px;
}

#theme-1-slider .swiper .fm-slider-navigation .swiper-button.fm-swiper-button-prev {
  left: -70px;
}

.splide__arrows .splide__arrow {
  transition: background-color 0.35s ease !important;
}

.splide__arrows .splide__arrow svg path {
  fill: var(--primary-color);
  transition: fill 0.35s ease;
}

.splide__arrows .splide__arrow:hover {
  background-color: var(--primary-color) !important;
}

.splide__arrows .splide__arrow:hover svg path {
  fill: white;
}

.swiper-button svg g rect {
  transition: fill 0.35s ease !important;
}

.swiper-button svg path {
  fill: var(--primary-color);
  transition: fill 0.35s ease;
}

.swiper-button:hover svg g rect {
  fill: var(--primary-color) !important;
}

.swiper-button:hover svg path {
  fill: white;
}

.wp-block-buttons .wp-block-button.is-style-white-button a.wp-block-button__link:hover {
  background-color: var(--primary-button-bg);
  border-color: var(--primary-button-bg);
  color: white;
}

/*# sourceMappingURL=output-child.css.map */