html,
body,
header,
main,
footer {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

strong {
  font-weight: 600;
}

.wp-site-blocks {
  max-width: 1920px;
  max-inline-size: 1920px;
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
}

.wp-block-site-logo img.custom-logo {
  max-width: 213px;
  max-inline-size: 213px;
  min-width: 100px;
  min-inline-size: 100px;
  width: 100%;
}

.wp-block-heading {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

header .arsnavitas-mobile-panel {
  --wp--style--global--content-size: 100%;
  box-shadow: var(--wp--preset--shadow--natural);
  max-width: clamp(200px, 50%, 300px);
  max-inline-size: clamp(200px, 50%, 300px);
}

header .arsnavitas-main-menu .wp-block-navigation-item:hover,
header .arsnavitas-main-menu .current-menu-item {
  color: var(--wp--preset--color--orange);
}

header .arsnavitas-main-menu .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
  border-top: 1px solid var(--wp--preset--color--pink);
  border-bottom: 1px solid var(--wp--preset--color--pink);
}

header .arsnavitas-main-menu .wp-block-navigation-submenu .wp-block-navigation-item + .wp-block-navigation-item {
  border-top: 1px solid var(--wp--preset--color--pink);
}

.wp-block-navigation__responsive-container {
  background-color: transparent !important;
}

:where(.arsnavitas-mobile-panel .wp-block-navigation .wp-block-navigation-item a:not(.wp-element-button)),
:where(.arsnavitas-mobile-panel .wp-block-navigation .wp-block-navigation-submenu a:not(.wp-element-button)) {
  padding: 0;
}

.arsnavitas-mobile-panel .wp-block-navigation__container.is-vertical {
  --navigation-layout-align: stretch;
  border-top: 1px solid var(--wp--preset--color--orange);
  border-bottom: 1px solid var(--wp--preset--color--orange);
  line-height: 2;
  width: 100%;
}

.arsnavitas-mobile-panel .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
.arsnavitas-mobile-panel .wp-block-navigation__container.is-vertical .wp-block-navigation-item + .wp-block-navigation-item {
  border-top: 1px solid var(--wp--preset--color--orange);
}

.arsnavitas-mobile-panel .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
.arsnavitas-mobile-panel .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
  gap: 0;
  padding-inline-end: 0;
}

@media screen and (min-width: 782px) {
  .wp-block-columns.is-style-reverse-order {
    flex-direction: row-reverse;
  }
}

.max-w-responsive {
  max-width: clamp(50%, calc(100% - 97.71vw + 488.55px), 100%);
  margin-right: auto !important;
  margin-left: auto !important;
}

@media screen and (max-width: 499px) {
  .max-w-responsive {
    background-color: transparent !important;
  }
}

@media screen and (max-width: 781px) {
  .has-global-padding.is-layout-constrained > .alignwide-responsive {
    max-width: none;
    margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  }
}

.texts-grid-post-template {
  row-gap: 0;
}

.texts-grid-post-template .wp-block-post {
  border-bottom: 2px solid var(--wp--preset--color--aubergine);
}

.page-template-teksti .wp-block-post-author-name::after,
.text-title-row .wp-block-post-author-name::after {
  content: ':';
}

.wp-block-post-excerpt__more-link.has-icon svg {
  fill: var(--wp--preset--color--aubergine);
  margin-top: -4px;
  vertical-align: middle;
}


@media screen and (max-width: 600px) {
  .wp-block-post-content > .texts-grid:first-child {
    border-top: 3px solid var(--wp--preset--color--aubergine);
    margin-top: -3px !important;
  }

  .has-global-padding.is-layout-constrained > .texts-grid {
    max-width: none;
    margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  }

  .texts-grid-post-template .wp-block-post:nth-child(2n + 1) {
    background-color: var(--wp--preset--color--ligth-gray);
  }
}

@media screen and (min-width: 601px) {
  .texts-grid-post-template .wp-block-post:nth-child(4n + 1),
  .texts-grid-post-template .wp-block-post:nth-child(4n + 2) {
    background-color: var(--wp--preset--color--ligth-gray);
  }

  .texts-grid-post-template .wp-block-post:nth-last-child(1) {
    border-bottom-width: 3px;
  }

  .texts-grid-post-template .wp-block-post:nth-last-child(2) {
    border-bottom-width: 3px;
  }
}
