/*--------------------------------------------------------------


/* Styles for all pages on the UWE County website 
1.0 - Header
2.0 - Navigation
	2.1 - Links
	2.2 - Menus
	2.3 - Picture Navigation
3.0 - Pages and Posts
	3.1 - Main Content
	3.2 - Widgets
	3.3 - Lists
4.0 - Footer
5.0 - Calendar
*/

body {
  background: #fff;
}

hr {
  height:0; 
  border:0; 
  border-top:1px solid #083972; 
}

h1 { font-size: 1.5em;}

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

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

.banner-page-title-wrapper { /* Page title is display across the top image */
	display: block;
	margin-top: -10em;
	width: 100%;
	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-text {
	float: left;
	clear: both;
	max-width: 40%;
	margin: 0 auto;
	padding: 1em;
	font-family: 'Roboto Condensed', sans-serif;
	}

.hp-banner-title {
	text-transform: uppercase;
	letter-spacing: .25em;
	background-color: #f9de91;
	text-align: center;
	width: 100%;
	font-size: 1.4em;
	margin-bottom: .5em;
	}
	

.hp-banner-text {
	display: block;
	background-color: #fff6dc;
	width: 100%;
	line-height: 1.4em;
	font-size: 1.1em;
	padding: .5em 1em;
	margin-bottom: .8em;
	}	

.hp-banner-readmore {
	font-weight: 500;
	width: 40%;
	text-align: center;
	float: right;
	background-color: #f9de91;
	padding: 0 1.5em;
}


/*--------------------------------------------------------------
2.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	/* color: midnightblue; */
}

/*--------------------------------------------------------------
2.2 Menus
--------------------------------------------------------------*/
.site-header {
	width: 100%;	
	background: url(images/bg-header.jpg) repeat-x left top #492f24; /* Dk Brown */
	padding: 0;
	margin: 0;
}

.branding-navigation-wrapper {	
	position: absolute;	
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100; /* display toggle menu over subnavigation */
	}

.branding-navigation {	
	max-width: 1200px;
	margin: 0 auto;
	}
	
.site-branding {
	width: 30%;
	float: right;
}

.main-navigation {
	width: 70%;
	float: right;
}

.main-navigation ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
}

.main-navigation li {
	float: left;
	padding: 0 1.3%;
	height: 119px;
	line-height: 119px;
	display: inline-block;
}

.main-navigation a {	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF; /* White */	
}


.main-navigation li:hover > a {
	
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}

.main-navigation .sub-menu {
	display: none;
	}


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

	.main-navigation a {	
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.1em;
		text-decoration: none;
		color: #FFFFFF; /* White */
	}
}


/* Small menu */
.menu-toggle {
	display: none;
}



@media screen and (max-width: 985px) {
	.main-navigation li { 
		padding: 0 .5em;
		font-size: 1em;
	}
}


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

	.site-header {
		width: 100%;	
		background-image: none;
		background-color: #6a6a0a; /* Header Green */
	}

	.site-banner-wrapper {
		width: 100%;
		/* max-height: 26em; - use this if text boxes in the banner are displayed */
		max-height: 15em;
		margin-top: -12em;
		clear: both;
		background-image: url(images/slide.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		border-top: 2px solid #ffd202; /* Yellow */
	}

	.site-branding {
		clear: both;
		width: 100%;
		float: right;
	}

	.site-branding img {
		float: left;
		width: 45%;
	}

	.main-navigation {
		float: right;
		margin-top: 0;
		width: 100%;
	}

	.menu-toggle {
		display: block;
		height: 3em;
		padding: 0 1em;
		font-weight: normal;
		font-size: 14px;
		font-size: 1.4rem;
		text-decoration: none;
		line-height: 3em;
		color: white;
	    background-color: #3b3b06; /* Dark Olive Green */
	    box-shadow: none;
	    border-left: solid 1px #6a6a0a;
	    border-top: solid 1px #6a6a0a;
	    border-right: solid 1px #6a6a0a;
	    border-bottom: solid 1px #FFFFFF;
	    width: 100%;
	    text-align: right;
		clear: both;
	}

	.menu-toggle i {
	     float: right;
	     line-height: 3em;
	     margin-left: 15px;
	}

	.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
	    box-shadow: none;
	    border-left: solid 1px #6a6a0a;
	    border-top: solid 1px #6a6a0a;
	    border-right: solid 1px #6a6a0a;
	    border-bottom: solid 1px #6a6a0a;
	    cursor: pointer;	
	}

	button, 
	button:active,
	button:focus,
	input[type="button"]:focus, 
	input[type="button"]:active {
	   box-shadow: none;
	}
        
	.main-navigation.toggled .nav-menu, .main-navigation.toggled .sub-menu {
		display: block;
		background-color: #6a6a0a;
	}
        
	.main-navigation li, .sub-menu ul li, .sub-menu ul li ul li { 
		float: none; 
		width: 100%;
		height: 2em;
		line-height: 2em;
		border-top: solid 1px #ffffff;
		margin-bottom: 0;
		padding: 5px 5px 5px 25px;
		/* margin-left: 15px; */
	}

	.main-navigation li a { 
		/* padding: 2px 0; */
	 	text-shadow: none;
		border-radius: none;
		width: 100%;
		display: block;
		font-size: 1.5em;
	}

	

	.main-navigation ul li:hover {
		background-color: #f9de91; /* Medium Tan */
		color: #000000; /* Black */
		border-radius: none;
		margin-bottom: 0;
		border-bottom: solid 1px #f9de91; /* Medium Tan */
		height: 3em; /* Covers entire menu item */
		line-height: 2em;
		cursor: pointer;
	}


	.main-navigation li:hover > a {
	 	text-shadow: none;
		color: #000000;
		padding: 2px 0;
	}
	
	
	.main-navigation .current_page_ancestor, .main-navigation .current_menu_ancestor { background: #313131; }

	.main-navigation li.current_page_parent, .main-navigation li.current_menu_parent  {
		color: #ffffff;
		background: #313131;
	}


	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
	}

	.main-navigation ul {
		display: none;
	}
	
	.footer-navigation {
		display: none;
	}
}


