/*
Theme Name: Admiral
Theme URI: https://themezee.com/themes/admiral/
Author: ThemeZee
Author URI: https://themezee.com
Description: Admiral is a beautiful and stylish Magazine WordPress theme featuring a unique and responsive two sidebar layout. The theme comes with several awesome features, including a featured posts slideshow, a magazine homepage template, a widgetized header area, two different post layouts and support for infinite scroll.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: admiral
Tags: three-columns, custom-background, custom-menu, custom-logo, editor-style, rtl-language-support, grid-layout, blog, entertainment, news, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, two-columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Admiral is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Accessibility
6.0 - Alignments
7.0 - Clearings
8.0 - Layout Structure
9.0 - Header
10.0 - Navigation
	10.1 - Main Navigation
	10.2 - Social Icon Menu
11.0 - Widgets
	11.1 - Default Widgets
	11.2 - Magazine Posts Widgets
12.0 - Posts and pages
11.0 - Comments
12.0 - Footer
13.0 - Media
	13.1 - Captions
	13.2 - Galleries
14.0 - Media Queries
	14.1 - Desktop Large ( < 1120px )
	14.2 - Desktop Medium ( < 1040px )
	14.3 - Desktop Small ( < 960px )
	14.4 - Tablet Large ( < 880px )
	14.5 - Tablet Medium ( < 800px )
	14.6 - Tablet Small ( < 720px )
	14.7 - Mobile Extra Large ( < 640px )
	14.8 - Mobile Large ( < 560px )
	14.9 - Mobile Medium ( < 480px )
	14.10 - Mobile Small ( < 320px )
15.0 - Media Query Fixes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1.0 - Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: monospace, monospace;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 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"] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #303030;
	font-size: 16px;
	font-size: 1rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.5;		/*  было 1,75 (изменяет межстрочный интервал в виджетах */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 0.1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-bottom: 1.6em;
	padding: 1.6em;
	max-width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 3.0 - Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f5f5f5; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: none;
}

blockquote {
	margin: 0 0 1.5em;
	padding-left: 1.5em;
	border-left: 2px solid #ddd;
	color: #777;
	font-style: italic;
	font-size: 19px;
	font-size: 1.1875rem;
}

