/* start language */
/* language dropdown */
.langSelectorListItem, .langSelectorList {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Language - Selector */
.langSelector {
  margin: 25px 10px;
  position: relative;
  background-color: white;
}

.langSelectorHeader {
  background-color: white;
  color: black;
  cursor: pointer;
  border: 1px solid black;
}

.langSelectorTitle {
  display: block;
  position: relative;
  padding: 9px 30px 10px 44px;
  height: 36px;
  font-weight: 400;
}
.langSelectorTitle .fa {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
  font-size: 12px;
}

.langSelectorBody {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 95%;
  background-color: inherit;
  transition: all 0.2s ease-in-out;
}
.langSelectorHeader:hover + .langSelectorBody, .langSelectorHeader:focus + .langSelectorBody, .langSelectorBody:hover, .langSelectorBody:focus, .langSelectorBody:active {
  display: block;
}

.langSelectorListItem + .langSelectorListItem {
  border-top: 1px solid #ddd;
}

.langSelectorListName {
  display: block;
  position: relative;
  padding: 9px 30px 10px 44px;
  height: 36px;
  transition: all 0.2s ease-in-out;
}
.langSelectorListName, .langSelectorListName:link, .langSelectorListName:visited {
  text-decoration: none;
  color: inherit;
}
.langSelectorListName:hover, .langSelectorListName:focus, .langSelectorListName:active, .langSelectorListName.active {
  background-color: #3fb5b5;
  color: #fff;
}

.langSelectorListNameFlag {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  left: 10px;
  top: 10px;
  width: 24px;
  height: 16px;
  vertical-align: top;
}
.langSelectorListNameFlag img {
  display: block;
  position: absolute;
  left: 50%;
  max-height: 100%;
  transform: translateX(-50%);
}

.langSelectorListNameLabel {
  display: inline-block;
  vertical-align: top;
}

.active-link{
  color:#3fb5b5;
}
/* end language */

/* start testimoni */
.testimonial-thumb {
  width: 150px; /* Sesuaikan ukuran sesuai kebutuhan */
  height: 150px; /* Sesuaikan ukuran sesuai kebutuhan */
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* end testimoni */

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
  
.gallery-item {
    border: 1px solid #ccc;
    padding: 10px;
}
  
.gallery-item img {
    width: 100%;
    height: auto;
}
  
.gallery-item video {
    width: 100%;
    height: auto;
}

.contact-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }
  
  .contact-container h2 {
    margin-bottom: 10px;
  }
  
  .contact-container p {
    margin-bottom: 5px;
  }
  
  .map-container {
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin-top: 20px;
  }

.dataTables_filter input[type="submit"] {
    padding: 0;
}

.features-content p{
  font-size: larger;
}
.features-content li{
  font-size: larger;
}

/* datatables */
.clean-datatable {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}

.clean-datatable th,
.clean-datatable td {
padding: 8px;
text-align: left;
border: none;
}

.dataTables_filter {
float: right;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
padding: 5px;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate .pagination {
font-size: 16px;
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable tfoot th {
padding: 5px;
}

.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
padding: 5px;
font-size: 16px;
}

.dataTables_wrapper .dataTables_scrollHead table.dataTable,
.dataTables_wrapper .dataTables_scrollBody table.dataTable {
width: 100% !important;
}

.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
background-color: #3fb5b5;
border-color: #3fb5b5;
}

/* information - galeri */
.gallery-section .grid-item {
  position: relative;
  display: inline-block;
  margin: 10px;
}

.gallery-section .card {
  position: relative;
  max-width: 300px;
}

.gallery-section .card video {
  width: 100%;
  height: auto;
}

.gallery-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.gallery-section .grid-item:hover .overlay {
  opacity: 1;
}

@keyframes fadeInOverlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.gallery-section .overlay-text {
  color: white;
  font-size: 18px;
}

.gallery-section .overlay-text {
  color: white;
  font-size: 18px;
}

.gallery-section .gallery-right{
  width: 500px;
  margin: 0 0 0 10px;
}
 
/* information - event */
.s-image{
  height: 200px;
}

.s-image img{
  height: auto;
  width: 100%;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-sidebar {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 30px;
  /* position: sticky; */
  top: 0;
}

.faq-sidebar .sidebar-widget .recent-posts ul li .post-link .post-text .title {
  font-size: 14px;
  line-height: 20px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  transition: all 0.3s linear;
  color: #333333;
}

.faq-details-post .single-faq-post{
  padding: 5px;
}

.event-popular-thumb{
  width: 70px;
  height: 70px;
}

.event-popular-thumb img{
  object-fit: cover;
}

/* Home */
.event-home{
  width: 400px;
}

.event-home img{
  width: 400px;
  height: 200px;
  object-fit:cover;
}

.splide__slide {
  display: flex;
  align-items: center;
  justify-content: center; /* Mengatur gambar di tengah secara horizontal */
  height: 200px; /* Sesuaikan tinggi elemen slide sesuai kebutuhan Anda */
}

.splide__slide img {
  max-width: 200px;
  height: auto;
  padding: 15px;
}

.team_pelaksana .team-profile .profile-img {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.team_pelaksana .team-profile .profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

/* 
FORM
*/
.contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, select {
  font-size: 20px;
}

.contact-form-wrap .single-form select {
  width: 100% !important;
  height: 55px;
  padding: 10px 25px;
  padding-top: 15px;
  border-radius: 0;
  resize: none;
  font-weight: 700;
}

.contact-form-wrap .single-form textarea {
  font-size: 20px;
  font-weight: 700;
}

/* 
Member things
*/
.lihat-link {
  color:#3fb5b5;
}
.update-link {
  color: #d1ab00;
}
.btn-danger {
  background: rgb(214, 48, 48);
}

/* Warna baris ganjil */
#example1 tbody tr:nth-child(odd) {
    background-color: #dfdfdf;
}
/* Warna baris genap */
#example1 tbody tr:nth-child(even) {
    background-color: #ffffff;
}