/*
Theme Name: Мифология
Description: Сайт посвящен истории России с древнейших времен и до наших дней. Также на нашем сайте собраны материалы для школьников.
Author: http://mdeva.ru/
*/



body {
 background: #f7f7f7; margin:0;padding:0; /*-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;*/ 
    font-size: 20px;
    line-height: 1.88;
    position: relative;
    font-family: "Noto Serif",Times New Roman,Times,Baskerville,Georgia,serif;
     margin: 6px 0 20px;
    font-weight: normal;
    color: #444; /* Цвет текста */
}

/* Стили для заголовков */
h1, h2, h3 {
  font-family: 'Helvetica', sans-serif; /* Другой шрифт для заголовков */
  font-weight: 700;

}

h1 {
  
  color: #000; /* Цвет заголовков */
  font-weight: 700;
    padding: 0;
    margin: 0 0 10px;
    font-size: 34px;
    line-height: 40px;
}

h2 {
    font-family: "Noto Serif",Times New Roman,Times,Baskerville,Georgia,serif;
  font-size: 1.5em; /* Размер шрифта для h2 */
  text-align:center;
  color: #000;
  line-height: 1.19;
}

h3 {
  font-size: 1em; /* Размер шрифта для h3 */
  color: #000;
}


a{
    font-size:20px;
    position: relative;
	cursor: pointer;
	line-height: 1; /*задаём высоту строки*/
    text-decoration: none;
    border-bottom: 0px solid #4e4d4d;
    outline:none;
    line-height:1.6;color:#005ca5;font-family: 'Helvetica', sans-serif; font-weight: 500;
    
}

a:hover{color:red;}	


