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

/* Misc */
code {
  background-color: var(--wp--preset--color--dark-blue) !important;
  color: var(--wp--preset--color--white) !important;
  margin: 0 5px;
}

/* Care Process Step Blocks */
@media (max-width: 600px) {
  .care-process-step-block header {
    flex-direction: column-reverse;
    align-content: flex-start;
    align-items: flex-start;
  } 
}

/* Conditions */
.wp-block-group.conditions-blocks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 18px;
}
.wp-block-group.conditions-blocks .wp-block-group.is-style-pph-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 17px;
  padding: 20px 14px !important;
  margin: 0;
}
@media (max-width: 782px) {
  .wp-block-group.conditions-blocks { grid-template-columns: repeat(2, 1fr); }
}

/* Breadcrumbs */
.yoast-breadcrumbs {
  font-size: 16px;
  color: var(--wp--preset--color--primary)
}
.yoast-breadcrumbs a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.yoast-breadcrumbs span.breadcrumb-separator {
  margin: 0 12px;
}
.yoast-breadcrumbs span.breadcrumb-separator:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M7.5 7.07447L0.75 0.947803L0.75 13.2011L7.5 7.07447Z' fill='%2328417B'/%3E%3C/svg%3E");
  display: inline-block;
  position: relative;
  top: 2px;
}
.yoast-breadcrumbs span.breadcrumb_last {
  font-weight: 700;
}

/* Subtitles */
.wp-block-heading.is-style-pph-subtitle-1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}
.wp-block-heading.is-style-pph-subtitle-2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px; /* 155.556% */
  letter-spacing: 0.75px;
  text-transform: uppercase;
}

/* What We Do Blocks */
.what-we-do-blocks.wp-block-group > .wp-block-columns:last-child {
  
}
@media (min-width: 782px) {
  .what-we-do-blocks.wp-block-group > .wp-block-columns:last-child {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .what-we-do-blocks.wp-block-group > .wp-block-columns:last-child .wp-block-column:nth-child(1) {
    grid-column: 2 / span 2;
  }
  .what-we-do-blocks.wp-block-group > .wp-block-columns:last-child .wp-block-column:nth-child(2) {
    grid-column: 4 / span 2;
  }
}

/* Footer */
footer.site-footer > .wp-block-group:first-child::before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
footer.site-footer > .wp-block-group:first-child > * { position: relative }
footer.site-footer .wp-block-image.style-svg svg { width: 18px; display: block; }
footer.site-footer .wp-block-image.style-svg svg path { stroke: var(--wp--preset--color--secondary) }