/*
Theme Name: Osberget 2
Theme URI: http://www.osberget.no/
Author: Maxim Kukulinsky at RASAMAX SIA
Author URI: http://www.osberget.no/
Description: Osberget 2 Wordpress theme
Version: 0.1.27
Tags: osberget2 osberget rasamax
Text Domain: osberget2
*/
/**
 * Reset CSS instead of Normalize inside of Bootstrap
 */
:root {
  --wp-edit-button-primary: var(--bs-dark-plum);
  --wp-edit-button-secondary: var(--bs-light-purple);
}

.wpcf7-not-valid-tip {
  margin-top: 8px;
  position: absolute;
  right: 0;
  top: calc(100% - 5px);
  padding: 5px 10px;
}

.wpcf7-list-item {
  margin-left: 0;
}

.wpcf7-list-item > label {
  margin-top: 24px;
  display: flex;
}

.wpcf7-list-item input[type=checkbox],
.mailpoet_checkbox_label input[type=checkbox] {
  appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 16px;
  position: relative;
  border-radius: 2px;
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
.wpcf7-list-item input[type=checkbox]:before,
.mailpoet_checkbox_label input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: var(--bs-border-color);
  border-radius: 2px;
  transform: scale(0);
  transition: transform 0.25s;
}
.wpcf7-list-item input[type=checkbox]:checked:before,
.mailpoet_checkbox_label input[type=checkbox]:checked:before {
  transform: scale(1);
}

.wpcf7-text, .wpcf7-textarea {
  color: inherit;
}
.wpcf7-text:focus, .wpcf7-textarea:focus {
  color: inherit;
}

.wpcf7-form {
  --bs-border-color: currentColor;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: inherit;
}
.wpcf7-form .label-color {
  color: var(--bs-label-color);
}

#footer .mailpoet_submit {
  position: absolute;
  top: 15px;
  right: 18px;
  width: 18px !important;
  height: 18px;
  padding: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  background-image: url("./images/send-icon-mailpoet.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#footer .mailpoet_submit:focus-visible {
  outline: 1px solid var(--bs-light-beige);
  outline-offset: 4px;
  border-radius: 4px;
}

/* Gravity Form */
.gform-pricing-plan_wrapper .gform_heading,
.gform_required_legend {
  display: none !important;
}

.gform_title {
  margin-bottom: 32px;
}

.gform_wrapper .gform_footer,
.gform_wrapper .gform_button {
  position: relative;
}
.gform_wrapper .gform_footer .gform-loader {
  position: absolute;
  top: 50%;
  left: calc(var(--gf-button-width, 100%) + 16px);
}

