.elementor-1142 .elementor-element.elementor-element-13cf9e3{--display:flex;}/* Start custom CSS */#hstp-buletin-native {
  width: 100%;
  color: #121612;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: transparent !important;
}

body.page-id-1142,
body.page-id-1142 .main,
body.page-id-1142 .main-raised,
body.page-id-1142 .blog-post,
body.page-id-1142 .page-content,
body.page-id-1142 .entry-content,
body.page-id-1142 article,
body.page-id-1142 .elementor,
body.page-id-1142 .elementor-widget-container,
body.page-id-1142 .elementor-section,
body.page-id-1142 .elementor-container,
body.page-id-1142 .elementor-widget-wrap {
  background-color: transparent !important;
}

body.page-id-1142 {
  background-image: url("https://hstp.fkh.ugm.ac.id/wp-content/uploads/sites/641/2026/06/Foto-Bunga.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

#hstp-buletin-native,
#hstp-buletin-native .buletin-wrap,
#hstp-buletin-native .buletin-head,
#hstp-buletin-native .buletin-reader,
#hstp-buletin-native .buletin-table-stage,
#hstp-buletin-native .buletin-flip-layer,
#hstp-buletin-native .df-ui-wrapper,
#hstp-buletin-native .df-book-wrapper {
  box-sizing: border-box;
}

#hstp-buletin-native a {
  color: inherit;
  text-decoration: none;
}

#hstp-buletin-native .buletin-wrap {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 54px 18px 76px;
  background: transparent !important;
}

#hstp-buletin-native .buletin-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 22px;
}

#hstp-buletin-native .buletin-kicker {
  margin: 0 0 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
  text-transform: uppercase;
}

#hstp-buletin-native .buletin-subtitle {
  max-width: 560px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.7;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

#hstp-buletin-native .buletin-download {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  color: #fff;
  background: #1f3d27;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

#hstp-buletin-native .buletin-reader {
  position: relative;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 22px;
  background: transparent !important;
  padding: 18px;
  box-shadow: none;
}

#hstp-buletin-native .buletin-table-stage {
  position: relative;
  width: min(100%, 1040px);
  min-height: 0;
  margin: 0 auto;
  overflow: visible;
  padding-top: 0;
  isolation: isolate;
}

#hstp-buletin-native .buletin-table-art {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  pointer-events: none;
  transform: none;
}

#hstp-buletin-native .buletin-flip-layer {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 4.4%;
  height: 57.4%;
  z-index: 1;
}

#hstp-buletin-native .buletin-table-stage .df-ui-wrapper,
#hstp-buletin-native .buletin-table-stage .df-book-wrapper,
#hstp-buletin-native .buletin-table-stage .df-container,
#hstp-buletin-native .buletin-table-stage .df-viewer-container,
#hstp-buletin-native .buletin-table-stage .df-viewer-wrapper {
  position: relative;
  z-index: 1;
}

#hstp-buletin-native .df-ui-wrapper,
#hstp-buletin-native .df-book-wrapper,
#hstp-buletin-native .df-container,
#hstp-buletin-native .df-flipbook,
#hstp-buletin-native .df-viewer-container,
#hstp-buletin-native .df-viewer-wrapper {
  width: 100%;
  min-height: 640px;
}

#hstp-buletin-native .df-ui-wrapper {
  border-radius: 16px;
  overflow: visible;
  background-color: transparent !important;
  background-image: none !important;
}

#hstp-buletin-native .df-book-wrapper,
#hstp-buletin-native .df-container {
  height: 78vh;
  max-height: 920px;
  min-height: 640px;
  background-color: transparent !important;
  background-image: none !important;
}

