/* Restoration styles: replaces about.css / contact.css / gallery.css (not archived) and the
   removed runtime (jQuery/Bootstrap JS, AOS). */
body { font-family: "Roboto", sans-serif; }
nav.navbar { z-index: 1030; }
.page-banner {
  background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(90, 92, 106, 0.2) 0%, rgba(32, 45, 58, 0.2) 81.3%), url("../images/background.jpg");
  background-color: #3a3f47;
  background-position: center;
  background-size: cover;
}
.page-banner h1.title, main div > h1.title {
  padding: 200px 0 120px 0; margin: 0;
  font-size: 2rem; text-transform: uppercase; color: #fff; font-weight: bold;
  text-align: center; font-family: "Roboto", sans-serif;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .45);
}
h1.text-main { margin: 0 0 1rem; line-height: 1.3; }
.text-main, .text-other { text-shadow: 0 1px 6px rgba(0, 0, 0, .55); }
.heading, h2.heading {
  padding: 20px; text-align: center; text-transform: uppercase; font-size: 1.4rem;
  font-weight: bold; font-family: "Montserrat", sans-serif; margin: 0;
}
.minor-heading { font-family: "Montserrat", sans-serif; color: #f54291; }
a.btn-donate, a.btn-contact { display: inline-block; }
a.btn-donate:hover, a.btn-contact:hover { color: #fff; text-decoration: none; opacity: .9; }
.cause a.btn-donate, .project a.btn-donate {
  margin: 20px 0; padding: 10px 20px; border: 1px solid #f54291; color: #f54291; background: none;
}
.cause a.btn-donate:hover, .project a.btn-donate:hover { background-color: #f54291; color: #fff; opacity: 1; }
.campaign-image { object-fit: cover; }
.partner-logo-min { max-width: 100%; height: auto; }
.partners .row > div { text-align: center; }
/* contact: the POST form had no backend -> e-mail button */
.mailto-box {
  margin: 10px; padding: 30px 20px; border-radius: 10px; text-align: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.mailto-box p { margin-bottom: 1rem; }
.btn-contact { text-transform: uppercase; background-color: #f54291; color: #fff; margin: 10px; padding: 10px 40px; font-family: "Poppins", sans-serif; }
.round-icon { padding: 10px; border: 1px solid #f54291; border-radius: 50%; color: #f54291; margin: 0 4px; }
.details .address { padding: 10px; word-break: break-word; }
.details a { color: #000; }
.details a:hover { color: #f54291; text-decoration: none; }
.contact-page { padding: 60px 10px; }
.map iframe { width: 100%; display: block; }
/* about */
section { padding: 40px 10px; }
.abt-text { font-size: 1.05rem; line-height: 1.7; }
.focus .list ul { margin-bottom: 0; }
.team { text-align: center; background: #faf6f8; }
.executive { display: inline-block; width: 210px; margin: 15px; vertical-align: top; }
.executive-img {
  display: inline-flex; align-items: center; justify-content: center;
  width: 150px; height: 150px; border-radius: 50%; background: #f54291; color: #fff; font-size: 4rem;
}
.executive .name { margin: 12px 0 0; font-weight: bold; font-family: "Montserrat", sans-serif; }
.executive .role { color: #f54291; }
.mission-item { text-align: center; margin: 15px 0; }
.video { text-align: center; padding: 10px 10px 40px; }
.video iframe { max-width: 100%; }
/* gallery */
.pics .gallery .row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.pics .span3 { width: 25%; padding: 8px; }
.pics .image img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, .25); }
@media (max-width: 900px) { .pics .span3 { width: 50%; } }
/* footer */
footer p { margin: 0; }
@media (max-width: 700px) {
  .page-banner h1.title { padding: 140px 0 80px 0; font-size: 1.6rem; }
  .project, .post { display: block; }
  .project .text, .project .image { width: 100%; }
  .executive { width: 160px; margin: 10px 5px; }
  .executive-img { width: 120px; height: 120px; font-size: 3rem; }
  .pics .image img { height: 150px; }
  .cause .text { padding: 20px; }
  .campaign-image { height: 220px; }
}