@import url("https://use.typekit.net/lmd7xwk.css");

*{
	--blue: #0e4b83;
	--dk-blue: #002456;
	--green: #a1cd53;
}

.blue{
	background-color:var(--blue) !important;
	color:white;
}
.green{
	background-color:var(--green) !important;
}



body{
	font-family: acumin-pro, sans-serif;
	font-weight: 400;
	font-size:.9rem;
	min-height:100vh;
}

a{
	color:var(--blue);
}

:focus{
	outline: var(--dk-blue) auto 1px;
}

a:hover{
	color: var(--dk-blue);
}

.navbar-brand{
	min-height:50px;
	min-width:100px;
}

.nav-link{
	text-transform: uppercase;
	color:var(--blue);
}

.navbar .active> .nav-link{
	color:var(--dk-blue);
	font-weight: 700;
}

.nav-link:hover{
	color:var(--dk-blue);
}

.front-link{
	background-color:var(--blue);
	vertical-align: middle;
	text-align: center;
	width:100%;
	height:100%;
	padding-top:20px;
	padding-bottom:20px;
	color:white;
}
.front-link:hover{
	background-color:var(--dk-blue);
	color:white;
}

.home h1{
	text-align: center;
	/*margin-bottom:50px;*/
	font-weight:700;
	color:var(--blue);
	margin-top:1em;
}

.home{
	/*background-image: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.8)), url(img/techno.png);*/
	background-image: url(img/techno2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	
}

.footer{
	bottom:0;
	position:static;
}

.main:not(.home) h2, .title h2{
	font-weight:700;
	letter-spacing: .2rem;
	text-transform:uppercase;
	color:var(--blue);
}

.main:not(.home){
	padding-top:1rem;
}

.title{
	padding: 2rem;
	margin-top:4rem;
	/*min-height:10rem;*/
	text-align: center;
	/*background-image: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.8)), url(img/techno.png);*/
	background-image: url(img/techno2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left bottom;
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
	background-color:var(--blue);
}

.what div h4{
	background-color:var(--blue);
	color:white;
	padding:1rem;
	border-radius:1rem;
	font-size:1.2rem;
	height:130px;
	vertical-align: middle;
}

.peopleCard{
	/*margin-bottom:5px;*/
	/*max-height:180px;*/
	overflow:hidden;
	height:98%;
}

.peopleCard-alt{
	overflow:hidden;
	margin-bottom:5px;
}

.peopleCard .card-title{
	height:3em;
}

/*
.card-img{
	height:100%;
	overflow:hidden;
}*/

.contactIcon{
	max-width: 30px;
	float:left;
	margin-right:10px;
}

.modal-dialog{
	/*max-width:70%;*/
}

.projects a img,.culture a img,.pets a img{
	cursor: pointer;
}

.square{
	width:100%;
	position:relative;
	overflow: hidden;
	margin-bottom:1em;
}

.square:after{
	content: "";
	display:block;
	padding-bottom:100%;
}

.square-content{
	position:absolute;
	width:100%;
	height:100%;
}

.projects .img-thumbnail{
	height:100%;
	width:100%;
}

.home,.title{
	margin-top:4rem;
}

.home .col-md{
	margin: 1rem auto;
}

.tab-content{
	padding-top:1rem;
}

.projects h4 .btn-link{
	color: var(--blue);
	font-size:1.5rem;
	font-weight:500;
	line-height:1.2;
}

.projects h4 .btn-link:hover, .projects h4 .btn-link:focus{
	color:var(--dk-blue);
	text-decoration:none;
}

/*Seven Columns for People Page*/
/*@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}*/

/*@media (min-width: 992px) {
  .seven-cols .col-xl-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
  */ 
@media (min-width: 1200px) {
  .seven-cols .col-xl-2,.seven-cols .col-md-3,.seven-cols .col-sm-4,.seven-cols .col-6{
    width: 14.285714285714285714285714285714%;
    flex-basis: 14.285714285714285714285714285714%
  }
}

.culture.card-columns{
	@include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(sm) {
    column-count: 2;
  }
}

.culture .img-thumbnail{
	width:100%;
}

@media (orientation:portrait){
	#tagline{
		min-height:10em;
	}
}


@media only screen and (min-width: 801px) and (orientation:landscape) {
	body{
		padding-top:4.3rem;
	}
	.main{
		min-height:90vh;
	}
	.main .row{
		margin-bottom:1rem;
	}
	.navbar .nav-item{
		border-right: solid var(--blue) 1.5px;
	}
	.navbar .nav-item:last-child{
		border:none;
	}
	.home,.title{
		margin-top:auto;
	}
	.home{
		background-position: bottom center;
	}
	.tab-content{
		padding-top:0;
	}
}