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

Theme Name: Magazinum
Theme URI: http://www.wpzoom.com/themes/magazinum/
Version: 4.0.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

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.  Featured Slider  -------------------  wpzoom-slider.php
5.  Carousel  --------------------------  wpzoom-carousel.php
6.  Featured Articles ------------------  featured-posts.php
7.  Featured Categories on homepage ----  featured-categories.php
8.  Blog post --------------------------  loop.php
9.  Archives Page Template -------------  template-archives.php
10. Single Post ------------------------  single.php
11. Comments ---------------------------  comments.php
12. Sidebar & Widgets ------------------  sidebar.php
13. Footer  ----------------------------  footer.php

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


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

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

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


/*! 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: 600 }
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 { margin-top: 20px; margin-bottom: 20px; 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 { }

/* 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; }
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, .more_left { float: left; }
.floatright { float: right; }


/* Navigation */
div.navigation {
    text-align: center;
}

div.navigation p {
    margin: 0;
    font-weight: bold;
    text-align: center;
}


div.navigation a:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

div.navigation a {
    font-weight: bold;
    color: #3B4045;
    padding: 6px 10px;
    line-height: 50px;
    margin-right: 10px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    border: none;
}

div.navigation span.current {
    padding: 6px 10px;
    background-color: #27292B;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: none;
    margin-right: 10px;
    font-weight: bold;
}

div.navigation a:hover {
    background-color: #27292B;
    color: #fff;
    text-decoration: none;
}

div.navigation span.pages {
    margin-right: 10px;
    display: none;
}

div.navigation .nextpostslink:hover {
    background: #27292B;
}

div.navigation .previouspostslink:hover {
    background: #27292B;
}

div.navigation .extend {
    border: none;
}

div.navigation .alignleft,
div.navigation .alignright {
    margin: 0;
}


/* Forms */
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;
    border-radius: 3px;
    color: #444;
}

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

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: #000;
    border: none;
    color: white;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}


#footer button,
#footer input[type=button],
#footer input[type=reset],
#footer input[type=submit] {
    cursor: pointer;
    background: #333;
}

#footer button:hover,
#footer input[type=button]:hover,
#footer input[type=reset]:hover,
#footer input[type=submit]:hover {
    cursor: pointer;
    background: #444;
}


/* Meta for posts */

.entry-meta {
    margin-bottom: 12px;
    color: #919191;
}

.entry-meta span + span:before {
    content: " / ";
    color: rgba(0,0,0,0.2);
    margin: 0 3px;
}

.entry-meta a {
    color: #222;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
}

.entry-meta a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
}



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

2. Global Styles

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

body {
    background: #1e1e1e;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #211F1F;
    line-height: 1.6;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Links */
a {
    color: #24211f;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    outline: none;
}

p {
    margin: 0 0 15px;
}

.inner-wrap {
    margin: 0 auto;
    text-align: left;
    width: 1120px;
    background: #fff url(images/bg_content.png) repeat-y 40px 0;
}

#content {
    padding: 30px 0 15px;
    margin: 0 0 0 30px;
    float: left;
    width: 700px;
}


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

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

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

#header {
    background: #000;
}

.adv {
    float: right;
    margin: 0 10px 10px 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  .zoom-social-icons-list .socicon { padding: 5px; }
.header_social  .socicon { font-size: 1em; }



#logo {
    float: left;
    margin: 30px 0 30px 20px;
}

#logo h1 {
    font: bold 60px 'Roboto', sans-serif;
    text-transform: uppercase;
    line-height: 70px;
}

#logo h1,
#logo h1 a {
    color: #efefef;
}

#logo h1 a {
    text-decoration: none;
}



/* Search Form */
.navbar-search .search-form {
    position: relative;
    float: right;
    margin: 50px 30px 0 15px;
}

.navbar-search .search-form input {
    padding: 0;
    font-size: 15px;
    color: #686868;
    border: none;
}

.navbar-search .search-form .search-field {
    padding: 5px 30px 5px 8px;
    border-radius: 0;
    width: 132px;
}

.navbar-search .search-form .search-submit {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 15px;
    height: 15px;
    padding: 8px;
    background: url('images/search-icon.png');
    text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .navbar-search .search-form .search-submit {
        background: url('images/search-icon@2x.png') no-repeat;
        background-size: 16px 16px;
    }
}


