body {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #222;
font-weight: 400;
font-size: 18px;
line-height: 100%;
}

header {
  background: #f0f0f0;
  background-image: url('../assets/Under_picture-top-768-1200.jpg');
  background-repeat: no-repeat;
  padding: 16px 16px 18px 16px;
}

main {
  padding: 20px 16px;
}

#block-ipkipp-theme-content {
  font-weight: 400;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 130%;
  text-indent: 18px;
}

#block-ipkipp-theme-page-title {
  background-color: rgba(242, 242, 242, 0.8);
  padding: 10px 16px;
  margin-bottom: 20px;
}

#block-ipkipp-theme-page-title h1 {
  font-family: 'Montserrat', Arial, sans-serif;
  max-width: 718px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  font-variant: small-caps;  
}


.fa-brands {
    color: #808080; /* серый */
    font-size: 24px;
}

#block-ipkip-social svg {
  width: 36px;
  color: rgba(51,51,51,1);
  margin: 0 20px;
}

footer {
  padding: 0;
}




#block-ipkip-social {
  background-color: rgba(226, 140, 38, 0.8);
  padding: 11px 16px 26px 16px;
  text-align: center;
  color: rgba(51, 51, 51, 0.8);
}

#block-ipkip-social h2 {
  margin: 0 0 16px 0;
  padding: 0;
  font-weight: 900;
  font-size: 20px;
}

.bottom-footer {
  background-color: rgba(189, 49, 6, 0.8);
  color: rgba(51, 51, 51, 1);
  padding: 16px;
  display: block;
  font-weight: 600;
}

.bottom-footer p {
  margin-bottom: 20px;
}

#block-footer-contacts {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.copyright {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.copyright span {
  display: block;
}

.contact-item {
  display: block;
}

.contact-item span {
  display: block;
}

.branding {
  display: flex;
  gap: 16px;
}

.site-name-wrap {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 128%;
  display: block;
  max-width: 200px;
  text-transform: uppercase;
  color: rgba(51, 51, 51, 1);
}

.messages-wrap { margin:20px; }

/* Контейнер вкладок */
#block-ipkipp-theme-primary-local-tasks ul {
  display: flex;              /* горизонтальный ряд */
  gap: 10px;                  /* расстояние между кнопками */
  list-style: none;           /* убрать маркеры списка */
  padding: 0;
  margin: 0;
}

/* Ссылки как кнопки */
#block-ipkipp-theme-primary-local-tasks ul li a {
  display: inline-block;
  padding: 6px 14px;
  background-color: #f0f0f0;  /* светлый фон */
  color: #333;                 /* текст */
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

/* Hover */
#block-ipkipp-theme-primary-local-tasks ul li a:hover {
  background-color: #e0e0e0;
  border-color: #999;
}

/* Активная вкладка */
#block-ipkipp-theme-primary-local-tasks ul li a.is-active {
  background-color: #007acc;  /* синий фон */
  color: #fff;
  border-color: #007acc;
}

/* Optional: focus для клавиатуры */
#block-ipkipp-theme-primary-local-tasks ul li a:focus {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}


#block-ipkipp-theme-content .field-view.body {
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 50px;
}








/* Контейнер меню */
#block-ipkipp-theme-main-menu ul:not(.contextual-links) {
  display: flex;                /* горизонтальный ряд */
  flex-wrap: wrap;              /* перенос строк при необходимости */
  justify-content: flex-start;  /* выравнивание слева */
  max-width: 1200px;            /* ограничение ширины */
  margin: 0 auto;               /* центрирование контейнера */
  padding: 0;
  list-style: none;             /* убрать маркеры списка */
  gap: 76px;                    /* расстояние между пунктами */
}

/* Ссылки меню */
#block-ipkipp-theme-main-menu ul:not(.contextual-links) li a {
  text-decoration: none;        /* убрать подчеркивание */
  color: #333333;               /* цвет текста */
  font-weight: 500;
  padding: 8px 12px;
  transition: color 0.2s, background-color 0.2s;
  border-radius: 4px;
  display: inline-block;
}

/* Hover состояние */
#block-ipkipp-theme-main-menu ul:not(.contextual-links) li a:hover {
  color: #007acc;               /* можно выбрать цвет при наведении */
  background-color: rgba(0, 122, 204, 0.1);
}

/* Активный пункт */
#block-ipkipp-theme-main-menu ul:not(.contextual-links) li a.is-active,
#block-ipkipp-theme-main-menu ul:not(.contextual-links) li a[aria-current="page"] {
  color: #fff;
  background-color: rgba(189, 49, 6, 1);
}