/*
Theme Name: ONA
Theme URI: http://underscores.me/
Author: ZappWorx Design
Author URI: http://www.zappworx.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ona
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
ONA is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Global
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*@import url(https://db.onlinewebfonts.com/c/a13fc9e35030ae108ef70520d4d14bbf?family=Legault+Std);*/
/*@font-face {
	font-family: 'Legault Std';
	src: url('fonts/LegaultStd.eot');
	src: url('fonts/LegaultStd.eot?#iefix') format('embedded-opentype'),
		url('fonts/LegaultStd.woff2') format('woff2'),
		url('fonts/LegaultStd.woff') format('woff'),
		url('fonts/LegaultStd.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}*/

@font-face {
  font-family: 'Legault Std';
  src:  url('fonts/LegaultStd.woff2') format('woff2'),
		url('fonts/LegaultStd.woff') format('woff'),
		url('fonts/LegaultStd.ttf') format('truetype');
  font-weight: normal;
 /* font-style: italic;*/
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	/*margin: 1em 40px;*/
	margin: 1em 15px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
button {
	border-radius: 8px;
	}
.site-content {
	font-size: 1.125rem;
	line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	clear: both;
	line-height: 1.3em;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h1 { font-size: 2.4em; }
h2 { font-size: 2.2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
blockquote {
    font-size: 1.5em;
    line-height: 1.4em;
    margin: 1.5em 0 1.5em 2em;
    position: relative;
}
blockquote::before {
    font-family: 'FontAwesome';
    content: "\f10d";
    position: absolute;
    left: -2em;
    color: #ededed;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 0.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
select {
	border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
textarea {
	width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	/*color: #900;*/
	color: #679298;
}
a:visited {
	/*color: #C00;*/
	/*color:#A3BDC0;*/
	color:#9BDBE4;
}
a:hover,
a:focus,
a:active {
	/*color: #C00;*/
	/*color:#A3BDC0;*/
	/*color:#446165;*/
	color:#2C484B;
}
a:focus {
	/*outline: thin dotted;*/
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}

/* Active Links - First to Third level of navigation menus */
/*li.current-page-ancestor,
li.current_page_item { background-color:#fff; color:#000; font-weight:bold }*/

/*body.top-parent-1714 .site-content .main-navigation { background-color:#CC3300;}
body.top-parent-1716 .site-content .main-navigation { background-color:#0080B0;}
body.top-parent-1718 .site-content .main-navigation { background-color:#0F5760;}*/

/* Active links for archive or single project pages  */
body.single-projects li.page-item-1740 a,
body.tax-ona_project_category li.page-item-1740 a,
body.single-projects li.menu-item-1728 a,
body.tax-ona_project_category li.menu-item-1728 a,
/* Active links for single events pages  */
body.single-events li.menu-item-1994 a,
/* Active links for main navigation (three levels)  */
li.current_page_ancestor a,
li.current-page-ancestor a,
li.current_page_parent a,
li.current-menu-item a,
/*li.current_page_item a { background-color:#900; font-weight:bold;}*/
li.current_page_item a { background-color:#fff; color:#000 !important; font-weight:bold; }

li.active a{ font-weight:bold }


/* Styled links with appropriate icon */

a[href$=".pdf"]
{
  padding:10px 0 10px 36px;
  background-image: url("images/pdf-icon.png");
  background-repeat:no-repeat;
}

a[href$=".doc"], a[href$=".docx"]
{
  padding:10px 0 10px 36px;
  background-image: url("images/doc-icon.png");
  background-repeat:no-repeat;
}

a[href$=".xls"], a[href$=".xlsx"]
{
  padding:10px 0 10px 36px;
  background-image: url("images/xls-icon.png");
  background-repeat:no-repeat;
}

/*a[href$=".pdf"]:before 
{
  content: url("images/pdf-icon.png");
  padding-right:10px;
}*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
/*	clear: both;
	display: block;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1em;*/
	background-color:#000;
	font-size: 1rem;
	/*font-size: 0.865rem;*/
}
body.top-parent-1714 .site-content .main-navigation,
body.single-projects .site-content .main-navigation,
body.tax-ona_project_category .site-content .main-navigation { background-color:#B32B25; /* was #CC3300 */}
body.top-parent-1716 .site-content .main-navigation { background-color:#24767C; /* was #0080b0 */}
body.top-parent-1718 .site-content .main-navigation { background-color:#A0AF3B; /* was #0f5760 */}

nav.main-navigation {
	text-transform:uppercase;
	font-size: 1rem;
	}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	
}
.main-navigation li {
/*	float: left;
	position: relative;
    
    text-transform: uppercase;*/
}
.main-navigation a {
	font-family: "Roboto", sans-serif;
	font-weight:300;
	position: relative;
	display: block;
	padding: 0.8em 1.625em;
	text-decoration: none;
	line-height: 1.6em;
	color: white;
}

/* On pages that are children of Governance page, the second level menu has tighter padding for links. */
body.top-parent-2154 .site-content .main-navigation a {
	padding: 0.8em 1.3em;
}

.site-header-content .main-navigation ul ul {
 display:none;   

/*	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 3.2em;
	left: -999em;
	z-index: 99999;*/
}

/* Hide HOmE page link from the Main menu in the header */
.site-header-content .main-navigation ul:first-of-type li:first-of-type {
 display:none;   
}

/* Hide last TERMS OF USE page link from the Main menu in the header */
.site-header-content .main-navigation ul:first-of-type li:last-of-type
/* hide the second last page from the main menu */
/*.site-header-content .main-navigation ul:first-of-type li:nth-last-of-type(2)*/
 {
 display:none;   
}

.main-navigation ul ul ul {
/*	left: -999em;
	top: 0;*/
}
.main-navigation ul ul a {
/*	width: 200px;*/
}
.main-navigation ul ul li {
/*background-color:#F00;*/
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
	/*background-color:#900;*/
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

/* Hide Main Menu, Second and Third level menu bars when mobile menu is on */ 
#site-navigation, .main-navigation, #secondary {display:none;}
body.single-events #secondary,
body.page-template-projects #secondary,
body.single-projects #secondary {display:block}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
    	justify-content: space-between;
		flex-flow:row wrap;
	}
	.main-navigation ul li {
		
	}
}
@media screen and (min-width: 48em) {
	.main-navigation ul {
	   	justify-content: flex-start;
	}
	/* SHOW Main Menu, Second and Third level menu bars when mobile menu is on */ 
	/*#site-navigation, .main-navigation, #secondary {display:block;}*/
}

@media screen and (min-width: 51.25em) {
	/* SHOW Main Menu, Second and Third level menu bars when mobile menu is on */ 
	#site-navigation, .main-navigation, #secondary {display:block;}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* SECOND LEVEL and THIRD LEVEL (sidebar) menus */
/***********************************************/
/*Second level menu*/
#second_menuContainer {
	width:100%;
	}
#second_menuContainer ul {
	list-style:none;	
	margin:15px 15px 0px 15px;
	padding: 0px;
	height:50px;
	font-size:13px;
	background-color:#FFCC33;
	}
	
#second_menuContainer ul li {
	list-style:none;
	float:left;
	background-color:#FFCC33;
	line-height:50px;
	}
#second_menuContainer ul li a {
	margin:0;
	padding:0 20px;
	border-right:2px solid #FFF;
	color:#000;
	text-decoration:none;
	width:100%;
	display:block;
	}
html>body #second_menuContainer ul li a {width:auto;}	
#second_menuContainer ul li a.active, #second_menuContainer ul li a:hover, #second_menuContainer ul li:hover {
	background-color: #E6AC00;
	color:#000;
	border-color:#fff;
	}
/*Third level menu*/
#sideMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.875rem;
}
#sideMenu li {
	list-style:none;
	margin-left: -10px;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0px 10px 0px;
	/*text-indent: 10px;*/
	padding-left: 10px;
}
#sideMenu li a {
	margin:0;
	color: #990000;
	text-decoration: none;	
	/*padding: 10px 0px 10px 0px;*/
	padding: 18px 0px 10px 0px;
	line-height:normal;
}

	
#sideMenu li a:hover, #sideMenu li:hover {
	color: #FF0000;
}
			
