@charset "UTF-8";
/* CSS Document */
html,body { -webkit-text-size-adjust:none; }
body {
	background-color: #FFF;
	color: #404040;
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', sans-serif;
}
a:link, a:visited {
	text-decoration: none;
	color: #969696;
	border-bottom:1px solid #C0C0C0;
}
a:hover, a:active {
	text-decoration: none;
	color: #ff6633;
	border-bottom:1px solid #ff6633;
}

.btn {
  background: #ff6633;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: "din-condensed-web", "Arial Narrow", sans-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 8px 20px;
  margin:20px auto;
  text-decoration: none;
  text-transform:uppercase;
  display: inline-block;
}

.btn:hover {
  background: #6699cc;
  text-decoration: none;
}
a.btn:link, a.btn:visited {
	text-decoration: none;
	color: #fff;
}
a.btn:hover, a.btn:active {
	text-decoration: none;
	color: #fff;
}

em {
	font-style:normal;
	opacity:0.5;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:0px;
}
#sticker {
	position:relative;
	height:1px;
	width:100%;
	background-color:#ff6633;
	}
.burger {display:none}
.pre-nav-wrapper {
	background-color:#ff6633;
	width:100%;
	height:18px;
	text-align:right;
	padding:6px 0;
	font-size:0;
	position:relative;
	z-index:499;
}
.sm {
	font-size:12px;
	color:#fff;
	position:relative;
	}
.sm span {
	font-size:12px;
	color:#fff;
	position:absolute;
	width:200px;
	text-align: center;
	top:7px;
	left:50%;
	margin-left:-100px;
	}
.sm a:link, .sm a:visited {
	text-decoration: none;
	color: #fff;
	border-bottom:none;
}
.sm a:hover, .sm a:active {
	opacity: 0.7;
}

.pre-nav-wrapper img {
	height:18px;
	margin-right:7px;
}
.pre-nav-wrapper img[alt="Instagram"] {
	margin-right:18px;
}
.pre-nav-wrapper img:hover {
	cursor:pointer;
}
.nav-container {
	background-color:#6699cc;
	width:100%;
	height:90px;
	position:relative;
	text-align:center;
	z-index:500;
}
.stick {
		position:fixed;
		top:0;
		left:0;
		z-index:500;
	}
.ski-club {
	background-color:#404040;
	background-image: url(../images/ski-club-logo.png);
	background-repeat: no-repeat;
	background-size:cover;
	width:108px;
	height:90px;
	position:absolute;
	right:0;
}
.ski-club:hover {
	cursor:pointer;
}
/* LOGO - Existing */

.logo {
    background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size:cover;
	width:114px;
	height:75px;
	margin:0 auto;
	top:73px;
	left:50%;
	margin-left:-60px;
	position:absolute;
	z-index:501;
	transform: scale(1.7,1.7);
	transition: all 0.1s linear;
}
.small {
    transform: scale(1,1);
	top:8px;
	margin-left:-57px;
	z-index:501;
	position:fixed;
}
/* LOGO */

.carousel {
	width:100%;
	position:relative;
}
.carousel img {
	width:100%;
	height:auto;
	position:relative;
}
.row, .section, .section div, .section img, .section em {
	width:100%;
	max-width:1170px;
	height:auto;
	margin:0 auto;
	display:block;
	margin:15px auto;
	text-align:center;
}
.section span img {
	max-width:275px;
}
.section em {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size:12px;
	text-align:left;
	color: #8C8C8C;
}
.section {
	max-width: none;
	background-color:#fff;
	padding: 50px 0;
	color: #8C8C8C;
}
.grey {background-color:#f0f0f0;}
.section h1 {
	font-family: "din-condensed-web", "Arial Narrow", sans-serif;
	font-size:58px;
	text-transform:uppercase;
	color:#ff6633;
	margin:0 auto;
	max-width:900px;
}
.section h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	margin:0 auto;
	padding:5px 0 4px;
	background-color:#6699cc;
	max-width:900px;
}
.section div {
	max-width:880px;
	padding: 0 0 60px;
}
.section ul, .section li {
	width:560px;
	margin: 0 auto 8px;
	text-align:left;
}
.section ul.menu, .section li.menu, .section li.menu a, .nav-container ul, .nav-container li, .nav-container li a {
	list-style:none;
	display:inline-block;
	padding:0 6px;
	font-family: "din-condensed-web", "Arial Narrow", sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#404040;
	width:auto;
}
.section ul.menu {font-size:0;}
.nav-container ul {
	font-size:0;
	margin-top:35px;
}
.nav-container li {
	padding:0 10px;
	margin:0;
}
.nav-container li.logospacer {
	padding:0;
	width:217px;
}
.section li.menu a:link, .section li.menu a:visited, .nav-container li a:link, .nav-container li a:visited {
	text-decoration: none;
	color:#404040;
	border-bottom:none;
}
.section li.menu a:hover, .section li.menu a:active, .nav-container li a:hover, .nav-container li a:active {
	text-decoration: none;
	border-bottom:none;
	opacity:0.8;
}
.nav-container li a:link, .nav-container li a:visited, .nav-container li a:hover, .nav-container li a:active {
	color:#fff;
}
.news div {
	border-bottom: 1px solid #8C8C8C;
	padding-top:40px;
}
.section div h1 {
	font-family: "din-condensed-web", "Arial Narrow", sans-serif;
	font-size:46px;
	text-transform:uppercase;
	color:#6699cc;
	margin:26px auto 26px;
	}
