/* Site CSS */

/**** Restyle top toolbars ****/
#header {
    padding: 0;
    background-color: rgba(51, 51, 51,.8);
    width: 100%;
    top: 32px;
    z-index: 1;
}

#logo {margin-top:100px;}

.navbar-unm .navbar-brand {
    box-shadow: 0 0;
    height: 70px;
}

#top-nav a:hover {
    background-color: #fff;
    color: #ba0c2f;
}
nav#top-nav {
    font-weight: bold;
}

#top-nav a {
    color: #fff;
    padding: 8px 15px;
}



#home #upper {
  background-color:#ba0c2f;
  color:#fff;
     padding: 30px 0 8px 0;

}



 #hero {
     background:#ccc url(../../assets/img/architecture-banner.jpg) center center no-repeat; 
     background-size:cover;
    height: 250px;
 }

#home #hero {background:#d6d6d6 url(../../assets/img/architecture-banner.jpg) center center no-repeat; background-size:cover; height: 450px;}

/*Need to add overly to background so title shows up*/
#hero::before{
    position:absolute;
    width:100%;
    height: 250px;
    background:rgba(0,0,0,.4);
    z-index:0;
    content:'';
}

#home #hero::before{
    position:absolute;
    width:100%;
    height: 450px;
    background:rgba(0,0,0,.4);
    z-index:0;
    content:'';
}

.theader1 {
    background-color: #ba0c2f;
    color: #fff;
}
.theader2 {
    background-color: #9d9d9d;
    color: #fff;
}
.tfooter {
    background-color: #000;
    color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #ba0c2f;
}

.img-ol {
    border: #fff solid 3px;
}



#nav {
    background-color: #63666a;
    color: #fff;
}
#nav .nav>li>a {
    color: #fff;
}
#nav .nav>li>a:hover {
    color: #ba0c2f;
}
#nav .nav .open>a,#nav .nav .open>a:hover,#nav .nav .open>a:focus {
    color:#ba0c2f;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #ba0c2f;
}

.callout {margin-bottom:30px;}
.callout h2 {margin:0;}

/********************************/
/*          Panel cards         */
/********************************/
.panel-card {
    position: relative;
    border: none;
    overflow: hidden;
    text-align:center;
    margin-bottom:30px;
}
/**** faculty ****/
.faculty-name {margin-top: 0px;}
.faculty-title {font-size: 16px;}
.faculty-top h1, .faculty-top h2 {margin-top: 0px; }
.faculty-tabs {margin-top: 30px;}
.faculty-img.saap {border-radius: 50%; border: 5px solid #ba0c2f;}
.faculty-img.architecture {border-radius: 50%; border: 5px solid #8a387c; }
.faculty-img.landscape {border-radius: 50%; border: 5px solid #a8aa19; }
.faculty-img.crp {border-radius: 50%; border: 5px solid #ffc600; }




/********************************/
/*      Homepage Gallery        */
/********************************/
 #home #lower { border:0; background-color:#fff;}
 #home #lower > .container {
    width: 100%;
    padding: 0;
}

#homepage-gallery {
	width: 100%;
	padding-bottom: 30px;
}

div#gallery-header {
    background: #ba0c2f;
    background: linear-gradient(90deg, #ba0c2f 50%, #fff 50%);
    border-bottom:3px solid #ba0c2f;
}

#gallery-header h2 {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    z-index: 0;
    position: relative;
    width: 100%;
}
#gallery-header h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg,#ba0c2f 60%,#ffffff 60%);
    z-index: -1;
}

@media only screen and (min-width : 480px) {
.masonry .item, .masonry .grid-sizer {
	width: 100%;
	margin-bottom: 0px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.masonry .item, .masonry .grid-sizer {
	width: 50%;
	margin-bottom: 0px;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.masonry .item, .masonry .grid-sizer {
	width: 33.333%;
	margin-bottom: 0px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.masonry .item, .masonry .grid-sizer {
	width: 25%;
	margin-bottom: 0px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.masonry .item, .masonry .grid-sizer {
	width: 20%;
	margin-bottom: 0px;
}
}

.gutter-sizer {
	width: 0;
}
.masonry .item img {
	width: 100%;
	background-color: #ffffff;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}
.masonry .item img:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}




/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}