#sideMenu ul ul {
	list-style:none;
	padding:0;
	margin:0;
	padding-left:20px;
}

/* THIRD LEVEL MENUS on mobile VIEW */ 
@media screen and (min-width: 48em) {
	#sideMenu ul {
	margin:8em 4em 0 0;
}

#sideMenu li {
	margin-left: 0px;
}

	}

/*--------------------------------------------------------------
# Other Navigation - index posts navigation
--------------------------------------------------------------*/	
.post-navigation,
.paging-navigation {
	padding: 2em 0;
	font-family: "Open Sans", sans-serif;
	text-align: left;
	overflow: hidden;
}

@media screen and (min-width: 50em) {
	.post-navigation,
	.paging-navigation {
		/*padding: 2em 3em;*/
		padding: 2em 0em;
	}
}

.nav-links {
	/*max-width: 45em;*/
	max-width: 49em;
	margin: 0 auto;
	padding: 0 .4em;
}

.post-navigation a,
.paging-navigation a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 1em;
	border: 1px solid #c3c3c3;
}

.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
	border-color: #000;
}

.post-navigation .post-title {
/*	font-size: 1.2em;
	font-weight: 700;*/
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	text-decoration: underline;
}

.nav-previous {
	padding-bottom: 1em;
}

@media screen and (min-width: 30em) {

	.nav-links {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		padding: 0;
	}

	.post-navigation .nav-previous {
		display: flex;
		align-items: stretch;
		float: left;
		width: 48%;
	}

	.nav-previous {
		padding-bottom: 0;
	}

	.post-navigation .nav-next {
		display: flex;
		align-items: stretch;
		float: right;
		text-align: right;
		width: 48%;
	}
}

