/* GENERAL */
body {max-width: 1920px; margin: 0 auto; }
body * {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#masthead, #content, #colophon, .panel-grid {margin-right: auto;  margin-left: auto; }
#content {width: 100%; max-width: 1200px; }
#primary {display: inline-block;  width: 75%; padding: 0; vertical-align: top; }
#primary #main { padding: 10px; }
#secondary {display: inline-block;  width: 24%; margin-top: 2em;  vertical-align: top; }
#secondary section {display: block; width: 100%; max-width: 300px;  padding: 0 10px; vertical-align: top; }
#secondary .catlist { height:auto !important; }

.page-template-template-no-sidebar #primary,
.page-template-template-no-sidebar-no-h1 #primary,
.post-template-template-no-sidebar #primary,
.post-template-template-no-sidebar-no-h1 #primary { width: 100%; }
.contact-template-template-no-h1 #primary ,
.contact-template-template-no-sidebar-no-h1 #primary
{ width: 100%; }

.staff-img { overflow: hidden; }

.grey {min-height: 125px; padding: 5%; text-align: center; color: #000; background: #d8d8d8; }

/* LINKS */
.entry-content a, .entry-content a:active, .entry-content a:visited, .entry-content a:focus {transition: all 0.25s;  color: #555; }
.entry-content a:hover {transition: all 0.25s;  color: #000; }

/* PARAGRAPHS */
.entry-content p {font-size: 14px; }

/* LISTS */
.entry-content ul {margin: 0; padding: 0; }
.entry-content ul li {margin-left: 20px; font-size: 14px; }


/* HOME */
.home-h1 { position: absolute; z-index: 9; margin: 0; padding: 0; font-size: 12px; }
.home #content #primary {display: block; width: 100%;  max-width: 1200px; margin: auto; }
.home .view, .home .view img {width: 100%; }

/* SINGLE CONTACT */
.single-contact .action-buttons-row {display: none; }
.single-contact a span {cursor: pointer; }

/* SINGLE STAFF */
.single-staff .action-buttons-row {display: none; }

/**** MENUS ****/
/* Mobile first styling */
	button.menu-toggle { position: absolute; z-index: 99999; top: 5px; left: 5px; padding: 0 3px 2px; font-size: 24px; }
	.admin-bar button.menu-toggle { top: 51px; }
	.main-navigation > div > ul {position: absolute; top: 0; left: -110%; display:block; width: 100%; max-width: 414px; transition: left 0.5s ease;  text-align: left; }
	.admin-bar .main-navigation.toggled > div > ul { top: 46px; }
	.main-navigation li { width: 100%; line-height: 2; }
	.main-navigation li a {transition: all 0.25s; color: #000; border-bottom: 1px solid #ddd;  line-height: 3; }
	.main-navigation li a:hover {transition: all 0.25s; color: #7d7d7d; }
	.main-navigation .close-li {padding-right: 20px; text-align: right;  border-bottom: 1px solid #ddd; }
	.main-navigation .close-li span { pointer-events: none; }
	.main-navigation ul {z-index: 99999;    background-color: #fff; }
	.main-navigation li {display: inline-block;  float: none; }

	.main-navigation .current-menu-parent > a, .main-navigation .current-menu-item > a {font-weight: 700; }

	.main-navigation ul.sub-menu {background: #fff; }

	.main-navigation.toggled li {display: block; width: 100%;  margin: 0; cursor: pointer; }
	.main-navigation.toggled > div > ul { left:0; transition: left 0.25s ease; box-shadow: 0px 0px 5px #000; }
	.main-navigation.toggled ul ul {position: relative; left: 0;  display:none; float: none; width: 100%; background-color: #f3f3f3; box-shadow: none; }
	.main-navigation.toggled li a { width: 100%; padding-left: 10px; }
	.main-navigation.toggled ul ul li a { padding-left: 20px; font-size: 0.95rem; }
	.main-navigation.toggled .menu-pos {position: absolute; right:1em;  display: block; margin-top: -3px; margin-right: 0; transition: all 0.25s ease; transform: rotate(90deg); pointer-events: none; color: #aaa; font-size: 17px; font-weight: lighter; }
	.main-navigation.toggled .focus .menu-pos {transition: all 0.25s ease;  transform: rotate(-90deg); }

	ul.sub-menu, ul.sub-menu li { list-style: none; }

	.woocommerce ul.products li.product button.bottomify:active {top: initial !important; }

	@media screen and (min-width: 783px) {
		.admin-bar button.menu-toggle { top: 37px; }
		.admin-bar .main-navigation.toggled > div > ul { top: 32px; }
	}

	@media screen and (min-width: 736px) {
		.menu-toggle {
			display: none;
		}
		.main-navigation ul {
			display: block;

			background-color: transparent;
			box-shadow: none;
		}

		.main-navigation ul ul li:hover > ul,
		.main-navigation ul ul li.focus > ul,
		.main-navigation.toggled ul ul li:hover > ul,
		.main-navigation.toggled ul ul li.focus > ul {
			left: 100%;
		}

		.main-navigation ul li:hover > ul,
		.main-navigation ul li.focus > ul,
		.main-navigation.toggled ul li:hover > ul,
		.main-navigation.toggled ul li.focus > ul {
			left: auto;
		}

		.main-navigation ul ul, .main-navigation.toggled ul ul {
			position: absolute;
			z-index: 99999;
			top: 100%;
			left: -999em;

			text-align: left;

			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		}

		.main-navigation ul ul ul {
			top: 0;
			left: -999em;
		}

		.main-navigation ul ul a, .main-navigation.toggled ul ul li a {
			width: 200px;
		}


		.main-navigation li, .main-navigation.toggled li {
			position: relative;

			display: inline-block;

			width: auto;
			margin: 0 10px;
		}
		.main-navigation li a, .main-navigation.toggled li a { padding: 0; border-bottom: none; line-height: 2; }
		.main-navigation > div > ul, .main-navigation.toggled > div > ul {
			position: relative;
			left: auto;

			display: block;

			width: auto;
			max-width: 100%;

			text-align: center;

			box-shadow: none;
		}
		.main-navigation .close-li, .main-navigation.toggled .close-li { display: none; }
		.main-navigation .menu-pos, .main-navigation.toggled .menu-pos { display: none; }
	}

/* MAPS */
.contact-map {height: 250px; }

/* FOOTER */
#colophon .edit-link {display: none; }
#colophon .contact-map {height: 200px; }
#colophon .footer_widget {display: inline-block;  float: none; vertical-align: top; }
#colophon section {float: none;  padding: 0 0.5em; }


@media screen and (max-width: 800px) {
	#primary { width: 100%; }
	#secondary { width: 100%; }
}

@media (max-width: 667px) {
	html #wpadminbar {position: fixed; }
}

@media (max-width: 480px) {
	.home #primary .panel-grid, .home #primary .so-panel, .home #primary .panel-grid-cell {margin-bottom: 0 !important; }
	h1.entry-title {font-size: 24px; }

	#page .alignleft, #page .alignright {float: none; width: 100%; margin-bottom: 5px; }

	.action-buttons-row .panel-grid .widget {margin-bottom: 0 !important; }

	#primary .alignleft, #primary .alignright {clear:both; width: 100%; margin: 0; }

	.simple-sitemap-container, #sitemap .entry-content li {line-height: 2em; } /* WEBMASTER TOOLS FIX */


}