:root {
	--cassiopeia-color-background: #ededf0;
	--cassiopeia-color-primary: #00446b;
	--cassiopeia-color-secondary: #7ab51d;
	--cassiopeia-color-link: #041104;
	--cassiopeia-color-hover: #0000ff;
}

html {
	background-color: rgb(235, 233, 233);
}

body {
	min-height: calc(100vh - 2em);
	width: 90%;
	background: whitesmoke;
	margin: 1em auto 1em auto;
	padding: 0em;
	font-family: 'Roboto', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	padding: 1em 0 0em 0;
  	color: var(--template-special-color);
}

.container-component {
	margin-bottom: 2em;
	background-color: smoke-white;
}

.navbar-brand {
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: var(--cassiopeia-color-background);
	height: 300px;
}

.container-header {
	border-style: unset;
	background-image: unset;
	position: relative;
	padding: unset;
}

.container-header .mod-menu {
	font-size: 1.1rem;
	font-weight: 500;
}

.container-header .navbar-toggler {
	background-color: var(--cassiopeia-color-background);
	color: var(--cassiopeia-color-secondary);
}

.container-nav {
	background-color: white;
	padding: 0;
	position: absolute;
	bottom: 0;
	border-bottom: solid var(--cassiopeia-color-primary);
}

.metismenu-item  {
	color: var(--cassiopeia-color-secondary);
}

.metismenu-item.active  {
	color: var(--cassiopeia-color-primary);
}

.container-nav .nav>.active>a {
	color: var(--cassiopeia-color-primary);
}

.container-nav .nav>li>a:hover {
	color: var(--cassiopeia-color-primary);
}

.container-nav .nav>li>a {
	padding: 10px 15px 25px;
	color: var(--cassiopeia-color-secondary);
	text-decoration: none;
}
.sticky {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: -1px;
	padding: 0px;
	margin: 0;
	font-size: 14px;
	padding-bottom: 30px;
	height: 100%;
	z-index: 5;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0;
	background-color: var(--gray-300);
	color: var(--gray-800);
	background-image: unset;

}

.footer .grid-child {
	padding: 0;
}


footer div.grid-child {
	margin: 0 auto;
}

footer div ul.mod-menu {
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
}

footer div ul li.nav-item {
	padding: 0 20px 0 20px;
	font-style: italic;
	font-size: small;
}

@media only screen and (max-width: 451px) {
  body {
    width: 100%;
   
  }
	.site-grid {
		margin-bottom: 8em;
	}
}


/* roboto-100 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-100italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-300 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-300italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-regular - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-500 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-500italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-700 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-700italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-900 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-900italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('/media/skiclub/assets/fonts/roboto-v30-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }