/*   
Theme Name: kazanpetrovo
Theme URI: http://kazanpetrovo.ru
Description: сайт храма деревни Петрово, Ярцевского р-на, Смоленской обл.
Author: DIMMS
Author URI: http://kazanpetrovo.ru
Version: 1.1
========================z-index=====================
002 sun ===солнце
003 hram ===картинка храма
004 modal-backdrop ===область реагирования свайпа====
090 secondary_bar.bar_fixed ===зафиксированный навбар
100 navbar  ====меню
100 second-navbar ===всплывающее подменю

310 #zhertva ====копилка======
320 zapiska-info ===окно сообщения записка отправлена===
350 lable === боковое лейбл меню

*/
.logo3 {/* для лого 3 */
	height: 110px;
	-margin-top: 40px;
}
button, summary, a:link, a:visited, a:hover, a:focus, a:active  {/* убираем рамочку у элементов в Firefox */
  outline: none;
}
@font-face {
    font-family: rus_decor;
    src: url(fonts/a_RussDecor.ttf);
}

@font-face {
    font-family: rus_vyas;
    src: url(fonts/Fita_Vjaz.woff);
}
#body {/*=======================подложка и шрифт сайта===============================*/
	background-repeat: repeat-x repeat-y;
	background-attachment: fixed;
	font-family: tahoma, serif;
	color: black;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
main {/*========================фон в виде старой бумаги=========================*/
	width: 90vw;
	min-width: 480px;
	max-width: 1350px;
	margin: 3.5% auto;
	background-image: url(images/list2.jpg);
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 0px 0px 33px 7px black;
	padding-right: 0px!important;
	padding-left: 0px!important;
}
#articl {
	padding-right: 0px!important;
	padding-left: 0px!important;
}
.header-main {/*----общий ряд хедера*/
	padding: 15px;
}
.header-block {/*--блоки с логотипами--*/
	height: 100px;
	padding: 0px;
}
.header1-img {/*--левый логотип хедера--*/
	height: 100px!important;
}
.headerxs-img {
	padding-left: 10%!important;
	height: 100px!important;
}
.header-xs {/*---два логотипа хедера видны только в xs---*/
	margin: 10px auto -10px!important;
}
.header2 {/*--заголовок сайта--*/
	padding: 0px!important;
}
.row {
	margin: 0px;
}
#secondary_bar.bar_fixed {/*==========прилипалка меню к верху===================*/
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	border-radius: 10px;
	width: 90vw;
	max-width: 1350px;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 90;
	border: none;
	margin: 0;
}
#secondary_bar_placeholder {
	width: 100%;
	display: none;
}
section {
	border-radius: 10px;
	padding: 1% 5%;
}
footer {/*=========================================подвал===========================*/
	min-width: 480px;
	font-size: 12px;
	padding-right: 0px!important;
	padding-left: 0px!important;
	vertical-align: bottom;
	background-image: url(images/footer.jpg);
	background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
	width: 100%;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
/*=========================жертвенный ящик===================================*/
@keyframes zhertva-anim {
	0% {transform: scale(0,95.0,95);}
	30% {transform: scale(1.1);}
	100% {transform: scale(0,95.0,95);}
}
#zhertva {
	z-index: 310;
	position: absolute;
	right: 0;
	bottom: 13%;
	animation: zhertva-anim 4s ease infinite;
}
#zhertva img {
	width: 120px;
}
hr { /*=========================Цвет горизонтальной линии=========================*/
	border: none; /* Убираем границу */
	background-color: #2c2c2c; /* Цвет линии */
	color: #2c2c2c; /* Цвет линии для IE6-7 */
	height: 1px;/* Толщина линии */
}
h2 {
	text-align: center;
	margin-bottom: 50px;
	font-size: 20pt;
}
h3 {
	text-align: center;
	font-size: 16pt;
}
.line2 {/* заглавная линия */
	width: 40%; 
	margin: 20px auto;
}
.line {/* подвальная линия */
	width: 60%; 
	margin: 20px auto;
}
.line1 {
	width: 60%; 
	margin: 20px auto;
}
ul {
	list-style-type: none;
}
a  {
	text-decoration: none;
	color: SlateBlue;
}
.mi-foto-big {/*------------мое фото большое----------------*/
	width: 35%;
	min-width: 200px;
	max-width: 400px;
	margin-left: 20px; 
	margin-bottom: 20px;  
	padding:0px; 
	border-radius: 30px; 
	float: right;
}
.absatz {/*--------- красная строка текста-----------------------------------*/
	text-indent: 20px; 
	text-align: justify;
}
/*=============================шрифт заголовка h1=========================*/
.vyas {
	font-family: rus_vyas, serif;
	font-size: 40pt;
	color: #2c2c2c!important;
	
}
/* ======================== фон и тень навбара =========================*/
.navbar {
	
    -moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
    color: #2c2c2c;
	min-width: 480px;
	max-width: 1350px;
	background-color: rgba(255, 255, 255, 0);
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	font-size: 11.5pt;
	border-top: 3px double red;
	border-bottom: 3px double red;
	font-family: rus_decor, tahoma;
	position: relative;
	z-index: 100;
}
.navbar>div {/*---выравнивание иконок меню по центру--*/
	text-align: center;
}
.navbar-collapse {
	padding:0px;
}
/*=====================================иконки меню =======================*/
.nav-block-icon {
	text-align: center;
}
.nav-block-icon div {
	margin: 2px auto 2px;
	padding: 0px;
}
.nav-block-icon a {
	text-decoration: none;
}
.icon {
	display: inline-block;
}
.icon-podmenu-a {
	color: #2c2c2c;
	display: inline-block;
	padding: 14px 9%;
	text-align: center;
	position: static;
}

