/* #eventCards .eachEvent{
  margin-bottom: 30px !important;
  box-shadow: 3px 5px 10px rgba(207, 207, 207, 0.3);
  border: 1px solid rgba(198, 198, 198, 0.63);
  border-radius: 5px
}

#eventCards .eachEvent .imgBx{
  width: 100%;
  height: 150px;
  box-shadow: 0px 5px 5px rgb(208, 208, 208)
}

#eventCards .eachEvent .imgBx img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#eventCards .eachEvent h3{
  margin-top: 20px;
  font-size: 15px;
  display: block;
  height: 60px;
  padding-left: 7px;
  padding-right: 7px;
}

#eventCards .bottomBx{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 15px;
}

#eventCards .bottomBx span{
  background-color: rgb(240, 240, 240);
  color: rgb(149, 149, 149);
  font-weight: 200;
  padding: 2px 10px;
  border-radius: 3px
} */

#eventCards .eachEvent{
  width: 100%;
  /* border-left: 2px solid var(--RCFprimary); */
  margin-bottom: 30px
}

#eventCards .eachEvent .imgBx{
  width: 100%;
  height: 150px;
  /* box-shadow: 0px 5px 5px rgb(208, 208, 208) */
  border: 1px solid rgb(186, 185, 185)
}

#eventCards .eachEvent .imgBx img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#eventCards .eachEvent .titleBx{
  font-size: 14px;
  display: block;
  height: 85px;
  padding: 10px;
  background-color: rgb(247, 247, 247);
  border-left: 3px solid var(--RCFprimary);
}

/* pagination stars */
.pagination .page-link{
  color: rgb(138, 138, 138)
}

.pagination .page-item:focus{
  border: none
}

.pagination .page-item.active .page-link{
  color: white;
  background-color: var(--RCFprimary);
  border-color: var(--RCFprimary)
}
/* pagination ends */

/* tablet devices */
@media only screen and (max-width: 1025px) and (min-width: 415px) {}


/* mobile devices */
@media only screen and (max-width: 414px) and (min-width: 1px) {
  #eventCards .eachEvent h3{
    padding-left: 15px;
    padding-right: 15px;
  }

  #eventCards .bottomBx{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}
