/* 
* Kohtuullisesti theme styles
*/

/* Scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Hide overflow */
html,
body {
  overflow-x: hidden;
}

/* Font smoothing */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  box-sizing: border-box;
}

/* 
* Global layout styles
*/

/* Headline hyphens */

h1, h2, h3, h4 {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

/* Remove default top and bottom padding */
body > div.wp-site-blocks {
  padding: 0;
  position: relative;
}

/* Add top margin for header */
body > div.wp-site-blocks > main {
  margin-top: 80px;
}

body > div.wp-site-blocks > main > .entry-content {
  max-width: 100vw;
  margin-left: auto !important;
  margin-right: auto !important;
}

body > div.wp-site-blocks > main > .entry-content > :where(.alignfull) {
  max-width: 100vw;
  margin-right: calc(-1 * var(--wp--style--root--padding-right)) !important;
  margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

/* Desktop styles */
@media screen and (min-width: 1200px) {
  body > div.wp-site-blocks > main {
    margin-top: 95px;
  }
}

/* 
* Hide on mobile
*/
.mobile-hide {
  display: none !important;
}
/* Desktop styles */
@media screen and (min-width: 1200px) {
  .mobile-hide {
    display: block !important;
  }
}

/*
* Header styles
*/

/* wp admin bar */
body.admin-bar header.wp-block-template-part {
  top: 32px;
}

/* Header base */
header.wp-block-template-part {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
  margin-top: 0 !important;
  background-color: var(--wp--preset--color--champagne);
}

/* Mobile styles */
@media screen and (max-width: 1199.98px) {
  header.wp-block-template-part {
    min-height: 80px;
  }

  header.wp-block-template-part > div.wp-block-group {
    justify-content: space-around;
  }

  header.wp-block-template-part div.wp-block-site-logo {
    z-index: 100001;
    min-width: 200px;
  }

  header.wp-block-template-part nav.wp-block-navigation {
    padding-right: 0;
    padding-left: calc(2 * var(--wp--style--root--padding-left));
  }

  header.wp-block-template-part > div.wp-block-group > div.wp-block-group {
    justify-content: space-between !important;
  }

  /* Open & Close icons */
  header.wp-block-template-part .wp-block-navigation__responsive-container-close svg,
  header.wp-block-template-part .wp-block-navigation__responsive-container-open svg {
    width: 42px;
    height: 42px;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-close {
    top: -14px;
    right: 0px;
  }

  /* Hide header text */
  header.wp-block-template-part > div.wp-block-group > div.wp-block-group > p.mobile-hide {
    display: none;
  }

  header.wp-block-template-part
    .wp-block-navigation
    .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--champagne);
    color: var(--wp--preset--color--buccaneer);
  }

  /* Content */
  header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    padding-top: min(100px, 12vh);
  }

  header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    li.wp-block-navigation-item {
    font-size: var(--wp--preset--font-size--medium) !important;
  }

  header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    ul.wp-block-navigation__container {
    gap: var(--wp--preset--spacing--40);
  }

  header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation__submenu-container {
    padding: var(--wp--preset--spacing--10);
  }

  header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation__submenu-container
    li.wp-block-navigation-link
    a.wp-block-navigation-item__content {
    font-family: var(--wp--preset--font-family--inter) !important;
    font-size: var(--wp--preset--font-size--regular-large) !important;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
  }
}

/* copy of wp default css to a 1000px media query */
@media (min-width: 1200px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}

/* Fixes list-block inline style bug affecting all ul elements */
ul:where(.wp-block-navigation__container, .wp-block-navigation__submenu-container) {
  padding: 0 !important;
}

/* 
* Footer styles
*/

footer.wp-block-template-part {
  background-color: var(--wp--preset--color--champagne);
  padding: var(--wp--preset--spacing--40) 0;
  margin: 0;
}

footer.wp-block-template-part > nav.wp-block-navigation > ul.wp-block-navigation__container {
  flex-direction: column;
}

footer.wp-block-template-part
  > nav.wp-block-navigation
  > ul.wp-block-navigation__container
  > li.wp-block-navigation-item
  > div.wp-block-site-logo {
  width: 200px;
}

/* Desktop styles */
@media screen and (min-width: 1200px) {
  footer.wp-block-template-part > nav.wp-block-navigation > ul.wp-block-navigation__container {
    flex-direction: row;
  }

  footer.wp-block-template-part
    > nav.wp-block-navigation
    > ul.wp-block-navigation__container
    > li.wp-block-navigation-item
    > div.wp-block-site-logo {
    width: 255px;
  }
}

