/*
Theme Name:   Stratum-Alpha (Parent)
Theme URI:    http://sitemill.net
Description:  Stratum Alpha parent theme. Responsive theme with multiple layers.
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, 2-menus, 4-widget-areas, full-width-template, centered-content
Text Domain:  sitemill
Date Created: June 2017
*/

/*
Stratum 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 Stratum Alpha, 1st in the Stratum series of templates.

CONTENTS
========
1. Design Notes & Reset Styles
	- Overview
	- Reset Styles

2. Structural Elements

3. Links & Colors
    #94BB54 = Section: #masthead and default link
    #B4D088 = Section: #post-head and main menu hover
    #F8F8F8 = Section: #post-head alternate (light grey), Field background, Comments area
    #DDDDDD = Comment border, #post-head bottom border

4. Navigation
	- Mobile menu
	- 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. Notifications & Error Messages
	- SM Forms reponses

13. Mobile Devices Stylesheet
	- mm-mobile jQuery plugin
*/


/*
    1. DESIGN NOTES & RESET
    =======================
*/
/*
	Stratum was inspired by a template from ThemeForest called ECO RECYCLING,
	http://ecorecycle.premiumcoding.com/. However this was too difficult to
	customize and was recoded from scratch using the Sitemill framework.

	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%;
    font-family: sans-serif;
}

/* 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;
    font-weight: normal;
}
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%;
}
button,
input[type="submit"] {
    cursor: pointer;
}


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

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

.section {
    clear: both;
    text-align: left;
    box-sizing: border-box;
}
#branding .wrap, #post-head .wrap, #post-body .wrap {
    padding: 0 4px;
}
    /* Sections: */
    #branding {
        background-color: #94BB54;
    }
        #branding span:last-child { /* social media icons */
            white-space: nowrap;
        }
    #mobile {
        background-color: #333;
        color: #fff;
        font-size: 1.4em;
        line-height: 1.7em;
    }
    #main-nav {
        text-align: center;
        background-color: #444;
        display: none; /* not shown on narrow devices */
    }
    #post-head {
        background-color: #F8F8F8;
        border: 1px solid transparent; /* constrain heading margins */
        border-bottom-color: #DDDDDD;
    }
    #post-body {
        padding: 1em 0;
    }
    #footer {
        background-color: #222;
        text-align: center;
        color: white;
        /* Extend footer bg color to bottom of screen if little content */
        box-shadow: 0px 1000px 0px 1000px #222; /* h v blur spread color */
        padding: 0.2em;
        line-height: 1.5em;
    }

    /* 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 #ccc; /* 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: #94BB54;
}
    #branding a {
        display: inline-block;
        color: white;
    }
        a#site-logo { margin-right: 15px; }
        a#site-name { font-size: 2.2em; line-height: 1.4; padding: 5px 15px 5px 0; }
        #contact-elements a {
            position:relative;
            padding: 5px 20px 5px 5px;
            margin-left: 15px;
        }
            a#phone-link:before {
                content: "\f095";
                font-family: FontAwesome;
                left: -1em;
                position: absolute;
                font-size: 1.2em;
            }
            a#mail-link:before {
                content: "\f0e0";
                font-family: FontAwesome;
                left: -1em;
                position: absolute;
                font-size: 1.1em;
            }
            a#cart-link:before {
                content: "\f07a";
                font-family: FontAwesome;
                left: -1em; top: .2em;
                position: absolute;
                font-size: 1.2em;
            }
        #media-elements a {
            padding: 2px;
            font-size: 1.3em;
        }
        #media-elements a#search-toggle {
            display: none; /* hide on mobile */
        }
/* Boxy links */
a.boxy,
.boxy a {
    display: inline-block;
    font-size: 0.85em;
    padding: .3em .5em;
    border: 1px solid #B4D088;
    margin: 1px 0; /* if wrapping stops borders from touching */
    transition: all 200ms linear; /* Soften hover bgcolor change */
}
    a.boxy:hover,
    .boxy a:hover {
        text-decoration: none;
        background-color: #B4D088;
        color: inherit;
    }


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

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

/* Mobile Menu */
#mobile span { /* Site name */
    font-size: 85%;
    padding-left: 10px;
}
#mobile a {
    display: block;
    color: inherit;
    font-size: 1.1em;
    width: 1.5em; height: 1.5em; /* match parent 'line-height' */
    text-align: center;
    background-color: #222;
    font-weight: bold;
    transition: background-color 200ms linear; /* Soften hover bgcolor change */
}
#mobile a:hover {
    background-color: #666;
    text-decoration: none;
}
a#menu-button {
    float: left;
}

