@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
html, body {
  font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, sans-serif;
  background-color: #1a1a1a;
  color: Silver; }

h1, h2, h3, h4, h5, h6 {
  color: white; }

p {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 3rem; }

a {
  font-weight: 700;
  color: #faaf3a; }
  a:hover, a:focus {
    color: white; }

article {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.padded-list {
  font-size: 1.8rem;
  font-weight: 300; }
  .padded-list li {
    padding-bottom: .5em; }

.thumbnail {
  padding: 5px;
  background: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: none; }
  .thumbnail .caption {
    color: #999;
    text-decoration: none !important; }

.info-trigger {
  cursor: pointer;
  color: #faaf3a; }

.popover {
  color: black; }
  .popover .popover-title {
    color: black;
    font-weight: 700; }

.media {
  min-height: 150px !important; }

.panel-tfu {
  background-color: #111;
  border-color: #000; }
  .panel-tfu .panel-heading {
    background-color: #faaf3a;
    color: #1a1a1a; }
  .panel-tfu .panel-footer {
    background-color: #000;
    border-color: #000; }

@media (max-width: 767px) {
  article {
    padding-top: 60px; } }

#fullscreen {
  height: 100vh;
  width: 100%;
  background-color: #1a1a1a; }

#fullscreen video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover; }

.medium-header {
  height: 50vh;
  background-color: #1a1a1a;
  background-size: cover; }

.header-title {
  position: absolute;
  top: 20vh;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-weight: 100;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

#tfu-logo-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 40vh; }

.bottom-right-div {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 15px;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.75; }

.bottom-div {
  position: absolute;
  left: 50%;
  bottom: 2vh;
  z-index: 100;
  opacity: 0.6;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

@media (max-width: 767px) {
  #fullscreen {
    height: 100vh; } }

.footer {
  background-color: #faaf3a !important;
  color: #1a1a1a;
  padding: 3em 1em 2em 1em; }
  .footer a {
    color: #1a1a1a;
    font-weight: 400; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: transparent; }

.navbar {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1000;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .navbar .navbar-brand {
    font-weight: 700;
    color: white !important; }
  .navbar .navbar-brand > img {
    height: 100%;
    width: auto;
    padding: 0; }
  .navbar .navbar-collapse {
    max-height: 100vh !important; }
  .navbar ul > li.active {
    background-color: transparent !important; }
    .navbar ul > li.active a {
      color: #faaf3a !important; }
  .navbar ul > li > a {
    text-transform: uppercase;
    color: white !important; }
    .navbar ul > li > a:hover {
      color: #faaf3a !important;
      background-color: transparent; }
  .navbar .dropdown-menu {
    background-color: rgba(26, 26, 26, 0.9);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 1em;
    min-width: 75px; }
    .navbar .dropdown-menu p {
      color: #faaf3a; }
    .navbar .dropdown-menu li {
      text-align: right !important;
      color: #faaf3a; }

.navbar.active {
  background: rgba(26, 26, 26, 0.9); }

@media (max-width: 767px) {
  .navbar {
    background: rgba(26, 26, 26, 0.9); } }

#apply-background {
  background: url("../resources/images/pewpew.jpg") no-repeat center center;
  background-size: cover; }

#server-background {
  background: url("../resources/images/tanoabase.jpg") no-repeat center center;
  background-size: cover; }

#media-background {
  background: url("../resources/images/rooftop.jpg") no-repeat center center;
  background-size: cover; }

#members-background {
  background: url("../resources/images/lineup2.jpg") no-repeat center center;
  background-size: cover; }

.tfubadge {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: -10px -10px 0 0; }

.tfubadge:hover {
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 10000; }

#member_list .rank {
  font-size: 3.5rem; }
