/* Базові стилі для десктопа */
.hs-line-11 {
  font-size: 32px;
  letter-spacing: 0.2em;
}
h2 {
    font-size: 28px;
}
h3 {
  font-size: 24px;

}
h4 {
  font-size: 20px;

}
h5 {
  font-size: 18px;

}

body {
    font-weight: 400;
    line-height: 1.5;
}

:root {
    --font-size: 18px;
}

h1, h2, h3, h4, h5, h6,
p, a, li, span, strong,
.block, .node, .card, .menu, .view-content {
 font-family: 'XM', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 32px;
    padding: 0;
    font-weight: 400;
}

span {
  line-height: 1.5;
}

/* Мобільна адаптація */
@media (max-width: 768px) {
  h1 { font-size: 24px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }

  p, a, li, span, strong,
  .block, .node, .card, .menu, .view-content {
    font-size: 14px !important; /* мінімум для телефону */
    line-height: 1.5;
  }
}






.home-title-background h1{
border-left:5px solid #ffffff;
color:white;
display:inline-block;
font-size:90px;
line-height:75px;
padding-left:30px;
text-align:left;
text-transform:uppercase;
font-weight: 600;
}

#main-khm-fw .icon-container {
  text-transform: none !important;
  height: 6em !important;
}

.tbm-link.level-1 {
  font-size: 14px;
}

.home-h1-title h1 {
    font-weight: 600;
}

.home-title-block {
  display: ruby-text;
  margin-top: 510px;
  vertical-align: bottom;
}

.fa-external-link:before {
    font: normal normal normal 14px / 1 FontAwesome;
}

.background-home-events-nav-list-title {
    padding: 32px 20px 32px 0px;
    margin: 0 8px;
}







/* Контейнер hero */
#hero {
  z-index: 1;
  overflow: hidden;
  min-height: 70vh; /* висота секції */
}

/* Відео як фон */
#hero .hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none; /* відео не перекриває кліки */
}

/* Контент поверх відео */
#hero .hero__content {
  position: relative;
  z-index: 2;
  min-height: 70vh;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  gap: 12px;
  text-align: center;
  color: #fff;
  padding: 3rem 1rem;
}

/* Напівпрозорий шар (можна прибрати, якщо не треба затемнення) */
#hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25); /* 25% затемнення */
  z-index: 1;
  pointer-events: none; /* не блокує кліки */
}

/* Стиль заголовку */
#hero h1 {
  margin: 0;
  line-height: 1.1;
  font-size: clamp(28px, 5vw, 85px);
  text-shadow: 0 4px 24px rgba(0,0,0,0.35);
}









/* Лише для цього ряду */
.rowcolumns{
 /* display:flex !important;
  align-items:center !important;
  justify-content:space-between;
  flex-wrap:nowrap;*/
}

/* Зняти float, щоб колонки стали нормальними flex-айтемами */
.rowcolumns > [class*="col-"]{
  float:none !important;
  display:flex;
  align-items:center;
}

/* Лівий блок тягнеться, правий — за контентом */
.rowcolumns .col-xs-7,
.rowcolumns .col-sm-8,
.rowcolumns .col-md-9,
.rowcolumns .col-lg-10{ flex:1 1 auto; }
.rowcolumns .col-xs-5,
.rowcolumns .col-sm-4,
.rowcolumns .col-md-3,
.rowcolumns .col-lg-2{ flex:0 0 auto; }

/* Прибрати відступи, що ламають вирівнювання */
.rowcolumns h2{ margin:0; line-height:1; }
.rowcolumns .mb-10{ margin:0 !important; }

/* Кнопка рівно по центру вертикалі */
.rowcolumns .home-upcoming-events-nav-buttons{
  display:inline-flex;
  align-items:center;
  line-height:1;
  padding:6px 20px; /* як тобі треба */
}

/* WOW/animate може зсувати елемент вниз — вимкнемо */
.rowcolumns .wow{ animation:none !important; transform:none !important; }

.toolbar-oriented .toolbar-tray-vertical {
    width: 22rem;
}

iframe {
    border: none;
    width: 95% !important;
    text-align: center;
    height: 315px;
}

.home-events-nav-list-title{
 font-weight: 400;
}

.home-upcoming-events-nav-buttons{
  position: relative;
  /*display: inline-block;*/
  /*padding: 10px 48px 10px 30px !important;*/
  padding: 10px 30px 10px 20px !important;
}


.home-upcoming-events-nav-buttons.video-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h10M16 8l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}








/* Початково: синя стрілка вправо */
.home-upcoming-events-nav-buttons::before{
  content:"";
  position:absolute;
  right:7px; top:50%;
  width:22px; height:22px;
  transform:translateY(-50%) rotate(0deg);
  transition:transform .25s ease, background-image .25s ease;
  pointer-events:none;
  will-change: transform, background-image;

  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  /* синя версія (замінюй колір у stroke='%23XXXXXX') */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h10M16 8l4 4-4 4' fill='none' stroke='%23004983' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* При наведенні: піднімається і стає білою */
.home-upcoming-events-nav-buttons:hover::before{
  transform: translateY(-50%) rotate(-45deg) translate(-3px,-3px);

  /* біла версія */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h10M16 8l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}









@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .inner-nav ul li a {
    letter-spacing: 0px !important;
  }
.tbm-link.level-1 {
    font-size: 14px !important;
}

p, a, li, strong, input, textarea, select, .block, .node, .card, .menu, .view-content {
    font-size: 14px !important;
    line-height: 1.5;
}

p, a, li, strong, input, textarea, select, .block, .node, .card, .menu, .view-content {
    font-size: 14px !important;
    line-height: 1.5;
}
}

