:root {
  --cassiopeia-color-primary: hsl(220, 67%, 20%);
  --cassiopeia-color-link: hsl(37,100%,51%);
  --link-color: hsl(32,100%,51%);
  --link-color-rgb: 255, 138, 5;
  --cassiopeia-color-hover: hsl(41,100%,51%);
  --body-color: #585858;
}

/* Заголовки */
h1, .h1 {
  font-size: calc(1.35rem + 0.9vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
}

h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

h3, .h3 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}

h4, .h4 {
  font-size: calc(1.25rem + 0.1vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}

h5, .h5 {
  font-size: 1.15rem;
}

h6, .h6 {
  font-size: 1rem;
}

/* Стиль шапки*/
.header {
    background: #ff8a05;
}

/* Стиль footer */
.footer {
    background: #2c2c2c;
}

/* Стиль тэгов */
.tags a.btn {
  font-weight: 300;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 0.775rem;
}

.btn-info {
  color: black;
  background-color: #f1f1f1;
  border-color: #e4e4e4;
}

/* Стиль инфо блока */
.infoinline {
 display:inline-block;
}

.text-muted {
  font-size: .73em;
  margin: 0 0 4px -5px;
}

/* Разрыв между колонками блога в списке категории */
  .blog-items {
    grid-gap: 2em;
  }

/* Ссылки в тексте без подчеркивания */
a:not([class]) {
  text-decoration: none;
}

/* Отмена inline-flex в кнопках */
.btn-group,
.btn-group-vertical {
  display: block;
}

/* Стиль цитаты */
blockquote {
  background: #f4f4f4;
  border-left: 7px solid #ff8a05;
  padding: 15px 5px 1px 15px;
  box-shadow: 3px 3px 4px #ededed;
  font-size: 1.17rem;
}

/* Отступы для текстовых блоков по бокам для мобильной и десктопной версии */
@supports (display: grid) {
	body.wrapper-fluid .site-grid {
		grid-gap: 0 1.1em;
	}
	@media (min-width: 992px) {
		body.wrapper-fluid .site-grid {
			grid-gap: 0 2em;
		}
	}
}

/* Размер шрифта в модулях типа Card */
.card {
  font-size: 1rem;
}

/* Адаптивная пагинация */
.pagination {
    display: flex;
    flex-wrap: wrap;
}

/* Хлебные крошки размер шрифта */
.breadcrumb {
    font-size: 0.75em;
  --breadcrumb-item-padding-x: .15rem;
}

/* Хлебные крошки отступы слева и справа */
.px-3 {
    padding-left: 0.2rem!important;
    padding-right: 0.2rem!important;
}

/* Информация о рекламе */
.ad-info {
  font-size: .85rem;
}