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

Theme Name: OriginMag
Theme URI: https://www.wpzoom.com/themes/originmag
Version: 2.1.9
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpzoom
Domain Path: /languages/
Requires PHP: 7.2
Tested up to: 6.1

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  -----------------------  All Theme Files
2. Global Styles  ---------------------  All Theme Files
3. Header  ----------------------------  header.php
4. Homepage  --------------------------  index.php
5. Archive Posts ----------------------  loop.php
6. Single Post ------------------------  single.php
7. Sidebar & Widgets ------------------  sidebar.php
8. Comments ---------------------------  comments.php
9. Footer  ----------------------------  footer.php

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


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

1. Toolbox CSS  -------------------------  All Theme Files

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

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
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-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* 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 { margin:0; padding:0; color: #222; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

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


/* Text Selection Color */
::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection      { background: #05C; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection      { background: transparent; }

/* Navigation */
div.navigation { border-top: 1px solid #E5E5E5; text-transform:uppercase; padding: 15px 0; text-align:center; margin: 0 0 10px; }
div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; }
div.navigation span.current { padding: 0 10px; color:#ea6c35; font-weight:bold;  }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left; }
div.navigation .next { float:right; }


/* Forms */
input, textarea {  font-size: 13px; padding: 7px 6px; border: 1px solid #D9D6D6;  color: #000; background: #fff;  font-family: "Lato", sans-serif; }
input:focus, textarea:focus { border-color: #999;  }
button,
input[type=button],
input[type=reset],
input[type=submit] {  background: #848484; padding:8px 10px; border: none 0; color: #fff;   }
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { background: #222;  cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

input#s { float:left; margin:0 5px 0 0; }

/* Meta separator */
.separator {
    color: #aaa;
    font-size: 12px;
    margin:0;
}

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

2. Global Styles

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

body {
    color: #555;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
	background: #f7f6f4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Links */
a { color: #191919; text-decoration:none; }
a:hover { text-decoration:none; color:#ea6c35}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

p { margin: 0 0 15px; padding: 0; }

.inner-wrap {
    margin: 0 auto;
    width: 1030px;
    background:#fff;
    padding:0 40px;
}


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

3. Header  -------------------------  header.php

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


#logo {
	text-align:center;
    padding:40px 0;
}

#logo.left-align {
    text-align: left;
    float:left;
}

#logo.left-align span {
    text-align: left;
}

#logo a {
 	font-size: 70px;
	font-weight: normal;
	display: block;
    line-height:1.2;
    text-transform: uppercase;
}

#logo span {
    color:#aaa;
    font-size:18px;
    display:block;
    text-align:center;
    font-weight:normal;
}

.adv {
    float:right;
    margin: 50px 0 0;
}



.header_social {
    float: right;
    text-align: right;
    margin: 0;
}

.header_social .widget {
    margin-right: 0;
}

.header_social .widget h3.title {
    display: none;
}

.header_social .socicon {
    font-size: 1em;
}

.header_social .zoom-social-icons-list .socicon {
    padding: 5px;
    background-color: #A4A5AA !important;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.header_social .zoom-social-icons-list .socicon:hover {
    opacity: 0.8;
}




/* Menu */
.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 { float: left }
.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;
}

.navbar-nav > li {
    padding: 0;
}

.navbar-nav > li:first-child {
    padding-left: 0;
}

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

.navbar-nav a {
    padding: 10px 15px;
    -webkit-transition: 0.1s ease all;
    -o-transition: 0.1s ease all;
    transition: 0.1s ease all;
}

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

.navbar-nav ul a {
    padding: 5px 15px;
}

.navbar-nav ul a:hover {
    color:#ea6c35;
}

.navbar-nav ul ul {
    right: 100%;
    margin-top: 0px;
}

.navbar-nav ul {
    width: 220px;
    margin-top: 0;
    padding: 10px 0;
}


/* Top menu */
.top-navbar {
    padding: 0;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    border-top: 3px solid #e5e5e5;
}

.top-navbar .navbar-nav {
    float: left;
    width: 80%;
}

.top-navbar a {
    color: #848484;
}

.top-navbar .navbar-nav ul {
    width: 220px;
    margin-top: 0;
    background: #ededed;
}

.top-navbar .sfHover a {
    background: #ededed;
}

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


.top-navbar .navbar-nav ul a:hover {
    color:#ea6c35;
}


/* Main Menu */
.main-navbar {
    color:#848484;
    margin-bottom: 25px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 3px solid #191919;
    text-align: center;
}

.main-navbar .sf-arrows .sf-with-ul:after {
    margin: 6px 0px 0 4px;
}

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

.top-navbar:after,
.main-navbar:after {
    clear: both
}

.main-navbar .sf-menu > li {
    display: inline-block;
    float: none;
}

.main-navbar .navbar-nav > li:last-child {
    padding-right: 0;
}

.main-navbar ul a {
    color: #000;
    font-size: 16px;
    position: relative;
}

.main-navbar .navbar-nav ul {
    width: 220px;
    margin-top: 0;
    background: #1a1a1a;
}

.main-navbar ul ul a {
    color: #fff;
    text-align: left;
}

.main-navbar ul a:hover {
    background: #1a1a1a;
    color:#fff;
}

.main-navbar ul ul a:hover {
    color:#ea6c35;
    background: none;
}

.main-navbar .sfHover a {
    background: #1a1a1a;
    color: #fff;
}

.main-navbar .sfHover ul a {
    background: none;
}


.navbar-nav .current-menu-item a,
.navbar-nav .current_page_item a,
.navbar-nav .current-menu-parent a,
.navbar-nav .current_page_parent a {
    font-weight:bold;
}

.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 {
    font-weight:normal;
}


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


/* Mobile Menu Icons */
.navbar-toggle {
    display: none;
    position: relative;
    float: left;
    margin: 15px 0 15px 0;
}


.navbar-toggle .icon-bar {
    display: block;
    width: 33px;
    height: 3px;
    background: #222;
}

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

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

#menu-top-slide:not( .mm-menu ),
#menu-main-slide:not( .mm-menu ) {
   display: none;
}


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

4. Homepage    -------------------------  index.php

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

#content {
    float: left;
    width: 65.5%;
}

/* Featured Slider -- wpzoom-slider.php */
 #slider { margin:0 0 35px; position:relative; height:550px;  }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 550px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */

#slider .flex-direction-nav a {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    cursor: pointer;
    font-size: 0;
    z-index: 100;
}


#slider .flex-direction-nav .flex-prev:after,
#slider .flex-direction-nav .flex-next:after  {
    font: normal 24px/14px 'dashicons';
    display: inline-block;
    content: "\f341";
    vertical-align: top;
    padding: 15px 10px;
    -webkit-font-smoothing: antialiased;
    color: #111;
    background: #fff;
    border-radius: 50px;
    opacity: .8;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

#slider .flex-direction-nav .flex-next:after  {
    content: "\f345";
}