@media only screen and (max-width: 480px) {

  .border-line-home{
      padding-bottom: 0px !important;
  }

    /* Початково: синя стрілка вправо */
  .home-upcoming-events-nav-buttons::before{
    right:3px; 
  }

  .home-news-views-field{
      margin-top: 20px;
  }

  .mobile_icon_container{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* тонка напівпрозора лінія */
  }

  .home-title-block {
      display: table-cell !important;
      vertical-align: middle !important;
  }

  #hero .hero__content{
        min-height: 50vh !important;
  }

  .home-video-background iframe {
      margin-left: auto !important;
      height: 100% !important;
  }
  .home-title-background h1 {
      border-left: 1px solid #ffffff;
      color: white;
      font-size: 24px;
      line-height: 30px;
      padding-left: 15px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 15px !important;
  }
}

  /*.home-upcoming-events-nav-buttons{
    padding: 5px 22px 5px 10px !important;
  }*/

   .home-title-h1{
	font-size: 2.6rem !important;
   }
   .home-tab-title-events-nav .nav-tabs li a {
        font-size: 3rem !important; 
   margin-bottom: 10px;
   }
}

@media only screen and (max-width: 1024px) {
    #sticky-wrapper .inner-nav > ul > li:nth-last-child(-n + 2), #block-rhythm-sub-headermaindemo .inner-nav > ul > li:nth-last-child(-n + 2) {
        background: #00284D;
    }
}

@media only screen and (max-width: 1024px) {
    #sticky-wrapper .mobile-on li, #block-rhythm-sub-headermaindemo .mobile-on li {
        border-bottom: 1px solid #00284D;
    }
}

.tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover {
    border: 1px solid #003e78 !important;
}

.home-upcoming-events-nav-buttons:hover{
background: rgb(0, 62, 120) !important;
    color: rgb(255 255 255) !important;
}
.mobile-on .mn-has-sub > .fa {
    border: 1px solid rgb(255 255 255 / 0%);
    right: 25px;
}

.fa.fa-search,
.fa.fa-eye {
  color: #ffffff !important;
   font-size: 0.9em !important;/* або 14px */
}

.inner-nav.desktop-nav .tbm-link.level-1 .toggle-menu-icon {
  color: #ffffff !important; /* Заміни на потрібний колір */
}

.mobile-nav .fa {
  color: white !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #00529e !important;
    font-weight: 400;
}

.views-field-title a {
    font-size: 16px;
    line-height: 120%;
}

.home-tab-title-events-nav{
    background: white;
    padding: 32px 10px 32px 10px;
    border-radius: 15px 15px 15px 15px;
}


.home-tab-title-events-nav .nav-tabs li a {
    font-size: 4rem;
    color: #003e78 !important;
    padding-right: 20px;
    padding-left: 20px;
}



.tpl-minimal-tabs a{
color: #003e78 !important; 
    /* font-size: 4rem; */
}




.footer-social-links a:hover:before {
    color: #fff !important;
    transform: scale(1.2) !important;
    background: #ffffff !important;
}





.nav-tabs .active a {
    font-weight: 500;
    color: #00529e !important;
}

/* відступ до загальної сторінки */
#block-rhythm-sub-breadcrumbs{
   margin-bottom: 40px;
   color: #777; /* або будь-який інший сірий відтінок */
}

#block-rhythm-sub-breadcrumbs a {
    color: #777; /* колір для посилань */
}

#block-rhythm-sub-breadcrumbs i {
    font-size: 12px;
    color: #777;
}

#block-rhythm-sub-breadcrumbs a:hover {
    color: #555; /* темніший сірий при наведенні */
}

#block-rhythm-sub-headermaindemo{margin-bottom: 0px !important;}

#block-rhythm-sub-headerdarkmain{margin-bottom: 40px;}

legend {
    font-weight: 600;
}

.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {
    background: #003e78;
}

#po-contact-social .btn-mod.btn-medium {
  font-size: 14px;
}

.btn-mod.btn-border {
    color: #003e78;
    border: 2px solid #003e78;
}


.col-md-9 {
     padding-left: 0px;
     padding-right: 10px; 
}


.nav-logo-wrap {
    margin-left: 20px;
}



/* меню */
.mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active {
    background: none;
    color: #f5f5f5 !important;
    text-decoration: underline;
}



.icon-container[data-url="/video-broadcasts"] img {
  animation: soft-blink 1.6s ease-in-out infinite;
  transform-origin: center;
}

@keyframes soft-blink {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.2);
  }
}




.home-news-row{
    display: inline-flex;
}


.home-news-views-field{
padding: 0;
}

.home-news-column {
    border: 1px solid #151515;
    padding: 0;
    margin: 0 0px;
    border-radius: 15px;
}


.tab-news-name {
    font-size: 40px;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}


.row-home-news{
    margin-bottom: 100px !important;
}


.content-heroes {
    margin-top: -60px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    position: relative; /* Встановлюємо для коректного позиціонування псевдоелемента */
}


.col-xs-12.col-sm-12.col-md-6.col-lg-6.newsclass.views-col.col-1 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.form-group.js-form-item.form-item.js-form-type-select.form-item-type.js-form-item-type {
  width: 100%;
}

.form-group.js-form-item.form-item.js-form-type-textfield.form-item-search-api-fulltext.js-form-item-search-api-fulltext.form-no-label {
  width: 100%;
}

#edit-type--2 {
  width: 100% !important;
}

.main_page_tab_buttons {
  float: none;
}

.row-for-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Відстань між стовпчиками */
}

.column {
  flex: 1; /* Динамічна ширина */
  min-width: 45%; /* Мінімальна ширина */
}

main-page-column-left {
  background-color: #f9f9f9; /* Для перевірки */
}

main-page-column-right {
  background-color: #e9e9e9; /* Для перевірки */
}


/* Лише для мобільних пристроїв */
@media (max-width: 768px) {

  .block-box-border-radius a {
    font-size: 22px !important;
}
.icon-container{
      backdrop-filter: blur(0px);
}

  .col-md-9 {
     padding-right: 6px !important; 
  }

  .home-title-h1{
    font-size: 2.6rem !important;
  }
  .button-home{
  margin-bottom: 10px;
  }
  
  .home-upcoming-events-nav {
    display: flex;
    flex-direction: column; /* для мобільного */
    align-items: center;
  }

  .home-upcoming-events-nav .btn-custom {
    width: 80%;
    font-size: 1.4rem;
    padding: 12px 24px;
  }


  .home-news-column {
      margin-bottom: 32px;
  }

  .rowcolumns{
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
  .home-news-row {
      display: block;
  }

/* герої війни */
.geroi-viyni-row {
    display: flex;
    flex-wrap: wrap;
  }

  .geroi-viyni-row .views-col {
    width: 100% !important;
  }

  .views-view-grid .views-row {
      width: auto !important;
  }
  /* герої війни */

    .hs-line-11 {
    font-size: 18px !important;
  }

  .mb-60 {
      margin-bottom: 30px !important;
  }


  .-sub {
    display: none;
  }

  .main_page_backgraund {
  background-image: none !important;  /* Приховує блок */
    /* background-repeat: no-repeat !important;*/
    /* background-size: 140% !important;*/
    /* background-position: center top !important;*/
  }

  .main_page_secondary_menu_mobile {
    display: block !important;
        margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 15px 15px 15px 15px;
  }

  .main-page-slider-icons {
    display: none !important;
  }

  .js-height-full {
    height: 360px !important;
  }

  .scroll-down {
    bottom: 35px !important;
  }

  .icon-container {
    height: 3em !important;
  }

  .btn-mod.btn-medium {
    font-size: 12px;
    text-align: center;
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    padding-bottom: 4px;
  }
  .main_page_all_services_text span {
    font-size: 22px !important;
  }

  #block-rhythm-sub-bokovemenyupromisto {
    display: none !important; /* Приховує блок */
  }

  .footer_padding_left_20 {
    padding-left: 20px;
  }

  .footer_hotline {
    margin-top: 40px;
    margin-left: 5px;
  }
}

/* Показати на великих екранах (за замовчуванням) */
.main-page-slider-icons {
  display: block;
}

/* Приховати на великих екранах */
.main_page_secondary_menu_mobile {
  display: none;
}

.main_page_backgraund {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
}



/*
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 5px;
}*/


/* Для самої кнопки, щоб вона теж займала всю ширину */
#edit-submit-search-2--2 {
  width: 100%;
  margin-bottom: 20px;
}

.form-actions .btn + .btn {
  margin-left: 0px;
}

input[name="search_api_fulltext"].form-text {
  border-radius: 12px !important;
}

select[name="field_news_category"] {
  border-radius: 12px !important;
}

#edit-submit-search-2--2 {
  width: 100%;
}

[data-drupal-selector="edit-submit-search-2-2"] {
  width: 100%;
}

.views-exposed-form .form-group {
  margin-left: 0px !important;
}

#map-menu-footer {
  flex: 1 !important; /* Рівномірно розподіляє ширину між блоками */
  padding: 10px;
}


