/*
Theme Name:   Infinyx-Alpha (Parent)
Theme URI:    http://sitemill.net
Description:  Infinyx Alpha parent theme. Offers 6 unlimited width sections with centered 1000px wide zones for content.
Author:       Sitemill - Nik Peran
Author URI:   http://sitemill.net
Version:      Alpha
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, responsive, two-content-rows, flexbox-layout, 3-menus, 4-widget-areas, full-width-template, centered-content
Text Domain:  sitemill
Date Created: June 2017
*/

/*
Infinyx Stylesheet

A note on Sitemill parent theme versions ... Successive versions
use keywords from the Telephony Alphabet. So version 1 is 'Alpha',
2 is 'Bravo', 3 is 'Charlie', etc.

This theme is Infinyx Alpha, 1st in the Infinyx series of templates.

CONTENTS
========
1. Design Notes
	- Overview
	- Reset Styles
	
2. Structural Elements
	
3. Links & Colors
	- Backgrounds
		#8BA7E8 = Section: #banner
		#BEAA8A = Sections: #ancillary, #footer, #footer box-shadow
		#69573B = Section: #supplement
	- Links & Text
		#FFB429 = Default link
		#AB8F65 = Site title, Topmost nav links, Headlines
	
4. Navigation
	- Main menu
	
5. Typography
	- Font families, margins & paddings, line-heights
	- Lists
	- Base font sizes on html tag. Start a bit smaller
	  for mobile and scale up for larger devices.
		100%   = 16px
		93.75% = 15px
		87.5%  = 14px
		81.25% = 13px
		75%    = 12px
	
6. Media Queries

7. Images

8. Forms
	- Comments
	
9. Utility Helpers
	- Alignment modifiers
	
10. Content Components
	- Post excerpts
	
11. WordPress Bug Fixes & Workarounds
	- Fix Thickbox icon
	
12. Mobile Devices Stylesheet
	- mm-mobile jQuery plugin
*/


/* 1. DESIGN NOTES */
/*
	Infinyx consists of multiple horizontal bands (sections) each spanning
	the full width of the viewport. These bands continue infinitely sideways
	when zooming out. Hence inspiration for the name.
	
	Each 'div.section' contains a sub section called 'wrap' used to center its
	content and align it to content in other sections. Content placed outside of 
	its container will span full width also.
	
*/
/* RESET STYLES - Neutralize cross browser default settings for consistency. */
html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Rqd for background gradients */
	width: 100%;
}

/* HTML5 block elements for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body * { text-shadow: none;	}
body {
	line-height: 1;
}

a {
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

ul {
	list-style: none;
	}
p, li, dt, dd, h1, h2, h3, h4, h5, h6  {
	line-height: 1.3;
}
blockquote, q {
	quotes: none;
}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clear floats by applying class of '.clearfix' to container */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
input[type="submit"] {
	cursor: pointer;
}




/* 
	2. STRUCTURAL ELEMENTS 
	======================
*/

html {
	font-family: Arial, sans-serif;
	font-size: 81.25%; /* ~ 13px */
}
#container {
	height: 100%;
}

.section {
	clear: both;
	text-align: center;
	box-sizing: border-box;
}
	.wrap {
		/* Centered container in each section */
		position: relative;
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		max-width: 1000px;
		text-align: left;
		padding: 0 4px;
		/*border-left: 1px dotted #eee; DEV TESTING ONLY ------------------------------ TODO - Remove ------x
		border-right: 1px dotted #eee;*/
	}
		/* Sections: mobile, header, banner, ancillary, principal, supplement, footer */
		#mobile {
			background-color: #333;
			color: #fff;
			font-size: 1.5em;
			line-height: 1.5em;
		}
		#header {
		}
			#header .wrap {
				height: 4em; /* must match nav links line-height */
			}
				a#site-name {
					display: none;
					font-size: 1.8em;
					padding-left: 3.5em;
					float: left;
					margin-top: .6em;
				}		
				a#site-logo {
					position: absolute;
					z-index: 1;
					padding: 4px;
					left: 0;
				}
					a#site-logo img  {
						height: 7.5em;
					}
				a#site-phone {
					float: right;
					font-size: 1.5em;
					margin-top: .7em;
				}
				a#site-phone:before {
					content: '\00260e \a0'; /* = ☎ space*/
					color: #333;
					font-size: 120%;
				}
				#header a:hover {
					text-decoration: none;
				}

		#ancillary {
			/* Category nav & search section */
			border-top: 1px solid rgba(0,0,0,0.08);
			border-bottom: 1px solid rgba(0,0,0,0.08);
		}
			#ancillary .primary {
				text-align: center;
			}
			#ancillary .secondary{
				display: none;
			}
		#principal {
		}
		#supplement {
			background-color: #69573B;
			/* Inner shadow to top and bottom edges only */
			box-shadow: inset 0px 15px 15px -15px rgba(0,0,0,.5),
						inset 0px -15px 15px -15px rgba(0,0,0,.5);
		}
		#footer {
			/* Extend footer bg color to bottom of screen if little content */
			box-shadow: 0px 1000px 0px 1000px #BEAA8A; /* h v blur spread color */
			padding: 0.2em;
			font-size: 0.8em;
		}
			#footer .half {
				text-align: center;
				margin: .4em 0;
			}
	/* Column groups can appear in several sections' wrap. Flex Box
	   enables reorder of columns with pure css and always keep main 
	   content first in the markup. Target aligned columns in different
	   sections collectively with classes primary, secondary, tertiary 
	   in order of content importance. Or half, third, quarter for evenly
	   spaced columns */
	.colset {
		display: flex;
		flex-direction: column;
	}
		/* Gap is a spacer column that removes need for calculating 
		   changing column paddings when columns reordered from the 
		   order in markup. Only has effect when side by side. Means
		   regardless of order and some columns being fixed while 
		   others are liquid, there will always be equal padding between 
		   them. Requires more markup but small price for convenience. */
		.gap {
			width: 30px; /* space between columns */
		}
		.primary {
			box-sizing: border-box;
			flex-grow: 1;
		}
		.secondary {
			box-sizing: border-box;
			border-top: 1px dotted #BEAA8A; /* becomes hidden in desktop */
		}
		.half {
			flex-grow: 1;
		}