blockquote cite,
blockquote small {
	display: block;
	margin-top: 1em;
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote > :last-child {
	margin-bottom: 0.5em;
}

hr {
	margin-bottom: 1.5em;
	height: 1px;
	border: 0;
	background-color: #ccc;
}

ul,
ol {
	margin: 0 0 1.5em 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.5em;
}

img {
	max-width: 100%; /* Adhere to container width. */
	height: auto; /* Make sure images are scaled correctly. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border: none;
	table-layout: fixed;
}

th,
td {
	padding: 0.3em 0.6em;
	border: 1px solid #ddd;
}

a {
	color: 3943b8;                      /* 25ba6e; меняем зеленый на синий */
	text-decoration: underline;
}

a:link,
a:visited {
	color: #3943b8;                     /* 25ba6e;  меняем зеленый на синий */
}

a:hover,
a:focus,
a:active {
	color: #ffa333;                      /* 303030;  меняем черный на оранжевый */
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# 4.0 - Forms Форма подписки
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin: 0;
	padding: 0.6em 1em;
	border-width: 11px; /*Ширина рамки  */
	border-color: #f5f5f5; /* Цвет рамки */
	border-style: solid; /* Стиль рамки */
	background: #2a7cab;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: 'Montserrat', Tahoma, Arial;
	transition: all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #303030;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.3em 0.6em;
	max-width: 100%;
	border: 1px solid #ddd;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# 5.0 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar. */
	display: block;
	clip: auto !important;
	padding: 15px 23px 14px;
	width: auto;
	height: auto;
	border-radius: 3px;
	background-color: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	color: #21759b;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: normal;
}

/*--------------------------------------------------------------
# 6.0 - Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/*--------------------------------------------------------------
# 7.0 - Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.post-navigation .nav-links:before,
.post-navigation .nav-links:after,
.comment-navigation:before,
.comment-navigation:after {
	display: table;
	content: "";
}

.clearfix:after,
.post-navigation .nav-links:after,
.comment-navigation:after {
	clear: both;
}

/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.container {
	margin: 0 auto;
	padding: 0;
	max-width: 1440px;
	width: 100%;
}

.site-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.content-area {
	order: 2;
	box-sizing: border-box;
	padding: 0.5em 2em 0;
	width: 55%;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background: #fff;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
}

.main-sidebar {
	order: 1;
	padding: 0.5em 0 0;
	width: 25%;
	border-left: 1px solid #e5e5e5;
	background: #fafafa;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
}

.small-sidebar {
	order: 3;
	padding: 0.5em 0 0;
	width: 20%;
	background: #f5f5f5;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
}

.sidebar-toggle {
	display: none;
}

/*--------------------------------------------------------------
# 9.0 - Header
--------------------------------------------------------------*/
.site-header {
	border-bottom: 10px solid #2a7cab;
	background: #e9ebee;
}

.header-main {
	padding: 0.1em 0em;
}

.site-branding {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
	padding: 0;
	border: none;
	text-decoration: none;
}

.site-title {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 40px;
	font-size: 2.5rem;
	font-family: 'Montserrat', sans-serif;
}

.site-title a:link,
.site-title a:visited {
	color: #fff;
	transition: all 0.2s ease;
}

.site-title a:hover,
.site-title a:active {
	color: #ccc;
}

.site-branding .custom-logo {
	margin: 0.25em 1em 0.25em 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

.site-description {
	display: inline-block;
	float: right;
	margin: 0.75em 0 0 1em;
	color: #fff;
	font-size: 22px;
	font-size: 1.375rem;
}

/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 10.1 - Main Navigation
--------------------------------------------------------------*/
.main-navigation-wrap {
	border-top: 1px solid rgba(255,255,255,0.1);
	background: #e9ebee;
	color: #fff;
}

.main-navigation-container {
	position: relative;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu li {
	float: left;
}

.main-navigation-menu a {
	display: block;
	padding: 0.6em 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Montserrat', Tahoma, Arial;
	transition: all 0.2s ease;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	color: #fff;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 16px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #000000;
	text-decoration: none;
}

.main-navigation-menu a:hover {
	background: rgba(0,0,0,0.2);
}

.main-navigation-menu ul {
	position: absolute;
	z-index: 999;
	display: none;
	margin: 0;
	padding: 0;
	border-top: 10px solid #2a7cab;    /* Синий бордюр между меню и основным блогом */ 
	background: #babcbe;   /* Серое всплывающее подменю */
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
}

.main-navigation-menu ul li {
	position: relative;
	float: none;
}

.main-navigation-menu ul a {
	padding: 1em 1.25em;
	min-width: 250px;
	min-width: 16rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-size: 13px;
	font-size: 0.8125rem;
	transition: none;
}

.main-navigation-menu ul li:last-child > a {
	border-bottom: none;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.4em 0 0 0.2em;
	color: #fff;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 14px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu li ul ul {
	top: 0;
	left: 100%;
	margin-top: -10px;
}

.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a {
	text-decoration: underline;
}

/* Mega Menu Styling */
.main-navigation-menu .mega-menu-content .mega-menu-widget a:link,
.main-navigation-menu .mega-menu-content .mega-menu-widget a:visited {
	color: #fff;
}

.main-navigation-menu .mega-menu-content .mega-menu-widget a:hover,
.main-navigation-menu .mega-menu-content .mega-menu-widget a:active {
	color: rgba(255,255,255,0.6);
}

.mega-menu-content .widget_meta ul li,
.mega-menu-content .widget_pages ul li,
.mega-menu-content .widget_categories ul li,
.mega-menu-content .widget_archive ul li {
	display: block;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.mega-menu-content .widget_meta ul li a,
.mega-menu-content .widget_pages ul li a,
.mega-menu-content .widget_categories ul li a,
.mega-menu-content .widget_archive ul li a {
	display: block;
	padding: 0.75em 1em;
	font-size: 14px;
	font-size: 0.875rem;
}

.main-navigation-menu .mega-menu-content .widget_meta ul li a:hover,
.main-navigation-menu .mega-menu-content .widget_pages ul li a:hover,
.main-navigation-menu .mega-menu-content .widget_categories ul li a:hover,
.main-navigation-menu .mega-menu-content .widget_archive ul li a:hover {
	background: rgba(0,0,0,0.1);
	color: #fff;
}

.mega-menu-content .mega-menu-widget .entry-meta,
.mega-menu-content .mega-menu-widget .entry-meta span:before {
	color: #eee;
}

/*--------------------------------------------------------------
## 10.2 - Sidebar Navigation
--------------------------------------------------------------*/
.secondary-navigation-wrap {
	margin: -0.5em 0 1em 0;
}

.sidebar-navigation-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-navigation-menu li {
	margin: 0;
	padding: 0;
}

.sidebar-navigation-menu a {				// Меню страниц
	display: block;
	padding: 0.3em 1.25em;				// 0.5 интервал сверху и снизу
	border-bottom: 1px solid #e9ebee;  /* цвет разделителей между пунктами меню */
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Montserrat', Tahoma, Arial;
}

.sidebar-navigation-menu a:link,
.sidebar-navigation-menu a:visited {
	color: #303030;                 /* цвет текста меню страниц в виджете */
}

.sidebar-navigation-menu a:hover,
.sidebar-navigation-menu a:active {
	background: #babcbe;            /* цвет активного пункта меню в виджете */  
}

.sidebar-navigation-menu ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.sidebar-navigation-menu ul a {
	display: block;
	padding-left: 3em;
	font-size: 13px;
	font-size: 0.8125rem;
}

.sidebar-navigation-menu ul a:before {
	margin: 0.1em 0.3em 0 0;
	font-size: 18px;
}

.sidebar-navigation-menu ul li ul a {
	padding-left: 4.5em;
}

.sidebar-navigation-menu ul li ul li ul a {
	padding-left: 6em;
}

.sidebar-navigation-menu ul li ul li ul li ul a {
	padding-left: 7.5em;
}

.sidebar-navigation-menu li.current-menu-item > a {
	text-decoration: underline;
}

/*--------------------------------------------------------------
## 10.3 - Social Icons Menu
--------------------------------------------------------------*/
.social-icons-menu {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	line-height: 1;
}

.social-icons-menu li {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

.social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.5em;
	text-decoration: none;
	transition: all 0.2s ease;
}

.social-icons-menu li a .screen-reader-text {
	display: none;
}

/* Add Genericons */
.social-icons-menu li a:before {
	display: inline-block;
	color: #fff;
	vertical-align: top;
	text-decoration: inherit;
	font-size: 16px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.social-icons-menu li a:before { content: '\f408'; } /* Default Icon */
.social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
.social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
.social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
.social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; }
.social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
.social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; }
.social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
.social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
.social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
.social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
.social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
.social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
.social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
.social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
.social-icons-menu li a[href*="skype.com"]:before,
.social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
.social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
.social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
.social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
.social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
.social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
.social-icons-menu li a[href*="wordpress.org"]:before { content: '\f205'; }
.social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
.social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
.social-icons-menu li a[href*="newsletter"]:before,
.social-icons-menu li a[href*="mailto"]:before { content: '\f410'; }
.social-icons-menu li a[href*="/feed"]:before,
.social-icons-menu li a[href*="/feed/"]:before,
.social-icons-menu li a[href*="?feed=rss2"]:before,
.social-icons-menu li a[href*="feedburner.google.com"]:before,
.social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/* Header Bar */
.main-navigation-container .social-icons-navigation {
	float: right;
}

.main-navigation-container .social-icons-menu li a {
	padding: 1.1em;
}

.main-navigation-container .social-icons-menu li a:before {
	font-size: 24px;
}

.main-navigation-container .social-icons-menu li a:hover:before {
	text-decoration: none;
}

.main-navigation-container .social-icons-menu li a:hover,
.main-navigation-container .social-icons-menu li a:active {
	background: rgba(0,0,0,0.25);
}

/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0;
	padding: 0.5em 1.5em;
	max-width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.widget-header {
	margin: 0 0 1em;
}

.widget-title {
	display: block;
	margin: 0;
	padding: 0;
	color: #303030;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Montserrat', Tahoma, Arial;
}

.widget ul {
	margin: 0;
	padding: 0;
	list-style: circle inside;
}

.widget ul .children,
.widget ul .sub-menu {
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget a:link,
.widget a:visited  {
	text-decoration: none;
}

.widget-title a:link,
.widget-title a:visited {
	color: #303030;
	transition: all 0.2s ease;
}

.widget-title a:hover,
.widget-title a:active {
	color: #ee4444;
}

/*--------------------------------------------------------------
## 11.1 - Default Widgets
--------------------------------------------------------------*/

/* Theme Search Widget */
.search-form {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-field {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em 1.5em 0.5em 0.7em;
	min-width: 300px;
	width: 100%;
	-webkit-appearance: none;
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.65em 0.75em 0 0.2em;
	border: none;
	cursor: pointer;
}

.search-form .search-submit .genericon-search {
	display: inline-block;
	padding: 0.05em 0 0.55em 0.45em;
	color: #fff;
	content: '\f400';
	vertical-align: middle;
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
## 11.2 - Magazine Posts Widgets
--------------------------------------------------------------*/
.magazine-homepage-widget-area .widget {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 2px solid #eee;
}

.widget-magazine-posts {
	margin-bottom: -2em;
}

.widget-magazine-posts .type-post {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
}

.widget-magazine-posts .type-post .entry-title {
	display: inline;
}

.widget-magazine-posts .type-post .entry-meta {
	margin: 0;
}

.widget-magazine-posts .type-post .entry-content {
	font-size: 16px;
	font-size: 1rem;
}

.widget-magazine-posts .type-post .entry-content p {
	margin-bottom: 0.5em;
}

.widget-magazine-posts .large-post .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
}

.widget-magazine-posts .medium-post {
	display: block;
	float: left;
	box-sizing: border-box;
	padding-right: 2em;
	width: 33.33333333%;
}

.widget-magazine-posts .medium-post .entry-title,
.widget-magazine-posts .small-post .entry-title {
	font-size: 15px;
	font-size: 0.9375rem;
}

.widget-magazine-posts .small-post {
	display: block;
	float: left;
	box-sizing: border-box;
	width: 100%;
}

.widget-magazine-posts .small-post .wp-post-image {
	float: left;
	margin: 0 1.5em 0 0;
	max-width: 40%;
}

.widget-magazine-posts .medium-post .entry-meta,
.widget-magazine-posts .small-post .entry-meta {
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Magazine Posts Grid Widget */
.widget-magazine-posts .magazine-grid {
	margin-right: -2em;
}

.widget-magazine-posts .magazine-grid .large-post {
	float: left;
	box-sizing: border-box;
	padding-right: 2em;
	width: 50%;
}

.widget-magazine-posts .magazine-grid .post-column:nth-child(2n+1) .large-post,
.widget-magazine-posts .magazine-grid .post-column:nth-child(3n+1) .medium-post {
	clear: left;
}

/* Magazine Posts Columns Widget */
.widget-magazine-posts-columns .magazine-posts-columns .magazine-posts-columns-content {
	float: left;
	width: 100%;
}

.widget-magazine-posts-columns .magazine-posts-column-left {
	float: left;
	box-sizing: border-box;
	padding-right: 1em;
	width: 50%;
}

.widget-magazine-posts-columns .magazine-posts-column-right {
	box-sizing: border-box;
	margin-left: 50%;
	padding-left: 1em;
	width: 50%;
}

.widget-magazine-posts-columns .medium-post {
	padding-right: 0;
	width: 100%;
}

/* Magazine Posts Sidebar Widget */
.main-sidebar .widget-magazine-posts-sidebar .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
}

.small-sidebar .widget-magazine-posts-sidebar .entry-title {
	font-size: 16px;
	font-size: 1rem;
}

/*--------------------------------------------------------------
# 12.0 - Posts and pages
--------------------------------------------------------------*/
.type-post,
.type-page,
.type-attachment,
.comments-area  {
	margin: 0 0 2em;
	padding: 0;
	max-width: 100%;
}

.entry-title {
	margin: 0;
	padding: 0;
	color: #303030;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 28px;
	font-size: 1.75rem;
	font-family: 'Montserrat', Tahoma, Arial;
}

.entry-title a:link,
.entry-title a:visited {
	color: #303030;
	text-decoration: none;
	transition: all 0.2s ease;
}

.entry-title a:hover,
.entry-title a:active{
	color: #ee4444;
}

.type-post .wp-post-image,
.type-page .wp-post-image {
	margin: 0 0 0.5em;
}

.entry-content {
	font-size: 17px;
	font-size: 1.0625rem;
}

.entry-content p:first-child {
	margin-top: 0.5em;             /* расстояние между контентом и заголовком в журнальном виджете */
}

.entry-content p:last-child {
	margin-bottom: 0;
}

.sticky {}

/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
	font-weight: bold;
}

/* Entry Meta */
.entry-meta {
	margin: 0.5em 0 0;
	padding: 0;
	color: #999;
	font-size: 14px;
	font-size: 0.875rem;
}

.entry-meta a:link,
.entry-meta a:visited {
	color: #999;
	text-decoration: none;
}

.entry-meta a:hover,
.entry-meta a:active {
	color: #666;
}

.entry-meta span:after {
	display: inline-block;
	margin-left: 0.2em;
	color: #999;
	content: '\f428';
	vertical-align: middle;
	font: normal 16px 'Genericons';
	-webkit-font-smoothing: antialiased;
}

.entry-meta span:last-child:after {
	display: none;
}

/* Entry Author */
.posted-by {
	margin: 1em 0;
}

.posted-by .avatar {
	float: left;
	margin: 0 0.75em 0 0;
	border-radius: 3em;
}

/* Hide post meta if they are deactivated in settings */
body.date-hidden .entry-meta .meta-date,
body.comments-hidden .entry-meta .meta-comments,
body.categories-hidden .entry-meta .meta-category,
body.author-hidden .type-post .posted-by {
	 position: absolute;
	 clip: rect(1px, 1px, 1px, 1px);
}

body.comments-hidden.categories-hidden .entry-meta .meta-date:after,
body.categories-hidden .entry-meta .meta-comments:after {
	display: none;
}

body.date-hidden.comments-hidden .content-archive .entry-meta {
	display: none;
}

body.date-hidden.comments-hidden.categories-hidden .content-single .entry-meta {
	display: none;
}

/* Entry Tags & Tagcloud Widget */
.entry-tags {
	margin: 0 0 1.5em;
}

.widget_tag_cloud .tagcloud,
.entry-tags .meta-tags {
	font-size: 14px;
	font-size: 0.875rem;
}

.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after,
.entry-tags .meta-tags:before,
.entry-tags .meta-tags:after {
	display: table;
	content: "";
}

.widget_tag_cloud .tagcloud:after,
.entry-tags .meta-tags:after {
	clear: both;
}

.widget_tag_cloud .tagcloud a,
.entry-tags .meta-tags a {
	display: inline-block;
	float: left;
	margin: 0 2px 2px 0;
	padding: 0.2em 0.5em;
	background: #e9ebee;   /* Меняем черный на серенький */
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px !important;
	font-size: 0.6125rem !important;
}

.widget_tag_cloud .tagcloud a:link,
.widget_tag_cloud .tagcloud a:visited,
.entry-tags .meta-tags a:link,
.entry-tags .meta-tags a:visited {
	color: #404040;
}

.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:active,
.entry-tags .meta-tags a:hover,
.entry-tags .meta-tags a:active {
	background: #babcbe;          /* Меняем цвет выделенных меток */
	color: #404040;
}

/* Post Navigation */
.post-navigation {
	margin: 1em 0 0;
	padding: 0.6em 0 0;
	border-top: 1px solid #e5e5e5;
}

.post-navigation .nav-links .nav-previous {
	float: left;
}

.post-navigation .nav-links .nav-next {
	float: right;
}

.post-navigation .nav-links .nav-previous a:before {
	margin-right: 3px;
	content: "\00AB";
}

.post-navigation .nav-links .nav-next a:after {
	margin-left: 4px;
	content: "\00BB";
}

.post-navigation .nav-links a {
	text-decoration: none;
}

/* Theme Pagination */
.pagination {
	margin: 0 0 2em;
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 0.4em 1em;
	background: #303030;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.pagination a:link,
.pagination a:visited {
	color: #fff;
	transition: all 0.2s ease;
}

.pagination a:hover,
.pagination a:active,
.pagination .current {
	background: #2a7cab;
}

/* Infinite Scroll Pagination */
.infinite-scroll .pagination {
	display: none;
}

.infinite-scroll #infinite-handle,
.infinite-scroll .infinite-loader {
	width: 100%;
	text-align: center;
}

.infinite-scroll .infinite-loader .spinner {
	bottom: -1em;
	left: auto;
	margin: 0 auto;
}

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0 0 2em;
	padding: 0.6em 1em;
	background: #303030;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: 'Montserrat', Tahoma, Arial;
	transition: all 0.2s ease;
}

.infinite-scroll #infinite-handle span:hover {
	background: #ee4444;
}

/* Archives and Search Heading */
.page-header {
	margin: -0.5em 0 1em;
	color: #303030;
}

.blog-title,
.archive-title {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Montserrat', Tahoma, Arial;
}

.blog-title a,
.archive-title a {
	text-decoration: none;
}

/* Breadcrumbs */
.breadcrumbs {
	margin: -0.5em 0 1.5em;
	padding: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.breadcrumbs-container {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
}

.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline;
	margin: 0;
	padding: 0;
}

.breadcrumbs .trail-browse {
	margin-right: 0.5em;
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.breadcrumbs .trail-items li::after {
	padding: 0 0.5em;
	content: "\00bb"; /* Raquo */
}

.trail-separator-slash .trail-items li::after { content: "\002F"; }
.trail-separator-dash .trail-items li::after { content: "\2013"; }
.trail-separator-bull .trail-items li::after { content: "\2022"; }
.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }
.trail-separator-raquo .trail-items li::after { content: "\00bb"; }
.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }
.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }

.breadcrumbs .trail-items li:last-of-type::after {
	display: none;
}

/*--------------------------------------------------------------
## 12.1 - Post Layouts
--------------------------------------------------------------*/

/* Post Styling */
.post-wrapper .type-post .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
}

