:root{
    /*--primary-color: #83b05a;*/
    --primary-color: #4fd142;
    --primary-color-highlight: #9dd46c;
    --secondary-color: #3da133;
    --secondary-color-highlight: #34ce57;
    --tertiary-color: #a8e5ffff;
    --quaternary-color: #cef1ffff;
    --background-color: #ffffff;
    --menu-item-color: #000;
    --menu-item-color-highlight: #444;
    --menu-text-color: #000;
    --menu-text-color-highlight: #444;
    --shadow-color: #00000055;
    --ball-color: #60d0fff0;
    --ball-reservation-color: #cef1ffff;
    --ball-cancelled-color: #65a9c6ff;
    --course-color: #34ce57;
    --course-cancelled-color: #719177ff;
    --course-reservation-color: #80e197;
    --festival-color: #8847f2;
    --text-font: url("../fonts/Strawberry Muffins Demo.ttf");
    --box-background: #fff6;
}

@font-face {
    font-family: textFont;
    src: url("../fonts/CoveredByYourGrace.ttf");
}
@font-face {
    font-family: infoFont;
    src: url("../fonts/Strawberry Muffins Demo.ttf");
}
@font-face {
    font-family: symbolFont;
    src: url("../fonts/CoveredByYourGrace.ttf");
}
@font-face {
    font-family: titleFont;
    src: url("../fonts/CoveredByYourGrace.ttf");
}
@font-face {
    font-family: logoFont;
    src: url("../fonts/Watermelon Script - TTF.ttf");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 3em;
    text-shadow: -5px 5px white;
}
body {
    text-align: center;
    font-size: 2em;
    background: var(--primary-color);
    background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color-highlight) 50%, var(--primary-color) 100%);
}
.bg {
}

body{
}
.img{position:absolute;z-index:1;}

/*#banner_container {*/
/*    display:inline-block;*/
/*    width:100%;*/
/*    !*height:480px;*!*/
/*    margin: 0 auto;*/
/*    background: black;*/
/*    position:relative;*/
/*    border:5px solid black;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 5px 50px #333*/
/*}*/

/*#banner_canvas {*/
/*    position:relative;*/
/*    z-index:20;*/
/*}*/
img.event_thumbnail {
    box-shadow: 0.5em 0.5em 1em black;
}

.slideshow-container {
    box-shadow: 0.5em 0.5em 1em black;
}
td.gantt_title.status {
    left: 14.3em;
}