.post-navigation .meta-nav {
	display: block;
	color: #999;
}

@media screen and (min-width: 30em) {
	.post-navigation .meta-nav {
		padding-bottom: 1em;
	}
}

.paging-navigation {
	/*margin-top: -2em;*/
	margin-top: 2em;
	text-align: center;
}

.paging-navigation ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;

}

.paging-navigation li {
	display: inline-block;
}

.paging-navigation li a {
	padding: .3em 1.4em;
}

.paging-navigation .current {
	padding: .8em 1.1em;
	font-weight: 700;
}

	
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*body.single-projects .site-description,
body.tax-ona_project_category .site-description,
body.post-type-archive-projects .site-description,
body.top-parent-1714 .site-description,
body.top-parent-1716 .site-description,
body.top-parent-1718 .site-description { color:#FFF;}

body.single-projects .tagline,
body.tax-ona_project_category .tagline,
body.post-type-archive-projects .tagline,
body.top-parent-1714 .tagline,
body.top-parent-1716 .tagline,
body.top-parent-1718 .tagline { color:#FFF;}*/


.site-header {
	background-size: cover;
	padding:0 20px;
	margin-top: 65px; /* was 30px */
}
@media screen and (min-width: 48em) {
	.site-header {
		min-height: 4em;
		margin-top:0px;
	}
}
.site-branding {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align:center;
}
.site-title {
/*	margin: 1.7em 1em 0;
	font-family: 'Fira Sans', sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	text-transform: uppercase;
	word-break: break-word;*/
}
/*@media screen and (max-width: 30em) {
	.site-title {font-size: 2em;}
}*/
.site-title a {
	text-decoration: none;
	color: inherit;
}
.site-title a:hover,
.site-title a:focus {
	text-decoration: underline;
}
/*.site-title::after {
	display: block;
	content: "";
	margin: .7em auto 0;
	width: 3em;
	border-bottom: solid 1px #fff;
	opacity: .5;
}*/
.site-description {
	margin: 0 0 0 0;
	font-size: 100%;
	color: #369;
	font-family:"Legault Std", sans-serif;
	font-size:1.625em;
	line-height:1.0;
	/*margin-bottom:-10px;*/
}
.tagline {
	color: #666;
	font-family:"Roboto", sans-serif;
	font-weight:300;
	font-size: .825em;
	/*text-align:right;*/
	margin-top: 0;
	/*display:none;*/
	margin-bottom:0;
}
@media screen and (min-width:48em) {
	.site-branding {
		flex-flow: row nowrap;
		text-align:left;
		}
	.site-description {
		font-size:2em;
		margin-top:1.4em;
		text-align:right;
		}	
	.tagline {/*display:block*/
		text-align:right;
		font-size: 1em;
		}	
	}
@media screen and (min-width:80rem) {
	.header-images img {/* object-fit: cover;*/  min-width: 100%;}
	
	}
	
.social-links {
	margin:0; 
	padding:0;
	/*width:100%;
	margin-top:1em;
	float: right;*/
	display:flex;
	/*justify-content:space-between;*/	
	align-items:center;	
	flex-flow:column nowrap;
	}

@media screen and (min-width:48rem) {
	.social-links {
	align-items:flex-end;	
	
	}
}
	
.nav {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	}
	
.nav-pills>li {
    float: left;
}
.nav>li {
    position: relative;
    display: block;
}
.social-icons ul {/*margin:5em 0 0 0;*/}
.social-icons ul li{
  padding: 0 7px;
}
.social-icons ul li:last-child{
  padding-right: 0;
}
.social-icons ul li a{
  font-size: 1.5em;
  color: #d3d3d3;
  padding: 0;
}
 a .fa-facebook-square {
  color:#0884d5;
}
 a .fa-twitter-square {
  color:#2AA7DC;
}
 a .fa-youtube-play {
  color:#F00;
}
 a .fa-instagram {
  color:#8a3ab9;
}
/*
.social-icons ul li a:hover .fa-facebook-square {
  color:#0884d5;
}
.social-icons ul li a:hover .fa-twitter-square {
  color:#2AA7DC;
}
.social-icons ul li a:hover .fa-youtube-play {
  color:#F00;
}
.social-icons ul li a:hover .fa-linkedin {
  color:#006DC0;
}*/
.social-icons ul li a:hover,
.social-icons ul li a:focus{  
  background: none;
}	
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
	/*background-color:none;
	background-color:transparent;*/
	background-color:#679298;
	/*color:#000; */
	color: #fff;
	padding:1.5em;
	}
	
.site-footer a {
	color: #fff;
	}	
/* Make footer background color transparent on Fishereis, Projects, Nat Res, Wellness pages (that has diffenent background colour)  */
/*body.top-parent-1714 .site-footer, 
body.single-projects .site-footer, 
body.tax-ona_project_category .site-footer, 
body.post-type-archive-projects .site-footer,
body.top-parent-1716 .site-footer,
body.top-parent-1718 .site-footer {
	background-color:transparent;
	}*/


.site-footer ul {
	margin-left:0;	
	}
.site-info { text-align:center }
.home-footer .site-info a {color:#fff;}
.site-info a { font-size: 14px; color:#fff; text-decoration: none; }
.footer-contact .fa {padding-right:25px;}
.footer-links ul {display: flex; flex-flow:column wrap; text-align: left; list-style: none; padding: 0; margin: 0; color:#000;} 
.footer-gallery ul {display:flex; flex-flow:row nowrap; justify-content:center; align-items:center}
.footer-gallery li {padding:5px}
.site-info:before {
    display: block;
    content: "";
    border-top: solid 1px #ccc;
    margin-top:0.5em;
	padding-top:0.5em;
    width: 100%;
}
@media screen and (min-width: 37.5em) {
	
	#footer-content {display:flex; flex-flow:row nowrap; justify-content:space-between;}
	#footer-content > div {flex: 1 1 0px; padding-right:20px;}
	#footer-content div:last-child {padding-right:0px;}
	.site-info { text-align:right }
	}
@media screen and (min-width: 71.25em) {
	.footer-links ul {flex-flow:row wrap; justify-content: flex-start;}	
	.footer-links ul li { width: 170px; padding:5px 20px 5px 0px}		
	}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
body {
	background: #F7F6F1 url("images/bg.jpg") repeat top left;
	/*background-color:#CCC;*/
	}

/* FISHERIES parent pages and Projects pages */	
/*body.top-parent-1714, body.single-projects, body.tax-ona_project_category, body.post-type-archive-projects  {  
	background-image:    url("images/red-bg.jpg"), url("images/main-bg.jpg");
    background-position: top left, 0px 641px;
    background-repeat:   repeat-x, repeat;
	}	*/

/* NATURAL RESOURCES parent pages */	
/*body.top-parent-1716 {  
	background-image:    url("images/blue-bg2.jpg"), url("images/main-bg.jpg");
    background-position: top left, 0px 641px;
    background-repeat:   repeat-x, repeat;
	}*/

/* WELLNESS parent pages */
/*body.top-parent-1718 {  
	background-image:    url("images/green-bg.jpg"), url("images/main-bg.jpg");
    background-position: top left, 0px 641px;
    background-repeat:   repeat-x, repeat;
	}*/
	
.site {
		margin: 0;
		/*background-color:#FFF;
		padding:20px;*/
	}
.content-area {
	overflow-x: hidden;
	min-height:350px;
}
body.home .content-area {
	margin-top:20px;
}
/*.site-header {
	background-color:#F00;
	margin:0em auto;
	}
	
.site-content {
	background-color:#FF0;
		margin:0em auto;
	}
.site-footer {
	background-color:#6F6;
	margin:0em auto;
	}	*/	
.site-header-content {
	background-color:#FFF;
	margin:0em auto;
	}

.header-images {max-height: 400px; overflow:hidden}	
.header-images img {width:100%}

/* Hide header image on Events pages - home and single events pages */
body.page-template-events .header-images,
body.single-events .header-images {display:none}



	
 .site-content {
	background-color:#FFF;
	margin:0em auto;
	}	
.site-main {
	margin: 1.4em;
	font-size: .8em;
	line-height: 1.6em;
}
@media screen and (min-width: 30em) {
	.site-main {
		/*margin: 0 0 1.8em 20px; */
		margin: 0 10px 1.8em 10px;
	}
}
@media screen and (min-width: 40em) {
	.site-main {
		font-size: 1rem;
	}
	.site-header-content {
		padding:20px 20px 0 20px;
	}
	 .site-content {
		padding:0 20px 20px 20px;
	}	
}

@media screen and (min-width: 48em) {
	body:not(.home) .site-main {
		 margin-left:2em; 
	}
}

@media screen and (min-width: 80rem) {
	.site {
		max-width: 71.25rem;
		margin: 1em auto;
	}
	
/*	.site-content, .site-header, .site-footer, .main-navigation {
		max-width: 71.25rem;
		margin: 0em auto;
		padding:20px;
	}*/
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	/*margin: 0 0 1.5em;*/
	margin: 0 0 .25em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Home page
--------------------------------------------------------------*/
/*#menu-buttons {display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}*/
#menu-buttons {
/*	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	align-items:center;*/
	
display:-webkit-box;
display:-ms-flexbox;
display:flex; 
-webkit-box-orient: vertical; 
-webkit-box-direction: normal; 
    -ms-flex-direction: column; 
        flex-direction: column; 
	
	
	
}
/*#menu-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
*/
#menu-buttons div {
	width:100%;
	height:210px;
	margin-bottom:20px;
	margin-top:60px;
	position:relative;
	border-radius: 0px 0px 12px 12px;
	}
	
#menu-buttons a {
	width:100%;
	height:210px;
	display:block}	

.fisheries-button {
		/*background: linear-gradient(rgba(203, 0, 0, 0.45), rgba(227, 59, 48, 0.45)),  url("//www.zappworx.com/ona2016/wp-content/uploads/2017/02/fisheries-image.jpg") no-repeat top center;*/
		background: #B32B25 url("//www.zappworx.com/ona2016/wp-content/uploads/2017/02/fisheries-image.jpg") no-repeat top center;
		background-size: cover;
		}
.naturalresources-button {
		/*background: linear-gradient(rgba(21, 137, 188, 0.45), rgba(21, 137, 188, 0.45)), url("//www.zappworx.com/ona2016/wp-content/uploads/2017/01/SpottedLake.jpg") no-repeat top center;*/
		background: #24767C url("//www.zappworx.com/ona2016/wp-content/uploads/2017/01/SpottedLake.jpg") no-repeat top center;
		background-size: cover;
		}
.wellnesss-button {
		/*background:linear-gradient(rgba(125, 190, 196, 0.45), rgba(125, 190, 196, 0.45)), url("//www.zappworx.com/ona2016/wp-content/uploads/2016/08/wellness-header.jpg") no-repeat top center;*/
		background: #A0AF3B url("//www.zappworx.com/ona2016/wp-content/uploads/2016/08/wellness-header.jpg") no-repeat top center;
		background-size: cover;
		}

#menu-buttons div span {
	position: absolute;
    top: -60px;
    left: 0;
    /*padding-left: 20px;*/
    height: 60px;
    line-height: 60px;
    background-color: black;
    width: 100%;
   /* font-weight: bold;*/
	font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 1.4em;
	text-align:center;	
	border-radius: 12px 12px 0px 0px;
		}		

#menu-buttons .fisheries-button  span {
	background-color: #B32B25;
    	}
		
