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

:root {
  --prime: #e6e6e6;
  --gradstop: #e6e6e6;
  --sec: #0a61a4;
}

.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: #0a61a4;
}

.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:  #0a61a4;
}


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