@import "../menu_compact.css";
@import "../menu_svg_items.css";

@font-face {
        font-family: Open Sans;
		font-weight: normal;
        src: url('./OpenSans.ttf');
    }

:root {
  --prime: #e6e6e6;
  --gradstop: #e6e6e6;
  --sec: #4a4a49;
}

.skimap-control-scroll-down,
.skimap-control-scroll-up,
.skimap-control-scroll-down:hover,
.skimap-control-scroll-up:hover,
.skimap-control-title {
  background-color: var(--sec);
  background: var(--sec);
  color: #ffffff;
}

.resort-detail--content h2,
.resort-detail--content h3 {
  background-color: var(--prime);
  background: var(--prime);
  color: #4a4a49;
}

.skimap-control-background {
  width: 100%;
  height: 100%;
  background: var(--sec);
  background-color: var(--sec);
}

.skimap-control-hidden .skimap-control-background {
  background: linear-gradient(
    to bottom,
    var(--prime) 0%,
    var(--gradstop) 100%
  );
}

.skimap-control-icon {
  width: 100%;
  height: 100%;
  background: #ffffff;
  background-color: #ffffff;
}

.skimap-control-hidden .skimap-control-icon {
  background: #ffffff;
  background-color: #ffffff;
}

.skimap-control-background > .skimap-control-icon:hover {
  mask-size: 46px;
}

.skimap-control-container ul li.skimap-submenu {
  background-color: var(--sec);
}

.skimap-control-container ul li.skimap-submenu .skimap-control-title {
  color: #ffffff;
}

.skimap-control-container ul li.skimap-control-hidden {
  background-color: var(--prime);
  color: #ffffff;
}

.skimap-control-container ul li.skimap-control-hidden .skimap-control-title {
  color:  #4a4a49;
}

.skimap-control-lifts > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/lifts.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-slopes > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/pisten.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-gastro > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/huts.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-sportfun > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/funparks.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-infrastruktur > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/infra.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-livecam > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/webcams.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-tipp > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/icon_st_star.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-261 > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/viewpoints.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-228 > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/icon_spielplatz.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-fav > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/favorites.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-connection > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/icon_connections.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-loipe > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/icon_loipe.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-400 > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/wiwa.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-control-scroll-right {
    background-image: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/arrow_right.svg);
}

.skimap-control-scroll-left {
    background-image: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/meran/arrow_left.svg);
}

 .skimap-popup-icon.skimap-type-456,
 .skimap-popup-icon.skimap-type-3001,
 .skimap-popup-icon.skimap-type-202
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/Gastro.png);
  background-size: 25px;
  background-position: 5px;
}

.status-unknown .skimap-popup-icon.skimap-type-202 {
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Gastro.png);
  background-size: 25px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-244
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Bus.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-258
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Info.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-222
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/Parking.png);
  background-size: 20px;
  background-position: 5px;
}

.status-unknown .skimap-popup-icon.skimap-type-222 {
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Parking.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-188
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/icon_kid.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-262
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/icon_wc.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-265
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/WLAN.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-555,
.skimap-popup-icon.skimap-type-556,
.skimap-popup-icon.skimap-type-557,
.skimap-popup-icon.skimap-type-558,
.skimap-popup-icon.skimap-type-582
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/icon_skimovie.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-207
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Eisplatz.png);
  background-size: 20px;
  background-position: 5px;
}

.skimap-popup-icon.skimap-type-362
{
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/black/Funpark.png);
  background-size: 20px;
  background-position: 5px;
}

.status-open_waitingtimes .skimap-popup-title {
  background-color: #ef9938;
  color: #fff;
}

.status-open_waitingtimes.slope-popup .leaflet-rrose-tip,
.status-open_waitingtimes.poi-popup .leaflet-rrose-tip {
  background-color: #ef9938;
}
