@font-face {
  font-family: "DSS Icons";
  src: url('dssIcons.eot'); /* IE9 Compat Modes */
  src: url('dssIcons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('dssIcons.woff2') format('woff2'), /* Super Modern Browsers */
       url('dssIcons.woff') format('woff'), /* Pretty Modern Browsers */
       url('dssIcons.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('dssIcons.svg#dssIcons') format('svg'); /* Legacy iOS */
}
:root {
  /* --delta-x:.5rem;
  --delta-y:.5rem; */
}

a.liftdata_link, a.liftdata_link:link, a.liftdata_link:visited, a.liftdata_link:active {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #6685a8;
	padding: 15px 20px 15px 20px;
	font-size: 14px; font-weight: bold;
	color: #fff !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.liftdata_link:hover {
	background: #7da2cd;
}


.dss-container {
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  width:100%;
  /*padding-right:var(--delta-x,.75rem);
  padding-left:var(--delta-x,.75rem);
  margin-right:auto;
  margin-left:auto;*/
}
@media (min-width:576px) {
  .dss-container {
   max-width:540px;
  }
}
@media (min-width:768px) {
  .dss-container {
   max-width:720px;
  }
}
@media (min-width:992px) {
  .dss-container {
   max-width:960px;
  }
}
@media (min-width:1200px) {
  .dss-container {
   max-width:1140px;
  }
}
@media (min-width:1400px) {
  .dss-container {
   max-width:1320px;
  }
}
 
.dss-resort, .dss-table {
  --delta-x:1.5rem;
  --delta-y:0;
  margin-top:calc(var(--delta-y) * -1);
  margin-right:calc(var(--delta-x) * -.5);
  margin-left:calc(var(--delta-x) * -.5);
  width:100%;
}
 .dss-resort>*, .dss-table>* { 
  /* flex-shrink:0; */
  width:100%;
  max-width:100%;
  padding-right:calc(var(--delta-x) * .5);
  padding-left:calc(var(--delta-x) * .5);
  margin-top:var(--delta-y);
 }

.dss-resort {
  margin-bottom:0;
  font-weight:400;
  font-size:26px;
  line-height:33px;
}
@media (min-width:375px) {
 .dss-resort {
  font-size:calc(26px + 2 * ((100vw - 375px) / 825));
  line-height:calc(33px + 2 * ((100vw - 375px) / 825));
 }
}
@media (min-width:1200px) {
 .dss-resort {
  font-size:calc(17px + 8 * ((100vw - 1200px) / 240));
  line-height:calc(35px + 9 * ((100vw - 1200px) / 240));
 }
}
@media (min-width:1440px) {
 .dss-resort {
  font-size:calc(17px + 2 * ((100vw - 1440px) / 160));
  line-height:calc(44px + 2 * ((100vw - 1440px) / 160));
 }
}
@media (min-width:1600px) {
 .dss-resort {
  font-size:17px;
  line-height:46px;
 }
}
.dss-resort.dss-lifts{
  color: #000;
  margin-top: 40px;
  margin-bottom: 0px;
}
.dss-resort.dss-tracks {
  color: #000;
  margin-top: 40px;
  margin-bottom: 0px;
}

.dss-table {
  caption-side:bottom;
  border-collapse:collapse;
  table-layout: fixed;
  width:100%;
  margin-bottom:1rem;
  vertical-align:top;
  border-color:#dee2e6;
  overflow-x:none;
}
.dss-table>* {
  padding:.5rem;
  background-color:transparent;
  border-bottom-width:1px;
}
.dss-table th {
  position:relative;
  font-size:15px;
  line-height:22px;
  text-align: left;
  padding-left: 6;
  border-bottom:6px solid rgba(119,188,255,.3)!important;
}
.dss-table.summer th {
  border-bottom:6px solid rgba(141,159,1,.3)!important;
}
.dss-table th
@media (min-width:1200px) {
  .dss-table th {
   font-size:calc(15px + 2 * ((100vw - 1200px) / 240))
  }
}
@media (min-width:1440px) {
  .dss-table th {
   font-size:calc(17px + 2 * ((100vw - 1440px) / 160))
  }
}
@media (min-width:1600px) {
  .dss-table th {
   font-size:19px
  }
}

.dss-table td {
  position:relative;
  font-size:12px;
  line-height:20px;
  padding: 6px;
  border-bottom:1px solid hsla(0,0%,86%,.6);
}
@media (min-width:1200px) {
  .dss-table td {
   font-size:calc(12px + 2 * ((100vw - 1200px) / 240));
   line-height:calc(20px + 2 * ((100vw - 1200px) / 240));
  }
}
@media (min-width:1440px) {
  .dss-table td {
   font-size:calc(14px + 1 * ((100vw - 1440px) / 160));
   line-height:calc(22px + 2 * ((100vw - 1440px) / 160));
  }
}
@media (min-width:1600px) {
  .dss-table td {
   font-size:14px;
   line-height:24px;
  }
}
.dss-num,
.dss-type-icon,
.dss-type.dss-tracks,
.dss-name,
.dss-closed,
.dss-open,
.dss-season.dss-lifts {
   border-right:1px solid hsla(0,0%,86%,.6);
}

.dss-open > span,
.dss-closed > span,
.dss-type > span {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
}

.dss-type-icon, .dss-closed-icon, .dss-open-icon {
  font-family: "DSS Icons";
}
.dss-type-icon.dss-lifts {
  color: black;
}
.dss-open {
  color: darkgreen;
}
.dss-closed,
.dss-red {
  color: #bb0000;
}
.dss-blue {
  color: #255ba1;
}
.dss-black {
  color: black;
}

.dss-type-icon.dss-lifts {
  font-size: 32px;
  margin:12px;
}
@media (min-width:1200px) {
  .dss-type-icon.dss-lifts {
    margin:calc(18px + 2 * ((100vw - 1200px) / 240));
    font-size:calc(34px + 4 * ((100vw - 1200px) / 240));
    line-height:calc(34px + 4 * ((100vw - 1200px) / 240));
  }
}
@media (min-width:1440px) {
  .dss-type-icon.dss-lifts {
    margin:calc(20px + 2 * ((100vw - 1440px) / 160));
    font-size:calc(17px + 2 * ((100vw - 1440px) / 160));
    line-height:calc(17px + 2 * ((100vw - 1440px) / 160));
  }
}
@media (min-width:1600px) {
  .dss-type-icon.dss-lifts {
    margin:38px;
    font-size:38px;
    line-height:38px;
  }
}

.dss-type-icon.dss-tracks {
  font-size: 18px;
  line-height: 18px;
}
@media (min-width:1200px) {
  .dss-type-icon.dss-tracks {
    font-size:calc(20px + 4 * ((100vw - 1200px) / 240));
    line-height:calc(20px + 4 * ((100vw - 1200px) / 240));
  }
}
@media (min-width:1440px) {
  .dss-type-icon.dss-tracks {
    font-size:calc(22px + 2 * ((100vw - 1440px) / 160));
    line-height:calc(22px + 2 * ((100vw - 1440px) / 160));
  }
}
@media (min-width:1600px) {
  .dss-type-icon.dss-tracks {
    font-size:24px;
    line-height:24px;
  }
}

.dss-closed-icon, .dss-open-icon {
  font-size: 18px;
  line-height: 18px;
}
@media (min-width:1200px) {
  .dss-closed-icon, .dss-open-icon {
    font-size:calc(20px + 2 * ((100vw - 1200px) / 240));
    line-height:calc(20px + 2 * ((100vw - 1200px) / 240));
  }
}
@media (min-width:1440px) {
  .dss-closed-icon, .dss-open-icon {
    font-size:calc(22px + 2 * ((100vw - 1440px) / 160));
    line-height:calc(22px + 2 * ((100vw - 1440px) / 160));
  }
}
@media (min-width:1600px) {
  .dss-closed-icon, .dss-open-icon {
    font-size:24px;
    line-height:24px;
  }
}

/* ------------ */
.dss-table.dss-lifts th, .dss-table.dss-tracks th {
	text-align: center;
	background: #7da2cd;
	padding: 10px;
	font-size: 14px;
	color: #fff;
}
.dss-table.summer.dss-lifts th, .dss-table.summer.dss-tracks th  {
	background: #a9bf00;
}
.dss-table.dss-lifts tr td {
	text-align: center;
}
	.dss-table.dss-lifts tr td:nth-child(2), {
		text-align: left;
	}

.dss-name.dss-lifts span, .dss-name.dss-tracks span {
	font-size: 14px;
}

.dss-table.dss-lifts tr:nth-child(odd) td, .dss-table.dss-tracks tr:nth-child(odd) td {
	background: #eff7ff;
}
.dss-table.summer.dss-lifts tr:nth-child(odd) td {
	background: #eef2cc;
}
/* ------------ */

.dss-table.dss-lifts th:first-child {
  width:3%;
}
.dss-table.dss-lifts th:nth-child(2) {
  width:40%;
  text-align: left;
}
.dss-table.dss-lifts th:nth-child(3) {
  width:7%;
}
.dss-table.dss-lifts th:nth-child(4) {
  width:16%;
}
.dss-table.dss-lifts th:nth-child(5) {
  width:20%;
}
.dss-table.dss-lifts th:nth-child(6) {
  width:12%;
}

.dss-table.dss-tracks th:first-child {
  width:5%;
}
.dss-table.dss-tracks th:nth-child(2) {
  width:11%;
}
.dss-table.dss-tracks th:nth-child(3) {
  width:40%;
  text-align: left;
}
.dss-table.dss-tracks th:nth-child(4) {
  width:24%;
}
.dss-table.dss-tracks th:nth-child(5) {
  width:20%;
}


.dss-table.dss-lifts th:nth-child(5), .dss-table.dss-lifts tr td:nth-child(5) { 
	display: none;
}
.dss-open.dss-lifts span:nth-child(2), .dss-closed.dss-lifts span:nth-child(2) {
	display: none;
}


.dss-table.dss-tracks th:nth-child(1), .dss-table.dss-tracks tr td:nth-child(1) { 
	display: none;
}
.dss-table.dss-tracks th:nth-child(5), .dss-table.dss-tracks tr td:nth-child(5) { 
	display: none;
}	


.dss-open.dss-tracks span:nth-child(2), .dss-closed.dss-tracks span:nth-child(2) {
	font-size: 13px;
}
	

@media screen and (max-width: 650px) {
	
	.dss-table > * {
		padding: 0px;
	}
	
	.dss-table.dss-lifts th:nth-child(1), .dss-table.dss-lifts tr td:nth-child(1) { 
		display: none;
	}
	
	.dss-table.dss-lifts th:nth-child(5), .dss-table.dss-lifts tr td:nth-child(5) { 
		display: none;
	}
	.dss-open.dss-lifts span:nth-child(2), .dss-closed.dss-lifts span:nth-child(2) {
		display: none;
	}
	.dss-resort.dss-lifts {
		display: block;
		width: 100%;
		
	}
	.dss-resort.dss-lifts {
		font-size: 20px;
		margin: 60px 0px 0px 0px;
		padding: 10px;
		display: block;
		width: 90%;
	}
	
	.dss-resort.dss-tracks {
		font-size: 17px;
		margin: 60px 0px 0px 0px;
		padding: 10px;
		display: block;
		width: 90%;
	}
	
	.dss-resort, .dss-table {
		--delta-x: 0;
		--delta-y: 0;
	} 
	
	.dss-open.dss-tracks span:nth-child(2), .dss-closed.dss-tracks span:nth-child(2) {
		display: none;
	}
	.dss-open.dss-tracks, .dss-closed.dss-tracks  {
		text-align: center;
	}
}

.dss-name.dss-tracks strong {
	font-weight: 300;
	color: #000;
}

.dss-container {
	margin: 0 auto;
}

.dss-name.dss-lifts {
	text-align: left !important;
}
