/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* 
Wrap a .responsive-container div around a YouTube clip to make it responsive for all screen sizes. 
IMPORTANT: You must remove width="" and height="" attributes from the iframe for this to work! 
*/
.responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* 
Wrap a .responsive-container div around a YouTube clip to make it responsive for all screen sizes. 
IMPORTANT: You must remove width="" and height="" attributes from the iframe for this to work! 
*/
.responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* styles the homepage quote */
.quote-wrapper {
}

/* clean up the menu somewhat */
.ubermenu-submenu .ubermenu-target-text {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .6px;
	line-height: 20px;
	padding: 5px 10px;
}

/* tighten up the margins on post titles and subtitles */
.post h2, .post h3, .post h4, .post h5 {
	margin: .6em 0 .1em;
}

/* add styles to Events pages ..they got left out for some reason */
article.hh_events h3 {
	color: #ada279;
}

article.hh_events ul li:before {
	color: #006699;
	content: "\2022";
	font-size: 1.5em;
	padding-right: .25em;
	position: relative;
	top: .1em;
}

div.ssbp-container ul.ssbp-list li:before {
	color: #fff !important!;
}

article.hh_events .event-directions ul li:before {
	display: none;
}

.ssba {
	margin: 6px 1px;
}

.ssba a img {
	border: 0 !important;
}

#content ul {
	margin: 0 0 0 25px;
	line-height: 1.4em;
}

#content header {
	margin-bottom: 15px;
}

/* Article Styles */
h3 span {
	font-weight: 400;
	color: #EC8938;
}

p, pre {
	margin: .35em 0 1.1em;
}

/* Sidebar view all style */
h1 span, h2.widgettitle span, h2 span {
	display: table-row;
}

.pop-posts {
	min-height: 168px !important;
}

/* Press Page */
h3.subtitle {
	margin: 0;
	font-weight: 400;
	margin-bottom: 7px;
}

h2.entry-title, h1.entry-title {
	padding-bottom: 0;
}

/* Hide Images for Pinterest */
.hidepinimg {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
}

.feat-event-date {
	display: none;
}