/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

body[data-bs-theme="light"]{
    .mgb-text-blue {
        color:#003a96
    }
}
body[data-bs-theme="dark"]{
    .mgb-text-blue {
        color: #fff;
    }
}

#btn-back-to-top {
    font-size: 3em;
    bottom: 4vw;
    right: 4vw;
    cursor: pointer;
    display: none;
    border-radius: 50%;
    color: #004268;
    background-color: #FFFFFF;
}
#btn-back-to-top:hover{
  color: #06828F;
  background-color: #FFFFFF;
}
.smallFont{
    font-size: smaller;
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.mgb-bg-fishing-image {
  background-image: url("../Content/Images/Login/Dad-and-kid-fishing.jpg"); /*MGB_Banner_Image1.jpeg  Women-in-Hoodie*/
  min-height: 600px;
  object-fit: cover;
  padding: 0px;
  position: absolute;
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }

.mgb-bg-hoodie-image {
  background-image: url("../Content/Images/Login/Women-in-Hoodie.jpg");
  min-height: 670px;
  object-fit: cover;
  padding: 0px;
  position: absolute;
  width: 100%;
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }
.mgb-bg-couple-image {
  background-image: url("../Content/Images/Login/Couple-on-bridge.jpg");
  min-height: 670px;
  object-fit: cover;
  padding: 0px;
  position: absolute;
  width: 100%;
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }
.mgb-bg-bridge-image {
  background-image: url("../Content/Images/Login/Women-on-Bridge.jpg");
  min-height: 670px;
  object-fit: cover;
  padding: 0px;
  position: absolute;
  width: 100%;
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }
.mgb-bg-momandchild-image {
  background-image: url("../Content/Images/Login/Mom-and-child.jpeg");
  min-height: 670px;
  object-fit: cover;
  padding: 0px;
  position: absolute;
  width: 100%;
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }


