.inside {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.field__input {
  width: 280px;
}

.events-list {
  display: grid;
  gap: 20px;
  padding: 20px;
}

/* Set up responsive grid layout */
@media (min-width: 768px) {
  /* For tablets and larger screens, display 2 columns */
  .events-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  /* For desktops and larger screens, display 3 columns */
  .events-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.event-item {
  box-shadow: rgba(138, 138, 138, 0.144) 0px 0px 0px 1px;
  padding: 2rem;
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 320px;
  animation: fadeInUP 0.75s ease-in-out;
  gap: 2rem;
}

.event-body {
  gap: 2rem;
}

.title-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  text-transform: uppercase;
}
.title-container h2 {
  font-size: 22px;
}

.time-event {
  display: flex;
  flex-direction: column;
  font-size: 36px;
  font-weight: 800;
  padding: 0 2rem 0 0;
  line-height: 1;
}

.black-sea-button .wp-element-button {
  margin: 0 0.5rem 0 0;
}

.event-img {
  position: relative; /* or 'absolute' if you need it detached from the normal flow */
  display: block;
  width: 98vw; /* 100% of the viewport width */
  height: 70vh; /* 80% of the viewport height */
  background-position: center center;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  background-repeat: no-repeat;
  filter: brightness(0.5);
  margin: 0 0 2rem 0;
  padding: 0; /* Ensure no padding */
}

.info-container {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
.info-container li {
  display: flex;
  align-items: center;
  margin: 0.2rem 0.2rem 0.2rem 0;
}
.info-container i {
  margin-right: 5px;
  color: #999;
}

/* Gallery Wrapper */
#gallery_wrapper {
  margin-top: 20px;
}
#gallery_wrapper .gallery_single_row {
  height: 100px;
}

#img_box_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery_single_row {
  position: relative;
  width: 150px;
  height: 150px;
}

.image_container {
  position: relative;
  cursor: pointer;
}

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

.button.remove {
  position: absolute;
  top: 5px;
  right: 5px;
  background: red;
  color: white;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 50%;
}

.button.add {
  margin-top: 15px;
}

.post-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.gallery-item img {
  width: 140px;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Lightbox Styles */
#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

#lightbox img.lightbox-content {
  max-width: 90%;
  max-height: 90%;
}

.lightbox-close, .lightbox-prev, .lightbox-next {
  position: absolute;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
}

.lightbox-close {
  top: 10px;
  right: 10px;
}

.lightbox-prev {
  left: 10px;
}

.lightbox-next {
  right: 10px;
}

.sharing__container {
  justify-items: center;
}
.sharing__container .social-share {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  align-items: center;
  margin: 20px 0;
}

/* General Styles */
#container-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Card Style */
.card-am {
  display: flex;
  flex-direction: column;
  background-color: rgba(216, 223, 225, 0.35);
  border-radius: 7px;
  margin: 0.7em;
  transition: transform 1400ms ease;
  flex-wrap: wrap;
  width: 420px;
  align-content: flex-start;
  transition: transform 0.3s ease;
}

.card-am:hover {
  transform: translateY(-5px);
}

.img-container {
  flex: 2;
  overflow: hidden;
}

.img-container img {
  width: 420px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  border-radius: 0;
}

.container-am {
  flex: 1;
  padding: 1rem 1.5rem 2.5rem 1.5rem;
}
.container-am h2 {
  font-size: 32px;
  text-transform: uppercase;
}

.wp-event-content {
  margin: auto;
  max-width: 950px;
}

/* Event Title and Button *//*# sourceMappingURL=style.css.map */