.icon img{
	width: 50px;
	margin: 1px 2px;
	display: inline-block;
	text-align: center;
	position: static;	
	 -moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	 -webkit-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
}
.icon img:hover {
	box-shadow: inset -3px -3px 10px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	-webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 -o-transform: scale(1.1);
}
.icon img:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
	padding: 2px;
}
.second-navbar-icon {/*всплывающее подменю*/
	color: #2c2c2c;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-size: 100% auto;
	width: 250%;
	height: auto;
	font-size: 11.5pt;
	border-radius: 10px;
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	font-family: rus_decor, tahoma;
	visibility: hidden;
	position: absolute;
	left: -75%;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transition-property: -webkit-transform, opacity, box-shadow;/*для safari*/
	-webkit-transition-duration: 0.35s;/*для safari*/
	-webkit-transition-timing-function: ease-out;/*для safari*/
	-webkit-transform: translateY(30px);/*для safari*/
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
}
.icon:hover .second-navbar-icon {/*анимация появления блока подменю*/
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);/*для safari*/
	opacity: 1;
	color: #2c2c2c!important;
	visibility: visible;
}
/*================== текстовые пункты меню =========================*/
.nav-block {/*---выравнивание главного блока с пунктами меню --*/
	text-align: center;	
}
.nav-block div {/*выравнивание блоков с пунктами меню*/
	margin: 2px auto 2px;
	padding: 0px;
	}
.nav-block a, .pod-menu span {/*выравнивание самих пунктов меню в блоках*/
	color: #2c2c2c;
	display: inline-block;
	padding: 14px 9%;
	text-align: center;
	position: static;
	text-decoration: none;
}
.second-navbar {/*всплывающее подменю*/
	color: #2c2c2c;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-size: 100% auto;
	width: 150%;
	height: auto;
	font-size: 11.5pt;
	border-radius: 10px;
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	font-family: rus_decor, tahoma;
	visibility: hidden;
	position: absolute;
	left: -25%;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transition-property: -webkit-transform, opacity, box-shadow;/*для safari*/
	-webkit-transition-duration: 0.35s;/*для safari*/
	-webkit-transition-timing-function: ease-out;/*для safari*/
	-webkit-transform: translateY(30px);/*для safari*/
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
}
.text-menu:hover, .pod-menu:hover {/*наведение на блоки меню которые без подменю*/
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	cursor: pointer;
}
.text-menu:hover a {/*белый цвет пунктов меню которые без подменю*/
	color: white;
	text-shadow: 2px 2px 3px black;
}
.pod-menu:hover span {/*белый цвет пункта меню где есть подменю*/
	color: white;
}
.pod-menu:hover div {/*очистка стиля блока подменю*/
	color: #2c2c2c;
	text-shadow: none;
}
.pod-menu a:hover {/*стилизация пунктов подменю при наведении*/
	text-shadow: 2px 2px 3px black;
}
.text-menu:active {/*стилизация блоков меню и подменю при нажатии*/
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: inset 0px 0px 15px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
}
.pod-menu:hover .second-navbar {/*анимация появления блока подменю*/
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);/*для safari*/
	opacity: 1;
	color: #2c2c2c!important;
	visibility: visible;
}
/*====================================================================боковая панель sidebar=======================================================================*/
.sidebar {
	padding: 0px 0px 0px 5px;
}

.post-date-sidebar {/*----блок с датой записи в сайдбаре-----*/
	position: absolute;
	left: 0px;
	top: -10px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid darkmagenta;
	width: 40px;
	overflow: hidden;
}
.post-date-month-sidebar {/*----месяц в сайдбаре-----*/
	font-size: 7pt;
	background-color: darkmagenta;
	color: white;
	margin: 0px;
}
.post-date-day-sidebar {/*----день в сайдбаре-----*/
	font-weight: bold;
	font-size: 11pt;
	margin: 0px;
	background-color: #f6e3c3;
}
.post-zagolovok-sidebar {/*блок с записями в сайдбаре*/
	position: relative;
	height: 90px;
	width: 100%;
	display: table;
	margin: 0 0 0 15px;
}
.post-thumbnail-sidebar { /*изображение записи в сайдбаре*/
	height: 90px;
	width: 130px;
	float: left;
	padding: 0px!important;
}
.post-title-sidebar {/*заголовок записи в сайдбаре*/
	padding: 0px 15px;
	height: 90px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.post-title-sidebar h3{
	font-size: 13px;
	text-align: left;
}
/*=======================календарь в сайдбаре============================*/
.calendar_wrap {/*главный блок календаря*/
	margin: 20px auto 0px;
	border-radius: 10px 10px 0 0;
	background-color: #f6e3c3; 
	border: 1px solid darkmagenta;
	overflow: hidden;
	width: 75%;
	min-width: 240px;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar tbody a {
	border-radius: 5px;
	padding: 4px 27% 2px;
	text-decoration: none;
	background-color: #a52a2c;
	color: white;
}
#wp-calendar tr, #wp-calendar td, #wp-calendar th {/*выравнивание ячеек календаря*/
	padding: 5px;
	margin: 6px auto;
	text-align: center!important;
}
#wp-calendar thead {/*дни недели*/
	background-color: darkmagenta;
	color: white;
}
#wp-calendar tbody {/*полоска внизу*/
	border-bottom: 1px solid darkmagenta;
}
#wp-calendar caption {/*месяц в заголовке*/
	text-align: center;
	background-color: darkmagenta;
	color: white;
	border-bottom: 1px solid #f6e3c3;
}
/*--------------- дни календаря ----------------*/
#wp-calendar tbody td {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}

