/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/styles/style.scss ***!
  \******************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #F5F5F5;
  --color-inactive-marker: #017395;
  --color-blue: #00485D;
  --color-blue-light: #00B5E0;
  --color-blue-light-20: color-mix(in srgb, var(--color-blue-light) 20%, transparent);
  --color-green: #6EEB83;
  --color-black-contrast: var(--color-white);
  --color-white-contrast: var(--color-black);
  --color-primary: var(--color-blue);
  --color-primary-light: var(--color-blue-light);
  --color-primary-light-20: var(--color-blue-light-20);
  --color-secondary: var(--color-green);
  --color-tertiary: var(--color-white);
  --color-primary-contrast: var(--color-white);
  --color-secondary-contrast: var(--color-primary);
  --color-primary-light-contrast: var(--color-white);
  --color-primary-light-20-contrast: var(--color-primary);
  --color-blue-green-light: rgba(209, 225, 226, 0.5);
  --color-blue-green-light-hover: rgba(209, 225, 226, 0.7);
  --font-xx-large: clamp(2.375rem, 0.7898rem + 7.0455vw, 6.25rem);
  --font-xx-semi-large: clamp(2.1875rem, 0.7813rem + 6.25vw, 5.625rem);
  --font-x-large: clamp(1.875rem, 1.3636rem + 2.2727vw, 3.125rem);
  --font-large: clamp(1.5625rem, 1.4858rem + 0.3409vw, 1.75rem);
  --font-medium: clamp(0.9375rem, 0.733rem + 0.9091vw, 1.4375rem);
  --font-medium-small: clamp(0.9375rem, 0.8097rem + 0.5682vw, 1.25rem);
  --font-default: clamp(0.875rem, 0.8239rem + 0.2273vw, 1rem);
  --font-x-small: 11px;
  --logo-position: center center;
  --logo-repeat: no-repeat;
  --logo-size: contain;
  --logo-width: 190px;
  --logo-height: 71px;
}
@media (max-width: 1023px) {
  :root {
    --logo-width: 130px;
    --logo-height: 71px;
  }
}

h1, h2, h3, h4, h5 {
  font-weight: 400;
}

/* Breakpoints */
.has-primary-background-color {
  color: var(--color-primary-contrast);
}
.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color h4,
.has-primary-background-color h5 {
  color: var(--color-primary-contrast);
}
.has-primary-background-color .uecc-buttons .btn--primary {
  border-color: var(--color-primary-contrast);
}
.has-primary-background-color .is-style-excerpt {
  font-weight: 300;
}

.has-primary-light-background-color {
  color: var(--color-primary-light-contrast);
}
.has-primary-light-background-color .uecc-buttons .btn--primary-light {
  border-color: var(--color-primary-light-contrast);
}

.has-primary-light-20-background-color {
  background-color: var(--color-primary-light-20);
  color: var(--color-primary-light-20-contrast);
}

.has-secondary-background-color {
  color: var(--color-secondary-contrast);
}
.has-secondary-background-color .uecc-buttons .btn--secondary {
  border-color: var(--color-secondary-contrast);
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
html a {
  color: inherit;
  text-decoration: underline;
}

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

table {
  border-collapse: collapse;
}

body:has(.site-header) .main-content-wrapper > *:first-child:not(.uecc-top-section) {
  padding-top: 250px;
}
body:has(.site-header) .main-content-wrapper > *:first-child.uecc-top-section > .content {
  padding-top: 220px;
}
body:has(.site-header).single-post .main-content-wrapper .post-image img {
  top: 195px;
}
@media (max-width: 900px) {
  body:has(.site-header).single-post .main-content-wrapper .post-header {
    padding-top: 195px;
  }
}

#main {
  min-height: 100vh;
}