/* 
* Header & Footer navigation block
*/

/* Add transition to navigation item */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .wp-block-navigation-link a {
  transition: color 0.15s ease-in-out;
}
/* Fixes navigation item hover color */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation
  .wp-block-navigation-item.current-menu-item
  .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .wp-block-navigation-link a:hover {
  color: var(--wp--preset--color--lavender-purple);
}

/* Desktop styles */
@media screen and (min-width: 1200px) {
  .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container {
    top: calc(100% + var(--wp--preset--spacing--10));
    border: none;
  }

  .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container
    .wp-block-navigation-item
    > a.wp-block-navigation-item__content {
    white-space: nowrap;
    padding: var(--wp--preset--spacing--10) 0.85em var(--wp--preset--spacing--10) 6px;
  }

  .wp-block-navigation
    ul.wp-block-navigation__container
    li.has-child:last-of-type
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container {
    right: calc(var(--wp--preset--spacing--30) * 2 * -1);
    left: unset;
  }

  .wp-block-navigation
    ul.wp-block-navigation__container
    li.has-child:last-of-type
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container
    .wp-block-navigation-item
    > a.wp-block-navigation-item__content {
    white-space: pre-wrap;
  }
}

/* 
* Media-text block
* Default style
*/
@media screen and (max-width: 767.98px) {
  body div.wp-site-blocks main > .entry-content .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
}

/* 
* Media-text block
* is-style-media-text-content-overlay
*/

body
  div.wp-site-blocks
  main
  > .entry-content
  .wp-block-media-text.is-style-media-text-content-overlay
  .wp-block-media-text__media
  > img {
  border-radius: 15vmin;
  aspect-ratio: 5/4;
  min-height: 420px;
  object-fit: cover;
}

/* Mobile styles */
@media screen and (max-width: 767.98px) {
  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay {
    margin-left: calc(-1 * var(--wp--preset--spacing--30)) !important;
    margin-right: calc(-1 * var(--wp--preset--spacing--30)) !important;
    width: 100vw;
    max-width: 100vw;
    padding: var(--wp--style--root--padding-top) var(--wp--style--root--padding-right)
      var(--wp--style--root--padding-bottom) var(--wp--style--root--padding-left);
  }

  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay
    .wp-block-media-text__content {
    padding: 0;
  }

  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay
    .wp-block-media-text__content
    > div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Tablet styles */

@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay {
    grid-template-columns: auto 50% !important;
    margin-left: calc(-1 * var(--wp--preset--spacing--30)) !important;
    margin-right: calc(-1 * var(--wp--preset--spacing--30)) !important;
    width: 100vw;
    max-width: 100vw;
    padding: var(--wp--style--root--padding-top) var(--wp--style--root--padding-right)
      var(--wp--style--root--padding-bottom) var(--wp--style--root--padding-left);
  }

  /* media on the right */
  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay
    .wp-block-media-text__content {
    padding: 0 0 0 8%;
  }

  /* Media on the right */
  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay.has-media-on-the-right
    .wp-block-media-text__content {
    padding: 0 8% 0 0;
  }

  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay
    .wp-block-media-text__content
    > div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Desktop styles */
@media screen and (min-width: 1200px) {
  body
    div.wp-site-blocks
    main
    > .entry-content
    .wp-block-media-text.is-style-media-text-content-overlay {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wp-block-media-text.is-style-media-text-content-overlay.has-background {
    background-color: transparent !important;
  }

  .wp-block-media-text.is-style-media-text-content-overlay .wp-block-media-text__content {
    margin-left: -13vw;
    margin-bottom: -15vw;
    padding: 0;
    z-index: 2;
  }

  .wp-block-media-text.is-style-media-text-content-overlay.has-media-on-the-right
    .wp-block-media-text__content {
    margin-left: 0;
    margin-right: -13vw;
  }
}

/* Popup/form styles */

.hustle-layout .hustle-layout-content .hustle-group-content {
    font-size: 1.2rem;
    font-family: var(--wp--preset--font-family--mono-45-headline)!important;
}

.hustle-layout .hustle-layout-content .hustle-group-content h2 {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

#forminator-module-394.forminator-design--flat .forminator-response-message.forminator-success {
  display: none!important;
}

/* CookieBot Styles */

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}