#wp-calendar tbody td a {
    display: inline-block;
    min-width: 34px;
    padding: 6px 8px;
    border-radius: 8px;
    background-color: #a52a2c;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.2;
    box-sizing: border-box;
}

#wp-calendar tbody td a:hover {
    background-color: #f6e3c3 !important;
    color: #2c2c2c !important;
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black !important;
    text-decoration: none !important;
}

#wp-calendar tbody td#today,
#wp-calendar tbody td.today {
    font-weight: bold;
}

#wp-calendar tbody td#today a,
#wp-calendar tbody td.today a {
    background-color: darkmagenta;
    color: white;
    box-shadow: inset 0px 0px 10px 2px #814318, 0px 0px 2px 0px #2c2c2c;
}
/*----------кнопки календаря------------*/
.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: #f6e3c3;
    border-top: 1px solid #a52a2c;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
}

.wp-calendar-nav-prev,
.wp-calendar-nav-next {
    display: inline-block;
}

.wp-calendar-nav .pad {
    flex: 1;
}

.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: #a52a2c;
}

.wp-calendar-nav-prev a:hover,
.wp-calendar-nav-next a:hover {
    background-color: #f6e3c3 !important;
    color: #2c2c2c !important;
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black !important;
    text-decoration: none !important;
}
/*------ выпадающее меню архива новостей ------*/

/* скрываем стандартный select */
.r-sidebar select[id^="archives-dropdown"],
#drawer-sidebar-wrap select[id^="archives-dropdown"],
select[id^="archives-dropdown"] {
    display: none !important;
}

/* обёртка — прижата к календарю снизу */
.custom-archive-select {
    position: relative;
    width: 75%;
    min-width: 240px;
    margin: 0 auto 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    font-family: tahoma, serif;
    font-size: 12pt;
    color: inherit;
}

/* заголовок */
.custom-archive-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-radius: 0 0 10px 10px;
    background-color: #f6e3c3;
    border: 1px solid currentColor;
	border-top: none;
    box-sizing: border-box;
    transition: box-shadow 0.25s ease, border-radius 0.25s ease;
}

.custom-archive-head:hover {
    box-shadow: inset -3px -3px 10px 0px #814318, 1px 1px 4px 1px black;
}

/* стрелка */
.custom-archive-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid currentColor;
    margin-left: 10px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

/* стрелка при открытом меню — вниз становится вверх */
.custom-archive-select.open .custom-archive-arrow {
    transform: rotate(180deg);
}

/* выпадающий список — открывается ВВЕРХ */
.custom-archive-list {
    display: none;
    position: absolute;
    bottom: 100%;
    top: auto;
    left: 0;
    right: 0;
    z-index: 500;
    background-color: #f6e3c3;
    border: 1px solid currentColor;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: inset 0px 2px 6px 0px #814318, 0px -2px 4px 0px rgba(0,0,0,0.25);
    max-height: 260px;
    overflow-y: auto;
}

/* при открытом — убираем нижние скругления у заголовка */
.custom-archive-select.open .custom-archive-head {
    border-radius: 0 0 10px 10px;
    box-shadow: inset -2px -2px 8px 0px #814318, 0px 2px 4px 0px rgba(0,0,0,0.2);
}

/* пункт списка */
.custom-archive-item {
    padding: 9px 14px;
    transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-sizing: border-box;
}

.custom-archive-item:last-child {
    border-bottom: none;
}

/* текст пункта */
.custom-archive-item-text {
    display: block;
    color: #2c2c2c;
    transition: color 0.2s ease;
    pointer-events: none;
}

/* текст заголовка — всегда тёмный, не зависит от темы */
.custom-archive-label {
	color: #2c2c2c !important;
}

/* наведение — используем currentColor (цвет темы) */
.custom-archive-item:hover {
    background-color: currentColor;
    padding-left: 20px;
    box-shadow: inset 0px 0px 8px 0px #814318;
}

.custom-archive-item:hover .custom-archive-item-text {
    color: #f6e3c3;
}

.r-sidebar .r-wtitle {
    text-align: center;
    margin-bottom: 10px;
}

/* скрываем заголовок только у виджета архива */
.r-sidebar-widget_archive .r-wtitle {
    display: none !important;
}

/* скрываем также label для скринридеров */
.r-sidebar-widget_archive .screen-reader-text {
    display: none !important;
}

/*-- скроллбар внутри списка архива --*/

/* Firefox */
.custom-archive-list {
    scrollbar-width: thin;
    scrollbar-color: currentColor #f6e3c3;
}

/* Chrome / Safari / Edge */
.custom-archive-list::-webkit-scrollbar {
    width: 8px;
}