.post-wrapper .type-post .entry-content {
	font-size: 16px;
	font-size: 1rem;
}

/* One Column Layout */
.post-layout-one-column .post-wrapper .type-post {
	margin: -7px 0 1.4em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #e5e5e5;
}

.post-layout-one-column .post-wrapper .type-post .wp-post-image {
	float: left;
	margin: 0 2em 1em 0;
	padding: 0;
	max-width: 45%;
}

.post-layout-one-column .post-wrapper .type-post .entry-title {
	display: inline;
}

/* Two Column Layout */
.post-layout-two-columns .post-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -2em;
}

.post-layout-two-columns .post-wrapper .post-column {
	box-sizing: border-box;
	padding-right: 2em;
	width: 50%;
}

.post-layout-two-columns .post-wrapper .post-column .type-post .entry-meta {
	margin: 0;
}

/*--------------------------------------------------------------
# 11.0 - Comments
--------------------------------------------------------------*/

/* Comment Header */
.comments-header,
.comment-reply-title {
	margin: 0 0 1em 0;
}

.comments-header .comments-title,
.comment-reply-title span {
	margin: 0;
	padding: 0.95em 0 0;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: 'Montserrat', Tahoma, Arial;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment {
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	border-top: 1px solid #eee;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comment-meta {
	float: left;
	padding: 0;
	width: 100%;
}

.comment-meta .comment-author img {
	float: left;
	margin-right: 1em;
}

.bypostauthor {
	display: block;
}

.comment-meta .comment-metadata {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-meta .comment-metadata a {
	margin-right: 1em;
	text-decoration: none;
}

.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment ol.children {
	margin: 1.5em 0 0;
	list-style: none;
}

.comment .comment-respond {
	margin-top: 1.5em;
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.comment-navigation .nav-previous a:before {
	margin-right: 3px;
	content: "\00AB";
}

.comment-navigation .nav-next a:after {
	margin-left: 4px;
	content: "\00BB";
}

.comment-navigation a {
	text-decoration: none;
}

/* Comment Form */
.comment-form {
	padding: 0;
}

.comment-form label {
	display: inline-block;
	min-width: 150px;
	font-weight: bold;
}

.comment-form textarea {
	margin-top: 0.4em;
}

.comment-form .form-submit {
	margin-bottom: 1em;
}

.comment-reply-title small a {
	margin-left: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
}

/*--------------------------------------------------------------
# 12.0 - Footer
--------------------------------------------------------------*/
.footer-wrap {
	background: #e9ebee;
}

.site-footer {
	color: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
}

.site-footer .site-info {
	float: left;
	padding: 1em;
}

.site-footer a:link,
.site-footer a:visited {
	color: #fff;
}

/*--------------------------------------------------------------
# 13.0 - Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## 13.1 - Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {			// Параметры подписи к рисунку.
	// text-align: center;
	font-style: italic; 
	font-size: 1.0rem;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## 13.2 - Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# 14.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 14.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {
	.content-area {
		width: 70%;
		border-right: none;
	}

	.main-sidebar {
		width: 30%;
	}

	.small-sidebar {
		order: 3;
		width: 100%;
		border-top: 1px solid #e5e5e5;
		background: #f5f5f5;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
	}

	.small-sidebar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 1.5em 0.75em;
	}

	.small-sidebar .widget-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: right;
		box-sizing: border-box;
		padding: 0 0.75em;
		width: 25%;
	}

	.small-sidebar .widget-wrap .widget {
		width: 100%;
	}

	.small-sidebar .widget-wrap:nth-child(4n + 1) {
		clear: left;
	}
}

/*--------------------------------------------------------------
## 14.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
	.header-widget {
		max-width: 70%;
	}

	.site-description {
		margin-top: 0.8em;
		font-size: 20px;
		font-size: 1.25rem;
	}

}

/*--------------------------------------------------------------
## 14.2 - Desktop Medium ( < 1040px )
--------------------------------------------------------------*/
@media only screen and (max-width: 65em) {
	.small-sidebar {
		padding: 1em 0.5em;
	}

	.small-sidebar .widget-wrap {
		padding: 0 0.5em;
		width: 33.3333333333333%;
	}

	.small-sidebar .widget-wrap:nth-child(4n + 1) {
		clear: none;
	}

	.small-sidebar .widget-wrap:nth-child(3n + 1) {
		clear: left;
	}

}

/*--------------------------------------------------------------
## 14.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {
	.header-main {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.site-branding {
		float: none;
		margin: 0;
		text-align: center;
	}

	.site-description {
		display: block;
		float: none;
		margin: 0 0 0.75em;
		text-align: center;
	}

	/*** Mobile Main Navigation ***/

	.main-navigation-container {
		padding: 0;
	}

	.main-navigation-container .social-icons-navigation {
		margin-right: 1em;
	}

	/* Reset */
	.main-navigation-menu li {
		position: static;
		float: none;
	}

	.main-navigation-menu ul,
	.mega-menu-item .mega-menu-content,
	.mega-menu-item .mega-menu-content .mega-menu-widget {
		position: static;
		top: auto;
		left: auto;
		display: block;
	}

	.main-navigation-menu ul a {
		float: none;
		width: auto;
	}

	.main-navigation-menu li ul ul {
		top: auto;
		left: auto;
		margin: 0;
	}

	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}

	/* Main Navigation Toggle */
	.main-navigation-toggle {
		display: inline-block;
		float: left;
		margin-left: 1em;
		padding: 1.1em;
		background: none;
		text-align: left;
		font-size: 16px;
		font-size: 1rem;
	}

	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		background: rgba(0,0,0,0.2);
		cursor: pointer;
	}

	.main-navigation-toggle:after {
		display: inline-block;
		float: left;
		margin: 0;
		color: #fff;
		content: '\f419';
		vertical-align: middle;
		text-decoration: inherit;
		font-size: 24px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/* Main Navigation Menu */
	.main-navigation-menu-wrap {
		display: none;
		float: left;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu {
		width: 100%;
	}

	.main-navigation-menu a {
		display: block;
		clear: left;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu li:last-child > a {
		border-bottom: none;
	}

	.main-navigation-menu ul {
		float: none;
		width: 100%;
		border: none;
	}

	.main-navigation-menu ul a {
		display: block;
		padding-left: 3em;
		width: 100%;
	}

	.main-navigation-menu ul li ul a {
		padding-left: 4.5em;
	}

	.main-navigation-menu ul li ul li ul a {
		padding-left: 6em;
	}

	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 7.5em;
	}

	.main-navigation-menu ul li:last-child > a {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu li ul ul {
		border: none;
	}

	.main-navigation-menu li.current-menu-item > a {
		background: none;
		text-decoration: underline;
	}

	/* Mobile Submenu Dropdowns */
	.main-navigation-menu .submenu-dropdown-toggle {
		display: block;
		float: right;
		margin: 0;
		padding: 0.85em 1.2em 0.8em;
	}

	.main-navigation-menu .submenu-dropdown-toggle:hover {
		background: rgba(0,0,0,0.25);
		cursor: pointer;
	}

	.main-navigation-menu .submenu-dropdown-toggle:before {
		color: #fff;
		content: '\f431';
		vertical-align: middle;
		text-decoration: inherit;
		font-size: 32px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}

	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.6em 1em;
	}

	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
	}

	/* Mega Menu Styling */
	.mega-menu-item .mega-menu-content {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.mega-menu-item .mega-menu-two-columns > li,
	.mega-menu-item .mega-menu-three-columns > li,
	.mega-menu-item .mega-menu-five-columns > li {
		width: 100%;
	}

	.mega-menu-item .mega-menu-four-columns > li,
	.mega-menu-item .mega-menu-six-columns > li {
		width: 50%;
	}

	/* Footer */
	.site-footer .site-info {
		float: none;
		text-align: center;
	}
}

/*--------------------------------------------------------------
## 14.4 - Tablet Large ( < 880px )
--------------------------------------------------------------*/
@media only screen and (max-width: 55em) {
	.content-area {
		order: 1;
		width: 100%;
		border-left: none;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
	}

	.main-sidebar {
		order: 2;
		width: 100%;
		border-top: 1px solid #e5e5e5;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
	}

}

/*--------------------------------------------------------------
## 14.5 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
	.small-sidebar .widget-wrap {
		width: 50%;
	}

	.small-sidebar .widget-wrap:nth-child(2n + 1) {
		clear: left;
	}

	.small-sidebar .widget-wrap:nth-child(3n + 1) {
		clear: none;
	}

	/* Magazine Widgets */
	.widget-magazine-posts .small-post .entry-meta span:after,
	.widget-magazine-posts .small-post .entry-meta .meta-author {
		display: none;
	}

}

/*--------------------------------------------------------------
## 14.6 - Tablet Small ( < 720px )
--------------------------------------------------------------*/
@media only screen and (max-width: 45em) {



}

/*--------------------------------------------------------------
## 14.7 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	.entry-title,
	.post-wrapper .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.post-wrapper .type-post .entry-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.entry-meta {
		margin: 0;
	}

	/* One Column Layout */
	.post-layout-one-column .post-wrapper .type-post {
		padding: 0;
		border-bottom: none;
	}

	.post-layout-one-column .post-wrapper .type-post .wp-post-image {
		float: none;
		margin: 0 0 0.5em;
		max-width: 100%;
	}

	/* Two Column Layout */
	.post-layout-two-columns .post-wrapper {
		display: block;
		margin-right: 0;
	}

	.post-layout-two-columns .post-wrapper .post-column {
		padding-right: 0;
		width: 100%;
	}

	/* Magazine Post Widgets */
	.widget-magazine-posts .magazine-grid {
		margin-right: 0;
	}

	.widget-magazine-posts .magazine-grid .large-post,
	.widget-magazine-posts-columns .magazine-posts-column-left,
	.widget-magazine-posts .medium-post {
		float: none;
		padding: 0;
		width: 100%;
	}

	.widget-magazine-posts-columns .magazine-posts-column-right {
		margin-left: 0;
		padding-top: 1em;
		padding-left: 0;
		width: 100%;
	}

	.widget-magazine-posts .large-post .wp-post-image {
		margin: 0 0 0.5em;
	}

	.widget-magazine-posts .medium-post .wp-post-image {
		float: left;
		margin: 0 1.5em 0 0;
		max-width: 40%;
	}

	.widget-magazine-posts .large-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.widget-magazine-posts .small-post .entry-meta span:after,
	.widget-magazine-posts .small-post .entry-meta .meta-author {
		display: inline-block;
	}

	.widget-magazine-posts .small-post .entry-meta span:last-child:after {
		display: none;
	}

	/* Mega Menu Styling */
	.mega-menu-item .mega-menu-four-columns > li,
	.mega-menu-item .mega-menu-six-columns > li {
		width: 100%;
	}

}

