/* The website footer on campaign and outcome pages (site-footer.php).
 *
 * Rules copied from the theme's assets/css/style.css and scoped to .orb-site-footer,
 * plus the theme reset and the few Bootstrap grid classes the markup uses, since
 * these pages load neither.
 */
.orb-site-footer :where(div, ul, li, p, a, h4) { margin: 0; padding: 0; list-style: none; text-decoration: none; }
.orb-site-footer { background: #000; font-family: "PT Sans", "PT Sans Fallback", "PT Sans Fallback Android", sans-serif; }
.orb-site-footer *, .orb-site-footer *::before, .orb-site-footer *::after { box-sizing: border-box; }
.orb-site-footer img { display: block; height: auto; }

/* Bootstrap 5 grid, only what the footer uses */
.orb-site-footer .container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 12px; }
.orb-site-footer .row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.orb-site-footer .row > * { flex: 0 0 auto; width: 100%; max-width: 100%; padding: 0 12px; }
.orb-site-footer .align-items-center { align-items: center; }
@media (min-width: 768px) {
  .orb-site-footer .col-md-3 { width: 25%; }
  .orb-site-footer .col-md-6 { width: 50%; }
  .orb-site-footer .col-md-9 { width: 75%; }
}
@media (min-width: 992px) {
  .orb-site-footer .col-lg-3 { width: 25%; }
  .orb-site-footer .col-lg-4 { width: 33.333333%; }
  .orb-site-footer .col-lg-8 { width: 66.666667%; }
}
@media (max-width: 1399px) { .orb-site-footer .container { max-width: 1140px; } }
@media (max-width: 1199px) { .orb-site-footer .container { max-width: 960px; } }
@media (max-width: 991px)  { .orb-site-footer .container { max-width: 720px; } }
@media (max-width: 767px)  { .orb-site-footer .container { max-width: 540px; } }
@media (max-width: 575px)  { .orb-site-footer .container { max-width: none; } }

/* Theme rules */
.orb-site-footer .f-top { padding: 70px 0 55px; }
.orb-site-footer .f-bottom { padding: 30px 0; border-top: 1px solid rgba(225, 225, 225, 0.1); }
.orb-site-footer .f-logo { margin-bottom: 45px; }
.orb-site-footer .f-logo img { max-width: 224px; }
.orb-site-footer .f-left ul li img { max-width: 224px; }
.orb-site-footer .f-links { max-width: fit-content; margin: auto; }
.orb-site-footer .f-links h4 { font-size: 20px; line-height: 26px; font-weight: 700; color: #fff; margin-bottom: 15px; font-family: "Solway", "Solway Fallback", "Solway Fallback Android", serif; }
.orb-site-footer .f-links ul li { font-size: 18px; line-height: 25px; font-weight: 400; color: rgba(225, 225, 225, 0.7); }
.orb-site-footer .f-links ul li + li { margin-top: 7px; }
.orb-site-footer .f-links ul li a { color: rgba(225, 225, 225, 0.7); }
.orb-site-footer .f-links ul li a:hover { color: rgba(225, 225, 225, 1); }
.orb-site-footer .fbott-desc p { font-size: 17px; line-height: 24px; font-weight: 400; color: #fff; margin-bottom: 0; }
.orb-site-footer .f-social ul { max-width: fit-content; margin-left: auto; display: flex; align-items: center; justify-content: end; gap: 12px; }
.orb-site-footer .f-social ul li svg { max-width: 20px; }
.orb-site-footer .f-social ul li a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; border: 1px solid rgba(225, 225, 225, 0.3); transition: all 0.5s; }
.orb-site-footer .f-social ul li a:hover { border-color: #F08519; background: #F08519; }
.orb-site-footer .f-social ul li a svg path { fill: #fff; transition: all 0.5s; }

@media screen and (max-width: 1199px) {
  .orb-site-footer .f-top { padding: 50px 0 35px; }
  .orb-site-footer .f-logo img { max-width: 194px; width: 194px; }
  .orb-site-footer .f-left ul li img { max-width: 174px; }
  .orb-site-footer .f-links ul li { font-size: 16px; line-height: 23px; }
  .orb-site-footer .f-bottom { padding: 10px 0; }
  .orb-site-footer .fbott-desc p { font-size: 15px; line-height: 22px; }
}
@media screen and (max-width: 991px) {
  .orb-site-footer .f-top .row { row-gap: 30px; }
  .orb-site-footer .f-links { margin: 0; }
}
@media screen and (max-width: 767px) {
  .orb-site-footer .f-logo { margin-bottom: 15px; }
  .orb-site-footer .f-top { padding: 30px 0 25px; }
  .orb-site-footer .fbott-desc { text-align: center; }
  .orb-site-footer .f-social ul { justify-content: center; margin-right: auto; margin-top: 10px; }
}