.widget-kit-wcontentsuggest { position: relative; overflow: hidden; font-family: 'Prompt';}

.widget-kit-wcontentsuggest .galleryNext { position: absolute; top: 42%; right: 0px; font-size: 60px; cursor: pointer; color: #FFF; background: rgba(0,0,0,0.8); padding: 0px 5px 0px 10px; }
.widget-kit-wcontentsuggest .galleryPrev { position: absolute; top: 42%; left: 0px; font-size: 60px; cursor: pointer; color: #FFF; background: rgba(0,0,0,0.8); padding: 0px 10px 0px 5px; }

.widget-kit-wcontentsuggest .infocard {margin-bottom: 15px;}
.widget-kit-wcontentsuggest .infocard .detail {font-size: 2rem; padding: 15px 0px 7px;line-height: 29px;width: 100%;height: auto;display: block;float: left;}
.widget-kit-wcontentsuggest .infocard .detail .detail-title {font-size: 2.6rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.widget-kit-wcontentsuggest .infocard .detail .detail-title, 
.widget-kit-wcontentsuggest .infocard .detail .detail-row {padding: 3px 0px;}
.widget-kit-wcontentsuggest .infocard .detail .detail-row {position: relative;width: 100%;float: unset;}
.widget-kit-wcontentsuggest .infocard .detail .detail-title a,
.widget-kit-wcontentsuggest .infocard .detail .detail-title div {
  font-family: 'Prompt';
  color:#333;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 40px; /*3 x 20*/
  margin: 0 auto;
  font-size: 18px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Image Scale */
.widget-kit-wcontentsuggest .infocard .image {
   box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34);
   position: relative;
   width: 100%;
   /* 
   padding-top: 100%; => 1:1 Aspect Ratio
   padding-top: 75%; => 4:3 Aspect Ratio
   padding-top: 66.66%; => 3:2 Aspect Ratio
   padding-top: 62.5%; => 8:5 Aspect Ratio
   padding-top: 56.25%; => 16:9 Aspect Ratio
   padding-top: 50%; => 2:1 Aspect Ratio
   padding-top: 33.33%; => 3:1 Aspect Ratio
   */
}

.widget-kit-wcontentsuggest .infocard .department-image { width: 50px; display: inline-block; padding-right: 15px;}
.widget-kit-wcontentsuggest .infocard .slideset-content-date em { padding-right: 10px; }

.widget-kit-wcontentsuggest .infocard .image.ratio-1-1 { padding-top: 100%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-4-3 { padding-top: 75%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-3-2 { padding-top: 66.66%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-8-5 { padding-top: 62.5%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-16-9 { padding-top: 56.25%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-2-1 { padding-top: 50%; }
.widget-kit-wcontentsuggest .infocard .image.ratio-3-1 { padding-top: 33.33%; }
.widget-kit-wcontentsuggest .infocard .image img {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
   object-fit: cover;
}
.widget-kit-wcontentsuggest .infocard .image video {position:  absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000;}
.widget-kit-wcontentsuggest .infocard .image iframe {position:  absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000;}

.widget-kit-wcontentsuggest .infocard .image .date-image { position: absolute; top: 0; left: 0; padding: 5px; background-color: #000; color: #fff;}


.widget-kit-wcontentsuggest .read-more-t {}
.widget-kit-wcontentsuggest .read-more-b {}
.widget-kit-wcontentsuggest .btn-read-more-all {padding: 5px; display: inline-block; border: 1px solid #000; color: #000; background-color: #ccc; }
.widget-kit-wcontentsuggest .btn-position-tr, .widget-kit-wcontentsuggest .btn-position-br {text-align: right;}
.widget-kit-wcontentsuggest .btn-position-tc, .widget-kit-wcontentsuggest .btn-position-bc {text-align: center;}
.widget-kit-wcontentsuggest .btn-position-tl, .widget-kit-wcontentsuggest .btn-position-bl {text-align: left;}

/* Line Clamp */
.widget-kit-wcontentsuggest .infocard .detail .detail-row a,
.widget-kit-wcontentsuggest .infocard .detail .detail-row div {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 54px; /*3 x 18 */
  margin: 0 auto;
  font-size: 16px;
  line-height: 18px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-kit-wcontentsuggest .infocard .detail .detail-date {
  display: flex;
  justify-content: space-between;
}
.widget-kit-wcontentsuggest .infocard .detail .detail-date em {
  margin-right: 5px;
}


/*
.widget-kit-wcontentsuggest .infocard .detail .detail-row a.h1,
.widget-kit-wcontentsuggest .infocard .detail .detail-row div.h1 {
  height: 97px;
  font-size: 32px;
}
.widget-kit-wcontentsuggest .infocard .detail .detail-row a.h2,
.widget-kit-wcontentsuggest .infocard .detail .detail-row div.h2 {
  height: 73px;
  font-size: 24px;
}
.widget-kit-wcontentsuggest .infocard .detail .detail-row a.h3,
.widget-kit-wcontentsuggest .infocard .detail .detail-row div.h3 {
  height: 55px;
  font-size: 18px;
}
.widget-kit-wcontentsuggest .infocard .detail .detail-row a.h4,
.widget-kit-wcontentsuggest .infocard .detail .detail-row div.h4 {
  height: 52x;
  font-size: 17px;
}
*/

/* Custom Slick */
.widget-kit-wcontentsuggest .slick-dotted.slick-slider {padding: 30px;}
.widget-kit-wcontentsuggest .slick-dots { bottom: 0; }
.widget-kit-wcontentsuggest .slick-dots li button:before { font-size: 10px; }
span.detail-view-amount  {float:right;}

/* modal */
.widget-kit-wcontentsuggest .modal-dialog {
  width: 80%;
}
.widget-kit-wcontentsuggest .modal-content .modal-body {
  position: relative;
}
.widget-kit-wcontentsuggest .modal-content .modal-body .modal-body-title {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  color: #0973D7;
}
.widget-kit-wcontentsuggest .modal-content .modal-body .modal-body-title em {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0973D7;
  color: #fff;
  text-align: center;
  line-height: 32px;
  margin-right: 5px;
}
.widget-kit-wcontentsuggest .modal-content .modal-body .close-img {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  right: -16px;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #000;
  background-color: #fff;
}

.widget-kit-wcontentsuggest-button {
  font-family: 'Prompt';
  position : fixed;
  top: 50px;
  right: 0;
  display: block;
  width: 115px;
  padding: 15px;
  text-align: center;
  background-color: #692368;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  font-size: 16px ;
}
.widget-kit-wcontentsuggest-button em { 
  font-size: 24px;
}