/* rauland horizontal styles */
.rauland_sidebar.rauland_horizontal{
	display:block !important;
	position:relative;
	width: 100%;
	height: auto;
	min-height: auto;
	text-align: center;
	/* max-height: 167px; */
	z-index: 1;
}

.rauland_sidebar.rauland_horizontal .rauland_horizontal_wrapper{
	max-width: 1024px;
	display: block;
	margin:auto;
}
.rauland_sidebar.rauland_horizontal .rauland_side_head{
	display: inline-block;
	padding: 40px 15px;
	margin-bottom: 0;
	max-height: 167px;
	min-width: 195px;
	box-sizing: border-box;
}

.rauland_side_head img {
	max-height: 80px;
}

.rauland_sidebar.rauland_horizontal .rauland_side_head p{
	line-height: 26px
}

.rauland_sidebar.rauland_horizontal .weather{
	display: inline-block;
	vertical-align: top;
	margin: 42px 0 20px 21px;
}
.rauland_sidebar.rauland_horizontal .weather-condition{
	line-height: 24px;
	margin-top: 0px;
}
.rauland_sidebar.rauland_horizontal .tracks-img{
	margin-top: 17px;
}
.rauland_sidebar.rauland_horizontal .hrz-weather{
	display: inline-block;
}
.rauland_sidebar.rauland_horizontal .webcam, .rauland_sidebar.rauland_horizontal .vers-updated, .rauland_sidebar.rauland_horizontal .tracks, .rauland_sidebar.rauland_horizontal .lifts, .rauland_sidebar.rauland_horizontal .runs,  .rauland_sidebar.rauland_horizontal .rauland_side_foot{
	display: inline-block;
	vertical-align: top;
}
.rauland_sidebar.rauland_horizontal .vers{
	width:auto;
	line-height: 11px;
}
.rauland_sidebar.rauland_horizontal .webcam-title, .rauland_sidebar.rauland_horizontal .api-img, .rauland_sidebar.rauland_horizontal .tracks-title, .rauland_sidebar.rauland_horizontal .lifts-title, .rauland_sidebar.rauland_horizontal .runs-title, .rauland_sidebar.rauland_horizontal .lifts-count, .rauland_sidebar.rauland_horizontal .runs-count{
	float:none;
	display:block;
	margin: auto;
}

.rauland_sidebar.rauland_horizontal .updated-title{
	line-height: 10px;
	padding-top: 13px;
}
.rauland_sidebar.rauland_horizontal .updated-date{

line-height: 11px;

margin-top: 12px;

font-size: 12.5px;
}
.rauland_sidebar.rauland_horizontal .webcam-title, .rauland_sidebar.rauland_horizontal .tracks-title, .rauland_sidebar.rauland_horizontal .lifts-title, .rauland_sidebar.rauland_horizontal .runs-title{
	width: auto;
	text-align: center;
	margin-top: 0;
}
.rauland_sidebar.rauland_horizontal .webcam-title, .rauland_sidebar.rauland_horizontal .lifts-title{
	border-right: 0
}
.rauland_sidebar.rauland_horizontal .tracks-title, .rauland_sidebar.rauland_horizontal .runs-title{
	border-right:2px solid #fff;
}
.rauland_sidebar.rauland_horizontal .webcam-img{
	display:block;
	margin:auto;
}
.rauland_sidebar.rauland_horizontal .weather-type{
	border-right: 2px solid #fff;
	line-height: 11px;
	padding-top: 7px;

}
.rauland_sidebar.rauland_horizontal .weather-type, .rauland_sidebar.rauland_horizontal .webcam-title, .rauland_sidebar.rauland_horizontal .tracks-title, .rauland_sidebar.rauland_horizontal .lifts-title, .rauland_sidebar.rauland_horizontal .runs-title, .rauland_sidebar.rauland_horizontal .vers{
	padding: 12px 15px;
	display: block;
	height: 58px;
	box-sizing: border-box;
}

.rauland_sidebar.rauland_horizontal .api-img {
	padding-top: 0;
}

