/*
Theme Name: Hyperdrive Child
Template: hyperdrive
Author: Striventa
Description: Hyperdrive is the last theme you'll ever need. Welcome to the future.
Version: 1.1.0
Requires at least: 6.1
Tested up to: 6.2.2
Requires PHP: 7.4
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hyperdrive
*/

/* Text Accent */
.hyperdrive-text-accent {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: var(--wp--preset--color--primary);
}

/* Title Accent */
.wp-block-heading.is-style-title-accent {
  position: relative;
}
.wp-block-heading.is-style-title-accent:not(.has-text-align-center)::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 100vw;
  height: 2px;
  background-color: var(--wp--preset--color--primary);
}
@media screen and (max-width: 1200px) {
  .wp-block-heading.is-style-title-accent:not(.has-text-align-center)::before { left: -15px; }
}
.wp-block-heading.is-style-title-accent.has-text-align-center {
  display: flex;
  flex: 1;
  width: 100%;
  line-height: 1em;
}
.wp-block-heading.is-style-title-accent.has-text-align-center::before,
.wp-block-heading.is-style-title-accent.has-text-align-center::after {
  content: '';
  flex-grow: 1;
  margin: 0 18px 0 0;
  background: linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primary));
  background-size: 100% 2px;
  background-position: 0% 50%;
  background-repeat: repeat-x;
}
.wp-block-heading.is-style-title-accent.has-text-align-center::after {
  margin: 0 0 0 18px;
}

/* Program Types */
.programs-types > div {
  display: grid;
  grid-template: auto / 40px auto;
  align-items: flex-start;
  border-bottom: 1px solid var(--wp--preset--color--light-grey);
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.programs-types > div:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/* Footer Styles */
@media (max-width:768px){
	footer.site-footer .wp-block-group.footer-nav-row figure.wp-block-image { order: 1; }
	footer.site-footer .wp-block-group.footer-nav-row nav.wp-block-navigation { order: 2; }
	footer.site-footer .wp-block-group.footer-nav-row > .wp-block-group {
		order: 3;
		gap: var(--wp--preset--spacing--small);
	}
	footer.site-footer .wp-block-group.footer-copyright-row { justify-content: center; }
}

/* Gallery */
.wp-block-gallery figure {
  position: relative;
  overflow: hidden;
}
.wp-block-gallery figure img {
  transition: transform 0.2s;
}
.wp-block-gallery figure img:hover {
  transform: scale(1.1);
}
@media (min-width: 768px){
  .fancybox__slide {
    padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--x-large) !important;
  }
}


/* Gravity Forms */
.gform_wrapper .gform_required_legend {
  display: none;
}
.gform_wrapper .gfield_label {
  font-family: var(--wp--preset--font-family--spectral);
}
.gform_wrapper .gform_fields { row-gap: var(--wp--preset--spacing--small) !important; }
.gform_wrapper .gform_fields .gfield :is(input, textarea) {
  box-shadow: none !important;
}
.gform_wrapper .gform_footer .gform_button.gform-button--width-full {
  width: 100% !important;
}
.gform_wrapper .gform_footer .gform_button {
  text-transform: uppercase !important;
  font-size: 18px !important;
  transition: all 0.3s ease-in-out;
}
.gform_wrapper .gform_footer .gform_button:hover {
  background-color: var(--wp--preset--color--secondary) !important;
  transform: translateY(-5px);
}

/* Continuum of care */
@media (max-width: 768px){
  .wp-block-group.continuum-of-care {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

/* Our Treatments Grid */
.our-treatment-col-2-centered.wp-block-columns {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-gap: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--small);
}
.our-treatment-col-2-centered.wp-block-columns .wp-block-column:first-of-type {
  grid-row: 1;
  grid-column: 2 / span 2;
}
.our-treatment-col-2-centered.wp-block-columns .wp-block-column:last-of-type {
  grid-row: 1;
  grid-column: 4 / span 2;
}
@media (max-width: 781px) {
  .our-treatment-col-2-centered.wp-block-columns { display: flex; }
}