body .gform-theme--framework {
  --gf-ctrl-choice-check-color: #000;
}
body .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-font-size: 18px;
  --gf-local-font-weight: 700;
}
body .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) > .gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  color: #000;
}
body .gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-color: currentColor;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body .gform-theme--framework :is(input[type]:not(.gform-text-input-reset):not([type=hidden]):not([type=checkbox]):not([type=radio]),
textarea):where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)) {
  --gf-local-bg-color: transparent !important;
  --gf-local-padding-y: 22px;
  --gf-local-padding-x: 22px;
  --gf-local-radius: 8px;
  --gf-local-color: currentColor;
  --gf-local-border-color: var(--gf-local-color);
  --gf-ctrl-placeholder-color: var(--gf-local-color);
}
body .gform-theme--framework :is(input[type]:not(.gform-text-input-reset):not([type=hidden]):not([type=checkbox]):not([type=radio]),
textarea):where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)):focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
body .gform-theme--framework .gform-field-label--type-inline:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  font-size: 18px;
  font-weight: 400;
  --gf-local-color: currentColor;
}
body .gform-theme--framework .gfield--type-choice .gchoice,
body .gform-theme--framework .gfield--type-choice .ginput_container_consent {
  align-items: baseline !important;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)) {
  --gf-local-bg-color: transparent;
  --gf-local-padding-y: 0;
  --gf-local-padding-x: 0;
  --gf-local-color: currentColor;
  --gf-local-border-color: var(--gf-local-color);
  border-radius: 3px;
  background-color: transparent;
  background-image: none;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)):checked {
  background-color: transparent;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)):checked::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("./images/check-icon.svg");
  mask-image: url("./images/check-icon.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--gf-local-color) !important;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *)):focus {
  outline: 0;
  --gf-local-color: currentColor;
  --gf-local-border-color: var(--gf-local-color);
  accent-color: var(--gf-local-color);
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable) :not(.gform-theme__disable *) :not(.gform-theme__disable-framework) :not(.gform-theme__disable-framework *))::before {
  --gf-ctrl-choice-check-color: currentColor;
}
body .gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
  --gf-field-section-border-width: 0;
}
body .gform-theme--framework .field_sublabel_above .gform-field-label--type-sub {
  color: var(--gf-label-color);
}
body .gform-theme--foundation {
  --gf-form-gap-x: 32px;
  --gf-form-gap-y: 24px;
}
body .gsection_description {
  font-size: 18px;
  margin-top: 28px;
}
body .gform-theme.gform-theme--framework.gform_wrapper .gform_footer {
  position: relative;
  display: inline-block;
}
body .gform-theme.gform-theme--framework.gform_wrapper .gform_footer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.125rem;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  -webkit-mask-image: url("./images/send-icon.svg");
  mask-image: url("./images/send-icon.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  pointer-events: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .gform-theme.gform-theme--framework.gform_wrapper button:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), body .gform-theme.gform-theme--framework.gform_wrapper button:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), body .gform-theme.gform-theme--framework.gform_wrapper button[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-radius: 4px;
  --gf-local-font-weight: 700;
  --gf-local-padding-x: 1.125rem;
  --gf-local-padding-y: 1.125rem;
  --gf-local-font-size: 18px;
  --gf-local-font-family: 'area-inktrap', sans-serif;
  --gf-local-outline-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding-right: 3rem;
}
body .button-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 21px;
  height: 21px;
  transform: translateY(-50%);
  background-image: url("./images/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
body .ttip,
body .ot-custom-checkboxes .gchoice {
  display: inline-flex !important;
  cursor: pointer;
}
body .ttip label,
body .ot-custom-checkboxes .gchoice label {
  position: relative;
}
body .ttip:hover .ttip-content,
body .ot-custom-checkboxes .gchoice:hover .ttip-content {
  visibility: visible;
  opacity: 1;
}
body .ttip-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  color: #000;
  padding: 20px;
  border-radius: 6px;
  width: 250px;
  background-color: var(--bs-light-purple);
  transition: opacity 0.2s;
  z-index: 10;
}
@media (max-width: 768px) {
  body .ttip-content {
    left: 15px;
    font-size: 16px;
  }
}
body .ginput_container_fileupload {
  position: relative;
}
body .ginput_container_fileupload input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px !important;
  height: 100%;
  opacity: 0;
  cursor: pointer !important;
  z-index: 2;
}
body .ginput_container_fileupload::before {
  content: "Last opp fil";
  position: relative;
  display: inline-block;
  padding: 10px 40px 10px 20px;
  width: 180px;
  line-height: 20px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  z-index: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
body .ginput_container_fileupload::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 138px;
  width: 18px;
  height: 18px;
  -webkit-mask: url(./images/upload.svg) center/contain no-repeat;
  mask: url(./images/upload.svg) center/contain no-repeat;
  pointer-events: none;
  z-index: 1;
  background-color: currentColor;
}

.gform-theme.gform-theme--framework.gform_wrapper .gfield_label {
  color: var(--gf-label-color);
}

:root {
  --dx: -523.87px;
  --dy: 478.63px;
  --arrowDur: 1.9s;
  --arrowEase: cubic-bezier(.4, 0, .2, 1);
  --arrowColor: currentColor;
  --trailDur: 0.38s;
  --trailShiftX: -28px;
  --trailShiftY: 28px;
  --pulseDur: 1.9s;
  --pulseScale: 0.6;
}

