:root {
  --color-bg: #ffffff;
  --color-text: #0f172a;
  --space-md: 1rem;
  --color-jakarta: #353452;
  --color-teal: #137777;
  --color-terracotta: #CC4236;
  --color-testo-attenuato: rgba(53, 52, 82, 0.72);
  --color-teal-su-scuro: #6dabab;
}

.u-container {
  width: min(1200px, 100% - 2rem);
  margin-inline: auto;
}

html {
  scrollbar-gutter: stable;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: "Roboto Flex", ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

svg {
  max-width: 100%;
}

a.skip-link.screen-reader-text:focus {
  clip: auto;
  clip-path: none;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  top: 1rem;
  left: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  background-color: var(--color-jakarta);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  outline: 3px solid var(--color-teal);
  outline-offset: 3px;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--color-teal);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  .atl-fade-in {
    opacity: 1 !important;
    transform: none !important;
  }
}
body,
body :where(p, h1, h2, h3, h4, h5, h6, a, button, input, textarea, select, label, li, span, strong, em, small) {
  font-family: "Roboto Flex", ui-sans-serif, system-ui, sans-serif !important;
}

body :where(p, h1, h2, h3, h4, h5, h6, a, button, input, textarea, select, label, li, span, strong, em, small) {
  letter-spacing: 0;
}

:where([class*=atl-]) a {
  text-decoration: none;
}

#wpadminbar {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: normal !important;
}

#wpadminbar .ab-item,
#wpadminbar a,
#wpadminbar button,
#wpadminbar .ab-label,
#wpadminbar .display-name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: normal !important;
}

#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .dashicons,
#wpadminbar [class^=dashicons-],
#wpadminbar [class*=" dashicons-"] {
  font-family: dashicons !important;
}

.editor-styles-wrapper .dashicons,
.editor-styles-wrapper [class^=dashicons-],
.editor-styles-wrapper [class*=" dashicons-"],
body.wp-admin .dashicons,
body.wp-admin [class^=dashicons-],
body.wp-admin [class*=" dashicons-"] {
  font-family: dashicons !important;
}

.editor-styles-wrapper .fa,
.editor-styles-wrapper .fa-solid,
.editor-styles-wrapper .fa-regular,
.editor-styles-wrapper .fa-brands,
body.wp-admin .fa,
body.wp-admin .fa-solid,
body.wp-admin .fa-regular,
body.wp-admin .fa-brands {
  font-family: "Font Awesome 6 Free" !important;
}

.editor-styles-wrapper .fa-brands,
body.wp-admin .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}

#wpadminbar {
  height: 32px;
  font-size: 13px !important;
  line-height: 32px !important;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    height: 46px;
  }
}
.atl-dark-wrapper {
  background: #ffffff;
  transition: background 0.3s ease;
  will-change: background-color;
}
.atl-dark-wrapper.atl-dark-mode {
  background: #353452;
}

.atl-fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.atl-fade-in.atl-revealed {
  opacity: 1;
  transform: none;
}

.wp-site-blocks > .wp-block-template-part {
  margin-block-start: 0 !important;
}

body.home > .wp-site-blocks > main.wp-block-group {
  margin-block-start: 0 !important;
}

.editor-styles-wrapper .atl-fade-in {
  opacity: 1 !important;
  transform: none !important;
}
.editor-styles-wrapper .atl-dark-wrapper {
  background: #ffffff !important;
}

.editor-styles-wrapper .wp-block[class*=wp-block-acf-],
.editor-styles-wrapper .wp-block.alignfull,
.editor-styles-wrapper .wp-block.atl-dark-wrapper {
  max-width: none !important;
}