/* Document sizing and display */
html {
  height: 100%;
}
body {
  min-height: calc(100% - 102px);
  display: flex;
  flex-direction: column;

  margin-top: 102px;
}
/* End Document sizing and display */

nav.navbar {
  position: fixed;
  z-index: 5;
  width: 100vw;
  top: 0;
  left: 0;
}

/* Style Social Media icons */
.social-icons i {
    font-size: 24px;
}
.social-icons {
    display: inline;
}
.social-icons a {
    display: inline-block;
    text-align: center;
    width: 43px;
    height: 24px;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:visited {
    text-decoration: none;
}
.social-icons a:hover {
    opacity: 0.85;
}
/* End Style Social Media icons */

/* Color .dropdown-menu .nav-link */
.dropdown-menu a.nav-link {
    color: var(--bs-nav-link-color);
}
.dropdown-menu a.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
    background-color: rgba(0, 0, 0, 0) !important;
}
/* End Color .dropdown-menu .nav-link */

/* Toggles for mobile visibility */
@media screen and (max-width: 992px) {
    .hide-mobile {
        display: none !important;
    }
    /* Body max-width resize for mobile */
    body {
      min-height: calc(100% - 129px) !important;
      margin-top: 129px !important;
    }
}
@media screen and (min-width: 993px) {
    .show-mobile {
        display: none !important;
    }
}
/* End toggles for mobile visibility */

/* FontAwesome Customizations */
.youtube-color {
    color: #FF0000;
}
.facebook-color {
    color: #1877F2;
}

.youtube-color:before {
    background-image: linear-gradient(#fff,#fff);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
}
.facebook-color:before {
    background-image: linear-gradient(#fff,#fff);
    background-repeat: no-repeat;
    background-size: 50% 75%;
    background-position: center; 
}
.fa-location-dot:before {
    background-image: linear-gradient(#fff,#fff);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center; 
}
/* End FontAwesome Customizations */

/* Google Maps Embedding */
.gmap-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 992px) {
  .gmap-container {
    padding-bottom: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .gmap-container {
    padding-bottom: 110% !important;
  }
}
@media screen and (max-width: 576px) {
  .gmap-container {
    padding-bottom: 56.25% !important;
  }
}

.gmap-container .gmap-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
/* End Google Maps Embedding */

.input-req:after {
  font-size: 10px;
  content: "*" !important;
  margin-left: 2px;
  color: red;
}

/* Personal additions */
.no-wrap {
  white-space: nowrap !important;
}

.text-small {
  font-size: 0.85em;
}
/* End Personal additions */

/* Link transition */
a {
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
/* End Link transition */

/* General Footer styling */
footer .list-group {
  display: inline-block;
  width: auto;
}
footer .list-group .list-group-item {
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
/* End General Footer styling */

/* Footer link styling */
footer .list-group .list-group-item a, a:visited {
  text-decoration: none;
}
footer .list-group .list-group-item a:hover {
  color: rgba(var(--bs-light-rgb), 0.8) !important;
  text-decoration: none;
}
/* End Footer link styling */

:root {
  --ebenezer-blue: 6, 40, 91;
}

a {
  text-decoration: none;
}

.navbar-dark.bg-dark.bg-ebenezer {
  background-color: rgba(var(--ebenezer-blue), 1.0) !important;
  color: #fefefe;
}

.bg-ebenezer {
  background-color: rgba(var(--ebenezer-blue), 1.0);
  color: #fefefe;
}
.bg-ebenezer-override {
  background-color: rgba(var(--ebenezer-blue), 1.0) !important;
  color: #fefefe;
}

.text-ebenezer {
  color: rgba(var(--ebenezer-blue), 1.0);
}
.text-ebenezer-override {
  color: rgba(var(--ebenezer-blue), 1.0) !important;
}

.border-ebenezer {
  --bs-border-opacity: 1;
  border-color: rgba(var(--ebenezer-blue), var(--bs-border-opacity)) !important;
}

:root .border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.btn-ebenezer {
  --bs-btn-color: #fff;
  --bs-btn-bg: #062f6d;
  --bs-btn-border-color: #062f6d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #09367a;
  --bs-btn-hover-border-color: #09367a;
  --bs-btn-focus-shadow-rgb: 9, 54, 122;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #09367a;
  --bs-btn-active-border-color: #09367a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #062f6d;
  --bs-btn-disabled-border-color: #062f6d;
}

.extended_family > div {
  height: 100px;
}
.extended_family a {
  text-decoration: none;
  color: rgba(var(--ebenezer-blue), 1.0);
}
.extended_family > div > a:hover {
  background-color: rgba(var(--ebenezer-blue), 1.0);
  color: #fefefe;
}

.form-status-text {
  min-height: 20px;
}

.donation-qr {
  width: 100%;
}

/* Standard text color */
body .text-bg-light {
  color: #212529 !important;
}

body .text-bg-lighter {
  color: #343a40 !important; 
}

.heading .fa-solid {
  margin-top: 3px;
}

.bg-none,
table.bg-none > tr,
table.bg-none tr > th,
table.bg-none tr > td {
  background-color: rgba(0, 0, 0, 0.0) !important;
}

#privacy-policy {
  height: fit-content;
}

.list-group-item a.active {
  color: rgba(var(--bs-light-rgb), 0.8) !important;
}