@charset "UTF-8";
/*
Theme Name: Xledger2
Theme URI: http://www.osberget.no/
Author: Stine Mari Johnsen, Synne Søllesvik, Anette Storm Hovland at Fantastiske Osberget, Maxim Kukulinsky, Ilya Komarov at RASAMAX
Author URI: http://www.osberget.no/
Description: Xledger2 Wordpress theme
Version: 0.0.112
Tags: xledger2
Text Domain: xledger2
*/
/* Page commons */
.primary-desktop-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 300px;
  list-style: none;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0s 0.3s;
}
.primary-desktop-menu .sub-menu.columns-2 {
  min-width: 500px;
}
.primary-desktop-menu .sub-menu li:hover {
  background-color: var(--bs-blue);
}
.primary-desktop-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-top: -16px;
}
.primary-desktop-menu li {
  position: relative;
  transition: background-color 0.3s ease-in-out;
}
.primary-desktop-menu li:hover > .sub-menu {
  display: block;
  max-height: 3000px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s, visibility 0s 0.3s;
}

/* // GSAP
// Fade in slide up
[heading-animation] {
    opacity: 0;
}

.toggle-theme-on-screen {
    transition: background-color .5s, color .5s;
}
*/
[data-theme-on-screen] {
  transition: background-color 0.5s, color 0.5s;
}

:root {
  --wp-edit-button-primary: var(--bs-yellow);
  --wp-edit-button-secondary: var(--bs-blue);
}

html {
  scroll-behavior: smooth;
}

p:first-child {
  margin-top: 0;
}

:is(p, ul):last-child {
  margin-bottom: 0;
}

.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 20px;
}

.aligncenter {
  margin: 0 auto 10px auto;
  display: block;
}

:is(.alignleft, .alignright, .aligncenter):last-child {
  margin-bottom: 0;
}

/* Hide Google reCaptcha after 1s */
@keyframes hide_after_1s {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}
.grecaptcha-badge {
  animation-name: hide_after_1s;
  animation-delay: 3s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

#header-sticky {
  transition: transform 0.5s, box-shadow 0.5s;
  transform: translateY(-100%);
  top: 0;
}

@media screen and (min-width: 1200px) {
  #header-sticky {
    top: 36px;
  }
}
#header-sticky.expanded {
  transform: translateY(0);
}

:root {
  --highlight-color: 32, 65, 154;
}

#breadcrumbs {
  font-size: 14px;
  font-weight: 500;
}
#breadcrumbs a {
  color: inherit;
  text-decoration: underline;
}
#breadcrumbs .breadcrumb_last {
  font-weight: 700;
}

.splide__arrows button {
  width: 32px;
}
.splide__arrows button.btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(var(--highlight-color-rgb), .5);
}
.splide__arrows button:disabled svg path {
  fill: var(--bs-gray);
}
.splide__arrows svg {
  width: 100%;
  height: 100%;
  display: block;
}
.splide__arrows svg path {
  fill: var(--highlight-color);
}

body .splide__pagination__page.is-active {
  background: var(--highlight-color);
}

.accordion-item,
.accordion-item:not(:first-of-type) {
  border-top: 2px solid var(--bs-grey);
}

.accordion-item:has(.accordion-button:not(.collapsed)),
.accordion-item:has(.accordion-button:not(.collapsed)) + .accordion-item {
  border-top-color: transparent;
}

.accordion-button.icon-first::after {
  position: absolute;
  left: 0;
  margin-left: 16px;
}

.accordion-button.text-white:after {
  filter: invert(1);
}

.block-solution-dektop-collapse-button:not(.collapsed) {
  pointer-events: none;
  font-weight: bold !important;
}

.block-solution:has(.collapsing) .block-solution-dektop-collapse-button {
  pointer-events: none;
}

.plus-collapse-button svg,
.chevron-collapse-button svg {
  transition: transform 0.5s;
  transform-origin: center;
}

.plus-collapse-button:not(.collapsed) svg {
  transform: rotate(45deg);
}

.chevron-collapse-button:not(.collapsed) svg {
  transform: rotate(180deg);
}

.wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  font-size: 1rem;
  color: white;
  background: var(--bs-pink-75);
  padding: 0 7px;
  border-radius: 3px;
  border: 1px solid var(--bs-pink);
}

.navigation.pagination .nav-links {
  display: flex;
  gap: 16px;
}
.navigation.pagination .page-numbers {
  color: black;
  font-size: 18px;
}
.navigation.pagination .page-numbers.current {
  font-weight: bold;
  text-decoration: underline;
}
.navigation.pagination .page-numbers.next, .navigation.pagination .page-numbers.prev {
  margin-top: -2px;
}

.wpfts-smart-excerpt b {
  color: var(--bs-blue);
}

/* Comparing table */
table.comparing-table {
  width: 100%;
}

table.comparing-table tbody tr {
  border-top: 1px solid #BCC2C7;
}

.comparing-slider a,
table.comparing-table a {
  color: #20419A;
  text-decoration: underline;
}

table.comparing-table td,
table.comparing-table thead th {
  text-align: center;
}

table.comparing-table td,
table.comparing-table th {
  padding: 10px 10px;
}

table.comparing-table tbody th {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.comparing-slider .description-icon,
table.comparing-table .description-icon {
  position: relative;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 19px;
  height: 21px;
  padding: 0;
  margin: 0 0 0 20px;
  border: 0 solid transparent;
  box-shadow: none;
  background-color: transparent;
  background-image: url(images/question-mark.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: filter 0.2s;
}

.comparing-slider .description-icon {
  margin: 5px 5px 0 10px;
}

.comparing-slider .description-icon:hover,
table.comparing-table .description-icon:hover {
  filter: brightness(0);
}

span.checkmark:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  border-width: 0;
  border-style: solid;
  border-color: inherit;
  border-bottom-width: 4px;
  border-left-width: 4px;
  transform: translate(0, -33%) rotate(-45deg);
}

.comparing-table-tooltip.show {
  opacity: 1;
}

.comparing-table-tooltip .tooltip-inner {
  max-width: 300px;
  background: white;
  color: inherit;
  border-radius: 4px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1882352941);
  padding: 20px;
  text-align: initial;
}

.comparing-slider-wrapper .bx-controls {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}

.comparing-slider-wrapper .bx-pager {
  color: white;
}

.comparing-slider-wrapper .bx-controls-direction {
  top: 4px;
}

@media screen and (min-width: 768px) {
  #hero-image-section .svg-container {
    margin-right: -56px;
    margin-top: -56px;
    width: calc(100% + 56px);
    height: calc(100% + 56px);
  }
}
@media screen and (min-width: 1424px) {
  #hero-image-section .svg-container {
    margin-right: -100px;
    margin-top: -100px;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
  }
}
@media screen and (min-width: 1425px) and (max-width: 1728px) {
  #hero-image-section .svg-container {
    width: calc(100% + 24px + 50vw - 712px);
  }
}
@media screen and (min-width: 1729px) {
  #hero-image-section .svg-container {
    width: calc(100% + 24px + 152px);
  }
}
#hero_popout_image_desktop {
  width: 66%;
  height: 77%;
  left: 3%;
  bottom: 0;
}

#hero_popout_image_mobile {
  width: 84%;
  height: 100%;
  left: 0;
  bottom: 0;
}

#hero_video {
  width: 89%;
  left: 0%;
  bottom: 27%;
}