/* HTML CSS Carousel Code GENERIC  */

#carousel_wrap /* Previously featured_wrap? */ {
	box-sizing: border-box;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;}

.carousel_label /* previously .ftrd_lbl?? */ {
	box-sizing: border-box; 
	width: 204px;
	height: 204px;
	display: inline-block;
/*	padding-right: 5px; */
    box-shadow: 1px 1px 10px #999; 
    text-align: center; 
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 20px !important;
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(160%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(160%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(160%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(160%);
	filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(160%);}

.carousel_label img /* previously .ftrd_lbl img?? */ {
	padding-bottom: 24px;}

.carousel_container /* previously .ftrd_crsl_wrapper?? */ {
	box-sizing: border-box;
    background:#EFEFEF; 
    box-shadow: 1px 1px 10px #999; 
    text-align: center; 
    position: relative;
    border-radius: 5px;
    margin-left: 15px; 
	margin-top: 10px;
    margin-bottom: 20px !important;
    min-width: 600px;
    padding-top: 5px;
	display: inline-block;
}

.carousel_horizontal_scrolling_box /* previously .ftrd_crsl_scrolls?? */ {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 230px;}

.carousel_imagediv /* previously .ftrd_crsl_imagediv?? */ {
	margin: 0;
	height: 210px;
    min-width: 600px;}

.carousel_item_container /* previously .ftrd_crsl_itm_container?? */ {
	display: inline-block;
	margin-right: 15px;
	position: relative;
}
	
.carousel_item_container img 
/* previously .ftrd_crsl_itm_container img?? */ {
/*	box-shadow: 1px 1px 10px #999; */
/*	margin: 2px; */
/*	max-height: 208px; */
height: 100%;
width: 100%;
	cursor: pointer;
	
    box-shadow: 1px 1px 10px #999; 
    text-align: center; 
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}

.carousel_item /* previously .ftrd_crsl_itm?? */ {
	height: 204px;
	width: 204px;
	position: relative;
	z-index: 2;
}

.carousel_item_text_container {
	box-sizing: border-box;
	padding: 15px;
	position: absolute;
	z-index: 3;
	left: 0;
	width: 100%;
	height: 100%;}

.carousel_item_text_container p {
	color: #ffffff;
	font-family: 'Libre Caslon';
	font-size: 1.6em;}



.carousel_main_item_title 
/* previously .ftrd_crsl_mnitm_title?? */ {
	position: absolute;
/*	top: 50px; */
	left: 0;
	width: 100%;}

.carousel_main_item_title span 
/* previously .ftrd_crsl_mnitm_title span?? */ {
	color: white;
	font: bold 18px/20px Helvetica, Sans-Serif;
	letter-spacing: -1px;
	background: rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.7);
	padding: 5px;
	line-height: 170%;}


.carousel_main_item_class_philosophy 
/* previously .ftrd_crsl_mnitm_class_blog?? */ {
	top: 95px;}

.carousel_main_item_class_podcast 
/* previously .ftrd_crsl_mnitm_class_podcast?? */ {
	top: 95px;}

.carousel_main_item_class_videos 
/* previously .ftrd_crsl_mnitm_class_videos?? */ {
	top: 50px;}

.carousel_main_item_class_writings 
/* previously .ftrd_crsl_mnitm_class_writings?? */ {
	top: 40px;}
	
.carousel_label {
	overflow: hidden;
	position: relative;}
	
.carousel_label::before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: -200%;
    left: -225%;
    background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0)); 
    background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));  
    -moz-transition: all 0.50s ease-out; 
    -o-transition: all 0.50s ease-out; 
    -webkit-transition: all 0.50s ease-out;
    -ms-transition: all 0.50s ease-out;
   	transition: all 0.50s ease-out;
}

.carousel_label:hover::before {
    top: 200%;
    left: 200%;}