.custom-archive-list::-webkit-scrollbar-track {
    background: #f6e3c3;
    border-radius: 0 10px 0 0;
}

.custom-archive-list::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 10px;
    border: 2px solid #f6e3c3;
    transition: background-color 0.2s ease;
}

.custom-archive-list::-webkit-scrollbar-thumb:hover {
    background-color: #814318;
}

.custom-archive-list::-webkit-scrollbar-button {
    display: none;
}
/*=============== менюшка 7 таинств ===============*/
.tainstv-7 { 
	width: 100%;
	height: auto;
}
.tainstv-7 img {
	width: 100%;
	height: auto;	
}
.tainstv-7-spisok {
	width: 60%;
	-height: 67%;
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 15%;
	text-align: center;
}
.tainstv-7-spisok  li {
	vertical-align: middle;
	margin: auto 0px;
}
.tainstv-7-spisok a {
	font-family: rus_decor, serif;
	font-size: 15pt;
	margin: 0px;
	text-align: center;
}
/*===================главный контейнер с информацией===================*/	
.glavnaya {
	padding: 5% 25px 1%;
	color: black;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	height: auto;
	border-bottom: 3px double red;
	font-size: 13pt;
}
/*============================подвал========================================*/
.footer {
	font-size: 8pt;
	margin: -15px auto;
}
/*=========левая часть прдвала================================================*/
.footer1 {
	padding: 2%!important;
}
/*=================мое фото в подвале=========================================*/
.mi-foto-small  {
	border: none!important;
	max-height: 135px!important;
	max-width: 90px!important;
}
.mi-foto-small:hover {
	box-shadow: inset -4px -4px 13px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
}
/*=============центральная часть подвала=========================================*/
.footer2 {
	padding: 3%;
}
.footer2 div {
	text-align: left;
}
/*==================правая часть подвала==========================================*/
.footer3 {
	padding: inherit !important; 
	margin-top: 2%; 
	text-align: center;
	padding: 2%;
}
/*==========================банковские карточки===============================*/
.img-donat {
	padding: 0px;
}
.img-donat img{
	border: 2px solid grey;
	height: 150px; 
	border-radius: 10px; 
	display: block; 
	margin: auto auto 10px auto;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.img-donat img:hover {
	border: none;
	color: white;
	text-shadow: 2px 2px 3px black;
	text-decoration: none;
	box-shadow: inset -4px -4px 13px 0px #814318, 2px 2px 15px 1px #2c2c2c;
	border-radius: 10px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
/* ============================ссылки принадлежности к патриархии и епархии==========================*/
.link-rpc-block {
	height: 30px;
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
}
.link-rpc-block a:hover {
	padding: 10px;
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
}
.link-rpc-block a:active {
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: inset 0px 0px 15px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
}
.link-rpc-block a {
	text-decoration: none;
}
/*=======================тень и радиус яндекс карты======================*/
.iframe-shadow-radius {
	height: 13em;
	width: 90%;
	margin: 15px auto;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	box-shadow: 3px 3px 10px 0px #2c2c2c;
	overflow: hidden;
}
/*================================сплоеры с ссылками ютуба==========================*/
.videolink {/*--блок сплоера details--*/
	cursor: pointer;
	margin: 5px auto;
	padding: 5px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/*-------запретить выделение текста--------*/
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
}
.videolink summary {/*--заголовок сплоера--*/
	text-align: justify;
	padding: 8px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.videolink summary:hover {/*--анимация заголовка сплоера--*/
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -3px -3px 13px 0px #814318, 3px 3px 13px 0px black;
}
details[open] {/*--устанавливаем тень раскрытого details--*/
	box-shadow: inset -3px -3px 13px 0px #814318, 3px 3px 13px 0px black;
}
.videolink div {/*--выравнивание блока в сплоере--*/
	overflow: visible;
	margin: 5% auto 0;
	width: 90%;
}
.videolink  iframe {/*--стилизация самого видео контента--*/
	height: 90%!important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: 1px 3px 10px 0px black;
}
/*=================увеличение картинки с классом .alignnone при наведении в записях====================*/
.alignnone {
	margin: 10px;
	-webkit-border-radius: 10px!important; 
	-moz-border-radius: 10px!important; 
	border-radius: 10px!important;
	-moz-transition: all 0.3s ease-out!important;
	-ms-transition: all 0.3s ease-out!important;
	-webkit-transition: all 0.3s ease-out!important;
	-o-transition: all 0.3s ease-out!important;
}
.alignnone:hover {
	-webkit-transform: scale(1.1)!important;
	-moz-transform: scale(1.1)!important;
	-ms-transform: scale(1.1)!important;
	-o-transform: scale(1.1)!important;
}
/*=================увеличение картинки с классом imagediv при наведении====================*/
.imagehover,
.imagehover-noborder {
	padding: 8px;
	margin: auto;
}
.imagehover img,
.imagehover-noborder img {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
 }
.imagehover img:hover,
.imagehover-noborder img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
 }
/*=========================анимация картинки с храмом================================*/
 .nebo {
	overflow: hidden; 
	text-align: center; 
	padding: 0;
	margin-right: 30px;
	margin-bottom:10px;
 }
 #nebo {
	 width: 100%; 
	 position: absolute; 
	 border-radius: 10px;
	 opacity: 0;
	 filter:alpha(opacity=0);
	 -moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-webkit-transition: all 3s ease;
	-o-transition: all 3s ease;
 }
 #sun {
	 left: -30%; 
	 bottom: 20%; 
	 width: 25%; 
	 height: auto; 
	 position: absolute; 
	 z-index: 2;
	 -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
 }
 
 #hram {
	 width: 100%; 
	 position: relative; 
	 z-index: 3;
 }
 .nebo:hover #nebo {
	 opacity: 1;
	 filter:alpha(opacity=100);
 }
 .nebo:hover #sun {
	 transform: translate(420%,-150%);
    -webkit-transform: translate(420%,-150%);
    -o-transform: translate(420%,-150%);
    -moz-transform: translate(420%,-150%);
 }
 /*========================блок с записками о здр или упк===========================*/
