@charset "UTF-8";
/**
 * Värimäärittelyt
 * */
/* Kuke 2022 */
/*$yellow:#f7edd7; /* rgba 247,237,215 */
#block-footer {
  display: flex;
  flex-direction: column;
  height: auto !important;
}
.navbar-toggler {
  background-color: white;
}

.contextual-links {
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}
.contextual-links,
.contextual-links a,
.contextual-links li {
  background-color: #f4a57a !important;
}
.contextual-links,
.contextual-links a {
  color: #003f44 !important;
  font-weight: normal;
}
.contextual-links a:hover {
  background-color: #fff4e8 !important;
  color: #000000 !important;
}
.contextual-links a:hover,
.contextual-links a:focus {
  outline: 2px solid #003f44 !important;
}

#block-paimio-local-tasks ul {
  margin-bottom: 0;
  display: flex;
}
#block-paimio-local-tasks ul li {
  list-style: none;
}
#block-paimio-local-tasks ul li:hover {
  background-color: #f2f2f2;
}
#block-paimio-local-tasks ul li a {
  display: block;
  padding: 0.5rem 2rem;
}
#block-paimio-local-tasks ul li a:hover {
  text-decoration: none;
}
@media (max-width: 800px) {
  #block-paimio-local-tasks ul {
    flex-direction: column;
  }
}

.tausta-vihrea {
  background-color: #535d16;
}

.tausta-tumma {
  background-color: #272525;
  color: #ffffff;
}

.tausta-sininen {
  background-color: #224564;
}
.tausta-sininen,
.tausta-sininen a {
  color: #ffffff;
}

#block-sitemap .navbar-nav > .nav-item > a {
  font-weight: bold;
}
#block-sitemap.navbar-expand .navbar-nav .dropdown-menu {
  position: static;
  display: block;
  background-color: transparent;
  border: 0;
}
#block-sitemap a:focus {
  outline: 2px solid #ffffff;
}
#block-sitemap a:hover {
  text-decoration: underline;
}
@media (max-width: 1205px) {
  #block-sitemap .navbar-collapse .navbar-nav {
    flex-wrap: wrap;
  }
}
@media only screen and (max-device-width: 768px) {
  #block-sitemap {
    display: block;
  }
  #block-sitemap.navbar-expand .navbar-nav {
    padding-top: 7rem;
    flex-direction: column;
  }
  #block-sitemap.navbar-expand .navbar-nav > .nav-item > a {
    border-top: 1px solid white;
  }
  #block-sitemap.navbar-expand .navbar-nav li > a {
    font-size: 1rem;
    padding: 0.5rem 0;
  }
}

#block-paimio-main-menu a:focus, #block-paimio-main-menu a:hover {
  background-color: #224564;
  color: #ffffff;
}
#block-paimio-main-menu a:focus {
  outline: 2px solid #ffffff;
}

.etusivun-h1 {
  padding: 1rem;
  text-align: center;
  background-color: #35363e;
  color: white;
}

.etusivun-h2-vihrea,
.etusivun-h2-sininen {
  padding: 0.5rem;
  text-align: center;
  color: white;
}

.etusivun-h2-vihrea {
  background-color: #98c10f;
}

.etusivun-h2-sininen {
  background-color: #0085a4;
}

.etu-ajankohtaista,
#block-paimio-views-block-hankelista-etusivu-block-1,
.BREAKblock-views-blockprojektit-block-3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
}
.etu-ajankohtaista .block-title,
#block-paimio-views-block-hankelista-etusivu-block-1 .block-title,
.BREAKblock-views-blockprojektit-block-3 .block-title {
  padding-left: 0px !important;
}
.etu-ajankohtaista footer,
#block-paimio-views-block-hankelista-etusivu-block-1 footer,
.BREAKblock-views-blockprojektit-block-3 footer {
  font-weight: bold;
}
.etu-ajankohtaista footer a,
#block-paimio-views-block-hankelista-etusivu-block-1 footer a,
.BREAKblock-views-blockprojektit-block-3 footer a {
  color: white;
  text-decoration: none;
}
.etu-ajankohtaista footer a:focus, .etu-ajankohtaista footer a:hover,
#block-paimio-views-block-hankelista-etusivu-block-1 footer a:focus,
#block-paimio-views-block-hankelista-etusivu-block-1 footer a:hover,
.BREAKblock-views-blockprojektit-block-3 footer a:focus,
.BREAKblock-views-blockprojektit-block-3 footer a:hover {
  text-decoration: underline;
}

.field--name-field-proj-otsikko,
.field--name-field-aja-otsikko {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}

/* Fix mobile navigation */
@media (max-width: 1199px) {
  .dropdown .dropdown-menu {
    display: block;
    background-color: transparent;
    border: 0;
  }
  .dropdown .dropdown-menu a {
    color: white !important;
  }
  .dropdown .dropdown-menu:hover {
    background-color: transparent;
  }
  .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color: white;
  }
}
#block-paimio-breadcrumbs ol {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
#block-paimio-breadcrumbs ol li {
  list-style: none;
  padding-right: 1rem;
  display: inline-block;
}

.h2-otsikko {
  padding: 0.5rem;
  background-color: #ccc;
  text-align: center;
  font-size: 1.5rem;
}

.hankekortti {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #224654;
  margin-bottom: 0.25rem;
  margin-right: 0.5rem;
  transition: 0.3s all;
}
.hankekortti img {
  max-width: unset;
  width: 230px;
  height: auto;
  padding-left: 0rem;
  padding-right: 1rem;
}
@media (max-width: 430px) {
  .hankekortti img {
    width: 200px;
  }
}
@media (max-width: 400px) {
  .hankekortti img {
    width: 150px;
  }
}
.hankekortti a {
  display: block;
}
.hankekortti:focus, .hankekortti:hover {
  background-color: #cccccc;
}

/*# sourceMappingURL=bs5-fixes.css.map */