/*Это стили лейблов */

.field__label {
  color: #333; /* Нейтральный цвет для текста */
  font-size: 1.4rem; /* Удобный размер текста */
  font-family: 'Poppins', sans-serif; /* Приятный современный шрифт */
  font-weight: 500; /* Среднее начертание для баланса */
  text-transform: none; /* Отключаем преобразование текста */
  letter-spacing: 0; /* Убираем расстояние между буквами */
  margin-bottom: 0.8rem; /* Пространство под текстом */
  display: block; /* Для упрощённого выравнивания */
  position: relative; /* Для декоративных элементов */
  transition: transform 0.3s ease, color 0.3s ease; /* Анимация при взаимодействии */
}



/* Ховер-эффекты */
.field__label:hover {
  transform: translateY(-2px); /* Лёгкое движение вверх */
}

.field__label:hover::after {
  width: 100%; /* Расширяем подчеркивание на ховере */
}

/* Адаптивность */
@media (max-width: 768px) {
  .field__label {
    font-size: 1.2rem; /* Уменьшаем шрифт на мобильных */
  }
}






/* Общий контейнер для логотипа и текста */
.header {
  display: flex; /* Включаем Flexbox */
  justify-content: space-between; /* Логотип слева, название сайта справа */
  align-items: center; /* Центрируем элементы по вертикали */
  padding: 10px 15px; /* Внутренние отступы */
  background-color: #f8f9fa; /* Светлый фон для шапки */
  border-bottom: 1px solid #ddd; /* Лёгкая граница снизу */
  font-family: 'Poppins', sans-serif; /* Красивый шрифт */
}

/* Логотип */
.logo {
  max-height: 50px; /* Ограничиваем высоту логотипа */
  display: block;
}












.himg #headimg {
  background: #fff;
}

#headimg {
  border-bottom: 4px solid #eee;
}


.fs0 {
  font-size: 1.1rem;
  line-height: 1.8;
}


h1, h2, h3, h4 {
    text-shadow: 1px 1px 1px;
}





h2 {
    color: #237b3e; 
    font-size: 21px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 35px;
}





h3 {
    color: #32CD32; /* Зеленый */
    font-size: 19px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 30px;
}



h4 {
    color: #FF6347; /* Клубничный красный */
    font-size: 17px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;
}



p#site-name a, p#site-name a:hover, h1#site-name a, h1#site-name a:hover {
  font-weight: bold;
  text-decoration: none;
  line-height: normal;
  font-size: 1.9rem;
}


html {
  font-family: gtwalsheim,helvetica,sans-serif;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
}

a:link, h1, h3, .block-title, #name-and-slogan a {
  color: #b82828;
}

.field--type-entity-reference.field__items {
  margin: 0.5em;
  display: flex;
  justify-content: space-around;
}

.fs0 {
  font-size: 16px;
}
body {
  color: #292626;
}

.pure-menu-link {
  text-transform: none;
  font-weight: 500;
  text-align: left;
}

.pure-img {
  max-width: 100%;
  height: auto;
  display: block;

  padding: 5px;
}

ul.tabs {

  font-size: .8em;
}

.site-slogan {
  color: green;
  font-weight: bold;
}


li::marker {
  color: darkred;
  font-size: 1.4rem;
}

.block ul {
  margin: 0 0 0 1.2em;
}

.logoimg {
  float: left;
  padding: 2%;
}

#name-and-slogan {
  padding: 3%;
}




.menu--account li a[href*="/node/add"] {
  background-position: left -626px;
}

.field--name-user-picture img {
  float: none;
  margin: 10px;
}

