/*
Theme Name: Primary Digital
Version: 0.1.0
*/
/* CSS Variables
---------------------------------------------------------------------------- */
:root {
    --mobile-breakpoint: 782px;
  }
  
  /* CSS Reset
  ---------------------------------------------------------------------------- */
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  html {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  
  a,
  a:focus,
  a:hover {
    text-decoration: underline;
  }
  
  b,
  strong {
    font-weight: var(--wp--custom--font-weight--semi-bold);
  }
  
  ol,
  ul {
    padding: 0;
  }
  
  ol:where(:not([class*="wp-block"])),
  ol:where(.wp-block-list),
  ul:where(:not([class*="wp-block"])),
  ul:where(.wp-block-list) {
    padding-inline-start: var(--wp--preset--spacing--medium);
  }
  
  div[class*="wp-block-"] figcaption {
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--x-small);
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
  }
  
  /* Standardize form styling
  --------------------------------------------- */
  
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  
  input[type="button"],
  input[type="email"],
  input[type="search"],
  input[type="submit"],
  input[type="text"],
  textarea {
    -webkit-appearance: none;
  }
  
  input:not([type="submit"]),
  select,
  textarea,
  .wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
  .wp-block-post-comments-form textarea {
    color: var(--wp--preset--color--main);
    border-radius: 5px;
    border: solid 1px var(--wp--preset--color--main-accent);
    padding: 0.5em 1em;
    font-size: var(--wp--preset--font-size--small);
    width: 100%;
  }
  
  input:focus-visible,
  textarea:focus-visible {
    outline-color: var(--wp--preset--color--primary);
  }
  
  input[type="checkbox"],
  input[type="image"],
  input[type="radio"] {
    width: auto;
  }
  
  label {
    width: 100%;
    display: block;
  }
  
  ::placeholder {
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    opacity: 0.75;
  }
  
  /* Containers
  ---------------------------------------------------------------------------- */
  
  body {
    position: relative;
  }
  
  /* Make site take up entire browser height */
  div.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  
    & > main {
      flex-grow: 1;
    }
  }
  
  /* Header
  ---------------------------------------------------------------------------- */
  .site-header {
    position: sticky;
    top: 0;
    z-index: 12;
  }
  
  .admin-bar .site-header {
    top: 32px;
  }
  
  .site-header {
    & .current-menu-item {
      font-weight: var(--wp--custom--font-weight--bold);
    }
  }
  
  /* Footer
  ---------------------------------------------------------------------------- */
  .site-footer {
  }
  
  /* Block Customizations
  ---------------------------------------------------------------------------- */
  .wp-block-button .wp-element-button {
    transition: all 0.3s ease;
  }
  
  .wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: var(--wp--preset--color--main) !important;
  }