.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-white h3 a {
  color: #fff !important;
}

.text-black h3 a {
  color: #000 !important;
}

.cards-container {
  width: 100%;
}

/* .cards-container > div > h3 {
  font-size: 1.2rem;
  text-align: center;
} */

.cards-container .card-img {
    min-height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.field--name-field-footer-area {
  clear: both;
}

.cards-container > div > h3 {
  font-size: 1.2rem;
  text-align: center;
}

.cards-container > div > h2 {
  background: #212E60;
  color: white;
  padding: 10px;
  font-weight: normal;
  margin: 0;
  font-size: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.mini-menu a {
  color:#212E60 !important;
}


.card-img {
  width: 130px;
  height: 195px;
  position: relative;
  display: inline-block;
}
.card-img .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.card-img:hover .img-top {
  display: inline;
}

.card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.img-banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Make sure bullets are visible */
.field--name-field-header-area ul {
  padding-left: 1.5em;
  list-style: inherit;
}