/*
Theme Name: emc
Layout: Content-Sidebar
 */
 
.site {
	margin: 2em auto 0;
	width: 1000px;
	box-shadow: 0px 0px 8px 5px rgba(127, 127, 127, 0.6);
	background: rgb(242,242,242);
}
 
/* Applies to children elements of .site */

.site-info {
	text-align: center;
}

@media screen and (min-width:600px) {
	.content-area {
		padding: 0em;
	}
	
	.home .page .entry-content {
		margin: 2em 0 0 3em;
	}
	
	.entry-header,
	.entry-content,
	.entry-meta,
	.entry-footer,
	.tag-links,
	.post-navigation,
	.comments-area,
	.paging-navigation {
		position: relative;
		margin-right: 3em;
	}
						
	/* Footer sytling */
	.emc-footer-buttons {
		position: relative;
		padding: 0 3em 5em 3em;
	}

	#iframe_videoplayer {
		clear:both;
		height: 564px;
	}
		
	/* Per footer button styling */
	.emc-footer-button {
		display: flex;
		position: relative;
		color: white;
		background-color: #31859b;
		font-weight: bold;
		letter-spacing: 0.1em;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 200px;
		height: 54px;
		margin: 0 0.8em 0 0.8em;
		/*box-shadow: 0px 0px 4px 3px rgba(127, 127, 127, 0.6);*/
		float: left;
	}
	
	.emc-footer-button-selected {
		background-color: #215968;		
	}
	
	.emc-footer-button:hover	{
		background-color: #215968;
		box-shadow: 0px 0px 10px 6px rgba(32, 88, 103, 0.4);
		cursor: pointer;
	}
		
	.emc-footer-content {
		display: none;
		width: 100%;
	}

	.emc-footer-content .entry-content {
		margin-top: -1em;
	}
		
	.emc-contact-bar {
		overflow: hidden;
		clear: both;
		color: white;
		font-size: 1em;	
		background-image: url("https://oldsite3.emanuel-church.com/wp-content/uploads/2015/03/Contact_Bar.png");	
	}

	.emc-contact-text {
		display: inline-block;
		padding: 0.8em;
		float: none;
	}
		
	.emc-contact-icons a > img.emc-login-icon  {
		margin-top: -0.4em;
	}
	
	.emc-contact-icons {
		padding: 0.6em 0.1em 0 0;
		float: right;
		text-decoration: none;
	}
	
	.emc-contact-icons a {
		float: left;
		padding-right: 0.2em;
	}

}

@media screen and (max-width:599px) {
	.content-area {
		width: auto;
		float: none;
		margin: 1em auto 0; 
	}
	
	.home .page .entry-content,
	.entry-header,
	.entry-content,
	.entry-meta,
	.entry-footer,
	.tag-links,
	.post-navigation,
	.comments-area,
	.paging-navigation {
		margin: 0 auto;
		padding: 1em;
	}

	.emc-contact-icons,
	.emc-archive-container img,
	.emc-footer-buttons,
	.emc-video-container,
	.menu-toggle,
	.main-navigation.toggled .nav-menu,
	.main-navigation ul
	{
		display: none;
	}
	
	.emc-contact-bar {
		padding: 0.6em;
	}

	.emc-archive-container,
	.emc-welcome-message,
	iframe_videoplayer {
		width: 100%;
		clear: both;
		padding-bottom: 51%;
	}

	.emc-slider,
	.site {
		width: 100%;
	}
}