.zapiska-block {
	text-align: center;
	padding: 0px;
 }
.zapiska {
	width: 250px;
	-height: 800px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 15px auto;
}
.zapiska form {/*выравнивание записки*/
	text-align: center; 
	height: 100%;
	position: relative;
    overflow: visible;
}
.zapiska form p:first-of-type {
	margin-top: 55px;
}
.zapiska input {/*поля записки с именами*/
	margin-top: 10px;
}
.zapiska form:first-child {/*первое поле записки*/
	margin-top: 210px;
}
/* ===== select типа записки ===== */
#zdravie select,
#upokoy select {
    display: block;
    width: 90%;
    margin: 8px auto 15px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid darkmagenta;
    background-color: rgba(0, 0, 0, 0);
    color: #2c2c2c;
    font-family: tahoma, serif;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232c2c2c' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

#zdravie select:hover,
#upokoy select:hover {
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black;
}

#zdravie select:focus,
#upokoy select:focus {
    outline: none;
    box-shadow: inset 0px 0px 8px 2px #814318;
}
#zdravie input {/*===================поля ввода здравной записки==================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid red;
	font-size: 14px;
}
#upokoy input {/*===================поля ввода упокойной записки==================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid #2c2c2c;
	font-size: 14px;
}

/* ===== input дата записки ===== */
.input-calendar {
    display: block;
    width: 90%;
    margin: 8px auto 15px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid darkmagenta;
    background-color: rgba(0, 0, 0, 0);
    color: #2c2c2c;
    font-family: tahoma, serif;
    font-size: 13px;
    box-sizing: border-box;
    cursor: pointer;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.input-calendar:hover {
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black;
}

.input-calendar::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.input-calendar::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}
/* ===== кнопка записки ===== */
.zapiska button {
    margin: 5px auto 10px;
    padding: 10px 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
    border-radius: 10px;
    font-family: tahoma, serif;
    font-size: 13px;
    color: #2c2c2c;
    cursor: pointer;
    transition: all 0.25s ease;  /* ← ключ: всё сразу */
}

.zapiska button:hover {
    color: #f6e3c3;
    text-shadow: 1px 1px 2px black;
    box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
}

.zapiska button:active {
    box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
    padding: 9px 19px;
}
/* кнопка подать записку */
.zapiska-btn-wrap {
    text-align: center;
    margin: 5px auto 10px;
    position: relative;
    z-index: 1;
}

.zapiska-btn-wrap button {
    padding: 10px 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
    border-radius: 10px;
    font-family: tahoma, serif;
    font-size: 13px;
    color: #2c2c2c;
    cursor: pointer;
    transition: all 0.25s ease;
}

.zapiska-btn-wrap button:hover {
    color: #f6e3c3;
    text-shadow: 1px 1px 2px black;
    box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
}

.zapiska-btn-wrap button:active {
    box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
    padding: 9px 19px;
}
/* ===== заголовки полей записки ===== */
.zapiska p {
    text-align: center;
    margin: 10px 0 2px;
    font-size: 11pt;
    font-weight: bold;
    color: #2c2c2c !important;
}
/*===== кастомный календарь выбора даты записки =====*/

.zap-date-wrap {
    position: relative;
    width: 100%;
    margin: 8px auto 15px;
	overflow: visible;
}

/* кнопка отображения даты */
.zap-date-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid currentColor;
    border-radius: 10px;
    background-color: #f6e3c3;  /* ← кремовый фон */
    font-family: tahoma, serif;
    font-size: 13px;
    color: #2c2c2c;
    cursor: pointer;
    box-sizing: border-box;
    transition: box-shadow 0.25s ease, color 0.25s ease, background-color 0.25s ease;
    text-align: left;
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black; /* ← объём */
}

.zap-date-btn:hover {
    background-color: currentColor;
    box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
}
/* текст кнопки при наведении */
.zap-date-btn:hover .zap-date-display {
    color: #f6e3c3;
}

/* стрелка кнопки */
.zap-date-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid currentColor;
    margin-left: 10px;
    flex-shrink: 0;
    transition: transform 0.3s ease, border-top-color 0.25s ease;
}

/* стрелка при наведении — белая */
.zap-date-btn:hover .zap-date-arrow {
    border-top-color: #f6e3c3 !important;
}

/* стрелка при открытом */
.zap-cal-open .zap-date-arrow {
    transform: rotate(180deg);
}