#hstp-buletin-native .buletin-flip-layer .df-ui-wrapper,
#hstp-buletin-native .buletin-flip-layer .df-book-wrapper,
#hstp-buletin-native .buletin-flip-layer .df-container,
#hstp-buletin-native .buletin-flip-layer .df-flipbook,
#hstp-buletin-native .buletin-flip-layer .df-viewer,
#hstp-buletin-native .buletin-flip-layer .df-viewer-container,
#hstp-buletin-native .buletin-flip-layer .df-viewer-wrapper {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
}

#hstp-buletin-native .df-app,
#hstp-buletin-native .df-ui,
#hstp-buletin-native .df-viewer,
#hstp-buletin-native .df-viewer-container,
#hstp-buletin-native .df-viewer-wrapper,
#hstp-buletin-native .df-main-wrapper,
#hstp-buletin-native .df-flipbook,
#hstp-buletin-native .df-bg,
#hstp-buletin-native .df-stage,
#hstp-buletin-native .df-book-stage,
#hstp-buletin-native .df-book,
#hstp-buletin-native .df-3dcanvas,
#hstp-buletin-native .df-sheet,
#hstp-buletin-native .df-sheet-left,
#hstp-buletin-native .df-sheet-right,
#hstp-buletin-native .df-sheet-left-side,
#hstp-buletin-native .df-sheet-right-side,
#hstp-buletin-native .df-sheet-wrapper,
#hstp-buletin-native .df-book-shadow,
#hstp-buletin-native .df-sheet-fold-inner-shadow,
#hstp-buletin-native .df-sheet-fold-outer-shadow,
#hstp-buletin-native canvas,
#hstp-buletin-native .df-book-wrapper div,
#hstp-buletin-native .df-container div {
  background-color: transparent !important;
  background-image: none !important;
}

#hstp-buletin-native .df-app,
#hstp-buletin-native .df-ui,
#hstp-buletin-native .df-viewer,
#hstp-buletin-native .df-viewer-container,
#hstp-buletin-native .df-viewer-wrapper,
#hstp-buletin-native .df-main-wrapper,
#hstp-buletin-native .df-flipbook,
#hstp-buletin-native .df-bg,
#hstp-buletin-native .df-stage,
#hstp-buletin-native .df-book-stage,
#hstp-buletin-native .df-3dcanvas,
#hstp-buletin-native canvas {
  background-image: none !important;
}

#hstp-buletin-native .df-viewer-container,
#hstp-buletin-native .df-viewer-container * {
  box-shadow: none;
}

#hstp-buletin-native .df-ui-wrapper,
#hstp-buletin-native .df-book-wrapper,
#hstp-buletin-native .df-container,
#hstp-buletin-native .df-viewer,
#hstp-buletin-native .df-viewer-container,
#hstp-buletin-native .df-viewer-wrapper,
#hstp-buletin-native .df-main-wrapper,
#hstp-buletin-native .df-flipbook {
  overflow: visible !important;
}

#hstp-buletin-native .df-viewer-wrapper {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

#hstp-buletin-native .df-viewer-container {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 720px) {
  body.page-id-1142,
  #hstp-buletin-native {
    background-attachment: scroll !important;
  }

  #hstp-buletin-native .buletin-wrap {
    padding: 34px 14px 56px;
  }

  #hstp-buletin-native .buletin-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #hstp-buletin-native .buletin-download {
    width: 100%;
  }

  #hstp-buletin-native .buletin-reader {
    padding: 8px;
    border-radius: 16px;
  }

  #hstp-buletin-native .buletin-table-stage {
    width: 100%;
    min-height: 0;
    padding-top: 0;
  }

  #hstp-buletin-native .buletin-table-art {
    width: 100%;
    max-width: none;
  }

  #hstp-buletin-native .buletin-flip-layer {
    left: 7%;
    right: 7%;
    top: 4.4%;
    height: 57.4%;
  }

  #hstp-buletin-native .df-book-wrapper,
  #hstp-buletin-native .df-container,
  #hstp-buletin-native .df-flipbook {
    height: 72vh;
    min-height: 520px;
  }
}/* End custom CSS */