/* CSS for layout/content */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

body[data-large-cursors="true"] body {
  cursor: url("../icons/large-cursor.png"), default;
}

body[data-large-cursors="true"] body a:hover,
body[data-large-cursors="true"] body button:hover {
  cursor: url("../icons/pointer.png"), pointer;
}

body[data-large-cursors="true"] .flickity-enabled.is-draggable .flickity-viewport {
  cursor: url("../icons/open-hand.svg"), grab;
}

body[data-large-cursors="true"] .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: url("../icons/closed-hand.svg"), grabbing;
}

body[data-large-cursors="true"] .flickity-button:hover {
  cursor: url("../icons/pointer.svg"), pointer;
}

body[data-custom-font-size="160"] .grid > *,
body[data-custom-font-size="180"] .grid > *,
body[data-custom-font-size="200"] .grid > * {
  grid-column: span 12 !important;
}

body[data-custom-font-size="120"] .metadata svg,
body[data-custom-font-size="120"] .svg-scale svg {
  transform: scale(1.2);
  transform-origin: bottom; 
}

body[data-custom-font-size="140"] .metadata svg,
body[data-custom-font-size="140"] .svg-scale svg {
  transform: scale(1.4);
  transform-origin: bottom; 
}

body[data-custom-font-size="160"] .metadata svg,
body[data-custom-font-size="160"] .svg-scale svg {
  transform: scale(1.6);
  transform-origin: bottom; 
}

body[data-custom-font-size="180"] .metadata svg,
body[data-custom-font-size="180"] .svg-scale svg {
  transform: scale(1.8);
  transform-origin: bottom; 
}

body[data-custom-font-size="200"] .metadata svg,
body[data-custom-font-size="200"] .svg-scale svg {
  transform: scale(2);
  transform-origin: bottom; 
}

body > main {
  margin-top: calc(var(--page-margin-top) + 25px);
}

body.home > main {
  margin-top: calc(var(--page-margin-top) + 50px);
}

body.page-template-page-bsh {
  background-color: var(--wp--preset--color--apricot) !important;
}

@media screen and (max-width: 991px) {
  body.home > main {
    margin-top: 250px;
  }
}

.entry-content .alignright {
    margin-top: .5rem;
    float: right;
    margin-right: -16.66666%;
    max-width: 55%;
    margin-left: 1.5rem;
  }
  
  .entry-content .alignleft {
    margin-top: .5rem;
    float: left;
    margin-left: -16.66666%;
    max-width: 55%;
    margin-right: 1.5rem;
  }

  #toc-wrapper:first-child {
    margin-top: var(--four-spacer) !important;
  }

  .acf-entry > *:not(:last-child) {
    margin-bottom: calc(2 * var(--global--spacing-vertical));
  }
  
  .wp-block-image img {
      height: auto;
  }
  
  figure.wp-block-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  img.img-fluid {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  .has-white-background-color .wp-block-cover__inner-container {
    color: var(--color-gray) !important;
  }
  
  .wp-block-button__link {
    border-width: 1px !important;
    border-style: dashed !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--black);
    background-color: transparent;
    font-size: inherit !important;
    font-family: var(--global--font-bold) !important;
    padding: var(--one-spacer) !important;
    width: auto;
    height: auto;
  }
  
  .wp-block-button__link:hover {
    border: 1px solid !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--black);
    background-color: transparent;
  }

  .wp-block-button.is-style-fill .wp-block-button__link {
    border: 1px dashed var(--wp--preset--color--black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--off-white) !important;
    background-color: var(--wp--preset--color--black) !important;
    font-size: inherit !important;
    font-family: var(--global--font-bold) !important;
    padding: var(--one-spacer) !important;
    width: auto;
    height: auto;
  }

  .wp-block-button.is-style-fill .wp-block-button__link:hover {
    color: var(--wp--preset--color--black) !important;
    background-color: var(--wp--preset--color--off-white) !important;
  }
  
  .is-style-outline .wp-block-button__link {
    border: 2px solid var(--color-lightgray);
  }
  
  .is-style-outline .wp-block-button__link:hover {
    border: 2px solid var(--color-gray);
  }
  
  .wp-block-cover, .wp-block-cover-image {
    padding: 3rem;
  }
  
  a.default-button {
    font-family: var(--global--font-primary);
    font-weight: normal;
    padding: 1rem 1rem;
    border: 2px solid var(--color-lightgray);
    color: var(--color-gray);
    text-decoration: none !important;
    display: inline-block;
    margin-right: 1.5rem;
  }
  
  a.default-button:hover {
    border-color: inherit;
  }

  button:hover {
    cursor: pointer;
  }

  button.border-style-dashed:hover {
    background-color: var(--wp--preset--color--black) !important;
    color: var(--wp--preset--color--off-white) !important;
    border-color: var(--wp--preset--color--black) !important;
  }

  a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-style: dashed;
  }

  a:hover {
    text-decoration-style: solid;
  }

  select:hover {
    cursor: pointer;
    border: 1px solid;
  }

  select:focus {
    border-radius: 0px;
    border: 1px solid;
    outline: none;
  }

  select:focus-visible {
    border-radius: 0px;
    border: 1px solid;
    outline: none;
  }

  a.absolute-link {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }

  .wp-block-group > *:last-child {
    margin-bottom: 0 !important;
  }

  .wp-block-group > * {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

.wp-block-group[style*="border-style"] {
  border-width: 1px;
}

.wysiwyg-content > *:not(:last-child) {
  margin-bottom: var(--two-spacer);
}