.block-tab-radius {
  border: 1px solid #dbdbdb;
  margin-top: 20px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.box-border-accordion-radius > a {
  border-radius: 10px 10px 10px 10px;
  color: #003e78;
}

.block-tab-radius summary {
  color: #00529e !important;
}

.block-tab-radius summary[aria-expanded="true"]::after {
  content: "\f0d8";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
  display: block;
  text-align: right;
  float: right;
}
.block-tab-radius summary[aria-expanded="false"]::after {
  content: "\f0dd";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
  display: block;
  text-align: right;
  float: right;
}

/*------------------------------*/

.block-box-border {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
}

/*------------------------------*/
.block-box-border-radius{
 border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-radius:hover {
  background-color: #f2f8fc;
  border-color: #003e78;
}
.block-box-border-radius a {
    color: #00529e !important;
    /*font-size: 22px !important;*/
}

.block-box-border-radius-koruptsiia {
  border: 1px solid #ff000061;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}
.block-box-border-radius-koruptsiia:hover {
  background-color: #ffdede61;
  border-color: #003e78;
}
.block-box-border-radius-koruptsiia a {
  color: #00529e !important;
}

/*------------------------------*/

.block-box-border-radius-headline {
  clear: both; /* Скидаємо обтікання */
  display: block;
  margin-bottom: 20px;
}

.block-box-border-radius-headline .field__item {
  border: 1px solid #dbdbdb;
  margin-top: 10px;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-radius-headline .field__item:hover {
  background-color: #f2f8fc;
  border-color: #003e78;
}

.block-box-border-radius-headline .field__item > a {
  color: #00529e !important;
}

/*------------------------------*/

.block-box-border-square {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
}
.block-box-border-square :hover {
  border-color: #003e78;
  background-color: #f2f8fc;
}

/*------------------------------*/

.block-box-border-video{

  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-video .field--name-field-fayl-povnovazhennya-ta-reh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block-box-border-video.field {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block-box-border-video:hover {
  background-color: #f2f8fc;
}

.block-box-border-video::before {
  content: "\f03d";
  color: #e53935;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 20px;
  margin: 0 15px 0 0 !important;
}

/*------------------------------*/

/*------------------------------*/

.block-box-border-file-pdf {

  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-pdf .field--name-field-fayl-povnovazhennya-ta-reh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block-box-border-file-pdf.field {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block-box-border-file-pdf:hover {
  background-color: #f2f8fc;
}

.block-box-border-file-pdf::before {
  content: "\f1c1";
  color: #e41919;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 20px;
  margin: 0 15px 0 0 !important;
}

/*------------------------------*/

.block-box-border-file-word {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-word :hover {
  background-color: #f2f8fc;
}

.block-box-border-file-word::before {
  content: "\f1c2";
  color: #2372ba;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 20px;
  margin: 0 15px 15px 0 !important;
}

.block-box-border-file-word-headline .field__item {
  border: 1px solid #dbdbdb;
  margin-top: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-word-headline .field__item:hover {
  background-color: #f2f8fc;
}

.block-box-border-file-word-headline .field__label {
  margin-top: 10px !important;
}

.block-box-border-file-word-headline .field__item::before {
  content: "\f1c2";
  color: #2372ba;
  font: normal normal normal 14px / 1 FontAwesome;
  /*float: left;*/
  font-size: 20px;
  margin: 0 15px 15px 0 !important;
}

/*------------------------------*/

.block-box-border-file-doc {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-doc :hover {
  background-color: #f2f8fc;
}

.block-box-border-file-doc ::before {
  content: "\f0f6";
  color: #0e344a;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;

  margin: 0 15px 15px 0 !important;
}

.block-box-border-file-doc-headline .field__item {
  border: 1px solid #dbdbdb;
  margin-top: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-doc-headline .field__item:hover {
  background-color: #f2f8fc;
}

.block-box-border-file-doc-headline .field__label {
  margin-top: 10px !important;
}

.block-box-border-file-doc-headline .field__item::before {
  content: "\f0f6";
  color: #0e344a;
  font: normal normal normal 14px / 1 FontAwesome;
  /*float: left;*/
  margin: 0 15px 15px 0 !important;
}

.block-box-border-file-doc-headline .field__item > a {
  color: #00529e !important;
}

.block-box-border-file-doc-headline .field__item:hover {
  background-color: #f2f8fc;
  border-color: #003e78;
}

/*------------------------------*/

.block-box-border-file-pdf-list .field__item {
  border: 1px solid #dbdbdb;
  margin-top: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px;
  margin-bottom: 10px;
}

.block-box-border-file-pdf-list .field__item:hover {
  background-color: #f2f8fc;
}

.block-box-border-file-pdf-list .field__label {
  margin-top: 10px !important;
}

.block-box-border-file-pdf-list .field__item::before {
  content: "\f1c1";
  color: #e41919;
  font: normal normal normal 14px / 1 FontAwesome;
  /*float: left;*/
  font-size: 20px;
  margin: 0 15px 15px 0 !important;
}

/*------------------------------*/

.block-box-border-file-pdf-li li {
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-file-pdf-li > li :hover {
  border-color: #003e78;
  background-color: #f2f8fc;
}

.block-box-border-file-pdf-li > ul {
  list-style: none;
  padding-left: 0px;
}

.block-box-border-file-pdf-li .file ::before {
  content: "\f1c1";
  color: #e41919;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 20px;
  padding-right: 15px;
}

/*------------------------------*/

/*------------------------------*/


.retreat {
  margin-top: 20px !important;
}

.scroll-down {
  bottom: 150px;
}

ul.pager__items {
    padding-left: 0px;
}

.news-page-body {
  max-width: 100%;
  overflow: hidden;
  word-wrap: break-word; /* Переносить довгі слова, якщо треба */
}

.home-video-background iframe {
    width: 100% !important;
}

.news-page-body iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* Зберігає пропорції відео */
}

.news-page-category {
  background: aliceblue;
  border: 1px solid #dbdbdb;
  margin-top: 25px;
  margin-bottom: 10px !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 10px 10px 10px 10px;
}


/* home */
.home-news-image {
    overflow: hidden;
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 10px;
    padding-bottom: 0px;
    transition: transform 0.3s ease;
}

.home-news-image:hover {
    transform: translateY(-3px);
}

.home-news-image img {
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    border-radius: 15px 15px 0px 0px;
}

.views-field-created,
.views-field-field-news-category {
  flex: 1;
}

.views-field-created-news-page{
    background: #f2f8fc !important;
    margin: 0 8px;
    padding: 20px 32px 20px 32px;
    border-radius: 0px 0px 15px 15px;
}

.views-field-created {
    background: white;
    margin: 0 10px;
    padding: 20px 32px 20px 32px;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0 0 1px rgba(0,0,0,0.4);
}

.home-news-authored {
    font-size: 13px;
}

.views-field.views-field-created.home-event-authored {
    border-top-right-radius: 24px !important;
}

.slider-news-category-news-page {
    background: white;
    margin-right: 32px;
    margin-top: 20px;
    float: right;
    border: 1px solid #dbdbdb;
    padding: 0px 10px 0px 10px !important;
    border-radius: 10px;
}

.slider-news-category {
    background: aliceblue;
    margin-right: 32px;
    margin-top: 20px;
    float: right;
    border: 1px solid #dbdbdb;
    padding: 0px 10px 0px 10px !important;
    border-radius: 10px;
}


.home-slider-news .owl-item {
  width: 400px !important;
  margin-left: 30px;
}

.background-title-videoreportazhi{
    padding: 32px 10px 32px 32px;
    background: #f2f8fc;
    margin-right: 18px;
}

.background-title-news-page{
   margin: 0 8px;
   display: block;
   padding: 32px;
   background: #f2f8fc;
   border-bottom: 1px solid #e9e9e9;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.background-title-news {
   margin: 0 10px;
   padding: 32px;
   background: white;
  /* border-bottom: 1px solid #f8f8f8;*/
   height: 143px; /* або будь-яке інше значення */
   overflow: hidden; /* приховати зайвий текст */
box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}


.background-bottom-title-news span {
  font-size: 16px !important;
}

.background-bottom-title-news {
    margin: 0 10px;
    padding: 8px 32px 8px 32px;
    background: white;
   /* border-bottom: 1px solid #f8f8f8;*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.background-bottom-title-news p{
    margin: 0 0 0 0;
}

.home-news-title-events a {
  font-size: 16px;
  color: black;
  line-height: 120%;
}


.home-news-title a {
  font-size: 22px !important;
  /*color: black;*/
  line-height: 120%;
  color: #00529e !important;
}

.home-news-title a:hover {
  text-decoration: underline;
  text-decoration-color: #003e78;
}

.background-bottom-title-news .field-content:hover {
  color: #3CC8C8;
  cursor: pointer; /* Додатково для індикатора клікабельності */
}



.views-field-field-news-category {
  text-align: right;
}













.slider-news-wrapper-html {
  margin-top: 10px;
  text-align: left;
  height: 100px;
  overflow: hidden;
}















.slider-news-title {
   /*min-height: 60px; *//* налаштуй під реальні заголовки */
}

.slider-news-title a {
  /*font-size: 26px !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
  font-weight: 600 !important;
  color: black !important;*/
}






.slider-news-body {

margin-top: 30px;

  text-align: left;
}

.views-field-field-zayava-ov {
  padding-top: 10px;
}

/*-- пошукове поле --*/
.width-one-form-search .views-exposed-form .form-group {
  width: 100%;
}

.views-exposed-form .form-actions {
    display: flex;
    gap: 2px;
    padding-left: 5px;
}

.width-one-form-search .views-exposed-form .form-group input {
  border-radius: 10px 10px 10px 10px !important;
}

.views-exposed-form .form-actions input {
  border-radius: 10px 10px 10px 10px !important;
  background-color: #0e344a;
  color: white; /* Колір тексту */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Плавний ефект */
}

.views-exposed-form .form-actions input:hover {
  background-color: #156089; /* Змінюємо колір при наведенні */
  transform: scale(1.05); /* Легке збільшення */
  color: #fff; /* Якщо хочеш змінити колір тексту */
}

.border-line {
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 1.5em;
  border-color: #e9edf1;
  margin-left: 15px;
}

table {
  border-collapse: separate !important;
}

.table > tbody > tr > td {
  vertical-align: middle !important;
  padding: 12px !important;
}


/*------------------------------*/
/* contacts structuta - form departament / upravliny / communal  */
/*------------------------------*/

#contacts-title > legend {
  font-weight: 600;
  font-size: 14px;
  padding-top: 20px;
}

#po-contact-address {
  padding: 0px 0px 10px 0px !important;
}

#po-contact-email {
  padding: 0px 0px 10px 0px;
}
#po-contact-phone {
 /* margin-bottom: 35px;*/
}

#po-contact-phone .field__item {
  padding: 0px 20px 0px 0px;
  display: flex;
  float: left;
}

#po-contact-social {
  clear: both;
  margin-bottom: 20px;
}
/*------------------------------*/
/*------------------------------*/
/*--------ДОКУМЕНТИ ФОРМА-------*/
/*------------------------------*/
/*------------------------------*/

.block-box-border-document .field__label {
  margin-top: 10px !important;
}

.block-box-border-document .field__item {
  border: 1px solid #dbdbdb;
  margin-top: 10px !important;
  align-items: center;
  padding: 10px 10px 10px 20px !important;
  border-radius: 10px 10px 10px 10px;
}

.block-box-border-document .field__item :hover {
  border-color: #003e78;
  background-color: #f2f8fc;
}

#po-contact-social .field__item {
  padding: 20px 20px 0px 0px;
  display: flex;
  float: left;
}

.field--name-field-socmerezhi-po {
  padding: 0px 0px 30px 0px;
}

/*------------------------------*/
/* POSADOVA OSOBA - page one */
/*------------------------------*/

/*-------- okrug and sklukany------------*/
.dp-one-line {
  display: flex;
  padding-bottom: 10px;
}

.dp-one-line .field__items {
  display: flex;
  padding-right: 10px !important;
}

.dp-one-line .field__item {
  padding-right: 10px !important;
}

/*-------- photo ------------*/
.field--name-field-foto-po > img {
  border-radius: 50%;
  float: left;
  padding-right: 20px;
}

#indentation-contacts-body {
  display: block;
  clear: both;
}

/*-------- deputy------------*/

.field--name-field-nomer-sklikanya {
  display: flex;
  padding-right: 20px;
}

.field--name-field-nomer-okruga {
  display: flex;
  padding-right: 20px;
}
.field--name-field-chlen-frakcii {
  padding-bottom: 10px;
}

/*------------------------------*/
/* FORMS Piporydkuvany - companies / upravlinnya / departments / posadova osoba*/
/*------------------------------*/

/*-------- headline forms  ------------
.field__label{
    margin-top: 20px;
}
*/

/*-------- form------------*/

.selection-box .field__label {
  /*--basic--*/
  margin-top: 10px !important;
clear: both;
}

.selection-box .field__item {
  /*--basic--*/
  border: 1px solid #dbdbdb;
  padding: 10px 10px 10px 20px;
  margin-top: 10px !important;
  border-radius: 10px 10px 10px 10px;
}

.public_budget_curtailment {
  /*--gromadskyi budjet--*/
  padding-bottom: 10px;
  color: #003e78;
  font-weight: 500;
}

.public_budget_curtailment .field__item {
  /*--gromadskyi budjet--*/
  border: 1px solid #dbdbdb;
  padding: 10px 10px 10px 20px;
  margin-top: 10px !important;
}

/*-------- color form------------*/

.selection-box .field__item > a {
  /*--basic--*/
  color: #00529e !important;
}

/*-------- backlighting form------------*/

.selection-box .field__item:hover {
  /*--basic--*/
  border-color: #003e78;
  background-color: #f2f8fc;
}

/*------------------------------*/
/* list structuta - form list_executive_committee / companies / upravlinnya departments */
/*------------------------------*/

/*-------- forma ------------*/

.file--x-office-document ~ span {
  display: block;
  text-align: right;
  float: right;
}

/*-----------------------------*/

.file--application-pdf ~ span {
 flex: 0 0 90px;
    text-align: center;
    margin-left: 0px;
    white-space: nowrap;
float: right;
}


.file--application-pdf ~ span::after {
  content: "\f019";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
}
.file--x-office-document ~ span::after {
  content: "\f019";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
}

.file--package-x-generic ~ span {
  display: block;
  text-align: right;
  float: right;
}

.file--package-x-generic ~ span::after {
  content: "\f019";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
}

.file--general ~ span {
  display: block;
  text-align: right;
  float: right;
}

.file--general ~ span::after {
  content: "\f019";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
  margin-left: 10px;
}


.block-box-border-file-list li :hover {
    border-color: #003e78;
    background-color: #f2f8fc;
}

.block-box-border-file-list .file :hover::before {
color: #33ccff;
}

.block-box-border-file-list .file ::before {
   content: "\f0f6";
   color: blue;
   font: normal normal normal 14px / 1 FontAwesome;
   float: left;
   font-size: 2em;
   font-size: 20px;
   padding-right: 15px;
}

.block-box-border-file-list > ul {
   padding-left: 0px;
   padding-top: 10px;
}


/*-----------------------------*/

.block-box-border-file {
  border: 1px solid #dbdbdb;
  margin-bottom: 20px !important;
  align-items: center;
  padding: 15px 10px 15px 20px !important;
}

.block-box-border-file:hover {
  border-color: #003e78;
  background-color: #f2f8fc;
  border: 1px solid #dbdbdb;
  padding: 15px 10px 15px 20px !important;
  margin-bottom: 20px !important;
  align-items: center;
}

.block-box-border-file::before {
  content: "\f0f6";
  color: blue;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 20px;
  margin: 0 15px 15px 0 !important;
}

/*-------- table ------------*/

.block-box-border-file-table:hover {
  /*--basic--*/
  border-color: #003e78;
  background-color: #f2f8fc;
  border: 1px solid #dbdbdb;
}

.block-box-border-file-table:hover::before {
  /*--basic--*/
  color: #33ccff;
}

.block-box-border-file-list li::after {
  content: "\f019";
  font: normal normal normal 14px / 1 FontAwesome;
  padding-right: 15px;
  padding-top: 4px;
  float: right;
}

/*-------- list------------*/

.block-box-border-file-list li {
  border: 1px solid #dbdbdb;
  padding: 10px;
  padding-left: 20px;
  margin-bottom: 10px;
  align-items: center;
  list-style-type: none;
}

.block-box-border-file-list .field__item {
  border: 1px solid #dbdbdb;
  padding: 15px 10px 15px 20px;
  margin-top: 10px !important;
}


.block-box-border-file-list li :hover {
  border-color: #003e78;
  background-color: #f2f8fc;
}

.block-box-border-file-list .file :hover::before {
  color: #33ccff;
}

.block-box-border-file-list .file ::before {
  content: "\f0f6";
  color: blue;
  font: normal normal normal 14px / 1 FontAwesome;
  float: left;
  font-size: 2em;
  font-size: 20px;
  padding-right: 15px;
}

.block-box-border-file-list > ul {
  padding-left: 0px;
  padding-top: 10px;
}

/*--- Список посадових осіб --*/

.image-po-list {
  float: left;
  padding-right: 20px;
}

.image-po-list > img {
  border-radius: 50%;
}

.views-field-field-chlen-frakcii {
  margin-left: 200px;
  padding-bottom: 5px;
}

.name-po-list {
  padding-bottom: 10px;
  margin-left: 200px;
}
.name-po-list > a {
  font-size: 22px;
  font-weight: 400;
}

.posada-po-list {
  border-bottom: 1px solid #e7e2e2;
  padding-bottom: 10px;
  margin-left: 200px;
}

.addres-frakc-list {
  padding-top: 10px;
  margin-left: 200px;
}

.addres-po-list {
  padding-top: 10px;
  /*float: left;*/
  margin-left: 200px;
}

.phone-po-list {
  padding-top: 10px;
}

/*------------------------------*/

/*------------------------------*/
/* СТРУКТУРА ХМЕЛЬНИЦЬКОЇ МІСЬКОЇ ВЛАДИ */
/*------------------------------*/

/*------------------------------*/


#mayor-structura > img {
  border-radius: 50%;
}

/* .structure-deputies{
    border: 1px solid #dbdbdb;
    padding: 20px !important;
} */

.structure-border-table {
  margin-top: 5px;
  margin-left: 15px;

  border: 1px solid #dbdbdb;
  padding: 20px !important;
}

/* //////////////////////////////////// */

/* sidebar - для сторінок */

.side_menu_structure_default {
  position: sticky !important;
  top: 100px;
}

/* -----------Влада -  МІСЬКА РАДА - міські програми ---------- */

.urban-programs-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.urban-programs-link-documents2 {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dcdee0;
}

.urban-programs-block-box-border {
  padding-left: 20px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #dbdbdb;
}

/*--------------------------------------------------*/

#block-rhythm-sub-bokovemenyunovinikategorii-menu {
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  border-bottom: 1px solid #ccc;
}

#block-rhythm-sub-bokovemenyunovinikategorii > li {
  background: white;
  margin-right: 10px;
  float: left;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 10px 10px 10px 10px;
  list-style-type: none;
}

/*--------------------------------------------------*/

#block-rhythm-sub-bokovemenyunovinikategorii-2-menu {
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  border-bottom: 1px solid #ccc;
}

