/* Text selection text color */
::selection {
  color: var(--wp--custom--color--background);
  background-color: var(--wp--custom--color--foreground);
}

/* Post title when featured image is present */
body:not(.has-featured-image) h1.wp-block-post-title {
  border-bottom: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--preset--color--primary);
  padding-bottom: calc(var(--wp--custom--gap--vertical) * 3);
}

/* Separator width */
/* This can be removed when this issue gets fixed: https://github.com/WordPress/gutenberg/issues/40624 */
.wp-block-separator {
  opacity: 1;
}
.wp-block-separator.has-background:not(.is-style-dots) {
  height: 3px;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  height: 3px;
}

/* Links and underlines */
a {
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.46ex;
}

.wp-block-post-content p a:not(.wp-block-post-excerpt__more-link) {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.wp-block-post-content p a:not(.wp-block-post-excerpt__more-link):hover {
  text-decoration: none;
  background-color: var(--wp--custom--color--primary);
  color: var(--wp--custom--color--background);
}

.wp-block-post-comments .comment-meta > a,
.wp-block-post-comments .comment-body > p > a,
.wp-block-post-comments .comment-edit-link,
.post-meta a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.wp-block-post-comments .comment-meta > a:hover,
.wp-block-post-comments .comment-body > p > a:hover,
.wp-block-post-comments .comment-edit-link:hover,
.post-meta a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.wp-block-site-title a,
.wp-block-post-title a {
  text-underline-offset: 0.1ex;
}

.wp-block-site-title a,
.wp-block-post-title a,
.wp-block-query-pagination a,
.wp-block-navigation a {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.wp-block-site-title a:hover,
.wp-block-post-title a:hover,
.wp-block-query-pagination a:hover,
.wp-block-navigation a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.wp-block-search__button:active, .wp-block-search__button:focus,
a:not(.ab-item):not(.screen-reader-shortcut):active,
a:not(.ab-item):not(.screen-reader-shortcut):focus {
  outline: 1px dotted var(--wp--custom--color--primary);
  outline-offset: 0.1em;
  text-decoration: none;
}
.wp-block-navigation .wp-block-search__button:active, .wp-block-navigation .wp-block-search__button:focus,
.wp-block-navigation a:not(.ab-item):not(.screen-reader-shortcut):active,
.wp-block-navigation a:not(.ab-item):not(.screen-reader-shortcut):focus {
  outline-color: currentcolor;
}

.archive .wp-block-post-date,
.blog .wp-block-post-date,
.home .wp-block-post-date {
  text-decoration: underline;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.46ex;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.46ex;
}

.wp-block-post-excerpt__more-link {
  font-weight: 500;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border-style: var(--wp--custom--button--border--style);
  border-width: var(--wp--custom--button--border--width);
  border-color: var(--wp--custom--color--foreground);
}

.wp-block-search__input {
  background-color: transparent;
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  border-width: 0;
  border-radius: 0;
  background-color: var(--wp--custom--color--foreground);
  color: var(--wp--custom--color--background);
  font-size: var(--wp--preset--font-size--normal);
  font-weight: var(--wp--custom--button--typography--font-weight);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  line-height: var(--wp--custom--button--typography--line-height);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  border-width: 0;
  padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/* Comments */
.wp-block-post-comments input[type=submit] {
  font-family: var(--wp--preset--font-family--red-hat-display);
  color: var(--wp--custom--color--background);
}

.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]) {
  background-color: var(--wp--custom--color--background);
  color: var(--wp--custom--color--foreground);
  border-style: var(--wp--custom--button--border--style);
  border-width: var(--wp--custom--button--border--width);
  border-color: var(--wp--custom--color--foreground);
}

/*
* Alignment styles, borrowed from Twenty Twenty-Two.
* These rules are temporary, and should not be relied on or
* modified too heavily by themes or plugins that build on
* Twenty Twenty-Two. These are meant to be a precursor to
* a global solution provided by the Block Editor.
*
* Relevant issues:
* https://github.com/WordPress/gutenberg/issues/35607
* https://github.com/WordPress/gutenberg/issues/35884
*/
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align=full] {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  max-width: unset;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/*
* Responsive menu container padding.
* This ensures the responsive container inherits the same
* spacing defined above. This behavior may be built into
* the Block Editor in the future.
*/
.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*# sourceMappingURL=theme.css.map */