/*
 *
 * Dungeon Crusher: Soul Hunters stylesheet defenition
 * (C)2021 Towards Mars Limited. All Rights reserved.
 *
 */

#nav_logo {
    background-image: url('../images/common/nav-logo-en.png') no-repeat;
    height: 70px;
}

#bottom_menu {
    background-image: url('../images/common/bottom-menu-back.png');
    height: 70px;
}

#game_container {
    width: 100%;
    height: 100%;
    background-color: #000 !important;
}

#game_container canvas {
    width: 100%; 
    height: 100%;
    background-color: #000 !important;
}

html,
body {
    font-size:  14px;
    font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
}


.cover-container {
  background-color: #272527;
  background: linear-gradient(180deg, #272527 0%, #3b3b3b 100%);
}


.app-store-badge {
    background-image: url('../images/common/app-store-badge-ru.png');
    height: 45px;
    width: 158px;
    user-select: none;
}

.footer-my {
    min-width: 1000px;
    width: 1000px;
}

.webgl-content {
    position: relative; 
    min-width: 1000px;
    width: 1000px;
    height: 640px;
    background-color: #000;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
}

.webgl-content .logo,
.progress {
    background-color: #000;
    position: absolute; 
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}

.webgl-content .logo {
    align: center;
    background: url('../images/common/loading-4.jpg') no-repeat center / contain;
    width: 100%;
    height: 100%;
}

.webgl-content .loadingInfo {
    background-color: #000;
	color: #fff;
    letter-spacing: 1px;
    position: absolute;
    width: 100%;
    font-family: sans-serif;
    text-align: center;
    top: 50%;
    font-size: 11px;
    font-weight: 500;
    margin-top: 235px !important;
    text-shadow: 0px 0px 5px #000;
}

.webgl-content .progress {
    background-color: #000;
    height: 10px;
    width: 120px;
    margin-top: 265px;
    visibility: hidden;
}

.webgl-content .progress .empty {
    background: url('../images/common/progress-empty.png') no-repeat right / cover;
    width: 100%;
    height: 10px;
}

.webgl-content .progress .full {
    background: url('../images/common/progress-full.png') no-repeat left / cover;
    width: 0%;
    height: 10px;
}

/*
 * Header
 */

.bottom-nav-link {
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
}

.bottom-nav-link:visited {
  color: #fff;
  opacity: 0.7;
  text-decoration: none;
}

.bottom-nav-link:hover,
.bottom-nav-link:focus {
  color: #fff;
  opacity: 1;
}


.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}