/*! Тело сайта */
body{
	#background-image: linear-gradient(to right top, #de8321, #d77e25, #d17a29, #ca752c, #c3712f, #c4732e, #c6752e, #c7772d, #d18028, #da8922, #e3931a, #eb9d0d);
   background-image: linear-gradient(to right top, #21ded5, #51cea3, #75bc73, #90a74d, #a68f34, #b18d2d, #bd8a28, #c98724, #cf9e13, #d0b700, #c9d100, #bbeb0d);
}

/*! Заголовок карточки (sidebar-right, заголовок контейнера компонента) */
h3.card-header{
	background-color: #654321;
}

/*! Тело карточки (пsidebar-right, тело контейнера компонента) */
div.card-body{
	background-color: #B96C32;
}

/*! Поле входных данных авторизации (поля на форме авторизации) */
.form-control{
	background-color: #777777;
}

/*! Карточка категории () */
div.pd-categories-card{
	background-color: #123456;
}

/*! Данные навигации (тело меню) */
li.nav-item{
	border: 4px solid #F74C32;
	background-color: #B96C32;
	/*! font-size: small; */
	/*! font-size: large; */
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}


/*!****************/
/*! PhocaDownload */
/*!****************/
/*! Список группы данных (список меню в категории PhocaDownload) */
li.list-group-item{
	background-color: #B96C32;
}


/*!*********/
/*! Kunena */
/*!*********/
/*! Поле меню сверху (делаем слой прозрачным чтобы видеть подложку) */
.bg-light{
	--bg-opacity: 0;
}

/*! Переключатель выбора в меню снизу () */
.form-select{
	background-color: #B96C32;
}

/*! Кнопка "Войти" сверху () */
.btn-light{
	--btn-bg: #B96C62;
}

/*! Карточка расширенного поиска в форуме () */
div.accordion-item{
	background-color: #B96C32;
}

/*! Карточка расширенного поиска в форуме () */
button.accordion-button{
	/*! Меню раскрыто */
	background-color: #5e5cc5;
	/*! Меню свёрнуто */
	--accordion-active-bg: #7593dd;
}


/*!*********/
/*! IMAGE */
/*!********/
/*! Класс для увеличиваемых имиджей */
/*! Размер имиджа - ширина 200 высота 422 */
/*! width - если 200 - 1 картинка, если 400 - 2 картинки, если 800 - картинки*/
/*! Имиджи должны быть завёрнуты в <div class="zoom-image"> имиджи </div> */
.zoom-image{
	display: block;
	margin: auto;
	width: 800px;
	transition: all 1s;
}

.zoom-image:hover{
	transform : scale(1.5);
}

.zoom-image-2{
	display: block;
	margin: auto;
	width: 200px;
	transition: all 1s;
}

.zoom-image-2:hover{
	transform : scale(2.5);
}



.tox-tinymce{
  height: 600px
}