/* при открытом — кнопка скруглена снизу */
.zap-cal-open .zap-date-btn {
    border-radius: 0 0 10px 10px;
    box-shadow: inset -2px -2px 8px 0px #814318, 0px 2px 4px 0px rgba(0,0,0,0.2);
}

/* пикер */
.zap-cal-picker {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 600;
    background-color: #f6e3c3;
    border: 1px solid currentColor;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: inset 0px 2px 6px 0px #814318, 0px -2px 4px 0px rgba(0,0,0,0.25);
    box-sizing: border-box;
    pointer-events: auto;
}

/* шапка с месяцем */
.zap-cal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    color: white;
    background-color: currentColor;
}

.zap-cal-title {
    font-weight: bold;
    font-size: 12pt;
    color: white;
    flex: 1;
    text-align: center;
}

/* кнопки навигации календаря записки */
.zap-cal-nav {
    display: inline-block;
    border: none;
    color: #2c2c2c;                /* ← тёмный текст на кремовом */
    background-color: #f6e3c3;    /* ← кремовый фон как у календаря */
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 8px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    line-height: 1;
    box-shadow: inset -1px -1px 5px 0px #814318, 1px 1px 3px 0px rgba(0,0,0,0.4);
}

.zap-cal-nav:hover {
    background-color: #2c2c2c !important;
    color: #f6e3c3 !important;
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black !important;
}


/* строка дней недели */
.zap-cal-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background-color: currentColor;
    padding: 4px 6px 2px;
}

.zap-cal-wd {
    text-align: center;
    font-size: 9pt;
    color: white;
    padding: 2px 0;
}

/* сетка дней */
.zap-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 6px;
    gap: 3px;
}

/* ячейка дня */
.zap-cal-day {
    text-align: center;
    padding: 6px 2px;
    border-radius: 8px;
    font-size: 11pt;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    line-height: 1.2;
}

.zap-cal-day:hover:not(.zap-cal-disabled):not(.zap-cal-empty) {
    background-color: currentColor;
    color: #f6e3c3;
    box-shadow: inset -1px -1px 6px 0px #814318, 1px 1px 2px 0px black;
}


/* выбранный день */
.zap-cal-selected {
    background-color: currentColor !important;
    color: #f6e3c3 !important;
    font-weight: bold;
    box-shadow: inset 0px 0px 8px 0px #814318 !important;
}


/* сегодня */
.zap-cal-today {
    font-weight: bold;
    text-decoration: underline;
}

/* недоступный день */
.zap-cal-disabled {
    color: #bbb !important;
    cursor: default;
    pointer-events: none;
}

/* пустая ячейка */
.zap-cal-empty {
    cursor: default;
    pointer-events: none;
}

/* стиль года */
.zap-cal-year {
    font-size: 9pt;
    font-weight: normal;
    opacity: 0.85;
    display: block;
    line-height: 1.2;
}

/* при открытом — скругление кнопки только сверху */
.zap-cal-open .zap-date-btn {
    border-radius: 0 0 10px 10px;
    box-shadow: inset -2px -2px 8px 0px #814318;
}
.zapiska-info {/*окно сообщения записка отправлена*/
    z-index: 320;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    position: fixed;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 400px;
    max-width: calc(90vw - 30px);
    height: auto;
    background-image: url('/images/article.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
    box-shadow: inset 0px 0px 10px 2px #814318, 0px 0px 2px 0px #2c2c2c;
}
.zapiska-info img {
	width: 120px;
}
.zapiska-info section {
	height: 100%;
}
/* ===== оверлей для окна записки ===== */
.zapiska-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 319;
    pointer-events: auto;
}

.zapiska-overlay.active {
    display: block;
}
/*===== кастомный select типа записки =====*/

/* скрываем стандартный */
#zdravie select[name="type_z"],
#upokoy select[name="type_z"] {
    display: none !important;
}

.zapiska-select-wrap {
    position: relative;
    width: 100%;
    margin: 8px auto 15px;
    color: inherit;
}

.zapiska-select-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
    box-sizing: border-box;
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black; /* ← объём */
}

.zapiska-select-head:hover {
    background-color: currentColor;
    box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
}

.zapiska-select-text {
    color: #2c2c2c;
    font-size: 13px;
    transition: color 0.25s ease;
}

.zapiska-select-head:hover .zapiska-select-text {
    color: #f6e3c3;
}

.zapiska-select-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid currentColor;
    margin-left: 10px;
    flex-shrink: 0;
    transition: transform 0.3s ease, border-top-color 0.25s ease;
}

.zapiska-select-head:hover .zapiska-select-arrow {
    border-top-color: #f6e3c3 !important;
}

.zapiska-select-open .zapiska-select-arrow {
    transform: rotate(180deg);
}

.zapiska-select-list {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 500;
    background-color: #f6e3c3;
    border: 1px solid currentColor;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: inset 0px 2px 6px 0px #814318, 0px -2px 4px 0px rgba(0,0,0,0.25);
    max-height: 200px;
    box-sizing: border-box;
    /* резервируем место под скроллбар всегда */
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: currentColor #f6e3c3;
}

.zapiska-select-list::-webkit-scrollbar {
    width: 8px;
}

.zapiska-select-list::-webkit-scrollbar-track {
    background: #f6e3c3;
    border-radius: 10px 10px 0 0;
}

.zapiska-select-list::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 10px;
    border: 2px solid #f6e3c3;
}

