@charset "UTF-8";
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
body > * {
  flex: 0 0 auto;
}
body > main {
  flex: 1 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

/*
 * Set z-index on main to contain all content layers.
 */
main {
  z-index: 1;
}

button {
  border: 0;
  background: transparent;
}

a,
button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  transition: all 0.3s;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

.text-404 {
  padding-top: 8rem;
  padding-bottom: 20rem;
}

/*
 * Page
 */
.no-padding {
  padding: 0;
}

/* Image utils */
.image-fillarea {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* WP fixes */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
    overflow: hidden;
  }
}

:root {
  --jcore-font-family: var(--wp--preset--font-family--ProximaNova);
  --jcore-heading-font-family: var(--wp--preset--font-family--ProximaNova);
}

/* Any heading with pre-text in mini-font-size (use css: "mini" on the H-element for right margins)*/
h1.wp-block-heading.mini, h2.wp-block-heading.mini, h3.wp-block-heading.mini, h4.wp-block-heading.mini {
  margin-top: 0.5rem;
}

/* Any paragraph with pre-text in mini-font-size (use css: "mini" on the p-element for right margins)*/
p.mini {
  margin-top: 0.5rem;
}

a {
  text-underline-offset: 3px;
  text-decoration-thickness: from-font;
}

/* 
* Add Project Specific Gutenberg Block Styling here! 
*
*/
/* 
* A little hack to cover the whole content column with one link from below. Add the linkall class to the surrounding div, and the the high class to the p contianing the link
*
*/
.linkall {
  position: relative;
}

p.high a::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  content: "";
}

/* Grid gap utility class for jcore grid */
.wp-block-jcore-grid.grid-gap-32 {
  gap: 32px;
}

/* Image overflow utility classes */
.overflow-top-100 {
  margin-top: -100px !important;
}

@media (max-width: 768px) {
  .overflow-top-100 {
    margin-top: -75px !important;
  }
}
.overflow-top-50 {
  margin-top: -50px !important;
}

footer {
  padding-top: 3rem;
  padding-bottom: 0;
}
footer .logorow {
  align-items: center;
  /* Some */
}
@media (min-width: 768px) {
  footer .logorow .wp-block-social-links {
    justify-content: end;
  }
}
footer {
  /*Copyright section */
}
@media (min-width: 768px) {
  footer .copyright {
    display: flex;
    flex-flow: row break;
    justify-content: center;
    align-items: center;
  }
}
footer .copyright p {
  margin-bottom: 1rem;
}

#jcore-nav {
  --jcore-menu-height: 80px;
  --jcore-menu-width: 200px;
  --jcore-menu-padding: 1rem;
  --jcore-mobile-width: 980px;
  display: flex;
  margin: 0 calc((100vw - var(--wp--style--global--content-size)) / 2);
  justify-content: space-between;
}
#jcore-nav .brand {
  height: var(--jcore-menu-height);
}
#jcore-nav .brand img {
  height: calc(var(--jcore-menu-height) - var(--jcore-menu-padding) * 2);
  margin: var(--jcore-menu-padding);
  width: auto;
}
#jcore-nav {
  /* Set styles for all menu levels. */
}
#jcore-nav .menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
#jcore-nav {
  /* Level specific styles */
}
#jcore-nav .menu-0 {
  flex-direction: row;
  height: var(--jcore-menu-height);
}
#jcore-nav .menu-item {
  margin: 0 0.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
#jcore-nav .menu-link {
  text-wrap: nowrap;
}
#jcore-nav {
  /* Open / Close submenu button. */
}
#jcore-nav button.toggle {
  margin: 0 0.5rem;
}
#jcore-nav button.toggle .fa-angle-up {
  display: none;
}
#jcore-nav button.toggle.open .fa-angle-up {
  display: unset;
}
#jcore-nav button.toggle.open .fa-angle-down {
  display: none;
}
#jcore-nav .hamburger svg {
  width: 36px;
}

