/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/amadeuswebevo/components/leadspace/clientlibs/less/leadspace.less
Error: ParseError: Unrecognised input in /apps/amadeuswebevo/components/leadspace/clientlibs/less/leadspace.less on line 96, column 5:
95 .leadspace {
96     &.dark {
97         .lscVeil {


(uncompiled LESS src is included below)
*****************************************************/
.leadspace {
    position: relative;
    margin-bottom: 0;
    max-height: 1000px!important;

    .backgroundMedia {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;

        &.backgroundImage {
            &:not(.backgroundVideo) {

                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
            }
        }

        &.backgroundVideo {
            video {
                width: 100%
            }
            iframe {
                border: 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
        }
    }

    .lscVeil {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .lscContent {
        position: relative;
        z-index: 2;
        padding: 32px 0 32px;

        .cmp-carousel__actions {
            z-index: 2;
        }

        .cmp-carousel__indicators {
            padding: 0 0 32px;
            width: fit-content;
            z-index: 2;
        }

        .backgroundVideoControl {
            position: absolute;
            bottom: 36px;
            right: 140px;
            border-radius: 50%;
            background: var(--mdc-theme-color-gray-700);
            width: 44px;
            height: 44px;

            .videoControl {
                position: absolute;
                top: -5px;
                left: -5px;
                cursor: pointer;

                &::before {
                    font-size: 54px;
                    color: #fff;
                }
            }
        }


    }

    .modal {
        .modal-body {
            iframe {
                height: 60vh;
                width: 100%;
            }
        }
    }

}

//style system
.leadspace {
    &.dark {
        .lscVeil {
            background: var(--mdc-theme-gradient-left-right-blue-transparent);

            @media(max-width:992px) {
                background: var(--mdc-theme-gradient-top-button-blue-transparent);
            }
        }

        .leadspaceelement {
            .leadSpaceElement-container {
                .lsContent {
                    .lsDescription {
                        .badge {
                            &.badge-point {
                                color: #fff !important;
                            }
                        }

                        .lsTitle {
                            color: #fff;
                        }

                        .lsText {
                            color: #fff;
                            a{
                                @extend .button-link-inverse;
                            }
                        }
                    }
                }
            }
        }

        .cmp-carousel__actions {
            .cmp-carousel__action {
                &.cmp-carousel__action--previous {
                    &:hover {
                        background: none;
                    }

                    &:focus {
                        box-shadow: none;
                    }
                }

                &.cmp-carousel__action--next {
                    &:hover {
                        background: none;
                    }

                    &:focus {
                        box-shadow: none;
                    }
                }

                .cmp-carousel__action-icon {
                    span {

                        &::before {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .cmp-carousel__indicators {
            .cmp-carousel__indicator--active {
                background-color: var(--mdc-theme-color-cyan);
            }
        }
    }

    &.light {
        .lscVeil {

            background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%);
        }

        .leadspaceelement {
            .leadSpaceElement-container {
                .lsContent {
                    .lsDescription {
                        .lsText {
                            a{
                                @extend .button-link;
                            }
                        }
                    }
                }
            }
        }

        .cmp-carousel__actions {
            .cmp-carousel__action {
                &.cmp-carousel__action--previous {
                    &:hover {
                        background: none;
                    }

                    &:focus {
                        box-shadow: none;
                    }
                }

                &.cmp-carousel__action--next {
                    &:hover {
                        background: none;
                    }

                    &:focus {
                        box-shadow: none;
                    }
                }

                .cmp-carousel__action-icon {
                    span {

                        &::before {
                            color: var(--mdc-theme-color-gray-700);
                        }
                    }
                }
            }
        }

        .cmp-carousel__indicators {
            .cmp-carousel__indicator--active {
                background-color: var(--mdc-theme-color-cyan);
            }
        }
    }

    &.large {
        .lscContent {

            display: flex;
            align-items: center;

            .cmp-carousel {
                width: 100%;
            }

            @media (max-width:767px) {
                padding: 32px 0 32px;
            }

            @media (min-width: 768px) and (max-width: 991px) {
                padding: 48px 0 48px;
            }

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

        .leadspaceelement {
            .lsMedia {

                &.col-md-6 {

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

                    @media (min-width:992px) {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        width: 50%;
                    }

                }
            }
        }


    }

    &.medium {
        .lscContent {

            display: flex;
            align-items: center;

            .cmp-carousel {
                width: 100%;
            }

             @media (max-width:767px) {
                 padding: 32px 0 32px;
             }

             @media (min-width: 768px) and (max-width: 991px) {
                 padding: 48px 0 48px;
             }

             @media (min-width:992px) {
                 padding: 56px 0 56px;
             }
        }
        .leadspaceelement {
            .lsMedia {
                &.col-md-6 {

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

                    @media (min-width:992px) {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        width: 41.66666667%;
                    }

                }

            }
        }

    }

    &.small {
        .lscContent {

            display: flex;
            align-items: center;

            .cmp-carousel {
                width: 100%;
            }
            @media (max-width:767px) {
                padding: 32px 0 32px;
            }

            @media (min-width: 768px) and (max-width: 991px) {
                padding: 48px 0 48px;
            }

            @media (min-width:992px) {
                padding: 48px 0 48px;
            }
        }
        .leadspaceelement {
            .lsDescription {
                &.col-md-6 {

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

                    @media (min-width:992px) {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        width: 58.33333333%;
                    }

                }
            }

            .lsMedia {

                &.col-md-6 {

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

                    @media (min-width:992px) {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        width: 33.33333333%;
                    }

                }

            }
        }
    }

}