#menu-buttons .naturalresources-button  span {
	background-color: #24767C;
    	}

#menu-buttons .wellnesss-button   span {
	background-color: #A0AF3B;
    	}				
		

#latest {width:100%}
.social {}
.latest-highlights {display:flex; flex-flow:column nowrap; justify-content:center;}
.latest-highlights .project_highlight {flex:1 1 0px;}
.latest-highlights .project_highlight {padding-right: 2em;}
.latest-highlights .project_highlight:last-of-type {padding-right: 0;}
@media screen and (min-width:48rem) {
	
	#latest {float:left; width:60%}
	.social {float:right}
	
	
	#menu-buttons, .latest-highlights {
/*		-webkit-flex-direction: row; 
		flex-direction: row;
		-webkit-justify-content: space-between;
		justify-content: space-between;*/
		
-webkit-box-orient: horizontal; 
-webkit-box-direction: normal; 
    -ms-flex-direction: row; 
        flex-direction: row; 
-webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
        justify-content: space-between;
		
		
		
		/*flex-direction: row;
		justify-content:space-between;*/
		width:100%; 
	}
	
	#menu-buttons {
		width: calc(100% + 20px);
	    margin-left: -10px;
	}
	
	#menu-buttons div {
		margin-left:20px;
	}
	#menu-buttons div:first-of-type {
		margin-left:0px;
	}
	
	.latest-highlights .project_highlight {flex:1 0 0px;}
	}

