/*
Theme Name: TJJK
Template: hello-elementor
Version: 1.0
Text Domain: tjjk
*/
.instructor-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  
}

.instructor-gallery .instructor-info {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

@media (min-width: 480px) {
  .instructor-gallery .instructor-info {

    width: 50%;
  
  }
}
@media (min-width: 1020px) {
  .instructor-gallery .instructor-info {

    width: 25%;
  
  }
}

.instructor-gallery .instructor-info .instructor-image {
  width: 200px;
  height: 200px;
  border-radius:100px;
  overflow:hidden;
  margin: 0 auto;
}

.instructor-gallery .instructor-info .instructor-image img {
  width:100%;
  height:auto;
}


.event-list {
  
}

.event-list .event-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px 0 20px;
}
.event-list .event-info .event-title {
  width: 100%;
  line-height:1.2;
  font-size: 14pt;
  font-weight: bold;
  margin:0;
}
.event-list .event-info .event-dates {
  width: 100%;
  line-height:1.2;
  font-size: 14pt;
  font-weight: normal;
  margin:0;
}
.event-list .event-info .event-content {
  width: 100%;
  line-height:1.2;
  font-size: 14pt;
  font-weight: normal;
  margin:0;
}


@media (min-width: 480px) {
  .event-list .event-info .event-title {
    width: 50%;
  }
  .event-list .event-info .event-dates {
    width: 50%;
  }
  .event-list .event-info .event-content {
    width: 100%;
  }
}
@media (min-width: 1020px) {
  .event-list .event-info .event-title {
    width: 30%;
  }
  .event-list .event-info .event-dates {
    width: 30%;
  }
  .event-list .event-info .event-content {
    width: 40%;
  }
}