/* Site CSS */
/* STAFF AND PEOPLE */
 .panel-card {
	 margin-bottom:20px;
}
 .vitesse {
	 font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
}
 HOMEPAGE CAROUSEL CONTROLS */
 #home .carousel-control {
	 width: 100px;
	 z-index:99;
}
 #home #breadcrumbs {
	 margin-top: 0;
}
 .multicarousel .carousel-control.left, .multicarousel .carousel-control.right {
	 width: auto;
	 background-image: none;
	 background-image: none;
	 top: 46%;
	 bottom: inherit;
}
/* HOMEPAGE STYLE RESET START */
 #home #main {
	 padding:0;
	 width:100%;
}
 #home #main > .container {
	 width: 100%;
	 padding: 0;
}
 #home #c #primary, #home #c #secondary, #home #c #tertiary {
	 padding:0 !important;
}
 #home #upper > .container {
	 width: 100%;
	 padding: 0;
}
 #home #main > .container > .row {
	 margin: 0;
}
/* END STYLE RESET */
 #home #upper {
	 background:#007a86 url(../../assets/img/homepage/home-intro-background.jpg) top center no-repeat;
	 background-size: cover;
	 color:#fff;
}
 #home #middle {
	 background: #5b87b8 url(../../assets/img/photo-banner/background7.jpg) top center no-repeat;
	 background-size: cover;
}
 @media (max-width: 992px) {
	 #home #upper {
		 height:auto;
		 padding-bottom:30px;
	}
}
 @media (max-width: 992px) {
	 #home #middle {
		 height:auto;
		 padding-bottom:30px;
	}
}
/* Setting the home page welcome section */
 #home-intro {
	 padding:60px 0;
}
 #home-intro a {
	 color:#fff;
}
 #home-intro p.lead {
	 font-size:26px;
	 line-height:1.7em;
}
 #home-intro .buttons {
	 padding-top: 10px;
}

