/* CSS Document */

.jumbo {background-color: #c00; padding: 20px; height: 300px; margin-bottom: 30px;}
#fidelity {float: left; width: 42%; margin-left: 20px; padding-top: 20px;}
.fid_logo {width: 400px;}
#fidelity h2, #fidelity h1 {color: white;}
#fidelity h2 {font-family: "UniversLight";}
#fidelity h1 {margin: 0;}
.carousel {width: 50%; float: left; padding-left: 25px;}
#speaker_container {width: 100%;}
#speaker_container .profile {height: 250px; float: left; margin-right: 15px;}
#speaker_info {float: left; max-width: 320px;}
.carousel-control {opacity: 1; text-shadow: none; top: -20px; height: 300px; width: 100px; z-index: 1000; margin: 0 -80px 0 -50px;}
.subtitle {color: white; margin-top: 0;}
.name {color: white; margin: 10px 0 0;}
.from {color: white; margin-top: 0; width: 320px;}
.date {margin: 10px 0 0;}
.time {margin-top: 0;}
.in {text-transform: lowercase;}
.topic {color: white; text-transform: capitalize; word-wrap: break-word;}
.read_more {color: white; margin: 0; font-weight: normal; font-size: 12px;}
a .read_more:hover {color: #ccc;}

.datetime_container {
	color: #FAC800;
}

@media (max-width: 1200px) {
	.jumbo {height: 250px;}
	#fidelity {width: 35%;}
	.fid_logo {width: 300px;}
	#fidelity h2 {font-size: 24px;}
	#fidelity h1 {font-size: 36px;}
	.carousel {width: 62%;}
	#speaker_container .profile {height: 200px;}
	#speaker_info {width: auto;}
	#speaker_info hr {margin-bottom: 0;}
	.name, .date, .topic {margin-top: 2px;}
	.from, .time, .topic {margin-bottom: 2px;}
	.carousel-control {height: 250px; margin-right: -50px;}
}

@media (max-width: 992px) {
	.jumbo {height: 220px;}
	#fidelity {width: 32%; margin-left: 0;}
	.fid_logo {width: 200px;}
	#fidelity h2 {font-size: 18px;}
	#fidelity h1 {font-size: 26px;}
	.carousel {width: 67%;}
	#speaker_container .profile {height: 175px;}
	#speaker_info {max-width: 300px;}
	.carousel .glyphicon {font-size: 20px;}
	.carousel-control {height: 220px; margin-right: -70px; margin-left: -40px;}
	.subtitle, .name, .date {font-size: 18px;}
	.from {font-size: 12px; width: 280px;}
	.time {font-size: 14px;}
	.topic {margin-top: 0; font-size: 12px;}
}


@media (max-width: 767px) {
	.jumbo {clear: both;}
	#fidelity {display: none;}
	.carousel {width: 100%;}
	.carousel .glyphicon-left-arrow {margin-left: -20px;}
	#speaker_container {width: 475px; margin: 0 auto;}
}

@media (max-width: 530px) {
#speaker_container {width: 100%;}
	#speaker_container .profile {display: none;}
	.from {width: 100%;}
}