#slider .flex-direction-nav .flex-prev:hover:after,
#slider .flex-direction-nav .flex-next:hover:after {
    opacity: 1;
    text-decoration: none;
    color: #ea6c35;
}

#slider .flex-direction-nav .flex-prev {
    right: 68px;
}



#slider .flex-viewport li .postcontent {
    height: 100%;
    overflow: hidden;
}

#slider .slide_content {
    padding: 30px 25px;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    position: absolute;
    background: url(images/75.png) repeat;
    bottom: 30px;
    left: 30px;
    width: 550px;
}

#slider .slide_content p {
    margin-bottom: 5px;
}

#slider h2 {
    line-height: 1.3;
    margin: 0 0 7px;
}

#slider h2 a {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}

#slider h2 a:hover {
    opacity: .8;
}

#slider .slides li {
    list-style-type: none;
    display: none;
    position: relative;
}

#slider h3 {
    text-transform: uppercase;
    font-size: 16px;
}

#slider h3 a {
    color: #fff;
}

#slider h3 a:hover {
    opacity: .8;
}

#slider li img {
    max-width: 100%;
    height: auto;
}

#slider.small-size {
    height: 380px;
}

#slider.small-size .slide_content {
    padding: 20px 15px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    position: absolute;
    background: url(images/75.png) repeat;
    bottom: 20px;
    left: 20px;
    width: 450px;
}