/* 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.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.navbar-nav a:hover {
    text-decoration: none;
    background: #2C2B2B;
}

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

.navbar-nav ul a:hover {
    background: #2C2B2B;
}

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


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

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


/* Top menu */
.navbar-nav ul {
    width: 220px;
    margin-top: 0;
    background: #1a1a1a;
}

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

.top-navbar .navbar-nav ul {
    background: #2C2B2B;
}

.top-navbar .navbar-nav ul a:hover {
    background: #1a1a1a;
}

.top-navbar {
    background: #1a1919;
    padding: 0 10px;
    position: relative;
    z-index: 101;
}

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

.top-navbar a {
    color: #fff;
    font-weight: bold;
}


/* Main Menu */
.main-navbar {
	margin: 0 15px;
	color:#fff;
}

.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 .navbar-nav {
    float: left;
}

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

.main-navbar ul a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

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

.main-navbar ul ul a:hover {
    background: #2C2B2B;
}

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

.main-navbar li:before {
    float: right;
    line-height: 48px;
    content: '|';
    color: rgba(255, 255, 255, .3);
    font-size: 12px;
    font-weight: normal;
}



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


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

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

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

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


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

4. Featured Slider	  -------------------------  wpzoom-slider.php

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

#slider {
 	background:#000;
	position:relative;
	border-top:1px dotted #303131;
	height: 520px;
	overflow: hidden;
}

#slider #slides {
    position: relative;
    background: #161616;
    width: 780px;
    height: 100%;
    float: left;
    overflow: hidden;
}

#slider .slides li {
    position: relative;
}

#slider #slides p {
    color: #fff;
}

#slider #slides h2 {
    line-height: 1.2;
    margin-bottom: 10px;
}

#slider #slides h2.video-title {
    padding: 7px 0 0;
}

#slider #slides h2.video-title a {
    font-size: 26px;
}

#slider #slides h2 a {
    font-size: 30px;
    color: #fff;
}

#slider #slides h2 a:hover {
    opacity: .7;
    text-decoration: none;
}

#slider #slides .video_content {
    padding: 10px 15px;
}

#slider #slides .duration {
    float: right;
    margin: 7px 0 0 10px;
    color: #ddd;
    font-size: 14px;
    background: #2D2E30;
    border-radius: 3px;
    padding: 4px 7px;
}

#slider .notice {
    color: #999;
    margin: 200px 0 0;
    padding: 0 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#slider .notice a {
    color: #fff;
}

.slides_container {
    overflow: hidden;
    position: relative;
}

.slide {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#slides .postcontent {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 4%;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
}

#slider .flex-direction-nav li a {
    position: absolute;
    width: 29px;
    height: 29px;
    display: block;
    cursor: pointer;
    font-size: 1px;
    z-index: 99;
    text-indent: -2000px;
    background: url("images/arrows.png") no-repeat 0 0;
    outline: none;
    border: none;
}

#slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    top: 10px;
    right: 45px;
    background-position: 0 0;
}

#slider .flex-direction-nav li a.flex-prev:hover {
    background-position: 0 -30px;
}

#slider .flex-direction-nav li a.flex-next {
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -30px 0;
}

#slider .flex-direction-nav li a.flex-next:hover {
    background-position: -30px -30px;
}

.slides div a.more_link {
    display: none;
}

#slider_nav {
    position: relative;
    width: 310px;
    float: left;
}

#slider_nav h3 {
    color: #fff;
    padding: 10px 10px 10px 0;
    border-bottom: 1px dotted #303131;
    margin: 0 0 8px 20px;
}

#slider_nav .item {
    display: block;
}

#slider_nav .item a {
    font-size: 16px;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px 10px 0;
    margin-left: 20px;
    border-bottom: 1px dotted #303131;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#slider_nav .item a:hover,
#slider_nav .item.current a {
    text-decoration: none;
    background: #242425 url(images/bg_slide.png) repeat-x top;
    border-bottom: 1px solid #000;
    padding-left: 20px;
    margin-left: 0;
}

#slider_nav .item:hover {
    cursor: pointer;
}

#slider_nav .item:last-child {
    border-bottom: none;
}


.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; height: 100%}

.flexslider {margin: 0; padding: 0;}

.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: 300px;}
.flexslider .slides {zoom: 1;}


/* Nav Dots */
.flex-control-nav {
    text-align: center;
    height: 14px;
    margin: 15px 0;
}

.flex-control-nav li {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999em;
    background: #414141;
    height: 9px;
    width: 9px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 4px 0 0 4px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
    background-color: #888;
}