/*Facebook Feed div */
.fb_iframe_widget {display:block !important}
	
/* Social Media Feed Tabs */
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	background: #ededed;
	color: #222;
	border-radius: 8px 8px 0px 0px;
}

.tab-content{
	display: none;
	background: #ededed;
	padding: 15px;
	width:370px;
	height:340px;
}

.tab-content.current {
	display: inherit;
}

#tab-1.current {
	border-radius: 0px 8px 8px 8px;
}

#tab-2.current, #instafeed.current {
	border-radius: 8px;
	overflow: auto;
}	

/*--------------------------------------------------------------
## Inside pagea
--------------------------------------------------------------*/
@media screen and (min-width:48rem) {
	/*.widget-area {float:left; width:25%}*/ /* was width: 30% */
	/*body:not(.home) .content-area {float:right; width:72%; margin-right: 1rem;}*/ /* was width: 65%; margin-right: 2rem */
	}

@media screen and (min-width:51.25rem) {
	.widget-area {float:left; width:25%}
	body:not(.home) .content-area {float:right; width:72%; margin-right: 1rem;} /* was width: 65%; margin-right: 2rem */
	}	

/* Remove blocquote icon on Department pages only */
body.page-id-1714 .entry-content blockquote:first-of-type,
body.page-id-1716 .entry-content blockquote:first-of-type,
body.page-id-1718 .entry-content blockquote:first-of-type {margin-left:0; margin-bottom:0}

