/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}
H2 {
	font-family: uniSAHeavy;
}

H3 {
	font-family: uniSARegular;
	text-align: center;
}
p {font-family: uniSARegular;}

@font-face {
    font-family: uniSARegular;
    src: url(../fonts/UniSA_Altis-Regular.otf);
}

@font-face {
    font-family: uniSAHeavy;
    src: url(../fonts/UniSA_Altis-Heavy.otf);
}

@font-face {
    font-family: uniSALight;
    src: url(../fonts/UniSA_Altis-Light.otf);
}

@font-face {
    font-family: uniSAMedium;
    src: url(../fonts/UniSA_Altis-Medium.otf);
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 90%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
    margin-bottom:0px;
}
footer p { color:#fff;}






 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below)    
    height: 100%;*/
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 77px;
    background-color: #0052a0; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	padding-bottom: 40px;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
   /* top: 25%;  25% from the top */
    width: 100%; /* 100% width */
    width: 1170px;
    text-align: left; /* Centered text/links */
    margin:auto;
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    /*position: absolute;
    top: 20px;
    right: 45px;*/
    font-size: 18px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
} 

.hamburger {
	margin-top:10px;
}
div.hamb {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
}

.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

.navigationNew {
	width:100%; height:77px; background-color:#0052a0; position: fixed; z-index: 20000
}


ul.nav li {margin-right:25px}

@media screen and (max-width: 550px) {
	#links { display: none;}
}


@media (min-width: 768px) {
  .overlay-content {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .overlay-content {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .overlay-content {
    width: 1170px;
  }
}

@media (max-width: 800px) {
  .overlay-content {
    width: 1170px;
  }
}


@media (max-width: 800px) {
	
	#desktopOverlay {
		display:none;
	}
	#mobileOverlay {
		display:block
	}
}
@media (min-width: 801px) {
	
	#desktopOverlay {
		display:block;
	}
	#mobileOverlay {
		display:none
	}
}

.carousel-caption {

    right: 20%;
    left: 20%;
    padding-bottom: 70px;

}

/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {color:#fff;
	text-decoration: none;
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    
    color: white;
}

/* Twitter */
.fa-twitter {
    
    color: white;
}
.fa-google {

  color: white;
}

.fa-linkedin {
 
  color: white;
}

.fa-youtube {

  color: white;
}

.fa-instagram {

  color: white;
}

hr {height: 1px; border-color:#2d679e; color: #2d679e;background-color: #2d679e;margin: -1px;width:90%;
}