/*--------------------------------------------------------------
## 14.8.5 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 35em) {
	/* Small Sidebar */
	.small-sidebar .widget-wrap {
		display: block;
		float: none;
		width: 100%;
	}

}

/*--------------------------------------------------------------
## 14.9 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {
	.site-branding .site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		margin: 0 0 0.5em;
		font-size: 18px;
		font-size: 1.125rem;
	}

	.entry-title,
	.post-wrapper .type-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.entry-content,
	.post-wrapper .type-post .entry-content {
		font-size: 16px;
		font-size: 1rem;
	}

	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}

	.main-navigation-toggle {
		margin: 0;
		padding: 1em;
	}

	.main-navigation-toggle:after {
		font-size: 20px;
	}

	.main-navigation-container .social-icons-navigation {
		margin: 0;
	}

	.main-navigation-container .social-icons-menu li a {
		padding: 1em 0.8em;
	}

	.main-navigation-container .social-icons-menu li a:before {
		font-size: 20px;
	}

	/* Magazine Homepage: Category Post Widgets */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.widget-magazine-posts .small-post .entry-meta span:after,
	.widget-magazine-posts .small-post .entry-meta .meta-author {
		display: none;
	}

}

/*--------------------------------------------------------------
## 14.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {
	.site-branding .site-title {
		font-size: 32px;
		font-size: 2rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-title,
	.post-wrapper .type-post .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.entry-meta .meta-date,
	.entry-meta .meta-comments {
		display: block;
	}

	.entry-meta span:after {
		display: none;
	}

	/* Magazine Homepage: Category Post Widgets */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.widget-magazine-posts .medium-post .entry-meta,
	.widget-magazine-posts .small-post .entry-meta {
		display: none;
	}

}

