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

@font-face {
        font-family: Barlow Black;
		font-weight: 900;
        src: url('./Barlow-Black.ttf');
    }
	@font-face {
        font-family: Barlow;
		font-weight: bold;
        src: url('./Barlow-Bold.ttf');
    }
  @font-face {
        font-family: Barlow;
		font-weight: normal;
		font-style: italic;
        src: url('./Barlow-Italic.ttf');
    }
	@font-face {
        font-family: Barlow Medium;
		font-style: italic;
		font-weight: 500;
        src: url('./Barlow-MediumItalic.ttf');
    }

:root {
  --prime: #ffffff;
  --gradstop: #e6e6e6;
  --sec: #91cdd8;
}

.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: #91cdd8;
}

.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: #1a253d;
  background-color: #1a253d;
}

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

.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-control-scroll-left, .skimap-control-scroll-right {
  background-color: #8c929e;
}


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

.skimap-control-lifts > .skimap-control-background > .skimap-control-icon {
  mask: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/svg/portes/icon_pds2_pendelbahn.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/portes/icon_pds2_links.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/portes/icon_pds2_loipe.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/portes/icon_pds2_livecams.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/portes/icon_pds2_gastro.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/portes/icon_pds2_info.svg) no-repeat center;
  mask-size: 40px;
}

.skimap-loading {
  background-image: url(https://s3-eu-west-1.amazonaws.com/intermaps-lynx/controls/im-loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.leaflet-rrose-content-wrapper, .leaflet-rrose-tip {
    border-radius: 10px 0px 0px 10px;
    padding: 0;
    border: none;
}

.popup-actions {
    border-radius: 0px 10px 10px 0px;
}

.popup-heart {
    border-radius: 0px 10px 0px 0px;
}

.popup-info-icon {
    border-radius: 0px 0px 10px 0px;
}

.popup-thumbnail {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}

.status-open .status-status,
.status-open_groomed .status-status,
.status-partially_open .status-status {
  background-color: #15bc3f;
  color: white;
  padding: 3px;
}

.status-partially_open .status-status{
  background-color: #ffcc00;
  color: white;
  padding: 3px;
}

.status-open_waitingtimes .status-status{
   background-color: #ef9938;
   color: white;
  padding: 3px;
}

.status-closed .status-status ,
.status-closed_atmos .status-status,
.status-closed_outoforder .status-status {
   background-color: red;
   color: white;
  padding: 3px;
}

.status-in_preparation .status-status{
   background-color: #800080;
   color: white;
  padding: 3px;
}
.status-unknown .status-status{
   background-color: gray;
   color: white;
  padding: 3px;
}

.popup-info-icon {
    width: 30px;
    height: 31px;
    background-color: #91cdd8;
    background-image: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/Info.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.popup-opening-icon {
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
    margin-right: 3px;
    background-image: url(https://intermaps-lynx.s3.eu-west-1.amazonaws.com/controls/opening_hours_black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