blockquote{background:#f7f7f7;border-left:1px solid #bbb;font-style:italic;margin:0;padding:.5em 10px; width:85%; }
blockquote:before{color:#bbb;content:"\201C";font-size:3em;line-height:.1em;margin-right:.2em;vertical-align:-.4em}
blockquote:after{color:#bbb;content:"\201D";font-size:3em;line-height:.1em;vertical-align:-.45em}
blockquote > p:first-child{display:inline}
img{border:0;max-width:100%;height:auto;width:auto\9;}
iframe{max-width:100%; width:auto\9; display: block; margin: 0 auto;}
figure{margin:0 auto; width:96%;margin-left:-3px;}
textarea{max-width:100%;height:auto;width:auto\9}
.video embed,.video object,.video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
div{max-width:100%;height:auto;width:auto\9}


.content{margin:0 auto;  padding:20px;   width:65%; background:#fff;}

.main {
background:#fff;
margin:0 auto; /* Центрируем блоки */
width:100%; /* Задаем ширину 100%, чтобы сделать ее резиновой */
max-width:100%; /* Устанавливаем максимальную ширину */
height: 100%;
display: table;

}
.inline div{
display:inline-block; /* Делаем блоки по горизонтали */
display: -moz-inline-stack; /* Для FireFox 2, тот же самый, что и inline-block */
vertical-align:top; /* Выравниваем их сверху */
zoom: 1;
*display: inline;
}


.content_single{
background:#fff;
width:60%;
padding:20px;
margin-left:40px;
}
.sidebar{
float:right;
background:#fff;
width:25%;
padding:20px;
}



#menu{
    /*position:relative;*/
    width:100%;
    overflow:hidden; 
    margin:0 auto;
position: sticky;
  top: 0;
  z-index: 999;
}


@media only screen and (max-width: 850px) {
.main{width:90%; border:0; margin:0; padding:12px;}
.content{width:98%; border:0; margin:0; padding:12px;}
.content_single{width:95%; border:0; margin:0; padding:12px;}
h1{font-size: 2em;font-weight: 600; line-height: 1.15;}
body{margin:0; padding:0;background: #fff; }
#menu{width:100%;}
.sidebar{width:90%; border:0; margin:0; padding:12px;}
}


@media only screen and (max-width: 400px) {
h1{font-size: 1.4em;font-weight: 600; line-height: 1.15;}
h2{font-size: 25px;line-height: 1.15; font-weight: 600;text-align:left;}
h3{font-size: 1em;line-height: 1.15;}
body {
  font-size: 20px;
}
}





/* Pagination */
ul.page-numbers{width:100%;padding:0;font-size:25px;line-height:normal;clear:both;display: block;}
ul.page-numbers li{display: inline-block;list-style-type:none; font-size:30px;margin:10px 0 10px 10px; }
ul.page-numbers a,ul.page-numbers span{font-size:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#fff;box-shadow:0 0 2px #737373;padding:3px 7px 2px;margin:2px;text-decoration:none;color:#000}
ul.page-numbers a:hover,ul.page-numbers span.current{background:#F15F5F;color:#fff; }



/*НАЧАЛО СТИЛЕЙ ДЛЯ МЕНЮ*/
/* Clearfix */
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
nav{height:auto;width:100%;background:#00008b;position:relative;border-bottom:1px solid #b9baba;padding:10px;}
nav ul{padding-left:20px;margin:0 auto;height:auto;}
nav li {
	display: inline;
	float: left;
	font-family: Verdana;
	letter-spacing: 1px;
	

}
nav a {

	display: inline-block;
	width: 100%;
	margin-right:20px;
	text-align: center;
	text-decoration: none;
	text-decoration: none;
    border-bottom: 0px;
	line-height: 40px;
	color: #fff;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    font-family: Montserrat,sans-serif;
	
}

nav li:last-child a{border-right:0}
nav a:link{color:#fff;}
nav a:hover{color:#d5d5d6;}

.active a {
    color:#d5d5d6;
    font-size:18px;
}

@media (max-width:800px) {
#menubutton{display:inline-block;}
#menunone{display:none;}
}

@media (min-width:800px) {
#menubutton{display:none;}
}

/* Конец стилей для меню  */




/* ARCHIVE.PHP INDEX.PHP */
.tablica-zapis{width:100%; background:#fff; border-bottom:1px solid #d7d5d5;   cursor:pointer; margin-bottom:30px; box-shadow: 0px 0px 6px 2px #b2b1b1;}
.tablica-zapis:hover{ outline: solid 2px #9a9999; color:red; box-shadow: 0px 0px 8px 5px #b2b1b1;}

/* стили для table главной и в архиве */
.wrapper {width: 180px;height: 180px;float:left;margin: 0 20px 2px 0px;padding:6px;}
.exmp img {object-fit: cover;width: 100%;height: 100%;}
/* стили для table главной и в архиве */

.tablica-telefon{display:none;}

@media only screen and (max-width: 700px) {
.tablica-telefon{width: 90%; display: inline-block; padding:10px;background:#fff; margin-top:10px; border:1px solid #d7d5d5;}
#tablica-none{display:none;}
}
/* ARCHIVE.PHP INDEX.PHP */



 /* Стили для картинок worpress */
 img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
 max-width: 100%;
 height: auto;
}
.alignleft,
img.alignleft {
 display: inline;
 float: left;
 margin-right: 24px;
 margin-top: 4px;
}
.alignright,
img.alignright {
 display: inline;
 float: right;
 margin-left: 24px;
 margin-top: 4px;
}
.aligncenter,
img.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
 margin-bottom: 12px;
}
.wp-caption {
 background: #fff;
 line-height: 18px;
 margin-bottom: 20px;
 padding: 4px;
 text-align: center;
  max-width:100%;height:auto;width:auto\9
}
.wp-caption img {
 margin: 0;
padding: 0;
 text-align:center;
 max-width: 100%; /* caption width - 10px */

}
.wp-caption p.wp-caption-text {
 color: #000;
 font-size: 18px;
 margin: 5px;
}
.wp-smiley {
 margin: 0;
}
 /* Стили для картинок worpress */
 


/*Для категории*/
ul.hr {margin: 0; /* Обнуляем значение отступов */padding: 4px; /* Значение полей */}
ul.hr li {display: inline; /* Отображать как строчный элемент */margin-right: 5px; /* Отступ слева */padding: 3px; /* Поля вокруг текста */}