.zapiska-select-item {
    padding: 9px 6px 9px 14px;    /* ← правый отступ меньше — под скроллбар */
    color: #2c2c2c;
    cursor: pointer;
    font-family: tahoma, serif;
    font-size: 13px;
    transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-sizing: border-box;
    width: 100%;
}

.zapiska-select-item:last-child {
    border-bottom: none;
}

.zapiska-select-item:hover {
    background-color: currentColor;
    color: #f6e3c3;
    padding-left: 20px;
    box-shadow: inset 0px 0px 8px 0px #814318;
}

.zapiska-select-open .zapiska-select-head {
    border-radius: 0 0 10px 10px;
    box-shadow: inset -2px -2px 8px 0px #814318, 0px 2px 4px 0px rgba(0,0,0,0.2);
}

/* заголовки полей — обычный чёрный цвет */
.zapiska p {
    text-align: center;
    margin: 10px 0 2px;
    font-size: 11pt;
    font-weight: bold;
    color: #2c2c2c !important;
}
/*============================== анимация телефонов и эл.почты==================================*/
.icon-contakt {
	width: 40px; 
	margin-right: 3%;
	-o-transition: transform 0.4s linear;
	-ms-transition: transform 0.4s linear;
	-moz-transition: transform 0.4s linear;
	-webkit-transition: transform 0.4s linear;
}
.text-contakt:hover .icon-contakt{
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
	filter: none;
}
.text-contakt {
 text-align: center;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -webkit-transition: 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: 0.3s ease-out;
}
.text-contakt:hover{
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -ms-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
/*======================================= фото галерея ==============================*/
.foto-sepia-block {
	padding: 0px;
}
.foto-sepia {
	border-radius: 10px;
	padding: 0px;
	overflow: hidden;
	border-radius: 10px;
	width: 200px;
    height: 133px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.foto-sepia:hover {
	box-shadow: 1px 1px 4px 1px black;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.foto-sepia-block p {
	text-align: center;
	margin: 10px;
}
.foto-sepia a>img {
	-display: block;
	-webkit-filter: sepia(100%);
    filter: sepia(100%);
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.foto-sepia a>img:hover {
	-webkit-filter: sepia(0);
    filter: sepia(0);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
/*=========================== модальное окно с галереей ====================================*/
.modal {
	min-width: 430px;
}
.close { /*----кнопочка закрытия модального окна----*/
	position: relative;
	right: -5%;
	top: -5%;
	opacity: 0.6;
	box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
	border-radius: 10px;
	font-size: 12pt;
	font-weight: bold;
	padding: 12px 15px!important;
	color: darkred;
}
.close:hover {
	opacity: 1;
	color: darkred;
	background-color: rgba( 255, 0, 0, 0.6);
}
.close:active {
	box-shadow: inset -2px -2px 16px 0px #814318, 0px 0px 4px 1px black;
}
.modal-content {
	padding: 5%;
	color: black;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	box-shadow: inset 0px 0px 22px 1px #814318;
	text-align: center;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}
.modal-content h4 {
	margin-bottom: 30px;
}
.modal-body {
	padding: 0px;
}
.modal-body .container-fluid .row {
	margin: 0px;
}
.fancybox-image {/*закругляем края фото в фансибоксе*/
	border-radius: 10px!important;
}
.fancybox-thumbs {/*убираем белый фон в миниатюрах фансибокса*/
	background: #fbdd9f!important;
}
/*=====================стилизация страници с новостями================================*/
.news-body {/*блок с анонсами записей*/
	padding: 0px;
}
.post-zagolovok {/*блок с датой и заголовком записи*/
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
	height: 62px;
	margin: 10px auto;
}
.post-zagolovok a {
	text-decoration: none;
}
.post-date {/*----блок с датой записи-----*/
	margin-left: 10px;
	float: left;
	text-align: center;
	border-radius: 10px;
	border: 1px solid darkmagenta;
	width: 60px;
	overflow: hidden;
}
.post-date-month {/*----месяц-----*/
	font-size: 10pt;
	background-color: darkmagenta;
	color: white;
	margin: 0px;
}
.post-date-day {/*----день-----*/
	font-weight: bold;
	font-size: 15pt;
	margin: 0px;
	background-color: #f6e3c3;
}
.post-date-year {/*----год-----*/
	background-color: #f6e3c3;
	margin: 0px;
	font-size: 7pt;
}
.post-title {/*заголовок записи*/
	color: black;
	margin: 0px 5px 0px 0px;
}
.post-block p {
	text-indent: 20px; 
	text-align: justify;
}
.post-block div {/*блок с изображением записи в моб.*/
	margin: 0px auto;
	width: 300px;
	
}
.post-thumbnail {/*изображение записи*/
	width: 300px;
	height: 200px;
	float: left;
	padding: 10px 20px 0px 10px;
}
.post-thumbnail img {
	border-radius: 10px;
}
.knopka-a {
	float: right;
	padding: 0px 5px 0px 0px;
}
.knopka-a a{/*--кнопка подробнее--*/
	color: #2c2c2c;
    padding: 10px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; /* ← добавь */
}
.knopka-a a:hover {
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	background-color: rgba( 255, 0, 0, 0.6);
}
.knopka-a a:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
	padding: 9px;
}
/*=================================================== Пагинация в новостях и магазине ===========================================*/
.pagination {
	margin: 0;
	display: inline;
}
.nav-links {/*строка с кнопками пагинации в новостях*/
	text-align: center;
	padding: 20px 0px;
}
.nav-links a, .page-numbers a {/*стили кнопок пагинации*/
	line-height: 3 !important;
    margin: 0px 5px !important;
    padding: 10px 15px !important;
    border: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline !important;
    color: #2c2c2c !important;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important; /* ← добавь */
}
.nav-links a:hover, .page-numbers a:hover {
	color: white!important;
	text-shadow: 2px 2px 3px black!important;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black!important;
	border-radius: 10px!important;
	background-color: rgba( 255, 0, 0, 0.6)!important;
}
.nav-links a:active, .page-numbers a:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c!important;
	border-radius: 10px!important;
}
.current{/*кнопка текущей страницы в новостях и магазине*/
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c!important;
	border-radius: 10px!important;
	padding: 10px 15px!important;
	color: #2c2c2c!important;
	line-height: 3!important;
	margin: 0px 5px!important;
	display: inline!important;
	background-color: rgba( 180,216,44,0.7)!important;
}
.page-numbers, .page-numbers li {/*убираем рамку кнопок пагинации в магазине*/
	border: none!important;
}
.screen-reader-text, .page-numbers li .next, .page-numbers li .prev {/*убираем заголовок пагинации в новостях и стрелки next prev в магазине*/
	display: none!important;
}
.dots {/*сокращенные страницы*/
	padding: 10px 15px;
}

/*================================================================страница с видео =============================================================*/
.video-page-section {
	padding: 0px 15%;
}

/*--------картинки на странице таинства---------*/
.tainstva-img {
	float: left;
	margin: 10px 20px 0px 10px;
	border-radius: 5px;
}
.tainstva-img-xs {
	border-radius: 5px;
}
/*==============================================================ИВАН-ЧАЙ===================================================*/
.ivtea {/*------------бренд чая----------------*/
	width: 35%;
	max-width: 300px;
	min-width: 200px;
	margin: 15px; 
	padding:0px;  
	border-radius: 10%;
	float: left;
}
#ivteasvova {
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#ivteasvova:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
/*#ivantea ul {
	list-style-type: disc;
}*/
/*============================================   стили главной страницы  ====================================================*/
.images { /* картинка великого поста */
	width: 100%;
	height: auto;
}
.h2vpost { /* надписи */
	font-family: rus_decor, tahoma;
	font-weight: normal;
	font-size: 30pt;
	margin-bottom: 0px;
}
.pvpost { /* надписи */
	text-align: center;
	font-size: 18pt;
}
.pvpost2 { /* надписи */
	text-align: center;
	font-size: 18pt;
	color: red;
}
.imageraspisan { /* изображения */
	width: 100%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
}
.imageraspisan2 img{ /* расписание кроме главной*/
	width: 70vw;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.imageraspisan2 img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.imageraspisan-glavnaya img{/* расписание главной*/
	width: 90%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.imageraspisan-glavnaya img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.imageraspisan3 { /* изображения */
	width: 70%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
}
.imageraspisan4 { /* изображения недели поста*/
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.divpost {
	padding: 0;
	z-index: 10;
	margin: 5% auto;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.divpost:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.imagepost {/*--постные изображения в модальном окне--*/
	float: left;
	width: 50%;
	height: auto;
	box-shadow: 2px 2px 10px 1px #2c2c2c;
	margin-right: 15px;
	margin-bottom: 10px;
}
/*==================== новая мобильная система боковых меню ====================*/
.mobile-overlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	opacity: 0;
	pointer-events: none;
	z-index: 998;
	transition: opacity 0.2s ease;
}

.mobile-overlay.active {
	pointer-events: auto;
}

.mobile-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 82%;
	max-width: 460px;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-attachment: scroll;
	z-index: 999;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 0 20px rgba(0,0,0,0.35);
	will-change: transform;
}

.mobile-drawer-left {
	left: 0;
	transform: translateX(-100% - 8px);
}

.mobile-drawer-right {
	right: 0;
	transform: translateX(100% + 8px);
}

.mobile-drawer-inner {
	padding: 8px;
	min-height: 100%;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-attachment: scroll;
}

.mobile-drawer,
.mobile-drawer-inner {
	-webkit-overflow-scrolling: touch;
}

body.mobile-menu-open {
	overflow: hidden;
}

.mobile-hint {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	background: rgba(44, 44, 44, 0.9);
	color: #fff;
	font-size: 12px;
	padding: 10px 14px;
	border-radius: 10px;
	z-index: 1000;
	text-align: center;
	max-width: 90%;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
/* скрыть мобильные drawer до полной инициализации */
body.mobile-drawers-not-ready .mobile-drawer,
body.mobile-drawers-not-ready .mobile-overlay {
	visibility: hidden;
}

body.mobile-drawers-ready .mobile-drawer,
body.mobile-drawers-ready .mobile-overlay {
	visibility: visible;
}
/*-----------------------убираем рамки и стрелки у input ------------------*/	
input[type=number]::-webkit-inner-spin-button,/* Для Chrome */
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type=number]{/* Для Firefox */
  -moz-appearance: textfield;
}
/*---------------------- тесты -----------------------------------------*/
div {
	-border: 1px solid;
}