/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap'); */

@font-face {
    font-family: 'GlacialIndifference';
    src: url("/static/admin/fonts/GlacialIndifference-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'GlacialIndifference';
    src: url("/static/admin/fonts/GlacialIndifference-Bold.otf") format("opentype");
    font-weight: 700; /* Bold */
    font-style: normal;
  }
  
  @font-face {
    font-family: 'GlacialIndifference';
    src: url("/static/admin/fonts/GlacialIndifference-Italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
  }
/*
    Darkmode background #15202c
    Lightmode background #f8f7fa
*/

html body {
    font-family: 'GlacialIndifference', sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;          /* Turn on flex. */
    flex-direction: column; /* Arrange children top-to-bottom. */
    background-color: #e5effb;
}

#header, #footer {
    flex: 0 0 auto;  /* They size themselves without stretching. */
}
  
#main {
    flex: 1 0 auto;  /* This grows as needed, pushing the footer down. */
}

a {
  color: #2684ff !important;
  text-decoration: none;
}

a:link {
  color: #2684ff !important;
  text-decoration: none;
}

a:hover {
  color: #1653a8 !important;
  text-decoration: none;
}

a:active {
  color: #2684ff !important;;
  text-decoration: none;
}

a:visited {
  color: #2684ff !important;;
  text-decoration: none;
}

h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.0rem;
}

#header {
    width: 100%;
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    /*
    background-color: #001e32;
    background: linear-gradient(145deg, #001e32 0%, #421758 100%);
     */
}

#header #sm-nav-btn {
    color: #24252a;
    text-align: left;
}

#header ul {
    margin:0;
    text-align: center;
}

#header ul li {
    font-size: 0.8em;
    list-style: none;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
}

#header #menu-sm ul li {
    display: block;
    text-align: left;
}

#header ul li:hover {
    color: #fff;
    background: rgba(0,0,0,0.4);
}

#header ul li.no-hover:hover {
    background-color: rgba(0,0,0,0.0);
}

#header a, #header a:hover, #header a:active, #header a:visited {
    color: #24252a !important;
}

#msg_bar {
    width: 100%;
    padding: 5px;
    color: #FFF;
    display: none;
}

.react-loading {
    margin: 20px;
    font-size: 1.2em;
}

.box {
    background-color: #FFF;
    /*border-radius: 15px;*/
    border-radius: 7px;
    margin: 10px 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.box-container {
    position: relative;
    padding: 40px;
}

.search-box {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #FFF;
    padding: 15px 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.event-cover {
    height: 400px;
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.event-info {
    max-width: 600px;
    margin: 0 auto;
    margin-top: -85px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #FFF;
    padding: 15px 30px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.event-desc p {
    margin: 0;
}

.event-info h1 {
    margin-bottom: 15px;
}

.event-info-sub {
    min-width: 200px;
    margin-top: 5px;
    text-align: center;
}

.circle {
    border-radius: 50%;
}

.text-center {
    text-align: center;
}

.font-bold {
    font-weight: bold;
}

.small-text {
    color: #979aa0;
    font-size: 0.7rem;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.color-grad-orange {
    background-color: #f7b87f;
}

.color-grad-red {
    background-color: #e46872;
}

.color-grad-purple {
    background-color: #3f3d56;
}

.grad-orange-purple {
    background: rgb(247,184,127);
    background: linear-gradient(315deg, rgba(247,184,127,1) 10%, rgba(228,104,114,1) 40%, rgba(63,61,86,1) 100%);
}

.purple-grad {
    background: rgb(255,203,113);
    background: linear-gradient(135deg, rgba(255,203,113,1) 0%, rgba(201,81,191,1) 49%, rgba(68,88,208,1) 100%);
}

.red {
    background-color: #de1414;
}

.fg-red {
    color: #de1414;
}

.orange {
    background-color: #de8114;
}

.fg-orange {
    color: #de8114;
}

.green {
    background-color: #10d660;
}

.fg-green {
    color: #10d660;
}

.blue {
    background-color: #2684ff;
}

.fg-blue {
    color: #2684ff;
}

.blue-outline {
    color: #2684ff;
    border: 2px #2684ff solid;
}

.purple {
    background-color: #6150d5;
}

.btn-border {
    border: 2px solid #333;
    border-radius: 7px;
}
.btn {
    border: 0px !important;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.ticket-title {
    color: #FFF;
    background-color: #421758;
    padding: 10px 40px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.dashboard-event-box {
    background-size: cover;
    background-position: center;
    padding: 40px 20px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.dashboard-event-box-container {
    color: #FFF;
    background-color: rgba(0,0,0,0.75);
    padding: 20px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.ticket-section {
    padding: 10px;
}

.ticket-title {
    color: #fff;
    text-transform: uppercase;
    padding-top: 17px;
    font-size: 1.2em;
    height: 60px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.ticket-section .ticket-subtitle {
    color: #90989e;
    text-transform: uppercase;
}

.ticket-section .ticket-value {
    font-weight: bold;
    font-size: 1.1em;
}

#home-cover {
    min-height: 100vh;
    color: #222222;
    background-image: url('/static/media/home_header.jpg');
    background-size: cover;
    background-position: center;
    padding-top: 100px
}

#home-cover h1 {
    font-size: 2.8em;
    text-transform: uppercase;
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
}

#home-cover p {
    font-size: 1.4em;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 0.75rem;
}

#aggregates .agg-box {
    font-size: 1.2em;
    text-align: center;
    min-height: 40px;
    border-left: 5px #6150d5 solid;
    margin: 10px;
    padding: 20px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.warning-banner {
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: goldenrod;
}