/*
font-family: 'Chango', cursive;
font-family: 'Montserrat', sans-serif;
Thin 100
Light 300
Regular 400
font-family: 'Sigmar One', cursive;
font-family: 'sportyporegular', sans-serif;
font-family: 'back_to_schoolregular', sans-serif;
*/

@font-face {
    font-family: 'sportyporegular';
    src: url('/old/includes/resources/fonts/sportypo-reguler-demo-webfont.woff2') format('woff2'),
         url('/old/includes/resources/fonts/sportypo-reguler-demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'back_to_schoolregular';
    src: url('/old/includes/resources/fonts/back_to_school-webfont.woff2') format('woff2'),
         url('/old/includes/resources/fonts/back_to_school-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    margin: 0;
    height: 100%;
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
/*    background-color: red;*/
}

header,
footer {
    position: relative;
    flex: none;
}
main {
/*    position: relative;*/
    flex: auto;
    background: radial-gradient(center, transparent, black);
    padding: 100px 20px 80px 20px;
}
#mainCalendar {
    margin: 0px 0px 80px 0px;
    padding: 0px 20px;
}
h1,h2,h3,h4,h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
a, a:visited {
    color: inherit !important;
    color: white;
}
button {
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 15px;
    border-radius: 20px;
    background: radial-gradient(at top left, #3275a8, #0c3657);
    color: white;
    cursor: pointer;
}

#scrollToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: black;
    z-index: 999;
    font-size: 24px;
    cursor: pointer;
}

/*HEADER AND FOOTER STREAMERS*/
header {
    color: lightgray;
}
footer {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
/*    border-top: 5px solid black;*/
    color: lightgray;
}
footer a {
    margin: 20px;
}
footer div {
    display: inline-block;
    margin: 5px;
}
.streamersContainer {
    position: relative;
    top: -2px;
    height: 175px;
}
.streamers {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 175px;
    z-index: -1;
}
.streamers svg {
    position: absolute;
    height: 175px;
}
.streamers_clip {
    position: absolute;
    top: -5;
    left: 0;
    width: 100%;
    height: 175px;
    clip-path: url(#streamers_clip);
    -webkit-clip-path: url(#streamers_clip);
    z-index: -2;
/*    background-position: 0 -10000px !important;*/
}
#streamerImage {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: baseline;
}
#streamerImage svg, #streamerImage img {
    height: 150%;
    text-shadow: 5px 5px black;
/*    background: radial-gradient(at center bottom, white 40%, transparent 70%);*/
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 1));
}
#streamerContainerFooter.streamersContainer {
    top: auto;
    top: 2px;
    min-width: 100%;
    margin: 175px 0px 0px 0px;
}
#streamerContainerFooter.streamersContainer .streamers {
    transform: rotate(180deg);
    bottom: 0px;
    top: auto;
}
#streamerContainerFooter.streamersContainer .streamers_clip {
    transform: rotate(180deg);
    bottom: 0px;
}

/*OVERLAYS*/
#formOverlay, #secondaryOverlay, #notificationOverlay, #loaderOverlay {
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
/*    background-color: rgba(255, 0, 0, 0.2);*/
}

/*THEME*/
.themeColor1 {
    background: url("/old/includes/resources/images/backgrounds/wallpaper.png");
    background-blend-mode: hard-light;
    background-color: #1f1f1f;
}
.themeColor2 {
    fill: #121619;
}
.themeColor3 {
    fill: #09814a;
}
.themeColor4 {
    fill: #bcb382;
}
.themeColor5 {
    fill: #e5c687;
}

/*OVERRIDE TABLE STYLES*/
.beyond_table_header {
/*    padding: 0 !important;*/
}
.beyond_table_title {
    display: block !important;
}
.beyond_table_container td {
    border: none !important;
}

#message {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}