.main-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .main-content-wrapper {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.main-content-wrapper {
  line-height: 1.7;
}
.main-content-wrapper > * {
  grid-column: 2;
}
.main-content-wrapper > h2,
.main-content-wrapper > h3,
.main-content-wrapper > h4,
.main-content-wrapper > h5 {
  margin-bottom: 0;
}
.main-content-wrapper .wp-block-column > h2,
.main-content-wrapper .wp-block-column > h3,
.main-content-wrapper .wp-block-column > h4,
.main-content-wrapper .wp-block-column > h5 {
  margin-top: 30px;
  margin-bottom: 0;
}
.main-content-wrapper p + p {
  margin-top: 0;
}

details summary {
  cursor: pointer;
  display: flex;
  list-style: none;
  align-items: flex-end;
  gap: 20px;
  font-size: var(--font-medium);
}
details summary .icon {
  transition: all 0.4s ease;
  width: 35px;
  height: 35px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-secondary);
}
details summary:hover {
  text-decoration: underline;
}
details .content {
  display: flex;
  gap: 140px;
  line-height: 1.7;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
details[open] summary .icon {
  transform: rotate(180deg);
}

.wp-block-list.is-style-line-divided {
  list-style: none;
  padding-left: 0;
}
.wp-block-list.is-style-line-divided li {
  border-bottom: 1px solid var(--color-primary);
  padding-top: 10px;
  padding-bottom: 10px;
}
.wp-block-list.is-style-line-divided li:first-child {
  border-top: 1px solid var(--color-primary);
}

.breadcrumbs {
  color: var(--color-primary);
  font-size: 13px;
  text-transform: uppercase;
}
.breadcrumbs a {
  color: var(--color-primary);
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .breadcrumb_last {
  text-transform: none;
}

.navigation.pagination {
  padding-top: 60px;
  padding-bottom: 60px;
}

.page-404 > * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.user-is-clicking input,
.user-is-clicking textarea,
.user-is-clicking button {
  outline: none;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

img {
  max-width: 100%;
  border-style: none;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
@font-face {
  font-family: "Rubik";
  src: url("fonts/rubik-variable.woff2") format("woff2-variations"), url("fonts/rubik-variable.ttf") format("truetype-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto.woff2") format("woff2-variations"), url("fonts/Roboto.ttf") format("truetype-variations");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Rubik", sans-serif;
  font-size: var(--font-default);
  color: var(--color-primary);
  font-weight: 400;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  max-width: 800px;
}
p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}
p.is-style-excerpt {
  font-size: var(--font-medium);
  line-height: 1.3;
}

h5, h4, h3, h2, h1 {
  line-height: 100%;
}

h1 {
  font-size: var(--font-xx-large);
  color: var(--color-primary);
}

h2 {
  font-size: var(--font-medium-small);
  font-weight: 700;
  color: var(--color-primary);
}
h2.is-style-h-large {
  font-size: var(--font-x-large);
  font-weight: 400;
}

h3 {
  font-size: var(--font-default);
  font-weight: 700;
}
h3.is-style-h-large {
  font-size: var(--font-large);
  font-weight: 400;
}

h4 {
  font-size: var(--font-default);
  font-weight: 700;
}
h4.is-style-h-large {
  font-size: 22px;
  font-weight: 400;
}

h5 {
  font-size: var(--font-default);
  font-weight: 700;
}

.uecc-block h2 {
  font-size: var(--font-x-large);
  font-weight: 400;
}
.uecc-block h3 {
  font-size: var(--font-large);
  font-weight: 400;
}
.uecc-block h4 {
  font-size: var(--font-default);
  font-weight: 400;
}

*.has-background h2 {
  color: inherit;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.visuallyhidden {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  top: 0;
}

.content-start {
  align-items: flex-start;
  justify-content: flex-start;
}

.content-center {
  align-items: center;
  justify-content: center;
}

.content-end {
  align-items: flex-end;
  justify-content: flex-end;
}

.fade-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to top, rgba(0, 72, 93, 0), rgba(0, 72, 93, 0.4), rgb(0, 72, 93));
}

.fade-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  color: rgb(0, 72, 93);
  background: linear-gradient(to bottom, rgba(0, 72, 93, 0), rgba(0, 72, 93, 0.4), rgb(0, 72, 93));
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-block {
  padding-top: 40px;
  padding-bottom: 40px;
}
.uecc-block--full {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .uecc-block--full {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.uecc-block--full > .inner {
  grid-column: 2;
}
.uecc-block.align-left {
  margin-left: 0;
}
.uecc-block.align-center {
  margin-left: auto;
  margin-right: auto;
}
.uecc-block.align-right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
.uecc-block {
  /* @media (max-width: $xs) {
      &--full {
          >.inner {
              grid-column: 1 / -1;
          }
      }
  } */
}

.wp-block-column .uecc-block--full {
  display: block;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-top-section {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .uecc-top-section {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.uecc-top-section {
  padding-top: 0;
}
.uecc-top-section .inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.uecc-top-section:has(.image), .uecc-top-section:has(.video) {
  min-height: 722.97px;
}
.uecc-top-section .image,
.uecc-top-section .video {
  grid-column: 1/span 6;
  position: absolute;
  top: -108.03px;
  left: 0;
  width: 831px;
  height: 831px;
  transform: translateX(-100%);
  left: 50%;
  padding-right: 40px;
  padding-bottom: 40px;
}
.uecc-top-section .image img,
.uecc-top-section .image video,
.uecc-top-section .video img,
.uecc-top-section .video video {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.uecc-top-section .icon-wrapper {
  grid-column: 1/span 6;
  padding-top: 220px;
}
.uecc-top-section .icon-wrapper .icon {
  display: block;
  width: 320px;
  height: 320px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-primary);
}
.uecc-top-section.has-primary-background-color .icon-wrapper .icon, .uecc-top-section.has-black-background-color .icon-wrapper .icon {
  background-color: var(--color-secondary);
}
.uecc-top-section .content {
  grid-column: 7/span 6;
  padding-top: 220px;
  padding-right: 5%;
}
.uecc-top-section .content h1 {
  margin-top: 0;
}
.uecc-top-section .content h1.size-x-large {
  font-size: var(--font-xx-large);
}
.uecc-top-section .content h1.size-large {
  font-size: var(--font-xx-semi-large);
}
.uecc-top-section .content h1.size-medium {
  font-size: var(--font-x-large);
}
.uecc-top-section .content .ingress {
  font-size: var(--font-medium);
}
.uecc-top-section .content .text-content {
  line-height: 1.7;
}
.uecc-top-section .uecc-buttons {
  padding-top: 20px;
}
.uecc-top-section .inner:has(.icon-wrapper) .icon-wrapper {
  grid-column: 1/span 5;
}
.uecc-top-section .inner:has(.icon-wrapper) .content {
  grid-column: 6/span 7;
}
.uecc-top-section.no-image .content {
  grid-column: 1/span 12;
  display: flex;
  align-items: center;
  gap: 60px;
}
.uecc-top-section.no-image .content > * {
  flex: 1;
}
@media (max-width: 768px) {
  .uecc-top-section.no-image {
    padding-top: 140px;
  }
  .uecc-top-section.no-image .content {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 1439px) {
  .uecc-top-section:has(.image), .uecc-top-section:has(.video) {
    min-height: 50vw;
  }
  .uecc-top-section .image,
  .uecc-top-section .video {
    width: 56.5vw;
    height: 56.5vw;
    top: -6.5vw;
  }
}
@media (max-width: 1280px) {
  .uecc-top-section .content {
    padding-top: 180px;
  }
  .uecc-top-section .content h1 {
    font-size: var(--font-xx-semi-large);
  }
}
@media (max-width: 900px) {
  .uecc-top-section .content {
    padding-top: 140px;
  }
  .uecc-top-section .content .wp-block-heading {
    margin-bottom: 20px;
  }
  .uecc-top-section .image,
  .uecc-top-section .video {
    top: -1vw;
  }
  .uecc-top-section .inner:has(.icon-wrapper) .icon-wrapper {
    padding-top: 140px;
    grid-column: 1/span 6;
  }
  .uecc-top-section .inner:has(.icon-wrapper) .content {
    grid-column: 7/span 6;
  }
}
@media (max-width: 768px) {
  .uecc-top-section .inner {
    align-items: center;
    gap: 0;
  }
  .uecc-top-section .image,
  .uecc-top-section .video {
    padding-top: 46.6666666667px;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
    position: static;
    transform: none;
    grid-column: 1/-1;
  }
  .uecc-top-section .image img,
  .uecc-top-section .image video,
  .uecc-top-section .video img,
  .uecc-top-section .video video {
    width: 277px;
    height: 277px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .uecc-top-section .icon-wrapper {
    padding-top: 70px;
    grid-column: 1/-1;
  }
  .uecc-top-section .icon-wrapper .icon {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
  }
  .uecc-top-section .content {
    padding-top: 0;
    padding-right: 0;
    text-align: center;
    grid-column: 1/-1;
  }
  .uecc-top-section .uecc-buttons {
    justify-content: center;
  }
  .uecc-top-section .inner:has(.icon-wrapper) {
    row-gap: 40px;
  }
  .uecc-top-section .inner:has(.icon-wrapper) .icon-wrapper {
    grid-column: 1/-1;
  }
  .uecc-top-section .inner:has(.icon-wrapper) .content {
    grid-column: 1/-1;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.uecc-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.uecc-buttons .btn {
  transition: all 0.4s ease;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  padding: 6px 40px;
  font-size: var(--font-medium-small);
  border-width: 2.5px;
  border-style: solid;
  border-radius: 50px;
  min-width: 251px;
  justify-content: center;
}
.uecc-buttons .btn .icon {
  transition: all 0.4s ease;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  background-color: var(--color-primary);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 28px;
  height: 28px;
}
.uecc-buttons .btn:hover {
  text-decoration: none;
}
.uecc-buttons .btn:hover .icon {
  background-color: var(--color-secondary);
}
.uecc-buttons .btn--ghost {
  color: inherit;
  border-color: transparent;
  background-color: transparent;
  border: none;
  /* &:hover {
  	color: var(--color-secondary-contrast) !important;
  	background-color: var(--color-secondary) !important;
  	border-color: var(--color-secondary) !important;
  } */
  /* &.active {
  	color: var(--color-secondary-contrast) !important;
  	background-color: var(--color-secondary) !important;
  	border-color: var(--color-secondary) !important;
  } */
}
.uecc-buttons .btn--primary {
  color: var(--color-primary-contrast);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.uecc-buttons .btn--primary .icon {
  background-color: var(--color-primary-contrast);
}
.uecc-buttons .btn--primary:hover {
  color: var(--color-primary-light-contrast) !important;
  background-color: var(--color-primary-light) !important;
  border-color: var(--color-primary-light) !important;
}
.uecc-buttons .btn--primary:hover .icon {
  background-color: var(--color-primary-light-contrast);
}
.uecc-buttons .btn--outline {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: transparent;
}
.uecc-buttons .btn--outline .icon {
  background-color: var(--color-primary);
}
.uecc-buttons .btn--outline:hover {
  color: var(--color-primary-contrast) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.uecc-buttons .btn--outline:hover .icon {
  background-color: var(--color-secondary);
}
.uecc-buttons .btn--outline.active {
  color: var(--color-primary-contrast) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.uecc-buttons .btn--outline.active .icon {
  background-color: var(--color-secondary);
}
.uecc-buttons .btn--primary-light {
  color: var(--color-black);
  border-color: var(--color-primary-light);
  background-color: var(--color-primary-light);
}
.uecc-buttons .btn--primary-light .icon {
  background-color: var(--color-primary);
}
.uecc-buttons .btn--primary-light:hover {
  color: var(--color-primary-contrast) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.uecc-buttons .btn--primary-light:hover .icon {
  background-color: var(--color-primary-contrast);
}
.uecc-buttons .btn--secondary {
  color: var(--color-secondary-contrast);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
.uecc-buttons .btn--secondary:hover {
  color: var(--color-white) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.uecc-buttons.left {
  justify-content: flex-start;
}
.uecc-buttons.center {
  justify-content: center;
}
.uecc-buttons.space-between {
  justify-content: space-between;
}
.uecc-buttons.space-between .btn {
  flex-basis: 40%;
}
@media (max-width: 768px) {
  .uecc-buttons.space-between .btn {
    flex-basis: 100%;
  }
}
.uecc-buttons.size-large .btn .icon {
  width: 68px;
  height: 68px;
}
.uecc-buttons.overlapping-section {
  padding-top: 0;
  padding-bottom: 0;
}
.uecc-buttons.overlapping-section .btn {
  transform: translateY(-50%);
}
.uecc-buttons.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.has-primary-background-color .uecc-buttons .btn--secondary:hover {
  border-color: var(--color-secondary) !important;
}
.has-primary-background-color .uecc-buttons .btn--primary-light:hover {
  border-color: var(--color-primary-light) !important;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-cover-block {
  min-height: 80vh;
  position: relative;
  padding-bottom: 0 !important;
}
.uecc-cover-block .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.uecc-cover-block .background img,
.uecc-cover-block .background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.uecc-cover-block .background .video-fallback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.uecc-cover-block .background .video-fallback img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.uecc-cover-block .background iframe,
.uecc-cover-block .background video {
  position: relative;
  z-index: 2;
}
.uecc-cover-block .background iframe {
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.78vh;
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.uecc-cover-block .content {
  grid-column: 2;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 70px;
}
.uecc-cover-block .content .acf-innerblocks-container > *:first-child {
  margin-top: 0;
}
.uecc-cover-block .content .acf-innerblocks-container > *:last-child {
  margin-bottom: 0;
}
.uecc-cover-block .content h1 {
  font-size: var(--font-xx-semi-large);
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-featured-menu .inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.uecc-featured-menu .inner > * {
  grid-column: span 6;
}
.uecc-featured-menu .items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  gap: 30px;
}
.uecc-featured-menu .items .item {
  grid-column: span 6;
  padding: 25px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  border: 1px solid var(--color-primary-light);
  border-radius: 16px;
  color: var(--color-white);
  text-decoration: none;
  background: linear-gradient(to bottom, var(--color-primary-light), var(--color-primary));
  transition: transform 0.1s ease-out;
}
.uecc-featured-menu .items .item .icon {
  width: 62px;
  height: 62px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  background-color: var(--color-white);
  flex-shrink: 0;
}
.uecc-featured-menu .items .item .title {
  margin: 0;
  font-size: var(--font-medium);
}
.uecc-featured-menu .items .item .description {
  margin: 0;
}
.uecc-featured-menu .items .item:hover .title {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .uecc-featured-menu .inner > * {
    grid-column: span 12;
  }
}
@media (max-width: 420px) {
  .uecc-featured-menu .items {
    padding-top: 20px;
    gap: 0;
    row-gap: 20px;
  }
  .uecc-featured-menu .items > .item {
    grid-column: span 12;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-key-numbers .inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.uecc-key-numbers .inner > .text {
  grid-column: span 4;
}
.uecc-key-numbers .inner > .text .wp-block-heading {
  word-break: normal;
}
.uecc-key-numbers .inner > .numbers {
  grid-column: span 8;
}
.uecc-key-numbers .numbers {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  -moz-column-gap: 60px;
       column-gap: 60px;
  padding-top: 40px;
}
.uecc-key-numbers .numbers .item-wrapper {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.uecc-key-numbers .item {
  position: relative;
  width: 136px;
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 50%;
  --progress: 0deg;
}
.uecc-key-numbers .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(from 0deg, var(--color-secondary) 0deg, var(--color-secondary) var(--progress), transparent var(--progress), transparent 360deg);
  mask: radial-gradient(circle at center, transparent 63px, black 63px, black 68px, transparent 68px);
  -webkit-mask: radial-gradient(circle at center, transparent 63px, black 63px, black 68px, transparent 68px);
  z-index: 1;
  pointer-events: none;
}
.uecc-key-numbers .item__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid var(--color-primary-light);
  pointer-events: none;
  z-index: 0;
}
.uecc-key-numbers .item__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.uecc-key-numbers .item__number {
  font-size: var(--font-x-large);
  line-height: 1;
}
.uecc-key-numbers .item__number--large {
  font-size: clamp(1.5625rem, 1.4858rem + 0.3409vw, 1.75rem);
}
.uecc-key-numbers .item__suffix {
  font-size: var(--font-default);
  margin-top: 4px;
}
.uecc-key-numbers .title {
  text-align: center;
  font-size: var(--font-default);
  margin-top: 0;
}
@media (max-width: 1100px) {
  .uecc-key-numbers .numbers {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .uecc-key-numbers .numbers .item-wrapper {
    grid-column: span 6;
  }
}
@media (max-width: 768px) {
  .uecc-key-numbers .inner > .text {
    grid-column: span 12;
  }
  .uecc-key-numbers .inner > .numbers {
    grid-column: span 12;
  }
}
@media (max-width: 340px) {
  .uecc-key-numbers .numbers .item-wrapper {
    grid-column: span 12;
  }
}
.uecc-key-numbers.size-large .inner {
  align-items: center;
}
.uecc-key-numbers.size-large .inner > .text {
  grid-column: span 3;
}
.uecc-key-numbers.size-large .inner > .numbers {
  grid-column: span 9;
}
.uecc-key-numbers.size-large .numbers .item-wrapper {
  grid-column: span 4;
}
.uecc-key-numbers.size-large .item {
  width: 286px;
  height: 286px;
}
.uecc-key-numbers.size-large .item:before {
  mask: radial-gradient(circle at center, transparent 138px, black 138px, black 143px, transparent 143px);
  -webkit-mask: radial-gradient(circle at center, transparent 138px, black 138px, black 143px, transparent 143px);
}
.uecc-key-numbers.size-large .item__icon {
  width: 62px;
  height: 62px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  background-color: var(--color-secondary);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.uecc-key-numbers.size-large .item__number {
  font-size: clamp(2.375rem, 1.3011rem + 4.7727vw, 5rem);
}
.uecc-key-numbers.size-large .item__number--large {
  font-size: clamp(1.875rem, 1.3636rem + 2.2727vw, 3.125rem);
}
@media (max-width: 1280px) {
  .uecc-key-numbers.size-large .inner > .text {
    grid-column: span 3;
  }
  .uecc-key-numbers.size-large .inner > .numbers {
    grid-column: span 9;
  }
  .uecc-key-numbers.size-large .numbers .item-wrapper {
    grid-column: span 6;
  }
}
@media (max-width: 900px) {
  .uecc-key-numbers.size-large .inner > .text {
    grid-column: span 6;
  }
  .uecc-key-numbers.size-large .inner > .numbers {
    grid-column: span 12;
  }
  .uecc-key-numbers.size-large .numbers .item-wrapper {
    grid-column: span 6;
  }
}
@media (max-width: 680px) {
  .uecc-key-numbers.size-large .inner > .text {
    grid-column: span 12;
    text-align: center;
  }
  .uecc-key-numbers.size-large .inner > .numbers {
    grid-column: span 12;
  }
  .uecc-key-numbers.size-large .numbers .item-wrapper {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .uecc-key-numbers.size-large {
    padding-bottom: 80px;
  }
  .uecc-key-numbers.size-large .item {
    width: 186px;
    height: 186px;
  }
  .uecc-key-numbers.size-large .item:before {
    mask: radial-gradient(circle at center, transparent 88px, black 88px, black 93px, transparent 93px);
    -webkit-mask: radial-gradient(circle at center, transparent 88px, black 88px, black 93px, transparent 93px);
  }
  .uecc-key-numbers.size-large .item__icon {
    width: 42px;
    height: 42px;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-image {
  margin-bottom: 0;
  position: relative;
}
.uecc-image:not(:first-child) {
  padding-top: 20px;
}
.uecc-image:not(:last-child) {
  padding-bottom: 20px;
}
.uecc-image img {
  border-radius: 16px;
}
.uecc-image img.circular {
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateY(-100px);
  position: relative;
}
.uecc-image figcaption {
  max-width: 400px;
  text-align: left;
}

.single-post .uecc-image.align-center {
  grid-column: 2/span 2;
}
.single-post .uecc-image.align-right {
  grid-column: 3/span 1;
  text-align: left;
  margin-left: 0;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-fleet {
  grid-column: 1/-1;
}
.uecc-fleet .inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.uecc-fleet .fleet {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  grid-template-columns: repeat(4, 214px);
  grid-column: 1/-1;
  justify-content: space-between;
  row-gap: 60px;
}
.uecc-fleet .fleet-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  overflow: visible;
  color: var(--color-primary-contrast);
}
.uecc-fleet .fleet-item__circle {
  transition: all 0.4s ease;
  width: 214px;
  height: 214px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--color-primary-light);
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.uecc-fleet .fleet-item__circle .vessel-image {
  position: absolute;
  width: 120%;
  max-width: none;
  height: auto;
  transform: translateY(-50%);
  left: 5%;
  top: 50%;
}
.uecc-fleet .fleet-item__title {
  margin: 0;
  text-align: center;
  font-size: var(--font-medium);
}
.uecc-fleet .fleet-item:hover .fleet-item__circle, .uecc-fleet .fleet-item.active .fleet-item__circle {
  background-color: var(--color-primary-light);
}
.uecc-fleet .fleet-item:hover .fleet-item__title, .uecc-fleet .fleet-item.active .fleet-item__title {
  text-decoration: underline;
}
.uecc-fleet .vessel-details-container {
  grid-template-columns: 1fr;
  grid-column: 1/-1;
  gap: 10px;
  opacity: 0;
  display: none;
  height: 0;
  position: relative;
}
.uecc-fleet .vessel-details-container.open {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  opacity: 1;
  display: block;
}
.uecc-fleet .vessel-details-container .pointer {
  position: absolute;
  background-color: var(--color-primary);
  top: -22px;
  left: 0;
  width: 44px;
  height: 44px;
  transform: rotate(45deg);
  border-top: 1px solid var(--color-secondary);
  border-left: 1px solid var(--color-secondary);
}
.uecc-fleet .vessel-details {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  transition: all 0.4s ease;
  padding: 20px 60px;
  border: 1px solid var(--color-secondary);
  border-radius: 16px;
}
.uecc-fleet .vessel-details .specs {
  grid-column: span 6;
}
.uecc-fleet .vessel-details .specs .title {
  grid-column: span 6;
  font-size: var(--font-large);
  text-transform: uppercase;
}
.uecc-fleet .vessel-details .specs .title::before {
  content: "";
  display: block;
  width: 240px;
  height: 74px;
  margin-bottom: 20px;
  background-image: url("images/section-icons/icon-vessel.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -6px 0;
}
.uecc-fleet .vessel-details .specs .description {
  grid-column: span 6;
  max-width: 408px;
  font-size: 18px;
  line-height: 1.7;
}
.uecc-fleet .vessel-details .specs .specs-list {
  padding-left: 0;
  list-style: none;
}
.uecc-fleet .vessel-details .specs .specs-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
}
.uecc-fleet .vessel-details .specs .specs-list li .icon {
  width: 45px;
  height: 45px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-secondary);
}
.uecc-fleet .vessel-details .image-container {
  grid-column: span 6;
}
.uecc-fleet .vessel-details .image-container .vessel-image {
  border-radius: 50%;
}
.uecc-fleet .vessel-details details.information {
  grid-column: span 12;
}
.uecc-fleet .vessel-details details.information .content .col-1,
.uecc-fleet .vessel-details details.information .content .col-2 {
  flex: 1;
}
.uecc-fleet .vessel-details details.information .content .col-1 ul,
.uecc-fleet .vessel-details details.information .content .col-2 ul {
  padding-left: 20px;
}
@media (max-width: 1100px) {
  .uecc-fleet .vessel-details {
    gap: 0;
  }
  .uecc-fleet .vessel-details .specs {
    grid-column: span 7;
  }
  .uecc-fleet .vessel-details .image-container {
    grid-column: span 5;
  }
  .uecc-fleet .vessel-details details.information .content {
    gap: 40px;
  }
}
@media (max-width: 900px) {
  .uecc-fleet .vessel-details details.information .content {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 768px) {
  .uecc-fleet .fleet {
    row-gap: 40px;
  }
  .uecc-fleet .vessel-details .specs {
    grid-column: span 12;
  }
  .uecc-fleet .vessel-details .image-container {
    grid-column: span 12;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .uecc-fleet .vessel-details .image-container img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .uecc-fleet .fleet {
    justify-content: center;
  }
  .uecc-fleet .vessel-details {
    padding: 20px;
  }
}

.fleet-item[data-row="1"] {
  grid-row: 1;
}

.vessel-details-container[data-row="1"] {
  grid-row: 1;
}

.fleet-item[data-row="2"] {
  grid-row: 2;
}

.vessel-details-container[data-row="2"] {
  grid-row: 2;
}

.fleet-item[data-row="3"] {
  grid-row: 3;
}

.vessel-details-container[data-row="3"] {
  grid-row: 3;
}

.fleet-item[data-row="4"] {
  grid-row: 4;
}

.vessel-details-container[data-row="4"] {
  grid-row: 4;
}

.fleet-item[data-row="5"] {
  grid-row: 5;
}

.vessel-details-container[data-row="5"] {
  grid-row: 5;
}

.fleet-item[data-row="6"] {
  grid-row: 6;
}

.vessel-details-container[data-row="6"] {
  grid-row: 6;
}

.fleet-item[data-row="7"] {
  grid-row: 7;
}

.vessel-details-container[data-row="7"] {
  grid-row: 7;
}

.fleet-item[data-row="8"] {
  grid-row: 8;
}

.vessel-details-container[data-row="8"] {
  grid-row: 8;
}

.fleet-item[data-row="9"] {
  grid-row: 9;
}

.vessel-details-container[data-row="9"] {
  grid-row: 9;
}

.fleet-item[data-row="10"] {
  grid-row: 10;
}

.vessel-details-container[data-row="10"] {
  grid-row: 10;
}

.fleet-item[data-row="11"] {
  grid-row: 11;
}

.vessel-details-container[data-row="11"] {
  grid-row: 11;
}

.fleet-item[data-row="12"] {
  grid-row: 12;
}

.vessel-details-container[data-row="12"] {
  grid-row: 12;
}

.fleet-item[data-row="13"] {
  grid-row: 13;
}

.vessel-details-container[data-row="13"] {
  grid-row: 13;
}

.fleet-item[data-row="14"] {
  grid-row: 14;
}

.vessel-details-container[data-row="14"] {
  grid-row: 14;
}

.fleet-item[data-row="15"] {
  grid-row: 15;
}

.vessel-details-container[data-row="15"] {
  grid-row: 15;
}

.fleet-item[data-row="16"] {
  grid-row: 16;
}

.vessel-details-container[data-row="16"] {
  grid-row: 16;
}

.fleet-item[data-row="17"] {
  grid-row: 17;
}

.vessel-details-container[data-row="17"] {
  grid-row: 17;
}

.fleet-item[data-row="18"] {
  grid-row: 18;
}

.vessel-details-container[data-row="18"] {
  grid-row: 18;
}

.fleet-item[data-row="19"] {
  grid-row: 19;
}

.vessel-details-container[data-row="19"] {
  grid-row: 19;
}

.fleet-item[data-row="20"] {
  grid-row: 20;
}

.vessel-details-container[data-row="20"] {
  grid-row: 20;
}

.fleet-item[data-row="21"] {
  grid-row: 21;
}

.vessel-details-container[data-row="21"] {
  grid-row: 21;
}

.fleet-item[data-row="22"] {
  grid-row: 22;
}

.vessel-details-container[data-row="22"] {
  grid-row: 22;
}

.fleet-item[data-row="23"] {
  grid-row: 23;
}

.vessel-details-container[data-row="23"] {
  grid-row: 23;
}

.fleet-item[data-row="24"] {
  grid-row: 24;
}

.vessel-details-container[data-row="24"] {
  grid-row: 24;
}

.fleet-item[data-row="25"] {
  grid-row: 25;
}

.vessel-details-container[data-row="25"] {
  grid-row: 25;
}

.fleet-item[data-row="26"] {
  grid-row: 26;
}

.vessel-details-container[data-row="26"] {
  grid-row: 26;
}

.fleet-item[data-row="27"] {
  grid-row: 27;
}

.vessel-details-container[data-row="27"] {
  grid-row: 27;
}

.fleet-item[data-row="28"] {
  grid-row: 28;
}

.vessel-details-container[data-row="28"] {
  grid-row: 28;
}

.fleet-item[data-row="29"] {
  grid-row: 29;
}

.vessel-details-container[data-row="29"] {
  grid-row: 29;
}

.fleet-item[data-row="30"] {
  grid-row: 30;
}

.vessel-details-container[data-row="30"] {
  grid-row: 30;
}

.fleet-item[data-row="31"] {
  grid-row: 31;
}

.vessel-details-container[data-row="31"] {
  grid-row: 31;
}

.fleet-item[data-row="32"] {
  grid-row: 32;
}

.vessel-details-container[data-row="32"] {
  grid-row: 32;
}

.fleet-item[data-row="33"] {
  grid-row: 33;
}

.vessel-details-container[data-row="33"] {
  grid-row: 33;
}

.fleet-item[data-row="34"] {
  grid-row: 34;
}

.vessel-details-container[data-row="34"] {
  grid-row: 34;
}

.fleet-item[data-row="35"] {
  grid-row: 35;
}

.vessel-details-container[data-row="35"] {
  grid-row: 35;
}

.fleet-item[data-row="36"] {
  grid-row: 36;
}

.vessel-details-container[data-row="36"] {
  grid-row: 36;
}

.fleet-item[data-row="37"] {
  grid-row: 37;
}

.vessel-details-container[data-row="37"] {
  grid-row: 37;
}

.fleet-item[data-row="38"] {
  grid-row: 38;
}

.vessel-details-container[data-row="38"] {
  grid-row: 38;
}

.fleet-item[data-row="39"] {
  grid-row: 39;
}

.vessel-details-container[data-row="39"] {
  grid-row: 39;
}

.fleet-item[data-row="40"] {
  grid-row: 40;
}

.vessel-details-container[data-row="40"] {
  grid-row: 40;
}

.fleet-item[data-row="41"] {
  grid-row: 41;
}

.vessel-details-container[data-row="41"] {
  grid-row: 41;
}

.fleet-item[data-row="42"] {
  grid-row: 42;
}

.vessel-details-container[data-row="42"] {
  grid-row: 42;
}

.fleet-item[data-row="43"] {
  grid-row: 43;
}

.vessel-details-container[data-row="43"] {
  grid-row: 43;
}

.fleet-item[data-row="44"] {
  grid-row: 44;
}

.vessel-details-container[data-row="44"] {
  grid-row: 44;
}

.fleet-item[data-row="45"] {
  grid-row: 45;
}

.vessel-details-container[data-row="45"] {
  grid-row: 45;
}

.fleet-item[data-row="46"] {
  grid-row: 46;
}

.vessel-details-container[data-row="46"] {
  grid-row: 46;
}

.fleet-item[data-row="47"] {
  grid-row: 47;
}

.vessel-details-container[data-row="47"] {
  grid-row: 47;
}

.fleet-item[data-row="48"] {
  grid-row: 48;
}

.vessel-details-container[data-row="48"] {
  grid-row: 48;
}

.fleet-item[data-row="49"] {
  grid-row: 49;
}

.vessel-details-container[data-row="49"] {
  grid-row: 49;
}

.fleet-item[data-row="50"] {
  grid-row: 50;
}

.vessel-details-container[data-row="50"] {
  grid-row: 50;
}

.fleet-item[data-row="51"] {
  grid-row: 51;
}

.vessel-details-container[data-row="51"] {
  grid-row: 51;
}

.fleet-item[data-row="52"] {
  grid-row: 52;
}

.vessel-details-container[data-row="52"] {
  grid-row: 52;
}

.fleet-item[data-row="53"] {
  grid-row: 53;
}

.vessel-details-container[data-row="53"] {
  grid-row: 53;
}

.fleet-item[data-row="54"] {
  grid-row: 54;
}

.vessel-details-container[data-row="54"] {
  grid-row: 54;
}

.fleet-item[data-row="55"] {
  grid-row: 55;
}

.vessel-details-container[data-row="55"] {
  grid-row: 55;
}

.fleet-item[data-row="56"] {
  grid-row: 56;
}

.vessel-details-container[data-row="56"] {
  grid-row: 56;
}

.fleet-item[data-row="57"] {
  grid-row: 57;
}

.vessel-details-container[data-row="57"] {
  grid-row: 57;
}

.fleet-item[data-row="58"] {
  grid-row: 58;
}

.vessel-details-container[data-row="58"] {
  grid-row: 58;
}

.fleet-item[data-row="59"] {
  grid-row: 59;
}

.vessel-details-container[data-row="59"] {
  grid-row: 59;
}

.fleet-item[data-row="60"] {
  grid-row: 60;
}

.vessel-details-container[data-row="60"] {
  grid-row: 60;
}

.fleet-item[data-row="61"] {
  grid-row: 61;
}

.vessel-details-container[data-row="61"] {
  grid-row: 61;
}

.fleet-item[data-row="62"] {
  grid-row: 62;
}

.vessel-details-container[data-row="62"] {
  grid-row: 62;
}

.fleet-item[data-row="63"] {
  grid-row: 63;
}

.vessel-details-container[data-row="63"] {
  grid-row: 63;
}

.fleet-item[data-row="64"] {
  grid-row: 64;
}

.vessel-details-container[data-row="64"] {
  grid-row: 64;
}

.fleet-item[data-row="65"] {
  grid-row: 65;
}

.vessel-details-container[data-row="65"] {
  grid-row: 65;
}

.fleet-item[data-row="66"] {
  grid-row: 66;
}

.vessel-details-container[data-row="66"] {
  grid-row: 66;
}

.fleet-item[data-row="67"] {
  grid-row: 67;
}

.vessel-details-container[data-row="67"] {
  grid-row: 67;
}

.fleet-item[data-row="68"] {
  grid-row: 68;
}

.vessel-details-container[data-row="68"] {
  grid-row: 68;
}

.fleet-item[data-row="69"] {
  grid-row: 69;
}

.vessel-details-container[data-row="69"] {
  grid-row: 69;
}

.fleet-item[data-row="70"] {
  grid-row: 70;
}

.vessel-details-container[data-row="70"] {
  grid-row: 70;
}

.fleet-item[data-row="71"] {
  grid-row: 71;
}

.vessel-details-container[data-row="71"] {
  grid-row: 71;
}

.fleet-item[data-row="72"] {
  grid-row: 72;
}

.vessel-details-container[data-row="72"] {
  grid-row: 72;
}

.fleet-item[data-row="73"] {
  grid-row: 73;
}

.vessel-details-container[data-row="73"] {
  grid-row: 73;
}

.fleet-item[data-row="74"] {
  grid-row: 74;
}

.vessel-details-container[data-row="74"] {
  grid-row: 74;
}

.fleet-item[data-row="75"] {
  grid-row: 75;
}

.vessel-details-container[data-row="75"] {
  grid-row: 75;
}

.fleet-item[data-row="76"] {
  grid-row: 76;
}

.vessel-details-container[data-row="76"] {
  grid-row: 76;
}

.fleet-item[data-row="77"] {
  grid-row: 77;
}

.vessel-details-container[data-row="77"] {
  grid-row: 77;
}

.fleet-item[data-row="78"] {
  grid-row: 78;
}

.vessel-details-container[data-row="78"] {
  grid-row: 78;
}

.fleet-item[data-row="79"] {
  grid-row: 79;
}

.vessel-details-container[data-row="79"] {
  grid-row: 79;
}

.fleet-item[data-row="80"] {
  grid-row: 80;
}

.vessel-details-container[data-row="80"] {
  grid-row: 80;
}

.fleet-item[data-row="81"] {
  grid-row: 81;
}

.vessel-details-container[data-row="81"] {
  grid-row: 81;
}

.fleet-item[data-row="82"] {
  grid-row: 82;
}

.vessel-details-container[data-row="82"] {
  grid-row: 82;
}

.fleet-item[data-row="83"] {
  grid-row: 83;
}

.vessel-details-container[data-row="83"] {
  grid-row: 83;
}

.fleet-item[data-row="84"] {
  grid-row: 84;
}

.vessel-details-container[data-row="84"] {
  grid-row: 84;
}

.fleet-item[data-row="85"] {
  grid-row: 85;
}

.vessel-details-container[data-row="85"] {
  grid-row: 85;
}

.fleet-item[data-row="86"] {
  grid-row: 86;
}

.vessel-details-container[data-row="86"] {
  grid-row: 86;
}

.fleet-item[data-row="87"] {
  grid-row: 87;
}

.vessel-details-container[data-row="87"] {
  grid-row: 87;
}

.fleet-item[data-row="88"] {
  grid-row: 88;
}

.vessel-details-container[data-row="88"] {
  grid-row: 88;
}

.fleet-item[data-row="89"] {
  grid-row: 89;
}

.vessel-details-container[data-row="89"] {
  grid-row: 89;
}

.fleet-item[data-row="90"] {
  grid-row: 90;
}

.vessel-details-container[data-row="90"] {
  grid-row: 90;
}

.fleet-item[data-row="91"] {
  grid-row: 91;
}

.vessel-details-container[data-row="91"] {
  grid-row: 91;
}

.fleet-item[data-row="92"] {
  grid-row: 92;
}

.vessel-details-container[data-row="92"] {
  grid-row: 92;
}

.fleet-item[data-row="93"] {
  grid-row: 93;
}

.vessel-details-container[data-row="93"] {
  grid-row: 93;
}

.fleet-item[data-row="94"] {
  grid-row: 94;
}

.vessel-details-container[data-row="94"] {
  grid-row: 94;
}

.fleet-item[data-row="95"] {
  grid-row: 95;
}

.vessel-details-container[data-row="95"] {
  grid-row: 95;
}

.fleet-item[data-row="96"] {
  grid-row: 96;
}

.vessel-details-container[data-row="96"] {
  grid-row: 96;
}

.fleet-item[data-row="97"] {
  grid-row: 97;
}

.vessel-details-container[data-row="97"] {
  grid-row: 97;
}

.fleet-item[data-row="98"] {
  grid-row: 98;
}

.vessel-details-container[data-row="98"] {
  grid-row: 98;
}

.fleet-item[data-row="99"] {
  grid-row: 99;
}

.vessel-details-container[data-row="99"] {
  grid-row: 99;
}

.fleet-item[data-row="100"] {
  grid-row: 100;
}

.vessel-details-container[data-row="100"] {
  grid-row: 100;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-quote {
  padding: 0;
  height: auto;
  margin-top: 40px;
  margin-bottom: 20px;
}
.uecc-quote.height-full {
  height: 100%;
}
.uecc-quote.height-full blockquote {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.uecc-quote blockquote {
  padding: 60px 50px;
  padding-top: 70px !important;
  margin: 0;
  border-radius: 16px;
  position: relative;
}
.uecc-quote blockquote::before {
  content: "";
  background-image: url("images/section-icons/icon-quote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -26px;
  left: 30px;
  width: 104px;
  height: 80px;
}
.uecc-quote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-medium);
  line-height: 1.5;
}

.wp-block-column > .uecc-quote:first-child {
  margin-top: 0;
}

.uecc-trading-routes .inner {
  grid-column: 1/-1;
}
.uecc-trading-routes iframe {
  width: 100%;
  height: 90vh;
  min-height: 500px;
  border: none;
  display: block;
}

.uecc-sailing-schedules .inner {
  grid-column: 1/-1;
}
.uecc-sailing-schedules iframe {
  width: 100%;
  height: 90vh;
  min-height: 500px;
  border: none;
  display: block;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-cta-section {
  position: relative;
  height: auto;
  min-height: 630px;
}
.uecc-cta-section .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.uecc-cta-section .background img,
.uecc-cta-section .background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.uecc-cta-section .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to right, var(--color-primary) 22%, transparent);
}
.uecc-cta-section .content {
  grid-column: 2;
  position: relative;
  z-index: 1;
  max-width: 440px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.uecc-cta-section .content p {
  font-size: var(--font-medium-small);
  line-height: 1.7;
}
.uecc-cta-section .content .acf-innerblocks-container > *:first-child {
  margin-top: 0;
}
.uecc-cta-section .content .acf-innerblocks-container > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .uecc-cta-section {
    align-items: flex-end;
    min-height: 740px;
  }
  .uecc-cta-section .background img,
  .uecc-cta-section .background video {
    height: 52%;
  }
  .uecc-cta-section .gradient {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(to top, var(--color-primary) 60%, color-mix(in srgb, var(--color-primary) 70%, transparent) 75%, color-mix(in srgb, var(--color-primary) 40%, transparent) 85%, color-mix(in srgb, var(--color-primary) 15%, transparent) 92%, transparent 100%);
  }
  .uecc-cta-section .content {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 35px;
    text-align: center;
  }
  .uecc-cta-section .content .uecc-buttons.left {
    justify-content: center;
  }
}
@media (min-width: 1700px) {
  .uecc-cta-section {
    min-height: 800px;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-latest-posts {
  background-color: var(--color-blue-green-light);
}
.uecc-latest-posts .inner {
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .uecc-latest-posts .inner {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.uecc-latest-posts .inner > * {
  grid-column: 2;
}
.uecc-latest-posts .title-wrapper {
  grid-column: 1/-1;
  text-align: center;
}
.uecc-latest-posts .uecc-buttons {
  grid-column: 1/-1;
  padding-top: 40px;
}
.uecc-latest-posts .latest-posts__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) {
  .uecc-latest-posts .latest-posts__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 540px) {
  .uecc-latest-posts .latest-posts__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.uecc-latest-posts.posts-2 .title-wrapper {
  grid-column: 1/1;
  text-align: left;
  max-width: 270px;
}
.uecc-latest-posts.posts-2 .title-wrapper .uecc-buttons {
  padding-top: 0;
}
@media (max-width: 900px) {
  .uecc-latest-posts.posts-2 .latest-posts__grid .title-wrapper {
    grid-column: 1/-1;
    max-width: none;
    text-align: center;
  }
  .uecc-latest-posts.posts-2 .latest-posts__grid .title-wrapper .uecc-buttons {
    justify-content: center;
  }
}
.uecc-latest-posts {
  /* @media (max-width: $xs) {
      .inner {
          grid-column: 1 / -1;

          >* {
              grid-column: 1 / -1;
          }
      }
  } */
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.employees__filters {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.employees__filters .filters-container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  background-color: var(--color-primary);
  border-radius: 50px;
}
.employees__filters .filter-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--color-secondary);
  border-radius: 50px;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 0;
}
.employees__filters .btn {
  position: relative;
  z-index: 1;
  color: var(--color-white);
  font-size: 18px;
  padding: 18px 20px;
  transition: color 0.6s ease;
}
.employees__filters .btn.active {
  color: var(--color-secondary-contrast);
}
@media (max-width: 900px) {
  .employees__filters .btn {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .employees__filters .filters-container {
    flex-wrap: wrap;
    gap: 10px;
    background-color: transparent;
    border-radius: 0;
    justify-content: center;
  }
  .employees__filters .filter-indicator {
    display: none;
  }
  .employees__filters .btn {
    color: var(--color-primary-contrast);
    background-color: var(--color-primary);
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
  }
  .employees__filters .btn:hover {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary);
  }
  .employees__filters .btn.active {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary);
  }
}

.employees__grid {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 100px;
}
.employees__grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.employees__grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 900px) {
  .employees__grid.columns-3, .employees__grid.columns-4 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}
@media (max-width: 768px) {
  .employees__grid.columns-3, .employees__grid.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .employees__grid {
    gap: 24px 16px;
  }
}
@media (max-width: 500px) {
  .employees__grid.columns-3, .employees__grid.columns-4 {
    grid-template-columns: 1fr;
  }
  .employees__grid {
    gap: 20px;
  }
}

.employees__empty {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
  color: var(--color-primary);
  opacity: 0.6;
}

.employee-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.employee-card .image {
  width: 100%;
  max-width: 271px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: var(--color-grey);
}
.employee-card .image picture,
.employee-card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.employee-card .placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-grey) 0%, var(--color-blue-green-light) 100%);
}
.employee-card__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.employee-card .content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.employee-card h3 {
  font-size: var(--font-medium-small);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0;
}
.employee-card .title {
  font-size: var(--font-default);
  font-weight: 300;
  color: var(--color-primary);
  opacity: 0.7;
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 540px) {
  .employee-card .title {
    font-size: 12px;
  }
}

.columns-3 .employee-card .image {
  max-width: none;
}

.columns-4 .employee-card .image {
  max-width: 271px;
}

.employee-card {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease;
}
.employee-card.is-hidden {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.employee-card.is-visible {
  animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-shortcuts-menu {
  max-width: 380px;
}
.uecc-shortcuts-menu .items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.uecc-shortcuts-menu .items .item {
  justify-content: space-between;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-documents-list {
  max-width: 480px;
}
.uecc-documents-list .items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: rgba(0, 181, 224, 0.2);
  padding: 40px 20px;
  border-radius: 16px;
}
.uecc-documents-list .items .acf-innerblocks-container .wp-block-heading {
  margin: 0;
  margin-bottom: 20px;
  font-size: var(--font-medium-small);
  font-weight: 700;
}
.uecc-documents-list .items .item {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
}
.uecc-documents-list .items .item:hover {
  text-decoration: underline;
}
.uecc-documents-list .items .item .icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  -webkit-mask: var(--icon-url);
          mask: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-primary);
}
.uecc-documents-list .items .item .icon--document {
  width: 28px;
  height: 28px;
}
.uecc-documents-list .items .item .title {
  flex: 1;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-faq-section .items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.uecc-faq-section .items .faq-item {
  background-color: var(--color-blue-green-light);
  padding: 0;
  border-radius: 16px;
  border: 1px solid #D1D1D6;
}
.uecc-faq-section .items .faq-item summary {
  transition: all 0.4s ease;
  padding: 20px 40px;
  justify-content: space-between;
  border-radius: 16px;
}
.uecc-faq-section .items .faq-item summary:hover {
  text-decoration: none;
  background-color: var(--color-blue-green-light-hover);
}
.uecc-faq-section .items .faq-item .content {
  padding: 0 40px;
}
.uecc-faq-section .items .faq-item h3 {
  margin: 0;
  color: var(--color-primary);
  font-size: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
}
.uecc-faq-section .items .faq-item .icon {
  width: 10px;
  height: 18px;
  background-color: var(--color-primary);
  flex-shrink: 0;
}
.uecc-faq-section .items .faq-item[open] summary .icon {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .uecc-faq-section .items .faq-item .icon {
    width: 6px;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-content-grid .acf-innerblocks-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.uecc-content-grid .uecc-grid-image {
  grid-column: span var(--element-colspan);
  padding: 0;
  margin: 0;
}
.uecc-content-grid .uecc-grid-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.uecc-content-grid .uecc-grid-text {
  grid-column: span var(--element-colspan);
  background-color: var(--color-primary-light);
  display: flex;
  align-items: center;
  min-height: 300px;
  border-radius: 16px;
  padding: 40px;
  margin: 0;
}
.uecc-content-grid .uecc-grid-text .acf-innerblocks-container > * {
  grid-column: span 12;
}
.uecc-content-grid .uecc-grid-post {
  grid-column: span var(--element-colspan);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.uecc-content-grid .uecc-grid-post h2 {
  font-size: var(--font-medium-small);
  font-weight: 700;
  color: var(--color-black);
  width: 100%;
  max-width: 341px;
  margin: 0 auto 20px auto;
}
.uecc-content-grid .uecc-grid-post .grid-post-card {
  max-width: 341px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin: 0 auto;
}
.uecc-content-grid .uecc-grid-post .grid-post-card .image img {
  border-radius: 16px;
}
.uecc-content-grid .uecc-grid-post .grid-post-card h3 {
  font-size: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
  font-weight: 600;
  margin-bottom: 0;
}
.uecc-content-grid .uecc-grid-post .grid-post-card .content {
  font-size: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
}
.uecc-content-grid .uecc-grid-post .grid-post-card .content p {
  margin-top: 6px;
}
.uecc-content-grid .uecc-grid-post .grid-post-card .content .link {
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.uecc-content-grid .uecc-grid-post .grid-post-card .content .link .icon-arrow-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
          mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
  background-color: var(--color-primary);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.uecc-content-grid .uecc-grid-post .grid-post-card .content .link:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .uecc-content-grid .uecc-grid-image:not(.span-12),
  .uecc-content-grid .uecc-grid-text:not(.span-12),
  .uecc-content-grid .uecc-grid-form:not(.span-12),
  .uecc-content-grid .uecc-grid-post:not(.span-12) {
    grid-column: span 6 !important;
  }
}
@media (max-width: 540px) {
  .uecc-content-grid .uecc-grid-image:not(.span-12),
  .uecc-content-grid .uecc-grid-text:not(.span-12),
  .uecc-content-grid .uecc-grid-form:not(.span-12),
  .uecc-content-grid .uecc-grid-post:not(.span-12) {
    grid-column: span 12 !important;
  }
}
.uecc-content-grid .uecc-grid-form {
  grid-column: span var(--element-colspan);
}
@media (max-width: 900px) {
  .uecc-content-grid .uecc-grid-form {
    grid-column: span 12 !important;
  }
}
@media (max-width: 768px) {
  .uecc-content-grid .uecc-grid-form {
    grid-column: span 12 !important;
  }
  .uecc-content-grid .uecc-grid-form:not(.span-12) {
    grid-column: span 12 !important;
  }
}

.uecc-agents {
  padding-top: 0;
}
.uecc-agents .inner {
  grid-column: 1/-1;
}
.uecc-agents iframe {
  width: 100%;
  height: 90vh;
  min-height: 500px;
  border: none;
  display: block;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-offices {
  padding-bottom: 100px;
}

.offices__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 100px;
}
@media (max-width: 1280px) {
  .offices__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .offices__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
@media (max-width: 768px) {
  .offices__grid {
    gap: 24px 16px;
  }
}
@media (max-width: 500px) {
  .offices__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.offices__empty {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
  color: var(--color-primary);
  opacity: 0.6;
}

.office-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.office-card .image {
  width: 100%;
  max-width: 206px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: var(--color-grey);
}
.office-card .image picture,
.office-card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.office-card .placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-grey) 0%, var(--color-blue-green-light) 100%);
}
.office-card__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.office-card .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.office-card .content .link {
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.office-card .content .link .icon-arrow-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
          mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
  background-color: var(--color-primary);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.office-card .content .link:hover {
  text-decoration: underline;
}
.office-card h3 {
  font-size: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
}
.office-card .details {
  font-size: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
  font-weight: 400;
  color: var(--color-primary);
  line-height: 1.5;
}
.office-card .details p {
  margin: 0 0 0.5em;
}
.office-card .details p:last-child {
  margin-bottom: 0;
}
.office-card .details a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.4s ease;
}
.office-card .details a:hover {
  opacity: 0.7;
}
@media (max-width: 540px) {
  .office-card .details {
    font-size: 12px;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-office-map {
  padding-top: 0;
  padding-bottom: 0;
}
.uecc-office-map .inner {
  grid-column: 1/-1;
}

#office-map {
  width: 100%;
  height: 100%;
  min-height: 800px;
}
#office-map .mapboxgl-ctrl-logo {
  display: none !important;
}

.uecc-vessel-positions .inner {
  grid-column: 1/-1;
}
.uecc-vessel-positions iframe {
  width: 100%;
  height: 90vh;
  min-height: 500px;
  border: none;
  display: block;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.uecc-vacancies {
  padding-bottom: 80px;
  background-color: var(--color-primary);
  color: var(--color-white);
}
.uecc-vacancies .acf-innerblocks-container {
  grid-column: 2;
  margin-bottom: 40px;
}
.uecc-vacancies .acf-innerblocks-container h2 {
  margin: 0;
}
.uecc-vacancies .vacancies__grid {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
@media (max-width: 768px) {
  .uecc-vacancies .vacancies__grid {
    flex-direction: column;
    gap: 80px;
  }
}
.uecc-vacancies .vacancies__column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 475px;
  flex-basis: 50%;
}
.uecc-vacancies .vacancies__segment-title {
  font-size: var(--font-medium-small);
  font-weight: 400;
  color: var(--color-white);
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.uecc-vacancies .vacancies__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.uecc-vacancies:not(.is-expanded) .vacancy-card--hidden {
  display: none;
}
.uecc-vacancies .vacancies__actions {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.uecc-vacancies .vacancies__actions .btn--primary-light {
  color: var(--color-white);
}
.uecc-vacancies .vacancy-card {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding: 25px 0;
  max-width: 475px;
  border-bottom: 1px solid var(--color-primary-light);
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: opacity 0.4s ease;
}
.uecc-vacancies .vacancy-card__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.uecc-vacancies .vacancy-card__title {
  font-size: var(--font-medium-small);
  font-weight: 600;
  color: var(--color-white);
  margin: 0;
  line-height: 1.4;
}
.uecc-vacancies .vacancy-card__location {
  font-size: 14px;
  color: var(--color-primary-light);
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
.uecc-vacancies .vacancy-card__deadline {
  font-size: 14px;
  color: var(--color-white);
  margin: 0;
  margin-top: auto;
  padding-top: 8px;
}
.uecc-vacancies .vacancy-card__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  width: 32px;
  height: 32px;
  min-width: 32px;
  transition: background-color 0.4s ease;
}
.uecc-vacancies .vacancy-card__arrow .icon-arrow-right {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
          mask: url("images/section-icons/icon-arrow-right.svg") no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--color-primary-light);
  transition: background-color 0.4s ease;
}
.uecc-vacancies .vacancy-card:hover .vacancy-card__title {
  text-decoration: underline;
}
.uecc-vacancies .vacancy-card:hover .vacancy-card__arrow .icon-arrow-right {
  background-color: var(--color-white);
}
.uecc-vacancies .vacancies__empty {
  padding: 20px 0;
  color: var(--color-white);
  opacity: 0.6;
  font-size: var(--font-medium-small);
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.appex-consent-banner .appex-consent-banner__body .appex-consent-banner__buttons .button-decline,
.appex-consent-banner .appex-consent-banner__body .appex-consent-banner__buttons .button-accept {
  background-color: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border-radius: 16px !important;
}
.appex-consent-banner .appex-consent-banner__body .appex-consent-banner__buttons .button-decline:hover,
.appex-consent-banner .appex-consent-banner__body .appex-consent-banner__buttons .button-accept:hover {
  background-color: var(--color-white) !important;
  color: var(--color-primary) !important;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.site-header {
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .site-header {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.site-header {
  transition: height 0.4s ease-in-out;
  position: fixed;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.site-header__inner {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}
.site-header__logo {
  transition: transform 0.2s ease-in-out;
  transform: scale(1);
  background-image: url("images/logo-uecc.svg");
  background-position: var(--logo-position);
  background-repeat: var(--logo-repeat);
  background-size: var(--logo-size);
  width: var(--logo-width);
  height: var(--logo-height);
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.site-header__nav {
  position: relative;
  background: var(--color-primary);
  border-radius: 30px;
  padding: 16px 0;
  display: flex;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --submenu-height: 26;
}
.site-header__nav::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: var(--submenu-height, 0px);
  background: var(--color-primary);
  border-radius: 0 0 30px 30px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: height 0.4s ease;
  z-index: 1;
  pointer-events: none;
}
.site-header__nav > .menu {
  order: 1;
  padding-left: 75px;
  padding-right: 75px;
  list-style: none;
  margin: 0;
  display: flex;
  gap: 0;
  border-radius: 8px;
  z-index: 2;
}
.site-header__nav > .menu a:hover {
  text-decoration: underline;
}
.site-header__nav > .menu .current-menu-item a .link-content {
  border-bottom: 1px solid var(--color-primary-contrast);
  padding-bottom: 4px;
}
.site-header__nav > .menu .current-menu-item a:hover {
  text-decoration: none;
}
.site-header__nav > ul > li:not(:first-child) {
  margin-right: 24px;
}
.site-header__nav > ul > li:last-child {
  margin-right: 0;
}
.site-header__nav > ul > li > a {
  display: inline-block;
  color: var(--color-primary-contrast);
  text-decoration: none;
  position: relative;
}
.site-header__nav > ul > li > a .title {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
.site-header__nav > ul > li:has(.current-menu-item) > a .link-content {
  border-bottom: 1px solid var(--color-primary-contrast);
  padding-bottom: 4px;
}
.site-header__nav > ul > li:has(.current-menu-item) > a:hover {
  text-decoration: none;
}
.site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu) > a {
  padding-right: 16px;
}
.site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu) > a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: var(--color-primary-contrast);
  -webkit-mask-image: url("images/section-icons/down-arrow.svg");
          mask-image: url("images/section-icons/down-arrow.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: transform 0.2s ease;
}
.site-header__nav > ul > li.menu-item-expanded:not(.hamburger-menu) > a::after {
  transform: translateY(-50%) rotate(180deg);
}
.site-header__nav .hamburger-menu > a {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  top: 0;
}
.site-header__nav > .menu {
  position: relative;
}
.site-header__nav > .menu > .menu-item--search {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.site-header__nav .menu-item--search > a {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  top: 0;
}
.site-header__nav .menu-item--search .sub-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  top: 0;
}
.site-header__nav .menu-item--search .sub-menu .menu-item:first-child {
  margin-top: 0;
}
.site-header__nav .menu-item--search .menu-search-submenu {
  padding-top: 20px;
  padding-bottom: 20px;
  top: 0;
}
.site-header__nav .menu-item--search .search-form {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-header__nav .menu-item--search .search-form__form {
  display: flex;
  flex: 1;
  gap: 12px;
}
.site-header__nav .menu-item--search .search-form__input {
  flex: 1;
  border: 1px solid var(--color-primary-contrast);
  border-radius: 999px;
  padding: 12px 16px;
  background: var(--color-white);
  color: var(--color-primary);
}
.site-header__nav .menu-item--search .search-form__input::-moz-placeholder {
  color: rgba(0, 72, 93, 0.7);
}
.site-header__nav .menu-item--search .search-form__input::placeholder {
  color: rgba(0, 72, 93, 0.7);
}
.site-header__nav .menu-item--search input[type=submit] {
  border: 2px solid var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-secondary-contrast);
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.site-header__nav .menu-item--search input[type=submit]:hover {
  background: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: var(--color-primary-light-contrast);
}
.site-header__nav .menu-item--search .search-close {
  border: 0;
  background: transparent;
  color: var(--color-primary-contrast);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.site-header__nav .sub-menu {
  padding-left: 75px;
  padding-right: 75px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.site-header__nav .sub-menu .menu-item:first-child {
  margin-top: 30px;
}
.site-header__nav .sub-menu .menu-item a {
  display: inline-flex;
  position: relative;
  min-height: 32px;
  color: var(--color-primary-contrast);
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.site-header__nav .sub-menu .menu-item a .link-icon {
  transition: all 0.4s ease;
  width: 32px;
  height: 100%;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  background-color: var(--color-primary-contrast);
  position: absolute;
  left: -52px;
  top: 0;
}
.site-header__nav .sub-menu .menu-item a .link-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-header__nav .sub-menu .menu-item a .link-content .title {
  font-size: 15px;
  line-height: 1.2;
}
.site-header__nav .sub-menu .menu-item a .link-content .description {
  font-size: 10px;
}
.site-header__nav .sub-menu .menu-item a:hover {
  text-decoration: none;
}
.site-header__nav .sub-menu .menu-item a:hover .link-content .title {
  text-decoration: underline;
}
.site-header__nav .sub-menu .menu-item a:hover .link-icon {
  background-color: var(--color-secondary);
}
.site-header__nav .menu-search-submenu {
  padding-left: 75px;
  padding-right: 75px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.site-header__nav.nav-opening .menu-item-expanded > .sub-menu,
.site-header__nav.nav-opening .menu-item-expanded > .menu-search-submenu {
  transition-delay: 0.2s;
}
.site-header__nav .menu-item-expanded > .sub-menu,
.site-header__nav .menu-item-expanded > .menu-search-submenu {
  opacity: 1;
  pointer-events: auto;
}
.site-header__nav {
  /* .menu-item-has-children>a::after {
  	content: '▾';
  	margin-left: 6px;
  	font-size: 12px;
  	display: inline-block;
  	transition: transform 0.3s ease;
  } */
  /* .menu-item-expanded>a::after {
  	transform: rotate(180deg);
  } */
}
.site-header__nav-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  order: 2;
  margin-right: 40px;
  z-index: 10;
}
.site-header #navToggle {
  transition: transform 0.2s ease-in-out;
}
.site-header #navToggle svg {
  fill: none;
  stroke: var(--color-primary-contrast);
}
.site-header #navToggle svg line {
  transition: all 0.4s ease;
  transform-origin: center;
}
.site-header #navToggle:hover {
  transform: scale(1.1);
}
.site-header #navSearchToggle {
  transition: transform 0.2s ease-in-out;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background-color: var(--color-primary-contrast);
  -webkit-mask-image: url("images/button-icons/icon-search.svg");
          mask-image: url("images/button-icons/icon-search.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  margin-top: -2px;
}
.site-header #navSearchToggle:hover {
  transform: scale(1.1);
}
.site-header__nav.nav-open:has(.hamburger-menu.menu-item-expanded) #navToggle svg line:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.site-header__nav.nav-open:has(.hamburger-menu.menu-item-expanded) #navToggle svg line:nth-child(2) {
  opacity: 0;
}
.site-header__nav.nav-open:has(.hamburger-menu.menu-item-expanded) #navToggle svg line:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
@media (max-width: 1100px) {
  .site-header #navSearchToggle {
    display: none;
  }
  .site-header__nav {
    transition: all 0.4s ease-in-out;
    position: absolute;
    right: 5%;
    padding: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: flex-end;
  }
  .site-header__nav::after {
    display: none;
  }
  .site-header__nav > .menu {
    display: flex;
    flex-direction: column;
    height: 0;
    overflow: hidden;
  }
  .site-header__nav > ul > li {
    transition: opacity 0.4s ease-in-out;
    transition-delay: 0.4s;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
  }
  .site-header__nav > ul > li > a {
    padding: 0 75px;
    margin-top: 12px;
  }
  .site-header__nav > ul > li > a .title {
    font-size: 20px;
  }
  .site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu) > a {
    padding-right: 22px;
  }
  .site-header__nav > .menu > .menu-item--search {
    position: static;
    width: 100%;
    margin-top: auto;
    padding-top: 16px;
  }
  .site-header__nav .menu-item--search .search-form {
    flex-direction: column;
    align-items: stretch;
  }
  .site-header__nav .menu-item--search .search-form__form {
    flex-direction: column;
  }
  .site-header__nav .menu-item--search input[type=submit] {
    width: 100%;
  }
  .site-header__nav .menu-item--search .search-close {
    display: none;
    align-self: flex-end;
  }
  .site-header__nav .sub-menu {
    position: static;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: unset;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
  }
  .site-header__nav .sub-menu .menu-item:first-child {
    margin-top: 0;
  }
  .site-header__nav .sub-menu .menu-item a {
    gap: 12px;
  }
  .site-header__nav .sub-menu .menu-item a .link-icon {
    position: static;
    height: 32px;
  }
  .site-header__nav .sub-menu .menu-item a:not(:has(.link-icon)) {
    padding-left: 15px;
  }
  .site-header__nav .menu-search-submenu {
    position: static;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: unset;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
  }
  .site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu):not(.menu-item--search) > a {
    pointer-events: auto;
  }
  .site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu):not(.menu-item--search) > .sub-menu {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.2s ease;
  }
  .site-header__nav > ul > li.menu-item-has-children:not(.hamburger-menu):not(.menu-item--search).menu-item-expanded > .sub-menu {
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 600px;
    min-height: unset;
    opacity: 1;
    pointer-events: auto;
  }
  .site-header__nav.nav-open {
    width: 90%;
  }
  .site-header__nav.nav-open > .menu {
    height: auto;
    max-height: calc(100vh - 120px);
    max-height: calc(100dvh - 120px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    background: var(--color-primary);
    border-radius: 0 0 30px 30px;
    padding: 20px 0 30px;
    margin-top: 8px;
    gap: 0;
  }
  .site-header__nav.nav-open > ul > li {
    opacity: 1;
  }
  .site-header__nav-toggle {
    display: flex;
    align-items: flex-end;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .site-header {
    height: 90px;
  }
  .site-header__nav > ul > li > a {
    padding: 0 40px;
  }
  .site-header__nav .sub-menu {
    padding-left: 40px;
    padding-right: 40px;
  }
  .site-header__nav .sub-menu .menu-item a .link-content .description {
    display: none;
  }
}

body:has(.main-content-wrapper > *:first-child.has-primary-background-color) .site-header__logo {
  background-image: url("images/logo-uecc-negative.svg");
}
@media (max-width: 768px) {
  body:has(.main-content-wrapper > *:first-child.has-primary-background-color) .site-header__logo {
    background-image: url("images/logo-uecc-negative.svg") !important;
  }
}

body:has(.has-logo-negative) .site-header__logo {
  background-image: url("images/logo-uecc-negative.svg");
}
@media (max-width: 768px) {
  body:has(.has-logo-negative) .site-header__logo {
    background-image: url("images/logo-uecc.svg");
  }
}

body:has(.has-logo-positive) .site-header__logo {
  background-image: url("images/logo-uecc.svg");
}

.is-scrolled .site-header {
  transition: height 0.7s ease-in-out;
  height: 60px;
}
.is-scrolled .site-header__logo {
  transform: scale(0);
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.site-footer {
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .site-footer {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.site-footer {
  min-height: 790px;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  position: relative;
}
.site-footer .video-background {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 632px;
  overflow: hidden;
  z-index: 0;
}
.site-footer .video-background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.site-footer .video-background .fade-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(to bottom, var(--color-primary) 0%, transparent 100%);
  z-index: 1;
}
.site-footer .inner {
  position: relative;
  z-index: 1;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-footer .columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  padding-top: 120px;
}
.site-footer .columns .col h2,
.site-footer .columns .col h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.site-footer .columns .footer-menu-1,
.site-footer .columns .footer-menu-2 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .columns .footer-menu-1 li,
.site-footer .columns .footer-menu-2 li {
  margin-bottom: 0.5em;
}
.site-footer .columns .footer-menu-1 a,
.site-footer .columns .footer-menu-2 a {
  color: var(--color-primary-contrast);
  text-decoration: none;
  transition: -webkit-text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease;
}
.site-footer .columns .footer-menu-1 a:hover,
.site-footer .columns .footer-menu-2 a:hover {
  text-decoration: underline;
}
.site-footer .columns .footer-menu-1 .menu-item-has-children > a,
.site-footer .columns .footer-menu-2 .menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.site-footer .columns .footer-menu-1 .menu-item-has-children .submenu-toggle,
.site-footer .columns .footer-menu-2 .menu-item-has-children .submenu-toggle {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--color-primary-contrast);
  -webkit-mask-image: url("images/section-icons/down-arrow.svg");
          mask-image: url("images/section-icons/down-arrow.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: transform 0.2s ease;
}
.site-footer .columns .footer-menu-1 .menu-item-has-children.is-open .submenu-toggle,
.site-footer .columns .footer-menu-2 .menu-item-has-children.is-open .submenu-toggle {
  transform: rotate(180deg);
}
.site-footer .columns .footer-menu-1 .sub-menu,
.site-footer .columns .footer-menu-2 .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0.5em 0 0 1em;
  display: none;
}
.menu-item-has-children.is-open > .site-footer .columns .footer-menu-1 .sub-menu,
.menu-item-has-children.is-open > .site-footer .columns .footer-menu-2 .sub-menu {
  display: block;
}
.site-footer .columns .footer-menu-1 .is-open > .sub-menu,
.site-footer .columns .footer-menu-2 .is-open > .sub-menu {
  display: block;
}
.site-footer .columns .footer-menu-2 {
  padding-top: 20px;
}
@media (max-width: 768px) {
  .site-footer .columns {
    gap: 0;
  }
  .site-footer .columns .col {
    grid-column: span 12;
    text-align: center;
  }
  .site-footer .columns > .footer-menu-1 {
    padding-top: 40px;
  }
  .site-footer .columns > .footer-menu-2 {
    padding-top: 0;
  }
}
.site-footer .social-links {
  display: flex;
  gap: 16px;
  margin-top: 60px;
}
.site-footer .social-link {
  transition: all 0.4s ease;
  display: block;
  width: 28px;
  height: 28px;
  background-color: var(--color-primary-contrast);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.site-footer .social-link:hover {
  background-color: var(--color-secondary);
}
.site-footer .social-link--linkedin {
  -webkit-mask-image: url("images/section-icons/icon-linkedin.svg");
          mask-image: url("images/section-icons/icon-linkedin.svg");
}
.site-footer .social-link--facebook {
  -webkit-mask-image: url("images/section-icons/icon-facebook.svg");
          mask-image: url("images/section-icons/icon-facebook.svg");
}
.site-footer .bottom-menu {
  margin-top: 40px;
  padding-bottom: 40px;
}
.site-footer .footer-bottom-menu {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-bottom-menu a {
  color: var(--color-primary-contrast);
  text-decoration: none;
}
.site-footer .footer-bottom-menu a .title {
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.05);
}
.site-footer .footer-bottom-menu a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .site-footer .footer-bottom-menu {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.site-footer__logo {
  margin-top: 80px;
  display: block;
  width: 260px;
  height: 97px;
  background-image: url("images/logo-uecc-negative.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.site-footer__bottom {
  margin-top: auto;
  padding-bottom: 40px;
  color: var(--color-primary-contrast);
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.main-content-wrapper > .wp-block-columns {
  content-visibility: initial;
  position: relative;
  overflow: visible;
  max-width: none;
  grid-column: 1/-1;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  gap: 20px;
}
.main-content-wrapper > .wp-block-columns > .wp-block-column,
.main-content-wrapper > .wp-block-columns > .wp-block-columns {
  max-width: 1181px;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-wrap: normal;
  word-break: normal;
  overflow: visible;
}
.main-content-wrapper > .wp-block-columns > .wp-block-column > .wp-block-heading:first-child,
.main-content-wrapper > .wp-block-columns > .wp-block-column > p:first-child,
.main-content-wrapper > .wp-block-columns > .wp-block-columns > .wp-block-heading:first-child,
.main-content-wrapper > .wp-block-columns > .wp-block-columns > p:first-child {
  margin-top: 0;
}
.main-content-wrapper > .wp-block-columns > .wp-block-column > .uecc-block:first-child,
.main-content-wrapper > .wp-block-columns > .wp-block-columns > .uecc-block:first-child {
  padding-top: 0;
}
.main-content-wrapper > .wp-block-columns > .wp-block-column > .wp-block-image,
.main-content-wrapper > .wp-block-columns > .wp-block-columns > .wp-block-image {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .main-content-wrapper > .wp-block-columns:has(img.circular) {
    padding-top: 40px;
  }
  .main-content-wrapper > .wp-block-columns:has(img.circular) > .wp-block-column:not(:has(img.circular)) > * {
    transform: translateY(-100px);
  }
}
.main-content-wrapper > .wp-block-columns {
  /* .wp-block-column.move-up {
      transform: translateY(-100px);
  } */
  /* @media (max-width: $xs) {
      &:has(.wp-block-column.move-up) {
          >.wp-block-column {
              transform: translateY(-100px);
          }
      }
  } */
}
.main-content-wrapper > .wp-block-columns:not(:has(> .wp-block-column:nth-child(2))) > .wp-block-column {
  /* padding-left: 0;
  padding-right: 0; */
}
@media (max-width: 1241px) {
  .main-content-wrapper > .wp-block-columns:not(:has(> .wp-block-column:nth-child(2))) > .wp-block-column {
    max-width: 90vw !important;
  }
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column {
  max-width: 580.5px;
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column:first-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column:nth-child(2) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
}
@media (max-width: 1241px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column {
    max-width: calc(45vw - 10px);
  }
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column p,
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column h1,
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column h2,
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column h3,
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column h4 {
  padding-right: 20px;
}
@media (max-width: 781px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
  max-width: 380.3333333333px;
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:first-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(2) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(3) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 1241px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
    max-width: calc(30vw - 13.3333333333px) !important;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:first-child {
    padding-right: 20px;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(3) {
    padding-left: 0;
  }
}
@media (max-width: 900px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
    flex-basis: 30%;
    max-width: 30%;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:first-child {
    padding-left: 0;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(3) {
    padding-right: 0;
  }
}
@media (max-width: 781px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:first-child {
    padding-left: 0;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(2) {
    padding-left: 0;
  }
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column:nth-child(3) {
    padding-left: 0;
  }
}
@media (max-width: 781px) {
  .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}
.main-content-wrapper > .wp-block-columns .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none;
}
.main-content-wrapper > .wp-block-columns {
  /*  &+.wp-block-columns {
      padding-top: $content-gap;
  }

  &:has(+ .wp-block-columns) {
      padding-bottom: $content-gap;
  } */
}
@media (max-width: 768px) {
  .main-content-wrapper > .wp-block-columns {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.main-content-wrapper .wp-block-group {
  padding-top: 60px;
  padding-bottom: 60px;
}
.main-content-wrapper .wp-block-group.alignfull {
  grid-column: 1/-1;
}

.wp-block-columns .wp-block-column.has-background {
  padding: 40px;
}

.single-post .main-content-wrapper > .wp-block-columns:has(> .wp-block-column:nth-child(2)) > .wp-block-column {
  /* @media (max-width: calc($content-width-default + calc($content-gap * 3))) {
      max-width: calc(90vw / 2 - ($content-gap / 2));
  }

  @media (max-width: 781px) {
      max-width: 90%;
      padding-left: 0;
      padding-right: 0;
  } */
}

.block-editor-block-list__layout .uecc-top-section .image,
.block-editor-block-list__layout .uecc-top-section .video {
  position: static;
  transform: none;
  width: 100%;
  height: 100%;
}
.block-editor-block-list__layout .uecc-cover-block .background {
  z-index: 1;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-12) {
  grid-column: span 12;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-7) {
  grid-column: span 7;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-6) {
  grid-column: span 6;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-5) {
  grid-column: span 5;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-4) {
  grid-column: span 4;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-3) {
  grid-column: span 3;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-2) {
  grid-column: span 2;
}
.block-editor-block-list__layout .uecc-content-grid .acf-innerblocks-container > .acf-block-component:has(.span-1) {
  grid-column: span 1;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_label {
  font-size: var(--font-medium);
  font-weight: 400;
  margin-bottom: 20px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input,
.main-content-wrapper .gform_wrapper.gravity-theme select,
.main-content-wrapper .gform_wrapper.gravity-theme textarea {
  border: 1px solid #D1D1D6;
  border-radius: 10px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input::-moz-placeholder, .main-content-wrapper .gform_wrapper.gravity-theme select::-moz-placeholder, .main-content-wrapper .gform_wrapper.gravity-theme textarea::-moz-placeholder {
  color: #505050;
}
.main-content-wrapper .gform_wrapper.gravity-theme input::placeholder,
.main-content-wrapper .gform_wrapper.gravity-theme select::placeholder,
.main-content-wrapper .gform_wrapper.gravity-theme textarea::placeholder {
  color: #505050;
}
.main-content-wrapper .gform_wrapper.gravity-theme input:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme select:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme textarea:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-display:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme .gform_button_select_files:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme input[type=submit]:focus-visible,
.main-content-wrapper .gform_wrapper.gravity-theme .gform_button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input[type=text],
.main-content-wrapper .gform_wrapper.gravity-theme input[type=email],
.main-content-wrapper .gform_wrapper.gravity-theme input[type=tel],
.main-content-wrapper .gform_wrapper.gravity-theme textarea {
  background-color: rgba(209, 225, 226, 0.2);
  padding: 24px 30px;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error .gfield_label,
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error .validation_message {
  color: #b00020;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error input,
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error select,
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error textarea,
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_error .custom-select-display {
  border-color: #b00020;
}
.main-content-wrapper .gform_wrapper.gravity-theme .validation_error,
.main-content-wrapper .gform_wrapper.gravity-theme .gform_validation_errors {
  border-left: 4px solid #b00020;
  background: #fff4f4;
  color: #4a0f17;
  padding: 12px 16px;
  margin-bottom: 30px;
}
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_radio {
  padding-bottom: 20px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 21px;
  height: 21px;
  border: 1px solid #D1D1D6;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  position: relative;
  padding: 0;
  margin-right: 10px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input[type=radio]:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield_radio label {
  cursor: pointer;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
  align-items: flex-start;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload .gfield_label {
  margin-bottom: 0;
  font-size: var(--font-default);
  color: #505050;
  font-weight: 400;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload .gform_drop_area {
  padding: 20px;
  background: rgba(209, 225, 226, 0.2);
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload .gform_fileupload_rules {
  display: none;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload .gform_button_select_files {
  transition: all 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 40px;
  font-size: var(--font-default);
  font-weight: 500;
  border-width: 2.5px;
  border-style: solid;
  border-radius: 50px;
  cursor: pointer;
  color: var(--color-primary-contrast);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload .gform_button_select_files:hover {
  color: var(--color-primary-light-contrast);
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-section {
  border-bottom: 0;
}
.main-content-wrapper .gform_wrapper.gravity-theme .gfield--type-section h3 {
  font-size: var(--font-default);
  font-weight: 400;
  color: #505050;
  margin-top: 40px;
  margin-bottom: 0;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-wrapper {
  position: relative;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-wrapper select.custom-select-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-dropdown {
  position: relative;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-dropdown.open .custom-select-display {
  border-color: var(--color-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-dropdown.open .custom-select-icon {
  transform: rotate(180deg);
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-dropdown.open .custom-select-options {
  max-height: 300px;
  overflow-y: auto;
  opacity: 1;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-blue-green-light);
  border: 1px solid #D1D1D6;
  border-radius: 10px;
  padding: 24px 30px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, border-radius 0.2s ease;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-display:hover {
  background-color: var(--color-blue-green-light-hover);
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-text {
  flex: 1;
  color: #505050;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-icon {
  width: 12px;
  height: 12px;
  background-color: var(--color-primary);
  -webkit-mask-image: url("images/section-icons/down-arrow.svg");
          mask-image: url("images/section-icons/down-arrow.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: transform 0.2s ease;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-primary);
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease;
  z-index: 100;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option {
  padding: 16px 30px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option:hover {
  background-color: var(--color-blue-green-light);
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option.selected {
  background-color: var(--color-blue-green-light);
  font-weight: 500;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option.highlighted {
  background-color: var(--color-blue-green-light-hover);
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.main-content-wrapper .gform_wrapper.gravity-theme .custom-select-option:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_address > span {
  flex: 100% !important;
}
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_address .address_country .custom-select-display {
  padding: 14px 30px;
}
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_address .address_country .custom-select-text,
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_address .address_country .custom-select-icon {
  margin-bottom: 0;
  flex: unset !important;
  padding: 0 !important;
}
.main-content-wrapper .gform_wrapper.gravity-theme .ginput_container_address .address_country .custom-select-option {
  padding: 4px 30px;
}
.main-content-wrapper .gform_wrapper.gravity-theme #field_submit {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 20px;
}
.main-content-wrapper .gform_wrapper.gravity-theme input[type=submit],
.main-content-wrapper .gform_wrapper.gravity-theme .gform_button {
  transition: all 0.4s ease;
  display: inline-flex;
  align-items: center;
  align-self: flex-start !important;
  justify-content: center;
  padding: 16px 40px;
  font-size: var(--font-medium-small);
  font-weight: 500;
  border-width: 2.5px;
  border-style: solid;
  border-radius: 50px;
  cursor: pointer;
  color: var(--color-primary-contrast);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.main-content-wrapper .gform_wrapper.gravity-theme input[type=submit]:hover,
.main-content-wrapper .gform_wrapper.gravity-theme .gform_button:hover {
  color: var(--color-primary-light-contrast);
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
}
.main-content-wrapper .gform_footer {
  justify-content: flex-end;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.single-post {
  overflow-x: clip;
}
.single-post .main-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 572px 609px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 1241px) {
  .single-post .main-content-wrapper {
    grid-template-columns: 1fr 45% 45% 1fr;
  }
}
@media (max-width: 900px) {
  .single-post .main-content-wrapper {
    grid-template-columns: 1fr 60% 30% 1fr;
  }
}
@media (max-width: 768px) {
  .single-post .main-content-wrapper {
    grid-template-columns: 1fr 80% 1fr;
  }
}
.single-post .main-content-wrapper {
  line-height: 1.7;
}
.single-post .main-content-wrapper .post-header .post-title h1 {
  font-size: var(--font-x-large);
  color: var(--color-primary);
  max-width: 572px;
}
.single-post .main-content-wrapper .post-header .post-date {
  font-size: 13px;
  color: var(--color-primary);
  font-weight: 300;
  margin-bottom: 0;
}
.single-post .main-content-wrapper .post-image {
  grid-column: 3/span 2;
  grid-row: 2/span 10;
  min-height: 600px;
}
.single-post .main-content-wrapper .post-image img {
  width: auto;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.single-post .main-content-wrapper .author-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 270px;
  padding-top: 1rem;
  border-top: 1px solid var(--color-primary);
}
.single-post .main-content-wrapper .author-card__image {
  flex-shrink: 0;
}
.single-post .main-content-wrapper .author-card__image img {
  border-radius: 50%;
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-post .main-content-wrapper .author-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.single-post .main-content-wrapper .author-card__title {
  font-size: 1.15rem;
  margin: 0;
}
.single-post .main-content-wrapper .author-card__position {
  font-size: var(--font-default);
  color: #373A3D;
  margin: 0;
  font-weight: 300;
}
.single-post .main-content-wrapper .uecc-latest-posts {
  margin-top: 140px;
}
@media (max-width: 900px) {
  .single-post .main-content-wrapper .post-image {
    grid-column: 2/span 1;
    grid-row: unset;
    min-height: 0;
  }
  .single-post .main-content-wrapper .post-image img {
    position: static;
  }
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
.blog-page {
  padding-bottom: 80px;
  background-color: var(--color-grey);
}
.blog-page .main-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1181px 1fr;
  /* @media (min-width: calc($l + 100px)) {
  	grid-template-columns: 1fr $content-width-wide 1fr;
  } */
  /* @media (max-width: $l) {
  	grid-template-columns: 1fr $content-width-default 1fr;
  } */
}
@media (max-width: 1241px) {
  .blog-page .main-content-wrapper {
    grid-template-columns: 1fr 90% 1fr;
  }
}
.blog-page .main-content-wrapper > * {
  grid-column: 2;
}
.blog-page__header {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  padding-bottom: 80px;
}
.blog-page__header .title {
  grid-column: span 6;
  margin: 0;
}
.blog-page__header .ingress {
  grid-column: span 6;
}
.blog-page__filters {
  display: flex;
  justify-content: center;
}
.blog-page__filters .filters-container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  background-color: var(--color-primary);
  border-radius: 50px;
}
.blog-page__filters .filter-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--color-secondary);
  border-radius: 50px;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 0;
}
.blog-page__filters .btn {
  position: relative;
  z-index: 1;
  color: var(--color-white);
  padding: 30px 100px;
  transition: color 0.6s ease;
}
.blog-page__filters .btn.active {
  color: var(--color-secondary-contrast);
}
@media (max-width: 768px) {
  .blog-page__filters .filters-container {
    flex-wrap: wrap;
    gap: 10px;
    background-color: transparent;
    border-radius: 0;
    justify-content: center;
  }
  .blog-page__filters .filter-indicator {
    display: none;
  }
  .blog-page__filters .btn {
    color: var(--color-primary-contrast);
    background-color: var(--color-primary);
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
  }
  .blog-page__filters .btn:hover {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary);
  }
  .blog-page__filters .btn.active {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary);
  }
}
.blog-page__grid {
  padding-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 900px) {
  .blog-page__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 540px) {
  .blog-page__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.blog-page__load-more {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.blog-page__load-more .btn.loading {
  opacity: 0.7;
  pointer-events: none;
}
.blog-page__spinner {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}
.blog-page__spinner .spinner {
  width: 48px;
  height: 48px;
  border: 3px solid var(--color-primary-light-20);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@media (max-width: 768px) {
  .blog-page__header {
    padding-top: 140px !important;
    padding-bottom: 40px;
  }
  .blog-page__grid {
    padding-top: 20px;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.post-card {
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  color: var(--color-primary);
  border-radius: 16px;
  overflow: hidden;
}
.post-card:hover {
  background-color: var(--color-white);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}
.post-card__link {
  position: relative;
  padding: 13.3333333333px;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.post-card__link::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 19px;
  height: 36px;
  background-color: var(--color-primary);
  -webkit-mask-image: url("images/section-icons/icon-arrow-right.svg");
  mask-image: url("images/section-icons/icon-arrow-right.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.3s ease;
}
.post-card:hover .post-card__link::after {
  opacity: 1;
  transform: translateX(0);
}
.post-card__image {
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 16px;
}
.post-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
}
.post-card__image--placeholder {
  background-color: var(--color-primary-light-20);
}
.post-card:hover .post-card__image img {
  transform: scale(1.05);
}
.post-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0 0 0;
  flex-grow: 1;
}
.post-card__category {
  font-size: var(--font-default);
}
.post-card__title {
  margin: 0;
  font-size: var(--font-large);
  font-weight: 400;
  line-height: 1.3;
}
.post-card__meta {
  margin-top: auto;
  font-size: var(--font-default);
}
.post-card__meta .date {
  text-transform: capitalize;
}

/*!
Theme Name: uecc
Author: Appex Web
Author URI: http://appex.no/
Version: 0.1.2
*/
body.search .main-content-wrapper .search-form,
body.search-results .main-content-wrapper .search-form {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 32px;
}
body.search .main-content-wrapper .search-form__form,
body.search-results .main-content-wrapper .search-form__form {
  display: flex;
  flex: 1;
  gap: 12px;
}
body.search .main-content-wrapper .search-form__input,
body.search-results .main-content-wrapper .search-form__input {
  flex: 1;
  border: 1px solid var(--color-primary-contrast);
  border-radius: 999px;
  padding: 20px 16px;
  background: var(--color-blue-green-light);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
body.search .main-content-wrapper .search-form__input::-moz-placeholder, body.search-results .main-content-wrapper .search-form__input::-moz-placeholder {
  color: rgba(0, 72, 93, 0.7);
}
body.search .main-content-wrapper .search-form__input::placeholder,
body.search-results .main-content-wrapper .search-form__input::placeholder {
  color: rgba(0, 72, 93, 0.7);
}
body.search .main-content-wrapper input[type=submit],
body.search-results .main-content-wrapper input[type=submit] {
  border: 2px solid var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-secondary-contrast);
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
body.search .main-content-wrapper input[type=submit]:hover,
body.search-results .main-content-wrapper input[type=submit]:hover {
  background: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: var(--color-primary-light-contrast);
}
body.search .main-content-wrapper .search-close,
body.search-results .main-content-wrapper .search-close {
  display: none;
}
body.search .main-content-wrapper article,
body.search-results .main-content-wrapper article {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  body.search .main-content-wrapper h1,
  body.search-results .main-content-wrapper h1 {
    padding-top: 140px !important;
  }
  body.search .main-content-wrapper .search-form,
  body.search-results .main-content-wrapper .search-form {
    flex-direction: column;
    align-items: stretch;
  }
  body.search .main-content-wrapper .search-form__form,
  body.search-results .main-content-wrapper .search-form__form {
    flex-direction: column;
  }
  body.search .main-content-wrapper input[type=submit],
  body.search-results .main-content-wrapper input[type=submit] {
    width: 100%;
  }
}

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