/*
Theme Name:         Social Web Foundation Theme
Theme URI:          https://github.com/a8cteam51/team51-project-scaffold
Author:             Automattic Special Projects
Author URI:         https://wpspecialprojects.com
Description:        Towards a bigger, better fediverse.
Version:            1.0.0
Update URI:			false
Requires at least:  6.5
Requires PHP:       8.3
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:        socialwebfoundation
Domain Path:        /languages
Tags:               scaffold
*/
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
p.no-underline a {
  text-decoration: none;
}
p.no-underline a:hover {
  text-decoration: underline;
}

/*
 * Keyboard focus ring for links. :focus-visible only: menus and modals move
 * focus to their first link with script when they open, and a plain :focus
 * rule would draw the ring after a mouse click or tap too.
 */
:root :where(a:where(:not(.wp-element-button))):focus-visible {
  outline-color: var(--wp--preset--color--black);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: dashed;
  border-radius: 4px;
  text-decoration-line: none;
}

.has-background a:focus-visible {
  outline-color: var(--wp--preset--color--white);
}

/*
 * Visually hidden, still announced by screen readers. Core only ships this
 * class in wp-admin, so block themes have to provide it for the front end
 * (used by the generic-link labels and the carousel's live region).
 */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  word-wrap: normal !important;
}

/* Smooth scrolling */
@media (prefers-reduced-motion: no-preference) {
  * {
    scroll-behavior: smooth;
  }
}
body {
  /* Font smoothing */
  text-rendering: geometricprecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reduce widows and orphans */
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
caption,
figcaption,
li {
  text-wrap: pretty;
}

/* Remove double-bold headings */
.wp-block-heading strong,
.wp-block-heading b {
  font-weight: inherit;
}

.has-paragraph-l-font-size {
  line-height: 1.5;
}

/**
 * Sticky pill header.
 *
 * The <header> element only exists on the front end (the template part's
 * tagName). Everything visual lives on the part's outer group, `.site-header`,
 * so the same look applies when the part is edited on its own in the site
 * editor, where the canvas root holds the group directly.
 */
header {
  position: sticky;
  top: var(--wp-admin--admin-bar--position-offset, 0);
  z-index: 100;
  background-color: transparent;
}

.site-header {
  background-color: transparent;
  padding: 18px var(--wp--preset--spacing--20) !important;
}
@media (max-width: 959px) {
  .site-header {
    background-color: var(--wp--preset--color--white);
  }
}
.site-header > .wp-block-group.alignwide {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  margin-inline: auto;
  padding: var(--wp--preset--spacing--10) !important;
  background-color: var(--wp--preset--color--white);
  border-radius: 90px;
}
@media (max-width: 959px) {
  .site-header > .wp-block-group.alignwide {
    padding: 0 !important;
    flex-wrap: nowrap;
  }
}
@media (max-width: 959px) {
  .site-header .wp-block-site-logo .custom-logo-link {
    gap: 12px;
  }
  .site-header .wp-block-site-logo .custom-logo-link img {
    max-width: 164px;
    height: auto;
  }
  .site-header .wp-block-site-logo .custom-logo-link::before {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 959px) {
  .site-header .has-background.has-black-background-color .custom-logo-link {
    gap: 12px;
  }
  .site-header .has-background.has-black-background-color .custom-logo-link::before {
    width: 35px;
    height: 35px;
  }
  .site-header .has-background.has-black-background-color .custom-logo-link::after {
    width: 164px;
    height: 13px;
  }
}

/* Shadow once the header has scrolled away from the top (class added by the theme script). */
@media (min-width: 960px) {
  header.is-pinned .site-header > .wp-block-group.alignwide {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  }
}

footer {
  margin-block-start: 0;
  max-width: 1440px;
  margin: 0 auto;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer .footer-links a {
  font-size: 20px;
}
footer .footer-colophon-row .wp-block-site-title {
  font-weight: 400;
  font-size: inherit;
}
footer .footer-colophon-row p code {
  font-family: var(--wp--preset--font-family--inter) !important;
}
footer .footer-colophon-row a {
  text-decoration: underline;
}
footer .footer-colophon-row a:hover {
  text-decoration: none;
}

/**
 * Page
 * - Description of page styles
 */
.wp-theme-style {
  color: #fff;
  padding: 2px;
  appearance: auto;
  direction: ltr;
}
@media (min-width: 960px) {
  .wp-theme-style {
    background-color: #21759b;
  }
}
@media (max-width: 781px) {
  .wp-theme-style {
    background-color: #d54e21;
  }
}
@media (min-width: 782px) and (max-width: 959px) {
  .wp-theme-style {
    background-color: #7ad03a;
  }
}

/*
 * Single Post custom styles
 */
body.single-post h2 {
  font-size: clamp(2.25rem, 1.29rem + 2.673vw, 3rem);
}
/*# sourceMappingURL=style.css.map */