.rauland_sidebar.rauland_horizontal .lifts-count,
.rauland_sidebar.rauland_horizontal .runs-count {
	padding: 0;
	line-height: 24px;
	margin-top: 0px;
}
.rauland_sidebar.rauland_horizontal .rauland_side_foot{
	position:static;
	margin-left: 0;
	vertical-align: top;
	width: auto;
	padding: 43px 30px 20px 46px;
	border-top:  2px solid #fff;
	margin-top: 42px;
}
.rauland_sidebar.rauland_horizontal .rauland_side_foot img{
	width: 44px;
}

@media(max-width: 992px){
.rauland_sidebar.rauland_horizontal .rauland_side_foot{
	display:none;
}
}
@media(max-width: 873px){
.rauland_sidebar.rauland_horizontal .vers-updated{
	display:none;
}
.rauland_sidebar.rauland_horizontal .runs-title{
	border-right: 0;
}
}

@media (max-width: 768px) {
	#horizontal-dashboard .webcam,
	#horizontal-dashboard .tracks,
	#horizontal-dashboard .hrz-weather,
	#horizontal-dashboard .lifts,
	#horizontal-dashboard .runs {
		display: none;
	}

	#horizontal-dashboard .mobile-view {
		display: inline-block;
		
	}

	#horizontal-dashboard .webcam-title,
	#horizontal-dashboard .tracks-title {
		border: 0 none;
	}

	.rauland_sidebar.rauland_horizontal .weather {
		margin-top: 30px;
	}
}

@media (max-width: 475px) {
	#horizontal-dashboard .mobile-view.tracks {
		display: none;
	}

	.rauland_sidebar.rauland_horizontal .weather {
		margin-left: 0px;
	} 
}

/* rauland vertical styles */
.rauland_sidebar {
	width: 200px;
	padding:0;
	box-sizing:content-box;
	height: 100vh;
	min-height: 650px;
	background-image: url('');
	background-repeat:no-repeat;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	letter-spacing: 0.2px;
	transition: all 0.5s ease-in-out;
}


.rauland_sidebar p{
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.6px;
	margin-bottom: 0px;
}
.rauland_sidebar p.data-time{
	font-size: 18px;
	padding: 0;
	margin-bottom: 2px;
}
.rauland_sidebar a {
	text-align: center;
	margin: 0;
	line-height: 1.3;
}

.rauland_sidebar .border-button {
	border:2px solid #ffffff;
	width: auto;
	text-transform: uppercase;
	display: table;
	font-size: 12px;
	padding: 10px 20px;
	margin:15px auto 0;
	font-weight: bold;
	box-sizing: border-box;
	max-width: 200px;
}

.rauland_sidebar .rauland_side_head {
    padding: 25px 0;
    margin-bottom: 20px;
    height: 130px;
    text-align: center;
    box-sizing: border-box;
}

#horizontal-dashboard .rauland_side_head {
	height: auto;
}


.rauland_sidebar .rauland_side_head a:hover {
	color: #fff;
}

.rauland_sidebar.rauland_horizontal .rauland_updated{
	display:inline-block;
	padding: 0px 20px;
    border-top: 2px solid #fff;
}
.updated-title{
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
}
.updated-date{
	text-align: center;
	font-size: 18px;
	margin-top: 4px;
}
.rauland_side_foot {
	position: absolute;
	bottom: 0;
	max-width: 160px;
	left: 50%;
	margin-left: -80px;
	width: 100%;
}
.rauland_side_foot a:not(.sidefoot-logo){
	width: 100%;
	text-align: center;
	display: block;
	line-height: 42px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 18px;
}

.subsite-footer-button img {
	max-width: 80px;
	vertical-align: middle;
}

#vertical-dashboard .subsite-footer-button {
	font-size: 0;
}