.section div p, .section p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #8C8C8C;
	width:80%;
	max-width:900px;
	margin:20px auto;
	}
.section h3 {
	max-width:300px;
	margin:50px auto 20px;
	padding-bottom:8px;
	border-bottom:1px solid #404040;
}
.section div img {
	width:100%;
	margin:0 auto 10px;
	}
.section div.rule, .row div div.rule2 {
	width:272px;
	height:8px;
	background-image:url(../images/diamond2.svg);
	background-repeat:repeat-x;
	margin: 42px auto;
	padding:0;
	border-bottom:none;
}
.row div div.rule2 {
	background-image:url(../images/diamond3.svg);
	background-color:transparent;
	display:block;
	margin: 0 auto;
}
.row div div.rule2:hover {
	cursor:default;
	background-position:0 0;
}
.row div {
	background-image:url(../images/events.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	background-color: white;
	height:362px;
	display: inline-block;
	margin:0;
	color:white;
	text-transform:uppercase;
	font-family: "din-condensed-web", "Arial Narrow", sans-serif;
	font-size:58px;
	text-align:center;
	vertical-align:top;
}
.row div:hover {
	cursor:pointer;
	background-position:0 -362px;
}
.row div h1 {
	margin: 145px 0 0;
	font-size:58px;
	font-weight:normal;
}
.row div h1::before, .row div h1::after {
	content: url(../images/diamond.svg);
	margin: 0 20px;
}
.onethird {width:33%;}
.twothirds {width:66%;}
.threethirds {width:99.5%;}
.row div.weather { background-image:none;background-color:#6699cc;}
.row div.weather h1::before, .row div.weather h1::after {
	content: '';
	margin: 0;
}
.row div.weather:hover {
	cursor:default;
}
.row div.weather h1 {
	margin: 35px 0 25px;
}
.sponsors {
	background-color:#6699cc;
	width:100%;
	padding:50px 0;
	position:relative;
	color:white;
	text-align:center;
	text-transform:uppercase;
}
#widget, #widget div.now, #widget div.forecast {
	background-image:none;
	background-color:#6699cc;
	padding:0;
	margin:10px auto;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size:14px;
	text-align:left;
	color:white;
	position:relative;
}
#widget {width:100%;margin:0 auto 10px; min-height:140px;}
#widget:hover {
	cursor:default;
}
#widget img {
	position:relative;
	top:0px;
}
#widget div.now, #widget div.forecast {
	width:130px;
	height:120px;
	margin:0;
	float:left;
	line-height:1.5em;
}
#widget div.now {
	padding-top:7px;
	width:124px;
	border-right: 1px dotted white;
	margin-right:15px;
	}
#current { height:78px; }
#widget div.now p {margin:0; line-height:1.1em;}
#widget div.forecast p { margin:0 0 6px;}
#weather p.source {font-size:8px; opacity:0.5; margin:10px auto 0; font-family: 'Open Sans', sans-serif; text-align:left; display:block; width:272px;}
#widget div.forecast span.day {width:34px; display:inline-block}
#widget div.forecast img { position:relative; top:5px;}
#widget div.forecast em.low {width:32px; display:inline-block; text-align:right} 
#widget div.forecast span.high {width:28px; display:inline-block; text-align:right}
/* Narrow screens  */	
@media only screen and (max-width:1169px) {
.section em {width:98%}
}
@media only screen and (max-width:950px) {
.section ul, .section li, .section li a {
	padding:0 4px;
}
.burger {
	display:block;
	position:absolute;
	left: 20px;
	top: 36px;
	}
.burger:hover {
	cursor: pointer;
}
.burger img {width:22px; height:auto;}
.pre-nav-wrapper { display:none }
.nav-container {
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:500;
}
.nav-container ul {
	width:100%;
	overflow:hidden;
	margin-top:90px;
	margin-left:0px;
	padding:0;
	}
.nav-container li {
	display:block;
	width:100%;
	margin:0;
	border-bottom:1px solid white;
	padding:5px 0 4px;
}
.nav-container li.logospacer {
	display:none;
}
.logo {
	top:8px;
	margin-left:-57px;
	z-index:501;
	position:fixed;
	transform: scale(1,1);
}
.small {
	top:8px;
}
.onethird, .twothirds, .weather {width:99.5%;}
.row div.twothirds { margin-bottom:15px;}
}
@media only screen and (max-width:450px) {
	.ski-club {
		display:none;
	}
	.section h1 {font-size:32px;}
	.section div h1 {font-size:28px;}
	.carousel {margin-top:88px;}
	.row div h1 {font-size:40px;}
	.row div h1::before, .row div h1::after {
	position:relative; 
	top:8px;
}
}