/*--------------------------------------------------------------
# 16.0 - Media Query Fixes
--------------------------------------------------------------*/

/* Ensure main navigation is visible on desktop view */
@media only screen and (min-width: 60.01em) {
	.main-navigation-menu-wrap {
		display: block !important;
	}

}

/*--------------------------------------------------------------
# 17.0 - CSS Hacks for Safari
--------------------------------------------------------------*/

/* Fix Flexbox issues for Safari 6.1-10.0 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.content-area,
		.main-sidebar,
		.small-sidebar,
		.post-layout-two-columns .post-wrapper .post-column {
			margin-right: -1px;
		}
	}
}

/* Fix Flexbox issues for Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@media {
		.content-area,
		.main-sidebar,
		.small-sidebar,
		.post-layout-two-columns .post-wrapper .post-column {
			margin-right: -1px;
		}
	}
}

/*--------------------------------------------------------------
18.0 Customizer Preview
--------------------------------------------------------------*/
.magazine-widgets-placeholder {
	position: relative;
}

.magazine-widgets-placeholder .magazine-widgets-placeholder-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 1em 1em 1em 55px;
	color: #0085ba;
	border: 2px dashed #0085ba;
}

/* Add some space around the visual edit shortcut buttons. */
.magazine-widgets-placeholder .customize-partial-edit-shortcut button {
	left: 15px;
	top: 14px;
}

#go_up {
position: fixed;
width: 50px;
height: 50px;
bottom: 10px;
right: 200px;
cursor: pointer;
}

.poxojie_zapisi h3 {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}
.poxojie_zapisi ul {
list-style-type: none;
display: inline-block;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.poxojie_zapisi li {
margin-top: 5px;
margin-left: 0px;
width: 220px;
margin-right: 10px;
float: left;
}
.poxojie_zapisi li img{
width: 240px;
height: 123 px;
margin-bottom: 5px;
}
.poxojie_zapisi li a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: black;
font-weight: normal;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.poxojie_zapisi li a:hover {
color: #1abc9c;
}