/* Desktop navigation styles. */
@media (min-width: 992px) {
  #jcore-nav .hamburger {
    display: none;
  }
  #jcore-nav .menu-0 > .menu-item {
    flex-direction: row;
  }
  #jcore-nav .menu-1 {
    position: absolute;
    top: var(--jcore-menu-height);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: var(--wp--preset--color--dark);
    border-radius: 1rem;
    padding: 1rem;
  }
  #jcore-nav .menu-1:not(.open) {
    display: none;
  }
}
/* Mobile navigation styles. */
@media (width < 992px) {
  #jcore-nav .menu-0 {
    position: absolute;
    overflow: hidden;
    height: 0;
    transition: height 100ms;
    left: 0;
    right: 0;
    top: var(--jutils-height);
    flex-direction: column;
    background-color: var(--wp--preset--color--dark);
  }
  #jcore-nav .menu-0.mobile-open {
    height: calc(100vh - var(--jutils-height));
  }
  #jcore-nav .menu-1 {
    position: unset;
    top: unset;
    left: unset;
  }
  #jcore-nav .menu-1:not(.open) {
    display: unset;
  }
  #jcore-nav {
    /* Hide submenu button for mobile menu. */
  }
  #jcore-nav button.toggle {
    display: none;
  }
  /* Stop header from hiding with open menu. */
  .scrollActive.navigation-header:has(.mobile-open) {
    margin-top: 0;
  }
}
/* jscroll is active on the element. */
.scrollActive {
  transition: margin-top 300ms;
}
.scrollActive.scrollTop, .scrollActive.scrollUp {
  margin-top: 0;
}
.scrollActive.scrollDown {
  margin-top: calc(var(--jutils-height) * -1);
}

.sticky {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  left: 0;
  right: 0;
  z-index: 10;
}

/* WP Fix */
body.admin-bar {
  /* Fix for WP admin-bar */
}
body.admin-bar .navbar.scrollActive,
body.admin-bar .navbar.sticky,
body.admin-bar .skip-to-content a {
  top: 46px;
}
@media screen and (min-width: 781px) {
  body.admin-bar .navbar.scrollActive,
  body.admin-bar .navbar.sticky,
  body.admin-bar .skip-to-content a {
    top: 32px;
  }
}

