/**
*
* Galleries
*		*- custom styling for captions on bootrstrap carousel
*
*/
/**
bootstrap carousel custom caption styling
default styling:
*	- blue box positioned to the left at full screen width
*	- - original box background color #05385a; changed to Aggie Blue #003359 (this is not the real Aggie Blue)
*	- - current block color for the real aggie blue #0f2439;
* 		Updated block color for real aggie blue is rgba(15, 36, 57, 0.75); 
*	- box goes the width of the content
*	- @ 600px wide, the caption box goes to the bottom of the gallery and goes full width of the gallery
*/


/* default styling */

.hide-bread .main-content .breadcrumbs .fa-home {
	display: none;
}

.carousel-row {
	margin-top: 0em !important;
}

.carousel .item .carousel-caption {
	background-image: none;
	background-color: rgba(15, 36, 57, 0.75);
	display: inline-block;
	margin: 0 0 5px 0;
	min-height: 175px;
	overflow: hidden;
	padding: 18px 0 26px 18px;
	text-align: left;
	width: 30%;
}


/* image in carousel should take up full width */
.carousel-row > .carousel-inner > .item > a > img {
	width: 100%;
}

.carousel .item .carousel-caption div {
	margin: 0;
	height: 100%;
	padding: 0;
}

.carousel .item .carousel-caption h1 {
	font-size: 3.5em;
	font-weight: 1000;
	font-family: arial,helvetica,sans-serif;
	margin: 0 0 5px 0;
}

.carousel .item .carousel-caption p {
	letter-spacing: 1px;
	margin: 0 0 2px 0;
	font-size: 1.6em;
	font-weight: 600;
}


/* custom styling for all slides */

.carousel .item-1 .carousel-caption,
.carousel .item-2 .carousel-caption, 
.carousel .item-3 .carousel-caption, 
.carousel .item-4 .carousel-caption,
.carousel .item-5 .carousel-caption,
.carousel .item-6 .carousel-caption {
	background-color: rgba(15, 36, 57, 0.75);
	right: 0;
	color: #fff;
}

/* custom styling for individual Carousel/ Rotating banner slides */

/* 1 slide   */
.carousel .item-1 .carousel-caption {
	right: auto;
	left: 15px;
	top: 10%;
	bottom: 55%;
}

/* 2 slide */
.carousel .item-2 .carousel-caption {
	right: auto;
	left: 15px;
	top: 10%;
	bottom: 55%;
}

/* 3 slide */
.carousel .item-3 .carousel-caption {
	left: auto;
	right: 15px;
	top: 60%;
	bottom: 5%;
}

/* 4 slide */
.carousel .item-4 .carousel-caption {
	right: auto;
	left: 15px;
	top: 10%;
	bottom: 40%;
}

/* 5 slide */
.carousel .item-5 .carousel-caption {
	left: 15px;
	right: auto;
	top: 10%;
	bottom: 55%;
}

/* 6 slide */
.carousel .item-6 .carousel-caption {
	right: auto;
	left: 15px;
	top: 10%;
	bottom: 55%;
}


/* Media Querys */
/*   */
@media only screen and (max-width: 1400px) {
	.carousel .item .carousel-caption h1 {
		font-size: 2.5em;
	}
	.carousel .item .carousel-caption p { 
		font-size: 1.4em;
	}


}

@media only screen and (max-width: 1200px) {
	.carousel .item .carousel-caption {
		top: 70%;
		height: 100%;
		width: 100%;
		left: 0;
	}

}

/* Large Devices such as laptops and destops and larger   */
@media only screen and (max-width: 992px) {

}

/* Medium Devices such as tablets and  */
/* @media (max-width: 770px)  */
@media only screen and (max-width: 768px) {

	.carousel .item .carousel-caption h1 {
		font-size: 1.6em;
		margin: 0;
	}
	.carousel .item .carousel-caption p {
		font-size: 0.9em;
		margin: 0;
	}

}

/* Small Devices  */
@media only screen and (max-width: 600px) {

}

/* Extra Small Devices */
@media only screen and (max-width: 600px) {
	.carousel .item .carousel-caption {
		top: 55%;
	}
	.carousel .item .carousel-caption h1 {
		font-size: 1em;
	}
	.carousel .item .carousel-caption p {
		font-size: 0.7em;
	}

}