/* Offline repair: synthetic volunteer theme (IA layout.css was not in mirror). */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #333;
  background: #f4f4f4;
}
a { color: #2d6a2d; text-decoration: none; }
a:hover { text-decoration: underline; }
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
}
#page { max-width: 1100px; margin: 0 auto; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.08); }

#header {
  background: linear-gradient(180deg, #5a9c3a 0%, #4a8530 100%);
  padding: 12px 20px 8px;
  color: #fff;
}
#header img { max-height: 72px; display: block; margin-bottom: 8px; }
#header a.home-logo { display: inline-block; }
#site-slogan { font-size: 13px; font-style: italic; opacity: .95; margin-top: 4px; }
#main-menu { margin-top: 8px; }
#main-menu-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}
#main-menu-links a { color: #fff; font-weight: bold; font-size: 13px; }
#main-menu-links .active a { text-decoration: underline; }

#about-us {
  display: table;
  width: 100%;
  border-bottom: 3px solid #e8e8e8;
}
#about-us-title {
  display: table-cell;
  width: 180px;
  vertical-align: top;
  background: #6bb33f;
  padding: 24px 16px;
}
#about-us-title a {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
#about-us-text {
  display: table-cell;
  vertical-align: top;
  padding: 20px 24px;
  background: #fafafa;
}

#front-our-services { padding: 16px 12px 24px; }
#front-services-title {
  font-size: 22px;
  font-weight: bold;
  color: #5a9c3a;
  margin-bottom: 12px;
  text-align: center;
}
#front-services-container { width: 100%; border-collapse: separate; border-spacing: 6px; }
.front-service-box { vertical-align: top; }
.front-service-img {
  height: 120px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  cursor: pointer;
}
#front-transport-img { background-image: url(images/transport.jpg); }
#front-task-img { background-image: url(images/task-force.jpg); }
#front-befriending-img { background-image: url(images/befriending.jpg); }
#front-memories-img { background-image: url(images/deja-vu.jpg); }
#front-club-img { background-image: url(images/centre-club.jpg); }
.front-service-title {
  font-weight: bold;
  color: #fff;
  background: #6bb33f;
  text-align: center;
  padding: 8px 4px;
  font-size: 13px;
}
.front-service-descr {
  background: #f0f0f0;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
  min-height: 100px;
}
.front-service-descr:hover { background: #e6e6e6; }
.front-service-box.see {
  text-align: center;
  padding: 8px;
  font-weight: bold;
  color: #c45c00;
}
.front-service-box.cross {
  height: 36px;
  background: center no-repeat;
  background-size: 28px 28px;
  cursor: pointer;
}
td.front-service-box.cross:nth-child(1) { background-image: url(images/transport-cross.png); }
td.front-service-box.cross:nth-child(2) { background-image: url(images/task-cross.png); }
td.front-service-box.cross:nth-child(3) { background-image: url(images/friend-cross.png); }
td.front-service-box.cross:nth-child(4) { background-image: url(images/memories-cross.png); }
td.front-service-box.cross:nth-child(5) { background-image: url(images/club-cross.png); }

#news-title {
  background: #5a9c3a;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
}
#news-container { width: 100%; border-collapse: collapse; }
#left-news {
  width: 42%;
  vertical-align: top;
  padding: 16px;
  background: #fafafa;
}
#right-news { vertical-align: top; padding: 16px; }
#text-newsletter-front, #text-video-front { font-weight: bold; margin: 8px 0; color: #5a9c3a; }
#newsbutton-box-front {
  background: #c45c00;
  color: #fff;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 16px;
  border-radius: 4px;
}
#video { width: 100%; max-width: 360px; height: 200px; margin-top: 8px; }
#notice-pad h2 { color: #c45c00; margin-top: 0; }

#footer-wrapper {
  display: table;
  width: 100%;
  background: #3d6b28;
  color: #fff;
  margin-top: 12px;
}
.footer-block { display: table-cell; vertical-align: middle; padding: 16px; }
#free-volunteering-box {
  width: 22%;
  min-height: 100px;
  background: url(images/free_volunteering.png) center no-repeat;
  background-size: contain;
}
#voice-box {
  width: 22%;
  min-height: 100px;
  background: url("images/voice print.png") center no-repeat;
  background-size: contain;
}
#central-box { text-align: center; }
#footer-menu {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 12px;
}
#footer-menu a { color: #fff; font-size: 12px; }
#socials a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 6px;
  background-size: contain;
}
#socials a:first-child { background: url(images/fb-social.png) center no-repeat; }
#socials a:last-child { background: url(images/twitter-social.png) center no-repeat; }

/* Inner pages */
#main-content { padding: 20px 24px 32px; }
body:not(.front) #header { margin-bottom: 0; }
body:not(.front) h1.title { color: #5a9c3a; font-size: 26px; }