/*
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://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root {
  --header-desktop-offset: 107px; /* set this to your desktop header height */
  --header-mobile-offset: 80px; /* set this to your mobile header height */
  --tertiary-nav-mobile-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);
}

/*
HEADER
*/

/*Submenu: decrease spacing*/
@media (min-width: 991px) {
  :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;
  }
}
/*
MAIN
*/
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;
}

/*
FORMS
*/

input.ctct-text, input.ctct-email  {
  display: block;
  max-width: 100%;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wp--preset--color--contrast);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--wp--preset--color--base);
  background-clip: padding-box;
  border: var(--form-border-width) solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  input.ctct-text, input.ctct-email {
    transition: none;
  }
}
input.ctct-text:focusm input.ctct-email:focus {
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--base);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.075);
}
.ctct-opt-in[type=checkbox] {
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  flex-shrink: 0;
  width: 1.4em;
  height: 1.4em;
  margin-top: 0.375em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--wp--preset--color--base);
  background-image: var(--form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--form-border-width) solid var(--form-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  border-radius: 0.25em;
}
.ctct-opt-in[type=checkbox]:active {
  filter: brightness(90%);
}
.ctct-opt-in[type=checkbox]:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ctct-opt-in[type=checkbox]:checked {
  background-color: var(--form-check-bg);
  border-color: var(--form-check-bg);
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.ctct-submit {
  background-color: var(--wp--preset--color--tertiary);
  border-radius: 5px;
  border-color: var(--wp--preset--color--tertiary);
  border-width: 2px;
  border-style: solid;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
}
.ctct-submit:hover {
  background-color: var(--wp--preset--color--base);
  border-radius: 5px;
  border-color: var(--wp--preset--color--tertiary);
  border-width: 2px;
  border-style: solid;
  color: var(--wp--preset--color--tertiary);
}