/* Main Nav */
#menu-main-menu {
    margin: 0;
}
    #main-nav a {
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
        color: white;
    }
    #main-nav * {
        box-sizing: border-box;
    }
    #main-nav li {
        position: relative;
    }
        /* Top Level Links ul#id added by WP from menu name */
        #menu-main-menu > li {
            display: inline-block;
        }
        #menu-main-menu > li > a {
            display: block;
            padding: 10px 1em;
            font-size: 1.15em;
            transition: color 200ms linear; /* Soften hover color change */
        }
            #menu-main-menu > li > a:hover,
            #menu-main-menu li.current-menu-item > a { /* highlight the current page menu link - top & submenus */
                color: #B4D088;
            }

            /* Main Menu Child Links (Submenus) */
            #menu-main-menu ul {
                display: none; /* Hide all submenus by default */
                position: absolute;
                z-index: 995;
                top: calc(100% - 2px); /* First level submenu appears below top link */
                min-width: 10em;
                border-top: 2px solid #94BB54;
                background-color: rgba(68,68,68,.9);/*#444*/
                text-align: left;
            }
                #menu-main-menu ul li {
                    border-bottom: 1px solid #444;
                }
                    #main-nav ul li:hover > ul {
                        display: block;
                    }
                #menu-main-menu ul li a {
                    display: block;
                    padding: 8px 15px;
                    font-size: 0.95em;
                    transition: background-color 200ms linear; /* Soften hover bgcolor change */
                }
                    #menu-main-menu ul li a:hover {
                        background-color: #94BB54;
                    }
                    #menu-main-menu ul li.current-menu-item > a:hover {
                        color: white; /* hover over active submenu page*/
                    }
                #menu-main-menu ul li.menu-item-has-children > a:before {
                    content: "\0025b8"; /* unicode right pointing triangle */
                    position: absolute;
                    top: .4em;
                    right: 0;
                    color: rgba(255, 255, 255, .3);
                    font-size: 1.3em;
                    line-height: 1.1;
                }
                    #menu-main-menu ul li.menu-item-has-children:hover > a:before {
                        color: rgba(255, 255, 255, .7);
                    }

                    /* Grandchild menus - 3rd level */
                    #menu-main-menu ul ul {
                        top: 0; /* Second level submenus appear adjacent */
                        left: 100%;
                    }

/* Footer Nav */
#footer a {
    display: inline-block;
    margin: 0 5px;
}


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

a#site-name,
h1, h2, h3, h4, h5, h6 {
}
    .content h1,
    .content h2,
    .content h3,
    .content h4,
    .content h5,
    .content h6,
    .content ol,
    .content ul,
    .content p {
        margin: .7em 0;
    }
    .content h3,
    .content h4,
    .content h5,
    .content h6 {
        font-weight: bold;
    }
    blockquote {
        border-left: 4px solid #94BB54;
        padding-left: 25px;
        margin: 1.1em 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;
    }
    /* All paragraphs */
    .content .primary p {
        line-height: 135%;
    }
    /* 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-all;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    /* LISTS */
    /* Main Content */
    .content .primary ul { list-style-type: disc; }
    .content .primary ol, .content .secondary ol { list-style-type: decimal; }
    .content .primary ul li, .content .primary ol 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 */
    }
    /* Sidebar */
    .content .secondary ul ul { /* Eg list pages widget */
        list-style-type: disc;
        margin: 0;
        padding-left: 15px;
    }



/*
	6. MAIN MEDIA QUERIES
	=====================
*/
/* When logged in the admin bar obscures the mobile menu for narrow screens
   Body classes: logged-in admin-bar */

@media only screen and (max-width: 599px) {
    .logged-in #wpadminbar {
        top: -46px; /* size written into head by WP */
    }
}
@media only screen and (min-width: 600px) {
    /* Hide/reveal elements */
    #mobile {
        display: none;
    }
    #main-nav
    {
        display: block;
    }
    .wrap {
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }
    #branding div.wrap {
        display: table;
        width: 100%;
    }
        #branding span {
            display:table-cell;
            vertical-align: middle;
        }
        span.left-elements { text-align: left; }
        span.right-elements { text-align: right; }
        #branding span:first-child { /* logo image container shrink to fit */
            width: 1px;
            white-space: nowrap;
        }
    /* [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 {
            margin-right: 30px;
        }
        .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 */
                }
    #media-elements a#search-toggle {
        display: inline; /* show on desktop */
    }
}/* end query */



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

