/*
Theme Name: Subblock
Author: Subatomic
Author URI: sosubatomic.com
Description: The 2025 block theme.
Version: 1
©2025 Subatomic, LLC
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://use.typekit.net/dzv5ywx.css');
:root {
  --header-desktop-offset: 123px; /* set this to your desktop header height */
  --header-mobile-offset: 70px; /* set this to your mobile header height */
  --tertiary-nav-background: var(--wp--preset--color--background);
  --form-border-width: 1px;
  --form-border-color: var(--wp--preset--color--neutral);
  --form-border-radius: 0.375rem;
  --form-focus: 0.375rem;
  --form-placeholder-color: #00000073;
  --form-disabled-bg: var(--wp--preset--color--neutral);
  --form-file-bg: var(--wp--preset--color--neutral);
  --form-check-bg: var(--wp--preset--color--primary);
  --button-ouline-color: var(--wp--preset--color--base);
  --button-ouline-background-color: var(--wp--preset--color--tertiary);
  --button-ouline-border-color: var(--wp--preset--color--tertiary);
  --footer-social-hover: #4D7D787D;
}

/*
HEADER
*/
.scrolling-started #site-header {
  height: var(--header-mobile-offset);
}
/*Submenu: decrease spacing*/
@media (min-width: 1401px) {
  :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
  :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
  :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
  :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    line-height: 1.25;
    padding: .25em 1em;
  }
  .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
  .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
  .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    padding: .5em 0;
  }
  #site-header .header-desktop-contact { margin-top: var(--wp--preset--spacing--minus-4); }
  #site-header .wp-block-navigation__responsive-container-content { gap: 4em; margin-bottom: -8px; }
  #site-header .wp-block-navigation__container { gap: 0; }
  #site-header .wp-block-navigation__container > li { border-bottom: solid 8px transparent; padding: 15px 18px 14px 18px; }
  #site-header .wp-block-navigation__container > li.current-menu-item { border-bottom: solid 8px var(--wp--preset--color--primary); background-color: #f9f5ea; }
  #site-header .wp-block-navigation__container > li:hover { border-bottom: solid 8px var(--wp--preset--color--primary); background-color: var(--wp--preset--color--base); }
  #site-header .wp-block-navigation__container > li > a:hover { opacity: 1; }
  #site-header .wp-block-navigation__submenu-container { border: none; font-weight: 300; margin-top: 8px; padding: 6px; text-transform: none; }
  #site-header .header-mobile-contact { display: none; }
}
.location-link {
  background-image: url('/wp-content/themes/subblock/assets/images/icons/marker.svg');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 10px 13px;
  padding-left: 10px!important;
}
.phone-link {
  background-image: url('/wp-content/themes/subblock/assets/images/icons/phone.svg');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 13px 13px;
  padding-left: 13px!important;
}
.wp-block-navigation__responsive-container-open {
  background-image: url('/wp-content/themes/subblock/assets/images/icons/open.svg');
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 14px;
  padding-left: 20px!important;
}
.wp-block-navigation__responsive-container-close {
  background-image: url('/wp-content/themes/subblock/assets/images/icons/close.svg');
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 14px;
  padding-left: 20px!important;
}
#fullscriptButton {
  background-image: url('/wp-content/themes/subblock/assets/images/logos/fullscript.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 94px;
  text-indent: -9999px;
}
/*Mobile Menu: to show sooner and line up with header*/
@media screen and (max-width: 1400px) {
  .wp-block-navigation__responsive-dialog {
    height: 100%;
  }
  .wp-block-navigation__responsive-container-content {
    height: 100%;
    justify-content: space-between!important;
  }
  #site-header .header-desktop-contact { display: none; }
  #site-header .header-mobile-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  /* hamburger button */
  .wp-block-navigation__responsive-container-open:not(.always-shown)  {
    display: block !important;
  }
  /* full menu */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  #site-header #site-logo img,
  #site-header #site-icon img {
    max-height: 58px;
  }
  #site-footer {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #site-footer {
    flex-direction: column;
  }
}
.scrolling-started #site-header .header-desktop-contact,
#site-header #site-icon,
.scrolling-started #site-header #site-logo {
  display: none;
}
.scrolling-started #site-header #site-icon {
  display: block;
}
/*
MAIN
*/
.clip-hero {
  width: 100vw;
  min-height: 26vw;
  background: #4e7efc;
  clip-path: url("#clip-hero-interior");
}
.home .clip-hero {
  min-height: 38vw;
  clip-path: url("#clip-hero-home");
}
@media screen and (max-width: 767px) {
  .clip-hero {
    min-height: 50vw;
    clip-path: url("#clip-hero-interior-mobile");
  }
  .home .clip-hero {
    min-height: 100vw;
    clip-path: url("#clip-hero-home-mobile");
  }
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
  color: var(--wp--preset--color--primary);
}
.h1,.h2,.h3,.h4,.h5,.h6 {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: none;
}
.link-arrow {
  line-height: 1.2;
}
.link-arrow a {
  position: relative;
  padding-right: 18px;
  display: inline-block;
}
.link-arrow a:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 11px solid #ef8122;
  top: calc(50% - 8px);
  right: 0;
}