/*Size Transitions*/

@media (min-width: 992px) {
  body {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {

	.title_gallery{
		display:none;
	}
	
	.sidenav{
		top:120px;
	}
	
}
@media only screen and (max-width:992px) {
	
	#download-center{
		display:block;
	}
	
	.map-size{
		font-size:10px
	}
		
	.map-name{
		font-size:14px
	}
	
    .titleVideo-overlayhold{
		display:none;
	}
	
	.titleVideo-TopContent{
		display:none;
	}
	
	.vid-placeholder{
		display:none;
	}
	
	.collapse-shrink-disable{
		cursor: not-allowed;
		text-decoration: line-through;
	}
	.card-link-shrink-disable{
		pointer-events: none;
		cursor: not-allowed;
		color:red;
	}
}

/*Base Site (Containers, Body, Tabs, Navbar, Background)*/

body {
  padding-top: 0px;
  padding-top: 0px;
}

small{
	display:inline-block;
}

.evolved-title-div{
	box-shadow: 3px 3px 5px grey;
	border-radius: 0px;
	background-image: linear-gradient(to bottom, #872020 0%,rgb(31, 31, 31) 44%,#872020 100%);
}

.evolved-title-div2{
	border-radius: 0px;
	background-image: linear-gradient(to bottom, rgba(32,32,32,0.12) 0%,rgba(200,200,200,0.4) 44%,rgba(32,32,32,0.12) 100%);
}

.ev-title-text{
	margin-top:1em;
	padding-bottom:40px;
	font-weight:600;
}

.evolved-title {
	font-size:24px;
	color:white;
}

.evolved-main-div{
	padding-top:1px;
	background-color:rgb(0, 0, 0);
}

@font-face {
    font-family: "Hacked";
    src: url(../fonts/HACKED.ttf) format("truetype");
}

.playpausebtn{
	border: 2px solid #4c4c4c;
	cursor:pointer;
}

.evolved-video-border{
	border: 1px solid #4c4c4c;
}

.bg-darkgold{
	background-color:black;
	box-shadow: inset 0 0 8px #505050;
}

.evolved-download-style{
	background-color:transparent;
	border: 1px solid #4c4c4c;
}

.dropdown-menu {
	background-color:#000000;
}

.dropdown-item.active, .dropdown-item:active {
	background-color:#680000;
}

#largefooter{
	background-color:black;
}

.accordion-dark{
	background-color:black;
	color:#c6c6c6;
}

.sidebar-left{
	background-image: url(../img/evolved/te3_sidebar1.webp);
	background-color:#ff2511;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: left top;
	display:block;
	left:0;
	float:left;
	max-width:50%;
	width:50%;
	height:500vh;
	overflow:hidden;
}
.sidebar-right{
	background-image: url(../img/evolved/te3_sidebar2.webp);
	background-color:#ff2511;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: right top;
	display:block;
	right:0;
	float:right;
	max-width:50%;
	width:50%;
	height:500vh;
	overflow:hidden;
}

.sidebar-row {
	z-index:-5;
	position:fixed;
	max-width:100%;
	width:100%;
	max-height:100%;
	display:flex;
	overflow:hidden;
}

.dev-vid-caption {
	position: relative;
	z-index: 10;
	max-height:40vh;
	height:40vh;
	padding-top: 15px;
	color: white;
	background-color: inherit;
	text-align: left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.dev-vid-control {
	top:20vh;
	bottom:40vh;
	width: 10%;
}

/*Overrides Tabs in Main*/
.tab-pane.active.show{
	padding:10px;
	display:block;
	min-height:40em;
	background: linear-gradient(to bottom, rgba(135,32,32,0.8) 0%,rgba(0,0,0,0) 100%);
}

/*Maps*/

.map-container{
	width:100%;
	max-height:25em;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

.map-img-container{
	display: table;
}

.map-img{
	width:100%;
	display: table-row;
	position:relative;
}

.map-name{
	color:white;
	float:left;
	width:100%;
	font-size:2vw;
}

.map-size{
	color:white;
	float:right;
	width:100%;
	font-size:1vw;
}

.map-height{
	max-height:100%;
	height:100%;
}

.map-row{
	position:relative;
	background-color:rgba(165, 2, 0, 0.3);
	z-index:5;
	max-width: 90%;
	width:90%;
	left:50%;
	transform: translate(-50%, 50%);
	max-height:20%;
	text-align: center;
	color: white;
	overflow:hidden;
	padding:5px;
	bottom:10vw;
}

.map-story{
	width:100%;
	font-size:1.2em;
	padding:10px;
	float:right;
	color:white;
}

.map-border{
	border:1px solid black;
	padding:5px;
}

/*Buttons*/

.download_btn {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 5px #999;
}

.download_btn:hover {background-color: #3e8e41}

.download_btn:active {
  background-color: #3e8e41;
  box-shadow: 0 2px #888;
  transform: translateY(3px);
}

.hideshowoverlaybtn{
	padding:0;
	margin:0;
	min-width:100%;
	font-size:10px;
	border-radius:0;
	background-color: rgba(0, 0, 0, 0.5);
	color:white;
	border:transparent;
	position: absolute;
	bottom:0px;
	left:0px;
	display:block;
}

/*Versions*/

.ea_bottombar {
    max-width: 100%;
	min-width: 100%;
    position: fixed;
    z-index: 1;
	bottom:0;
    left: 0;
    background: rgba(255,255,255,0.8);
    padding: 8px 0;
	color:red;
	display: block;
}

.ea_bottombar a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
	font-size: 2.5vh;
    display: block;
}

.ea_bottombar a:hover {
    color: #064579;
}

.ea_index{
	color:red;
	font-weight:500;
	font-style:italic;
}

/*Cards*/

.flip {
	position: static;
	text-align: center;
}

.flip .card.flipped {
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
}

.flip .card .back {
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
	height:100%;
	width:100%;
}

.flip .card {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.3s;
    transform-style: preserve-3d;
    transition: 0.3s;
	background-color: #fff;
}

.flip .card .face {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 2;
}

.flip .card .front {
	position: absolute;
	z-index: 1;
	height:100%;
	width:100%;
}

.inner{margin:0px !important;}

.zombie-card-header {
	color:black;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	font-family: "Hacked";
}

.card-text-zombies:last-child {
	color:rgba(200,20,20,0.8);
	margin-bottom: 0;
}

.card-title-zombies {
	color:rgba(200,20,20,0.8);
	margin-bottom: 0.75rem;
}

.card-data{
	border-top:1px solid #17a2b8;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	color:black;
	background-color: rgba(0, 0, 0, 0.03);
}

.card-data-weapon_1{
	border-top:1px solid #17a2b8;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	color:black;
	background-color: rgba(0, 200, 0, 0.5);
}

.card-data-weapon_2{
	border-top:1px solid #17a2b8;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	color:black;
	background-color: rgba(50, 200, 255, 0.5);
}

.card-data-secondary{
	border-top:1px solid #17a2b8;
	padding: 0.75rem 1.25rem;
	color:black;
	margin-bottom: 0;
}

.card-body-zombies {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  min-height: 14rem;
}

.card-link-evolved{
	color:#e80000;
}

.card-link-evolved:hover{
	color:#cc0000;
}

.card-body-weapons {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  min-height: 8rem;
  background-color:white;
}