/* 
	3. LINKS & COLORS
	=================
	* See also Boxy Links under 'Excerpts' below.
*/
body {
	color: #333;
}
	/* Default link color */
	a { 
		color: #FFB429;
	}
	a#site-name,
	#main-nav > ul > li a,
	h1, h2, h3, h4, h5, h6 {
		color: #AB8F65;
	}
	/* Mid-tone Sections (search, footer) */
	.tint {
		color: #ebe5db; /* #9e8157 */
		background-color: #BEAA8A; /* Match also with #footer box-shadow color */
	}
		.tint a {
			color: #FFF8DE;
		}
	/* Darkest Section (supplement) */
	.dark {
		color: #d5c7b2;
		background-color: #BEAA8A; 
	}
		.dark h1, 
		.dark h2, 
		.dark h3, 
		.dark h4, 
		.dark h5, 
		.dark h6 {
			color: #EEE2BE;
		}
	/* Links inside heading tags */
	/* Immediate child links inside headings should inherit parent color, eg Blog Titles */
	h1 > a, 
	h2 > a, 
	h3 > a, 
	h4 > a, 
	h5 > a, 
	h6 > a {
		color: inherit;
	}
	h1 > a:hover, 
	h2 > a:hover, 
	h3 > a:hover, 
	h4 > a:hover, 
	h5 > a:hover, 
	h6 > a:hover {
		color: #FFB429;
		text-decoration: none;
	}
	/* Some links should never show underline - miscellaneous */
	.post-image a:hover,
	.search-image a:hover {
		text-decoration: none;
	}


/* 
	4. NAVIGATION 
	=============
	Overrides default link styles from above.
*/

nav ul {
	/* Reset Values */
	margin: 0; padding: 0; line-height: 0;
}

/* Mobile Menu */
#mobile span { font-size: 85%; }
#mobile a {
	display: block;
	color: inherit;
	width: 1.5em; height: 1.5em; /* match parent 'line-height' */
	text-align: center;
	background-color: #555;
	font-weight: bold;
}
	#mobile a:hover { 
		background-color: rgba(255,255,255,0.4); 
		text-decoration: none;
	}
	a#menu-button {
		float: left;
	}
	a#search-button { /* Opens and scrolls to form via JS */
		float: right;
	}

/* Main Nav */
#main-nav {
	float: right;
	display: none; /* not shown on narrow devices */
	background-color: #fff;
	margin-top: .8em;
}
#main-nav * {
	box-sizing: border-box;
}
	#main-nav > ul {
		position: relative;
	}
		#main-nav > ul > li {
			float: left;
			margin-left: 1.2em;
		}
			/* Top Level Links */
			#main-nav > ul > li > a {
				display: block;
				padding: .4em 0;
				border-bottom: 4px solid transparent;
				font-size: 1.1em;
				transition: border-bottom-color 300ms linear; /* Soften bottom border appearing */
			}
				#main-nav > ul > li a:hover, /* hovering over top links and, */
				#main-nav > ul > li:hover > a /* keep styled when descending onto children */ {
					border-bottom-color: #FFB429;
				}
				
					/* Main Menu Child Links */
					#main-nav ul ul {
						display: none; /* Hide all submenus by default */
						position: absolute; 
						z-index: 995;
						top: 2.5em;
						min-width: 9em;
						padding: 4px 0;
						border: 1px solid #FFB429;
						border-top-right-radius: 8px;
						border-bottom-left-radius: 8px;
						background-color: #FFFDF9;
					}
					#main-nav ul li:hover > ul {
						display: block;
					}	
						#main-nav ul ul li {
							position: relative;
							z-index: 996;
							height: 2em;
							line-height: 2;
						}
						#main-nav ul ul li.menu-item-has-children > a:before {
							content: "\0025b8"; /* unicode right pointing triangle */ 
							position: absolute;
							top: .2em;
							right: 0;
							color: #FFB429;
							font-size: 18px;
							line-height: 1.1;
						}
							#main-nav ul ul li a {
								display: block;
								padding: 0 10px;
								font-size: 0.9rem;
								transition: color 150ms linear; /* Soften link hover color */
								white-space: nowrap;
							}	
								#main-nav ul ul li a:hover {
									color: #FFB429;
									background-color: white;
								}	
					
						/* Main Menu Grandchild Links */
						#main-nav ul ul ul {
							position: absolute; 
							left: 98%; /* 100% lines up exact */
							top: 0px;
						}
			
/* Secondary Navigation - Categories */
#sub-nav {
	margin-top: 0.3em;
}
	/* Top Level Links */
	#sub-nav > ul > li {
		display: inline-block;
	}
		#sub-nav > ul > li a {
			padding: .2em .8em;
			line-height: 1.8em;
		}
		
/* Footer Nav */
footer nav {
}
footer nav a {
	display: inline-block;
	padding: 0 .4em;
}

/* Archive Pages - inherit the 'boxy' class for links */
nav.posts-pagination {
	text-align: center;
	margin: 1.5em 0;
}
	.posts-pagination span.current {
		display: inline-block;
		padding: .15em .3em; 
	}




/* 
	5. TYPOGRAPHY 
	=============
*/

a#site-name,
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
}
	.content h1, 
	.content h2, 
	.content h3, 
	.content h4, 
	.content h5, 
	.content h6,
	.content ol,
	.content ul,
	.content p {
		margin: .7em 0;
	}
	/* Headings following other elements */
	.content p + h2,
	.content ol + h2,
	.content ul + h2 { 
		margin-top: 1.1em; 
	}
	.content p + h3,
	.content ol + h3,
	.content ul + h3 { 
		margin-top: 1.2em; 
	}
	/* Paragraphs following other p's - Less dense for large blocks of text */
	.content .primary p + p {
		margin-top: 1.1em;
	}

