/*
	Theme Name:   LIGHT Group
	Theme URI:    https://themetech.id/
	Description:  Custom Theme for LIGHT Group.
	Author:       Themetech
	Author URI:   https://themetech.id/
	Template:     bricks
	Version:      1.0.3.1
	Text Domain:  sui
*/

/* Custom Block for News */
figcaption {
  text-align: left !important;
  font-weight: 700;
  color: var(--neutral-semi-light);
  font-size: var(--text-xs);
}

.also-read-card {
  display: flex;
  padding: 0.2rem 2rem 0.2rem 2rem;
  background-color: var(--white);
  gap: 1rem;
  border-left: 6px solid var(--primary);
}

.also-read-card .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.also-read-card__title,
.also-read-card__content {
  font-family: "OpenSans__";
  color: var(--primary);
  font-size: var(--text-m);
  max-width: 60ch;
}

.also-read-card__content {
  font-weight: 600;
}

/* Pre Loader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 1s ease-out;
}

.circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 5px;
  background-color: var(--primary-light);
  animation: colorChange 1.5s infinite;
}

@keyframes colorChange {
  0%,
  100% {
    background-color: var(--primary-light);
  }
  50% {
    background-color: var(--primary);
  }
}

#circle1 {
  animation-delay: 0s;
}
#circle2 {
  animation-delay: 0.3s;
}
#circle3 {
  animation-delay: 0.6s;
}
#circle4 {
  animation-delay: 0.9s;
}