.rauland_side_foot a:hover {
	color: #ef5928;
}
.rauland_side_foot p {
	font-size: 10px;
	text-transform: uppercase;
	max-width: 148px;
	margin: 0px auto;
}
.weather{
	margin: 20px;
}
.weather-type{
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 4px;
	border-top: 2px solid #fff;
}
.weather-type i{
	padding-left: 10px;
}
.weather-condition{
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	line-height: 33px;
	font-style: normal;
}
.webcam-title{
	margin-top: 12px;
	border-top: 2px solid #fff;
	width: 50%;
	box-sizing: border-box;
	font-size: 10px;
	text-transform: uppercase;
	border-right: 2px solid #fff;
	line-height: 11px;
	padding-top: 7px;
	float: left;
}
.weather-app{
	text-align:center;
	padding: 30px 70px;
	float:  left;
	width: 100%;
}
.tracks-title{
	margin-top: 12px;
	border-top: 2px solid #fff;
	width: 50%;
	box-sizing: border-box;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	line-height: 11px;
	padding-top: 7px;
	float: left;
	padding-left: 12px;
}
.tracks-title i{
	padding-left: 3px;
}
.api-img{
	width: 50%;
	text-align: center;
	display: inline-block;
	padding-top: 15px;
	vertical-align: middle;
	font-size: 0;
}

.api-img img,
.map-img {
	height: 24px;
	width: auto;
}

.lifts-title{
	margin-top: 12px;
	border-top: 2px solid #fff;
	width: 50%;
	box-sizing: border-box;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	border-right: 2px solid #fff;
	line-height: 11px;
	padding-top: 7px;
	float: left;
}
.lifts-title i{
	padding-left: 4px;
}
.runs-title{
	margin-top: 12px;
	border-top: 2px solid #fff;
	width: 50%;
	box-sizing: border-box;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	line-height: 11px;
	padding-top: 7px;
	float: left;
	padding-left: 12px;
}
.runs-title i{
	padding-left: 4px;
}
.lifts-count{
	text-align: left;
	font-size: 27px;
	font-weight: 300;
	line-height: 33px;
	font-style: normal;
	width: 50%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lifts-count span{
	font-size: 14px;
	position: relative;
	bottom: 8px;
	padding-left: 5px;
	font-weight: 700;
}
.runs-count{
	text-align: left;
	font-size: 27px;
	font-weight: 300;
	line-height: 33px;
	font-style: normal;
	width: 50%;
	float: left;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
}
.runs-count span {
	font-size: 14px;
	position: relative;
	bottom: 8px;
	padding-left: 5px;
	font-weight: 700;
}
.vers {
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
	text-align: center;
	border-top: 2px solid #fff;
	padding-top: 9px;
	color: #fff;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.vers i {
	padding-left: 4px;
}

.maps {
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
	text-align: left;
	border-top: 2px solid #fff;
	padding-top: 3px;
	color: #fff;
	text-transform: uppercase;
	line-height: 160px;
	vertical-align:  top;
	height: 160px;
	text-align: left !important;
	padding-top: 10px;
}

.maps i {
	padding-left: 4px;
}

.rauland_sidebar a.maps {
	margin-top: 12px;
	position: relative;
}

.rauland_sidebar .maps-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.map-img {
	float: right;
	position: relative;
}

.rauland_sidebar,
#sidebar_toogle {
	display: none;
}

.visible_sidebar .rauland_sidebar {
	display: block;
}

.visible_sidebar #x-root {
	width: calc(100% - 200px);
}

.hidden_sidebar #x-root {
	width: 100%;
}

.hidden_sidebar .rauland_sidebar {
	margin-right: -200px;
	display: block;
}
 
.hidden_sidebar #sidebar_toggle, #sidebar_tag_1, #sidebar_tag_2,
.visible_sidebar #sidebar_toggle {
	display: block;
	position: fixed;
	top:169px;
	right: 0;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	padding:21px 8px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}

#sidebar_tag_1 {
	border-right: 30px solid #027899;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	top: 137px;
}

#sidebar_tag_1, #sidebar_tag_2{
	right: 200px;
	background-color: transparent;
}

