/* elysium-site.css — styling for the JSON-rendered blocks added by the convert:
   the footer organisation widget, the Tentang Kami list page (branches,
   partners, people), article reference lists, and the collapse of media boxes
   whose image file is missing from the capture. Colours follow the theme
   (accent #8bc34a, dark footer skin). */

/* ----------------------------------------------------------- footer org */
.ely-footer-org {
  padding: 28px 0 8px;
  font-size: 14px;
  line-height: 1.7;
}
.ely-footer-org__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  color: inherit;
}
.ely-footer-org__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ely-footer-org__list > li {
  margin: 0 0 6px;
}
.ely-footer-org__label {
  display: inline-block;
  min-width: 74px;
  opacity: .72;
}
.ely-footer-org a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(139, 195, 74, .55);
}
.ely-footer-org a:hover {
  color: #8bc34a;
}
.ely-footer-org__links {
  margin-top: 10px;
}
.ely-footer-org__links a {
  border-bottom: 0;
  margin-right: 14px;
}
.ely-socmed {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ely-socmed__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(139, 195, 74, .55);
  border-radius: 50%;
  border-bottom-width: 1px;
}
.ely-socmed__link:hover {
  background: #8bc34a;
  color: #fff;
}
.ely-socmed__icon {
  display: block;
}

/* ------------------------------------------------------- tentang kami */
.ely-section {
  margin: 0 0 42px;
}
.ely-section__title {
  font-size: 24px;
  margin: 0 0 6px;
  border-bottom: 2px solid #8bc34a;
  padding-bottom: 8px;
}
.ely-section__intro {
  margin: 0 0 18px;
  opacity: .8;
}
.ely-profile {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
.ely-profile__logo {
  max-width: 180px;
  height: auto;
}
.ely-profile__lines {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 320px;
}
.ely-profile__lines > li {
  padding: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.ely-line__label,
.ely-profile__label {
  display: inline-block;
  min-width: 150px;
  font-weight: 600;
}
.ely-tags {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.ely-tag {
  background: rgba(139, 195, 74, .18);
  border-radius: 3px;
  padding: 1px 8px;
}
.ely-grid {
  margin-left: -12px;
  margin-right: -12px;
}
.ely-grid__col {
  padding: 12px;
}
.ely-card {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  border-top: 3px solid #8bc34a;
  border-radius: 3px;
  padding: 18px;
  background: #fff;
}
.ely-card__title {
  font-size: 17px;
  margin: 0 0 10px;
}
.ely-card__brand {
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  color: inherit;
}
.ely-card__logo,
.ely-card__photo {
  display: block;
  max-width: 120px;
  height: auto;
  margin: 0 0 12px;
}
.ely-card__lines {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.ely-card__lines > li {
  padding: 4px 0;
}
.ely-card__lines .ely-line__label {
  min-width: 96px;
  opacity: .7;
  font-weight: 400;
}

/* --------------------------------------------------------- references */
.ely-references {
  margin: 28px 0 0;
  padding: 14px 18px;
  background: rgba(139, 195, 74, .1);
  border-left: 3px solid #8bc34a;
  font-size: 14px;
}
.ely-references__intro {
  margin: 0 0 6px;
  font-weight: 600;
}
.ely-references__list {
  margin: 0 0 0 18px;
  padding: 0;
}

/* ------------------------------- lost images: collapse the empty boxes */
img[data-ely-broken] {
  display: none !important;
}
.woocommerce-product-gallery:not(:has(img)),
.woocommerce-product-gallery__wrapper:not(:has(img)),
.woocommerce-product-gallery__image:not(:has(img)),
.woocommerce ul.products li.product a:not(:has(img)) > .attachment-woocommerce_thumbnail {
  min-height: 0;
  height: auto;
  background: none;
}
.woocommerce-product-gallery:not(:has(img)) {
  display: none;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:not(:has(img)) {
  display: block;
  padding-top: 4px;
}

@media only screen and (max-width: 767px) {
  .ely-line__label,
  .ely-profile__label {
    min-width: 0;
    display: block;
  }
  .ely-footer-org {
    padding-top: 18px;
  }
}