.highlight {
background-color: #F7E688;
border: 2px solid #A7A077;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
 }
 
 
 .block-icon {
    background: url(https://berrygrowersinsider.com/sites/default/files/favicon.png) no-repeat center center;
    background-size: contain; /* Чтобы изображение поместилось в блоке */
    position: absolute;
    width: 48px; /* Ширина блока */
    height: 48px; /* Высота блока */
    margin: -15px 0 0 -18px; /* Отступы для точного позиционирования элемента */
}



.field--name-field-the-author {
  display: flex;
  align-items: center; /* Выравнивание по вертикали */
  justify-content: flex-start; /* Выравнивание элементов в строке */
}

.field--name-field-the-author .field__label,
.field--name-field-the-author .field__item {
  margin-right: 10px; /* Отступ между элементами */
}

b, strong {
  font-weight: bolder;
  text-shadow: .1px .1px 1px;
}

/* Контейнер для строки с изображением и текстом */
.views-row {
    display: flex;
    align-items: center;  /* Центрируем элементы по вертикали */
}

/* Ячейка с изображением */
.custom-column-style img {
    max-width: 100px; /* Максимальная ширина изображения */
    height: auto; /* Сохраняем пропорции */
    margin-right: 20px; /* Отступ между изображением и текстом */
}

/* Ячейка с текстом */
.text-right {

    display: flex;
    align-items: center;  /* Центрируем текст по вертикали */
    margin-top: 5%;
}

.image-style-for-articles-106-106 {
  max-width: 100%;
  height: auto;
  margin: 10px;
  border: 3px solid #5e0808;
}

.feed-icon {
  margin: 5%;/* отступ от контента */
}


.field__label {
  color: red;
  font-size: 1.2rem;
}




.block.block-layout-builder.block-field-blocknodeq-afield-site-directory {
    background-color: #ffcc00; /* Яркий желтый фон */
    color: #000; /* Черный текст для контраста */
    padding: 10px 15px; /* Внутренние отступы */
    border-radius: 5px; /* Слегка скругленные углы */
    position: absolute; /* Позиционирование */
    right: 92px; /* Расстояние справа */
    z-index: 10; /* Поверх других элементов */
    text-align: center; /* Выравнивание текста */
    font-weight: bold; /* Жирный шрифт */
    text-transform: uppercase; /* Прописные буквы */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень для акцента */
}



.pure-img {

  border: 3px solid #5e0808;
  margin: 1%;
}



/* Работаем с блоком ссылок для постинга в соцсети */
.block.block-layout-builder.block-extra-field-blocknodeq-asharing-buttons {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: center; /* Центрирует элементы внутри блока */
    gap: 10px; /* Расстояние между элементами */
}

@media (max-width: 768px) {
    .block.block-layout-builder.block-extra-field-blocknodeq-asharing-buttons {
        flex-direction: column; /* Располагает элементы вертикально */
        align-items: center; /* Выравнивает элементы по центру */
    }
}

@media (max-width: 480px) {
    .block.block-layout-builder.block-extra-field-blocknodeq-asharing-buttons {
        padding: 10px; /* Увеличивает внутренние отступы для удобства */
    }

    .block.block-layout-builder.block-extra-field-blocknodeq-asharing-buttons a {
        font-size: 14px; /* Уменьшает размер шрифта для небольших экранов */
    }
}


/* описание короткого поле дескр */
.block.block-layout-builder.block-field-blocknodearticlefield-block-description {
  letter-spacing: normal;
  word-wrap: break-word;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  text-align: justify;
  font-family: Georgia;
  font-style: italic;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px;
}


/* advanced_title_block*/
.advanced-page-title::before {
  margin-left: 1px;
  margin-right: 1px;
}


.advanced-page-title {
  margin-left: 1px;
  margin-right: 1px;
  border-radius: 13px;
}

#main h1.title {
  font-size: 2.5rem;
  padding: 10%;
  color: #fbfbfb;
}

.text-white {
  font-size: 1.4rem;
  padding: 5%;
  color: #fbfbfb;
  font-weight: bold;
}


.field--type-entity-reference.field__items {
  margin: 0.5em;
  display: block;
  justify-content: space-around;
}





.pi .field--label-hidden.is-term {
  background: none;
  padding: 10px 15px; /* Внутренние отступы */
}

.username {
margin-left: 7%;
font-size: 1.4rem;
line-height: 1.2;
font-weight: 700;
}

.pure-table-striped tr:nth-child(2n-1) td {
  background-color: #fff;
}

.primary-nav__menu-link--level-1 {
  margin: 2px;
}

.pure-menu-item {
  font-size: 14px;
}

.block ul {
  margin: 0 0 0 .2em;
}

.teaserimage  {
    margin: 15px;
    float: left;
}


/* Базовые стили для меню */
#block-zeropoint-mainnavigation {
    display: flex;
    justify-content: center; /* Центрируем меню по горизонтали */
    align-items: center; /* Выравниваем по вертикали (если нужно) */
}

#block-zeropoint-mainnavigation ul {
    display: flex;
    flex-wrap: wrap; /* Разрешаем перенос элементов */
    justify-content: center; /* Центрируем пункты меню */
    list-style: none;
    margin: 0;
    padding: 0;
}



/* Только в статьях или в зоне, где ты хочешь красивый список */
.article-content ol {
  counter-reset: list-counter;
  list-style: none;
  padding-left: 0;
}

.article-content ol li {
  counter-increment: list-counter;
  position: relative;
  padding-left: 3.2em;
  margin-bottom: 1em;
}

.article-content ol li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2em;
  height: 2.2em;
  background: #e60000;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2.2em;
  text-align: center;
  border-radius: 50%;
  font-family: sans-serif;
}

.himg #headimg {
  background-image: url('https://klubnika24.ru/sites/default/files/background4.jpg');
  background-size: cover;       /* Растягивает изображение на всю область */
  background-position: center; /* Центрирует картинку */
  background-repeat: no-repeat; /* Отключает повторение */

}


.pi .menu--account li a {

  color: white;
  font-size: 110%;
}

.site-slogan {
  font-style: normal;
  font-weight: bold;
  color: white;
}

p#site-name a, p#site-name a:hover, h1#site-name a, h1#site-name a:hover {

  color: white;
}

.field-item .pure-img, .colorbox .pure-img {
  float: none;
  margin: 0 1em 1em 0;
}