:root {
  --color_carousel_border: ${color_carousel_border};
  --color_fa:#1f7cc0;
  --color_0:#ffffff;
  --color_1:${color_1};
  --color_backfa:#ffffff;
  --color_pulse: #ffffff;
  --color_hotspot: #1f7cc0;
  
}



.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.5);
}

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); 
}

.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);
}