@font-face {
  font-family: "Open Sans Condensed Light";
  src: url("../fonts/Open_Sans_Condensed/OpenSans-CondLight.woff2");
}

@font-face {
  font-family: "Open Sans Light";
  src: url("../fonts/Open_Sans/OpenSans-Light.woff2");
}
/**
 * Responsive styles for the body element.
 */
html {
  --csstools-color-scheme--light: initial;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
html {
  --csstools-color-scheme--light:  ;
}
}

body {
  border-top: 15px groove #f83d25;
  font-family: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
  font-weight: normal;
}

#page {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .block {
    margin-top: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
}

img {
  display: block;
  margin: 0 auto;
}

a:not([class]):link,
a:link,
a:visited {
  color: #d62828;
}

/**
 * Responsive styles for the main header element.
 */
#header {
  color: #121212;
  padding: 1.5em;
}

#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
  color: #121212;
}

@media only screen and (min-width: 768px) {
  #header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.site-logo img {
  display: block;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  width: 200px;
}

/**
 * Responsive styles for navigation menus.
 */
ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5em;
}

[dir="ltr"] ul.menu {
  margin-left: 0;
}

[dir="rtl"] ul.menu {
  margin-right: 0;
}

ul.menu a {
  color: #d62828;
  font-size: 1.2em;
  font-weight: 700;
}

/**
 * Responsive styles for the main content element.
 */
/* Layout ---------- */
.layout {
  margin: 0 auto;
  position: relative;
  width: min(1280px, 98%);
}

.layout.full-width {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

#main .node .node__content > .layout {
  padding: 3em 0;
}

.field--name-field-artist .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75em;
}

.field--name-field-artist .field__items .field__item {
  margin-top: 0;
}

/* Grid Teasers ---------- */
.grid--teaser :not(.views-field:nth-child(-n+2)) {
  margin-top: 0;
}

.grid--teaser .views-field-field-genre,
.grid--teaser .info {
  font-size: 0.75em;
}

.grid--teaser ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5em;
  list-style: none;
}

[dir="ltr"] .grid--teaser ul {
  margin-left: 0;
}

[dir="rtl"] .grid--teaser ul {
  margin-right: 0;
}

.grid--teaser ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.333% - 1.5rem);
          flex: 1 1 calc(33.333% - 1.5rem);
  text-align: center;
}

[dir="ltr"] .grid--teaser ul li { /* 3 across */
  margin-left: 0;
}

[dir="rtl"] .grid--teaser ul li {
  margin-right: 0;
}

@media (max-width: 768px) {
  .grid--teaser ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1.5rem);
            flex: 1 1 calc(50% - 1.5rem); /* 2 across */
  }
}

@media (max-width: 480px) {
  .grid--teaser ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; /* 1 across */
  }
}
/**
 * Responsive styles for the main footer element.
 */
#footer {
  background: #d62828;
  color: #fff;
  padding: 1.5em;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #fff;
}

#footer a:link,
#footer a:visited {
  color: #fff;
}

#footer .site-logo img {
  display: block;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  width: 200px;
}

@media only screen and (min-width: 768px) {
  #footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
/**
 * Style adjustments for printing.
 */
@media print {
  body {
    background: #fff;
    color: #000;
  }

  body,
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  aside,
  nav {
    display: none;
  }
}
/*# sourceMappingURL=site.css.map */