/*
Theme Name:     HMC Home - Child Theme
Description:    Child theme of the HMC theme for Home page and top level pages 
Author:         Peter Hobley, HMC
Template:       hmc-core
Version:        1.0
*/

@import url("../hmc-core/style.css");

/* Changes to the style unique to this site */

body.home h1 {
	display: none;
}

/* Community Pages Styles */

.community-heading {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

#content #tab-nav {
	overflow: hidden;
	border-bottom: 4px solid #FECA0B;
	margin: 0;
	width: 100%;
}

#content #tab-nav li {	
	float: left;
	width: 48%;	
	margin: 0 2% 0.3em 0;
	list-style: none;
}

#content #tab-nav li a {
	display: block;
	padding: 0.5em 0;
	border-radius: 0.25em;
	border-bottom: none;
	background: #EBEBEB;
	color: #000;
	text-align: center;
	text-decoration: none;
}

#content #tab-nav li.current-menu-item a,
#content #tab-nav li a:hover {
	background: #FECA0B;
	color: #000;
	font-weight: bold;
}

main.tabs-with-sidebar #rightSidebar h3 a {
	padding-right: 1em;
	background: url('../hmc-core/images/small-arrow.png') no-repeat right center;
}

 /* Headline widget on community pages */
#content #headline-widget figure {
	max-width: 30%;
}

#content #headline-widget p {
	font-size: 0.75em;
}

#content #headline-widget ul {
	clear: both;
}

/* HOME PAGE UNIQUE CONTENT */

body.home #content-wrapper {
	padding: 0;
}

div.main-highlight-wrap {
	padding: 2em 1em 0;
}

div.main-highlight-wrap h2:after {
	border-color: #EFEFEF;
}

div.main-highlight-wrap a:visited {
	color: #333;
}

#news-box,
#events-box,
#highlight-box {
	padding: 1.25em 1em 0.75em;
	border-radius: 0.5em;
}

 /* News box */

#news-box {
	margin-bottom: 2em;
} 

#news-box article {
	clear: both;
	padding: 0.25em 0;
}

#news-box,
#news-box h2 span {
	background: #FECA0B;
}

#news-box h2:after {
	border-color: #F0AC1E;
}

#news-box > div {
	overflow: hidden;
}

#news-box h3 {
	margin-top: 0;
}

#news-box ul {
	clear: both;
	margin: 0.5em 0 1.5em;
}

#news-box li {
	padding: 0;
	margin-bottom: 0.5em;
}

#news-box li:first-child {
	border-top: none;
}

#news-box a:link {
	color: #000;
	font-weight: bold;
}

#news-box a:after {
	content: none;
}

.thumb {
	float: left;
	width: 25%;
	margin-right: 1em;
}

@media screen and (min-width: 500px) and (max-width: 720px) {
	
	.thumb {
		width: 15%;
	}
}

/* Events box on homepage */
 
#events-box {
	overflow: hidden;
	margin-top: 2em;
}

#events-box,
#events-box h2 span {
	background: #A9B30F;
}

#events-box h2:after {
	border-color: #878f34;
}

#events-box a:link {
	color: #000;
	text-decoration: none;
}

#content div.main-highlight-wrap a:after,
#content #events-box a:after {
	content: '';
}

#events-box a:hover {
	text-decoration: underline;
}

#events-box ul.hmc-events-shortcode {
	margin: 0;
	list-style: none;
}

#content #events-box ul.hmc-events-shortcode li {
	border-bottom: 1px solid #878f34;
	padding: 0 0 0.875em 0;
}

#events-box ul.hmc-events-shortcode h3 {
	padding-top: 0.3em;
	border-right: 2px solid #878F34;
	background: none;
	color: #fff;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
}

#events-box ul.hmc-events-shortcode h3 span {
	font-size: 0.6em;
}

#events-box ul.hmc-events-shortcode li p {
	font-size: 0.875em;
	line-height: 1.2;
}

#events-box.loading {
	background: #A9B30F url(images/ajax-loader.gif) no-repeat center;
	
}

/* Highlight box under news, above SPIFs */

