/*
Theme Name: Hyperdrive Child - Artisan at Asante
Template: hyperdrive
Author: Striventa
Description: Hyperdrive is the last theme you'll ever need. Welcome to the future.
Version: 1.0.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
*/

/* Taylor Morrison series blocks fix */
/* @media (min-width: 900px) {
	#builder-series-feature_block_5c0253d3ae35f956ac9448b47c9365b8 .builder-series-feature__series:nth-child(4) {
		grid-row: 2;
		grid-column: 2 / span 1;
	}
} */


/* SVG color options */
.svg-fill-primary svg path { fill: var(--wp--preset--color--primary); }
.svg-fill-secondary svg path { fill: var(--wp--preset--color--secondary); }
.svg-fill-tertiary svg path { fill: var(--wp--preset--color--tertiary); }
.svg-fill-asante-tan svg path { fill: var(--wp--preset--color--asante-tan); }
.svg-fill-asante-purple svg path { fill: var(--wp--preset--color--asante-purple); }
.svg-fill-asante-red svg path { fill: var(--wp--preset--color--asante-red); }
.svg-fill-asante-orange svg path { fill: var(--wp--preset--color--asante-orange); }
.svg-fill-asante-blue svg path { fill: var(--wp--preset--color--asante-blue); }
.svg-fill-asante-white svg path { fill: var(--wp--preset--color--white); }
.svg-fill-asante-black svg path { fill: var(--wp--preset--color--black); }

/* SVG icon size */
.svg-h-40 svg { width: auto; height: 40px; }
.svg-h-45 svg { width: auto; height: 45px; }
.svg-h-50 svg { width: auto; height: 50px; }
.svg-h-55 svg { width: auto; height: 55px; }
.svg-h-60 svg { width: auto; height: 60px; }
.svg-h-65 svg { width: auto; height: 65px; }
.svg-h-70 svg { width: auto; height: 70px; }

/* Homepage H1 Font Size */
body.home .entry-content > .wp-block-cover:first-child h1.wp-block-heading {
  font-size: clamp(2.25rem, 2.5vw + 1.625rem, 4.6875rem);
}

/* Plan your visit Map */
#mapsvg-map-1,
.visit-map {
	/* height: 400px; */
}

/* Hero H1 em style override */
.wp-block-cover h1.wp-block-heading em {
  display: block;
  font-style: normal;
  font-size: clamp(1.5rem, 1.071vw + 1.607rem, 2rem);
}

/* Heading Brush Stroke Underline */
h1.wp-block-heading .hyperdrive-text-accent, h2.wp-block-heading .hyperdrive-text-accent, h3.wp-block-heading .hyperdrive-text-accent,
h1.wp-block-heading .hyperdrive-text-accent-grey, h2.wp-block-heading .hyperdrive-text-accent-grey, h3.wp-block-heading .hyperdrive-text-accent-grey {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
h1.wp-block-heading .hyperdrive-text-accent::before, h2.wp-block-heading .hyperdrive-text-accent::before, h3.wp-block-heading .hyperdrive-text-accent::before,
h1.wp-block-heading .hyperdrive-text-accent-grey::before, h2.wp-block-heading .hyperdrive-text-accent-grey::before, h3.wp-block-heading .hyperdrive-text-accent-grey::before {
  content: "";
  width: 110%;
  height: 100px;
  position: absolute;
  top: 65%;
  left: -5%;
  background-image: url('assets/img/brush-stroke-underline-yellow.svg');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}
h1.wp-block-heading .hyperdrive-text-accent-grey::before, h2.wp-block-heading .hyperdrive-text-accent-grey::before, h3.wp-block-heading .hyperdrive-text-accent-grey::before { background-image: url('assets/img/brush-stroke-underline-grey.svg'); }

#stay-connected.wp-block-cover { z-index: 0 }

/* Yoast Breadcrumbs */
.yoast-breadcrumbs {
	text-transform: uppercase;
	font-size: 12px;
}
.yoast-breadcrumbs a {
	color: var(--wp--preset--color--dark-grey);
}
.yoast-breadcrumbs a:hover {
	color: var(--wp--preset--color--tertiary);
	text-decoration: none;
}
.yoast-breadcrumbs span.breadcrumb-separator {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	margin: 0 5px;
}

/* Visis Intro Info */
.visit-info .wp-block-image {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.visit-info .wp-block-buttons .wp-block-button {
  width: 100%;
}
.visit-info .wp-block-buttons .wp-block-button .wp-block-button__link {
  font-weight: 400;
  width: 100%;
	padding: 10px 16px !important;
}
@media screen and (min-width: 900px) {
  .visit-info {
    transform: translateY(-50px) !important;
  }
}
/* Lists */
ul.is-style-list-check-circle li:before {
	color: var(--wp--preset--color--tertiary);
}

/* Amenities Features */
.features {
	margin-top: var(--wp--preset--spacing--medium);
}
.features ul {
	display: flex;
	flex-wrap: wrap;
}
.features ul li {
	display: flex;
}
.features ul li::after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: var(--wp--preset--color--asante-tan);
	margin: 0 10px;
}
.features ul li:last-child::after {
	content: none;
}

@media screen and (max-width: 900px) {
	.features ul {
		flex-direction: column;
	}
	.features ul li::after {
		display: none;
	}
}

/* Jump Nav */
@media screen and ( max-width: 768px ) {
	.jump-nav {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and ( max-width: 500px ) {
	.jump-nav {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Form Styles */
.gform_wrapper .gform_required_legend { display: none }
.gform-theme--foundation .gform-body .gform_fields { grid-row-gap: var(--wp--custom--spacing--medium); row-gap: var(--wp--custom--spacing--medium); }
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer { margin-top: 30px }
.gform-theme--foundation .gform_footer .gform_button { font-weight: 700 !important; text-transform: uppercase !important; border: 2px solid var(--wp--preset--color--primary) !important; transition: all ease-in-out 0.2s }
.gform-theme--foundation .gform_footer .gform_button:hover {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
  transform: translateY(-5px);
}
.gform-theme--foundation .gform_footer .gform_button.gform-button--width-full, .gform-theme--foundation .gform_page_footer  .gform_button.gform-button--width-full { width: 100% !important; }


/* MapSVG Styles */
#mapsvg-map-2 .mapsvg-wrap { gap: var(--wp--preset--spacing--medium); }
#mapsvg-map-2 .mapsvg-wrap .mapsvg-map-container { border: 2px solid var(--wp--preset--color--asante-tan); border-radius: 20px 20px 0 0; overflow: hidden; }
#mapsvg-map-2 .mapsvg-wrap .mapsvg-map-container .mapsvg-marker img { min-width: 43px; }
#mapsvg-map-2 .mapsvg-mobile-buttons { height: 54px; background: var(--wp--preset--color--secondary); border-radius: 0 0 20px 20px; overflow: hidden; }
#mapsvg-map-2 .mapsvg-mobile-buttons .mapsvg-button-menu, #mapsvg-map-2 .mapsvg-mobile-buttons .mapsvg-button-map { color: var(--wp--preset--color--white); border: 0 }
#mapsvg-map-2 .mapsvg-mobile-buttons .mapsvg-button-menu.active, #mapsvg-map-2 .mapsvg-mobile-buttons .mapsvg-button-map.active { background: #63A0AD; color: var(--wp--preset--color--white); border: 0 }
#mapsvg-map-2 .mapsvg-directory { background: rgba(235, 234, 231, 0.4) !important; border-radius: 20px 20px 0 0; padding: 10px var(--wp--preset--spacing--small) var(--wp--preset--spacing--small); overflow: hidden; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item { display: flex; align-items: center; border: 0; padding: var(--wp--preset--spacing--small) 5px calc(var(--wp--preset--spacing--small) - 8px); }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item:hover { background: transparent; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-block { padding-bottom: 8px; border-bottom: 2px solid var(--wp--preset--color--asante-tan); }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-block .mapsvg-directory-item { padding: 6px 10px; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item:before { content: ""; display: inline-block; width: 27px; height: 25px; margin-right: 12px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item .mapsvg-category-label { text-transform: uppercase; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item .mapsvg-category-counter { color: var(--wp--preset--color--asante-tan); display: inline-block; margin-left: 5px; font-weight: 700; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item .mapsvg-category-counter:before { content: "("; }
#mapsvg-map-2 .mapsvg-directory .mapsvg-category-item .mapsvg-category-counter:after { content: ")"; }

#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-builders.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-builders.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-education.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-education.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-employers.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-employers.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-parks-rec.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-parks.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-restaurants.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-restaurants.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-retail.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-retail.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-medical.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-medical.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-fitness.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-fitness.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-attractions.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-attractions.svg'); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-golf.mapsvg-category-item:before { background-image: url('assets/svg/area-map-directory-icon-golf.svg'); }

#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-builders .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--tertiary); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-education .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--secondary); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-employers .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--asante-purple); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-parks-rec .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--primary); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-restaurants .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--asante-purple); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-retail .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--medium-grey); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-medical .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--asante-red); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-fitness .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--primary); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-attractions .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--asante-blue); }
#mapsvg-map-2 .mapsvg-directory #mapsvg-category-item-golf .mapsvg-chevron:before { width: 0.75em; height: 0.75em; border-width: 0.2em 0.2em 0 0; color: var(--wp--preset--color--secondary); }

@media (min-width:813px){
  #mapsvg-map-2 .mapsvg-wrap .mapsvg-map-container { border-radius: 20px; }
  #mapsvg-map-2 .mapsvg-directory { border-radius: 20px; }
}


/* Footer Styles */
footer.site-footer .wp-block-social-links .wp-social-link a { border: 1px solid var(--wp--preset--color--asante-tan); border-radius: 100%; transition: all 0.2s ease-in-out; }
footer.site-footer .wp-block-social-links .wp-social-link a:hover { background: var(--wp--preset--color--asante-tan); color: var(--wp--preset--color--dark-grey) !important; }
@media (max-width: 781px) {
  footer.site-footer .footer-nav-columns .wp-block-navigation .wp-block-navigation__container { width: 100%; align-items: center; }
  footer.site-footer .footer-newsletter-signup { padding-bottom: 0 !important; border-left: 0 !important; border-top: 1px solid #dbd5ca4d !important; }
}