.archive-posts,
.wp-block-jcore-dynamic-archive-posts__inner {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

@media (min-width: 360px) {
  .archive-posts.columns-2,
  .wp-block-jcore-dynamic-archive-posts__inner.columns-2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .archive-posts.columns-3,
  .wp-block-jcore-dynamic-archive-posts__inner.columns-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .archive-posts.columns-3,
  .wp-block-jcore-dynamic-archive-posts__inner.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 360px) {
  .archive-posts.columns-4,
  .wp-block-jcore-dynamic-archive-posts__inner.columns-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .archive-posts.columns-4,
  .wp-block-jcore-dynamic-archive-posts__inner.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* JCORE DYNAMIC ARCHIVE */
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters {
  margin-bottom: 3rem;
}
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters .wp-block-jcore-dynamic-archive__filters__taxonomies__type h3 {
  font-weight: 400;
  text-transform: uppercase;
}
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters .wp-block-jcore-dynamic-archive__filters__taxonomies__type select {
  background-color: var(--wp--preset--color--light);
  border-radius: none;
  border: 1px solid black;
  shadow: none;
  padding: 1rem;
  max-width: 360px;
  min-width: 280px;
  text-transform: uppercase;
}
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters .wp-block-jcore-dynamic-archive__filters__taxonomies__type label.wp-block-jcore-dynamic-archive-filters__radio {
  width: max-content;
  padding: 4px 16px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 1rem;
}
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters .wp-block-jcore-dynamic-archive__filters__taxonomies__type input.wp-block-jcore-dynamic-archive-filters__radio__input {
  visibility: hidden;
}
.wp-block-jcore-dynamic-archive .wp-block-jcore-dynamic-archive__filters .wp-block-jcore-dynamic-archive__filters__taxonomies__type.taxonomy-type-category__children {
  margin-top: 1.5rem;
}

/* JCORE Dynamic Archive Pagination */
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: baseline;
  gap: 0.25rem;
  margin: 4rem 0.25rem 3rem;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav a {
  font-size: 1rem;
  margin: 0rem;
  color: var(--wp--preset--color--dark);
  background: var(--wp--preset--color--light);
  font-weight: 400;
  padding: 0.75rem 1.25rem;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav a.current {
  background: var(--wp--preset--color--success);
}
.wp-block-jcore-dynamic-archive-posts__pagination nav a:hover {
  text-decoration: none;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  /*Pagination first */
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-first {
  background: var(--wp--preset--color--brand);
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-first .wp-block-jcore-dynamic-archive__pagination__link__icon::after {
  content: "\f323";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-first .wp-block-jcore-dynamic-archive__pagination__link__text {
  display: none;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  /*Pagination previous */
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-previous {
  background: var(--wp--preset--color--brand);
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-previous .wp-block-jcore-dynamic-archive__pagination__link__icon::after {
  content: "\f053";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-previous .wp-block-jcore-dynamic-archive__pagination__link__text {
  display: none;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  /*Pagination next */
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-next {
  background: var(--wp--preset--color--brand);
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-next .wp-block-jcore-dynamic-archive__pagination__link__icon::after {
  content: "\f054";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-next .wp-block-jcore-dynamic-archive__pagination__link__text {
  display: none;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  /*Pagination last */
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-last {
  background: var(--wp--preset--color--brand);
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-last .wp-block-jcore-dynamic-archive__pagination__link__icon::after {
  content: "\f324";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link-last .wp-block-jcore-dynamic-archive__pagination__link__text {
  display: none;
}
.wp-block-jcore-dynamic-archive-posts__pagination nav {
  /* Current link item */
}
.wp-block-jcore-dynamic-archive-posts__pagination nav .wp-block-jcore-dynamic-archive__pagination__link.is-current {
  background: var(--wp--preset--color--brand);
}

/* JCORE Dynamic Archive load more button */
.wp-block-jcore-dynamic-archive-posts__pagination {
  display: flex;
  justify-content: center;
}
.wp-block-jcore-dynamic-archive-posts__pagination a.wp-block-jcore-dynamic-archive-posts__load_more {
  background-color: var(--wp--preset--color--brand);
  color: var(--wp--preset--color--white);
  width: max-content;
  padding: 0.45rem 2rem;
  margin-top: 3rem;
  font-size: var(--wp--preset--font-size--mini);
  line-height: var(--wp--custom--line-height--sm);
}

.wp-block-jcore-latest-posts__inner {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  gap: 0;
}

.wp-block-jcore-latest-posts__inner.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.wp-block-jcore-latest-posts__inner.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.wp-block-jcore-latest-posts__inner.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.wp-block-jcore-latest-posts__inner.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.posts-highlight {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}

.posts-highlight.columns-2 {
  grid-template-columns: 1fr 1fr;
}

.posts-highlight.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.posts-highlight.columns-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tease {
  text-align: left;
  display: block;
}

.tease .image-container {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}

.tease .image-container::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.tease .image-container img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  font-family: "object-fit: cover;";
}

.tease .image-container.postcard::after {
  padding-bottom: 66%;
}

.block-post_grid .posts-highlight {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}
@media (min-width: 360px) {
  .block-post_grid.columns-2 .posts-highlight {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .block-post_grid.columns-3 .posts-highlight {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 360px) {
  .block-post_grid.columns-4 .posts-highlight {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .block-post_grid.columns-4 .posts-highlight {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.masonry-grid {
  display: grid;
  grid-row-gap: 2rem !important;
  grid-template-columns: 1fr;
  grid-auto-rows: 20px;
}
.masonry-grid > * {
  width: auto !important;
  grid-row-end: span 20; /* Somewhat sane default. */
}
@media (min-width: 768px) {
  .masonry-grid {
    grid-row-gap: 3rem !important;
  }
  .masonry-grid.columns-2, .masonry-grid.columns-3, .masonry-grid.columns-4 {
    grid-template-columns: 1fr 1fr;
  }
  .masonry-grid .tease-nr-2 .image-container {
    margin-top: 6rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .masonry-grid.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .masonry-grid.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.error404 h1 {
  font-size: var(--wp--preset--font-size--heading-1);
  margin-top: 3rem;
}
.error404 .home-link {
  max-width: var(--wp--style--global--content-size);
  margin-top: 2rem;
  text-transform: uppercase;
  padding-bottom: 2rem;
  margin-bottom: 5rem;
}

.block-social_share {
  background: var(--wp--preset--color--white);
  border-radius: 10px;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .block-social_share {
    display: grid;
    grid-template-columns: auto 180px;
    grid-gap: 0.5rem;
    justify-content: end;
    justify-items: end;
    align-items: center;
  }
}
.block-social_share p.share-heading {
  font-family: var(--jcore-heading-font-family);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .block-social_share p.share-heading {
    margin-bottom: 0;
  }
}
.block-social_share .social-media-share a {
  text-decoration: none;
}
.block-social_share .social-media-share a i {
  margin-right: 0.5rem;
}

/* Yoast FAQ & Accordion Block Styling */
.schema-faq-section .schema-faq-question,
.block-accordion .accordion-title {
  font-family: var(--jcore-heading-font-family);
  font-size: var(--wp--preset--font-size--heading-5);
  color: var(--wp--preset--color--dark);
  font-weight: 400;
  margin: 8px 0;
  padding: 1rem 2rem 1rem 1rem;
  cursor: pointer;
  position: relative;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  width: 100%;
  background-color: var(--wp--preset--color--light);
}
.schema-faq-section .schema-faq-question:after,
.block-accordion .accordion-title:after {
  content: "⏷";
  position: absolute;
  font-family: var(--jcore-heading-font-family);
  top: 50%;
  right: 0;
  width: 44px;
  height: 44px;
  background: var(--wp--preset--color--light);
  border-radius: 999px;
  text-align: center;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wp--preset--font-size--heading-3);
}
.schema-faq-section .schema-faq-question.faq-q-open:after, .schema-faq-section .schema-faq-question.accordion-open:after,
.block-accordion .accordion-title.faq-q-open:after,
.block-accordion .accordion-title.accordion-open:after {
  content: "⏶";
}

.schema-faq-section p.schema-faq-answer,
.accordion-section .accordion-content {
  margin: 0;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--paragraph);
}
@media (min-width: 768px) {
  .schema-faq-section p.schema-faq-answer,
  .accordion-section .accordion-content {
    max-width: 80%;
  }
}

.schema-faq-section p.schema-faq-answer {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-left: 1rem;
  transition: height 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.schema-faq-section p.schema-faq-answer.faq-a-open {
  margin-bottom: 1rem;
}

/**
* Gravity Forms minimalistics if using default base theme in GF settings.
* The theme framework uses root settings, if nothing else defined.
* Add more gernral settings to root by inspecting the element styling you want to change.
* The button styling is set from Ilme root button styles found in blocks/buttons.css
*/
/**
* Gravity Forms minimalistics if using default base theme in GF settings.
* The theme framework uses root settings, if nothing else defined.
* Add more gernral settings to root by inspecting the element styling you want to change.
* The button styling is set from Ilme root button styles found in blocks/buttons.css.
* For style changes to take effect: MAKE BUILD!!!
*/
:root .gform-theme--framework {
  --gf-color-primary: var(--wp--preset--color--brand);
  --gf-color-primary-darker: var(--wp--preset--color--orange);
  --gf-ctrl-bg-color: var(--wp--preset--color--white);
  --gf-color-out-ctrl-light-darker: var(--wp--preset--color--lightgrey);
  --gf-ctrl-border-color: var(--wp--preset--color--lightgrey);
  --gf-ctrl-border-color-hover: var(--wp--preset--color--lightgrey);
  --gf-ctrl-radius: 12px;
  --gf-ctrl-textarea-radius: 12px;
  --gf-ctrl-border-width: 1px;
  --gf-ctrl-border-style: solid;
  --gf-ctrl-color: var(--wp--preset--color--black);
  --gf-ctrl-outline-color: var(--wp--preset--color--lightblue);
  --gf-ctrl-outline-color-focus: var(--wp--preset--color--lightblue);
  --gf-ctrl-border-color-focus: var(--wp--preset--color--brand);
  --gf-ctrl-accent-color: var(--wp--preset--color--brand);
  --gf-ctrl-btn-bg-color-ctrl: var(--jcore-button-bg-color);
  --gf-ctrl-btn-color-primary: var(--jcore-button-text-color);
  --gf-ctrl-btn-color-hover-primary: var(--jcore-button-hover-text-color);
  --gf-ctrl-btn-color-hover-ctrl: var(--jcore-button-hover-text-color);
  --gf-ctrl-btn-bg-color-primary: var(--jcore-button-bg-color);
  --gf-ctrl-btn-bg-color-hover-primary: var(--jcore-button-hover-bg-color);
  --gf-ctrl-btn-bg-color-hover-ctrl: var(--jcore-button-hover-bg-color);
  --gf-ctrl-btn-radius: var(--jcore-button-radius);
  --gf-ctrl-btn-font-weight: var(--jcore-button-font-weight);
  --gf-ctrl-btn-text-transform: none;
  --gf-ctrl-btn-font-size: var(--jcore-button-font-size);
  --gf-ctrl-btn-font-style: normal;
  --gf-ctrl-btn-font-family: var(--jcore-heading-font-family);
  --gf-ctrl-btn-font-size-md: var(--wp--preset--font-size--paragraph);
  --gf-ctrl-btn-padding-y: 1rem;
  --gf-ctrl-btn-padding-x-md: 2rem;
  --gf-ctrl-choice-check-color: var(--wp--preset--color--brand);
  --gf-field-pg-prog-bar-bg-color-blue: var(--wp--preset--color--brand);
  --gf-field-pg-prog-bar-bg-color-orange: var(--wp--preset--color--brand);
  --gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--paragraph);
  --gf-ctrl-label-font-size-tertiary: var(--wp--preset--font-size--mini);
  --gf-color-in-ctrl-primary: var(--wp--preset--color--brand);
  --gf-color-in-ctrl-primary-darker: var(--wp--preset--color--brand);
  --gf-ctrl-file-zone-icon-color: var(--wp--preset--color--brand);
  --gf-form-footer-margin-y-start: 2.5rem;
  --gf-field-prod-quant-width: 65px;
}

body .gform_wrapper .gform_fields {
  gap: 1.5rem;
}
@media (min-width: 360px) {
  body .gform_wrapper .gform-footer {
    display: flex;
    justify-content: flex-end;
  }
}
body .gform-theme--framework.prodlist_wrapper .prod {
  max-width: 500px;
}
body .gform-theme--framework .gfield--type-product .ginput_quantity {
  margin-block-end: var(--gf-field-prod-quant-margin-y-end);
  order: 3;
  flex-basis: 10%;
}
body .gform-theme--framework .gfield--type-product .ginput_container_singleproduct {
  display: flex;
  flex-direction: row;
  align-content: center;
}
body .gform-theme--framework .ginput_quantity_label.gform-field-label {
  order: 4;
  flex-basis: 10%;
  font-size: 18px;
  margin-left: 1rem;
  align-self: center;
}
body .gform-theme--framework .gform-field-label.gform-field-label--type-sub-large.ginput_product_price_label {
  display: none;
}
body .gform-theme--framework .gform-field-label.gform-field-label--type-sub-large.ginput_product_price {
  font-size: 20px;
  font-weight: 500;
  color: var(--wp--preset--color--brand);
}
body .gform-theme--framework .ginput_product_price_wrapper {
  flex-basis: 70%;
}

.search-items {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.search-items article {
  background-color: var(--wp--preset--color--light);
  border-radius: 1rem;
  padding: 1rem;
}

.pagination-block {
  --jcore-button-bg-color: transparent; /* because a-tag is styles here as btn, and .btn is one level up */
  --jcore-button-hover-bg-color: transparent;
  padding: 2rem;
  display: flex;
  justify-content: space-evenly;
}
.pagination-block > section {
  display: flex;
  align-items: center;
}
.pagination-block div {
  padding: 0;
}
.pagination-block div a {
  color: var(--wp--preset--color--black);
  background-color: var(--wp--preset--color--brand);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem;
}
.pagination-block div a:hover {
  text-decoration: none;
  background-color: var(--wp--preset--color--light);
}
.pagination-block div.current a {
  background-color: var(--wp--preset--color--light);
  color: var(--jcore-button-active-txt-color);
}

/* Buttons, all non-hover styling comes from theme.json (in theme.json they get overridden by Gberg own btn clases..*/
.wp-block-buttons .wp-block-button:hover .wp-block-button__link {
  color: var(--wp--preset--color--black);
  background: var(--wp--preset--color--lime);
  border-color: var(--wp--preset--color--lime);
}
.wp-block-buttons .wp-block-button.is-style-outline:hover .wp-element-button {
  color: var(--wp--preset--color--black);
  background: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--light);
}

/**
* Set buttons colors and font variables for use elsewhere in theme where not G-berg,for example btn-class for form submit or tease-link or pagination?
*/
:root {
  --jcore-button-bg-color: var(--wp--preset--color--brand);
  --jcore-button-border-color: var(--wp--preset--color--brand);
  --jcore-button-text-color: var(--wp--preset--color--black);
  --jcore-button-active-bg-color: var(--wp--preset--color--brand);
  --jcore-button-active-txt-color: var(--wp--preset--color--black);
  --jcore-button-hover-bg-color: var(--wp--preset--color--lime);
  --jcore-button-hover-text-color: var(--wp--preset--color--black);
  --jcore-button-hover-border-color: var(--wp--preset--color--lime);
  --jcore-button-font-size: var(--wp--preset--font-size--paragraph);
  --jcore-button-padding: 1.25rem 2.5rem;
  --jcore-button-radius: 50px;
}

/* Reset Gutenberg link when parent has .btn */
.wp-block-button.btn .wp-block-button__link {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

/* Real button styling on wrapper */
.wp-block-button.btn {
  /* Lock height */
  height: 52px; /* same as SVG viewBox height */
  line-height: 52px; /* vertically center text */
  padding: 0 2.5rem; /* only horizontal padding */
  /* SVG background */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 52'><path d='M102.153 0C117.102 0 128.602 1.19444 136.661 3.57571C144.72 5.95699 150.288 9.30446 153.373 13.6181C156.458 17.9318 158 22.9759 158 28.7503C158 36.0843 154.5 41.8206 147.508 45.9441C140.517 50.0676 128.864 52.0837 112.568 52L58.0169 50.7599C41.6186 50.7599 29.2458 49.5655 20.9068 47.1842C12.5593 44.7953 6.99152 41.6076 4.19491 37.6211C1.3983 33.6345 0 29.2067 0 24.3453C0 16.3722 3.5 10.5217 10.4915 6.80907C17.483 3.09642 29.7542 1.19444 47.3136 1.09554L102.153 0Z' fill='%23A6C9FB'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 52px; /* stretch width, fixed height */
  background-position: center;
  /* Reset borders */
  border: none;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

/* Hover version */
.wp-block-button.btn:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 52'><path d='M102.153 0C117.102 0 128.602 1.19444 136.661 3.57571C144.72 5.95699 150.288 9.30446 153.373 13.6181C156.458 17.9318 158 22.9759 158 28.7503C158 36.0843 154.5 41.8206 147.508 45.9441C140.517 50.0676 128.864 52.0837 112.568 52L58.0169 50.7599C41.6186 50.7599 29.2458 49.5655 20.9068 47.1842C12.5593 44.7953 6.99152 41.6076 4.19491 37.6211C1.3983 33.6345 0 29.2067 0 24.3453C0 16.3722 3.5 10.5217 10.4915 6.80907C17.483 3.09642 29.7542 1.19444 47.3136 1.09554L102.153 0Z' fill='%23D0F1AC'/></svg>");
  color: var(--jcore-button-hover-text-color);
}

/**
*
*Search in nav that opens search-field 
*AND 
*styles the Gutenberg search-block like Ilme search field. 
*
*/
.toggle-search .fa-search {
  color: var(--wp--preset--color--white);
}

.searchbar-container {
  display: none;
}

.searchbar-container.toggle {
  display: block;
  background-color: var(--wp--preset--color--dark);
}

.searchform, .wp-block-search {
  margin-bottom: 6px;
  margin-top: 6px;
}
.searchform input, .wp-block-search input {
  appearance: none;
  border: 1px solid var(--jcore-button-bg-color);
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  min-width: 3rem;
  padding: 0.45rem 1rem;
  text-decoration: unset !important;
  font-size: var(--jcore-button-font-size);
  margin-bottom: 8px;
  margin-right: 6px;
}
.searchform .wp-block-search__button, .searchform .btn[type=submit], .wp-block-search .wp-block-search__button, .wp-block-search .btn[type=submit] {
  padding: calc(0.45rem + 1px) calc(1rem + 1px);
  font-size: var(--jcore-button-font-size);
  margin-left: 0;
  margin-bottom: 8px;
  background-color: var(--jcore-button-bg-color);
  color: var(--jcore-button-text-color);
}
.searchform .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__inside-wrapper {
  margin-top: 6px;
  display: flex;
}

/*
* Gutenberg block Details styling as accordion
*
*
*/
/* PDF and CAD special styles, then basics */
details.wp-block-details.pdf summary::marker {
  content: "\f1c1  ";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  color: var(--wp--preset--color--brand);
}

details.wp-block-details.cad summary::marker {
  content: "\e672  ";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  color: var(--wp--preset--color--brand);
}

/*
*
* General Details styles Background-color, color, border-radius and shadow can be set in theme.jason, but chose to put it all here instead.
*
*/
details.wp-block-details {
  margin-bottom: 1rem;
  border-radius: 0;
}
details.wp-block-details summary {
  box-sizing: border-box;
  padding: 1rem 2rem 1rem 1rem;
  font-family: var(--jcore-heading-font-family);
  font-size: var(--wp--preset--font-size--heading-5);
  background-color: var(--wp--preset--color--light);
  font-weight: 400;
  position: relative;
}
details.wp-block-details summary + * {
  margin-top: 1rem;
}
details.wp-block-details summary::marker {
  content: none;
}

/* Add a custom transition when opening/closing. -It only "takes" on the padding- */
.wp-block-details {
  transition: all 0.5s ease-in-out;
}

/* Add horizontal margin to nested blocks/elements. */
.wp-block-details > :where(:not(summary)) {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
  padding-bottom: 1rem;
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
  background: var(--wp--preset--color--light);
}

.wp-block-details summary::after {
  content: "⏷";
  position: absolute;
  font-family: var(--jcore-heading-font-family);
  top: 50%;
  right: 0;
  width: 44px;
  height: 44px;
  background: var(--wp--preset--color--light);
  border-radius: 999px;
  text-align: center;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wp--preset--font-size--heading-3);
}

.wp-block-details[open] summary::after {
  content: "⏶";
}

/* Wrapper to show videos embedded with Gutenberg responsively Works out of the box for YouTube videos. Add videowrapper class to work with any embedded iframe */
.wp-block-embed-youtube .wp-block-embed__wrapper,
.videowrapper .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.videowrapper .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}

/*FILE block*/
.wp-block-file {
  position: relative;
}

.wp-block-file a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.wp-block-file a.wp-block-file__button {
  border-radius: 0;
  background-color: var(--wp--preset--color--brand);
  font-size: var(--wp--preset--font-size--mini);
  text-transform: uppercase;
  position: relative;
  padding: 0.45rem 2rem 0.45rem 2.5rem;
  color: var(--wp--preset--color--white);
  margin-left: 0;
  width: -moz-max-content;
  width: max-content;
}

.wp-block-file a.wp-block-file__button:hover {
  opacity: 1;
}

.wp-block-file a.wp-block-file__button:before {
  content: "\f019";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 600;
  position: absolute;
  left: 8px;
  font-size: 16px;
  color: var(--wp--preset--color--white);
  top: 5px;
}

/* Media and images */
.wp-block-image.alignleft {
  float: left;
}
.wp-block-image.alignright {
  float: right;
}
.wp-block-image.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image {
  border-radius: 0;
}
.wp-block-image img {
  border-radius: 0;
}
.wp-block-image img.no-radius {
  border-radius: 0;
}

.wp-block-cover:not(.no-radius) .wp-block-cover__image-background {
  border-radius: 0;
}

/*Lightbox enabled, but no icon on the image on hover.*/
figure button.lightbox-trigger {
  display: none;
}

/*
* A class for zooming images on hover *
*/
.img-hover-zoom {
  overflow: hidden;
}

.img-hover-zoom img {
  transition: transform 0.5s ease;
  filter: brightness(90%);
}

.img-hover-zoom:hover img {
  transform: scale(1.1);
  filter: brightness(100%);
}

/*
* A class for zooming images on hover with brightness reversed compared to normal image-zoom *
*/
.img-hover-zoom-reverse {
  overflow: hidden;
}

.img-hover-zoom-reverse img {
  transition: transform 0.5s ease;
  filter: brightness(100%);
}

.img-hover-zoom-reverse:hover img {
  transform: scale(1.1);
  filter: brightness(85%);
}

/* Gallery */
.blocks-gallery-grid figure.wp-block-image figcaption,
.wp-block-gallery figure.wp-block-image figcaption {
  padding: 1em 0.7em 0.77em;
  font-weight: 300;
  font-size: 16px !important;
}

/* Gutenberg media and text block */
.wp-block-media-text .wp-block-media-text__content {
  /* remove the default 7% horizontal padding */
  padding: 0;
}

/* Gutenberg pullquote and blockquote -nothing set int theme.json*/
blockquote.wp-block-quote {
  margin-bottom: 2rem;
}

/* Pullquote */
.wp-block-pullquote {
  margin-bottom: 2rem;
  padding: 0;
}
.wp-block-pullquote blockquote {
  border: none;
  margin-left: 5rem;
}
.wp-block-pullquote blockquote p {
  font-family: var(--jcore-heading-font-family);
  font-size: var(--wp--preset--font-size--heading-3);
  font-style: normal;
  text-align: left;
  font-weight: 300;
  margin-bottom: 2rem;
  line-height: 1.3;
}
.wp-block-pullquote blockquote p:first-of-type:before {
  color: var(--wp--preset--color--brand);
  content: url("../../assets/images/quote-icon.svg");
  position: absolute;
  left: -4.5rem;
  top: 0.25rem;
}
.wp-block-pullquote blockquote p:last-of-type:after {
  content: "";
}
.wp-block-pullquote blockquote cite {
  font-family: var(--jcore-heading-font-family);
  font-style: normal !important;
  font-size: var(--wp--preset--font-size--mini);
  color: var(--wp--preset--color--green);
  text-align: left;
}
.wp-block-pullquote blockquote > * {
  position: relative;
}

/* RSS Feed block */
ul.wp-block-rss {
  list-style: none;
}

.wp-block-rss .wp-block-rss__item {
  background-color: var(--wp--preset--color--light);
  margin-bottom: 0;
  min-height: 150px;
  padding: 1rem;
}

.wp-block-rss .wp-block-rss__item a {
  color: var(--wp--preset--color--brand);
  font-size: var(--wp--preset--font-size--heading-4);
  margin-bottom: 0.75rem;
  text-decoration: none;
}
.wp-block-rss .wp-block-rss__item a::after {
  content: "  \f09e";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
}
.wp-block-rss .wp-block-rss__item a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: from-font;
}

.wp-block-rss .wp-block-rss__item .wp-block-rss__item-publish-date {
  font-weight: bold;
  margin: 0.75rem 0;
  font-size: var(--wp--preset--font-size--mini);
}

.wp-block-rss .wp-block-rss__item:nth-of-type(2n + 1) {
  background-color: var(--wp--preset--color--light);
}

/*WP Block Table, style-variation: stripes */
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: var(--wp--preset--color--white);
}

.wp-block-table.is-style-stripes tbody tr {
  background-color: var(--wp--preset--color--light);
}

.wp-block-table thead {
  border-bottom: none;
}

/* 
* YOAST Breadcrumbs block styling on differnet backgrounds
*
*/
.wave .yoast-breadcrumbs {
  color: var(--wp--preset--color--white);
}
.wave .yoast-breadcrumbs span {
  font-size: 12px;
  text-transform: uppercase;
}
.wave .yoast-breadcrumbs a {
  color: var(--wp--preset--color--white);
}

.yoast-breadcrumbs span {
  font-size: 12px;
  text-transform: uppercase;
}
.yoast-breadcrumbs .breadcrumb_last {
  color: var(--wp--preset--color--light);
}
.yoast-breadcrumbs a {
  color: var(--wp--preset--color--black);
}

ul.wp-block-list,
ol.wp-block-list {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
ul.wp-block-list li,
ol.wp-block-list li {
  padding-left: 0.25rem;
  margin-bottom: 0.75rem;
}
ul.wp-block-list li > ul,
ul.wp-block-list li > ol,
ol.wp-block-list li > ul,
ol.wp-block-list li > ol {
  margin-bottom: 0 !important;
}
ul.wp-block-list li::marker,
ol.wp-block-list li::marker {
  color: var(--wp--preset--color--orange);
}

ul.wp-block-list:not(.wp-block-rss, .arrow-list) li {
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  list-style-type: none;
  position: relative;
}
ul.wp-block-list:not(.wp-block-rss, .arrow-list) li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 8px;
  background-color: var(--wp--preset--color--orange);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
ul.wp-block-list:not(.wp-block-rss, .arrow-list) li::marker {
  display: none;
}

/* Arrow-list with orange arrows instead of bullets */
ul.wp-block-list.arrow-list {
  padding-left: 0;
}
ul.wp-block-list.arrow-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2rem !important;
}
ul.wp-block-list.arrow-list li:before {
  content: "\f178";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  position: absolute;
  left: 0;
  font-size: 16px;
  color: var(--wp--preset--color--orange);
}
ul.wp-block-list.arrow-list li:hover {
  text-decoration: none;
}
ul.wp-block-list.arrow-list li:hover:before {
  transform: rotate(-45deg);
}
ul.wp-block-list.arrow-list li::marker {
  display: none !important;
}

/* Spacer Block XL set to 16px or max mobile height in Gutenberg editor, has css style xl */
.wp-block-spacer.xl {
  padding-top: var(--wp--custom--spacing-sizes--xlarge);
}

/* Spacer Block LG -set to 16px or max mobile height in Gutenberg editor, has css style lg */
.wp-block-spacer.lg {
  padding-top: var(--wp--custom--spacing-sizes--large);
}

/* Spacer Block MD -set to 16px or max mobile height in Gutenberg editor, has css style md */
.wp-block-spacer.md {
  padding-top: var(--wp--custom--spacing-sizes--medium);
}

/* Spacer Block SM -set to 16px or max mobile height in Gutenberg editor, has css style sm */
.wp-block-spacer.sm {
  padding-top: var(--wp--custom--spacing-sizes--small);
}

/*# sourceMappingURL=theme.css.map */