/*instagram feed*/
 .crt-widget.crt-widget-branded {
	 padding-top: 15px;
}
 #feature-section-wrapper {
	 background:#ffc600 url(../../assets/img/homepage/featured-background-treeline.jpg) center center no-repeat;
	 background-size: cover;
	 color:#fff;
	 padding-top:20px;
	 padding-bottom:20px;
}
 #featured-student-and-research-wrapper {
	 margin-top: 30px;
	 margin-bottom:30px;
}
 #featured-student-project a {
	 color:#fff;
}
 #home #featured-alumni a {
	 color:#fff;
}
 #featured-student-project img.featured-student-project {
	 border: 2px solid #ba0c2f;
	 margin-top: -30px;
}
 #featured-alumni img {
	 margin-top:40px;
}
 .img-feature {
	 border-top: 3px solid #ba0c2f;
	 margin-bottom: 10px;
}
/* HOMEPAGE BTN BOXES */
 .box {
	 border: 3px solid #fff;
	 text-align: center;
	 padding: 15px;
}
 #actions a.btn-box {
	 display: block;
	 font-size: 1.5em;
	 text-align: center;
	 font-weight: bold;
	 margin: 20px 0;
	 padding: 10px;
}
 a.btn-box {
	 color: #fff;
	 border: 2px solid #fff;
	 display: inline-block;
	 padding: 5px 10px;
	 font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
	 margin-top:20px;
	 font-size:80%;
}
 #actions a.btn-box:hover {
	 background-color: #fff;
	 color: #c10037;
	 text-decoration: none;
}
 .banner-cell .btn-box {
	 background-color: #fff;
	 color: #c10037;
}
 .banner-cell .btn-box:hover {
	 background-color: #c10037;
	 color: #fff;
}
 .student-project-thumb {
	 margin-top:40px;
}
/* Bootstrap Clearfix */
/* Tablet */
 @media (min-width:767px){
	/* Column clear fix */
	 .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){
		 clear: none;
	}
	 .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
		 clear: left;
	}
}
/* Medium Desktop */
 @media (min-width:992px){
	/* Column clear fix */
	 .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
		 clear: none;
	}
	 .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){
		 clear: left;
	}
}
/* Large Desktop */
 @media (min-width:1200px){
	/* Column clear fix */
	 .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
		 clear: none;
	}
	 .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){
		 clear: left;
	}
}
 selector {
	 background-image: url('path/to/your/image.jpg');
}
 #home-events {
	 background-color:#d6a461 color:#fff;
	 background: #d6a461 url(../../assets/img/photo-banner/background7.jpg) bottom center no-repeat;
}
/********************************/
/*Home Events*/
/********************************/
 #home #events-wrapper {
	 background: #5b87b8 url(../../assets/img/photo-banner/background7.jpg) bottom center no-repeat;
	 background-size: cover;
	 min-height: 350px;
	 padding: 60px 0 30px;
}
 #home #events-wrapper a {
	 color:#fff;
}
/********************************/
/*Intro and Features*/
/********************************/
 #home #features {
      background-image:
    linear-gradient(to top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.75)),
    url('../../assets/img/homepage/intro-background.jpg');
    width: 100%;
    height: 700px;
    background-size: cover;
    color: white;
    padding: 20px;
}
 #features p.lead a {
	 color:#fff;
	 text-decoration:underline;
}

 #home #features .btn-default {
      background-color: transparent;
      color: black;
      font-size: 26px;
      transition: background-color 0.3s;
      border: 3px solid black;
  }
  #home #features .btn-default:hover {
      background-color: #ffc600;
      color: #000;
  }


 #home-intro .buttons .btn-default {
	 background-color: #ffc600;
	 background-color: transparent;
	 font-size: 26px;
	 transition: background-color 0.3s;
	 border: 3px solid white;
}
 #home-intro .buttons a.btn-default:hover {
	 background-color: #ffc600;
}

 #features .btn {
	 margin-top:30px;
	 background-color: #ffc600;
	 background-color: transparent;
	 font-size: 26px;
	 color: #000000;
	 transition: background-color 0.3s;
	 border: 3px solid white;
}
 #features .btn-default {
	 background-color: #ffc600;
	 background-color: #ffffff;
	 font-size: 26px;
	 transition: background-color 0.5s;
	 border: 3px solid black;
}
 #features .btn a.btn-default:hover {
	 background-color: #ffc600;
}
 #features a.btn-default:hover {
	 background-color: #ffc600;
}
@media (max-width: 640px) {
  #home #features {
    height: auto;
    min-height: 0;
    padding: 30px 15px 40px;
  }

  #home #features .btn,
  #home #features .btn-default,
  #features .btn,
  #features .btn-default {
    display: block;
    width: min(100%, 340px);
    min-height: 60px;
    margin: 16px auto;
    padding: 12px 16px;
    font-size: 22px;
    line-height: 1.2;
    white-space: normal;
    background-color: rgba(255, 255, 255, 0.75);
    color: #000;
    border: 3px solid #000;
  }
}
/********************************/
/*Events page banner*/
/********************************/
 #events #features_events {
	 background: #fff  url(../../assets/img/photo-banner/3_retreat.jpg) top center no-repeat;
	 background-size: cover;
	 color:#fff;
	 min-height: 400px;
	 padding: 90px 0 30px;
}
 #features_events p.lead a {
	 color:#fff;
	 text-decoration:underline;
}
 #features_events .buttons a.btn-default:hover {
	 background-color: #ffc600;
}

#home #features_events .buttons .btn-default {                                                                                                                                                                                                    
      background-color: white;
      color: #000;                                                                                                                                                                                                                                  
      border: 3px solid #000;                                                                                                                                                                                                                     
      font-size: 26px;                                                                                                                                                                                                                              
      transition: background-color 0.3s;                                                                                                                                                                                                          
  }
  #home #features_events .buttons a.btn-default:hover {
      background-color: #ffc600;                                                                                                                                                                                                                    
  }

/********************************/
/*People*/
/********************************/
 #people-intro {
	 background: #fff url(../../assets/img/photo-banner/people_banner.jpg) top center no-repeat;
	 background-size: cover;
	 color:#fff;
	 min-height: 400px;
	 padding: 60px 0 30px;
}
 #people-intro .buttons {
	 padding-top: 150px;
}
 #people-intro .buttons .btn-default {
	 background-color: #ffc600;
	 background-color: white;
	 font-size: 26px;
	 transition: background-color 0.3s;
	 border: 3px solid black;
}
 #people-intro .buttons a.btn-default:hover {
	 background-color: #ffc600;
}
/********************************/
/*Home page events banner*/
/********************************/
   #home #features_events {
      background: #fff;
      background-size: cover;
      min-height: 400px;
      padding: 50px 0 30px;
      background-color: transparent;
  }
  #home #features_events .btn:not(.btn-default) {
      font-size: 26px;
      color: #fff;
      transition: background-color 0.3s;
      border: 3px solid white;
      background: #000;
  }
  #home #features_events .buttons .btn-default {
      background-color: white;
      color: #000;
      border: 3px solid #000;
      font-size: 26px;
      transition: background-color 0.3s;
  }
  #home #features_events .buttons a.btn-default:hover {
      background-color: #ffc600;
  }
  .home-quote {
      color: #007a86;
      font-size: 26px;
  }