:root {
    --color-pure-white:#fff;
    --color-white:#FCF7EE;
    --color-wenge:#6D635B;
    --color-wenge-hover:#5f564f;
    --color-orange:#E55934;
    --color-alabaster:#E0DFD5;
    --color-black:#171717;
    --color-limestone:#DED7BE;
    --color-blue:#C4F0FD;
    --color-blue-hover:#acdceb;
    --color-grey:#6D6D6D;

    --bgcolor-page:#fff;

    --page-horizontal-padding: 16px;
	--page-horizontal-padding-medium: 24px;
    --page-horizontal-padding-big: 32px;
	--page-horizontal-padding-large: 80px;
}

*, ::after, ::before {
  box-sizing: border-box;
}

body {
    height: auto;
    min-height: 100dvh;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
}

/* overwrites */
.uk-dropdown.uk-open {
    max-width: 100dvw !important;
    width: 100dvw !important;
    top: 85px !important;
    left: 0 !important;
    box-shadow: none;
    background-color: var(--color-white);
}

.uk-dotnav > * > * {
  background-color: var(--color-wenge);
  border-color: var(--color-wenge);
  opacity: .3;
  width: 5px;
  height: 5px;
}
.uk-dotnav > .uk-active > * {
  background-color: var(--color-black);
  width: 15px;
  border-radius: 5px;
}

/* basic */
p:empty {
    margin: 0 !important;
}
a {
    color: inherit;
    transition: all .6s;
}
a:hover {
    text-decoration: none;
}
h1,h2,h3,h4,.as-heading {
    font-family: "Libre Caslon Text", serif;
    font-weight: 400;
    font-style: normal;
}
p {
    text-wrap: balance;
}
/** > p:last-of-type {
    margin-bottom: 0 !important;
}*/
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;

    outline: transparent;
    outline-offset: 0;
}
.page-padding {
    padding: 0 var(--page-horizontal-padding);
}
.page-padding-medium {
	padding: 0 var(--page-horizontal-padding-medium);
}
.page-padding-large {
	padding: 0 var(--page-horizontal-padding-large);
}

.xplain-text {
    font-size: 11px !important;
    line-height: 1.3;
}

.cta-blue {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    background-color: var(--color-blue);
    padding: 16px 24px;
    display: inline-block;
    transition: background .6s;
}
.cta-blue:hover {
    color: inherit;
    text-decoration: none;
    background-color: var(--color-blue-hover);
}

.cta-black {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-white);
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    padding: 16px 24px;
    display: inline-block;
    transition: all .6s;
}
.cta-black:hover {
    text-decoration: none;
    color: var(--color-black);
    background-color: var(--color-white);
}

.cta-transparent {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    background-color: transparent;
    padding: 16px 24px;
    display: inline-block;
    transition: all .6s;
}
.cta-transparent:hover, .uk-active > .cta-transparent {
    text-decoration: none;
    color: var(--color-white) !important;
    background-color: var(--color-black);
}
.uk-active > .cta-transparent .benefit {
    font-weight: 800 !important;
}

.cta-transparent-white {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-white);
    border:1px solid var(--color-white);
    background-color: transparent;
    padding: 16px 24px;
    display: inline-block;
    transition: all .6s;
}
.cta-transparent-white:hover {
    color: inherit;
    text-decoration: none;
    color: var(--color-black);
    background-color: var(--color-white);
}

/* OFFCANVAS */
#offcanvas {
    & .uk-offcanvas-bar {
        background-color: var(--color-white);
    }
    & a {
        color: var(--color-black);
    }

    & .uk-offcanvas-close {
        color: var(--color-black);
        top: 26px;
        right: 16px;
        & svg {
            width: 24px;
            height: 24px;
        }
    }
    & .uk-nav-default {
        font-size: inherit;
    }
}

