/*
Theme Name: Pedalmondo Block Theme
Author: Galli Web
Author URI: https://galliweb.ch
Description: Pedalmondo FSE Block Theme.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pedalmondo
*/

footer,
main {
  margin-top: 0
}

.skip-link.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}

.skip-link.screen-reader-text:focus-visible {
  background-color: #eee;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px
}

:focus:not(:focus-visible) {
  outline: 0
}

:focus-visible {
  outline: 2px solid var(--wp--preset--color--rot);
  outline-offset: 2px
}

.wp-block-site-logo a,
a,
button {
  border-radius: 4px
}

main a:hover {
  color: grey;
}

header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid var(--wp--preset--color--border);
}

header.wp-block-template-part.is-stuck {
  padding-block: 0
}

a.wp-block-button__link.wp-element-button,
a.wp-block-button__link.wp-element-button::before,
header.wp-block-template-part .wp-block-site-logo img,
header.wp-block-template-part > .wp-block-group {
  transition: .2s ease-in-out
}

header.wp-block-template-part.is-stuck > .wp-block-group {
  padding-top: var(--wp--preset--spacing--x-small) !important;
  padding-bottom: var(--wp--preset--spacing--x-small) !important
}

header.wp-block-template-part.is-stuck .wp-block-site-logo img {
  width: 180px
}

footer.wp-block-template-part {
  border-top: 1px solid var(--wp--preset--color--border);
}

figure.wp-block-image {
  border: 1px solid var(--wp--preset--color--border);
}


.wp-block-accordion > .wp-block-accordion-item {
  margin-bottom: 8px !important
}

.wp-block-accordion-item,
.wp-block-accordion-panel {
  margin-top: 0 !important
}

.is-open .wp-block-accordion-panel {
  margin-bottom: 15px !important
}

.wp-block-accordion-heading__toggle:focus-visible {
  outline: 2px solid var(--wp--preset--color--rot) !important;
  outline-offset: 4px !important
}

.wp-block-accordion-heading__toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 4px
}

.is-open .wp-block-accordion-heading__toggle {
  margin-bottom: 6px !important
}

.accordion-icon {
  transition: opacity .3s, transform .3s
}

.accordion-icon--open,
.header-cta-icon,
[aria-expanded=true] .accordion-icon--closed {
  display: none
}

[aria-expanded=true] .accordion-icon--open {
  display: inline-block
}

[aria-expanded=true] .accordion-icon--open svg {
  animation: .3s forwards rotate-in
}

@keyframes rotate-in {
  from {
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    transform: rotate(0);
    opacity: 1
  }
}

a.wp-block-button__link.wp-element-button:hover::before {
  transform: translateX(3px)
}

ul.wp-block-list li::marker {
  color: var(--wp--preset--color--rot) !important
}

.wp-block-query .columns-3.wp-block-post-template {
  grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr)) !important;
  gap: clamp(1rem, 3vw, 3rem) !important
}

@media all and (max-width:768px) {
  .wp-block-site-logo img {
    width: 200px !important
  }

  .header-cta-icon {
    display: flex
  }

  .wp-block-navigation__responsive-container-close {
    top: 16px !important
  }

  header.wp-block-template-part.is-stuck > .wp-block-group {
    padding-top: var(--wp--preset--spacing--small) !important;
    padding-bottom: var(--wp--preset--spacing--small) !important
  }
}

.wp-block-navigation__responsive-container-close {
  right: 16px;
  top: 16px
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  align-items: center
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 7rem
}

.header-cta-icon,
.wp-block-site-logo {
  position: relative;
  z-index: 100001;
}

footer .wp-block-site-logo {
  z-index: auto;
}

@media all and (max-width: 768px) {
  .m-f-rr {
    flex-direction: row-reverse !important;
  }
}

.pll-switcher-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-width: 0;
  outline: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M317.5 420.1C295.4 465 271.5 480 256 480s-39.4-15-61.5-59.9c-19-38.6-32.1-91.3-34.2-148.1l191.4 0c-2.1 56.8-15.2 109.5-34.2 148.1zM351.7 240l-191.4 0c2.1-56.8 15.2-109.5 34.2-148.1 22.1-44.9 46-59.9 61.5-59.9s39.4 15 61.5 59.9c19 38.6 32.1 91.3 34.2 148.1zm32 32l95.7 0c-6.5 92.5-69.2 169.5-154.2 197.1 33-44.2 55.8-117.8 58.5-197.1zm95.7-32l-95.7 0c-2.7-79.3-25.5-152.9-58.5-197.1 85 27.6 147.7 104.6 154.2 197.1zm-351.2 0l-95.7 0c6.5-92.5 69.2-169.5 154.2-197.1-33 44.2-55.8 117.8-58.5 197.1zM32.6 272l95.7 0c2.7 79.3 25.5 152.9 58.5 197.1-85-27.6-147.7-104.6-154.2-197.1zM256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 1em;
  padding-left: 1.4em;
}

