/*>>> XZ */
/*<<< */


body {
 /*  font-size: 1.2rem;
  line-height: 18px;
 */
  
 background-image: url('modrs_bg_map.jpg')!Important;
 background-size: cover; 
 background-repeat: repeat; /* */
 
 background-color: aqua;
}



/*>>> mrs_header */


/***  ***/

.mrs_header p {
 font-size: 1em;
}

.container-header {
 background-color: rgba(30, 26, 25, 0.3); /* Например, #2F9C95 или darkgreen */
 background-image: none; /* Убрать фоновое изображение, если оно есть */
}

h1, h2, h3
 {color :steelblue; }

/*<<< */
 

/*>>> menu*/

#mod-menu1 .nav-item  {
  margin: 10px 10px 5px 0;
}

#mod-menu1 .nav-item  a{
  padding: 10px 20px;

  display: block;
  
  border-radius: 20px;
/*  background-color: beige; */
  border-color: lightcyan;
  border-style: solid;
  border-width: 1px;
}  

#mod-menu1 .nav-item {
 margin-left: 0px;
}

#mod-menu1-submenu0 {
 background-color: rgba(30, 26, 25, 0.3);
 padding-left: 0.7em;
}

#mod-menu1-submenu0 .nav-item {
  padding: 10px;
  margin: 10px 10px 5px 0;
  border-radius: 20px;
  border-color: steelblue;
  border-style: solid;
  border-width: 2px;
  background-color: aliceblue;
}  


