/*CAROUSEL CUSTOM & SECONDARY OVERIDES on HOME with thumbnails */
/* BASIC CAROUSEL OVERRIDES FROM BOOTSTRAP */


/* CAROUSEL - CUSTOM  THUMBNAIL INDICATORS  MAIN SLIDER ON HOME PAGE */
#carousel-custom 			{    width: 			100%;}
#carousel-custom 
.carousel-indicators 		{	margin: 			0px;
    							overflow: 			auto;
    							position: 			static;
    							white-space: 		nowrap;
								width: 				100%;}
#carousel-custom 
.carousel-indicators li 	{	background-color: 	transparent;
								-webkit-border-radius: 0;
    							border-radius: 		0;
								display: 			inline-block;
								height: 			auto;
								margin: 			0 !important;
								width: 				auto;}
#carousel-custom 
.carousel-indicators 
li img 						{	display: 			block;
    							opacity: 			0.5;
}
#carousel-custom 
.carousel-indicators 
li.active img 				{	opacity: 			1;
}
#carousel-custom 
.carousel-indicators 
li:hover img 				{	opacity: 			0.75;
}

/* Moves control zone up out of caption */
.left carousel-control{ 		position: 			absolute;
							  	top: 				0;
								bottom: 			625px;
								left: 				0;
}

.carousel a:link			{	color: 				white;
								text-decoration: 	underline;}
.carousel a:visited 		{	color: 				var(--ohng-light-gray);}
.carousel a:hover 			{	color: 				var(--ohng-gold);
							 	text-decoration: 	underline;}
.carousel a:active 			{	color: 				var(--ohng-gold);}	
	
/* Removes thumbnails on all media less than full screen at 1200px */
@media screen and 			(	max-width: 			1199px) 
{#carousel-custom #thumbnails{	display: 			none;
}
 #carousel 
.carousel-indicators 		{	display: 			none;}
}

/* MOVE CHEVRONS ON ALL CAROUSELS TO TOP */
.carousel-control 
.glyphicon-chevron-left 	{	top: 				10% !Important;
}
.carousel-control 
.glyphicon-chevron-right	{	top: 				10% !Important;
}
/* from mystyles */
.carousel-control 			{ 	bottom: 			20% !Important;
}
.carousel-control 			{	position: 			absolute;
    							top: 				0;
    							bottom: 			0;
    							left: 				0;
    							width: 				5%;
/*moves control off text	*/	height: 			75%;
    							font-size: 			20px;
    							color: 				white;
    							text-align: 		center;
    							text-shadow: 		none; /*var(--ohng-dark-gray);*/
    							background-color: 	none;
    							filter: 			alpha(opacity=50);
    							opacity: 			.5;
							}
/* Turn off gradient on controls */
.carousel-control.left {		background-image: 	none;
}
.carousel-control.right {		background-image: 	none;
}

/* CAROUSEL CUTLINES - */
.carousel-outer 			{	position: 			relative;}
.carousel-caption 			{	background-color: 	black; 
								position: 			static; 
								padding: 			20px;
								text-align: 		left;}



/* WHITE BACKGROUND CAPTIONS -- Links inside carousels on white backgrounds */	
.white-carousel-caption 	{	background-color: 	black; 
								position: 			static; 
								padding: 			20px;
								text-align: 		left;
								width: 				100%;
							}
.white-carousel	a:link		{	color: 				white;
								text-decoration: 	underline;}
.white-carousel a:visited 	{	color: 				var(--ohng-light-gray);}
.white-carousel a:hover 	{	color: 				var(--ohng-gold);
							 	text-decoration: 	underline;}
.white-carousel a:active 	{	color: 				var(--ohng-gold);}	
.white-carousel
.carousel-control-left 		{	background-image: 	none;}
.white-carousel		
.carousel-control-right 	{	background-image: 	none;}
.white-carousel-indicators 	{	display: 			none;}

/* Number text (1/3 etc) */
.numbertext 				{  	color: 				white;
  								font-size: 			12px;
  								padding: 			8px 12px;
  								position: 			absolute;
  								top: 				0;}