/* ----- Final override in the CSS stack ----- */
html, body{
	font-size: 16px;
	height: 100%;
	
}
footer { background: #222222; color: #fff; }
footer .container:before { content: none; }
.pagesub { background: #f4f4f4; border-top: 5px #9e1f63 solid;}

/* ----- Live Layout ----- */
.live-layout {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

/* ----- */

.arena-modal.arena-modal-overlay { overflow-y: hidden; }
[href^='https://arena.im'] { display: none !important; }
.disable-arena-kebab .chat-room--chat--header--menu--container {
	display: none !important;
}

.vertical-center {
	min-height: 75%;  /* Fallback for vh unit */
	min-height: 75vh; 
	/* Make it a flex container */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	
	/* Align the bootstrap's container vertically */
	  -webkit-box-align : center;
	-webkit-align-items : center;
		 -moz-box-align : center;
		 -ms-flex-align : center;
			align-items : center;
	
	width: 100%;
		   -webkit-box-pack : center;
			  -moz-box-pack : center;
			  -ms-flex-pack : center;
	-webkit-justify-content : center;
			justify-content : center;
  }
 #navbarSupportedContent .nav-link{ 
	padding-top:2px;
	padding-bottom: 2px;
	border-left:1px transparent solid; 
	border-top:1px transparent solid; 
	border-right:1px transparent solid; 
	border-bottom:1px transparent solid; 
}
.active .nav-link{ background:#9E1F63; color:#fff;}
#navbarSupportedContent .active .nav-link{ 
	background:#fff; 
	padding-top:2px;
	padding-bottom: 2px;
	border-left:1px #9E1F63 solid; 
	border-top:1px #9E1F63 solid; 
	border-right:1px #9E1F63 solid; 
	border-bottom:1px #9E1F63 solid; 
	color:#9E1F63;
}

/* TOP BAR
/* ========================================================================== */

.ae-topbar { font-size: 0.8rem; }
.ae-topbar a { color: white; display: inline-block; line-height: 25px; margin-left: 10px; }
.ae-topbar a:first-child { margin-left: 0; }
.ae-topbar img { height: 25px; vertical-align: bottom; }
@media (min-width: 400px) {
	.ae-topbar a { line-height: 30px; }
	.ae-topbar img { height: 30px; }
}

.effect7 {
	position: relative;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.effect6 {
	position: relative;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before,
.effect6:after {
	content: "";
	position: absolute;
	z-index: -1;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 100px / 10px;
}

.effect6:after {
	right: 10px;
	left: auto;
	transform: skew(8deg) rotate(3deg);
}

#loginSection {
	box-sizing: border-box;
	padding: 20px 0px 0px 15px;
}

#loginSection .col-md-8 {
	border: 1px solid #e2e2e2;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.navbar {
	padding-top: 20px; 
	padding-bottom:10px; 
	background:white;
	border-bottom: 1px solid #f4f4f4;
}

/* Navbar
/* ========================================================================== */
#nav-primary { background: linear-gradient(#e5e5e5, white); padding: 20px 0; }
#nav-primary a { line-height: 40px; }
/* Nav links
/* ========================================================================== */
.navbar-trans {
	background: transparent; 
}
.navbar-trans {
    padding-top: 5px;
    padding-bottom: 5px;
}
.nav-link {
  position: relative;
  padding: .5rem 0 .5rem 0;
  font-weight: 500;
  color: #9E1F63;
  border-radius:2px;
}

.card-footer-home { background: transparent; border-top: none; padding-top: 20px; padding-bottom: 20px; }

.card-block-spark { color: white; background: rgba(0, 0, 0, 0.5); width: 100%; }
.background-cover { background-size: cover; background-position: center center; }

.form-ch { background: white; }

 #section1, #section3 {
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-family: 'Bitter', serif;
}

/* Video
================================================= */
@media (min-aspect-ratio: 16/9) {
  .fullscreen-video {
    width: 200%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-video {
    width: auto;
    height: 140%;
  }
}
/* media mobile first 
================================================== */
@media (min-width:640px){
	.page{
		background-position: 0 0px;
		background-size: 100%;
	}
}
@media (min-width:990px){
	.page{
		    background-position: 0 -127px;
    		background-size: 100%;
	}
}
@media (min-width:1199px){
	.page{
		    background-position: 0 0;
    		background-size: cover;
	}
}

@media ( min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 759px) {
	.card-stack-md { display: block; }
	.card-stack-md .card { display: block; }
	.card-stack-md .card:not(:last-child),F
	.card-stack-md .card:not(:first-child) {
		margin: 5px 0;
	}
	.orga-stru i {
    font-size: 92px;
    }
    .orga-stru {
    padding: 5px 5px 15px 5px;
    width: 75px;
    margin-bottom: 20px;
    }
    .orga-stru h3 {
    font-size: 28px;
    }
    .orga-stru p {
    font-size: 13px;
    }

	.topbarNav {
		display: none;
	}
	#togNav {
		display: block;
	}
	#aeLogo {
		width: 230px !important;
	}
	navbar {
		padding-bottom: 20px;
	}
}

@media (max-width: 575px) {
.mContainer {
		margin-right: 0px;
		margin-left: 0px;
	}
	.tel {
		display: block;
	}

	.humBeg {
	background-image: none !important;
	}
	#aeLogo {
		width: 230px !important;
	}
	
}


@media (max-width: 991px) {
	.card-stack-lg { display: block; }
	.card-stack-lg .card { display: block; }
	.card-stack-lg .card:not(:last-child),
	.card-stack-lg .card:not(:first-child) {
		margin: 5px 0;
	}
	.topbarNav {
		display: none;
	}
	#togNav {
		display: block;
	}
	#loginSection {
		padding: 15px;
	}

	#loginSection .col-md-8 {
		border: 0px
	}
	#loginSection input, button {
		width: 100%;
	}
}

.eventHeader {
	height: 220px;
	display: block;
	background-image: url('../images/banner-background.jpg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size:cover;
	width: 100%;
}

.header-overlay {
	width: 720px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.buttonGroup .btn {
	width: 200px;
}

.textcolor-gray { color: #646566; }