/* ----- Сайт ННЦМБ ДВО РАН, настройки для стиля cassiopeia - тип контейнера "резиновый" ----- */
/* ----- настройки навигационной панели разбиения на страницы ----- */

@media (width <= 1600px) {
  .pagination {
  --pagination-padding-x: 3px;
  --pagination-padding-y: 3px;
  --pagination-font-size: 11px;
}
  .page-link {
  max-width: 55px;
}
}

/* ----- настройки кнопки "наверх" ----- */
.back-to-top-link {
  inset-inline-end: 50%;
}

/* ----- Параметры grid ----- */
body.wrapper-fluid .site-grid {
   grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,21%) minmax(0,33%) minmax(0,33%) minmax(0,13%) [main-end] 50px [full-end];
}
.container-component {
  grid-area: comp;
  margin-left: 40px;
}
.container-sidebar-left {
  grid-area: side-l;
  min-width: 250px;
}
.container-bottom-b {
  grid-area: bot-b;
  margin-left: 20px;
  margin-right: -40px;
}

/* ----- Параметры текста и заголовков h1,h2,h3 ----- */
@media (width <= 1600px) {
  body {
  font-size: 11px;
}
  h1, .h1 {
  font-size: 1.5rem;
}
  h2, .h2 {
    font-size: 1.3rem;
}
  h3, .h3 {
  font-size: 1.1rem;
}
}

/* ----- Параметры header ----- */
.container-header {
	background-image: url("../images/nscmb-bg-header.gif");
} 

/* ----- Параметры footer ----- */
.footer {
	background-image: url("../images/nscmb-bg-header.gif");
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: #99ccff;
}

/* ----- Горизонтальное меню в позиции main... ----- */
.menu-divmenu {
  flex-direction: row;
  justify-content: center;
}
ul.menu-divmenu li {
	margin: 0;
	padding: 0 1em;
	float: left;
	display: inline;
	border-right: 1px solid #ced4da;
}
ul.menu-divmenu li:last-child {
	border-right-width: 0;
}

/* ----- Параметры гиперссылок ----- */
a {
  color: #3567cc;
  text-decoration: none;
}
a:link {
  color: #3567cc;
  text-decoration: none;
}
a:hover {
  color: #336699;
  text-decoration: underline;
}
a:focus {
  color:#3567cc;
  text-decoration: none;
}

/* ----- Стили для гиперссылок с иконками ----- */
.jsn-icon-ext-pdf {display: inline-block;
	padding-right: 22px;
	background: url("../images/icon-pdf.png") no-repeat right
}
.jsn-icon-ext-mail {display: inline-block;
	padding-right: 22px;
	background: url("../images/icon-mail.png") no-repeat right
}
.jsn-icon-ext-doc {display: inline-block;
	padding-right: 22px;
	background: url("../images/icon-word.png") no-repeat right
}
.jsn-icon-ext-xls {display: inline-block;
	padding-right: 22px;
	background: url("../images/icon-excel.png") no-repeat right
}
.jsn-icon-ext-movie {display: inline-block;
	padding-right: 22px;
	background: url("../images/icon-video.png") no-repeat right
} 
.jsn-icon-image {display: inline-block;
	padding-left: 22px;
	background: url("../images/icon-picture.png") no-repeat left
}

/* ----- Стили выделеного текста ----- */
.text-alert {
	border-top: 2px solid #feabab;
	border-bottom: 2px solid #feabab;
	background: #ffdfdf url("../images/icon-text-alert.png") no-repeat;
}
.text-info {
	border-top: 2px solid #b7d2f2;
	border-bottom: 2px solid  #b7d2f2;
	background: #dbe7f8 url("../images/icon-text-info.png") no-repeat;
}
.text-download {
	border-top: 2px solid #ddedbc;
	border-bottom: 2px solid #ddedbc;
	background: #f2f9e5 url("../images/icon-text-download.png") no-repeat;
}
.text-comment {
	border-top: 2px solid #feebab;
	border-bottom: 2px solid #feebab;
	background: #fef8e1 url("../images/icon-text-comment.png") no-repeat;
}
.text-tip {
	border-top: 2px solid #feebab;
	border-bottom: 2px solid #feebab;
	background: #ffffd5 url("../images/icon-text-tip.png") no-repeat;
}
.text-attachment {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url("../images/icon-text-attachment.png") no-repeat;
}
.text-tip, .text-info, .text-alert, .text-comment, .text-download, .text-attachment {
    background-position: left center;
	padding: 0.8em 0.8em 0.8em 5em;
	min-height: 20px;
}