body.page-id-1714 .entry-content blockquote:first-of-type::before,
body.page-id-1716 .entry-content blockquote:first-of-type::before,
body.page-id-1718 .entry-content blockquote:first-of-type::before { content:"" !important; margin-left:0}

body.page-id-1714 .entry-content blockquote p:last-of-type,
body.page-id-1716 .entry-content blockquote p:last-of-type,
body.page-id-1718 .entry-content blockquote p:last-of-type {margin-bottom:0}

/*body.page-id-1714 .entry-content blockquote + p,
body.page-id-1716 .entry-content blockquote + p,
body.page-id-1718 .entry-content blockquote + p {margin-top:0}*/


/* Quick Links and Publications section on Department pages */
@media screen and (min-width:48rem) {
.links-section-nr, 
.links-section-well, 
.links-section-fish {width:30%; margin-top:25px}
}

.links-section-nr h6.pub-links,
.links-section-well h6.pub-links,
.links-section-fish h6.pub-links {margin-bottom:45px; padding:10px; margin-left: -13px;}

.links-section-nr h6.quick-links, 
.links-section-well h6.quick-links,
.links-section-fish h6.quick-links {margin-bottom:30px; margin-top:50px; padding:10px; margin-left: -13px;}

.links-section-nr h6 {background-color: aliceblue;}
.links-section-well h6 {background-color: aliceblue;}
.links-section-fish h6 {background-color: aliceblue; /*bisque*/}
	
/*--------------------------------------------------------------
## EVENTS page
--------------------------------------------------------------*/

#event-info {display:flex; flex-direction:column-reverse;}

@media screen and (min-width:48rem) { 

#event-info .project-data {float: left; width: 540px; padding-right: 40px;}
#event-info .project-meta {float: left; width: 240px; margin-top: 50px; padding-left: 25px; border-left: 1px solid #e2e2e2; }

}