#block-rhythm-sub-bokovemenyunovinikategorii-2 > li {
  background: aliceblue;
  margin-right: 10px;
  float: left;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 10px 10px 10px 10px;
  list-style-type: none;
}

/*--------------------------------------------------*/

#block-rhythm-sub-bokovemenyubiznes > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznes ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznes ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

#block-rhythm-sub-bokovemenyuvlada > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuvlada ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuvlada ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- ПРО ГРОМАДУ - бокове меню ---------- */

#block-rhythm-sub-bokovemenyupromisto-2 > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupromisto-2 ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupromisto-2 ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;

  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupromisto > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;

  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupromisto ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
}
#block-rhythm-sub-bokovemenyupromisto ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1rem 0rem 1rem 1rem;
  list-style-type: none;
}

/* ----------- СТРУКТУРА - бокове меню ---------- */

#block-rhythm-sub-bokovemenyustrukturakhmr-2 > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;

  list-style-type: none;
}
#block-rhythm-sub-bokovemenyustrukturakhmr-2 ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;

  list-style-type: none;
}
#block-rhythm-sub-bokovemenyustrukturakhmr-2 ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyustrukturakhmr > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyustrukturakhmr ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyustrukturakhmr ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- МІСЬКА РАДА - бокове меню ---------- */

#block-rhythm-sub-bokovemenyumiskarada > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1rem 1.2rem 1rem 1rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumiskarada ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumiskarada ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumiskarada-2 > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumiskarada-2 ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumiskarada-2 ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- Прозора громада - прес-центр ---------- */

