/* Bionic 1.0 CSS - style.css */
/* BASIC BODY SETTINGS */
/* ########################################################################### */
body {
    font-family: Roboto;
    letter-spacing: 4px;
    background-color: #0c0c0c;
}

a {
    color:#990000;
    text-decoration:none;
}

a:hover, a:active {
    color:#fff;
    transition:0.4s;
}

/* ########################################################################### */
/* OG:IMAGE FIX */
.fb_og_image {
    height:1920;
    width:1080;
    display:none;
}

/* ########################################################################### */
/* HEADER - POTENTIALLY OBSOLETE */
.header_content {
    position: fixed;
    top: 0;
    left:0;
    color: #f1f1f1;
    width: 100%;
}

/* ########################################################################### */
/* HEADINGS -TITLES*/

.site_title {
    font-size:24px;
    font-weight:900;
    opacity:0.7;
}

/* ########################################################################### */
/* MAIN DROPDOWN MENU - UPGRADED*/
/* Style Default Hidden */
.hidden_dropdown {
    display: none;
}

/* Style On Hover */
.dropdown_container{
    background-color:#000;
    height:60px;
}
.dropdown_container:hover .hidden_dropdown {
    width:100px;
    color:#fff;
    padding: 4px 4px;
    text-decoration:none;
    display: block;
}
        
/* ########################################################################### */
/*SET LIST OPTIONS MENU - UPGRADED*/
#main_menu_title {
    margin-top:0;
    font-size:24px;
    font-weight:900;
    color:#990000;
    text-align:center;
    text-decoration:none;
    opacity:0.4;
}

.set_list {
    position:fixed;
    left:5;
    width:100%;
}

.set_list_items {
    background-color:#000;
    color:#fff;
    padding: 4px 4px;
    text-decoration:none;
    display:inline-block;
}

#set_list_select {
    background-color:#000;
    color:#fff;
}

/* ########################################################################### */
/* GO BUTTON */
.go_button {
    position: fixed;
    top:25;
    left:120;
    background-color:#0c0c0c;
    color:#FF9F0B;
    font-weight:900;
    padding:5px;
    border-radius:4px;
    display: none;
}
    
.dropdown_container:hover .go_button {
    display: block;
}

.go_button:hover {
    background-color:#FF9F0B;
    color:#000;
    transition: 0.7s;
  }
  
.go_button:active {
    background-color:lime;
    color:#000;
    transition: 0.7s;
  }

/* ########################################################################### */
/* PAGE CONTENT */
.content {
  position: fixed;
  bottom: 0;
  color: #f1f1f1;
  width:100%;
}

/* ########################################################################### */
/* VIDEO DISPLAY CONTENT */
#BackgroundVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#video_cast {
    position: fixed;
    margin-top:50px;
    margin-left:0;
    min-width: 100%;
    min-height: 100%;
}
#video_cast_iframe {
    width: 100%;
    height: 100vh;
    border: none;
}

#video_cast_detail {
    margin:auto;
}

/* ########################################################################### */
/* MAIN CREDITS TEXT - main.php */
.main_credits_container {
    max-width:97%;
    max-height:100%;
    margin-left:0;
    padding:10px;
    background-color:#000;
    border:2px solid #000;
    border-radius:12px;
    box-shadow:0px 0px 4px #990000 inset;
}

.main_credits_title {
    text-align:center;
    font-size:24px;
    font-weight:900;
    color:#990000;
    text-decoration:none;
}

#main_credits_text {
    text-align:center;
    color:#990000;
    text-decoration:none;
}

#main_credits_logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:30%;
}

#main_credits_link {
    text-align:center;
    font-weight:900;
    margin-top:15px;
}

/* ########################################################################### */
/* FOOTER CREDITS - footer.php */
.footer_credits{
    position:fixed;
    bottom:0;
    left:0;
    width:99%;
    color:#990000;
    font-weight:900;
    text-align:center;
    font-style:italic;
    padding:10px;
    opacity:0.4;
}

#footer_activities:hover {
    background-color:#000;
    color:#000;
    transition:0.4s;
    opacity:0.7;
  }
  
#footer_activities:active {
    background-color:#990000;
    color:#990000;
    transition:0.4s;
    opacity:0.7;
  }