.flex-control-nav li a.flex-active:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}



#slider .entry-meta {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #ccc;
}

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

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



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

5. Carousel  -------------------------  wpzoom-carousel.php

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

#carousel {
    background: #edeeee url(images/bg_carousel.png) repeat-x top;
    overflow: hidden;
    padding: 15px 30px 0;
    position: relative;
    border-bottom: 1px solid #E0E0E0;
}

#carousel h3 {
    color: #000;
    margin: 0 0 10px 5px;
}

#carousel #carousel-items a {
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#carousel #carousel-items a {
    text-decoration: none;
}

#carousel .thumb img {
    margin-bottom: 4px;
}

#carousel-items {
    position: relative;
    margin: 0 0 20px;
}

#carousel-items .item {
    float: left;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 0;
}

#carousel .item {
    display: none;
}

.caroufredsel_wrapper .item {
    display: inline !important;
}

#carousel-items .item:hover {
    background: #fff;
}

#carousel a.prev,
#carousel a.next {
    background: url(images/arrows.png) no-repeat transparent;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 15px;
}

#carousel a.prev {
    right: 55px;
    background-position: 0 -85px;
}

#carousel a.prev:hover {
    background-position: 0 -59px;
}

#carousel a.prev.disabled,
#carousel a.next.disabled {
    opacity: 0.4;
}

#carousel a.next {
    right: 20px;
    background-position: -29px -85px;
}

#carousel a.next:hover {
    background-position: -29px -59px;
}

#carousel a.prev.disabled,
#carousel a.next.disabled {
    cursor: default;
}

a.prev span,
a.next span {
    display: none;
}

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

6. Featured Articles on Home page  -------------------------  index.php

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

.featured_art {
    margin: 0 0 30px;
    font-size: 16px;
}

.featured_art .post-thumb {
    margin: 0 0 20px;
}

.featured_art h2.entry-title {
    margin: 0 0 10px;
    line-height: 1.3;
    font-size: 28px;
}


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

7. Featured Categories on Home page  -------------------------  wpzoom-home-categories.php

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

.featured_cat {
    margin: 0 0 30px;
}

.featured_cat h3.category_title {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #7d7f7f;
    padding: 6px 0 7px;
    margin-bottom: 25px;
    color: #000;
}

h3.category_title span {
    background: url(images/arrow_h3.png) no-repeat;
    width: 9px;
    height: 9px;
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 2px 0 0 0;
}

.featured_cat .article h2.entry-title {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 8px;
}

.featured_cat .article .post-thumb img {
    max-width: 100%;
    height: auto;
    margin: 0 0 15px;
}

.featured_cat .article {
    width: 50%;
    float: left;
    border-right: 1px dotted #e7e7e7;
    padding-right: 3%;
    margin-right: 3%;
}

.featured_cat ul.latest-entries {
    float: right;
    width: 47%;
}

.featured_cat ul li {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px dotted #e7e7e7;
    list-style-type: none;
    display: block;
    clear: both;
}

.featured_cat ul li .post-thumb {
    float: left;
    margin: 0 15px 0 0;
}

.featured_cat ul li:last-child {
    border-bottom: none;
}

.featured_cat ul li a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
}

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

8. Blog posts styling (archives post)  -------------------------  loop.php

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

.archiveposts {
    margin: 10px 0;
}

.archiveposts h3.section_title {
    border-bottom: 1px solid #e7e7e7;
    border-top: 2px solid #222;
    padding: 12px 0;
    margin: 0 0 40px 0;
    color: #000;
    font-size: 22px;
}

.archiveposts .post-thumb {
    float: left;
    margin: 0 20px 7px 0;
}

.post-content {
    overflow: hidden;
}

.archiveposts .post {
    border-bottom: 1px solid #EFEFEF;
    margin: 0 0 35px;
    padding: 0 0 35px;
}

.archiveposts .post h2.entry_title {
    font-size: 26px;
    margin: 0 0 10px;
    line-height: 1.2;
}

.archiveposts .post h2.entry_title a {
    color: #000;
}

.archiveposts .post h2.entry_title a:hover {
    text-decoration: underline;
}


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

9. Archives Page Template  -------------------------  template-archives.php

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

.archives .arch_tags {
	border:1px solid #E7E9EB;
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	width:95%;
}

.archives .arch_tags span {
	font-size:20px;
	color:#606060;
}

