html {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
}

body {
    background-color: #000000;
}

hr {
    background-color: #cacaca;
    color: #cacaca;
}

h1 {
    opacity: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
}

h2 {
    background-color: #222222;
    border-radius: 10px;
    display: inline-block;
    margin: auto;
    padding: 16px 40px;
    color: #cacaca;
    font-size: 40px;
}

h3 {
    background-color: #111111;
    margin: auto;
    padding: 16px 0px;
    color: #cacaca;
    font-size: 22px;
}

img {
    color: #cacaca;
}

/* p Element and classes*/
p {
    color: #cacaca;
}

.mi_normal_text {
    font-size: 20px;
    margin: 16px 24px;
}

.mi_fake_navButton {
    font-size: 24px;
    height: 56px;
    line-height: 56px;
    margin: 0px 2px 0px 2px;
    width: 224px;
    background-color: #444444;
    color: #cacaca;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
}

@media screen and (max-width: 1023px) {
    .mi_fake_navButton {
        height: 48px;
        line-height: 48px;
        width: 96px;
        margin: 0px 0px 4px 0px;
    }
}

/* a and button Elements and classes*/
a:link,
a:visited {
    background-color: #222222;
    color: #cacaca;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a:hover,
a:active {
    background-color: #444444;
    border: 0px;
}

.mi_nav_button {
    font-size: 24px;
    height: 56px;
    line-height: 56px;
    margin: 0px 2px 0px 2px;
    width: 224px;
}

@media screen and (max-width: 1023px) {
    .mi_nav_button {
        height: 48px;
        line-height: 48px;
        width: 96px;
        margin: 0px 0px 4px 0px;
    }
}

.mi_round_button {
    border-radius: 40px;
    padding: 10px 10px 5px 10px;
    margin: 0px 2px 0px 2px;
}

.mi_tix_button {
    font-size: 20px;
    height: 48px;
    width: 120px;
    line-height: 48px;
    margin: 0px 0px 16px 0px;
}

/* video Element and classes*/
video {
    border: 2px solid #222222;
}

.mi_reel_tall {
    height: 519px;
    width: 292px;
}

/* iframe Element and classes*/
iframe {
    border: 2px solid #222222;
}

.mi_yt_music_video {
    height: 304px;
    width: 98%;
    max-width: 625px;
}

@media screen and (max-height: 767px) {
    iframe {
        height: 200px;
    }
}

/* div Element Header and Footer related classes */
.mi_header_logo {
    background-color: #000000;
}

.mi_header_nav {
    padding: 8px 0px 0px 0px;
    position: sticky;
    top: 0;
    background-color: #000000;
}

.mi_header_separator {
    margin: 8px 0px 8px 0px;
}

@media screen and (max-width: 1023px) {
    .mi_header_separator {
        margin: 3px 0px 8px 0px;
    }
}

.mi_footer {
    background-color: #000000;
}

/* Uncomment this block to disable sticky header for Mobile and Tablet view */
/*
@media screen and (max-width: 1023px) {
    .mi_header_nav {
        position: initial;
    }
}
*/

/* div Element Body related classes */
.mi_body {
    background-image: linear-gradient(180deg, #111111, #000000);
    margin: -8px 0px 0px 0px;
}

.mi_body_videos {
    margin: auto;
}

.mi_body_upcoming_flyer {
    margin: auto;
}

.mi_body_upcoming_list {
    margin: auto;
    border: 2px solid #222222;
    background-color: #000000;
    width: 79%;
    max-width: 600px;
}

.mi_body_buttons {
    margin: auto;
}


/* div Element vertical spacing presets */
.mi_spacing_small {
    padding: 0px 0px 16px 0px;
}

.mi_spacing_medium {
    padding: 0px 0px 32px 0px;
}

.mi_spacing_large {
    padding: 0px 0px 64px 0px;
}