@import url("./chota.min.548a4726d58d.css");
@import url("./mobile.dd141ca51aba.css") screen and (max-width: 899px);
@import url("./tablet.3684ca158101.css") screen and (min-width: 900px) and (max-width: 1199px);
@import url("./desktop.8e0719079c73.css") screen and (min-width: 1200px);

@font-face {
    font-family: "Montserrat";
    src: url("/static/Montserrat-Regular.ee6539921d71.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/static/Montserrat-Bold.ade91f473255.ttf");
    font-weight: bold;
}

:root {
    --color-primary: #14854F;
    --color-lightGrey: #d2d6dd;
    --color-grey: #747681;
    --color-darkGrey: #3f4144;
    --color-error: #d43939;
    --color-success: #28bd14;
    --grid-maxWidth: 100rem;
    --grid-gutter: 0px;
    --font-size: 1.6rem;
    --font-family: "Montserrat", sans-serif;
    --yellow: #fff100;
    --lightyellow: #fff688;
    --magenta: #d0108c;
    --pink: #fce4ee;
    --berry: #ed4699;
    --red: #ed1459;
    --purple: #673b96;
    --blue: #70d0f6;
    --turquoise: #00adef;
    --skyblue: #ccecfb;
    --orange: #f37720;
    --white: #ffffff;
    --crimson: #e5004c;
    --burgundy: #6f0025;
    --sunshine: #fffa99;
    --foggy: #99adcb;
    --lemonade: #ffed00;
    --chai: #8b4921;
    --mustard: #9d9310;
    --denim: #2c4567;
    --white: #ffffff;
    --cream: #fffaf0;
}

/* Utility */

.bg-purple { background-color: var(--purple); }
.bg-pink { background-color: var(--pink); }
.bg-red { background-color: var(--red); }
.bg-white { background-color: var(--white); }
.bg-yellow { background-color: var(--lightyellow); }
.bg-sunshine { background-color: var(--sunshine); }
.bg-skyblue { background-color: var(--skyblue); }
.fg-black { color: black; }

/* Signup */

form ul {
    list-style-type: none;
}

form li + li {
    margin-top: 1rem;
}

/* Global */

nav a {
    color: black;
}

a {
    cursor: pointer
}

nav a.active {
    font-weight: bold;
}

footer {
    color: white;
}

footer div p {
    color: white;
}

footer div.bg-pink p {
    color: black;
}

.concert-day:nth-of-type(3n+1) {
    background-color: var(--burgundy);
}

.concert-day:nth-of-type(3n+2) {
    background-color: var(--sunshine);
    color: black;
}

.concert-day:nth-of-type(3n) {
    background-color: var(--skyblue);
    color: black;
}

.concert-header a {
    color: white;
}

.concert-body a {
    font-weight: bold;
    color: white;
    text-transform: none;
    font-size: 1.6rem;
    text-decoration: underline;
}

h2, .concert-title {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

header {
    font-weight: bold;
}

.main-title h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.25;
}

/* Form */

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 80rem;
    border-top: 1px solid black;
}

fieldset > legend {
    font-family: inherit;
    font-size: 2.0rem;
    font-weight: bold;
}

fieldset input, fieldset select, fieldset ul {
    padding-left: 0;
}

li.required label::before {
    content: '* ';
    color: red;
    font-weight: bold;
}

input::placeholder {
    color: #333;
}

.errorlist {
    color: red;
    font-weight: bold;
}

li.error label {
    font-weight: bold;
}

li.error input {
    background-color: #fcc;
}

input, select {
    background-color: white;
}

.extra-course-msg {
    font-weight: bold;
}

/* News bar */

.news-bar {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.news-bar .rich-text {
    width: 100%;
    text-align: center;
    align-items: center;
    padding: 1rem 0;
}

.news-bar .rich-text p {
    margin-bottom: 0;
}

.news-bar .rich-text a {
    color: inherit;
    text-decoration: underline;
}

/* Home page */

.home-page .text-content {
    background-color: rgba(255, 255, 255, 0.5);
}

/* Concert page */

.concert-page .logo {
    max-width: 50%;
    margin: 4rem auto;
}