/* Overrides for the neat template */

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 .navbar .navbar-brand img {
	width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.navbar .navbar-brand img {
    	width: 100%;
    }
}


/* Initial logo size */
.navbar .navbar-brand img {
	height: 70px;
	margin: -26px 10px -10px 0;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;

}

/* Logo size on small screens */
@media (max-width: 1200px) {
	.navbar .navbar-brand img {
		height: 40px;
		margin: -10px 10px -10px 0;
	}
}


/* get parallax slider image from site_assets */
.responsive-slider-parallax .slides-container{
	background-image:url(../../site_assets/background-paralax.jpg);
}

/* Default opacity (wrong in neat?) */
[data-animate] {
    opacity: 1;
    filter: alpha(opacity=1)
}

/* Limit height on large screens */
@media (min-width: 1200px) {
  .responsive-slider-parallax .slides-container ul li .slide-body {
    height: 380px;
  }
  .responsive-slider-parallax .slides-container ul li .slide-body .caption.header {
    top: 27%;
    width: 100%;
  }
}

.team-object div.row{
	padding: 14px 28px;
}

@media (max-width: 767px) {

	.team-object{
		display: none;
	}

}

/* Heading spacing */
h3, h4 { margin-top: 40px;}


@media (max-width:1200px) {

    .navbar .nav.navbar-nav > li.active > a, .navbar .nav.navbar-nav > li.dropdown.open > a,
    .navbar .nav.navbar-nav > li > a, .navbar .nav.navbar-nav > li > a:hover {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar .navbar-brand img {
        height: 40px;
        margin: -10px 10px -10px 0;
        border: 0;
        padding: 0;
        vertical-align: top
    }

	.breadcrumbs-container, .responsive-slider-parallax {
        margin-top: 50px
    }
	
	.responsive-slider-parallax {
		padding-top: 0;
	}
}