.metismenu.mod-menu .metismenu-item:hover {
  color: gold;
  transition: .5s;
}

.card {
  transition: 500ms ;
}

.card-border {
  margin: 2rem!important;
  border-width: 5px;
  border-radius: 20px;
  border-color: rgba(var(--primary-rgb));
}

.card-img-border {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

@media (min-width: 1450px) {
  .card-border {
  margin: 4rem!important;
  }
}

@media (min-width: 800px) {
.itemid-102 .item-page, .itemid-103 .item-page, .itemid-104 .item-page, .itemid-105 .item-page, .itemid-119 .item-page, .itemid-120 .item-page {
    width: 60%;
    margin: 50px auto ;
  }
  .itemid-121 .item-page, .itemid-104 .item-page {
    width: 80%;
    margin: 50px auto ;
  }
  .card:hover {
  width: 20rem !important;
  transition: 500ms;
  }
}

.itemid-102 .item-page, .itemid-103 .item-page, .itemid-104 .item-page, .itemid-105 .item-page, .itemid-119 .item-page, .itemid-120 .item-page, .itemid-121 .item-page {
  margin: 30px auto;
}

.itemid-121 .item-page {
  background: url(/images/banners/background-website-01.jpg);
  background-size: contain;
}
.itemid-104 .item-page {
  background: url(/images/banners/pexels-henry.jpg);
  background-size: contain;
}
.mod-breadcrumbs li {
  background-color: gold;
  font-size: small;
}

.page-header {
  padding: 10px 0 0 10px;
}
.article-info {
  padding-left: 10px;
}

.dj-simple-contact-form.style-2 textarea, .dj-simple-contact-form.style-2 .inputbox {
  color: black !important;
}

.site-grid {
    background: url('/images/edsa-traffic.jpg');
    background-blend-mode: soft-light;
    background-color: darkgray;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    grid-gap: 0 !important;
}

.container-header  {
    background: url('/images/mrt_philippines-3.jpg');
    background-position: right;
    background-repeat: no-repeat;
    background-color: var(--cassiopeia-color-primary);
    background-blend-mode: difference;
}

.container-bottom-b .card-body {
    background-color: RGBA(1,1,86,var(--bg-opacity,1))!important;
    color: #fff!important;
}
.container-bottom-b .card-header {
    background-color: RGBA(165,31,24,var(--bg-opacity,1))!important;
    color: #fff!important;
}

@media (max-width: 991.98px) {
  .footer .grid-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.footer .grid-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-evenly;
    padding: 2.5rem .5em;
}
.footer {
  margin-top: 0;
}

.footer .metismenu.mod-menu .mm-collapse {
  background-color: darkgrey;
}

ul > li {
  padding: .25rem;
}