/*
 * Styles that sat in <style> blocks inside Joomla modules (the home heading
 * and the EU funding banner). Module HTML is sanitised here and <style> is
 * dropped, so they live with the theme.
 */

.home-heading{
  text-align: center;
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 18px;
  color: #c62828;
}
@media (max-width: 768px){
  .home-heading{ font-size: 22px; }
}

.rrp-banner{
  max-width: 960px;
  margin: 40px auto;
  padding: 20px;
  text-align: center;
  font-family: "Montserrat", Arial, sans-serif;
  color: #1a1a1a;
}

.rrp-banner h2{
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 16px;
}

.rrp-subtitle{
  font-size: 16px;
  line-height: 1.5;
  max-width: 860px;
  margin: 0 auto 24px;
}

.rrp-divider{
  width: 240px;
  height: 2px;
  background-color: #f28c28;
  margin: 20px auto 30px;
}

.rrp-banner p{
  font-size: 15px;
  line-height: 1.6;
  max-width: 860px;
  margin: 0 auto 18px;
}

.rrp-dates{
  margin-top: 24px;
}

.rrp-budget{
  font-size: 16px;
  margin-top: 12px;
}

.rrp-logos{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.rrp-logos img{
  max-height: 70px;
  width: auto;
  height: auto;
}

/* Мобилна версия */
@media (max-width: 768px){
  .rrp-banner h2{
    font-size: 26px;
  }

  .rrp-subtitle{
    font-size: 14px;
  }

  .rrp-banner p{
    font-size: 14px;
  }

  .rrp-logos{
    flex-direction: column;
    gap: 24px;
    margin-top: 32px;
  }

  .rrp-logos img{
    max-height: 56px;
  }
}