#slider.small-size h2 a {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

#slider.small-size h3 {
    text-transform: uppercase;
    font-size: 12px;
}



/* Featured Category Widgets on Homepage */
.home_widgets {
    font-size: 0;
}

.home_widgets .widget {
    margin: 0 0 30px;
}

.home_widgets .home_column {
    width: 31%;
    margin: 0 3.5% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.home_widgets .home_column.last {
    margin: 0;
}

.home_widgets .home_column h4.title {
    border-top: 1px solid #E5E5E5;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 15px 0;
    padding: 15px 0 0;
    text-transform: uppercase;
    color: #212121;
    font-weight: normal;
}

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

.home_column h3 {
    margin: 0 0 8px;
}

.home_column h3 a {
    font-size: 21px;
}

.home_column .post-thumb {
    margin: 0 0 10px;
}

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



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

5. Archive posts styling -------------------------  loop.php

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

h1.archive_title {
    font-size: 36px;
    line-height: 1.1;
    margin: 0 0 15px;
    padding:0 0 15px;
    text-transform:uppercase;
    color:#000;
    border-bottom: 1px solid #E5E5E5;
}

.archiveposts h3.title {
    border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 0 0 15px;
    text-transform:uppercase;
    color: #666;
    font-weight:normal;
}

/* Grid view */
#recent-posts {
    font-size: 0;
}

.recent-post {
	border-top: 1px solid #E5E5E5;
    margin:-1px 4% 40px 0;
    padding-top: 15px;
    width:48%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.archive .recent-post, .search .recent-post { margin-top:-16px; }

.recent-post.last {
	margin-right:0;
}

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

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

.recent-post h4.title {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 15px;
    padding:0 0 0;
    text-transform:uppercase;
    color: #212121;
    font-weight:normal;
}

.recent-post h2 {
    line-height: 1.3;
    margin-bottom:10px;
    font-weight:bold;
    font-size: 18px;

}

.recent-post .post-content {
    padding: 0;
}


.recent-meta {
  	margin:0 0 5px;
    font-size:14px;
    color:#aaa;
}

.recent-meta a {
	color:#444;
}

.recent-meta a:hover {
	color:#ea6c35;
}

.recent-meta span {
	margin-right:4px;
}

/* List view */
.list-view .recent-post {
    width:100%;
    margin:-1px 0 25px 0;
    border-top: 1px solid #E5E5E5;
}

.archive .list-view .recent-post {
	margin-top:-16px;
}

.list-view .recent-post .post-thumb {
    float:left;
    margin:0 15px 15px 0;
}

/* Read more button */
a.more-link {  margin:5px 0 0;  text-align:left; font-weight:bold; }


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

6. Single Posts Styling  ---------------------------------  single.php, page.php

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


.category_link { text-transform:uppercase; font-size:16px; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-bottom: 20px;
    line-height:1.3;
}
.entry p { margin-bottom: 25px; }

.entry a { font-weight: bold; }

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

.entry ul:not(.wp-block-gallery), .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }

.entry blockquote {
    color:#8E8E8E;
    border-left: solid 3px #ececec;
    padding:0 20px;
    margin: 20px;
}

h1.entry-title  {
    margin:0 0 10px;
    line-height:1.3;
    font-size:36px;
    font-weight:bold;
}

.post-meta {
    margin: 0 0 15px;
    padding: 0 0 13px;
    border-bottom: 1px solid #e5e5e5;
}


/* Tags */
.tag_list {  margin:0 0 15px; color:#63676A; }
.tag_list a {font-weight:bold; }
.tags_wrap { overflow:hidden; }


/* Author Bio */
.single .post_author {
    margin-top: 35px;
    padding: 35px 0;
    border-top: 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: normal;
}

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

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

.single .post_author > img {
    float: left;
    margin-right: 25px;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin-right:15px; }
.alignright, .entry .alignright { float: right; margin-left:15px; }

/* Caption for images */
.entry .wp-caption { width:auto; text-align:center; }
.entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%; width:auto; height:auto;}
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

.aligncenter {
    text-align: center;
}

.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: 0;
    color: #868686;
    text-align: center;
    font-style: italic;
}

#sidebar img {
    max-width: 100%;
    height: auto;
}

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


/* Template: Sidebar on the left */
.side-left #content { float: right; border-right: 0; }
.side-left #sidebar { float: left; }

/* Template: Full-width */
.full-width #content { width: 100%; }
.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }

/* Template: Archives */
.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.post .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; }
.post .col_arch .right { float: left; margin-top:12px; }
.post .col_arch .right ul {margin-left:0; }
.post .col_arch .right ul li a { font-weight: normal; }
.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }
.post .col_arch:last-child { border-bottom:none; }


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

7. Sidebar & Widgets -------------------------  sidebar.php

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

#sidebar {
    float: right;
    width: 31%;
    color:#5C5C5C;
}

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

.shop-wrapper {
    overflow: hidden;
}


.archive #sidebar, .page #sidebar, .search #sidebar {
	margin-top:20px;
}

#sidebar .widget {
    margin-bottom: 50px;
}

.widget h3.title {
	border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 25px;
    padding:0 0 15px;
    text-transform:uppercase;
	color: #666;
	font-weight:normal;
}

.home_column .widget h3.title {
	border-top: 1px solid #E5E5E5;
	border-bottom:none;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 15px 0;
    padding:15px 0 0;
    text-transform:uppercase;
	color: #212121;
	font-weight:normal;
}

