.message-hero{
    padding-top: 0px;
    margin-top:0px;
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;

    background-color: black;
    position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.jumpToMessageButton{
    text-align: right;
    display: block;
    font-size: .7em;
    color: #21b080;
    margin-top:5px;
    margin-bottom: -10px;
    display: none;
}

.jumpToMessageButton:visited, .jumpToMessageButton:hover{
    color: #21b080;
}

.message-body{
    width:100%;
    float:left;

}

.message-data-holder{
    display: none;
}


/* Sidebar: Message List and Buttons */
.sidebar{

    width:100%;
    float:right;
    padding-bottom: 10px;
    display: table;
}

.sidebar h1{
    margin-top: 0px;
}

.sidebar ul{
    list-style: none;
    padding-left:  0px;
}

.sidebar ul li{
    margin-bottom: 2px;
}

.sidebar ul li a{
    color:#21b080;
    font-weight: bold;
}

.message_week_link.selected{
	color:black;
}

.message-list{
    margin-top: 25px;
    margin-bottom: 0px;
}
.button-holder{
    display: table-header-group;
    margin-left: -5px;
    margin-right: -5px;
}

@media (min-width:700px)
{
    .message-list{ margin-top: 0px; margin-bottom: 35px;  }
    .sidebar{ display: block; }
    .button-holder{ display: block; }
    .sidebar{ width: auto; max-width: 38%; margin-right: 2%; }
    .message-body{ width: 55%; }
}



@media (min-width:900px)
{
    .sidebar{ width: auto; max-width: 30%; margin-right: 2%; }
    .message-body{ width: 65%;}

}

/* Message Body: Player/Image + Description

/*  Video Player */
.video-area{
    position: relative;
}

.video-holder{
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    text-align: center;

}

.play-button, .listen-button{
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background-image: url(/assets/img/playbutton.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25%;
    cursor: pointer;
}

.listen-button{
	background-image: url(/assets/img/listenbutton.png);
}

.play-button.white{
    background-image: url(/assets/img/playbuttonWhite.png);
}

.listen-button.white{
    background-image: url(/assets/img/listenbuttonWhite.png);
}


iframe{
    width: 100%;
    /*height: 100%;*/
    max-width: 1024px;
}



/*****************************************

	Message Landing Page

*****************************************/

.textOnImage a.img{
	border: none;
	padding:0;
	margin:0;
}

.currentSeriesText, .currentSeriesImg{
	width:100%;
	float:left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.textOnImage .currentSeriesImg a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.currentSeriesImg{
	background-color: black;
	float:right;
}

.textOnImage .currentSeriesText h1,
.textOnImage.popularSeriesBox h1,
.textOnImage.pastSeriesBox h1{
	font-size: 2em;
	margin-top: 0;
}

.textOnImage.popularSeriesBox h1,
.textOnImage.pastSeriesBox h1{
	margin-bottom: 1.2em;
}


@media(min-width:650px)
{
	.textOnImage .currentSeriesText h1,
	.textOnImage.popularSeriesBox h1,
	.textOnImage.pastSeriesBox h1{
		font-size: 3.75vw;
		margin-top: 0;
	}

	.currentSeriesText, .currentSeriesImg{
		width:48%;
		clear:both;
	}
}


.popularSeriesHolder a{
	display: inline-block;
}


/*  Rows of Images Logic */
.popularSeriesHolder .seriesBox:last-child{
	display:none;
}

.textOnImage a.seriesBox{
	margin-bottom: 2%;
}

@media(min-width:500px)
{

	.textOnImage a.seriesBox{
		width:47%;
		margin-right: 2%;
	}

	.textOnImage a.seriesBox:nth-child(2n+0){
		margin-right:0%;
	}
}

@media(min-width:750px)
{
	.textOnImage a.seriesBox, .textOnImage a.seriesBox:nth-child(2n+0){
		width:32%;
		margin-right:1%;
	}


	.textOnImage a.seriesBox:nth-child(3n+3){
		margin-right:0%;
	}

	.popularSeriesHolder a.seriesBox:last-child{
		display:inline-block;
	}
}



/*********** Full Services ********************/


/* Full Services */

.buttonBar a.ghost{
	color:#888;
	border-color:#888;
}

.buttonBar a.selected{
	color:#21b080;
	border-color:#21b080;
}

.buttonBar a:before{
	content: "\f00d";
	padding-right: 10px;
	font-family: FontAwesome;
}

.buttonBar a.selected:before{
	content: "\f00c";
	font-family: FontAwesome;
}

.buttonBar h3{
	display:block;
	display: inline-block;
	margin-right: 20px;
}

.fullServiceMessageTitle{
	width:100%;
	max-width: 350px;
	float:left;
}

.fullServiceMessageList{
	margin-bottom: 20px;
	clear:left;
}


@media (min-width:800px){
	.fullServiceMessageTitle{
		width:40%;
		margin-right:5%;
	}

	.fullServiceMessageList{
		clear:none;
	}
}