.container-header .mod-menu > li > a:hover {
 background: linear-gradient(135deg, #005274 0%, #3bb1dc 90%);
 color: yellow;
}
/* .container-header .mod-menu > li.nav-item :hover {background-color: lightslategray;}*/
.container-header .mod-menu > li.active a {
 background-color: slategray;
}

/* до 640px строим меню кирпичиками  */  
  
@media (width >= 640px) {
  .container-header .mod-menu {
    flex-direction: row;
    flex: 1;
    display: flex;
  }
}  
 




/*<<< */


/*>>> XZ */

.mod-breadcrumbs__wrapper {
 background-color: rgba(30, 26, 25, 0.3)!Important; 
 font-size: 1.2em;
}


.pathway, .icon-location, .breadcrumb-item + .breadcrumb-item::before {
 color: #eee;
}
.breadcrumb-item.active {
 color: lightsteelblue; 
}

.breadcrumbs__divider, .mod-breadcrumbs__divider {
 margin-right: 1em;
}

/*<<< breadcrumb*/


/*>>> статья/блог/статья блога/карточка блога */


.com-content-article, .com-content-category-blog, .com-content-category-blog__item {

 background: azure!Important;
 margin-top: 1em;
 
 border-style: double;
 /* border-color: gray;*/
 border-color: lightsteelblue;
 
 padding: 5em 3em!Important;
}

/* @media (width < 640px) { 
 .com-content-category-blog {
  background-color: azure!Important;
 }
*/

.com-content-category-blog__item  {
 background: white!Important;
 padding: 2em 1em 1em!important;
 } 

@media (max-width: 800px) {
  .com-content-article, .com-content-category-blog__item, .com-content-category-blog, .main-top.card {
 padding: 2em 1em!Important; 
  }
}

ul.fields-container { /* отключаем вывод полей категории*/
 display: none;
}

dd.create { /* не выводим дату создания новостию PDS: разобраться почему не выкл. штатными средствами */
 display: none;
}

/* карточка блога */

 figure.left {
    display: flex;
    justify-content: center;
}


/*<<< */


/*>>> Кнопка ПОДРОБНЕЕ */

.readmore a {
  display: inline-block;
  padding: 10px 20px;
  /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
  background: linear-gradient(135deg, #3bb1dc 0%, #005274 100%);
  color: white;
  text-decoration: none;
  border-radius: 20px;
  transition: background 0.3s;
  
  border-style: double;
  border-width: 3px;
}

.readmore a:hover {
  /*background: linear-gradient(135deg, #764ba2 0%, #503cba 100%);*/
  background: linear-gradient(135deg, #005274 0%, #3bb1dc 50%);
  color: yellow;
}

.readmore a:active {
  transform: scale(0.95);
}

/*
.com-content-category-blog__item .item-content .page-header h2 {
 font-size: 1.2em;
}
*/

/*<<< */


/* таблица (список организаций) - МОЖЕТ НЕ НАДО ЕЁ? **

.mrsTableClass {
 width: 100%;
 background-color: bisque;
 
 border-color: red;
 border-width: 2px;
 border-style: dotted;
}

.mrsTableClass td:nth-child(1){
 width: 60px; 
 text-align: center; 
 }
*/


/*>>> блог и новости на главной */

 /* блог на главной */ 
 .blog-item, .main-top.card  {
  background-color: azure;
  padding: 4em 3em;
 }
  
 /* новости на главной */ 
.main-top.card.mrs-news-mainpage-caption {
 margin-top: 2em;
 background: none!Important;
 padding: 1em 1em!Important;
 border: none;
 background-color: rgba(30, 26, 25, 0.3)!Important;
}

.mainpage-news .card-body .mod-list li {
  padding: .25em 0;
  border-bottom: lightblue 2px solid;
  margin-bottom: 3em;
}


/*<<< */
 
/* иконостас на главной (Лицензии/Достижения/Новости) */ 

.container {
  display: flex;
  flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку, если не влезают */
  text-align: center; /* justify-content: center;*/
}

.container div {
 /* flex: 1;   Распределяет доступное пространство */
 /* max-width: 33.33%;   Не даёт элементу стать шире трети контейнера */
  flex: 1 0 33.333%; /* занимает ~1/3 ширины, может сжиматься */
  min-width: 0;      /* важно при наличии вложенных overflow элементов */ 
} 

@media (max-width: 800px) {
  .container div {
    /* flex: none;  Блоки перестают быть гибкими, становятся блочными */
    /* width: 100%; Занимает всю ширину экрана */
	flex: 1 0 100%; /* каждый блок на всю ширину */
	
    margin-bottom: 2em;
    border-bottom: darkcyan 1px solid;
    padding-bottom: 1em;
  }
}
 
 
/*>>> список и карта организаций  */

 
 /* список организаций */
 
 .mrsBulletImg {
 float: left;
 margin-right: 1em;
}

.mrsBulletDiv  {
 padding: 2em 1em 0 1em;
 /*border-style: solid;*/
 border-bottom-style: solid;
 border-width: 1px; 
}

.mrsBulletDiv a {
 font-weight: bold;
}

.mrs-icon {
 float: right;
 margin: 0 0 0 2em;
 width: 128px;
}

 /* карта организаций */

#mod_wtyandexmapitems110 { 
 border-style: double;
 border-color: lightsteelblue;
}

.mrs-inline-icon {
 vertical-align: middle;
 display: inline;
}

button.ymaps3--default-marker__popup__close {
 padding: 0px;
}

/*<<< */

/*>>> FOOTER */

 
/* ================= FOOTER: https://skillbox.ru/media/code/teg-footer-v-html-kak-sdelat-podval-stranicy =====================*/


.footer {
 margin-top: 5rem;
  
 background-color: rgba(30, 26, 25, 0.3); /* Например, #2F9C95 или darkgreen */
 background-image: none; /* Убрать фоновое изображение, если оно есть */  
}

.site-footer {
  background-color: #f0f0f000; 
  padding: 20px 0;          /* */
  margin-right: 3em;
  
}

.footer-container {
  display: flex;                  /* Flex-контейнер для горизонтального расположения */

  align-items: center;            /* Выравниваем блоки по вертикали */
  flex-wrap: wrap;                /* Позволяем блокам переноситься при нехватке места */
  /* gap: 20px;                       Промежуток между блоками */
  column-gap: 20px;
  max-width: 1200px;              /* Ограничиваем максимальную ширину контейнера */
  margin: 0 auto;                 /* Центрируем контейнер в пределах подвала */
/*  padding: 0 20px;                 Горизонтальные отступы на десктопе */
}

.footer-nav,
.footer-contacts {
  margin: 0; /* Убираем лишние вертикальные отступы */
}

.footer-nav li,
.footer-contacts li {
  list-style: none;    /* Убираем маркеры списка */
  margin-bottom: 5px;  /* Отступ между пунктами списка */
}

.footer-nav a,
.footer-contacts a {
  text-decoration: none; /* Убираем подчёркивание у ссылок */
  color: #333;           /* Цвет текста ссылок */
}

@media (max-width: 600px) {
  .footer-container {
    flex-direction: column; /* На мобильных блоки идут вертикально */
    align-items: flex-start;/* Выравниваем по левому краю */
    text-align: left;       /* Выравниваем текст по левому краю */
    gap: 10px;              /* Меньший промежуток между блоками */
    padding: 0 0px;        /* Меньше горизонтальные отступы слева и справа */
  }

  .footer-nav,
  .footer-contacts {
    margin: 10px 0; /* Вертикальные отступы между блоками на мобильных */
  }
}

.footer-item {
  color: aliceblue;
  margin: 0;
/*  background-color: aqua; */
} 

/* PDS доделать! */
.back-to-top-link {
 border-radius: 1rem;
/* background-color: rgba(30, 26, 25, 0.3); */
} 
/*
._back-to-top-link:hover {
 background-color: rgba(30, 26, 25, 0);
} 
*/
/*display: none;*/
.icon-chevron-right::before {
content: "\f061";

}

/* лента фото внизу */
.bottom-b.card { 
 background: none;
 border: none;
}

/*<<< */


/* ================================================================================================= 
                                        сторонние компоненты
   ================================================================================================= */
   
/*>>> сторонние компоненты */
  

/*** JShortcodes ***/   
 
.cbp-caption-activeWrap {
  background-color: #005d80;
}
   
   
 /*** Truly Responsive Slides ***/     
   
.card-body {
 padding: 0;
}
   
.flexslider {
 margin: -1px!Important;
}

.caption_content{
 font-size: 1.8em;
 font-weight: bold;
 color: floralwhite; 
 text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
 line-height: 1.2;
}   

@media (max-width: 800px) {
 .caption_content{
   font-size: 1.0em;
 }
}
   
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz */





/*<<< */