@keyframes sparksPulse {
  0%, 25% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--pulseScale));
  }
  55% {
    transform: scale(var(--pulseScale));
  }
  75%, 100% {
    transform: scale(1);
  }
}
@keyframes sparkShow {
  100% {
    opacity: 1;
  }
}
@keyframes trailIn {
  0% {
    opacity: 0;
    transform: translate(var(--trailShiftX), var(--trailShiftY));
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes arrowMove {
  0% {
    transform: translate(var(--dx), var(--dy));
    opacity: 0;
  }
  70% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes showFill {
  100% {
    opacity: 1;
  }
}
.el-top-right, .el-bottom-right, .el-bottom-left {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  opacity: 100%;
  animation: sparksShow 0.15s linear forwards, sparksPulse var(--pulseDur) ease-in-out infinite;
  animation-delay: calc(var(--arrowDur) * 0.7), calc(var(--arrowDur) * 0.7 + 0.05s);
}

.arrows {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  opacity: 0;
  animation: arrowMove var(--arrowDur) var(--arrowEase) forwards;
  will-change: transform;
  backface-visibility: hidden;
}

.arrow-main {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}

.arrow-2 {
  animation: trailIn var(--trailDur) ease-out forwards;
  animation-delay: calc(var(--arrowDur) * 0.52);
}

.arrow-3 {
  animation: trailIn var(--trailDur) ease-out forwards;
  animation-delay: calc(var(--arrowDur) * 0.62);
}

.arrow-fill {
  fill: var(--arrowColor);
  stroke: none;
  opacity: 0;
  animation: showFill 0.01s linear forwards;
  animation-delay: calc(var(--arrowDur) * 0.28);
}

.arrow-stroke {
  fill: none;
  stroke: var(--arrowColor);
  opacity: 0;
}

.arrow-main {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}

.error-404 .zero {
  transform-origin: center bottom;
  animation: err-shake 1s ease 0.5s, err-roll 1.1s cubic-bezier(0.25, 0.1, 0.3, 1) 1.7s forwards;
}

.error-404 .four-right {
  display: inline-block;
  transform-origin: center bottom;
  animation: err-squash 0.35s ease 2.75s;
}

@keyframes err-shake {
  0%, 100% {
    transform: translateX(0) rotate(0);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  40% {
    transform: translateX(3px) rotate(2deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  80% {
    transform: translateX(2px) rotate(1deg);
  }
}
@keyframes err-roll {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  30% {
    transform: translateX(0.06em) translateY(-6px) rotate(3deg);
  }
  75% {
    transform: translateX(0.19em) translateY(3px) rotate(10deg);
  }
  100% {
    transform: translateX(0.18em) translateY(0) rotate(10deg);
  }
}
@keyframes err-squash {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  40% {
    transform: scaleY(0.9) scaleX(1.08) translateY(3px);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
/* Page commons */
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;
}

#header-sticky {
  transition: transform 0.5s;
  transform: translateY(-100%);
}

#header-sticky.visible {
  transform: translateY(0);
}

.expand-r-180 {
  transition: transform 0.3s ease;
}
.expanded .expand-r-180, a.nav-link + a:not(.collapsed) .expand-r-180 {
  transform: rotate(180deg);
}

:is(.block-slider, .block-quote_slider, .block-contact_people, .block-podcasts) .splide__arrow {
  transform: none;
  background-color: var(--bs-btn-bg);
}
:is(.block-slider, .block-quote_slider, .block-contact_people, .block-podcasts) .splide__arrow:hover, :is(.block-slider, .block-quote_slider, .block-contact_people, .block-podcasts) .splide__arrow:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  outline: none;
}
:is(.block-slider, .block-quote_slider, .block-contact_people, .block-podcasts) .splide.is-focus-in .splide__arrow:focus {
  outline: none;
}

.image-mask {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.image-mask--rectangular {
  -webkit-mask-image: url("./images/image-mask-rectangular.svg");
  mask-image: url("./images/image-mask-rectangular.svg");
}

.image-mask--square {
  -webkit-mask-image: url("./images/image-mask-square.svg");
  mask-image: url("./images/image-mask-square.svg");
}

.right-bottom-decoration {
  margin-left: -64px;
}

@media screen and (min-width: 1520px) {
  .right-bottom-decoration {
    margin-left: -40px;
  }
}
.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#header-slider .splide__arrow,
#header-gallery .splide__arrow {
  transform: none;
}

@media (min-width: 992px) {
  .hero {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 30px;
  }
  .hero__heading {
    grid-column: 1/13;
    grid-row: 1;
  }
  .hero__buttons {
    grid-column: 1/10;
    grid-row: 2;
  }
  .hero__animation {
    grid-column: 10/21;
    grid-row: 1/3;
  }
}
.pagination .nav-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.terms-dropdown svg {
  transition: transform 0.3s ease;
}
.terms-dropdown .show {
  color: inherit;
  background-color: inherit;
}
.terms-dropdown .show svg {
  transform: rotate(180deg);
}

.dropdown-menu .form-check-input,
#offcanvasFilter .form-check-input {
  background-color: transparent;
  border-color: currentColor;
  background-image: none;
  padding: 3px;
}
.dropdown-menu .form-check-input:checked,
#offcanvasFilter .form-check-input:checked {
  background-color: transparent;
  border-color: currentColor;
  color: currentColor;
}
.dropdown-menu .form-check-input:checked::after,
#offcanvasFilter .form-check-input:checked::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("./images/check-icon.svg");
  mask-image: url("./images/check-icon.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentColor;
}
.dropdown-menu .dropdown-scroll,
#offcanvasFilter .dropdown-scroll {
  max-height: 600px;
}
.dropdown-menu .dropdown-scroll::-webkit-scrollbar,
#offcanvasFilter .dropdown-scroll::-webkit-scrollbar {
  width: 4px;
}
.dropdown-menu .dropdown-scroll::-webkit-scrollbar-track,
#offcanvasFilter .dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown-menu .dropdown-scroll::-webkit-scrollbar-button,
#offcanvasFilter .dropdown-scroll::-webkit-scrollbar-button {
  display: none;
}
.dropdown-menu .dropdown-scroll::-webkit-scrollbar-thumb,
#offcanvasFilter .dropdown-scroll::-webkit-scrollbar-thumb {
  background: #D6D6D6;
  border-radius: 4px;
}

