/*

Theme Name: AVL-2018
Author: Jasmine Shih & Dawn Anh Nguyen
Based on original theme created by Madelin Woods & Jeff Carpenter
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: elegant, cinematic
Text Domain: AVL-2018
Version: 2

*/

/* ----- GLOBAL ----- */

.tabs {
	width: auto !important;
}

/*body {margin:0;
background-color:#2d2d2d;
overflow: hidden;}

box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.topnav{
	z-index: 1000;
	overflow: hidden;
  	background-color: #41395d; 
	display: block;
	padding-left:10px;
	height: 82px;
	width: inherit;
}

.topnav ul{list-style:none;
	
}
.topnav ul li{float:left;

margin-top:-10px;	
}
.topnav ul li a{float:left;
position:relative;
  color: white;
  text-align: center;
  padding: 27px 16px;
  text-decoration: none;
  cursor: pointer;
 font-family: 'Montserrat', sans-serif;	
	font-size: 15px;	
	font-weight: bold;		
	letter-spacing: 1px;
}
.topnav ul li a:before{
	 content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #B57821;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
	
}
.topnav ul li a:hover:before,
.topnav ul li a:focus:before{
	visibility: visible;
  transform: scaleX(1);
}
.active a:before{
	position: absolute;
	width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  visibility: visible;
  border-radius: 5px;
	background: #B57821;
}

.topnav ul li:hover .children{

display:block;

}
.topnav ul li .children{
	display:none;
	position:absolute;
	background-color:rgba(53,45,82,0.7);
	
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
	left:0px;
	width: 400px;
	height: 100%;
	z-index:1000;
	margin-top:72px;
}
.topnav ul li .children span {display:none;}

.topnav ul li .children li{
	display:block;
	width:100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	position:relative;
	margin-top:50px;
	list-style:none;
}
.topnav ul li .children li a{text-align:center;
	margin-left:60px;
}
.topnav .icon {
  display: none;
}

.topnav .icons{
	float:right;
	display:block;
	padding-right: 60px;
	margin-top:-5px;	
}

.videoContainerMod {
    position: fixed;
    padding: 2em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.videoContainerMod video {
    max-width: 95%;
	width: auto;
	height: auto;
    position: static;
    z-index: 1;
    overflow: hidden;	
}

.videoContainer {
    position: fixed;
    padding: 2em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    overflow: hidden;	 
}

.videoContainer video {
    max-width: 100%;
	width: auto;
	height: auto;
    position: static;
    z-index: 1;
    overflow: hidden;	
}

.videoContainer .overlay {
    height: 100%;
    width: 100%;
	min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0px;
	bottom:140px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
}

.iframe-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height:0;
  max-width: 100%; 
}

.iframe-container iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

// 4x3 Aspect Ratio 
.iframe-container-4x3 {
  padding-top: 75%;
}*/

/*@media screen and (max-width: 600px) {
  .topnav a {display: none;}
  .topnav .icons{display:none;}
 	
  .topnav a.icon {
    float: right;
	display: block;
  }
}

@media screen and (max-width: 600px) {
.topnav ul li:hover .children{display:none;}
.topnav ul li .children {display:none;}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: relative;
    right: 0;
    top: 0;
  }
  .topnav.responsive li {
    float: none;
    display: block;
    text-align: left;
  }
 .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .footer{
  	 transform: scale(3,3);
	 margin-bottom:-30px;
  }
}


.footer{
    background-color: #2d2d2d;
    position: fixed;
    bottom: 0;
    height: 80px;
    width: 100%;
    z-index: 3;
}
.footer .logos{
	text-align:center;
	margin-top: 15px;
	
}
.footer h1{

	text-align: center;
	color: #aaa;	
	font-family: Montserrat;	
	font-size: 10px;	
	
	margin-left: 500px;
	margin-right: 500px;
	
	line-height:15px;
	hyphens: none;
	
}
.footer h1 p{
	text-align: center;
	line-width:700px;
	hyphens: none;
	font-weight: lighter;
}
@keyframes hover-v {
  0% {
      transform: scaleX(0);
      height: 5px;
     }
  45% {   
      transform: scaleX(1.05);
      height: 5px;
     }
  55% {height: 5px;}
  100% {
      transform: scaleX(1.05);
      height: 3.8rem;
     }
}
@keyframes no-hover-v {
  0% {
      transform: scaleX(1.05);
      height: 3.8rem;
     }
  45% {height: 5px;}
  55% {   
      transform: scaleX(1.05);
      height: 5px;
      opacity: 1;
     }
  
  100% {
      transform: scaleX(0);
      height: 5px;
      opacity: .02;
     }
}*/