.term_events {display: flex; flex-flow:column wrap;}
.term_events div {flex: 1 1 30%;}
.term_events div:nth-child(3n+1) {margin-left: 0;}
/* display event date under titles for upcoming and annual events */
.term_events .upcoming-event-date {
	display:block;
	font-size:12px;
	text-transform:uppercase;
	color:#999; 
	padding:0px !important; 
	margin:0px !important; 
	line-height:14px;
	}



@media screen and (min-width:48rem) { 
#event-info { display: flex; flex-direction: row;}
.term_events {flex-flow:row wrap; justify-content: flex-start;}
.term_events div {flex: 0 0 30%; margin-left: 4%;}
}
/*.term_events div:first-child {margin-left: 0;} */ /* this rule is covered under the rule above */

/*single event */

#event-info .project-data h4:first-of-type {font-weight:normal;}


.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 15px;
 /* background: #b31010;*/
  background: #A3BDC0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
 /* background: #fc3c3c; */
  background: #A3BDC0;
  text-decoration: none;
  color:#ffffff !important;
}

/* events sidebar */
ul.event-cat li {
	color: #990000;
    width:100%;
	display:block;
	cursor:pointer;
}

ul.events_by_cat {
    display: none;
}
    
ul.events_by_cat li {
    border:none !important;
	padding:0 !important;
}	
	
ul.events_by_cat li a {
    color: #666 !important;
    font-size: 0.875em;
    display: block;
    width: 100%;
    padding-bottom: 0 !important;
}


/*--------------------------------------------------------------
## PROJECTS page
--------------------------------------------------------------*/

/* Projects sidebar */

#sideMenu form {margin-top:1.5em; margin-left:25px;}

#sideMenu form input[type="search"] {width:200px; font-size:14px}

body.page-template-projects #sideMenu > ul,
body.single-projects #sideMenu > ul,
body.post-type-archive-projects #sideMenu > ul {
	margin-top:2em;
}

.project-meta-box a {color:#FFCC00}
.project-meta-box a:hover {color:#FFFF00}

#project-info {
	display: flex;
    flex-direction: column-reverse;
}

#project-info .project-meta img {width:100%}

@media screen and (min-width:48rem) { 
#project-info {	flex-direction: row }
#project-info .project-data {float: left; width: 540px; padding-right: 35px;}
#project-info .project-meta {float: left; width: 250px;}
#project-info .project-meta img {width:auto;}

#sideMenu form {margin-top:6.5em;}
#sideMenu form input[type="search"] {width:150px;}
}

	
	
/*--------------------------------------------------------------
## JOBS page
--------------------------------------------------------------*/	
.job-opennings {
	margin-bottom:90px;
	}
.job-opennings a {
	color:#679298;
	
	}	
	
	
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
img.aligncenter {
	margin-top: 2em;
	margin-bottom: 2em;
}
img.alignright,
img.alignleft {
	margin-bottom: 1.5em;
}
.centered-image,
.featured-image {
	max-width: calc(100% + 2.8em);
	margin: 1.5em -1.4em;
}
@media screen and (min-width: 30em) {
	
	.centered-image,
	.featured-image {
		max-width: calc(100% + 3.6em);
		margin: 1.5em -1.8em;
	}
}
@media screen and (min-width: 50em) {
	
	img.alignright,
	.wp-caption.alignright {
		/*margin-right: -1.5em;*/
	}
	
	img.alignleft,
	.wp-caption.alignleft {
		/*margin-left: -1.5em;*/
	}
	
	.centered-image {
		max-width: calc(100% + 6em);
		margin-right: -3em;
		margin-left: -3em;
	}
	
}
@media screen and (min-width: 74em) {
	img.alignright,
	.wp-caption.alignright {
		/*margin-right: -3em;*/
	}
	img.alignleft,
	.wp-caption.alignleft {
		/*margin-left: -3em;*/
	}
}
.featured-image {
	margin-top: -1.4em;
	margin-bottom: -1.2em;
}
@media screen and (min-width: 30em) {
	.featured-image {
		margin-top: -1.8em;
	}
}
@media screen and (min-width: 50em ) {
	.featured-image {
		margin-top: 3em;
	}
}
.featured-image img {
	display: block;
	margin: 0 auto;
}
.featured-image a:hover img,
.featured-image a:focus img {
	outline: dotted;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	/*max-width: 50%;*/
	max-width: 40%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}


/***********************
History
***********************/

.clear {
	clear:both;
	}
	
.historydates {
	color: #0F4E73;
	font-size: 18px;
}

.historyDiv {
	width: 420px;
	float: left; 
	padding: 0px 0px 0px 60px;

}

.historyDivPre{
	width: 420px;
	float: left; 
	padding: 0px 0px 0px 20px;

}

.historyDivS {
	width: 420px;
	float: left; 
	padding: 0px 0px 0px 50px;

}

.historyDivSpan {
	width: 420px;
	float: left; 
	padding: 0px 0px 0px 14px;

}

#pre1700s{
	width: 570px;
	float: left;
	margin-bottom: 15px;
}