small, .small {
	font-size: 85%;
}
.big {
	font-size: 115%;
}
/* Stop long links busting out of side - apply this to container. Browser support is mixed
	hence the several rules. Taken from:
    https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
.overflow-wrap {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
	hyphens: auto;
}

/* LISTS */
.content .primary ul li {
	line-height: 1.35;
	position: relative; /* for abs pos of bullets in content:*/
	margin: 0.3em 0;
}
/* Output from shortcodes [(child|sibling)_pages_list]*/
.content .primary ul.link-list li:before {
	color: inherit;
}
/* Lists within lists */
.content .primary ul ul {
	margin: 0.3em 0; /* Match the li it sits in */
}



/* 
	6. MAIN MEDIA QUERIES 
	=====================
*/

@media only screen and (min-width: 350px){
	html {
		font-size: 87.5%; /* ~ 14px */
	}
}

@media only screen and (min-width: 675px){
	/* Hide/reval elements */
	#mobile,
	a#site-phone {
		display: none;
	}
	#main-nav, 
	a#site-name,
	#ancillary .secondary  /* search form*/
	{
		display: block;
	}
	html {
		font-size: 93.75%; /* ~ 15px */
	}
	/* [sitemap] shortcode output */
	.sitemap {
		display: table;
		width: 100%;
	}
		.sitemap .column {
			display: table-cell;
			vertical-align: top;
		}
	/* Reorder main layout columns */
	.colset {
		flex-direction: row;
	}
		.primary,
		#ancillary .primary {
			text-align: left;
		}
		.secondary {
			width: 250px;
			flex: 0 0 250px; 
			border-top: none;
		} 
			#sub-nav > ul > li a:first-child {
				margin-left: -0.8em; /* nudge to realign with left side */
			}
			#footer {
				padding: 0.7em 0.2em;
			}
				#footer .half:first-child {
					text-align: left;
				}
				#footer .half:last-child {
					text-align: right;	
				}
				footer nav a:first-child {
					margin-left: -0.4em; /* nudge to realign with left side */
				}
}

/* Twin columns. Flex from vertical to side-by-side layout */
.duo-col {}
h1 + .duo-col {
	margin-top: -1.1em; /* Shift up after heading 1 */
}
	.duo-cell { 
		padding: 0.7em 0;
		border-bottom: 1px dotted #BEAA8A;
	}

	/* TODO: use JS to help switch on container size, not screen width. */
	@media only screen and (min-width: 500px){
		.duo-col { 
			display:table; 
			table-layout: fixed; /* keep equal cell widths */
			border-collapse: separate;
			border-spacing: 30px 10px; /* H V */
			margin: 0 -30px; /* remove outer border spacing */
			width: calc(100% + 60px); /* extend right edge to where it belongs. TODO - make it +30 in IE */
		}
		.duo-row { 
			display:table-row; 
		}
		.duo-cell { 
			display:table-cell;
			vertical-align: top;
		}
		/* Drop the borders on last row */
		.duo-row:last-child .duo-cell {
			border-bottom-color: transparent;
		}
	}
	
	


/* 
	7. IMAGES 
	=========
*/	

.content img {
	width: 100%;
	height: auto;
}
	/* WordPress image sizes */
	.content img.size-large,
	.content img.size-full {
	   max-width: 100%;
	}
	.content img.size-thumbnail,
	.content img.size-medium {
	   width: auto;
	}
	/* WordPress image alignments */	
	/* Aligned images wrapped in links */	
	/* Captioned images */	
	.content img.alignleft,
	.content a img.alignleft,
	.wp-caption.alignleft {
		float: left; 
		margin: 0 1.5em 1em 0;
	}
	.content img.alignright,
	.content a img.alignright,
	.wp-caption.alignright {
		float: right; 
		margin: 0 0 1em 1.5em;
	}
	.content img.aligncenter, 
	.content a img.aligncenter, 
	.wp-caption.aligncenter {
		/* This make links wrap the image, not take up whole block */
		display: inline-block;
		margin: 1em auto 1em 50%;
		transform: translateX(-50%);
	}
	/* Image captions */
	.wp-caption {
		box-sizing: border-box;
		border: 1px solid #ccc;
		padding: 5px;
		display: inline-block; /* These 2 lines override inline width to make caption responsive */
		max-width: 100%;
	}
		p.wp-caption-text {
			text-align: center;
			font-size: 85%;
			margin: .2em 0;
			color: #69573B;
		}
	 

/* Responsive Post Thumbnails - Archive listings, Blog home */
/* 
	Set as background image in div with transparent image over it. 
	That way users can still view image when right clicking on it.
	URI provided as style in source code.
*/
.flex-thumbnail {
	height: 50vw; 
	background-color:  #E1D8CB; 
	background-repeat:  no-repeat; 
	background-position:  center; 
	background-size: cover; 
	position: relative; 
	max-height: 180px;
	text-align: center;
	vertical-align: middle;
}
	.flex-thumbnail img {
		position: absolute; 
		top: 0; 
		height: 50vw; 
		max-height: 180px; 
		opacity: 0;
	}
	.flex-thumbnail.default {
		position: relative;
	}
	.flex-thumbnail.default span {
		display: inline-block;
		background-color: rgba(250,250,250,0.75);
		border-radius: 10em;
		padding: 5px 12px;
		color: #69573B;
	}
	.flex-thumbnail.default {
		background: #E0D8CB;  	/* Set a background image in child theme */
	}
.search-result .flex-thumbnail {
	float: left;
	width: 150px;
	height: 110px;
	margin-top: .3em;
}
	.search-result a + div.search-text {
		margin-left: 170px;
	}
	.search-meta {
		font-style: italic;
		font-size: 110%;
		padding-bottom: 0.5em;
	}
/* Images in comments are small. No need for responsive. */
#comments-area .avatar {
	width: auto;
	height: auto;
	float: left;
	padding: 0 10px 10px 0;
}