#block-rhythm-sub-bokovemenyuuprescentr-menu > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuprescentr-menu ul {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuprescentr-menu ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- Прозора громада - бокове меню ---------- */

#block-rhythm-sub-bokovemenyuprozoragromada > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuprozoragromada ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyuprozoragromada ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- Прозора громада - публічні інформація - бокове меню ---------- */

#block-rhythm-sub-bokovemenyupublichnainformaciya > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupublichnainformaciya ul {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyupublichnainformaciya ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- МЕШКАНЦЮ - бокове меню ---------- */

#block-rhythm-sub-bokovemenyumeshkancyu-2 > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumeshkancyu-2 ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumeshkancyu-2 ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumeshkancyu > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumeshkancyu ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyumeshkancyu ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- БІЗНЕСУ - бокове меню ---------- */

#block-rhythm-sub-bokovemenyubiznesproekti > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesproekti ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesproekti ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- РЕГУЛЯТОРНА ПОЛІТИКА- сторінки - бокове меню ---------- */

#block-rhythm-sub-bokovemenyubiznesregulyatornipolitika > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesregulyatornipolitika ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesregulyatornipolitika ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- РЕГУЛЯТОРНА ПОЛІТИКА - бокове меню ---------- */

#block-rhythm-sub-bokovemenyubiznesregulyatorniakti > li {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesregulyatorniakti ul {
  margin-left: -1.2rem;
  padding: 1.2rem 0rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyubiznesregulyatorniakti ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* ----------- ДОКУМЕНТИ - бокове меню ---------- */

