/*
Theme Name: dimabagow
Author: dimabagow
Version: 1.2
Description: DimaBagow
Author URI: https://dima.bagow.com
Text Domain: dima.bagow
*/

html, body {background: #d3d3d3; height: 100%; padding:0px; margin:0px; font-family: 'Playfair Display', serif;}
.grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.gridheader {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); background: #000; padding: 0 0 0 1em;}

.gridpart {margin-top: 15px; margin-bottom: 30px; padding:1% 0;text-align:center;overflow: hidden; height:550px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.gridpartcat {display: grid; padding-bottom: 32px;}
.gridpartcatmain {display: grid; padding-bottom: 22px; grid-template-columns: 1fr 1fr;}

/* Верхнее меню */
.topgridheader {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.topgridmenumob {display:none; border: 1px solid #FFF; margin: 10px; padding: 10px;}
.topgridmenu {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.topgridmenu div {width: 100%; line-height: 32px; text-align: center;}
.topgridmenu a {background: #54545478; padding: 8px; color: #fff; border-radius: 0 0 10px 10px; font-weight: normal; text-decoration:none;}
.topgridmenu a:hover {background: #545454;}
.topskrit {font-size:20px; font-weight:bold; text-align:center;}

.applayout {display: grid; grid-template-columns: 1fr;}
.sidebar {padding:15px; background: #f7f7f7; margin-bottom: 28px;}

.gridmenumob {display:none; border: 1px solid #FFF; margin: 10px; padding: 10px;}
.gridmenu {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.gridmenu div {width: 100%; line-height: 32px; text-align: center; padding: 10% 0;}
.gridmenu div:hover {background:#252525;}
.gridmenu .logo:hover {background:#000;}

.gridmenu a {color:#b8b8b8; text-decoration:none; font-weight: bold;}
.skrit {font-size:20px; font-weight:bold; text-align:center;}

.header {background: #333; color:#FFF; margin-bottom:1em;}
.logo {font-size: 24px; padding-right:20px !important;}
.logomob {text-align:center; display:none;}
.logomob a {color:#FFF; text-decoration:none; line-height: 90px; font-size: 24px;}

.content {min-height: 100%; font-size: 1.3em; word-wrap: break-word;}

.partf img {width: 180px; margin-right: 10px; height: 70px; border: solid 1px #e2e2e2; float: left;}

.part {padding: 0 10px 0 0; margin: 10px 20px;}
.part span {padding-top: 7px; position: relative; display: block;}

.part .zag {text-decoration:none; color: #000; font-size: 22px; border-bottom:1px dashed #bfbfbf; margin-bottom:10px;}

hr {margin: 0px;}
blockquote {display: block; background: #bfbfbf; color: #000; padding: 10px 20px; margin:0px;}
.code {display: block; background: #333; color: #bfbfbf; padding: 10px 20px; margin:0px;}

.content p {padding:5px 10%;}
.content .code p {margin: 0px;}
.content ul {margin: 5px 15%; border-left: 1px solid #000;}
.content table {padding:5px 10%;}
.content img {width: 100%; height: auto; margin-bottom: -6px;}
.content  h2 {padding: 5px 10%; background: #f1f1f1;}
.content  ol {padding: 5px 12%;}

.zagolovok {font-size: 24px; text-decoration:none; border-bottom: dashed 1px; padding-bottom: 3px;}
.zagolovok:hover {border-bottom: 0px;}

.post {float:none; clear:both; padding: 5px 0px;}
.post img {float:left; padding-right:8px; padding-left: 8px; width: 150px; height: 60px;}
.post h2 {font-size: 1.4em; line-height: 23px; margin-left: 190px; margin: 0px;}
.post a {color: #444444 !important; font-weight: 300; font-size: 0.8em; text-decoration:none;}
.post p {font-size: 14px; margin: 0px; padding:0px;}
.entry-title {font-size: 3em; text-align: center; color: #444444; font-weight: 300;}

.entry-title-all {font-size: 1.5em; text-align: center; color: #444444; font-weight: 300;}
.logo a, .logo a:hover {color:#fff; text-decoration:none !important; }
.logo a.green { color: #1ace84; }
.logo a.purple { color: #946700; }
.logo a.teal { color: #4ac0aa; }
.logo a.violet { color: #8c78ba; }
.logo a.pink { color: #d529cd; }

table td {border-bottom: 1px solid #000;}

.footer {background: #000; color: #fff; font-size: 14px; padding: 15px 0; text-align: center; border-top: solid 1px;}

@media all and (max-width: 1199px) {
	.topgridheader {display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
	.topgridmenu {display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
	.topgridmenu div {width: unset; padding: 5px 0; margin: 10px;}
	.header {margin-bottom:0px;}
	.part img {display:none;}
	.logomob {display:block;}
	.logo {display:none;}
	.gridpartcatmain {grid-template-columns: 1fr;}
	.gridheader {padding:0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
	.gridmenumob {display:block;}
	.gridmenu {display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
	.gridmenu {display:none;}
	.gridmenu div {width: unset; padding: 5px 0; border: 1px solid #FFF; margin: 10px;}
	.gridstat, .header, .gridtxt, .gridtxt2 {padding: 0px; margin:0px;}
	.gridstat {height:100px;}
	.gridtxt {padding: 10px;}
	.gridtxtop {padding: 4%;}
	.tx {margin-left: 0px; margin-right: 0px;}
	.partf img {width: 100%; height: auto;}
	.kopi, .raz, .logo, .menum {text-align: center;}
	.post img {padding-right: 0px; float: none; padding-left: 0px; width: 100%; height: auto;} 
	.content img {width: 100%; height: auto;} 
	.content p {padding:4%;} 
	.content h2 {padding:1% 4%;} 
	.menum {background: #3a3a3a;} .post {padding:0px;}
	.gridtxt, .gridtxt2 {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
	.applayout {display: block; width:100%;}
	.partf p {padding-left:0px;}
	.part .zag {font-size: 2em;}
	.entry-title {font-size: 2em; padding:0 20px;}
	.part {text-align: center; padding: 0; margin: 0;}
	.partf img {float: none; margin-right: 0; border: 0; padding-bottom: 10px;}
	.part span {padding: 2%;}
	.part .zag a {font-size: 32px;}
}