@-moz-document url-prefix() {
  .dropdown-scroll {
    scrollbar-width: thin;
    scrollbar-color: #D6D6D6 transparent;
  }
}
#offcanvasFilter .form-check-input {
  margin-left: 3px;
}

.breadcrumbs > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.breadcrumbs a {
  color: inherit;
  font-weight: 900;
  text-decoration: underline;
}

.breadcrumb_last {
  font-weight: 500;
}

#plan-tabs .nav-link.active {
  background-color: var(--bs-light-purple) !important;
}

#header-sticky.offcanvas-open {
  box-shadow: none !important;
}

.hover-underline:hover {
  text-decoration: underline currentColor !important;
  text-decoration-thickness: 2px !important;
}

.video-block .wp-video,
.video-block .wp-video-shortcode,
.video-block video,
.video-block .mejs-container,
.video-block .mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

:is(.block-text, .page-header-ingress, .page-header-text) h1, :is(.block-text, .page-header-ingress, .page-header-text) h2, :is(.block-text, .page-header-ingress, .page-header-text) h3 {
  margin-bottom: 16px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h4, :is(.block-text, .page-header-ingress, .page-header-text) h5, :is(.block-text, .page-header-ingress, .page-header-text) h6 {
  margin-bottom: 12px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h1 {
  font-size: 30px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h2 {
  font-size: 26px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h3 {
  font-size: 22px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h4 {
  font-size: 20px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h5 {
  font-size: 18px;
}
:is(.block-text, .page-header-ingress, .page-header-text) h6 {
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  :is(.block-text, .page-header-ingress, .page-header-text) h1 {
    font-size: 40px;
  }
  :is(.block-text, .page-header-ingress, .page-header-text) h2 {
    font-size: 34px;
  }
  :is(.block-text, .page-header-ingress, .page-header-text) h3 {
    font-size: 28px;
  }
  :is(.block-text, .page-header-ingress, .page-header-text) h4 {
    font-size: 22px;
  }
}

.block-slider .splide,
.block-podcasts .splide,
.block-contact_people .splide {
  width: calc(100% + (100vw - 100%) / 2);
  max-width: none;
  overflow: hidden;
}

.slider-bottom {
  padding-right: calc(100vw - 100%) !important;
}

.block-form .bg-dark-purple.text-light-beige a {
  --bs-link-color-rgb: var(--bs-light-purple-rgb);
}
.block-form .bg-dark-green.text-light-beige a {
  --bs-link-color-rgb: var(--bs-light-green-rgb);
}