/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Аккуратный аватар в Профиле'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Центрирует аватар ученика в Профиле и стилизует кнопки выбора и удаления изображения.'; */

/* ----------------- */
/* НАСТРОЙКИ ДИЗАЙНА */
/* ----------------- */

:root {

/* Фон кнопки «Загрузить» */
--bg-upload-avatar-good-profile: #83B444AD;

/* Цвет текста кнопки «Загрузить» */
--color-upload-avatar-good-profile: #ffffff;

/* Фон кнопки «Загрузить» - при наведении */
--bg-upload-avatar-hover-good-profile: #8BBE48;

/* Цвет текста кнопки «Загрузить» - при наведении  */
--color-upload-avatar-hover-good-profile: #ffffff;

/* Закругление кнопок «Загрузить» и «Корзина» */
--round-avatar-buttons-good-profile: 4px;

/* Фон кнопки «Корзина»  */
--bg-clear-avatar-good-profile: #FF4B3E;

/* Цвет иконки в кнопке «Корзина» */
--color-clear-avatar-good-profile: #ffffff;

/* Фон кнопки «Корзина» - при наведении */
--bg-clear-avatar-hover-good-profile: #FF5C50;

/* Цвет иконки в кнопке «Корзина» - при наведении */
--color-clear-avatar-hover-good-profile: #ffffff;

}

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* ---------------------------------------- */
/* ДИЗАЙН АВАТАРА НА СТРАНИЦЕ "МОЙ ПРОФИЛЬ" */
/* ---------------------------------------- */

/* Кнопка "Загрузить" */
/* упоминание в кнопке атрибута "mblpr_field_avatar_1" */

button[data-avatar-upload*=mblpr_field_avatar_1] { 
	border: none;
	padding: 5px 10px;
	background: var(--bg-upload-avatar-good-profile);
    border-radius: var(--round-avatar-buttons-good-profile);
    color: var(--color-upload-avatar-good-profile);
	transition: all 0.2s ease-in-out;
}

/* Кнопка "Загрузить" при наведении */

button[data-avatar-upload*=mblpr_field_avatar_1]:hover {
	color: var(--color-upload-avatar-hover-good-profile);
	background: var(--bg-upload-avatar-hover-good-profile);
	transition: all 0.2s ease-in-out;
}

/* Кнопка "Корзина" */
/* упоминание в иконке атрибута "mblpr_field_avatar_1" */

button[data-avatar-clear*=mblpr_field_avatar_1] { 
	border: none;
	padding: 5px 10px;
	color: var(--color-clear-avatar-good-profile);
	background: var(--bg-clear-avatar-good-profile);
	border-radius: var(--round-avatar-buttons-good-profile);
	transition: all 0.2s ease-in-out;
}

/* Кнопка "Корзина" при наведении */

button[data-avatar-clear*=mblpr_field_avatar_1]:hover {
	color: var(--color-clear-avatar-hover-good-profile);
	background: var(--bg-clear-avatar-hover-good-profile);
    transition: all 0.2s ease-in-out;
}

/* Круглое превью аватара */

.mblpr-avatar-preview-box img {
	border-radius: 100%;
}

/* Аватар по центру */

.mblpr_field_group[data-avatar*=mblpr_field_avatar_1] {
	text-align: center;
	margin-bottom: 30px;
}