/* Дополнения к style.css темы: то, что раньше давали WordPress и плагины. */

/* выравнивание картинок в записях (классы редактора WordPress) */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 0.9em; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* оформление окна увеличенного фото (настройки плагина FancyBox) */
.fancybox-slide--image .fancybox-content { background-color: #fbdd9f; }
div.fancybox-caption { display: none !important; }
img.fancybox-image { border-width: 8px; border-color: #fbdd9f; border-style: solid; }
div.fancybox-bg { background-color: rgba(0, 0, 0, 0.9); opacity: 1 !important; }
div.fancybox-content { border-color: #fbdd9f; background-color: #fbdd9f; }

/* шторки телефона на компьютере не нужны совсем */
body.mobile-drawers-not-ready .mobile-drawer,
body.mobile-drawers-not-ready .mobile-overlay { display: none; }

/* Жертвенный ящик: плавная «пульсация».
   В старой теме кадры были записаны с ошибкой — scale(0,95.0,95) вместо scale(0.95), браузер их отбрасывал,
   и картинка каждый раз перерисовывалась заново (отсюда рывки). Здесь: верные кадры, плавный ход туда-обратно
   и отдельный слой (will-change) — картинка не перерисовывается на каждом кадре. */
/* rotate(0.02deg) — известный приём для Firefox: без него он «прилипает» к целым пикселям
   и увеличение идёт ступеньками (её браузер — Firefox, 30.10 «всё равно дёргается»). */
@keyframes kp-zhertva {
	from { transform: perspective(1000px) translate3d(0,0,0) scale(.95) rotate(0.02deg); }
	to   { transform: perspective(1000px) translate3d(0,0,0) scale(1.08) rotate(0.02deg); }
}
#zhertva {
	animation: kp-zhertva 1.8s ease-in-out infinite alternate;
	transform-origin: 50% 50%;
	will-change: transform;
	backface-visibility: hidden;
}
#zhertva img { display: block; }
@media (prefers-reduced-motion: reduce) {
	#zhertva { animation: none; }
}

/* Положение фото, выбранное в редакторе админки */
.kp-img-left { margin: 5px 15px 10px 0; }
.kp-img-right { margin: 5px 0 10px 15px; }

/* Верхнее меню: пунктов может быть не 6 (Bootstrap col-xs-2 рассчитан ровно на 6) */
.kp-menu-n5 > .col-xs-2 { width: 20%; }
.kp-menu-n7 > .col-xs-2 { width: 14.2857%; }
.kp-menu-n8 > .col-xs-2 { width: 12.5%; }