:root {
    --color_carousel_border: $ {
        color_carousel_border
    }
    ;
    --color_fa:#f7a70b;
    --color_0:#ffffff;
    --color_backfa:#ffffff;
    --color_pulse: #ffffff;
    --color_hotspot: #ffffff;
}

.scene.current #img {
    border-color: var(--color_carousel_border);
}

.flickity-prev-next-button .arrow {
    fill: var(--color_fa) !important;
}

#overlay.color {
    background-color: RGBA(0, 0, 0, 0.75);
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
    color: var(--color_0)!important;
    font-weight: bold;
}

li:before {
    color: var(--color_0) !important;
}

#form-div .close {
    color: #ffffff !important;
}

.intro_button {
    background-color: var(--color_fa);
    color: var(--color_0);
}

.intro_button:hover {
    color: var(--color_fa);
    background-color: var(--color_0);
}

.modal-header {
    background-color: var(--color_fa);
    color: var(--color_0);
}

.modal-body a {
    color: var(--color_fa) !important;
}

.toggleAction .fa,
.toggleScene .fa {
    color: #fff;
    text-shadow: 2px 2px #000;
}

.iconbutton .fa {
    color: var(--color_fa);
}

.iconbutton {
    background-color: var(--color_backfa);
}

.flickity-prev-next-button {
    background-color: var(--color_backfa);
}

.flickity-prev-next-button:hover {
    background-color: var(--color_backfa);
}

strong.first {
    color: var(--color_0);
}

strong.second {
    color: var(--color_1);
}

.info-hotspot .info-hotspot-title,
.fa {
    color: var(--color_backfa);
}

.info-hotspot .info-hotspot-header {
    border-color: var(--color_fa) !important;
    background-color: var(--color_fa) !important;
}

.toggleScene {
    background-color: var(--color_backfa);
}

.toggleScene+.tooltip>.tooltip-inner,
.iconbutton+.tooltip>.tooltip-inner {
    color: var(--color_fa);
    background-color: var(--color_backfa);
    border-color: var(--color_backfa) !important;
}

.tooltip.left .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
    border-left-color: var(--color_backfa) !important;
}

.icon {
    color: var(--color_fa);
}

.link-hotspot-tooltip {
    color: var(--color_fa);
    background-color: var(--color_backfa);
}

#contact #submit {
    background-color: var(--color_0);
}

#form-div {
    background-color: var(--color_0);
}

.pulse {
    border: 3px solid var(--color_pulse) !important;
}

.dot {
    background-color: var(--color_hotspot) !important;
}

#title {
    color: #ffffff!important;
    text-shadow: -1px 0 rgb(119, 119, 119), 0 1px rgb(119, 119, 119), 1px 0 rgb(119, 119, 119), 0 -1px rgb(119, 119, 119);
}

#contact #button:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--color_0);
}

.accent {
    color: var(--color_fa);
}