/*
Theme Name: uwecounty
Layout: Default page - Content-Sidebar Layout

1.0 - Header
2.0 - Navigation
	2.1 - Picture Navigation
	2.2 - Banner Navigation
3.0 - Content
4.0 - Asides and Widgets
5.0 - Calendar
*/

/*--------------------------------------------------------------
1.0 Header
--------------------------------------------------------------*/
.site-banner-wrapper {
	width: 100%;
	height: 26em;
	margin-top: 8.3em;
	background-image: url(images/slide.jpg);
	background-size: cover;
    	background-repeat: no-repeat;	
	}

.site-banner {
	max-width: 80em;
	margin: 0 auto;
	}

.banner-text {
	display: none;
	}

.banner-page-title-wrapper { /* Page title is display across the top image */
	display: block;
	margin-top: 0;
	width: 100%;
	height: 6em;
	background-color: #ffd200; /* Medium Tan */
	border-top: solid 1px #FFFFFF; /* Brown */
	border-bottom: solid 1px #FFFFFF; /* Brown */
	-webkit-box-shadow: 0px 0px 3px 3px rgba(92,92,94,0.5);
	-moz-box-shadow: 0px 0px 3px 3px rgba(92,92,94,0.5);
	box-shadow: 0px 0px 3px 3px rgba(92,92,94,0.5);
	}

.banner-page-title {
	max-width: 80em;
	/* height: 2em; */
	margin: 0 auto;
	padding: .3em 0;
	}
	
.banner-page-title h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #683905;
	}
	

.banner-page-title-text {
	float: left;
	}

@media screen and (max-width: 1150px) {
	.banner-page-title {
		padding: .3em 0 .3em 15px;
	}

}

@media screen and (max-width: 805px) {
	.site-banner-wrapper {
		height: 15em;
	}

	.banner-page-title-wrapper { /* Page title is display across the top image */
		margin-top: -7em;
	}
}

@media screen and (max-width: 500px) {
	.banner-page-title h1 {
		font-size: 1.7em;
	}
}

@media screen and (max-width: 400px) {
	.site-banner-wrapper {
		height: 10em;
	}

	.banner-page-title-wrapper { /* Page title is display across the top image */
		margin-top: -6em;
		height: 4em;
	}

	.banner-page-title h1 {
		font-size: 1.2em;
	}
}


/*--------------------------------------------------------------
2.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Picture Navigation
--------------------------------------------------------------*/

.picture-navigation {
	display: none;
}

/*--------------------------------------------------------------
2.2 Banner Navigation
--------------------------------------------------------------*/


.banner-navigation-wrapper {
	float: left;
	display: block;
	width: 100%;
}
	
.banner-navigation {
	max-width: 80em;
	margin: .1em auto 0 auto;
}

.banner-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
}

.banner-navigation li {
	display: inline-block;
	position: relative;
	padding: .5em;
	margin: 0 0 0 .3em; 
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-radius: 7px;
	background-color: #fee77a;
	text-align: center;
}

.banner-navigation a {	
  	display: block;
	font-size: 1em;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	color: #683905; /** Brown **/
	text-transform: capitalize;
	letter-spacing: 0em;
	position: relative;
}


.banner-navigation li:hover > a {
	text-decoration: underline;
}

.banner-navigation ul li { width: 120px; }
.banner-navigation ul li li { 
	display: inline-block;
	width: 17rem; 
	margin: 0;
	border-radius: 0;
	text-align: left;
	font-size: .9em;
	padding-left: .5em;
}

.banner-navigation ul li ul {	
	padding: 0;
	margin: 0;
	display: none;
	opacity: 0;
	visibility: hidden;
}

.banner-navigation ul li:hover ul {
	display: inline-block;
	opacity: 1;
	visibility: visible;
	position: absolute;
	left: 0;
	margin-top: .5em;
	z-index: 2;
}






/*--------------------------------------------------------------
3.0 Content
--------------------------------------------------------------*/

.content-area {
	margin-top: 0;
	max-width: 80em;
	}

@media screen and (max-width: 805px) {
	.content-area {
		margin-top: 25px;
		max-width: 80em;
	}
}

@media screen and (max-width: 400px) {
	.content-area {
		margin-top: 50px;
		max-width: 80em;
	}
}

.entry-title {
	padding: 1em 0 0 0;
}

.page .entry-title, .page-parent .entry-title {
	display: none;
}

.page-child .page .entry-title {
	display: block;
}

/*--------------------------------------------------------------
4.0 Asides and Widgets
--------------------------------------------------------------*/

.widget-area h3 {
	font-size: 1.3em;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 2em 0 .5em 0;
	text-transform: uppercase;
	}

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

	aside {
		padding-top: 0;
	}

	.widget-area {
		padding: 0 1em;
		border-top: solid 1px #ffd200; /* Medium Tan */
	}

	.widget-area h3 {
		font-size: 1.3em;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 0;
		text-transform: uppercase;
		}
}


/*--------------------------------------------------------------
5.0 Calendar
--------------------------------------------------------------*/
.cat_nfs a, .tribe-events-category-nfs a, #tribe-events-content .tribe-events-category-nfs .tribe-events-tooltip h4 {
	color: #b16108;
}

.cat_4-h a, .tribe-events-category-4-h a, #tribe-events-content .tribe-events-category-4-h .tribe-events-tooltip h4 {
	color: #0b5c05;
}

.cat_cnp a, .tribe-events-category-cnp a, #tribe-events-content .tribe-events-category-cnp .tribe-events-tooltip h4 {
	color: #ff0000;
}

.cat_ag a, .tribe-events-category-ag a, #tribe-events-content .tribe-events-category-ag .tribe-events-tooltip h4 {
	color: #1778db;
}

.cat_hort a, .tribe-events-category-hort a, #tribe-events-content .tribe-events-category-hort .tribe-events-tooltip h4 {
	color: #1778db;
}

.calendar-area {
	width: 80em;
}

.tribe-events-schedule {
	margin: 0.5em 0 0.5em;
}

.single-tribe_events h2.tribe-events-single-event-title {
	font-size: 1.4em;
}

.single-tribe_events .tribe-events-schedule h3 {
	font-size: 1.2em;
}

.tribe-events-list-widget ol li {
	margin-bottom: .3em;
	margin-top: 0;
}

.tribe-events-list-widget .duration {
	font-weight: 500;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
	/* background-color: #ffd200; */
	background-color: #ebc200;
	color: #666666;
}


h4 {
	-webkit-margin-after: 0;
	-webkit-margin-before: .4em;
}

ol.vcalendar  {
	margin: 0 0 1em .2em;
	-webkit-padding-start: 0;
	-webkit-margin-before: 0;
}

h1.widget-title {
	font-weight: bold;
	font-size: 1.3em;
}

.entry-summary {
	margin: 0;
}