#pre1700s ul li {
	list-style-type: none;
	border-bottom: 1px dotted #0F4E73;
	margin: 0px 0px 0px -40px;
	padding: 20px 0px 20px 0px;
	color: #463933;
	font-size:15px;

}

#pre1700s li p {
	float: left;
	padding:0px;
	margin:0px;

}

#history1700s{
	width: 570px;
	float: left;
	margin-bottom: 15px;
}

#history1700s ul li {
	list-style-type: none;
	border-bottom: 1px dotted #0F4E73;
	margin: 0px 0px 0px -40px;
	padding: 20px 0px 20px 0px;
	color: #463933;
	font-size:15px;
}

#history1700s li p {
	float: left;
	padding:0px;
	margin:0px;
}



#history1800s {
	width: 570px;
	float: left;
	margin-bottom: 15px;
}

#history1800s ul li {
	list-style-type: none;
	border-bottom: 1px dotted #0F4E73;
	margin: 0px 0px 0px -40px;
	padding: 20px 0px 20px 0px;
	color: #463933;
	font-size:15px;
}

#history1800s li p {
	float: left;
	padding:0px;
	margin:0px;
}

#history1900s {
	width: 570px;
	float: left;
	margin-bottom: 15px;
}

#history1900s ul li {
	list-style-type: none;
	border-bottom: 1px dotted #0F4E73;
	margin: 0px 0px 0px -40px;
	padding: 20px 0px 20px 0px;
	color: #463933;
	font-size:15px;
}

#history1900s li p {
	float: left;
	padding:0px;
	margin:0px;
}

#history2000s {
	width: 570px;
	float: left;
	margin-bottom: 15px;
}

#history2000s ul li {
	list-style-type: none;
	border-bottom: 1px dotted #0F4E73;
	margin: 0px 0px 0px -40px;
	padding: 20px 0px 20px 0px;
	color: #463933;
	font-size:15px;
}

#history2000s li p {
	float: left;
	padding:0px;
	margin:0px;
}

/*#sidebar ul li h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	letter-spacing: 3px;
	
	
}*/

#historyTimelineNav {
	width: 570px;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 0px 20px 0px; 
}

#historyTimelineNav a:link, #historyTimelineNav a:visited {
	color: #CC6600;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 1px;
	letter-spacing: 0.09em;
}

#historyTimelineNav a:hover {
	color: #1776B2;
	background-color:#F5F3ED;
	
}
/***********************
History Ends
***********************/


/* MOBILE MENU CSS UPDATES */
#wprmenu_menu.wprmenu_levels ul li ul li {
    padding-left: 22px !important; /* was 44px */
}
#wprmenu_menu.wprmenu_levels ul li ul li ul li {
    padding-left: 44px !important; /* was 88px */
}

#wprmenu_menu.wprmenu_levels ul li ul li ul li ul li {
    padding-left: 60px !important; /* was 132px */
} 

#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover {
  /*  border-bottom: 1px solid #131212;
    border-top: 1px solid #474747;
    display: block;
    color: #D3D3D3;*/
    padding: 8px 6px;
    font-size: 13px;
    /*margin: 0px;
    text-decoration: none;*/
}
 /* MOBILE MENU CSS UPDATES ENDS */
 
 
 .fa.icons-mnm {
    margin-top: 10px;
    margin-left: 5px;
    font-size: 1.5em;
	text-decoration:none;
}

.mnm-label {
    font-size: 1.25em;
    margin-top: -32px;
    margin-left: 35px;
    text-transform: uppercase;
}

/* MOBILE MENU TWEAKS */

/* Show the drop down arrow area as different colour - for better distinction on whether to click the menu item or check its subpages.*/
.ml-listview .ml-next {
    background: #B32B25 !important;
    opacity: 0.5 !important;
}