/*--------------------------------------------------------------
2.3 Picture Navigation
--------------------------------------------------------------*/

.picture-navigation {
	display: none; /* only displayed on the homepage. css is located in the layouts hp-static.css */
}									

/*--------------------------------------------------------------
3.0 Pages and Posts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Main Content
--------------------------------------------------------------*/

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

.content-area {
	float: left;
	/* width: 52em; */
	width: 60%;
	padding: 1em;
	min-height: 30em;
	}

.content-area h2 {
	font-size: 1.5em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: .2em;
	margin-top: .5em;
	}

.img-spacing {
	margin: 0 1.5em 1em 0;
	}

@media screen and (max-width: 525px) { /* remove img display from phones - ie Lygus Bug */
	.img-spacing { display: none; }
}

.hp-col1, .hp-col2 {
	float: left;
	width: 50%;
}

@media screen and (max-width: 950px) {
	.hp-col1, .hp-col2 {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 805px) {
	.content-area {
		float: none;
		width: 100%;
		min-height: 0;
	}

}

@media screen and (max-width: 400px) {
	.content-area {
		padding: 0 15px;
	}

	.content-area h2 {
		font-size: 1.2em;
	}

}

/*--------------------------------------------------------------
3.2 Widgets
--------------------------------------------------------------*/

aside {
	width: 100%;
	padding: 10px 10px 10px 20px;
	margin: 5px 0 0 0;
}

#tribe-events-list-widget-2, #search-2 {
	background-color: #ffffff;	
	padding-top: 0;
}

#tribe-events-list-widget-3 {
	background-color: #ffffff;
	border: solid 2px #fff6e7;
	padding-top: 0;
}


ol.vcalendar li, .tribe-events-widget-link {
	margin-bottom: .5em;
}

.widget {
	/* margin-top: .2em; */
}

.search-form {
	padding: 0 0 1em 0;
}

.contact-button {
	width: 150px;
	border: solid 1px #ffd189;
	background-color: #ffe5bc;
	border-radius: 7px;
	padding: .2em;
	margin: 0 auto 1.5em auto;
}

.contact-button a { 
	text-decoration: none;
	font-size: .9em;
	color: #000000;
}

#secondary.widget-area {
	float: right;
	width: 33%;
	padding: 0em 0 2.5em 0;
	text-align: center;
	}

#secondary.widget-area .widget img {
	border-radius: 40px!important;
    border: 5px solid #ebebeb;
}

h1.widget-title {
	font-size: 1.5em;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: 400;
	margin-bottom: .2em;
	margin-top: .5em;
	text-align: center;
	}

#secondary.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) {
	#secondary.widget-area {
		float: none;
		width: 100%;
		min-height: 0;
		padding: 0;
		margin: 0;
	}
	
	aside { 
		border-right: thin dotted #ffc425;
	}
}

