/*
Theme Name: zhitiebitie2
*/
@charset "UTF-8";
body {
width: 100%;
margin: 0 auto;
padding: 0;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
background: #E5EAEE;
color: #333;
}
#wrap, #catwrap, #mainwrap {
max-width: 1080px;
display: grid;
grid-template-rows: auto;
row-gap: 1.5em;
column-gap: 2em;
margin: 0.75em auto;
padding: 0 2em;
background: #FFF;
box-shadow: 0 0 6px 0 #777;
border-radius: 6px;
}
#wrap {
grid: "header header" "article aside" "footer footer" / minmax(auto, auto) 300px;
}
#catwrap {
grid: "header header" "main aside" "footer footer" / 1fr 300px;
}
#mainwrap {
grid: "header" "main" "footer";
}
header, nav, article, aside, footer {
display: block;
}
header {
grid-area: header;
display: grid;
grid-template-rows: 1fr;
grid-gap: 1em;
grid: "logo imp search" "nav nav nav" / 1fr 1fr 2fr;
padding: 1.25em 0 0 0;
text-align: center;
font-weight: bold;
}
article {
grid-area: article;
}
main {
grid-area: main;
}
.cat {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
row-gap: 2em;
column-gap: 1.5em;
margin: 0 0 1.5em 0;
}
aside {
grid-area: aside;
}
footer {
grid-area: footer;
margin: 0 0 1.25em 0;
padding: 0 0 1.25em 0;
text-align: center;
background: #494F5C;
color: #FFF;
}
@font-face {
font-display: swap;
font-family: 'Open Sans';
src: url('/fonts/opensans-regular.eot');
src: local('Open Sans'), local('OpenSans-regular'), url('/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/opensans-regular.woff2') format('woff2'),
url('/fonts/opensans-regular.woff') format('woff'),
url('/fonts/opensans-regular.ttf') format('truetype'),
url('/fonts/opensans-regular.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}

/*Header*/

.clear {
clear: both;
}
.m1 {
margin: 0 0 1em 0;
}
.m15 {
margin: 0 0 1.5em 0;
}
.logo {
grid-area: logo;
display: block;
margin: 0;
text-align: left;
}
.imp {
grid-area: imp;
display: block;
align-items: center;
}
.search {
grid-area: search;
display: block;
align-items: center;
border-radius: 6px !important;
overflow: hidden;
}
nav {
grid-area: nav;
}
ul.menu, ul.submenu {
margin: 0.5em auto;
padding: 0;
font-size: 1.125em;
font-weight: bold;
letter-spacing: 1px;
background: #9E5A8F;
color: #FFF;
}
ul.submenu {
margin: 0.5em auto 1em;
text-align: center;
background: #FFF;
color: #333;
}
.menu li, .submenu li {
display: inline-block;
position: relative;
}
.menu li, .submenu li, nav.mm > ul, ul.contents, aside ul {
margin: 0;
padding: 0;
list-style: none;
}
.submenu li {
margin: 0 0 1em 0;
background: #E5EAEE;
color: #333;
}
.menu li a, .menu li a:link, .menu li a:visited, .menu span, .menu li span, .menu p, .submenu li a, .submenu li a:link, .submenu li a:visited {
display: block;
margin: 0;
padding: 0.45em 0.85em;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background 0.35s ease;
color: #FFF;
}
.submenu li a, .submenu li a:link {
color: #333;
}
.menu li a:hover, .menu li a:active {
background: #B56292;
}
 .submenu li a:hover, .submenu li a:active {
background: #DCE3E7;
}
.topmenu li a, .topmenu li a:link, .topmenu li a:visited, .topmenu li a:hover, .topmenu li a:active {
background: #E5EAEE;
color: #333;
}
nav ul li ul.children {
min-width: 210px;
margin-left: -105px;
left: 50%;
top: 100%;
visibility: hidden;
position: absolute;
z-index: 99999;
transition: .3s ease-in-out;
transform: scale(.8);
font-size: 0.85em;
}
nav ul li:hover ul.children {
visibility: visible;
transform: scale(1);
background: #9E5A8F;
}
nav ul li:hover ul.children li {
display: block;
border-bottom: 1px solid #A9A9A9;
}
nav ul li:hover ul.children li:first-child {
border-top: 1px solid #A9A9A9;
}
nav ul li:hover ul.children li:last-child {
border-bottom: none;
}
.mheader {
display: none;
padding: 0.4em 0;
background: #E5EAEE;
transition: top 1000ms ease-in-out;
box-shadow: 0 0 6px 0 #777;
}
.headerwrap {
max-width: 1070px;
display: grid;
grid-template-rows: 1fr;
grid-gap: 1em;
grid: "mlogo topmenu" / 270px 1fr;
margin: 0 auto 0;
padding: 0 1.25em;
}
.topmenu {
grid-area: topmenu;
display: block;
align-items: center;
}
ul.topmenu {
margin: 0 auto;
background: #E5EAEE;
}
#mobile-menu {
display: none;
}
.mlogo {
grid-area: mlogo;
display: block;
text-align: left;
}
.stickytop {
width: 100%;
display: block;
z-index: 1170;
position: fixed;
top: 0;
}
.mlogo a, .mlogo a:visited, .mlogo a:hover, .mlogo a:active, .logo a, .logo a:visited, .logo a:hover, .logo a:active {
display: block;
text-decoration: none;
color: #333;
}
.mlogo span, .logo span {
display: block;
margin: 0;
font-size: 1.875em;
line-height: 1em;
font-weight: bold;

color: #333;
}
.logo span {
font-size: 2.5em;
text-transform: none;
}
.mlogo span.about, .logo span.about {
padding: 0.125em 0 0 0;
font-size: 0.875em;
text-transform: uppercase;
}
nav.mm {
width: 200px;
min-width: 200px;
height: 100%;
position: fixed;
top: 0;
right: -240px;
bottom: 0;
margin: 0;
padding: 1em 1.25em;
-webkit-transition: right 0.3s;
transition: right 0.3s;
background: #ECECEA;
}
.nav-toggle {
display: block;
right: 0;
position: relative;
font-size: 1.25em;
text-align: right;
cursor: pointer;
background: #E5EAEE;
color: #069;
}
.nav-toggle:after {
margin: 0;
content: '\2630 \0020 \0020 МЕНЮ';
font-weight: bold;
text-decoration: none;
}
[id='nav-toggle'] {
display: none;
}
[id='nav-toggle']:checked ~ .nav-toggle {
width: 100%;
height: 3000px;
z-index: 1999;
opacity: 0;
position: fixed;
left: auto;
right: 220px;
top: 0;
margin: 0;
padding: 0;
font-size: 1.125em;
}
[id='nav-toggle']:checked ~ nav.mm {
right: 0;
z-index: 2000;
overflow-y: auto;
box-shadow: 4px 0px 20px 0px rgba(0,0,0, 0.5);
}
[id='nav-toggle']:checked ~ .nav-toggle:after {
content: '';
}
nav.mm > ul {
display: block;
}
nav.mm > ul > li {
line-height: 2.375em;
opacity: 0;
border-bottom: 1px dashed #A9A9A9;
}
[id='nav-toggle']:checked ~ nav.mm > ul > li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
nav.mm > ul > li > a {
width: 100%;
display: inline-block;
position: relative;
padding: 0;
font-weight: 500;
font-size: 1em;
text-decoration: none;
-webkit-transition: color .5s ease, padding .5s ease;
transition: color .5s ease, padding .5s ease;
color: #666;
}
nav.mm > ul > li > a:hover,
nav.mm > ul > li > a:focus {
color: #069;
}

/*Article*/

h1, h2, h3 {
margin: 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
color: #333;
}
h1 {
padding: 0 0 0.45em 0;
font-size: 1.75em;
line-height: 1.145em;
}
h2 {
padding: 0.415em 0 0.5em 0;
font-size: 1.5em;
line-height: 1.25em;
font-weight: normal;
}
h3 {
padding: 0.25em 0 0.85em 0;
font-size: 1.125em;
}
blockquote {
margin: 0 2.5em 0 2.5em;
padding: 0;
}
blockquote p.text {
padding: 0 0 0.5em 0;
font-size: 1.5em;
line-height: 1.5em;
font-weight: bold;
}
blockquote p.author {
font-size: 0.75em;
letter-spacing: 1.5px;
text-transform: uppercase;
}
blockquote p.author:before {
content: "—";
margin-right: 7px;
}
.featured {
display: grid;
grid-template-rows: 1fr;
grid-gap: 1em;
grid: "flist flist flist" / 1fr 1fr 1fr;
margin: 2.25em auto 1.5em;
padding: 0;
}
.sp {
margin: 2em 0 1.75em 0;
padding: 1em;
border-radius: 10px;
background: #E7EDED;
}
.sp img {
border-radius: 50%;
box-shadow: 0 0 0 3px #E7EDED, 0 0 13px #333;
}
.sp a img {
margin: 1em 0 0.75em 0;
}
article p, .catcontent p {
margin: 0;
padding: 0 0 1.25em 0;
}
article p a, article li a {
font-weight: bold;
}
article ul ul, article ol, .frame img, .commentlist, .thread-alt, .thread-even, .children, .even, .alt {
margin: 0;
padding: 0;
}
article ol {
padding: 0 0 0.3125em 0;
}
article ul:not(.contents):not(.children) {
margin: 0 0 1.25em 0;
padding: 0.625em 0 0.3em 0.625em;
background: #F5F5F5;
}
article ul li, article ol li {
list-style: none;
margin: 0;
padding: 0 1.25em 0.625em 0;
}
article ol:not(.commentlist):not(.step) li {
padding: 0 1.25em 0.625em 0;
margin: 0 0 0 1.45em;
}
article ul li {
margin: 0 0 0 0.85em;
padding: 0 1.25em 0.625em 1.45em;
position: relative;
}
article ol {
counter-reset: count;
}
article ol:not(.commentlist):not(.step) li:before {
counter-increment: count;
content: counter(count) '. ';
font-weight: bold;
color: #9E5A8F;
margin: 0 0 0 -1em;
}
article ol li.step {
padding: 0 0 1em 0;
margin: 0;
}
article ol li.step::before {
content: none;
}
article ol img {
margin: 1.25em 0 0 0;
}
article ul:not(.contents):not(.children) li::before, article ol:not(.commentlist) li ul li::before {
content: "";
height: 0.55em;
width: 0.55em;
position: absolute;
left: 0;
top: 0.6em;
background: #777;
border-radius: 50%;
}
article ol li ul li::before {
counter-increment: none;
width: 1.75em;
height: 1.75em;
display: inline;
position: relative;
top: 3.25em;
font-size: 0.25em;
line-height: 1.75em;
border: none;
}
article ul li ul, article ol li ul {
margin: 0;
padding: 0.625em 0 0 0;
vertical-align: none;
}
.kc__wrap {
margin: 0.5em 0 1em 0;
padding: 0 0 1em 0;
background: #F5F5F5;
font-weight: normal;
}
.kc-title {
margin: 0 1.5em;
padding: 1em 0;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.kc__wrap a {
font-weight: normal;
color: #000;
}
div.kc__wrap ul li.top a, div.kc__wrap ul li.sub a {
text-decoration: none;
border-bottom: 1px dashed #BCBAB8;
}
div.kc__wrap ul li.top a:visited, div.kc__wrap ul li.sub a:visited {
border-bottom: 1px dashed #BCBAB8;
}
div.kc__wrap ul li.top a:hover, div.kc__wrap ul li.sub a:hover {
border-bottom: none;
}
div.kc__wrap ul li.top, div.kc__wrap ul li.sub {
list-style: none;
margin: 0;
}
div.kc__wrap ul li.sub {
margin: 0 0 0 1.25em;
}
div.kc__wrap ul li.top:before, div.kc__wrap ul li.sub:before {
margin: 0;
padding: 0 0.35em 0 1.5em;
}
ul.contents {
counter-reset: list;
}
ul.contents li {
margin: 0 0 0 0.625em;
padding: 0 1.25em 0.625em 0;
}
ul.contents li:before {
font-size: 1em;
color: #333;
}
ul.contents li.top {
counter-increment: list;
counter-reset: list1;
}
ul.contents li.top:before {
content: counter(list) '. ';
}
ul.contents li.sub_1 {
counter-increment: list1;
counter-reset: list2;
}
ul.contents li.sub_1:before {
content:counter(list) '.' counter(list1) '. ';
}
ul.contents li.sub_2 {
counter-increment: list2;
}
ul.contents li.sub_2:before {
content:counter(list) '.' counter(list1) '.' counter(list2) '. ';
}
img {
max-width: 100%;
width: auto\9;
height: auto;
border: none;
}
article img, main img  {
border-radius: 10px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin: 0 0 0.625em 0.625em;
}
.alignleft {
float: left;
margin: 0 0.625em 0.625em 0;
}
.wp-caption {
padding: 0.25em 0 0.3125em 0;
text-align: center;
}
.wp-caption img {
margin: 0 auto 0.3125em;
padding: 0;
border: 0;
}
.wp-caption p.wp-caption-text {
margin: 0 0 1.35em 0;
padding: 0;
font-size: 0.6875em;
line-height: 1.35em;
font-weight: normal;
color: #888;
}
a, a:visited, a:hover {
text-decoration: underline;
}
a {
color: #069;
}
article a:visited {
color: #7D0435;
}
a:hover {
color: #9E5A8F;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none 
}
.rounded, .kc__wrap, .page-numbers, aside ul li.tag a, aside ul li.tag p, blockquote, footer, .flist, .mselect, .ya-site-form__submit, .ya-site-form__search-input, article ul, .postmeta, .widget, .frame-name, .submenu li, .submenu li a, .color, .warning, .note, .note-bg, .yarpp-related {
border-radius: 6px;
}
.center {
text-align: center;
}
.warning {
margin: 0 0 1.25em 0;
padding: 1em;
font-weight: bold;
text-align: center;
background: #F0E2E7;
}
.note {
margin: 0 0 1.25em 0;
padding: 1em;
font-weight: bold;
text-align: center;
background: #E7EDED;
}
.note-bg {
margin: 0 0 1.25em 0;
padding: 1em;
font-weight: bold;
text-align: center;
background: #EFECE9;
}
.advice {
margin: 0 0 1.25em 0;
padding: 0.5em 1em;
position: relative;
font-size: 1.25em;
font-weight: bold;
text-align: center;
}
.advice:before {
content: "";
position: absolute;
left: 10%;
top: -0.3em;
width: 80%;
border-top: 1px solid #333;
}
.advice:after {
content: "";
position: absolute;
left: 10%;
bottom: -0.4em;
width: 80%;
border-bottom: 1px solid #333;
}
.postmeta {
margin: 1.25em auto 1.25em;
padding: 1em 1em 1.5em 1em;
font-size: 1.25em;
font-weight: bold;
background: #E7EDED;
color: #555;
}
article .postmeta ul.ya-share2__list {
margin: 0;
padding: 0;
background: #E7EDED;
}
.postmeta ul li {
padding: 0 1.25em 1em 0;
}
.postmeta ul li::before {
content: "";
}
.postmeta p {
padding: 0 0 0.85em 0;
}
.post-ratings {
margin: 0 0 1.875em 0;
}
p.title {
margin: 0 0 0.5em 0;
padding: 0;
font-size: 1.25em;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #333;
}
main p.title:not(.ftitle) {
font-size: 1.5em;
}
.yarpp-related {
margin: 1.5em 0;
padding: 1.25em;
background: #F5F5F5;
}
.yarpp-related p {
padding: 0 0 0.875em 0;
font-size: 1.25em;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.flist {
padding: 1.25em;
background: #F5F5F5;
}
.list {
display: block;
margin: 0 0 0.5em 0;
}
.list a {
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #BCBAB8;
color: #000;
}
.list a:hover {
border-bottom: none;
color: #9E5A8F;
}
.navigation {
display: block;
margin: 2em 0 0.5em 0;
}
.page-numbers {
display: inline-block;
margin: 0 0 0.35em 0;
padding: 0.5em 1em;
font-size: 0.875em;
font-weight: bold;
text-transform: uppercase;
background: #B56292;
-webkit-transition: background 0.5s ease;
}
a.page-numbers, a:hover.page-numbers, a:visited.page-numbers, span.page-numbers {
text-decoration: none;
color: #fff;
}
a:hover.page-numbers {
background: #9E5A8F;
}
span.current, span.dots {
background: #E7EDED;
color: #333;
}
.frame {
line-height: 1.35em;
text-align: center;
}
.frame a, .frame a:hover, .frame a:visited {
display: block;
font-size: 1.125em;
font-weight: bold;
text-decoration: none;
color: #555;
}
.frame a.name {
margin: 0.4em 0 0 0;
}
.sp .frame a.name {
width: 75%;
margin: 0 auto 0;
}
.frame-name {
display: grid;
padding: 1em;
align-items: center;
background: #E7EDED;
}
.frame-name a.name {
margin: 0;
}
p.cat-name a, p.cat-name a:hover {
font-size: 0.85em;
color: #9E5A8F;
}
.ya-share2__container_size_m .ya-share2__icon {
width: 50px !important;
height: 50px !important;
background-size: 50px 50px !important;
}
.ya-share2__badge {
border-radius: 5px !important;
}
.table{
	border: 1px solid #eee;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}
.table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.table td{
	padding: 5px 10px;
	border: 1px solid #eee;
	text-align: left;
}
.table tbody tr:nth-child(odd){
	background: #fff;
}
.table tbody tr:nth-child(even){
	background: #F7F7F7;
}

/*Comments*/

.commentlist li {
margin: 1em 0 0 0;
padding: 0 0 1em 0;
list-style: none;
}
.commentlist li ul li, .commentlist li ul li ul li, .commentlist li ul li ul li ul li { 
margin: 1em 0 0 2.1875em;
padding: 1em 0 0 0;
}
.commentlist p {
margin: 0.625em 0;
padding: 0;
}
.commentlist span.comment-author {
font-weight: bold;
font-style: normal;
}
li.bypostauthor > div span.comment-author {
color: #9E5A8F;
}
.commentmetadata {
display: block;
margin: 0;
font-size: 0.75em;
font-weight: normal;
}
.comment-reply-link, .cancel-comment-reply a {
text-decoration: underline;
cursor: pointer;
color: #069;
}
.cancel-comment-reply {
margin: 0 0 0.3125em 0;
}
.depth-1 {
border-bottom: 1px dashed #A9A9A9;
}
.depth-2, .depth-3, .depth-4 {
border-top: 1px dashed #A9A9A9;
}
#commentform {
margin: 0 0.625em 0 0;
}
#commentform textarea {
width: 100%;
padding: 0.3125em;
}
#respond {
padding: 1.25em;
background: #E7EDED;
}
#respond input[type="text"] {
height: 1.5em;
margin: 0.25em 0 0 0;
padding: 0 0 0 0.3125em;
}
#respond input[type="submit"] {
margin: 0.3125em 0 0 0;
}
#respond input[type="text"]:focus, #commentform textarea:focus {
outline-color: #A9A9A9;
}
#respond:after {
content: ".";
height: 0;
display: block;
clear: both;
visibility: hidden;
}						
:focus:-webkit-input-placeholder, :focus:-moz-placeholder, :focus:-ms-input-placeholder {
color: transparent;
}
.button-comment, .ya-site-form__submit {        
display: inline-block;
padding: 0.7em 2.15em 0.75em 2.15em;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 0.875em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #9E5A8F;
color: #fff;
border: 1px solid #9E5A8F;
box-shadow: none;
}
.ya-site-form__search-input {
padding: 0.75em 1em !important;
}
.ya-site-form .ya-site-form__submit {
margin: 0 0 0 0.35em !important;
padding: 0.25em 1em 0.3em 1em;
font-size: 0.5em !important;
background-color: #E7EDED;
color: #555;
border: 1px solid #E7EDED;
}
.ya-site-form .ya-site-form__input-text {
height: 33px !important;
border-radius: 6px;
}
.ya-site-form__submit:hover {     
cursor: pointer;
}
.button-comment:hover {     
cursor: pointer;
background-color: #B56292;
border: 1px solid #B56292;
}
.button-comment:active, .button-comment:focus, .ya-site-form__submit:active, .ya-site-form__submit:focus {
outline: none;
}