/* MAIN */
#header {
    position: sticky;
    top: 0;
    height: 85px;
    background-color: var(--color-white);
    z-index: 10;

    & .brand-logo {
        width: 108px;
    }

    & a, span {
        color:var(--color-black);
        transition: all .6s;
    }

    & a:hover, span:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }

    & .main-nav {

        & span {

            cursor: pointer;

        }

        & .uk-list {
            padding: 44px 0 64px 0;

            & li:not(:last-child) {
                margin: 0 0 8px 0;
            }

        }

    }

}

#body {
    background-color: var(--color-pure-white);
    /*padding-bottom: var(--page-horizontal-padding);*/

    & .mod-hero {
        height:503px;

        @media (min-width: 768px) {
            height:470px;
        }

        @media (min-width: 1280px) {
            height:620px;
        }

        @media (min-width: 1920px) {
            height:720px;
        }

        & video {
            width:100%;
            height: 100%;
            object-fit: cover;
        }

        & .overlay {
            position: absolute;
            top: 0;
            left:0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            & p {
                color: var(--color-white);
                /*text-shadow: 3px 3px 3px var(--color-black);*/
                font-size: 18px;
                padding: 0 30px;
                line-height: 1.2;
                text-align: center;
                margin: 0 0 40px 0;

                @media (min-width: 768px) {
                    font-size: 24px;
                }

            }

        }

        & picture {
            display: flex;
            height: 100%;

            & img {
                object-fit: cover;
            }

        }

    }


    & .mod-simple {

        & figure {
            height: 350px;

            @media (min-width: 1280px) {
                width: 640px;
                height:430px;
            }

            @media (min-width: 1920px) {
                width: 960px;
            }   

            & img {
                width:100%;
                height: 100%;
                object-fit: cover;
            }

        }

        & .mod-body {
            padding: 64px var(--page-horizontal-padding);
            text-align: center;

            @media (min-width: 1200px) {
                padding: 0 calc(var(--page-horizontal-padding) * 2);
            }

            @media (min-width: 1920px) {
                padding: 0 calc(var(--page-horizontal-padding) * 4);
            }

            & h3 {
                font-size: 32px;
                margin: 0 0 40px 0;
                text-align: center;
                text-wrap: balance;

                @media (min-width: 768px) {
                    font-size: 40px;
                }
            }

            & p {
                font-size: 18px;
                line-height: 1.4;
                margin: 0 0 40px 0;
                text-align: center;
                text-wrap: balance;
                @media (min-width: 1200px) {
                    max-width: 75ch;
                }
            }

            & ul:not(.uk-slider-nav) {
                @media (min-width: 768px) {
                    column-count: 2;
                    column-gap: 20px;
                }
                @media (min-width: 1024px) {
                    column-count: 2;
                    column-gap: 70px;
                }

                li {
                    font-size: 16px;
                    line-height: 1.4;
                    margin: 0 0 20px 0;
                    text-align: left;
                    text-wrap: inherit;

                    @media (min-width: 1280px) {
                        font-size: 18px;
                    }
                }

            }

        }

    }

    & .mod-simple-orange {

        background-color: var(--color-orange);
        color: var(--color-white);

        & .mod-body {

            & h3 {
                color: inherit;
            }

        }

    }

    & .mod-simple-white {

        background-color: var(--color-pure-white);

    }

    & .mod-simple-noimg {

        & .mod-body {
            @media (min-width: 1200px) {
                margin: 96px auto;
                width: 100%;
                max-width: 80%;
            }
        }

    }

    & .mod-simple-slider {
        & .mod-body {
            @media (min-width: 1280px) {
                max-width: 100%;
            }
        }
    }


    & .mod-gallery {
        margin-left: 16px;
        @media (min-width: 960px) {
            margin-right: 16px;
        }

        & .label {
            font-size: 21px;
            color: var(--color-white);
            text-transform: uppercase;
        }

        & .uk-slider-items {
            & a {
                position: relative;
                & div {
                    z-index: 10;
                }
            }
            & a::after {
                content: "";
                position: absolute;
                z-index: 5;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.4);
                opacity: 0;
                transition: opacity .6s;
            }
            & a:hover::after {
                opacity: 1;
            }
        }
    }

    .mod-simple-withgal {
        .mod-body {
            padding-inline: 0;
            @media (min-width: 1200px) {
                margin-inline: 0;
                max-width: 100%;
            }
        }
    }

    .mod-studio {
        background: var(--color-white);

        .image-wrapper {
            @media (min-width: 1200px) {
                width:60%;
            }
            @media (min-width: 1800px) {
                width:auto;
            }
        }

        .info-wrapper {
            background: var(--color-alabaster);

            .info {
                padding: 64px 26px;
                @media (min-width: 768px) {
                    padding: 64px 93px;
                }
                @media (min-width: 1200px) {
                    padding-inline: 40px;
                }
                @media (min-width: 1280px) {
                    padding: 0 60px;
                }
                @media (min-width: 1920px) {
                    padding: 0 80px;
                }

                h3 {
                    font-size: 32px;
                    @media (min-width: 1280px) {
                        font-size: 40px;
                    }
                }

                p {
                    color:var(--color-black);
                    line-height: 1.3;
                }

                strong {
                    font-weight: 300;
                    color: var(--color-grey);
                    margin-bottom: 10px;
                    display: inline-block;
                }
            }

        }

    }

    .custom-grid.one-third {
        .mod-body {
            padding-block: 0;
            margin: 0;
            max-width: 100%;
            @media (min-width: 1200px) {
                padding: 0 0 0 var(--page-horizontal-padding);
                max-width: 530px;
                margin-left: auto;
                align-items: flex-start;
            }

            h3, p {
                @media (min-width: 1200px) {
                    text-align: left;
                }
            }
        }
    }

    & .com-content-article {

        & .com-content-article__body {

            padding: 64px 0 0 0;
            @media (min-width: 1280px) {
                padding: 96px 0 0 0;
            }

            &:not(:has(.moduletable)) {
                padding: 64px 0;
                @media (min-width: 1280px) {
                    padding: 96px 0;
                }
            }

            & > :not(.moduletable) {

                padding: 0 var(--page-horizontal-padding);
                text-align: center;

                margin: 0 0 40px 0;
                text-align: center;
                text-wrap: balance;

                @media (min-width: 1280px) {
                    padding: 0 calc(var(--page-horizontal-padding) * 2);
                    width: 100%;
                    max-width: 80%;
                    margin-inline: auto;
                }

                @media (min-width: 1920px) {
                    padding: 0 calc(var(--page-horizontal-padding) * 4);
                }

            }

            h1, .as-h1 {
                font-size: 32px;
                @media (min-width: 768px) {
                    font-size: 40px;
                }
            }

            h3, .as-h3 {
                font-size: 32px;
            }

            p {
                font-size: 18px;
                line-height: 1.4;
            }

            .list-wrapper {
                line-height: 1.4;
                li {
                    margin-bottom: 6px;
                }

            }

            a {
                text-decoration: underline;
            }
            a:hover {
                color: var(--color-orange);
            }

            .moduletable:first-of-type {
                margin-top: 64px;
                @media (min-width: 1280px) {
                    margin-top: 96px;
                }
            }

        }

    }

    & .com-content-article.left-align {

        & .com-content-article__body {

            & > :not(.moduletable) {
                text-align: left;
            }

        }

    }

    .page-about {
        .mod-hero {
            background-color: var(--color-white);
        }
        .com-content-article__body {
            background-color: var(--color-white);
        }
    }
    .both-block {
        padding-inline: 16px;
        padding-block: clamp(64px, calc(52.35px + 3.641vw), 96px);
        background: var(--color-limestone);

        @media (min-width: 1200px) {
            padding-block: clamp(110px, calc(11.538px + 8.205vw), 174px);
        }

        > div {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;

            @media (min-width: 1200px) {
                margin: 0 auto;
                max-width: 100%;
            }
        }

        .both-image, .both-text {
            @media (min-width: 1200px) {
                height: 100%;
                width: 50%;
            }
        }
        .both-image {
            img {
                @media (min-width: 1200px) {
                    position: absolute;
                    right: 0;
                }
                @media (min-width: 1440px) {
                    right: 40px;
                }
            }
        }
        .both-text {
            div {
                @media (min-width: 1200px) {
                    margin-left: 40px;
                }
                > * {
                    @media (min-width: 1200px) {
                        text-align: left;
                        max-width: 75ch;
                    }
                }
                > p:last-of-type {
                    margin-bottom: 0;
                }
            }
        }

        h1 {
            margin-block: 40px;
            text-align: center;
            font-size: 32px;
            @media (min-width: 768px) {
                margin-block: 64px;
                font-size: 40px;
            }
            @media (min-width: 1200px) {
                margin-top: 0;
            }
        }
        h3 {
            margin-block: 40px;
            text-align: center;
            font-size: 32px;
            @media (min-width: 768px) {
                margin-block: 64px;
                font-size: 40px;
            }
            @media (min-width: 1200px) {
                margin-top: 0;
            }
        }
        p {
            font-size: 18px;
            line-height: 1.4;
            margin: 0 0 40px 0;
            text-align: center;
            text-wrap: balance;
        }
    }

    .person-block {
        background: var(--color-pure-white);

        @media (min-width: 1200px) {
            padding-block: clamp(160px, calc(63.077px + 8.077vw), 223px);
        }

        .both-image {

            figure {

                @media (min-width: 1200px) {
                    text-align: right;
                }

                img {
                    position: relative;
                    right: inherit;
                    width: 100%;
                    max-width: 540px;
                }

            }
            
        }
        .both-text {
            > div {
                width: 100%;
                max-width: 540px;
                margin: 0 auto 0 inherit;
            }
        }

    }
    .person-right {

        @media (min-width: 1200px) {
            padding-bottom: 0;
        }

        .both-image {

            @media (min-width: 1200px) {
                order: 1;

                figure {
                    text-align: left;
                    img {
                        margin-left: 40px;
                    }
                }
            }
        }
        .both-text {
            > div {
                @media (min-width: 1200px) {
                    width: 100%;
                    max-width: 540px;
                    margin: 0 0 0 auto;
                }
            }
        }
    }
    .person-left {
        padding-top: clamp(0px, calc(-18.506px + 5.783vw), 96px);
    }

    .membership-page {

        background-color: var(--color-pure-white);

        .overlay {
            h1 {
                font-size: 32px;
                text-align: center;
                color: var(--color-white);
                /*text-shadow: 3px 3px 3px var(--color-black);*/
                @media (min-width: 768px) {
                    font-size: 40px;
                }
            }
        }

        .com-content-article__hero {
            background-color: #000;
            display: flex;
            flex-direction: column;

            > div {

                padding: 64px var(--page-horizontal-padding-big);
                text-align: left;
                color: var(--color-white);

                @media (min-width: 1280px) {
                    margin: 96px auto;
                    width: 100%;
                    max-width: 946px;
                }

                @media (min-width: 1440px) {
                    padding-inline: 0;
                }

                p {
                    font-size: 18px;
                    line-height: 1.4;
                    margin: 0 0 30px 0;
                    text-wrap: balance;

                    @media (min-width: 1280px) {
                        text-align: center;
                    }
                }

                ul {

                    padding: 26px;
                    background-color: #282625;

                    @media (min-width: 1280px) {
                        column-count: 2;
                        column-gap: 70px;
                    }

                    li {
                        font-size: 16px;
                        line-height: 1.4;
                        margin: 0 0 20px 0;
                        padding: 0 0 0 34px;
                        text-align: left;
                        text-wrap: inherit;
                        position:relative;

                        @media (min-width: 1280px) {
                            font-size: 18px;
                        }

                        svg {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 24px;
                            height: 24px;
                            color: var(--color-orange);

                            path {
                                stroke-width: 4px;
                            }

                        }

                        

                    }

                    li:last-of-type {
                        margin-bottom: 0;
                    }

                }
                
            }
        }

        .memberships-tabs {

            /* OVERWRITES */
            .uk-subnav > * > :first-child {
                text-transform: capitalize;
                font-size: inherit;
                transition: all .6s;
                transition-property: inherit;
                color: inherit;
            }
            .uk-subnav > * > a:hover {
                color: var(--color-white);
            }

            > ul {
                margin: 35px 0 20px 0;

                @media (min-width: 768px) {
                    margin: 56px 0 40px 0;
                }
            }

            .benefit {
                position: absolute;
                font-size: 11px;
                display: block;
                top: -21px;
                font-weight: 400;
                width: 100%;
                left: 0;
                text-align: center;
                text-transform: initial;
                color: var(--color-black) !important;
            }

        }

        .membership-info-block {
            background-color: var(--color-wenge);
            color: var(--color-white);
            font-size: 16px;
            padding: 16px;
            transition: all .8s;

            @media (min-width: 1280px) {
                font-size: 18px;
            }

            h3 {
                font-size: 58px;
                margin: 40px 0 30px 0;
                text-align: center;
                color: var(--color-white);
            }

            h4 {
                font-size: 18px;
                font-weight: 400;
                margin: 20px 0;
                text-align: center;
                color: var(--color-white);
            }

            p {
                text-align: center;
                color: var(--color-white);
                margin-top: 0;
                line-height: 1.3;
            }

            aside {
                padding: 24px;
                background-color: #665B52;
                border-radius: 24px;
                max-width: 70%;
                margin: auto auto 0 auto;

                h4 {
                    text-align: left;
                    margin-top: 0;
                }

                ul {
                    width: 100%;
                    margin: 0 0 0 14px;
                }
            }

            ul {
                font-size: 14px;
                color: var(--color-white);
                line-height: 1.6;
                margin: 0 auto;
                padding: 0;
                width: 70%;

                li {
                    margin: 0 0 10px 0;

                    li {
                        margin: 0;
                        list-style: lower-roman;
                    }

                }

            }

            label {
                display: inline-block;
                margin: 32px auto 24px auto;
                font-size: 16px;
                font-weight: 600;
                color: var(--color-white);
                border: 1px solid var(--color-white);
                background-color: transparent;
                padding: 16px 24px;
                transition: all .6s;
                cursor: pointer;
            }

            &:hover {
                background-color: var(--color-wenge-hover);

                label {
                    color: var(--color-black);
                    background-color: var(--color-white);
                }

            }

        }

        .membership-info-block-light {
            background-color: var(--color-white);
            border: 1px solid var(--color-blue);
            transition: none;

            h3 {
                color: var(--color-black);
            }

            h4 {
                color: var(--color-black);
            }

            p {
                color: var(--color-black);
            }

            ul {
                color: var(--color-black);
                max-width: 75ch;

                ul {
                    width: auto;
                    margin-left: 20px;
                }

            }

            label {
                display: inline-block;
                margin: 32px auto 24px auto;
                font-size: 16px;
                font-weight: 600;
                color: var(--color-black);
                border: 1px solid var(--color-black);
                background-color: transparent;
                padding: 16px 24px;
                transition: all .6s;
                cursor: pointer;
            }

            &:hover {

                background-color: var(--color-white);

                label {
                    color: var(--color-white);
                    background-color: var(--color-black);
                }

            }

        }

        .membership-xpl {
            text-align: center;
            margin: 40px 0;
            font-size: 11px;
            line-height: 1.3;

            a:hover {
                color: var(--color-orange);
            }

        }

        .membership-block {

            h3 {
                font-size: 32px;
                margin: 0 0 40px 0;
                text-align: center;
                text-wrap: balance;

                @media (min-width: 1200px) {
                    font-size: 40px;
                }
            }

            p {
                font-size: 18px;
                line-height: 1.4;
                margin: 0 0 40px 0;
                text-align: left;

                @media (min-width: 1200px) {
                }
            }

            ul {
                @media (min-width: 1200px) {
                }
            }
            
        }

        .membership-mainblocks {
            display: flex;
            flex-direction: column;
            padding: 32px 0;
            @media (min-width: 1280px) {
                padding: 32px 0;
            }
            @media (min-width: 1920px) {
                padding-top: 0;
            }
            .membership-mainblock {
                display: flex;
                flex-direction: column;
                background-color: var(--membership-bgcolor);

                article {

                    display: flex;
                    flex-direction: column;
                    width:100%;
                    color: var(--membership-txtcolor);
                    padding: 32px 16px;

                    @media (min-width: 768px) {
                        max-width: 516px;
                        margin: 0 auto;
                    }

                    @media (min-width: 1200px) {
                        padding: 64px 0;
                        max-width: 1160px;
                    }

                    @media (min-width: 1920px) {
                        max-width: 1564px;
                    }

                    @media (min-width: 768px) {
                        .membership-alone-mwidth {
                            max-width: 516px;
                            margin: 0 auto;
                        }
                    }
                    @media (min-width: 1280px) {
                        .membership-alone-mwidth {
                            max-width: 1044px;
                        }
                    } 


                    h3 {
                        color: var(--membership-txtcolor);
                        @media (min-width: 1200px) {
                            text-align: left;
                        }
                    }
                    h4 {
                        color: var(--membership-txtcolor);
                        text-align: left;
                        margin-bottom: 15px;
                    }

                    p {
                        text-wrap: auto;
                        color: var(--membership-txtcolor);
                    }

                    .with-check {
                        margin-top: 0;
                        li {
                            margin: 0 0 14px 0;
                            color: var(--membership-txtcolor);
                            svg {
                                color: var(--membership-txtcolor);
                            }
                        }
                    }

                    nav {
                        margin-bottom: 40px;
                    }

                    .xplain {
                        p {
                            margin: 0;
                            font-size: 11px;
                            color: var(--membership-txtcolor);
                        }
                    }

                }

            }
        }

        .membership-alone {
            display: flex;
            flex-direction: column;
            padding: 0 0 32px 0;
            @media (min-width: 768px) {
                padding: 32px 0;
            }
            @media (min-width: 1920px) {
                padding: 64px 0;
            }

            article {

                display: flex;
                flex-direction: column;
                width:100%;
                background-color: var(--membership-bgcolor);
                color: var(--membership-txtcolor);

                padding: 32px 16px;

                @media (min-width: 768px) {
                    max-width: 640px;
                    margin: 0 auto;
                }

                @media (min-width: 1280px) {
                    padding: 64px 0;
                    max-width: 1152px;
                }

                @media (min-width: 1920px) {
                    max-width: 1564px;
                }

                @media (min-width: 768px) {
                    .membership-alone-mwidth {
                        max-width: 516px;
                        margin: 0 auto;
                    }
                }
                @media (min-width: 1280px) {
                    .membership-alone-mwidth {
                        max-width: 1044px;
                    }
                } 

                h4 {
                    text-align: left;
                    margin-bottom: 15px;
                }

                p {
                    text-wrap: auto;
                }

                .with-check {
                    margin-top: 0;
                    li {
                        margin: 0 0 14px 0;
                    }
                }

                nav {
                    margin-bottom: 40px;
                }

                .xplain {
                    p {
                        margin: 0;
                        font-size: 11px;
                    }
                }

            }

        }

        .membership-xplain {
            display: flex;
            flex-direction: column;
            padding: 0 var(--page-horizontal-padding) 32px;

            @media (min-width: 728px) {
                padding: 64px var(--page-horizontal-padding);
            }

            > div {
                width: 100%;
                max-width: clamp(476px, calc(104px + 48.438vw), 1034px);
                margin: 0 auto;
            }

            p {
                font-size: 14px;
                line-height: 1.6;

                :last-child& {
                    margin-bottom: 0;
                }
            }

            li {
                margin: 0 0 6px 0;
            }

        }

        

    }

    .category-listing {

        > header {
            display: flex;
            padding: 64px var(--page-horizontal-padding);
            text-align: center;
            background: var(--color-white);

            @media (min-width: 728px) {
                padding: 96px var(--page-horizontal-padding);
            }

            h1 {
                font-size: 32px;
                margin-bottom: 40px;
                text-wrap: balance;

                @media (min-width: 728px) {
                    font-size: 40px;
                }
            }

            p {
                line-height: 1.4;
                text-wrap: balance;
            }

        }

        .category-listing-items {
            padding: 64px 0;
            @media (min-width: 728px) {
                padding: 96px 0;
            }
        }

        .category-item {
            text-align: center;

            img {
                width: 100%;
            }

            > *:not(:last-child) {
                margin: 0 0 40px 0;
            }

            h2 {
                a:hover {
                    color: var(--color-orange);
                }
            }

        }

    }

    .artroom-page {
        background: var(--color-white);
    }
    .artroom-info {
        padding: 64px 0;

        .fulltext {
            > * {
                margin: 0 0 40px 0;
                text-align: center;
                @media (min-width: 768px) {
                    text-align: left;
                }
            }
            h1 {
                font-size: 32px;
                text-wrap: balance;

                @media (min-width: 728px) {
                    font-size: 40px;
                }
            }

            p {
                line-height: 1.4;
                text-wrap: balance;
            }
        }

        .features {
            border:1px solid var(--color-black);
            padding: 20px;
            overflow: hidden;

            h4 {
                font-family: "Inter", sans-serif;
                font-optical-sizing: auto;
                font-size: 16px;
                font-weight: 400;
                line-height: 1;
                margin: 40px 0 0 0;
                position: relative;
            }
            h4::before {
                content: "";
                position: absolute;
                top: -20px;
                left: -20px;
                width: calc(100% + 40px);
                height: 1px;
                background-color: var(--color-black);
            }
            h4:first-child {
                margin-top: 0;
            }
            h4:first-child::before {
                display: none;
            }

            ul {
                padding: 0 0 0 20px;
                margin: 20px 0 0 0;

                li {
                    font-size: 14px;
                    line-height: 1.8;
                }
            }
        }

    }

    .embed-wrapper {
        background-color: var(--color-pure-white);
        max-width: 100vw;
        overflow-x: hidden;
    }

    .with-check {

        li {
            font-size: 16px;
            line-height: 1.4;
            margin: 0 0 20px 0;
            padding: 0 0 0 34px;
            text-align: left;
            text-wrap: inherit;
            position:relative;

            @media (min-width: 1280px) {
                font-size: 18px;
            }

            svg {
                position: absolute;
                left: 0;
                top: 0;
                width: 24px;
                height: 24px;
                color: var(--color-black);

                path {
                    stroke-width: 4px;
                }

            }

            

        }

        li:last-of-type {
            margin-bottom: 0;
        }

    }


}


#footer {
    background-color: var(--color-black);
    color: var(--color-white);
    padding: clamp(40px, calc(19.636px + 6.364vw), 96px) var(--page-horizontal-padding-medium) 16px var(--page-horizontal-padding-medium);
    border-bottom: 10px solid var(--color-orange);

	@media (min-width: 1280px) {
    	padding: clamp(40px, calc(19.636px + 6.364vw), 96px) var(--page-horizontal-padding-large) 16px var(--page-horizontal-padding-large);
    }


    & h4 {
        color:var(--color-white);
        font-size: clamp(1.5rem, 1.0455rem + 1.9394vw, 2.5rem);
        font-weight: 400;
    }

    & .mods-container {
        color:var(--color-white);
        font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem);
        font-weight: 400;
        line-height: 1.4;

        & ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        & a:hover {
            color: var(--color-orange);
        }

    }

}

/* MODS BG */
.mod-bg-white{
    background-color: var(--color-white);
}

/* HMM */
#bsport-widget-98366 .jss2 ~ div {
    position: absolute;
    left: -3000px;
}
#bsport-widget-authentication__logout_button {
    display: none !important;
}
#bsport-widget-84126 {
    border: 1px solid var(--color-black);
}