#highlight-box {
	overflow: hidden;
	padding: 0;
	background: #BCBDC0;
	background-size: 20% 70%;
}

#highlight-box > div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	border-radius: 0.5em;
}

#highlight-box a {
	text-decoration: none;
	display: block;
	border-radius: 0.5em;
	height: 100%;
}

#highlight-box a:focus {
	border: 2px solid #ccc;
	box-sizing: border-box;	
}

/* SPIFS */

div.spif-box-wrap {
	overflow: hidden;
	max-width: 60em;
	padding: 1em;
	margin: 0 auto;
}

div.spif-box-wrap > div {
	margin: 1em 0;
}

div.spif-box-wrap h3 {
	position: relative;
	margin: 0 0 1em;
	font-size: 0.9em;
	font-weight: bold;
}

#content div.spif-box-wrap a:link {
	text-decoration: none;
}

#content div.spif-box-wrap a:after {
	content: '';
}

div.spif-box-wrap a:hover {
	text-decoration: underline;
}

div.spif-box-wrap img {
	display: inline;
	width: 100%;
}

div.spif-box-wrap h3 {
	margin: 0.75em 0;
	font-weight: bold;
}

div.spif-box-wrap p {
	margin-bottom: 0;
	font-size: 0.75em;
	line-height: 1.3;
}

#content div.spif-box-wrap p.more {
	padding: 0 1.5em 0 0;
	background: url('../hmc-core/images/small-arrow.png') no-repeat right center;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}

div.main-highlight-wrap h2,
div.spif-box-wrap h2 {
	position: relative;
	margin: 0 0 0.5em;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

div.main-highlight-wrap h2 span,
div.spif-box-wrap h2 span {
	position: relative;
	z-index: 10;
	padding-right: 0.75em;
	background: #fff;
}

div.main-highlight-wrap h2:after,
div.spif-box-wrap h2:after {
	display: block;
	position: absolute;
	top: 46%;
	width: 100%;
	height: 3px;
	border-top: 3px solid #efefef;
	content: '\00a0';
}


/*
#weather-sm-give ul {
	background: url('mockup-imgs/social-icons.png') no-repeat center;
}

#weather-sm-give li {
	visibility: hidden;
}*/

body.page-template-page-section-home-php #content h1 {
	font-weight: bold;
}

div.left-box {
	background: #FEC200;
}

#pageFooter {
	margin: 0;
}

div.community-box {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em 5%;
	margin: 0 3% 2em 0;
	background: #FECA0B;
}

div.community-box p.more {
	margin-bottom: 1em;	
	text-align: right;
}

body.page-id-76 table td,
body.page-id-76 table th,
body.page-id-76 table tr{
	border: none !important;
}

/* Google search results promotions */

td.gs-promotion-text-cell-with-image {
	font-size: 1.2em;
}

div.gs-promotion div.gs-visibleUrl-long {
	font-size: 1.2em;
}

/* Emergency Message */

div#emergency-message {
	padding: 4.5em 1em 1em;
	margin: 1.5em 0 0;
	background: #a6192e url(images/alert.png) center 1em no-repeat;
	background-size: 3em;
}

#content div#emergency-message h2 {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.5;
}

#content div#emergency-message h2 a {
	padding-bottom: 0.15em;
	border-bottom: 2px solid #fff;
	color: #fff;
	text-decoration: none;
}

#content div#emergency-message h2 a:hover {
	border-bottom: 2px solid #FECA0B;
	color: #FECA0B;
}

#content div#emergency-message h3 {
	margin-top: 0.75em;
	color: #fff;
}

/* Feedback Form */

#content .fsBody .fsForm {
	border: none;
}

#content .fsBody .fsSectionHeader,
#content .fsForm .fsSubmit {
	padding: 0;
	background: #fff;
}

#content .fsEmbed .fsPage {
	font-size: 1.2em;
}

/* Homepage Highlight Box Special Style */

/* Border needed for current highlight (campaign) 2014-05-15 */
div#highlight-box > div {
	border: 2px solid #000;
	background: #fff;
}