/*Sidebar*/

.widget {
width: calc(100% - 2em);
position: relative;
margin: 0 0 1.25em 0;
padding: 0.625em 1em;
background: #E5EAEE;
}
.color {
padding: 0.625em 1em;
background: #DCE3E7;
}
aside p.title {
margin: 0;
padding: 0;
border-top: 1px solid #333;
}
aside p.title span {
background: #fff;
padding: 0 0.25em;
position: relative;
top: -0.8em;
}
aside .color p.title {
margin: 0.75em 0 0 0;
}
aside .color p.title span {
background: #DCE3E7;
}
aside ul li {
margin: 15px 0 10px 0;
padding: 0 0 0 20px;
list-style: none;
}
aside a, aside li span {
display: block;
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.25em;
text-decoration: none;
color: #333;
}
aside li.cat-item a, aside li span {
font-weight: bold;
text-transform: uppercase;
}
aside li span {
color: #C14745;
}
aside li.cat-item:before {
float: left;
top: 0;
margin: -7px 0 0 -20px;
padding: 0;
font-weight: bold;
}
aside li.cat-item:before {
content: "• ";
font-size: 20px;
}
aside li.cat-item:hover:before {
color: #DF7834;
}
aside li.current-cat:before {
content: "» ";
top: 0;
margin: -7px 0 0 -20px;
font-size: 18px;
color: #C14745;
}
aside li.current-cat:hover:before {
color: #C14745;
}
aside a:visited, aside a:hover {
text-decoration: none;
}
aside img {
margin: 0;
border-radius: 6px;
}
.RandomPosts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
grid-row-gap: 1.25em;
justify-content: space-between;
margin: 0 0 2em 0;
}
.RPost img {
margin: 0;
padding: 0;
}
.RPost a {
display: block;
font-size: 15px;
line-height: 1.25em;
font-weight: bold;
text-align: center;
}
.RPost span {
display: block;
padding: 0 10px;
text-align: center;
}
.fixed {
width: 300px;
top: 0;
margin: 0 0 0.625em 0;
}
.adfixed {
position: fixed;
top: 65px;
}

