/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/** Do not remove this line. Edit CSS below. */
/* change widget title background */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

#footer-widgets h4 {
	background-color: #ffffff;
	font-size: 16px;
}

/* ----------------- NAVIGATION MENU ----------------------- */
/* Change background color of active menu item from #444 to purple */
#subnav .current-menu-item {
	background: #8370A0;
}

/* ------------------- FOOTER ---------------------------- */
/* Hide Genesis Copyright in footer */
#footer .creds {
	display: none;
}

/* Hide Go to Top of Page in footer */
#footer .gototop {
	display: none;
}

/* Hide the standard footer (no widgets in there) to reduce empty space */
#footer {
	display: none;
}

/* ------------------------------- GLOBAL FONTS ----------------------------- */
/* Change the color of bold font to match theme */
strong {
	color: #823868;
}

h2 a {
	font-weight: 300;
}

h3 {
	font-family: 'Maven Pro', sans-serif;
}

/* ------------------------------- HIDE PAGE TITLES ----------------------------- */
/* Hide page title - Home Page */
.post-1805 .entry-title {
	display: none;
}

/* ----------------------------- CHANGE CONTENT & SIDEBAR LAYOUT FOR RESPONSIVE --------------------------- */
/* Sidebar - change from px to percentage-based width */
.sidebar {
	Width: 25%;
}

/* Content on Page with Sidebar - change from px to percentage-based width */
.content-sidebar #content {
	width: 70%;
}

/* ---------- MEDIA QUERIES FOR MOBILE - Home and Sidebar ----------------- */
@media only screen and (max-width: 599px) {
	/* Sidebar - change from px to percentage-based width */
	.sidebar {
		Width: 100%;
	}
	
	/* Content on Page with Sidebar - change from px to percentage-based width */
	.content-sidebar #content {
		width: 100%;
	}
}

/* ----------------------------- SIDEBAR LAYOUT & FONTS --------------------------- */
/* Change heading on sidebar to purple background */
.widget-area h4 {
	background-color: #8370A0;
	color: #fff;
	padding: 5px;
	margin-left: 10px;
}

/* Sidebar - replace black left border with left gray border */
.sidebar {
	border-left-style: solid;
	border-left-color: #ededed;
}

/* Add margin to text on sidebar */
#sidebar p {
	margin-left: 10px;
}

#home {
	margin-top: 15px;
	margin-left: -3px;
	width: 100%;
}

/* Reduce white space on text in post or page entry */
.entry-content p {
	margin: 0;
}

/* Allow section title to appear left of content, eg OUR SITE on Home page */
#left-title {
	float: left;
	width: 15%;
}

/* ------- FOUR BOXES INSIDE PURPLE SECTION ON HOME PAGE --------- */
/* purple container */
#homeboxes {
	background: none repeat scroll 0 0 #8370A0;
	height: 312px;
	padding: 33px 15px 0;
}

/* Change h3 headings to white font inside purple box on Home page*/
#homeboxes h3 {
	color: #FFFFFF;
	font: 15px 'Maven Pro', Helvetica, Arial, Sans-Serif !important;
}

#homeboxes .h4, .p, .a {
	text-align: center;
}

/* News and Events box */
#homepage-box1 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #746191;
	float: left;
	border-style: solid;
	height: 221px;
	overflow: hidden;
	padding: 7px;
	width: 18%;
}

/* About Us box */
#homepage-box2 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #746191;
	border-style: solid;
	float: left;
	height: 221px;
	overflow: hidden;
	padding: 7px;
	width: 18%;
}

/* From the Heart box */
#homepage-box3 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #746191;
	border-style: solid;
	float: left;
	height: 221px;
	overflow: hidden;
	padding: 7px;
	width: 18%;
}

/* Contact Us box */
#homepage-box4 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #746191;
	border-style: solid;
	float: left;
	height: 221px;
	overflow: hidden;
	padding: 7px;
	width: 18%;
}

/* ------- END CSS FOR BOXES ON HOME PAGE --------- */
/* ---------- MEDIA QUERIES FOR MOBILE - News and Events box ----------------- */
@media only screen and (max-width: 599px) {
	#homepage-box1 {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #746191;
		border-style: solid;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
	
	/* About Us box */
	#homepage-box2 {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #746191;
		border-style: solid;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
	
	/* From the Heart box */
	#homepage-box3 {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #746191;
		border-style: solid;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
	
	/* Contact Us box */
	#homepage-box4 {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #746191;
		border-style: solid;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
}

/* ------- END MEDIA QUERIES FOR MOBILE CSS FOR BOXES ON HOME PAGE --------- */
/* Image of Aloha Independent Living Hawaii about Main Navigation menu - all pages 
body.custom-background {
	background-position: 8% -8%;
}*/
/* --------------------------- FOOTER ---------------------------- */
/* Add div for left area of footer */
.footerleft {
	float: left;
	display: inline-block;
	font-size: 11px;
	color: #424242;
	font-weight: normal;
	margin: 0;
	padding-bottom: 40px;
}

/* Add div for right area of footer */
.footerright {
	display: inline-block;
	float: right;
	margin: 6px 0 0;
	text-align: right;
}

/* --------------------------- HEADER ------------------------------ */
/* Add top margin to accommodate the background logo */
#wrap {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	border: 0 solid #ededed;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-top: 50px;
}