/* Fonts */
@font-face {
    font-family: "HelveticaNeue 45Light";
    src: url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.eot?#iefix);
    src: url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.eot?#iefix) format("eot"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.woff2) format("woff2"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.woff) format("woff"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.ttf) format("truetype"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-45Light.svg#1b8634c8-006a-49c6-aaf3-04a56845d964) format("svg");
}
@font-face {
    font-family: "HelveticaNeue 55Roman";
    src: url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.eot?#iefix);
    src: url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.eot?#iefix) format("eot"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.woff2) format("woff2"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.woff) format("woff"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.ttf) format("truetype"), url(/media/templates/site/cassiopeia_b10/fonts/HelveticaNeue-55Roman.svg#d8e220ed-4602-498f-be6b-161f6fcd1b92) format("svg");
}

@font-face {
    font-family: "HelveticaNeue 85Heavy";
    src: url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.eot?#iefix);
    src: url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.eot?#iefix) format("eot"), url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.woff2) format("woff2"), url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.woff) format("woff"), url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.ttf) format("truetype"), url(/media/templates/site/cassiopeia_b10/fonts/Helvetica-Neue-LT-Std-85-Heavy.svg#d8e220ed-4602-498f-be6b-161f6fcd1b92) format("svg");
}

/* Variables */
:root {
        --border-radius: 14px;
        --border-radius-lg: 20px;
        --navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
body [data-wf-columns].flex-gap-sm {
    gap: 1.4rem;
}

/* buttons */
.btn-primary.white {
    background: #fff;
    color: var(--btn-bg);
}
.btn-primary.lightblue {
    background-color: #c4e3f1;
    color: var(--btn-bg);
}

/* Banners */
.contact-banner .huge-text {
    font-size: 64px;
    line-height: 1.05;
}
.contact-banner .contact-infos {
    font-size: 25px;
    line-height: 1.4;
}
.contact-banner .btn-primary {
    font-size: 20px;
}
.contact-banner {
    background-image: url(/images/banners/ill-contact-sales-ill-overlay.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.contact-banner {
font-size: 1.1rem;
}
.contact-banner.enews {
    background-image: unset;
}
.contact-banner.enews::before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 160px;
    background: url(/images/wisp.png);
    background-size: cover;
    opacity: .3;
    left: 78px;
    background-position: center;
}

/* HubSpot forms */
div.hsfc-DataPrivacyField {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    max-width: 700px;
}
div.hsfc-DataPrivacyField .hsfc-Row:has(.hsfc-CheckboxField) {
    width: 100%;
    max-width: 220px;
}
body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
    padding: 0;
}

/* Product view */
.com-content-article .product-model img {
    width: 90px;
}
.com-content-article .product-model a {
    color: #000;
}
.com-content-article .product-name {
    font-size: 70px;
}
.com-content-article .product-model .image{
    border: solid 2px var(--btnbg);
    padding: 10px;
}
table.product-specifications {
    border-collapse: separate;
}
table.product-specifications td {
    padding: 4px 10px;
}
table.product-specifications td.title {
    width: 30%;
    background: #d1d2d4;
      vertical-align: top;
}
table.product-specs-info {
  background-color: #fff;
}
table.product-specs-info thead {
    background-color: lightgrey;
}
table.product-specs-info, table.product-specs-info th, table.product-specs-info td {
  border: 1px solid black;
  border-collapse: collapse;
}
table.product-specs-info th, table.product-specs-info td {
    padding: 2px 10px;
}

/* Category Vew */
.com-content-category .list-item {
    border: solid var(--btnbg) 1px;
    height: 100%;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.com-content-category .list-item:hover{
    box-shadow: 8px 9px 8px rgba(0, 0, 0, 0.25);
}
.com-content-category .list-item.product .title .product-name {
    font-size: 24px;
    padding-right: 8px;
}

/* Megamenu / Burgermenu */
.navigation .megamenu-content .module-content {
  max-height: calc(100vh - 169px);
  overflow: auto;
  overscroll-behavior: contain; 
}
body:has(.back-to-top-link.visible) .navigation .megamenu-content .module-content {
  max-height: calc(100vh - 50px);
}
body .megamenu-inner-content hr {
    border-top: solid 1px;
    border-color: var(--body-color);
}
.megamenu-inner-content .category-link {
    text-decoration: none !important;
}
.megamenu-inner-content .mega-menu-section {
    padding: 20px;
  height: 100%;
}
.megamenu-inner-content .col:hover .mega-menu-section {
    background-color: var(--btnbg);
    color: #fff;
}
.megamenu-inner-content .col .mega-menu-section,
.megamenu-inner-content .col .mega-menu-section * {
    transition: all 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.megamenu-inner-content .col:hover .mega-menu-section .category-link {
    color: #6bcff6;
}
.megamenu-inner-content .col:hover .mega-menu-section hr {
    border-color: #6bcff6;
}
.nav-item .megamenu-content .megamenu-inner-content .col:hover a {
  color: #fff;
}
.nav-item .megamenu-content .megamenu-inner-content a:hover {
  color: #6bcff6!important;
}
header .top-menu .nav-item.show-mega > .nav-header {
    font-weight: 600;
    color: #6bcff6;
}


/* Generelt */
footer.footer  {
    margin: 0;
}
ul {
    padding-left: 16px;
}
body {
    font-family: 'HelveticaNeue 45Light';
    line-height: 1.4;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .header-font {
    font-family: "HelveticaNeue 85Heavy";
    line-height: 1.1;
}
h2 {
        font-size: var(--h1size);
}
body hr {
    border-top: solid 2px;
    border-color: var(--btnbg);
    opacity: 1;
}
.container {
  max-width: var(--max-content-width);
}
a {
    white-space: nowrap;
    outline: none!important;
}
.rounded-10px {
    border-radius: 10px;
}
.bold-list {
    line-height: 1.8;
}
.small-text {
    font-size: 10px;
}
.table thead tr > th {
    background-color: lightgray;
}

/* Colors */
.bg-lightblue {
    background-color: #c4e3f1;
}
.bg-darkblue {
    background-color: var(--btnbg);
}
.bg-mediumblue {
    background-color: #9fc7da;
}
.color-lightblue {
  color: #c4e3f1;
}

/* Page builder */
.d-flex-column .sp-pagebuilder-addons {
  display: flex!important;
  flex-direction: column!important;
}
.d-flex-column .sp-pagebuilder-addons {
    height: 100%;
}
.sppb-addon-table.flex-style tr {
    display: flex;
    column-gap: 20px;
}
.sppb-addon-table.flex-style tr td {
    padding: 0;
    display: block;
    width: 50%;
}

.video-popup-image a {
    display: block;
}
.d-flex-column > .sppb-column-addons {
    display: flex;
    flex-direction: column;
}
.sppb-div-addon.button-group > .sppb-addon-wrapper {
    display: inline-block;
    vertical-align: top;
}
table.sppb-addon-table-main td {
    align-content: start;
}
section > .sppb-row-container {
padding-left: 8.8px;
padding-right: 8.8px;
}
.sppb-addon .sppb-addon-table-main tbody tr:first-child td {
    background: unset!important;
    color: unset!important;
}
.sppb-addon .sppb-addon-table-main tbody tr {
    background: unset;
}

/* Masthead */
.container-fluid.masthead,
.container-fluid.masthead-component {
  position: relative;
}
.masthead-title {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
}
.masthead-bg {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.masthead-bg video,
.masthead-bg img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.masthead-details-container {
    padding: 180px 0;
    position: relative;
    z-index: 3;
}
.masthead-details-container::before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 250px;
    background: url(/images/wisp.png);
    background-size: cover;
    opacity: .3;
    left: -280px;
}



/* Footer */

.footer {
  color: var(--footercolor);
  background-color: var(--footerbg);
  background-image: none;
}

.footer a {
  color: var(--footercolor);
}

body .btn-primary {
    padding: 12px 20px;
    line-height: 1;
    border-radius: 14px;
    font-size: var(--body-font-size);
}
input[type="text"] {
    padding: 10px 16px;
    line-height: 1;
    border-radius: 14px;
    outline: none;
    border: solid 2px var(--btnbg) !important;
}