/*Footer*/

footer p {
margin: 0;
padding: 0.85em 0 0 0;
font-size: 0.875em;
}
footer a, footer a:hover, footer a:visited, footer a:active {
text-decoration: underline;
color: #fff;
}
ul.footernav {
width: 100%;
height: 35px;
list-style: none;
margin: 0 auto 0;
padding: 0;
}
ul.footernav li {
display: inline-block;
}
.footernav li a, .footernav li a:link, .footernav li a:hover, .footernav li a:active, .footernav li a:visited, .footernav span, .footernav li span {
display: block;
padding: 0.7em 0.5em;
font-size: 0.875em;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}

@media (max-width: 900px) {
article p, .catcontent p, article ul li, article ol li {
font-size: 1em;
line-height: 1.65;
}
article p, .catcontent p {
padding: 0 0 1em 0;
}
#wrap {
grid: "header" "article" "aside" "footer" / minmax(321px,900px);
}
#catwrap {
grid: "header" "main" "aside" "footer";
}
#wrap, #catwrap, #minwrap {
max-width: 900px;
grid-gap: 1.25em;
padding: 0 1.25em;
border-radius: 0;
}
.headerwrap {
grid: "mlogo mobile-menu" / 2fr 1fr;
}
#mobile-menu {
grid-area: mobile-menu;
display: grid;
align-items: center;
}
.topmenu, .widget-menu {
display: none;
}
.adfixed {
position: relative;
}
.featured {
grid: "flist" "flist" "flist";
}
}

@media (max-width: 600px) {
#wrap, #catwrap, #mainwrap {
max-width: 600px;
margin: 0 auto;
box-shadow: none;
border: none;
}
header {
display: none;
}
.logo {
background-image: none;
}
.mheader, #mlogo {
display: block;
}
#mlogo a, #mlogo a:visited, #mlogo a:hover, #mlogo a:active {
display: block;
text-decoration: none;
color: #333;
}
#mlogo span {
display: block;
margin: 0;
font-size: 1.875em;
font-weight: bold;
text-transform: uppercase;
color: #333;
}
#mlogo span.about {
font-size: 0.875em;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
font-weight: bold;
}
}