@font-face {
    font-family: 'Rock-it';
    src:url('../webfonts/rockit/Rock-it.ttf.woff') format('woff'),
        url('../webfonts/rockit/Rock-it.ttf.svg#Rock-it') format('svg'),
        url('../webfonts/rockit/Rock-it.ttf.eot'),
        url('../webfonts/rockit/Rock-it.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/* roboto-300 - latin */
@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('../webfonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@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('../webfonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@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('../webfonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@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('../webfonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 14px;
  background-color: #fafafa;
}

h1,
h2,
h3 {
/*  font-size: 1.3em;*/
  font-weight: 300;
}

h1 > small,
h2 > small,
h3 > small {
  font-weight: 300;
}

a { 
  color: #DC3545;
  text-decoration: none; 
}

.text-bg-dark {
  background-color: #666 !important;
}

.navbar {
  /*position: sticky;
  top: 0;*/
  margin-bottom: 1.5em;
  height: 60px;
}

.navbar.bg-dark {
  background-color: #666 !important;
}

@media (max-width: 992px) {
  .navbar-collapse {
    background-color: #666 !important;  
  }
  .navbar-right {
    margin-left: 3rem !important;
  }
}

.navbar-brand {
	font-family: 'Rock-it';
	text-transform: uppercase;
  margin: 0.5em 0 0;
/*	padding: 2rem 10px 0.5rem 15px;*/
}

@media (max-width: 992px) {
  .navbar-brand {
    margin: 0.3em 0 0; !important;
    font-size: 1.2em !important;
  }
}

.navbar-brand img {
	height: 40px;
	margin: -0.5em 1rem 0 0;
}

.dropdown-menu > li > a {
  font-weight: 300;
}

hr {
	border-color: #000;
	border-style: dashed;
}

.next_event td,
.current-user td {
  font-weight: bold;
}

.user_event_status {
  border-left: 10px solid #ddd; 
  padding: 5px 5px 5px 10px; 
  margin-bottom: 1px;
}

.user_event_status_1 {
  border-left: 10px solid #8bc34a;
}

.user_event_status_3 {
  border-left: 10px solid #ffc107;
}

.user_event_status_0 {
  border-left: 10px solid #f44336;
}

.checkbox label, .radio label, label {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.radio label, label.radio-inline {
  padding-left: 3rem;
}

/*.table thead {
  position: sticky;
  top: 69.4px;
  background-color: #eee;
  z-index: 999;
}*/

@media (min-width: 769px) {
  .location-link {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  #cal-next-events .panel-body {
    height: 7em;
  }
}

@media (max-width: 768px) {
  #login-form .col-form-label.text-end {
    text-align: left !important;
  }
}