.widget ul { clear: both; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { width: 100%; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; }
.side_ad { text-align: center; margin:25px 0 10px; }

/* Category Widget */
.widget_categories ul li { color: #8B8A8A; text-align: right; font-weight: normal; padding: 2px 0; clear: both; }
.widget_categories ul li li { padding-left:10px; }
.widget_categories ul li a { text-align: left; float: left; }

/* Video Widget */
.wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; }
.wpzoom_media .hide { display: none; }
.wpzoom_media ul { text-align:center; }
.wpzoom_media li { text-align:center; display:inline;  list-style-type: none; font-size: 14px; padding: 8px 2px; line-height: 20px; }
.wpzoom_media li a { color:#ccc; font-weight: bold;}
.wpzoom_media li a.active { color:#ea6c35; }

/* Recent Comments */
.recent-comments-list .avatar { margin-right: 8px; float: left;}
.recent-comments-list li { padding: 0 0 15px; margin:0 0 15px; border-bottom: 1px solid #eee; line-height:1.4; }
.recent-comments-list li a { font-weight:bold; }

/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 5px 0; float: left;}
.widget .feature-posts-list small { font-size: 14px; color: #8B96A0; margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block;}
.widget .feature-posts-list li { padding: 0 0 15px; margin: 0 0 15px; border-bottom:1px solid #ececec; line-height:1.4; }
.widget .feature-posts-list li a { font-weight:bold; }


/* Twitter widget */
.zoom-twitter-widget__item a { font-weight: normal; }
.zoom-twitter-widget__item-timestamp { display: block; font-size: 14px; font-style: normal;}

/* Popular Posts Widget */
.popular-news .comments { display: block; color: #A9A9A9; }
.popular-news li { padding: 0 0 10px; }

/* Tag cloud Widget */
.widget_tag_cloud div a { padding: 0 3px; }

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

/* Archive widget */
.widget_archive li { width:49%; float:left; display:block; margin:0;  padding:0 0 6px;}

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


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

8. Comments  -------------------------  comments.php

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

#comments { margin: 30px 0 0; }
#comments h3 { border-top: 1px solid #E5E5E5; font-size: 20px; line-height: 1.3; margin: 0; padding: 15px 0;  color: #333; font-weight: bold; }

#comments .navigation { padding: 0 0 18px 0; }
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #dedede; font-size:14px; line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 76px; position: relative; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author { margin-bottom:3px; }
.comment-author cite { color: #B1B1B1; font-weight: bold; font-style:normal; font-size:14px; }
.comment-author .says {  display:none; }
.comment-meta { font-size: 14px;  margin: 0; float: right; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { font-size: 14px; font-weight: bold; padding: 0 0 24px 0; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }

/* Comments form */
#respond { margin: 24px 0; overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required_lab {  font-weight: bold;   }
#respond label {   font-size: 14px; }
#respond input { margin: 0 0 9px;   }
#respond textarea { width: 96%; height: 145px;  }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { float: left; width: 36%; margin-right: 5%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input[type="text"] { width:100%; }
#respond .comment-form-comment { width: 80%; float: left; }
#respond .form_fields input[type="text"], #respond textarea { clear: both; display: block; margin: 3px 0 0; }

#respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-size: 14px;}

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

9. Footer  -------------------------  footer.php

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

#footer {
  	padding:45px 0 0;
}

#footer div.column {
    display: inline;
    float: left;
    margin-right: 3.5%;
    width: 31%;
}

#footer div.last {
    margin-right: 0;
}

#footer .widget-area {
    padding:0 0 15px;
    margin:0 0 15px;
    border-bottom:3px solid #ececec;
}

#footer .column .widget {
    line-height:1.7;
    margin-bottom:15px;
}

.copyright {
    font-size: 14px;
    min-height: 80px;
}

.copyright a {
    font-weight: bold;
}

.copyright .left {
    margin: 10px 0;
    float: left;
}

.copyright .right {
    float: right;
    margin: 10px 0;
}




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

9. WooCommerce

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

.shop-wrapper {
    overflow: hidden;
}

.single-product .shop-wrapper {
    max-width: 1320px;
    margin: 0 auto;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 7px 10px;
    margin-right: 10px;
    border-color: #DEE3E7;
}


.woocommerce table.shop_table td {
    padding: 20px 15px;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none;
}

.woocommerce-checkout #payment {
    background: #F7F8FA;
    border: 1px solid #DEE3E7;
}

.woocommerce-checkout #payment div.payment_box {
    background: #fff;
}

.woocommerce-checkout #payment div.payment_box:after {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: #DEE3E7;
}


.woocommerce .woocommerce-title h2 {
    color: #ea6c35;
}

.woocommerce .woocommerce-before-shop-loop {
    background: #ea6c35;
    margin-bottom: 40px;
}


.woocommerce .woocommerce-ordering {
    color: #ea6c35;
}

.woocommerce ul.products li.product .product-thumb {
    margin: 0 0 15px;
}

.woocommerce ul.products li.product .product-thumb a {
    display: block;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products li.product .product-thumb a img {
    margin: 0;
}

.woocommerce ul.products li.product h3 {
    font-size: 1.2em;
    padding-top: 0;
    font-weight: bold;
}

.woocommerce ul.products li.product h3 a {
    color: #ea6c35;
}

.woocommerce ul.products li.product h3 a:hover {
    color: #ea6c35;
}

.woocommerce ul.products li.product .price {
    color: #ea6c35;
    margin: 0;
    font-size: 16px;
    font-style: italic;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #000;
    border-radius: 0;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #fff;
    background: #ea6c35;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: #000;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #ea6c35;
}


.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #ea6c35;
}

.woocommerce div.product .product_title {
    text-align: left;
}


.woocommerce .quantity .qty {
    padding: 9px 6px;
    border-radius: 0;
    margin-right: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    margin: 0 5px;
    border-color: #DEE3E7;
    background: #F7F8FA;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal;
    font-size: 16px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-color: #DEE3E7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce-tabs #comments {
    max-width: 100%;
    padding: 0;
}

.woocommerce table.shop_table td {
    padding: 20px 15px;
}




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

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