@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6{
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

img{
max-width: 100%;
height: auto
}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
/*
.mec-event-date {
  min-width: 52px;
  width: fit-content;
  background-color: #1f5070;
  position: relative;
  float: left;
  color: #fff;
  width: 52px;
  padding: 6px 4px 3px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 3px;
}

.mec-event-date:after {
  display: block;
  content: '';
  position: absolute;
  width: 50px;
  left: 1px;
  top: 1px;
  height: 34px;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .02);
}*/

.mec-event-date {
  width: fit-content;
  background-color: #1f5070;
  position: relative;
  float: left;
  color: #fff;
  text-align: center;
   border-radius: 10px;
    color: #fff;
    padding-bottom: 5px;
    text-align: center;
    clear: both;
    box-shadow: 2px 2px 4px -2px #000;
}

.mec-event-date span{
background-color: rgba(255,255,255,.4);
    display: block;
    margin-bottom: 3px;
    padding: 10px 20px 5px 20px;
    border-radius: 10px 10px 1px 1px;


}

a .card{
  transition: transform .15s; /* Animation */

}

a:hover .card, .btn-primary:hover{
  transform: scale(1.04)
}

.navbar-nav .nav-item a{
  font-weight: 600;
}


a{
  color: #1f5070;
}

.btn-primary, .bg-primary{
  background-color:#1f5070 !important;
  border-color: #1f5070 !important;
}