.archives .arch_tags ul {
	text-align:center;
	margin:8px 0;
}

.arch_cat {
	float:left;
	width:250px;
	margin:10px 10px 25px 25px;
}

.arch_cat span {
	font-size:17px;
	color:#606060;
	margin:5px 0 5px 5px;
	display:block;
	}

.arch_cat ul li {
	border-bottom:1px solid #E7E9EB;
	padding:6px;
	text-align:right;
	color:#00A0C6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	list-style-type:none;
}

.arch_cat ul li a {
	font-weight:bold;
	text-align:left;
	float:left;
}

.arch_cat ul li:hover {
	background:#242425 url(images/bg_slide.png) repeat-x top;
	color:#fff;
}

.arch_cat ul li:hover a {
	color:#fff;
}

.arch_cat.dates {
	float:right;
	margin-right:20px;
}

.arch_cat .rounded {
	border-bottom:1px solid #ffffff;
	clear:both;
	display:block;
	padding:4px 9px 4px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

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

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

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

.post {
	margin:0 0 20px;
}

#content.full-width {
	width:96%;
	margin:0 0 0 2%;
	background:#fff;
}

#content.full-width .post {
	width:100%;
}

.post .meta {
	padding:10px 0;
	margin: 0 0 10px;
 	font-weight:normal;
 	color:#555555;
  	border-bottom:1px dotted #d7d7d7;
}

.post .meta a {
	font-weight:bold;
}

.post .meta span {
	float:right;
}

.post .meta span a {
	font-weight:normal;
}

.post h1.title {
	line-height: 1.3;
	margin:6px 0 20px;

}

.post h1.title a {
	font-size:34px;
 	color:#292929;
}

.post h1.title a:hover {
	text-decoration:underline;
}

.post .entry {
 	overflow:hidden;
 	line-height:1.8;
}

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

.entry a {
   	color:#166E96;
   	font-weight:bold;
}

.entry a img {
  	text-decoration: none;
	border: 0 none;
}

.entry p { margin:0 0 15px; }


.entry ul:not(.wp-block-gallery) {
	margin:0 0 20px;
	padding:0 0 0 30px;
}

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

.entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
}

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

.entry blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
 	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}

.post .entry h2 {
 	float:none;
 	width:auto;
}

.entry img { margin-bottom: 20px; }

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

.post .author {
 	margin:0 0 10px 0;
 	display: block;
	color:#8B8A8A;
	font-style:italic;
}

.post .author a {
	font-weight:bold;
}

.post .after-meta {
	margin:10px 0 15px;
	padding:10px 0 7px;
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
}

/* Tags */
.post .tags_list {
 	font-weight:bold;
}

.post .tags_list a {
	border:1px solid #e7e7e7;
	padding:2px 3px;
	color:#838383;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:5px;
	font-weight:normal;
	line-height:2.5;
}

.post .tags_list a:hover {
	text-decoration:none;
	border-color:#838383;
}



/* Author Bio */
.post .post_author {
	background:#F7F7F7;
	border-top: 1px solid #E0E0E0;
  	padding:20px 20px 15px 20px;
	margin:20px 0 35px;
 	line-height:1.6em;
}

.post .post_author img {
	float:left;
	margin:0 15px 7px 0;
}

.post .post_author span {
	font-weight:bold;
	font-size:16px;
	display:block;
	margin-bottom:5px;
}

/* [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 alignment */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float:left; margin:5px 15px 5px 0; }
.alignright { float:right; margin:10px 0px 10px 15px; }

/* Image captions */
.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:#999; font-size:13px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

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


/* Read more button */
a.more-link { display: inline-block; margin:5px 0; color: #fff; font-weight: bold; padding:4px 20px; background:#000; border-radius: 50px;}
a.more-link:hover { background: #333; text-decoration:none; }

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

11. Comments  -------------------------  comments.php

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

#comments  h3 {
	font-size: 22px;
	font-weight: bold;
  	border-top: 2px solid #5B5B5B;
	border-bottom: 1px solid #E8E8E8;
	padding: 15px 0;
	margin: 0 0 20px;
}

#respond > h3 {  margin: 40px 0 30px; }

.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 { font-family: 'Roboto', sans-serif; }
.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: bold; 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 a.comment-reply-link,
.comment-author a.comment-edit-link { color: #555;  }
.comment-main { overflow: hidden; }
.comment-body {line-height: 1.8; 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-size: 14px;}


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

12. Sidebar & Widgets -------------------------  sidebar.php

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

#sidebar {
	float:right;
	width:300px;
	margin: 30px 30px 20px 0;
	overflow:hidden;
}

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

#sidebar .widget h3.title {
	padding:0 0 15px;
	margin-bottom:15px;
	font-size: 20px;
	border-bottom:1px dotted #ddd;
	color:#1F1C1C;
	line-height:1.2;
}