/* 
	8. FORMS 
	========
*/
/* Comments Form */
#comments-area > ol,
#respond { /* Wraps comment form links and title */
	border: 1px solid #BEAA8A;
	padding: .5em 15px 1em 15px;
	margin: 1em 0;
}
	#comments-area > ol {
		padding-left: 2em;
	}
	#comments-area > ol ol {
		border: 1px dotted rgba(255,255,255,0.2);
		padding: 5px;
		padding-left: 2em;
		margin: .5em 0 .5em 2em;
	}
#commentform label {
	display: inline-block;
	width: 5em;
}
.comment-author {
	margin-bottom: 4px;
}

input[type="submit"] {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	border-radius: 3px;
	border: 1px solid #eeb44f;
	padding: .5em 1em;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background: -ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background-color: #ffc477;
	color: #ffffff;
	display:inline-block;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
 	-webkit-box-shadow: inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow: inset 1px 1px 0px 0px #fce2c1;
 	box-shadow: inset 1px 1px 0px 0px #fce2c1;
}
	input[type="submit"]:hover {
		background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
		background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
		background-color:#fb9e25;
	}
	input[type="submit"]:active {
		position:relative;
		top:1px;
	}
	
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
	background-color: #DACFBE;
	border: 1px solid #A98E63;
	padding: .5em;
	box-shadow: inset 2px 2px 4px #BEAA8A;
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
}
	textarea[name="comment"] {
		width: 100%;
		max-width: 500px;
		height: 7em;
	}




/* 
	9. UTILITY HELPERS 
	==================
*/

/* Vertically align anything to middle. SRC=http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ */
.middle {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: perspective(1px) translateY(-50%);
}
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }





/* 
	10. CONTENT COMPONENTS 
	=====================
*/

/* Search Form */
input#s {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: .4em 0;
	padding: .2em .4em;
	background-color: rgba(255,255,255,0.15);
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
}
	input#s:focus {
		background-color: rgba(255,255,255,0.25);
		box-shadow: none;
	}

.single-post-meta {
	font-size: 0.9em;
	padding: 1em 0;
}



/* Post Excerpts */
/* Reset for current context */
.excerpts {
	font-size: 1rem;
}
	.excerpts ol {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		display: inline-block;
	}
	.excerpts li {
		margin: .7em 0;
	}
	.excerpts a:hover {
		text-decoration: none;
	}
	.xhead * {
		font-size: 1.1em;
	}
	.xfoto {
		height: 50vw; /* ~9:16 */
		max-height: 250px;
		overflow: hidden;
	}
		.xfoto a img {
			display: block;
			width: 100%;
		}
	/* Date Box */
	.xdate, .xicon {
		float: left;
		padding-right: .6em;
	}
	.xdate a {
		display: table-cell;
		vertical-align: middle;
		height: 4.5em;
		width: 4.5em;
		background-color: #FFB429;
		text-align: center;
		border: 1px solid transparent;
		color: #69573B;
	}
		.xdate a span {
			font-size: 1.3em;
			display: block;
		}
	/* Thumbnails */	
	.xicon a {
		display: inline-block;
		position: relative;
		top: -0.4em;
		border: 1px solid rgba(255,255,255,0.5);
		height: 4.5em;
		width: 4.5em;
	}
		.xicon a:hover {
			border-color:  #FFB429;
		}
		.xicon img {
			height: inherit;
			width: inherit;
			object-fit: cover; /* Keep aspect ratio of scraped images. Does not work in IE :( */ 
		}
		
	/* Boxy links */
	.xtags {
		border-bottom: 1px dashed rgba(255,255,255,0.2);
		padding-bottom: 1.2em;
	}
		a.boxy,
		.boxy a,
		.xtags a {
			display: inline-block;
			font-size: 0.85em;
			padding: .3em .5em;
		}
		.light a.boxy,
		.light .boxy a,
		.light .xtags a {
			color: #AB8F65;
			border: 1px solid #EEE2BE;
		}
		.dark a.boxy,
		.dark .boxy a,
		.dark .xtags a {
			color: #EEE2BE;
			border: 1px solid rgba(255,255,255,0.5);
		}
			a.boxy:hover,
			.boxy a:hover,
			.xtags a:hover {
				border-color: #FFB429;
				text-decoration: none;
			}	
			
	/* Wider Devices */
	@media only screen and (min-width: 400px){
		.wide .article li:not(.xdate) { /* apply only if in wider container */
			margin-left: 6em;
		}
		.xdate {
			position: absolute;
			top: 0;
		}
		/* Compensates for h2 line-height to make both img and h2 align equally with date */
		.xdate, .xfoto {
			padding-top: .5em;
		}
	}
	


/*
	11. WORDPRESS BUG FIXES & WORKAROUNDS
	
	These may need to be removed in future versions of WP.
*/	

/* Thickbox close icon. Currently shows the word 'Close' behind the 'X' button */	
.tb-close-icon {
	background-color: #F2F2F2; /* Bg color hides the word */
}	
	
/* When logged in the admin bar obscures the mobile menu for narrow screens
   body classes logged-in admin-bar */