.content img {
    width: 100%;
    height: auto;
}
    /* WordPress image sizes */
    .content img.size-large,
    .content img.size-full {
        max-width: 100%;
    }
    /* Never responsive ... */
    .content img.size-thumbnail,
    .content img.size-medium,
    .content img.avatar { /* in comments */
        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: 1em 1.5em 1em 0;
    }
    .content img.alignright,
    .content a img.alignright,
    .wp-caption.alignright {
        float: right;
        margin: 1em 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%);
    }
    /* Stop medium size images busting out of caption */
    .content .wp-caption img.size-medium {
        width: 100%;
    }

    /* Image captions */
    .wp-caption {
        text-align: center;
        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%;
    }
        .wp-caption-text {
            text-align: center;
            font-size: 85%;
            margin: .2em 0;
            color: #555;
            line-height: 1.3;
        }

    /* Images in comments are small. No need for responsive. */
    #comments-area .avatar {
        width: auto;
        height: auto;
        float: left;
        padding: 0 10px 2px 0;
    }
    /* Emulate the caption border but just for image */
    img.border {
        border: 1px solid #ccc;
        padding: 5px;
    }

/*
	8. FORMS
	========
*/
/* Form Defaults */
button, input[type="submit"] {
    background: #94BB54;
    border: none;
    color: #ffffff;
    font-size: 1rem;
    padding: .5em 1em; /* scales with fields */
    text-decoration: none;
    transition: background-color 200ms linear, color 200ms linear; /* Soften color changes */
}
    button:hover,
    input[type="submit"]:hover {
        background: #B4D088;
        text-decoration: none;
        color: inherit;
    }
    button:active,
    input[type="submit"]:active {
        position:relative;
        top:1px;
    }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
    background-color: #F8F8F8;
    border: 1px solid #ABADB3;
    padding: .5em;
    box-shadow: inset 0px 0px 6px #ced0d7;
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #94BB54;
    box-shadow: none;
}

/* Default Search Form ... */
.search-form {
    position: relative;
    max-width: 400px;
}
    input#s {
        width: 100%;
        padding-right: 3.6em;
    }
    .search-form button {
        position: absolute;
        top: 1px;
        right: 0;
    }
/* Navigation search form */
#nav-search {
    text-align: center;
    padding: .3em 0;
}
    #nav-search .search-form {
        display: inline-block;
        margin: auto;
        width: 100%;
    }
    #nav-search input#s {
        background-color: #555;
        color: white;
        box-shadow: none;
        border-color: #777;
    }
    #nav-search-close {
        display: inline-block;
        color: white;
        padding: .6em 1em; /* match submit */
        transition: background-color 200ms linear, color 200ms linear; /* Soften bgcolor change */
    }
        #nav-search-close:hover {
            cursor: pointer;
            background-color: #B4D088;
            color: inherit;
        }
/* Mobile Search form */
#mobile .search-form {
    display: inline-block;
    width: calc(100% - 2.7em);
}
    #mobile .search-form input#s {
         background-color: transparent;
         color: white;
         box-shadow: none;
         border: none;
         padding: 0;
    }
    #mobile .search-form button {
        background-color: transparent;
    }
        #mobile .search-form button:hover {
            background-color: #666;
        }

    /* Comments Form */
ol.comment-list {
    border: 1px solid #DDDDDD;
    background-color: #F8F8F8;
    padding: 1em 15px 1em 2em;
    margin: 1em 0;
}
    #comments-area div.reply {
        padding-bottom: 1em;
    }
    /* Nested comments*/
    ol.comment-list ol {
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        padding: 8px 5px 5px 1.2em;
        padding-left: 1.2em;
        margin: .8em 0 1em 2em;
    }

#commentform label {
    display: block;
}
.comment-author {
    margin-bottom: 4px;
}

/* SM_Form_Contact */
.contact-form-row {
    margin: 1em 0;
}
    .contact-form-row > div:first-child { /* label cell */
        padding-bottom: 2px;
        font-size: 1.1em;
    }
    .row-inputs input[type="text"] {
        width: 100%;
        max-width: 350px;
    }
    .row-inputs textarea {
        width: 100%;
        max-width: 450px;
        height: 150px;
    }



/*
	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 }

/* for toggle visibility via Javascript ... */
.hidden {
    display: none !important;
}



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

/* Archive items after the first ... */
.loop-item + .loop-item {
    margin-top: 1.8em;
}

/* Archive list (buttons)*/
.content .primary ul.archive-list {
    list-style-type: none;
    font-size: 0.85em;
    margin: 1.4em 0;
    text-align: center;
    padding: 0;
}
    .archive-list li {
        display: inline-block;
    }
        .archive-list li a {
            display: block;
            padding: 8px 15px;
            background-color: #ECF0F1;
            color: inherit;
            text-transform: uppercase;
            transition: background-color 200ms linear; /* Soften hover bgcolor change */
        }
            .archive-list li a:hover {
                text-decoration: none;
                background-color: #B4D088;
            }
    /* Active button/link : li class="current-month|current-cat|etc"*/
    .archive-list li[class*="current"] a {
        background-color: #94BB54;
        color: #fff;
    }
        .archive-list li[class*="current"] a:hover {
            cursor: default;
        }

/* Pagination links */
.posts-pagination {
    font-size: 0.85em;
    margin: 1.4em 0;
    text-align: center;
}
    .posts-pagination a  {
        display: inline-block;
        padding: 8px 15px;
        background-color: #ECF0F1;
        color: inherit;
        transition: background-color 200ms linear; /* Soften hover bgcolor change */
    }
        .posts-pagination a:hover {
            text-decoration: none;
            background-color: #B4D088;
        }
    .posts-pagination span.current {
        background-color: #94BB54;
        color: #fff;
        display: inline-block;
        padding: 8px 15px;
    }

/* Sticky Main Menu Bar & Mobile Menu */
/* The sticky class is added to the navbar with JS when it
   reaches its scroll position. */
.stickynav {
    position: fixed;
    top: 0;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}
.stickynav-admin {
    top: 32px; /* Position below WP admin bar when logged in */
}
    /* But WP AdminBar is fatter on tablets */
    @media screen and ( max-width: 782px ) {
        .stickynav-admin { top: 46px; }
    }




/*
	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 */
}


/*
	12. NOTIFICATIONS & ERROR MESSAGES
*/

/* Form error notification message - from Admin_Notice class */
.notice {
    border: 1px solid transparent;
    padding: 0 .3rem;
}
    .notice p { margin: .5rem; }
    .notice-error {	color: red; border-color: currentColor;	}
    .notice-warning {	color: orange; border-color: currentColor;	}
    .notice-info {	color: blue; border-color: currentColor;	}
    .notice-success {	color: green; border-color: currentColor;	}


/* Form Error Messages - Classes written to form via JS in includes/post-validate.php */
/* span.form-error-message { color: #990000; padding: 10px; }  for light backgrounds */
span.form-error-message { color: red; padding: 3px 0 0 5px; font-size: 15px; display: block; } /* for dark backgrounds */
span.form-error-message b { color: deeppink; /* emphasize parts of a message */ }
.radiogroup, .checkgroup {
    display: inline-block; /* wrapper around field options */
    padding-top: 5px;
    padding-right: 5px;
    border: 1px solid transparent; /* stop jarring when error styles disappear */
}

/* Usually on a form field but can be div, p tag also */
.form-error { background-color:#ffdddd !important; border: 1px solid #df9d9d; }
/* Same for lookup fields - placed in nested spans after the field itself */
.form-error + span.select2 { background-color:#ffdddd !important; }
.form-error + span.select2 * { background-color: transparent !important; border-color: #df9d9d !important; }
#view .form-error-message a { /* Links inside error messages (using ` instead of ") */
    color: #C00; text-decoration: underline; }
#view .form-error-message a:hover {
    color: #000; text-decoration: none; }

p.form-error,
div.form-error, /* checkbox/radio group */
span.form-error, /* individual checkboxes */
select.form-error,
textarea.form-error,
input[type='text'].form-error,
input[type='password'].form-error
{
    border: 1px solid #DB9999 !important;
    color: #900 !important;
    box-shadow: none !important;
}

/* AJAX Responses */
.ajax-error { color: #cc0000; }
.ajax-success { color: #00a300; }




/*
	13. 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}