#sidebar_tag_2 {
	border-right: 30px solid #408020;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	top: 287px;
}

#sidebar_tag_1 a, #sidebar_tag_2 a{
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-size: 16px;
	margin-right: -50px;
}

.visible_sidebar #sidebar_toggle, .hidden_sidebar #sidebar_tag_1, .hidden_sidebar #sidebar_tag_2 {
    display: none;
}

#sidebar_toggle img,
#sidebar_toggle i {
	display: block;
}

.hidden_sidebar #sidebar_toggle i, .rauland_sidebar #sidebar_toggle i{
	margin-top: 12px;
}


/*clean css*/

#horizontal-dashboard a,
#vertical-dashboard a,
#horizontal-dashboard a img,
#vertical-dashboard a img {
	box-shadow: none!important;
}

#horizontal-dashboard .runs-count,
#horizontal-dashboard .lifts-count {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	text-align: center;
}

#horizontal-dashboard .rauland_side_foot {
	padding: 12px;
}

#horizontal-dashboard .rauland_side_foot img {
	width: 100%;
	max-width: 100px;
}

@media (max-width: 440px) {
	#horizontal-dashboard .dashboard-accent-color {
		background-color: inherit;
	}
}

@font-face {
    font-family: 'Fnuggicons';
    src: url(assets/fonts/fnugg-icons.eot);
    src: url(assets/fonts/fnugg-icons.eot#iefix) format("embedded-opentype"),
    url(assets/fonts/fnugg-icons.woff) format("woff"),
    url(assets/fonts/fnugg-icons.woff2) format("woff2"),
    url(assets/fonts/fnugg-icons.ttf) format("truetype"),
    url(assets/fonts/fnugg-icons.svg#Glyphter) format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*='fnuggicon-']:before {
    display: inline-block;
    font-family: 'Fnuggicons';
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fnuggicon-light-cloud:before {
    content: 'A';
}

.fnuggicon-thunder:before {
    content: 'B';
}

.fnuggicon-night-cloud:before {
    content: 'C';
}

.fnuggicon-cloud:before {
    content: 'D';
}

.fnuggicon-light-rain:before {
    content: 'E';
}

.fnuggicon-rain:before {
    content: 'F';
}

.fnuggicon-light-snow:before {
    content: 'G';
}

.fnuggicon-snow:before {
    content: 'H';
}

.fnuggicon-sun:before {
    content: 'I';
}

.fnuggicon-sleet:before {
    content: 'J';
}

.fnuggicon-wind:before {
    content: 'K';
}

.fnuggicon-wind-rain:before {
    content: 'L';
}

.fnuggicon-light-sleet:before {
    content: 'M';
}

.weather-temp-v a{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.weather-temp-icon-v{
	display: inline-block
}
.weather-temp-value-v{
	display: inline-block;
	font-size: 28px;
    font-weight: 300;
    line-height: 33px;
    margin-left: 10px
}
.weather-temp-h a{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content: center;
}
.weather-temp-icon-h span{
	height: 100%;
	line-height: 1;
	font-size: 11px
}
.weather-temp-value-h{
	font-size: 27px;
    font-weight: 300;
    margin-left: 5px
}

@media(max-width: 1023px) {
    .visible_sidebar .rauland_sidebar,.hidden_sidebar .rauland_sidebar {
        margin-right:-200px;
        display: block
    }

    .visible_sidebar #x-root {
        width: 100%
    }

    .visible_sidebar #sidebar_toggle,.hidden_sidebar #sidebar_toggle {
        display: block
    }

    #ubermenu-section,header .header-section {
        width: 100%
    }

    footer .footer-width {
        width: 100%
    }

    .footer-newsletter-form,.copyright-section {
        max-width: 450px
    }
    
    #sidebar_tag_1, #sidebar_tag_2{
	display: none;
    }
}

body.admin-bar #vertical-dashboard {
	top: 32px;
}

body.admin-bar #vertical-dashboard .rauland_side_foot {
	bottom: 32px;
}