.widget_search label { display: inline; }

.widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget a { font-weight: bold; }

.ads { text-align: center; margin:0 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; font-weight: bold; }

/* Video Widget */
.wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; color:#858585; font-style: italic;}
.wpzoom_media .hide { display: none; }
.wpzoom_media li { border-bottom: 1px dotted #EFEFEF; list-style-type: none;  padding: 0 0 7px; margin:0 0 7px; line-height: 20px; }
.wpzoom_media li a  { font-weight: normal; }
.wpzoom_media li a.active { font-weight: bold; background: url('images/video.png') no-repeat; padding-left: 24px; }

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;}
.recent-comments-list li { padding: 0 0 7px; margin:0 0 7px; border-bottom: 1px solid #EFEFEF; line-height:1.4;  }
#footer .recent-comments-list li { border-bottom: 1px dotted #2e2e2e; }

/* 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: #A9A9A9; margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt {	display: block;}
.widget .feature-posts-list li { border-bottom: 1px dotted #EFEFEF; padding: 0 0 10px; margin:0 0 10px; line-height:1.4; }
.widget .feature-posts-list li a { font-weight:bold; font-size: 16px; }
#footer .feature-posts-list li { border-bottom: 1px dotted #2e2e2e; }


/* Twitter widget */
.zoom-twitter-widget__item {  border-bottom: 1px dotted #EFEFEF; padding: 0 0 10px; margin: 0 0 0px; }
.zoom-twitter-widget__item a { font-weight: normal; }
.zoom-twitter-widget__item-timestamp { display: block; color: #727272; margin-top: 4px; font-style: normal; }
.zoom-twitter-widget__follow-me { margin: 0; padding: 5px 0; }
#footer .zoom-twitter-widget__item { border-bottom: 1px dotted #2e2e2e; }

/* Popular Posts Widget */
.popular-news .comments { font-style: italic;  color: #A9A9A9; display: block; margin: 2px 0 0;}
.popular-news li { border-bottom: 1px dotted #EFEFEF; padding: 0 0 7px; margin:0 0 7px;}
#footer .popular-news li { border-bottom: 1px dotted #2e2e2e; }

/* Tag cloud Widget */
.widget_tag_cloud div a { font-weight:normal; 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; }


/* Tabbed Widget */
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none; }
ul.tabbernav li { float: left; margin: 0 7px 0 0; padding: 0; height: 28px; line-height: 28px; margin-bottom: -1px; overflow: hidden; position: relative; background: url(images/bg_sidetab.png) repeat-x; border: 1px solid transparent; list-style-type: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
ul.tabbernav { margin: 0 0 10px; padding: 1px 0; font: bold 12px; }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 0 10px; outline: none; }
ul.tabbernav li.tabberactive { background: #fff;  border-bottom: 1px solid #fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
ul.tabbernav li.tabberactive a { color: #000; }
ul.tabbernav { margin: 0; padding: 0;  list-style: none; height: 28px;  border-bottom: 1px solid #d7d7d7; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { padding: 20px 0 0;  }
.tabbertab h2.widgettitle { display: none; }


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

13. Footer  -------------------------  footer.php

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

#footer {
	background:#000 url(images/bg_footer.png) repeat-x top;
	color:#fff;
	padding: 30px;
}

#footer div.column {
 	float: left;
	width: 23%;
	margin-right: 2.6666%;
}

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

#footer .widget {
  	margin:0 0 25px;
}

#footer .widget h3.title {
	color:#fff;
	font-size:17px;
	border-bottom:1px dotted #2e2e2e;
	padding:0 0 10px;
	margin-bottom:20px;
}

#footer .widget a {
	color:#fff;
}


#copyright {
	margin: 20px 0 10px;
	padding-top:10px;
	text-align:left;
	height:20px;
 	border-top:1px dotted #2e2e2e;
}

#copyright span {
	float:right;
	text-align:right;
	width:40%;
}

#copyright a {
	color:#fff;
	font-weight:bold;
}



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