/*
 Theme Name:   eLearningWP Child
 Theme URI:    http://elearningwp.thimpress.com/
 Description:  eLearningWP Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     elearningwp
 Version:      1.0.0
 Text Domain:  elearningwp-child
*/
/* ────────────────────────────────────────────────
   1) QUIZ BRANDING: headers, progress bar & buttons
──────────────────────────────────────────────── */
.h5p-content .h5p-quiz-header {
  background: #0f3d3c !important;    /* dark teal */
}

.h5p-content .h5p-quiz-progress {
  background: #006e5c !important;    /* deep green */
}

.h5p-content .h5p-button.h5p-finalize-button,
.h5p-content .h5p-submit-answer,
.h5p-content .h5p-check-answer {
  background: #006e5c !important;
  color: #f5f0e4 !important;         /* cream */
  font-weight: 600;
  border-radius: .5rem !important;
}

/* hover state */
.h5p-content .h5p-button.h5p-finalize-button:hover,
.h5p-content .h5p-submit-answer:hover,
.h5p-content .h5p-check-answer:hover {
  background: #004d3c !important;    /* darker teal */
}

/* navigation dots */
.h5p-quiz-navigation .h5p-quiz-progress-dots .h5p-quiz-progress-dot {
  background: rgba(245,240,228,0.4);  /* cream @ 40% */
}
.h5p-quiz-navigation .h5p-quiz-progress-dots .h5p-quiz-progress-dot.h5p-current {
  background: #f5f0e4;               /* cream */
}

/* ────────────────────────────────────────────────
   2) HIDE the “Reuse / Embed” toolbar
──────────────────────────────────────────────── */
.h5p-question-progress,
.h5p-reuse,
.h5p-embed {
  display: none !important;
}

/* ────────────────────────────────────────────────
   3) LOGO STRIP — inserts your logo above every quiz
──────────────────────────────────────────────── */
.h5p-content {
  position: relative;
  padding-top: 3.5rem;  /* leave space for the logo strip */
}

.h5p-content::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 3rem;                    /* adjust height as needed */
  background: url('/wp-content/uploads/your-logo.png') no-repeat center;
  background-size: contain;
  pointer-events: none;            /* clicks pass through */
  z-index: 10;
}