:root {
    --elinox-night: #071827;
    --elinox-navy: #0d2f49;
    --elinox-blue: #126c94;
    --elinox-cyan: #35b7c9;
    --elinox-mint: #84d3ce;
    --elinox-ice: #eaf7f8;
    --elinox-paper: #f8fbfc;
    --elinox-ink: #183445;
    --elinox-muted: #5b7180;
    --elinox-line: rgb(18 108 148 / 18%);
    --elinox-shadow: 0 1.1rem 2.8rem rgb(5 35 53 / 14%);
}

body.cms-template-elinox {
    min-height: 100vh;
    margin: 0;
    color: var(--elinox-ink);
    background: var(--elinox-ice);
    isolation: isolate;
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.cms-template-elinox::before {
    position: fixed;
    z-index: 0;
    inset: 0;
    content: "";
    pointer-events: none;
    background-image:
        radial-gradient(circle at 9% 2%, rgb(53 183 201 / 12%), transparent 27rem),
        linear-gradient(145deg, rgb(237 247 248 / 88%) 0%, rgb(248 251 252 / 93%) 42%, rgb(232 242 245 / 90%) 100%),
        url("../images/Elinox/BackgrM.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cms-template-elinox .elinox-site-shell {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    padding-bottom: var(--cms-footer-height, 44px);
}

.cms-template-elinox .elinox-masthead {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(105deg, rgb(7 24 39 / 94%) 0%, rgb(13 47 73 / 86%) 48%, rgb(11 70 92 / 58%) 100%),
        url("../images/Elinox/BackgrL.jpg") center 48% / cover no-repeat;
}

@media screen and (max-width: 39.9375em) {
    body.cms-template-elinox::before {
        background-image:
            radial-gradient(circle at 9% 2%, rgb(53 183 201 / 12%), transparent 27rem),
            linear-gradient(145deg, rgb(237 247 248 / 90%) 0%, rgb(248 251 252 / 94%) 42%, rgb(232 242 245 / 91%) 100%),
            url("../images/Elinox/BackgrS.jpg");
    }

    .cms-template-elinox .elinox-masthead {
        background-image:
            linear-gradient(105deg, rgb(7 24 39 / 94%) 0%, rgb(13 47 73 / 84%) 58%, rgb(11 70 92 / 55%) 100%),
            url("../images/Elinox/BackgrS.jpg");
    }
}

@media screen and (min-width: 64em) {
    body.cms-template-elinox::before {
        background-image:
            radial-gradient(circle at 9% 2%, rgb(53 183 201 / 12%), transparent 27rem),
            linear-gradient(145deg, rgb(237 247 248 / 88%) 0%, rgb(248 251 252 / 93%) 42%, rgb(232 242 245 / 90%) 100%),
            url("../images/Elinox/BackgrL.jpg");
    }
}

.cms-template-elinox .elinox-masthead::before,
.cms-template-elinox .elinox-masthead::after {
    position: absolute;
    content: "";
    pointer-events: none;
}

.cms-template-elinox .elinox-masthead::before {
    inset: 0;
    opacity: .48;
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 3rem 3rem;
    mask-image: linear-gradient(90deg, #000, transparent 82%);
}

.cms-template-elinox .elinox-masthead::after {
    right: -9rem;
    bottom: -15rem;
    width: 32rem;
    height: 32rem;
    border: 1px solid rgb(132 211 206 / 35%);
    border-radius: 50%;
    box-shadow: 0 0 0 4rem rgb(53 183 201 / 6%), 0 0 0 9rem rgb(53 183 201 / 4%);
}

.cms-template-elinox .elinox-masthead-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: clamp(14rem, 30vw, 23rem);
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    gap: clamp(2rem, 5vw, 5.5rem);
}

.cms-template-elinox .elinox-wordmark {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 13.5rem;
    min-height: 8rem;
    padding: 1.2rem 1.5rem;
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: 1.25rem;
    color: #fff;
    background: rgb(255 255 255 / 8%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1rem 2.2rem rgb(0 0 0 / 20%);
    text-decoration: none;
    backdrop-filter: blur(.55rem);
}

.cms-template-elinox .elinox-wordmark:hover,
.cms-template-elinox .elinox-wordmark:focus {
    color: #fff;
    border-color: var(--elinox-mint);
    transform: translateY(-2px);
}

.cms-template-elinox .elinox-wordmark-main {
    font-size: clamp(2.6rem, 6vw, 4.2rem);
    font-weight: 300;
    letter-spacing: -.075em;
    line-height: .9;
}

.cms-template-elinox .elinox-wordmark-main span {
    color: var(--elinox-cyan);
    font-weight: 700;
}

.cms-template-elinox .elinox-wordmark-sub {
    margin-top: .85rem;
    color: rgb(255 255 255 / 72%);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .34em;
    text-transform: uppercase;
}

.cms-template-elinox .elinox-masthead-copy p {
    margin: 0;
    color: inherit;
}

.cms-template-elinox .elinox-kicker {
    margin-bottom: .75rem !important;
    color: var(--elinox-mint) !important;
    font-size: .78rem !important;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.cms-template-elinox .elinox-site-title {
    max-width: 49rem;
    font-size: clamp(2rem, 5vw, 4rem) !important;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.02;
    text-wrap: balance;
}

.cms-template-elinox .elinox-tagline {
    max-width: 45rem;
    margin-top: 1rem !important;
    color: rgb(255 255 255 / 78%) !important;
    font-size: clamp(.95rem, 1.6vw, 1.2rem) !important;
    line-height: 1.55;
}

.cms-template-elinox .cms-sticky-nav-container {
    min-height: 3.75rem;
}

.cms-template-elinox .cms-top-bar,
.cms-template-elinox .cms-top-bar ul,
.cms-template-elinox .top-bar,
.cms-template-elinox .top-bar ul {
    color: #fff;
    background: rgb(7 24 39 / 98%);
}

.cms-template-elinox .cms-top-bar {
    min-height: 3.75rem;
    padding-right: max(1rem, calc((100vw - 75rem) / 2));
    padding-left: max(1rem, calc((100vw - 75rem) / 2));
    border-bottom: .18rem solid var(--elinox-cyan);
    box-shadow: 0 .45rem 1.25rem rgb(4 23 35 / 22%);
}

.cms-template-elinox .cms-brand,
.cms-template-elinox .cms-top-bar a,
.cms-template-elinox .cms-top-bar button,
.cms-template-elinox .top-bar .menu li > a[role="button"] {
    color: #fff;
}

.cms-template-elinox .cms-top-bar .menu > li > a,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear {
    position: relative;
    margin: 0;
    padding: 1.15rem .9rem 1.02rem;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: transparent !important;
    box-shadow: none;
    font-weight: 600;
    line-height: 1;
    transform: none;
}

@media screen and (min-width: 40em) {
    .cms-template-elinox .cms-top-bar .menu > li > .cms-user-label.button.clear {
        height: 3.2rem;
        padding-top: .8rem;
        padding-bottom: .8rem;
    }
}

.cms-template-elinox .cms-top-bar .menu > li > a::after,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear::after,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear::after {
    position: absolute;
    right: .9rem;
    bottom: .52rem;
    left: .9rem;
    height: 2px;
    content: "";
    background: var(--elinox-cyan);
    transform: scaleX(0);
    transition: transform .18s ease;
}

.cms-template-elinox .cms-top-bar .menu > li > a:hover,
.cms-template-elinox .cms-top-bar .menu > li > a:focus,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear:hover,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear:focus,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear:hover,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear:focus,
.cms-template-elinox .cms-top-bar .menu > li.is-active > a {
    color: #fff !important;
    background: rgb(255 255 255 / 7%) !important;
    box-shadow: none;
    transform: none;
}

.cms-template-elinox .cms-top-bar .menu > li > a:hover::after,
.cms-template-elinox .cms-top-bar .menu > li > a:focus::after,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear:hover::after,
.cms-template-elinox .cms-top-bar .menu > li > .button.clear:focus::after,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear:hover::after,
.cms-template-elinox .cms-top-bar .menu > li > .cms-logout-form > .button.clear:focus::after,
.cms-template-elinox .cms-top-bar .menu > li.is-active > a::after {
    transform: scaleX(1);
}

.cms-template-elinox .dropdown.menu .is-dropdown-submenu-parent > a::after {
    border-top-color: var(--elinox-cyan);
}

.cms-template-elinox .is-dropdown-submenu {
    border: 1px solid rgb(53 183 201 / 35%);
    background: var(--elinox-night);
    box-shadow: 0 .8rem 1.6rem rgb(0 0 0 / 24%);
}

.cms-template-elinox .menu-icon::after {
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}

.cms-template-elinox .elinox-page-stage {
    padding: 2rem 0 3rem;
}

.cms-template-elinox .cms-main {
    padding-top: 0;
    padding-bottom: 0;
}

.cms-template-elinox .cms-content-box,
.cms-template-elinox .cms-boundary-box,
.cms-template-elinox .card,
.cms-template-elinox .callout {
    overflow: hidden;
    border: 1px solid var(--elinox-line);
    border-radius: .9rem;
    background: rgb(255 255 255 / 94%);
    box-shadow: var(--elinox-shadow);
}

.cms-template-elinox .cms-content-box {
    position: relative;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.cms-template-elinox .cms-content-box::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .24rem;
    content: "";
    background: linear-gradient(90deg, var(--elinox-blue), var(--elinox-cyan), var(--elinox-mint));
}

.cms-template-elinox h1,
.cms-template-elinox h2,
.cms-template-elinox h3,
.cms-template-elinox h4,
.cms-template-elinox h5,
.cms-template-elinox h6,
.cms-template-elinox .accordion-title {
    color: var(--elinox-night);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 680;
    letter-spacing: -.025em;
    line-height: 1.18;
}

.cms-template-elinox h1 {
    font-size: clamp(2rem, 5vw, 3.35rem);
}

.cms-template-elinox h2 {
    font-size: clamp(1.55rem, 3.4vw, 2.35rem);
}

.cms-template-elinox h3 {
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
}

.cms-template-elinox p,
.cms-template-elinox li {
    line-height: 1.72;
}

.cms-template-elinox .lead {
    color: var(--elinox-muted);
    font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.cms-template-elinox a:not(.button):not(.cms-brand):not(.elinox-wordmark) {
    color: var(--elinox-blue);
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.cms-template-elinox a:not(.button):not(.cms-brand):not(.elinox-wordmark):hover,
.cms-template-elinox a:not(.button):not(.cms-brand):not(.elinox-wordmark):focus {
    color: var(--elinox-night);
}

.cms-template-elinox .button,
.cms-template-elinox button.button,
.cms-template-elinox input[type="submit"],
.cms-template-elinox input[type="button"] {
    border: 0;
    border-radius: .42rem;
    color: #fff;
    background: linear-gradient(135deg, var(--elinox-blue), #1687a8);
    box-shadow: 0 .35rem .8rem rgb(18 108 148 / 25%);
    font-weight: 700;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.cms-template-elinox .button:hover,
.cms-template-elinox .button:focus,
.cms-template-elinox button.button:hover,
.cms-template-elinox button.button:focus,
.cms-template-elinox input[type="submit"]:hover,
.cms-template-elinox input[type="submit"]:focus,
.cms-template-elinox input[type="button"]:hover,
.cms-template-elinox input[type="button"]:focus {
    color: #fff;
    filter: brightness(.92);
    box-shadow: 0 .5rem 1rem rgb(18 108 148 / 32%);
    transform: translateY(-1px);
}

.cms-template-elinox .button.secondary {
    color: var(--elinox-night);
    background: var(--elinox-ice);
    box-shadow: 0 .25rem .65rem rgb(5 35 53 / 12%);
}

.cms-template-elinox .button.success {
    background: linear-gradient(135deg, #177d73, #259b91);
}

.cms-template-elinox .callout.primary,
.cms-template-elinox .callout.success {
    color: var(--elinox-ink);
    border-color: rgb(53 183 201 / 28%);
    background: var(--elinox-ice);
}

.cms-template-elinox input[type="text"],
.cms-template-elinox input[type="email"],
.cms-template-elinox input[type="password"],
.cms-template-elinox input[type="number"],
.cms-template-elinox input[type="date"],
.cms-template-elinox input[type="time"],
.cms-template-elinox input[type="url"],
.cms-template-elinox select,
.cms-template-elinox textarea {
    min-height: 2.75rem;
    border: 1px solid rgb(13 47 73 / 28%);
    border-radius: .42rem;
    color: var(--elinox-ink);
    background: #fff;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
}

.cms-template-elinox input:focus,
.cms-template-elinox select:focus,
.cms-template-elinox textarea:focus {
    border-color: var(--elinox-cyan);
    outline: 3px solid rgb(53 183 201 / 17%);
    box-shadow: none;
}

.cms-template-elinox table {
    overflow: hidden;
    border: 1px solid var(--elinox-line);
    border-radius: .55rem;
    background: #fff;
}

.cms-template-elinox thead,
.cms-template-elinox table thead tr {
    color: #fff;
    background: var(--elinox-navy);
}

.cms-template-elinox tbody tr:nth-child(even) {
    background: rgb(234 247 248 / 55%);
}

.cms-template-elinox .accordion-title {
    color: var(--elinox-night);
    background: #fff;
}

.cms-template-elinox .accordion-title:hover,
.cms-template-elinox .accordion-title:focus {
    background: var(--elinox-ice);
}

.cms-template-elinox .elinox-service-visual {
    margin: -2.25rem -2.25rem 1.5rem;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    background: var(--elinox-navy);
}

.cms-template-elinox .elinox-service-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.cms-template-elinox .cms-content-box:hover .elinox-service-visual img {
    transform: scale(1.025);
}

.cms-template-elinox .elinox-eyebrow {
    margin-bottom: .45rem;
    color: var(--elinox-blue);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cms-template-elinox .elinox-metric {
    color: var(--elinox-blue);
    font-size: clamp(2.25rem, 7vw, 4.5rem);
    font-weight: 750;
    letter-spacing: -.06em;
    line-height: .92;
}

.cms-template-elinox .elinox-address {
    font-style: normal;
}

.cms-template-elinox .elinox-address p {
    margin-bottom: .25rem;
}

.cms-template-elinox .cms-footer {
    border-top: .18rem solid var(--elinox-cyan);
    color: rgb(255 255 255 / 78%);
    background: var(--elinox-night);
    box-shadow: 0 -.3rem 1rem rgb(5 35 53 / 16%);
}

.cms-template-elinox .cms-footer a {
    color: var(--elinox-mint) !important;
}

.cms-template-elinox :focus-visible {
    outline: 3px solid var(--elinox-cyan);
    outline-offset: 3px;
}

@media screen and (max-width: 39.9375em) {
    .cms-template-elinox .elinox-masthead-inner {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 1.35rem 1rem 1.75rem;
        gap: 1.25rem;
    }

    .cms-template-elinox .elinox-wordmark {
        min-width: 10.25rem;
        min-height: 5.7rem;
        padding: .8rem 1rem;
        border-radius: .8rem;
    }

    .cms-template-elinox .elinox-wordmark-main {
        font-size: 2.55rem;
    }

    .cms-template-elinox .elinox-wordmark-sub {
        margin-top: .5rem;
        font-size: .58rem;
    }

    .cms-template-elinox .elinox-kicker {
        display: none;
    }

    .cms-template-elinox .elinox-site-title {
        font-size: 1.7rem !important;
        line-height: 1.12;
    }

    .cms-template-elinox .elinox-tagline {
        margin-top: .65rem !important;
        font-size: .9rem !important;
    }

    .cms-template-elinox .cms-top-bar {
        min-height: 3.5rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .cms-template-elinox .cms-brand-desktop {
        display: none;
    }

    .cms-template-elinox #responsive-menu {
        width: 100%;
    }

    .cms-template-elinox .cms-top-bar .vertical.menu > li > a,
    .cms-template-elinox .cms-top-bar .vertical.menu > li > .button.clear,
    .cms-template-elinox .cms-top-bar .vertical.menu > li > .cms-logout-form > .button.clear {
        width: 100%;
        padding: .9rem .7rem;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        text-align: left;
    }

    .cms-template-elinox .cms-top-bar .vertical.menu > li > .cms-user-label.button.clear {
        height: 2.8rem;
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .cms-template-elinox .elinox-page-stage {
        padding: 1rem 0 1.75rem;
    }

    .cms-template-elinox .cms-main {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .cms-template-elinox .cms-content-box {
        padding: 1.15rem;
        border-radius: .65rem;
    }

    .cms-template-elinox .elinox-service-visual {
        margin: -1.15rem -1.15rem 1.15rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cms-template-elinox *,
    .cms-template-elinox *::before,
    .cms-template-elinox *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media print {
    .cms-template-elinox .elinox-masthead,
    .cms-template-elinox .cms-sticky-nav-container,
    .cms-template-elinox .cms-footer {
        display: none !important;
    }

    .cms-template-elinox .elinox-page-stage,
    .cms-template-elinox .cms-main {
        padding: 0;
    }

    .cms-template-elinox .cms-content-box,
    .cms-template-elinox .card,
    .cms-template-elinox .callout {
        border: 1px solid #bbb;
        box-shadow: none;
    }
}