#block-rhythm-sub-bokovemenyudokumenti > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyudokumenti ul {
  padding-bottom: 0px !important;
  margin-bottom: 0px;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyudokumenti ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

#block-rhythm-sub-bokovemenyudokumenti-2 > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyudokumenti-2 ul {
  padding-bottom: 0px !important;
  margin-bottom: 0px;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
#block-rhythm-sub-bokovemenyudokumenti-2 ul > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}
/*--------------------------------------------------*/
/*--------------------------------------------------*/

#block-rhythm-sub-bokovemenyumeshkancyugromadskiiniciativi > li {
  border-top: 1px solid #dcdee0;
  margin-left: -1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2.4rem;
  font-size: 1.5rem !important;
  list-style-type: none;
}

/* //////////////////////////////////// */

.title-person > a {
  color: #00529e !important;
}

.position-person {
  color: #425c69;
  font-weight: 600;
}

.field_field_image {
  padding: 50px;
}
.views-field views-field-field-field-image {
  padding: 100px;
}

.views-field field_field_image {
  padding: 50px;
}

.field_field_image views-field {
  padding: 50px;
}


/*------------------------------*/
/* geroi_viyni */
/*------------------------------*/

.views-view-grid .views-row {
    
    padding-bottom: 20px;
    padding-top: 20px;
}

