/* Tulane Home Page Carousel
 *		includes:
 *			1. custom responsive carousel
 *			2. custom login buttons for users
 */


/* login buttons underneath carousel
------------------------------------------------ */

	.aui .row {
		margin: 0 auto !important;
	}
	.aui .row-fluid .span {
		border-radius: 0 0 5px 5px;
		color: #fff;
		text-align: center;
	}
	div.span.tu-jumbo-login {
		background: #1e6344;
		border: 1px solid #dfdcd9;
	}
	a:hover .tu-jumbo-login h3 {
		color: #fff;
	}
 	a:hover div.span.tu-jumbo-login {
		background: #2FA160;
	}
	div.span.tu-student {
		border-left: 0px;
	}
	div.span.tu-applicant {
		border-right: 0px;
	}
	.tu-jumbo-login h3 {
		font-size: 19.5px;
		margin: 2px;
	}
@media (min-width: 1200px){
	.aui .row-fluid .tu-jumbo-login {
		width: 226px !important;
		float: left !important;
		min-height: 1px !important;
	}
	.aui .row-fluid .tu-kronos {
		width: 1130px !important;
		float: left !important;
		border-right-width: 0px !important;
		border-left-width: 0px !important;
	}
}
@media (min-width: 979px) and (max-width: 1200px){
	.aui .row-fluid .tu-jumbo-login {
		width: 180px !important;
		float: left !important;
		min-height: 1px !important;
	}
	.aui .row-fluid .tu-kronos {
		width: 900px !important;
		float: left !important;
		border-right-width: 0px !important;
		border-left-width: 0px !important;
	}
}
@media (min-width: 768px) and (max-width: 979px){
	.aui .row-fluid .tu-jumbo-login {
		width: 137px !important;
		float: left !important;
		min-height: 1px !important;
	}
	.span > h3 {
		font-size: 17.5px;
	}	
	.aui .row-fluid .tu-kronos {
		width: 685px !important;
		float: left !important;
		border-right-width: 0px !important;
		border-left-width: 0px !important;
	}
}
@media (max-width: 767px){
		div.span.tu-jumbo-login {
		border: none;
	}
}	


/* custom carousel responsive
	-------------------------------------------------- */

@media (min-width: 1200px){
	.carousel-inner {
		width: 1130px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.carousel-caption {
		margin-top: 233px;
	}
    .carousel-caption > .lead  {
    	font-size: 14px;
    }
	.carousel-control {
		margin-top: 25px !important;
		left: 43px !important;
	}
	.carousel-control.right {
		right:39px !important;
		left: auto !important;
	}
}

@media (min-width: 979px) and (max-width: 1200px) {
	.carousel-inner {
		width: 900px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.carousel-caption {
		margin-top: 164px;
		height: 158px !important;
	}
    .carousel-caption > .lead  {
    	font-size: 14px;
    }
	.carousel-control {
		width: 13px !important;
		margin-top: 20px !important;
		left: 6px !important;
	}
	.carousel-control.right{
		right: 9px !important;
		left: auto !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.carousel-inner {
		width: 685px !important;
		height: 265px !important;
	}
	.carousel-caption {
		margin-top: 88px;
	}
    .carousel-caption > .lead  {
    	font-size: 14px;
    }
	.carousel-control {
		left: -5px !important;
		margin-top: 6px !important;
	}
	.carousel-control.right{
		right: 32px !important;
		left: auto !important;
	}
}
@media (max-width: 767px){
	.carousel-caption {
		margin-top: 35px !important;
	}
    .carousel-caption > .lead  {
    	font-size: 12px !important;
    }
	.tu-social {
		margin-left: 0px!important;
	}
	.carousel-control {
		display: none;
	}
}
	
 /* boostrap carousel custom
    -------------------------------------------------- */

    /* carousel base class */
    .carousel {
      margin:-33px 0px -1px 0px !important;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

	.carousel-control {
		height: 80px;
		margin-top: 0;
		font-size: 120px;
		top: 43% !important;
		text-shadow: 0 1px 1px rgba(0,0,0,.4);
		background-color: transparent !important;
		border: 0 !important;
		z-index: 10;
	}
    .carousel .item {
      height: auto;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: auto;
    }
@media (max-width: 979px){
	.carousel img {
		height: auto !important;
	}
}   
	/* carousel caption */

	.carousel-caption {
		position: static !important;
		width: 433px;
		height: 178px;
		padding: 0 20px;	
		padding: 13px !important;
		padding-left: 30px !important;
		background: rgba(0,0,0,0.3) !important;
		zoom: 1;
		filter: alpha(opacity=40);
    }
	.carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      font-weight: 500!important;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }

    /* RESPONSIVE Carousel
    -------------------------------------------------- */
@media (min-width: 979px){
	.carousel {
		margin:-49px 40px -1px 0px !important;
	}
}

@media (max-width: 979px) {

	.container.navbar-wrapper {
	  margin-bottom: 0;
	  width: auto;
	}
	.navbar-inner {
	  border-radius: 0;
	  margin: -20px 0;
	}
	.carousel .item {
	  height: 418px;
	}
	.carousel img {
	  width: auto;
	  height: 500px;
	}
}
@media (max-width: 767px) {

	.navbar-inner {
	  margin: -20px;
	}
	.carousel {
	  margin-left: -20px;
	  margin-right: -20px;
	}
	.carousel .item {
	  height: auto;
	  padding-top: 54px;
	}
	.carousel img {
	  height: 300px;
	}
	.carousel-caption {
	  width: auto;
	  height: auto;
	  padding: 0 70px;
	  margin-top: auto !important;
	}
	.carousel-caption h1 {
	  font-size: 30px;
	}
	.carousel-caption .lead,
	.carousel-caption .btn {
	  font-size: 18px;
	}
}
@media (max-width: 572px){
	.carousel-caption{
		display: none !important;
	}
	.carousel{
		height: 150px;
	}
	.carousel-inner{
		height: 150px;
	}
}
@media (max-width: 485px){
	.carousel img{
		height: 300px !important;
}
}
@media (max-width: 350px){
	.carousel img{
		height: 130px!important;
	}
	.carousel{
		height: 130px;
	}
}