@media screen and (max-width: 400px) {
	#secondary.widget-area {
		float: none;
		width: 100%;
		min-height: 0;
		padding: 15px;
	}

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

/*--------------------------------------------------------------
3.3 Lists
--------------------------------------------------------------*/

	
@media screen and (max-width: 950px) {
	ul, ol {
		margin: 0 0 1.5em 1em;
	}
}
	
/*--------------------------------------------------------------
4.0 Footer
--------------------------------------------------------------*/
.site-footer {
	width: 100%;
	max-height: 112px;
	background: url(images/bg-footer.jpg) top left repeat-x;
	background-color: #6a6a0a; /* Olive Green */
	}

/***** Footer Navigation ******/

.footer-info-navigation {
	max-width: 80em;
	margin: 0 auto;
}

.footer-info {
	width: 30%;
	float: left;
	margin-top: 0.6em;
	}

.footer-navigation {
	width: 70%;
	float: right;
	text-align: right;
	padding-right: 2em;
	}

.footer-navigation ul {
	list-style: none;
	padding-left: 0;
	margin: 0;	
}

.footer-navigation li {
	display: inline-block;
	margin: 3em 1% 0 1%;
}



.footer-navigation a {	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	display: block;
	text-decoration: none;
	color: #FFFFFF; /* White */
}

@media screen and (max-width: 950px) {
	.footer-navigation a {	
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1em;
		display: block;
		text-decoration: none;
		color: #FFFFFF; /* White */
	}
}

.copyright {
	max-width: 1175px;
	margin: 0 auto;
	font-size: .9em;
	padding: 1em 5em 2em 0;	
	text-align: right;
}

.copyright a {
	color: #000000;
	text-decoration: none;
	}

.menu-privacy-container {
	display: inline-block;
}

.menu-privacy-container ul {
	list-style: none;
    margin: 0;
    padding-right: 5px;
    -webkit-padding-start: 0px;
}

#menu-privacy li { 
	display: inline-block;
}

#menu-privacy a {
	color: #404040;
}	

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

.cat_4h a, .tribe-events-category-4h a, #tribe-events-content .tribe-events-category-4h .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_aghort a, .tribe-events-category-aghort a, #tribe-events-content .tribe-events-category-aghort .tribe-events-tooltip h4 {
	color: #1778db;
}

.cat_smrr a, .tribe-events-category-smrr a, #tribe-events-content .tribe-events-category-smrr .tribe-events-tooltip h4 {
	color: #6a6a09;
}


.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 {
	margin-bottom: 0;
	margin-top: .4em;
	-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;
}

ol.tribe-list-widget { padding-left: 0px; }


/* Right-side contacts */
#secondary aside {
	background-image: url(images/logo-contact.png);
    background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
    padding-top: 60px !important;	
	border-bottom: thin dotted #ffc425;
	border-left: thin dotted #ffc425;
}
aside hr { background-color: #ffc425;}

/* Right-side search */
#secondary, #search-2 {
	background-image: none;
}


/* Right-side calendar rss feed */
aside #rss-2, aside #tribe-events-list-widget-2 {
	/* background-image: url(images/logo-calendar.png) !important; */
	background-image: none;
    background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
    padding-top: 70px;	
	border-bottom: thin dotted #ffc425;
	border-left: thin dotted #ffc425;
	}
aside #custom_html-2 {
	/* background-image: url(images/logo-uwcalendar.png) !important; */
	background-image: none;
    background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
    padding: 0px !important;	
	border-bottom: thin dotted #ffc425;
	border-left: thin dotted #ffc425;
	}	
#rss-2 ul { margin-top: 1em; margin-left: 0px; list-style-type: none; padding: 0;}
#rss-2 li { margin-bottom: 1em;}
.rss-date:before { content: '\A'; white-space:pre; }

.newsletters {background-color: #ffc425; width: 100%; border-radius: 7px;}
.newsletters h3 {text-align: left; font-family: 'Open Sans', helvetica, arial, sans-serif !important;
font-size: 16pt !important; text-transform: capitalize !important;  padding: 15px !important; }
.newsletters a { color: #000000; text-decoration: none; }
.newsletters a:hover { text-decoration: underline !important; }

@media screen and (max-width: 805px) { /* display contacts and calendar side-by-side */
	#secondary aside {
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 400px) { /* display contacts and calendar stacked */
	#secondary aside {
		float: none;
		width: 100%;
	}
}