#catagoryTab{
  background-color: var(--ivory) !important;
}
#catagoryTab .card-title{
  font-family: var(--bbas-font) !important;
}
#catagoryTab .card-text a:hover{
  color: var(--ochre-soft) !important;
}


#Details .card{
  border-top: 3px solid var(--maroon) !important;
}
#Details .title-menu{
  color: var(--maroon-deep) !important;
  font-family: var(--bbas-font) !important;
}
#Details .subtitle-menu{
  color: var(--ochre) !important;
  font-family: var(--bbas-font) !important;
}
#Details .Building-paragraph{
  color: var(--ink-soft) !important;
  font-family: var(--bbas-font) !important;
}
#Details .carousel-indicators li{
  background-color: var(--maroon) !important;
}


.row.explore{
  background-color: var(--ivory-deep) !important;
}
#explore .self-color{
  color: var(--maroon-deep) !important;
  font-family: var(--bbas-font) !important;
}
#explore .navbar-light .navbar-nav .nav-link:focus,
#explore .navbar-light .navbar-nav .nav-link:hover{
  background-color: var(--ivory) !important;
}
#explore .navbar-light .navbar-nav .active > .nav-link,
#explore .navbar-light .navbar-nav .nav-link.active,
#explore .navbar-light .navbar-nav .nav-link.show,
#explore .navbar-light .navbar-nav .show > .nav-link{
  background-color: var(--white) !important;
  color: var(--maroon-deep) !important;
  box-shadow: inset 0 -3px 0 var(--ochre) !important;
}
#explore .carousel-control-next.custom-design, #explore .carousel-control-prev.custom-design{
  background-color: var(--maroon-deep) !important;
}
#explore .card{
  border-top: 3px solid var(--maroon) !important;
}
#explore .card-title{ color: var(--maroon-deep) !important; }