/*
Theme Name: TheDevCave Child
Template: thedevcave
Author: TheDevCave
Author URI: https://thedevcave.com
Theme URI: https://thedevcave.com
Description: TheDevCave is the last theme you'll ever need. Welcome to the future.
Version: 2.1.1
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: thedevcave
*/


:root {
  --wp--preset--color--brown: var(--wp--preset--color--primary);
  --wp--preset--color--tan: var(--wp--preset--color--secondary);
  --aries--preset--border-radius: 4px;
  --aries--preset--transition: 0.3s all ease-in-out;
  --aries--preset--separator--tan: url('data:image/svg+xml,<svg width="72" height="9" viewBox="0 0 72 9" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1" y1="1" x2="71" y2="1" stroke="%23B18C6A" stroke-width="2" stroke-linecap="round"/><path d="M36.0002 8.1897L42.1899 2H29.8105L36.0002 8.1897Z" fill="%23B18C6A"/></svg>');
  --aries--preset--separator--light-tan: url('data:image/svg+xml,<svg width="72" height="9" viewBox="0 0 72 9" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1" y1="1" x2="71" y2="1" stroke="%23C8BFB5" stroke-width="2" stroke-linecap="round"/><path d="M36.0002 8.1897L42.1899 2H29.8105L36.0002 8.1897Z" fill="%23C8BFB5"/></svg>');
  --aries--preset--pattern-shape: url('data:image/svg+xml,<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.12"><path d="M12.4202 25.5C12.4202 25.7907 12.6548 26.0253 12.9455 26.0253H24.2318L18.5674 31.6897C15.1487 35.1084 9.6067 35.1084 6.188 31.6897L0 25.5L6.1897 19.3103C9.6084 15.8916 15.1504 15.8916 18.5691 19.3103L24.2335 24.9747H12.9472C12.8027 24.9747 12.6718 25.0342 12.5766 25.1294C12.4814 25.2246 12.4219 25.3555 12.4219 25.5H12.4202Z" fill="%23C8BFB5"/><path d="M25.4998 0L31.6895 6.1897C35.1082 9.6084 35.1082 15.1504 31.6895 18.5691L26.0251 24.2335V12.9472C26.0251 12.8027 25.9656 12.6718 25.8704 12.5766C25.7752 12.4814 25.6443 12.4219 25.4998 12.4219C25.2108 12.4219 24.9745 12.6565 24.9745 12.9472V24.2335L19.3101 18.5691C15.8914 15.1504 15.8914 9.6084 19.3101 6.1897L25.4998 0Z" fill="%23C8BFB5"/><path d="M44.8104 19.3103L51.0001 25.5L44.8104 31.6897C41.3917 35.1084 35.8497 35.1084 32.431 31.6897L26.7666 26.0253H38.0529C38.3436 26.0253 38.5782 25.7907 38.5782 25.5C38.5782 25.211 38.3436 24.9747 38.0529 24.9747H26.7666L32.431 19.3103C35.8497 15.8916 41.3917 15.8916 44.8104 19.3103Z" fill="%23C8BFB5"/><path d="M26.0251 26.7682L31.6895 32.4326C35.1082 35.8513 35.1082 41.3933 31.6895 44.812L25.4998 51.0017L19.3101 44.812C15.8914 41.3933 15.8914 35.8513 19.3101 32.4326L24.9745 26.7682V38.0545C24.9745 38.3452 25.2091 38.5798 25.4998 38.5798C25.7905 38.5798 26.0251 38.3452 26.0251 38.0545V26.7682Z" fill="%23C8BFB5"/></g></svg>');
}

/* Admin Bar Site Icon Fix */
#wpadminbar #wp-admin-bar-site-name>.ab-item picture.site-icon,
#wpadminbar #wp-admin-bar-site-name>.ab-item picture.site-icon img {
	width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 2px;
}

/* Callout */
p.is-style-callout {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

p.is-style-subtitle {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 120% */
}

/* Yoast Breadcrumbs */
.yoast-breadcrumbs > span {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.yoast-breadcrumbs span,
.yoast-breadcrumbs a {
  color: var(--wp--preset--color--brown);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.yoast-breadcrumbs span.breadcrumb_last { color: var(--wp--preset--color--dark-grey) }
.yoast-breadcrumbs.is-centered > span,
.yoast-breadcrumbs.is-center > span {
  justify-content: center;
}

/* Builder Preview */
.wp-block-column.builder-preview {
  border-radius: var(--aries--preset--border-radius);
  overflow: hidden;
  box-shadow: var(--wp--preset--shadow--theme-shadow);
}
.wp-block-column.builder-preview > .wp-block-group:first-of-type {
  position: relative;
}
.wp-block-column.builder-preview > .wp-block-group figure:last-child {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}
.wp-block-column.builder-preview > .wp-block-group figure:last-child > a {
  background-color: var(--wp--preset--color--brown);
  border-radius: var(--aries--preset--border-radius);
  padding: 20px 25px;
  display: flex;
  width: 100%;
  max-width: 200px;
  height: 75px;
}
.wp-block-column.builder-preview > .wp-block-group figure.pulte > a {
  background-color: var(--wp--preset--color--slate-blue);
}
.wp-block-column.builder-preview > .wp-block-group figure.del-webb > a {
  background-color: var(--wp--preset--color--green);
}

/* Popup Styles */
#Popup--send-me-info.Popup {
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
  max-width: 680px;
}
#Popup--send-me-info.Popup .is-close-btn svg { stroke: var(--wp--preset--color--white) }

/* Footer Styles */
footer.site-footer > .wp-block-group {
  background-size: 256px auto !important;
  background-position: bottom left;
  background-repeat: no-repeat;
}
footer.site-footer > .wp-block-group .wp-block-separator {
  min-height: 1px;
}
@media (max-width: 480px) {
  footer.site-footer > .wp-block-group > .wp-block-group.is-layout-flex .wp-block-navigation {
    flex-direction: column;
  }
}
@media (max-width: 959px) {
  footer.site-footer > .wp-block-group > .wp-block-group.is-layout-flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  footer.site-footer > .wp-block-group > .wp-block-group.is-layout-flex:first-child {
    flex-direction: column-reverse;
    gap: var(--wp--preset--spacing--medium);
  }
}

/* Icon Text row adjustment */
.wp-block-group.icon-text-row-adjustment figure {
  position: relative;
  top: -3px;
}

/* VideoPress Container */
.wp-block-jetpack-videopress.jetpack-videopress-player {
  border-radius: var(--aries--preset--border-radius);
  overflow: hidden;
}