/*
	12. MOBILE DEVICES STYLESHEET
	
	jQuery.mmenu CSS. Styles for Mobile menu.
	renamed from jquery.mmenu.all.css
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease}.mm-menu .mm-hidden{display:none}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu > .mm-panel{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.mm-menu{background:inherit;display:block;overflow:hidden;padding:0}.mm-menu > .mm-panel{background:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:20px;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.mm-menu > .mm-panel.mm-opened{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}.mm-menu > .mm-panel.mm-subopened{-webkit-transform:translateX(-30%);-moz-transform:translateX(-30%);-ms-transform:translateX(-30%);-o-transform:translateX(-30%);transform:translateX(-30%)}.mm-menu > .mm-panel.mm-highest{z-index:1}.mm-menu .mm-list{padding:20px 0}.mm-menu > .mm-list{padding-bottom:0}.mm-menu > .mm-list:after{content:'';display:block;height:40px}.mm-panel > .mm-list{margin-left:-20px;margin-right:-20px}.mm-panel > .mm-list:first-child{padding-top:0}.mm-list,.mm-list > li{list-style:none;display:block;padding:0;margin:0}.mm-list{font:inherit;font-size:14px}.mm-list a,.mm-list a:hover{text-decoration:none}.mm-list > li{position:relative}.mm-list > li > a,.mm-list > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0}.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;width:100%;position:absolute;bottom:0;left:0}.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width:auto;margin-left:20px;position:relative;left:auto}.mm-list a.mm-subopen{background:rgba(3, 2, 1, 0);width:40px;height:100%;padding:0;position:absolute;right:0;top:0;z-index:2}.mm-list a.mm-subopen:before{content:'';border-left-width:1px;border-left-style:solid;display:block;height:100%;position:absolute;left:0;top:0}.mm-list a.mm-subopen.mm-fullsubopen{width:100%}.mm-list a.mm-subopen.mm-fullsubopen:before{border-left:none}.mm-list a.mm-subopen + a,.mm-list a.mm-subopen + span{padding-right:5px;margin-right:40px}.mm-list > li.mm-selected > a.mm-subopen{background:transparent}.mm-list > li.mm-selected > a.mm-fullsubopen + a,.mm-list > li.mm-selected > a.mm-fullsubopen + span{padding-right:45px;margin-right:0}.mm-list a.mm-subclose{text-indent:20px;padding-top:30px;margin-top:-20px}.mm-list > li.mm-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px;padding-right:5px}.mm-list > li.mm-spacer{padding-top:40px}.mm-list > li.mm-spacer.mm-label{padding-top:25px}.mm-list a.mm-subopen:after,.mm-list a.mm-subclose:before{content:'';border:2px solid transparent;display:inline-block;width:7px;height:7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-bottom:-5px;position:absolute;bottom:50%}.mm-list a.mm-subopen:after{border-top:none;border-left:none;right:18px}.mm-list a.mm-subclose:before{border-right:none;border-bottom:none;margin-bottom:-15px;left:22px}.mm-menu.mm-vertical .mm-list .mm-panel{display:none;padding:10px 0 10px 10px}.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color:transparent}.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{display:block}.mm-menu.mm-vertical .mm-list > li > a.mm-subopen{height:40px}.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after{top:16px;bottom:auto}.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen{height:25px}html.mm-opened .mm-page{box-shadow:0 0 20px rgba(0, 0, 0, 0.5)}.mm-menu{background:#333333;color:rgba(255, 255, 255, 0.6)}.mm-menu .mm-list > li:after{border-color:rgba(0, 0, 0, 0.15)}.mm-menu .mm-list > li > a.mm-subclose{background:rgba(0, 0, 0, 0.1);color:rgba(255, 255, 255, 0.3)}.mm-menu .mm-list > li > a.mm-subopen:after,.mm-menu .mm-list > li > a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3)}.mm-menu .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.15)}.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu .mm-list > li.mm-selected > span{background:rgba(0, 0, 0, 0.1)}.mm-menu .mm-list > li.mm-label{background:rgba(255, 255, 255, 0.05)}.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,.mm-menu.mm-vertical .mm-list li.mm-opened > ul{background:rgba(255, 255, 255, 0.05)}.mm-page{box-sizing:border-box;position:relative;-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease}html.mm-opened{overflow:hidden;position:relative}html.mm-opened body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3, 2, 1, 0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{display:none;position:fixed}.mm-menu.mm-current{display:block}.mm-menu{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-page,html.mm-opening #mm-blocker{-webkit-transform:translate(80%, 0);-moz-transform:translate(80%, 0);-ms-transform:translate(80%, 0);-o-transform:translate(80%, 0);transform:translate(80%, 0)}@media all and (max-width: 175px){html.mm-opening .mm-page,html.mm-opening #mm-blocker{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0)}}@media all and (min-width: 550px){html.mm-opening .mm-page,html.mm-opening #mm-blocker{-webkit-transform:translate(440px, 0);-moz-transform:translate(440px, 0);-ms-transform:translate(440px, 0);-o-transform:translate(440px, 0);transform:translate(440px, 0)}}.mm-buttonbar{border:1px solid transparent;border-radius:5px;text-align:center;line-height:20px;overflow:hidden;display:block;padding:0;margin:0;position:relative}.mm-buttonbar:after{content:'';display:block;clear:both}.mm-buttonbar > *{border-left:1px solid transparent;box-sizing:border-box;display:block;width:100%;height:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-buttonbar > a{text-decoration:none}.mm-buttonbar > input{position:absolute;left:-1000px;top:-1000px}.mm-buttonbar > input:checked + label{border-color:transparent !important}.mm-buttonbar > *:first-child,.mm-buttonbar > input:first-child + *{border-left:none}.mm-buttonbar.mm-buttonbar-2 > *{width:50%}.mm-buttonbar.mm-buttonbar-3 > *{width:33.33%}.mm-buttonbar.mm-buttonbar-4 > *{width:25%}.mm-buttonbar.mm-buttonbar-5 > *{width:20%}.mm-header .mm-buttonbar{margin-top:20px;margin-left:-30px;margin-right:-30px}.mm-footer .mm-buttonbar{border:none;border-radius:none;line-height:40px;margin:-10px -10px 0 -20px}.mm-footer .mm-buttonbar > *{border-left:none}.mm-list > li > .mm-buttonbar{margin:10px 20px}.mm-menu .mm-buttonbar{border-color:rgba(255, 255, 255, 0.6);background:#333333}.mm-menu .mm-buttonbar > *{border-color:rgba(255, 255, 255, 0.6)}.mm-menu .mm-buttonbar > input:checked + label{background:rgba(255, 255, 255, 0.6);color:#333333}em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:40px;top:50%}em.mm-counter + a.mm-subopen{padding-left:40px}em.mm-counter + a.mm-subopen + a,em.mm-counter + a.mm-subopen + span{margin-right:80px}em.mm-counter + a.mm-fullsubopen{padding-left:0}.mm-vertical em.mm-counter{top:12px;margin-top:0}.mm-nosubresults > em.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(255, 255, 255, 0.3)}html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-page,html.mm-opened.mm-dragging .mm-fixed-top,html.mm-opened.mm-dragging .mm-fixed-bottom,html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.mm-footer{background:inherit;border-top:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:40px;padding:10px 10px 0 20px;position:absolute;z-index:2;bottom:0;left:0}.mm-menu.mm-hasfooter > .mm-panel:after{height:80px}.mm-menu .mm-footer{border-color:rgba(0, 0, 0, 0.15);color:rgba(255, 255, 255, 0.3)}.mm-header{background:inherit;border-bottom:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:60px;padding:0 50px;position:absolute;z-index:2;top:0;left:0}.mm-header .mm-title,.mm-header .mm-prev,.mm-header .mm-next,.mm-header .mm-close{padding-top:30px}.mm-header .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;width:100%;position:relative}.mm-header .mm-prev,.mm-header .mm-next,.mm-header .mm-close{text-decoration:none;display:block;box-sizing:border-box;min-width:10px;height:100%;position:absolute;top:0;z-index:1}.mm-header .mm-prev{padding-left:20px;padding-right:10px;left:0}.mm-header .mm-next,.mm-header .mm-close{padding-left:10px;padding-right:20px;right:0}.mm-header [href].mm-prev:before,.mm-header [href].mm-next:after{content:'';border:2px solid transparent;display:inline-block;width:7px;height:7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-header [href].mm-prev:before{border-right:none;border-bottom:none;margin-left:2px;margin-right:5px}.mm-header [href].mm-next:after,.mm-header [href].mm-close:after{margin-left:5px;margin-right:-2px}.mm-header [href].mm-next:after{border-top:none;border-left:none}.mm-header [href].mm-close:after{content:'x'}.mm-menu.mm-hassearch .mm-header{height:50px;top:50px}.mm-menu.mm-hassearch .mm-header .mm-title,.mm-menu.mm-hassearch .mm-header .mm-prev,.mm-menu.mm-hassearch .mm-header .mm-next,.mm-menu.mm-hassearch .mm-header .mm-close{padding-top:20px}.mm-menu.mm-hasheader li.mm-subtitle{display:none}.mm-menu.mm-hasheader > .mm-panel{padding-top:80px}.mm-menu.mm-hasheader > .mm-panel.mm-list{padding-top:60px}.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child{margin-top:-20px}.mm-menu.mm-hasheader.mm-hassearch > .mm-panel{padding-top:120px}.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list{padding-top:100px}.mm-menu .mm-header{border-color:rgba(0, 0, 0, 0.15);color:rgba(255, 255, 255, 0.3)}.mm-menu .mm-header .mm-prev:before,.mm-menu .mm-header .mm-next:after,.mm-menu .mm-header .mm-close:after{border-color:rgba(255, 255, 255, 0.3)}.mm-list li.mm-label > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-list li.mm-label.mm-opened a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-list li.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after{top:8.5px}.mm-menu .mm-list li.mm-label > div > div{background:rgba(255, 255, 255, 0.05)}.mm-search,.mm-search input{box-sizing:border-box}.mm-list > li.mm-search{padding:10px;margin-top:-20px}.mm-list > li.mm-subtitle + li.mm-search{margin-top:0}div.mm-panel > div.mm-search{padding:0 0 10px 0}.mm-menu.mm-hasheader .mm-list > li.mm-search{margin-top:0}.mm-menu > .mm-search{background:inherit;width:100%;position:absolute;top:0;left:0;z-index:2}.mm-search{padding:10px}.mm-search input{border:none;border-radius:30px;font:inherit;font-size:14px;line-height:30px;outline:none;display:block;width:100%;height:30px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-menu .mm-noresultsmsg{text-align:center;font-size:21px;display:none;padding:60px 0}.mm-menu .mm-noresultsmsg:after{border:none !important}.mm-noresults .mm-noresultsmsg{display:block}.mm-menu li.mm-nosubresults > a.mm-subopen{display:none}.mm-menu li.mm-nosubresults > a.mm-subopen + a,.mm-menu li.mm-nosubresults > a.mm-subopen + span{padding-right:10px}.mm-menu.mm-hassearch > .mm-panel{padding-top:70px}.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child{margin-top:-20px}.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child{margin-top:-10px}.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list{padding-top:0}.mm-menu .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.6)}.mm-menu .mm-noresultsmsg{color:rgba(255, 255, 255, 0.3)}input.mm-toggle,input.mm-check{position:absolute;left:-10000px}label.mm-toggle,label.mm-check{margin:0;position:absolute;bottom:50%;z-index:2}label.mm-toggle:before,label.mm-check:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-bottom:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked ~ label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-bottom:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:0.1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked ~ label.mm-check:before{opacity:1}.mm-menu.mm-vertical .mm-list > li label.mm-toggle,.mm-menu.mm-vertical .mm-list > li label.mm-check{bottom:auto;margin-bottom:0}.mm-menu.mm-vertical .mm-list > li label.mm-toggle{top:5px}.mm-menu.mm-vertical .mm-list > li label.mm-check{top:5px}label.mm-toggle,label.mm-check{right:20px}label.mm-toggle + a,label.mm-toggle + span{margin-right:70px}label.mm-check + a,label.mm-check + span{margin-right:50px}a.mm-subopen + label.mm-toggle,a.mm-subopen + label.mm-check{right:50px}a.mm-subopen + label.mm-toggle + a,a.mm-subopen + label.mm-toggle + span{margin-right:100px}a.mm-subopen + label.mm-check + a,a.mm-subopen + label.mm-check + span{margin-right:80px}em.mm-counter + a.mm-subopen + label.mm-toggle,em.mm-counter + a.mm-subopen + label.mm-check{right:90px}em.mm-counter + a.mm-subopen + label.mm-toggle + a,em.mm-counter + a.mm-subopen + label.mm-toggle + span{margin-right:140px}em.mm-counter + a.mm-subopen + label.mm-check + a,em.mm-counter + a.mm-subopen + label.mm-check + span{margin-right:120px}.mm-menu label.mm-toggle{background:rgba(0, 0, 0, 0.15)}.mm-menu label.mm-toggle:before{background:#333333}.mm-menu input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(255, 255, 255, 0.6)}html.mm-slide .mm-menu{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease}html.mm-slide.mm-opened .mm-menu{-webkit-transform:translateX(-30%);-moz-transform:translateX(-30%);-ms-transform:translateX(-30%);-o-transform:translateX(-30%);transform:translateX(-30%)}html.mm-slide.mm-opening .mm-menu{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}html.mm-slide.mm-right.mm-opened .mm-menu{-webkit-transform:translateX(30%);-moz-transform:translateX(30%);-ms-transform:translateX(30%);-o-transform:translateX(30%);transform:translateX(30%)}html.mm-slide.mm-right.mm-opening .mm-menu{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}html.mm-slide.mm-top.mm-opened .mm-menu{-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%)}html.mm-slide.mm-top.mm-opening .mm-menu{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}html.mm-slide.mm-bottom.mm-opened .mm-menu{-webkit-transform:translateY(30%);-moz-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%)}html.mm-slide.mm-bottom.mm-opening .mm-menu{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}html.mm-zoom-menu .mm-menu{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease}html.mm-zoom-menu.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateX(-30%);-moz-transform:scale(0.7, 0.7) translateX(-30%);-ms-transform:scale(0.7, 0.7) translateX(-30%);-o-transform:scale(0.7, 0.7) translateX(-30%);transform:scale(0.7, 0.7) translateX(-30%);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}html.mm-zoom-menu.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%)}html.mm-zoom-menu.mm-right.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateX(30%);-moz-transform:scale(0.7, 0.7) translateX(30%);-ms-transform:scale(0.7, 0.7) translateX(30%);-o-transform:scale(0.7, 0.7) translateX(30%);transform:scale(0.7, 0.7) translateX(30%);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}html.mm-zoom-menu.mm-right.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%)}html.mm-zoom-menu.mm-top.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateY(-30%);-moz-transform:scale(0.7, 0.7) translateY(-30%);-ms-transform:scale(0.7, 0.7) translateY(-30%);-o-transform:scale(0.7, 0.7) translateY(-30%);transform:scale(0.7, 0.7) translateY(-30%);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top}html.mm-zoom-menu.mm-top.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateY(0%);-moz-transform:scale(1, 1) translateY(0%);-ms-transform:scale(1, 1) translateY(0%);-o-transform:scale(1, 1) translateY(0%);transform:scale(1, 1) translateY(0%)}html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu{-webkit-transform:scale(0.7, 0.7) translateY(30%);-moz-transform:scale(0.7, 0.7) translateY(30%);-ms-transform:scale(0.7, 0.7) translateY(30%);-o-transform:scale(0.7, 0.7) translateY(30%);transform:scale(0.7, 0.7) translateY(30%);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu{-webkit-transform:scale(1, 1) translateY(0%);-moz-transform:scale(1, 1) translateY(0%);-ms-transform:scale(1, 1) translateY(0%);-o-transform:scale(1, 1) translateY(0%);transform:scale(1, 1) translateY(0%)}html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel{-webkit-transform:scale(1.5, 1.5) translateX(100%);-moz-transform:scale(1.5, 1.5) translateX(100%);-ms-transform:scale(1.5, 1.5) translateX(100%);-o-transform:scale(1.5, 1.5) translateX(100%);transform:scale(1.5, 1.5) translateX(100%);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition-property:-webkit-transform, left;transition-property:transform, left}html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened{-webkit-transform:scale(1, 1) translateX(0%);-moz-transform:scale(1, 1) translateX(0%);-ms-transform:scale(1, 1) translateX(0%);-o-transform:scale(1, 1) translateX(0%);transform:scale(1, 1) translateX(0%)}html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(0.7, 0.7) translateX(-30%);-moz-transform:scale(0.7, 0.7) translateX(-30%);-ms-transform:scale(0.7, 0.7) translateX(-30%);-o-transform:scale(0.7, 0.7) translateX(-30%);transform:scale(0.7, 0.7) translateX(-30%)}.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-page,html.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}@media all and (max-width: 140px){html.mm-opening.mm-fullscreen .mm-page,html.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0)}}@media all and (min-width: 10000px){html.mm-opening.mm-fullscreen .mm-page,html.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(10000px, 0);-moz-transform:translate(10000px, 0);-ms-transform:translate(10000px, 0);-o-transform:translate(10000px, 0);transform:translate(10000px, 0)}}html.mm-right.mm-opening.mm-fullscreen .mm-page,html.mm-right.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}@media all and (max-width: 140px){html.mm-right.mm-opening.mm-fullscreen .mm-page,html.mm-right.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0)}}@media all and (min-width: 10000px){html.mm-right.mm-opening.mm-fullscreen .mm-page,html.mm-right.mm-opening.mm-fullscreen #mm-blocker{-webkit-transform:translate(-10000px, 0);-moz-transform:translate(-10000px, 0);-ms-transform:translate(-10000px, 0);-o-transform:translate(-10000px, 0);transform:translate(-10000px, 0)}}.mm-menu.mm-front.mm-fullscreen.mm-top,.mm-menu.mm-front.mm-fullscreen.mm-bottom{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none !important}.mm-menu.mm-top,.mm-menu.mm-bottom{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-right{left:auto;right:0}.mm-menu.mm-bottom{top:auto;bottom:0}html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker{-webkit-transform:translate(-80%, 0);-moz-transform:translate(-80%, 0);-ms-transform:translate(-80%, 0);-o-transform:translate(-80%, 0);transform:translate(-80%, 0)}@media all and (max-width: 175px){html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0)}}@media all and (min-width: 550px){html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker{-webkit-transform:translate(-440px, 0);-moz-transform:translate(-440px, 0);-ms-transform:translate(-440px, 0);-o-transform:translate(-440px, 0);transform:translate(-440px, 0)}}html.mm-front .mm-page,html.mm-front #mm-blocker{-webkit-transform:translate(0, 0) !important;-moz-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important;z-index:0}.mm-menu.mm-front{z-index:1;box-shadow:0 0 15px rgba(0, 0, 0, 0.5)}html.mm-opened.mm-next .mm-page{box-shadow:none}.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}.mm-menu.mm-front.mm-top{-webkit-transform:translate(0, -100%);-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-o-transform:translate(0, -100%);transform:translate(0, -100%)}.mm-menu.mm-front.mm-bottom{-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%)}html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.mm-menu.mm-front.mm-top,.mm-menu.mm-front.mm-bottom{height:80%;min-height:140px;max-height:880px}html.mm-opened.mm-light .mm-page{box-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-menu.mm-light{background:#f3f3f3;color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-light .mm-list > li:after{border-color:rgba(0, 0, 0, 0.1)}.mm-menu.mm-light .mm-list > li > a.mm-subclose{background:rgba(255, 255, 255, 0.6);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-list > li > a.mm-subopen:after,.mm-menu.mm-light .mm-list > li > a.mm-subclose:before{border-color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.1)}.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu.mm-light .mm-list > li.mm-selected > span{background:rgba(255, 255, 255, 0.6)}.mm-menu.mm-light .mm-list > li.mm-label{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-light .mm-buttonbar{border-color:rgba(0, 0, 0, 0.6);background:#f3f3f3}.mm-menu.mm-light .mm-buttonbar > *{border-color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-light .mm-buttonbar > input:checked + label{background:rgba(0, 0, 0, 0.6);color:#f3f3f3}.mm-menu.mm-light label.mm-check:before{border-color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-light em.mm-counter{color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-footer{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-header{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-header .mm-prev:before,.mm-menu.mm-light .mm-header .mm-next:after,.mm-menu.mm-light .mm-header .mm-close:after{border-color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light .mm-list li.mm-label > div > div{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-light .mm-search input{background:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-light .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-light label.mm-toggle{background:rgba(0, 0, 0, 0.1)}.mm-menu.mm-light label.mm-toggle:before{background:#f3f3f3}.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}html.mm-opened.mm-white .mm-page{box-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-menu.mm-white{background:white;color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-white .mm-list > li:after{border-color:rgba(0, 0, 0, 0.1)}.mm-menu.mm-white .mm-list > li > a.mm-subclose{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-list > li > a.mm-subopen:after,.mm-menu.mm-white .mm-list > li > a.mm-subclose:before{border-color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.1)}.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu.mm-white .mm-list > li.mm-selected > span{background:rgba(0, 0, 0, 0.06)}.mm-menu.mm-white .mm-list > li.mm-label{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-white .mm-buttonbar{border-color:rgba(0, 0, 0, 0.6);background:white}.mm-menu.mm-white .mm-buttonbar > *{border-color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-white .mm-buttonbar > input:checked + label{background:rgba(0, 0, 0, 0.6);color:white}.mm-menu.mm-white label.mm-check:before{border-color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-white em.mm-counter{color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-footer{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-header{border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-header .mm-prev:before,.mm-menu.mm-white .mm-header .mm-next:after,.mm-menu.mm-white .mm-header .mm-close:after{border-color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white .mm-list li.mm-label > div > div{background:rgba(0, 0, 0, 0.03)}.mm-menu.mm-white .mm-search input{background:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6)}.mm-menu.mm-white .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3)}.mm-menu.mm-white label.mm-toggle{background:rgba(0, 0, 0, 0.1)}.mm-menu.mm-white label.mm-toggle:before{background:white}.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}html.mm-opened.mm-black .mm-page{box-shadow:none}.mm-menu.mm-black{background:black;color:rgba(255, 255, 255, 0.6)}.mm-menu.mm-black .mm-list > li:after{border-color:rgba(255, 255, 255, 0.2)}.mm-menu.mm-black .mm-list > li > a.mm-subclose{background:rgba(255, 255, 255, 0.25);color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-list > li > a.mm-subopen:after,.mm-menu.mm-black .mm-list > li > a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-list > li > a.mm-subopen:before{border-color:rgba(255, 255, 255, 0.2)}.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu.mm-black .mm-list > li.mm-selected > span{background:rgba(255, 255, 255, 0.25)}.mm-menu.mm-black .mm-list > li.mm-label{background:rgba(255, 255, 255, 0.15)}.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul{background:rgba(255, 255, 255, 0.15)}.mm-menu.mm-black .mm-buttonbar{border-color:rgba(255, 255, 255, 0.6);background:black}.mm-menu.mm-black .mm-buttonbar > *{border-color:rgba(255, 255, 255, 0.6)}.mm-menu.mm-black .mm-buttonbar > input:checked + label{background:rgba(255, 255, 255, 0.6);color:black}.mm-menu.mm-black label.mm-check:before{border-color:rgba(255, 255, 255, 0.6)}.mm-menu.mm-black em.mm-counter{color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-footer{border-color:rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-header{border-color:rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-header .mm-prev:before,.mm-menu.mm-black .mm-header .mm-next:after,.mm-menu.mm-black .mm-header .mm-close:after{border-color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black .mm-list li.mm-label > div > div{background:rgba(255, 255, 255, 0.15)}.mm-menu.mm-black .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.6)}.mm-menu.mm-black .mm-noresultsmsg{color:rgba(255, 255, 255, 0.3)}.mm-menu.mm-black label.mm-toggle{background:rgba(255, 255, 255, 0.2)}.mm-menu.mm-black label.mm-toggle:before{background:black}.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}