.photo-float-left {
  float: left;
  margin: 0px 40px 20px 0px;
}
.block-clear {
  clear: both;
}
.geroi-viyni-field-content {
   text-align: center;
}

.geroi-viyni-photo img {
  border-radius: 10px 10px 10px 10px;
  filter: grayscale(100%) sepia(20%);
  transition: filter 1s ease-in-out;
}

.geroi-viyni-photo img:hover {
    filter: none;
    transition: filter 0.4s ease-in-out; /* Більш плавний ефект при наведенні */
}
.geroi-viyni-title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  /*text-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 
                 0 0 10px rgba(255, 215, 0, 0.6);*/
}
.geroi-viyni-title a {
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .034rem;
    text-align: center;
    color: #00284d;
}

/*------------------------------*/
/* gromadskiy_byudzhet */
/*------------------------------*/

.selection-box-tab {
  border: 1px solid #dbdbdb;
  padding: 10px 20px 10px 20px;
  margin-top: 10px !important;

  padding-bottom: 10px;
  color: #003e78;
  font-weight: 500;
}

.trim-length-text {
  /* Обрізання тексту */
  padding-top: 10px;
  line-height: 2rem;
  max-height: 14rem;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
}

/*------------------------------*/
/* gromadskiy_byudzhet */
/*------------------------------*/

.pagination {
  clear: both;
}

#icon-margin-right {
  margin-right: 20px;
}
.icon-margin-right {
  margin-right: 20px;
}

/*.city-info-tile-container > * {
    box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px 0px !important;
}*/

.margin-top {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}

.pagination {
  margin-top: 30px;
}

/*------------------------------*/
/* footer*/
/*------------------------------*/

.display-flax {
  display: flex;
  flex-wrap: wrap;
  /*padding-top: 10px;*/
}

.display-flax a:hover {
  border-color: #003e78;
  background-color: #f2f8fc !important;
}

.widget-title {
  clear: both;
}




 .main_page_secondary_menu_mobile{
  background: linear-gradient(90deg, #00284D, #004080) !important;
 }

.main-nav.dark {
  /*background-color: #00284D !important;*/
  background: linear-gradient(90deg, #00284D, #004080) !important;
}

.toggle > dt > a {
  border-radius: 10px 10px 10px 10px;
  color: #003e78 !important;
}

.toggle > dt > a:hover {
  background-color: #f2f8fc !important;
  border-color: #003e78;
}

.tpl-progress {
  margin-bottom: 30px !important;
}

.padding-top-bottom-10 {
  padding: 10px 0px 10px 0px;
}

.padding-top-bottom-anonsy-ogoloshennya {
  padding: 10px 0px 10px 0px;
}

.padding-top-bottom-anonsy-ogoloshennya p{
    margin: 0 0 0 0 !important;
}


/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyupromisto a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}



/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyuvlada a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyustrukturakhmr a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}


/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyuprozoragromada a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyumiskarada a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyumeshkancyu-2 a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyumeshkancyu a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Стилі для активного пункту */
#block-rhythm-sub-bokovemenyubiznesproekti a.active {
    color: #0078D4;
    text-decoration: underline;
    text-underline-offset: 5px;
}




.search-table-date1{
    min-width: 95px;
}


.fa {/* колір іконки меню */
    /*color: white;*/
color: rgb(0, 62, 120) !important;
}



/* Коли підменю активне (відкрите) */
.-sub.active {
  display: block;
}

/* Загальні стилі для підменю  123*/
.-sub {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Стиль для активного підменю */
.-sub.active {
  display: block;
}

/* Значки для кнопок */
.toggle-menu-icon {
  margin-left: 1px;
  transition: transform 0.3s;
}

.fa-angle-up {
  transform: rotate(180deg);
}