p a[target="_blank"]::after,
p a[rel*="external"]::after {
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.65em;
  margin-left: 0.25em;
  margin-right: 0.15em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M288 24c0 13.3 10.7 24 24 24l118.1 0-231 231c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l231-231 0 118.1c0 13.3 10.7 24 24 24s24-10.7 24-24l0-176c0-13.3-10.7-24-24-24L312 0c-13.3 0-24 10.7-24 24zM80 96C35.8 96 0 131.8 0 176L0 432c0 44.2 35.8 80 80 80l256 0c44.2 0 80-35.8 80-80l0-88c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 88c0 17.7-14.3 32-32 32L80 464c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l88 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L80 96z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M288 24c0 13.3 10.7 24 24 24l118.1 0-231 231c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l231-231 0 118.1c0 13.3 10.7 24 24 24s24-10.7 24-24l0-176c0-13.3-10.7-24-24-24L312 0c-13.3 0-24 10.7-24 24zM80 96C35.8 96 0 131.8 0 176L0 432c0 44.2 35.8 80 80 80l256 0c44.2 0 80-35.8 80-80l0-88c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 88c0 17.7-14.3 32-32 32L80 464c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l88 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L80 96z'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  vertical-align: middle;
}

/* external link
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 24c0 13.3 10.7 24 24 24l118.1 0-231 231c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l231-231 0 118.1c0 13.3 10.7 24 24 24s24-10.7 24-24l0-176c0-13.3-10.7-24-24-24L312 0c-13.3 0-24 10.7-24 24zM80 96C35.8 96 0 131.8 0 176L0 432c0 44.2 35.8 80 80 80l256 0c44.2 0 80-35.8 80-80l0-88c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 88c0 17.7-14.3 32-32 32L80 464c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l88 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L80 96z"/></svg>
*/

/* download
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M240 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 281.4-84.7-84.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l112 112c6.2 6.2 16.4 6.2 22.6 0l112-112c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L240 297.4 240 16zM85.5 288L64 288c-35.3 0-64 28.7-64 64l0 64c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-64c0-35.3-28.7-64-64-64l-21.5 0-32 32 53.5 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32L64 448c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l53.5 0-32-32zM368 384a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z"/></svg>
*/

.wp-block-image :where(figcaption) {
  margin: 0 0 1em 0 !important;
  font-size: 0.75rem !important;
}

.wp-block-tiptip-hyperlink-group-block p a,
.wp-block-tiptip-hyperlink-group-block p,
.wp-block-tiptip-hyperlink-group-block,
.wp-block-tiptip-hyperlink-group-block a p {
  text-decoration: none !important;
}

.wp-block-navigation-item__content:hover,
.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation-item__content[aria-current="page"] {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

a[href*="pdf"]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.75em;
  margin-left: 0.25em;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M208 48L96 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0 48-80 0c-35.3 0-64-28.7-64-64L32 64C32 28.7 60.7 0 96 0L229.5 0c17 0 33.3 6.7 45.3 18.7L397.3 141.3c12 12 18.7 28.3 18.7 45.3l0 149.5-48 0 0-128-88 0c-39.8 0-72-32.2-72-72l0-88zM348.1 160L256 67.9 256 136c0 13.3 10.7 24 24 24l68.1 0zM240 380l32 0c33.1 0 60 26.9 60 60s-26.9 60-60 60l-12 0 0 28c0 11-9 20-20 20s-20-9-20-20l0-128c0-11 9-20 20-20zm32 80c11 0 20-9 20-20s-9-20-20-20l-12 0 0 40 12 0zm96-80l32 0c28.7 0 52 23.3 52 52l0 64c0 28.7-23.3 52-52 52l-32 0c-11 0-20-9-20-20l0-128c0-11 9-20 20-20zm32 128c6.6 0 12-5.4 12-12l0-64c0-6.6-5.4-12-12-12l-12 0 0 88 12 0zm76-108c0-11 9-20 20-20l48 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 24 28 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 44c0 11-9 20-20 20s-20-9-20-20l0-128z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M208 48L96 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0 48-80 0c-35.3 0-64-28.7-64-64L32 64C32 28.7 60.7 0 96 0L229.5 0c17 0 33.3 6.7 45.3 18.7L397.3 141.3c12 12 18.7 28.3 18.7 45.3l0 149.5-48 0 0-128-88 0c-39.8 0-72-32.2-72-72l0-88zM348.1 160L256 67.9 256 136c0 13.3 10.7 24 24 24l68.1 0zM240 380l32 0c33.1 0 60 26.9 60 60s-26.9 60-60 60l-12 0 0 28c0 11-9 20-20 20s-20-9-20-20l0-128c0-11 9-20 20-20zm32 80c11 0 20-9 20-20s-9-20-20-20l-12 0 0 40 12 0zm96-80l32 0c28.7 0 52 23.3 52 52l0 64c0 28.7-23.3 52-52 52l-32 0c-11 0-20-9-20-20l0-128c0-11 9-20 20-20zm32 128c6.6 0 12-5.4 12-12l0-64c0-6.6-5.4-12-12-12l-12 0 0 88 12 0zm76-108c0-11 9-20 20-20l48 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 24 28 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 44c0 11-9 20-20 20s-20-9-20-20l0-128z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}