#intro-video {
    display: none;
}

#locales {
    position: relative;
    width: 25%;
}

.testimonial {
    width: 150px;
}

.cursor-pointer {
    cursor: pointer;
}

.z-index-over {
    z-index: 10;
}

.z-index-under {
    z-index: -10;
}

.map-container {
    height: 25vh;
    position: relative;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.no-border-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-link[data-mdb-toggle="pill"] {
    color: var(--mdb-dark);
}

.nav-link[data-mdb-toggle="pill"].active {
    background-color: var(--mdb-primary);
    color: var(--mdb-white) !important;
}

.nav-pills .nav-link {
    border-radius: 4px !important;
    color: var(--mdb-gray-dark);
}

.nav-pills .nav-link.active {
    background: var(--mdb-primary);
    color: var(--mdb-dark);
}

.accordion-button:not(.collapsed){
    color: var(--mdb-primary);
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234F4F4F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.form-check-input:checked,
.form-check-input:checked:focus {
    border-color: var(--mdb-secondary);
}

.form-check-input[type=checkbox]:checked:focus,
.form-check-input[type=checkbox]:checked,
.form-check-input[type=radio]:checked:after {
    border-color: var(--mdb-secondary);
    background-color: var(--mdb-secondary);
}

.form-outline .form-control:focus~.form-label,
.form-outline .form-control.is-invalid.active~.form-label {
    color: var(--mdb-primary);
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-leading {
    border-color: var(--mdb-secondary);
    box-shadow: -1px 0 0 0 var(--mdb-secondary), 0 1px 0 0 var(--mdb-secondary), 0 -1px 0 0 var(--mdb-secondary);
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-middle {
    border-color: var(--mdb-secondary);
    box-shadow: 0 1px 0 0 var(--mdb-secondary);
    border-top: 1px solid transparent;
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-trailing {
    border-color: var(--mdb-secondary);
    box-shadow: 1px 0 0 0 var(--mdb-secondary), 0 -1px 0 0 var(--mdb-secondary), 0 1px 0 0 var(--mdb-secondary);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--mdb-primary);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-leading, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-middle, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 var(--mdb-primary);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-trailing, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary);
}

@media (min-width: 992px) {

    #locales {
        position: absolute;
        width: 100%;
    }

    .cascading-lg-right {
        margin-right: -50px;
    }

    .rotate-lg-6 {
        transform: rotate(6deg);
    }
}

@media screen and (min-width: 1400px) and (orientation: landscape) {

    #intro-video {
        display: block;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }

    #intro-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}