@charset "UTF-8";
/*** Основные переопределения стилей шаблона */

/** Оформление Хедера */
/* - Общий фон блока Хедер */
#sp-header {
    background: #fcd403;
	background-image: linear-gradient(90deg, #fcd403, #fff);
}

/* - Оформление блока Логотипа */
#sp-header .logo a {font-size: 24px; line-height: 1; border: 0px solid #f0f0f0; /* Параметры границы */	border-radius: 10px; /* Скругление углов границы */	background: #fcd403; /* Цвет фона */ margin: 0; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */}

/* - Оформление Мегаменю */
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
    display: inline-block;
    /*border: 1px solid #000;*/ /* Параметры границы кнопки */
    border: 0px solid #000; /* Параметры границы кнопки - граница выключена */
    background: #f0f0f0; /* Цвет фона */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    width: 125px;
    padding: 0 5px;
    line-height: 35px;
    margin: 0 5px 0 0;
}
.sp-megamenu-parent>li>a:hover {
    text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */
	background: #fff; /* Цвет фона */
}
.sp-megamenu-parent>li:last-child>a {
    padding: 0 5px; /* Делает внутренние отступы у последнего элемента меню */
}
/* - Оформление выпадающего подменю в Мегаменю */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
	text-color: red;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 18px !important; }

/* - Оформление блока Логин/Вход */
#sp-header .sp-module {
    position: relative;
	line-height: 25px;
    font-size: 16px;
	color: #fff;
	border: 1px solid #f0f0f0;
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
	background: #f0f0f0;
	border-radius: 5px;
    padding: 5px;
	margin-left: 20px;
}
.sp-profile-wrapper .sp-profile-dropdown {
    width: 150px;
}

/** Уменьшение расстояния между Хедером и Компонентом */
#sp-main-body {
	padding-top: 25px;
}

/** Изменение порядка отображения блоков статьи/блога */
/* Блоки статьи: .article-header = (заголовок); .article-info = информация о статье (автор, категория, дата публикации, просмотры);  .article-intro-image = (картика превью статьи); .article-can-edit = (форматируемые поля); */
/* - Для одной статьи */
.view-article .article-details {
    display: flex;
    flex-direction: column;
}
.view-article .article-header {
    order: -1;
    margin-bottom: 10px;
}
/* Для блога категории */
.article-list .articleBody, .article-list .article-body {
    display: contents;
}
.article-header {
    order: -4;
    margin-bottom: 10px;
}
.article-intro-image {
    order: -3;
    margin-bottom: 10px;
}
.fields-container
 {
    order: -2;
    margin-bottom: 10px;
}
.article-info {
    order: -1;
    margin-bottom: 10px;
}
/* Оформление вывода блока статьи в блоге*/
.article-list .article {
    display: flex;
    flex-direction: column;    
	position: relative;
    margin-bottom: 30px;
    padding: 20px;
	background-color: #f0f0f0;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}
/* - Оформление ссылки "Подробнее" в виде кнопки */
.article-list .article .readmore > a {
    border-color: #fcd403;
    background-color: #fcd403;
    border-radius: 5px;
    padding:5px 10px;
}
.article-list .article .readmore > a:hover {
    border-color: #fcd403;
    background-color: #FEDF42;
}

/* Оформление вывода одиночной статьи */
.article-details {
	background-color: #f0f0f0;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 10px;
}
ul.fields-container {
	list-style-type: none;
	padding-inline-start: 0;
	font-size: 1rem;
}
/* - Отключение вывода блока полей в одиночной статье */
.article-details .fields-container {
    display: none;
}

/** Элементы статьи "com_content" */
/* - Цитаты по селектору тега <blockquote> */
blockquote {
	margin:15px 30px 15px 30px;
	padding-left:15px;
	position:relative;
	font-style:italic; 
	border-left: 3px solid #fcd403
}
/* - Картинки */
/* -- Картинки по селектору тега <figure> */
/*figure
{
  margin:0 0 15px 0
}*/
/* -- Описание элемента картинки по тегу <figcaption> */
figcaption {
	font-family:'Roboto';
	color:#79828B;
	padding:10px 25px 20px 25px;
	line-height:18px;
	vertical-align:top;
	text-align:center
}
/* - Таблицы */
/* -- Описание элемента таблицы по тегу <caption> */
caption {
	font-family:'Roboto';
	color:#79828B;
	padding:10px 25px 20px 25px;
	line-height:18px;
	vertical-align:top;
	text-align:center
}

/** Кнопки */
.btn-custom {
    border-color: #fcd403;
    background-color: #fcd403;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}
.btn-custom:hover {
    border-color: #fcd403;
    background-color: #FEDF42;
}