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

	Theme Name: Organic Vital Child
	Template: organic-vital
	Theme URI: https://organicthemes.com/theme/vital/
	Description: A minimally designed theme framework for WordPress. Created by Organic Themes.
	Author: Organic Themes
	Author URI: https://organicthemes.com
	Version: 1.0

********************************************************************************************************************

	Table of Contents:

	 1.	Custom Styles

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

/************************************************
1.	Custom Styles
************************************************/

.sf-arrows .sf-with-ul {
	padding-right: 2em !important;
}
.team-members .post-date {
	margin-top: 12px;
}
.team-members .post-date p {
	padding-left: 6px;
}
.team-members .post-date .meta-prep,
.team-members .post-date .meta-sep,
.team-members .post-date .author {
	display: none;
}

/************************************************
2.	Mobile Menu
************************************************/

@media screen and (max-width: 767px) {

	button.menu-toggle {
		display: block;
	}
	button.menu-toggle {
		color: #FFFFFF;
		background: none;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 400;
		text-shadow: -1px -1px rgba(0,0,0, 0.1);
		line-height: 0;
		letter-spacing: 0;
		text-transform: none;
		text-align: center;
		margin: 0px auto;
		padding: 18px;
		border: none;
		box-shadow: none;
	}
	button.menu-toggle:hover {
		background: none;
		border: none;
		box-shadow: none;
	}
	.menu-container {
		display: block;
	}
	.menu-container ul.menu {
		display: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.menu-container ul.menu ul.sub-menu {
		display: none;
		width: 100%;
		position: relative;
		top: 0; left: 0;
		margin: 0px;
		padding: 0px;
		opacity: 1;
	}
	.menu-container ul.menu > li,
	.menu-container ul.sub-menu > li {
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		border-bottom: none !important;
	}
	#navigation .menu-container ul.menu li,
	#navigation .menu-container ul.sub-menu li {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		line-height: 30px;
	}
	#navigation .menu ul.sub-menu, #navigation .menu ul.children {
		padding: 0px !important;
		box-sizing: border-box;
	}
	#navigation .menu .current_page_item, #navigation .menu .current_page_ancestor,
	#navigation .menu .current-menu-item, #navigation .menu .current-cat {
		border-bottom: none !important;
	}
	#navigation .menu-container ul.menu li.menu-item-has-children > a::after {
		content: '\f107';
		font-family: 'FontAwesome';
		margin-left: 8px;
	}
	#navigation .menu-container ul.menu a,
	#navigation .menu-container ul.menu a:link,
	#navigation .menu-container ul.menu a:visited,
	#navigation .menu-container ul.menu ul.sub-menu a,
	#navigation .menu-container ul.menu ul.sub-menu a:link,
	#navigation .menu-container ul.menu ul.sub-menu a:visited {
		display: block;
		width: 100%;
		color: #dddddd !important;
		font-size: 1.2em;
		line-height: 36px;
		text-align: left;
		text-decoration: none;
		padding: 6px 18px;
		border: none !important;
		box-sizing: border-box;
	}
	#navigation .menu-container ul.menu a:hover,
	#navigation .menu-container ul.menu a:focus,
	#navigation .menu-container ul.menu a:active,
	#navigation .menu-container ul.menu ul.sub-menu a:hover,
	#navigation .menu-container ul.menu ul.sub-menu a:focus,
	#navigation .menu-container ul.menu ul.sub-menu a:active {
		background: rgba(255, 255, 255, 0.08);
		color: #FFFFFF !important;
		text-decoration: none;
	}

}

/************************************************
3.	Footer Button
************************************************/

.FooterSignUpBtn {
    margin: 10px;
    font-size: 1.1em;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
}
.FooterSignUpBtn a {color: #ffffff}
.FooterSignUpBtn:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    margin: 8px 10px 12px;
}
.FooterSignUpBtn {background-image: linear-gradient(to bottom, #896239 0%, #754c24 45%, #42210b 100%)}
.FooterSignUpBtn:hover { background-position: right center; }


/************************************************
4.	Homepage Alert Banner
************************************************/

#RinconAlert {
	padding: 80px 0 6px;
	background-color: #e20000;
	text-align: center;
}
#RinconAlert p {
	color:#ffffff;
	font-size: 1.1em;
}
#RinconAlert a {
	color: #fff000;
}
@media handheld, only screen and (max-width: 767px) {
	#RinconAlert {
	padding: 30px 0 6px;
	}
}