@font-face {
  font-family: 'Grenze Gotisch';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('/media/fonts/GrenzeGotisch-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('/media/fonts/Jura-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/media/fonts/Jura-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('/media/fonts/Jura-Bold.woff2') format('woff2');
}

#title {
  font-family: "Grenze Gotisch", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 50px !important;
}

html, body, p, span, div:not(.navbar-brand):not(.site-title):not(.logo), li, input, textarea, time.dt-start.subtitle-1, time.dt-end.subtitle-1, h2.title.p-name, .v-application, .body-2, strong.p-name.text--primary {
    font-family: 'Jura', sans-serif !important;
}

h2.title.p-name, div.v-lazy.event.v-card {
    font-weight: bold !important;
}

html {
  scrollbar-color: #DDAAFF #111 !important;
}

body {
    background-color: #000 !important;
}


/* full size fliers */
.img.thumb img {
aspect-ratio: auto !important;
  max-height: 100% !important;
}

a[href="/export"] {
  display: none; /* Hides the share button */
}

a[href="https://gancio.org"].v-btn {
  display: none; /* Hides the gancio button */
}


a[href="/"].v-btn.v-btn--icon.v-btn--round.v-btn--router {
  display: none; /* Hides the logo */
}


/* Hides the info button
a[href="/about"].v-btn.v-btn--icon.v-btn--round {
  display: none;
}
 */
a[href="/add"] {
  margin-right: auto;
}

/* fixed footer */
footer.v-footer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

div.__layout {
  margin-top: 48px;
} 

div.d-flex {
  margin-top: 20px;
}

a.v-btn--active.v-btn.v-btn--icon.v-btn--round.v-btn--router.theme--dark.v-size--large {
  display: none;
}

section.mt-sm-4.mt-2 {
    max-width: 800px;
}

#events {
  max-width: 800px !important;
}

.vc-dot {
    background-color: #DDAAFF !important;
}