/* Cedar: Libre Franklin as default H5P font */
@font-face {
  font-family: 'Libre Franklin';
  src: url('https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zcZiVbJ.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Libre Franklin';
  src: url('https://fonts.gstatic.com/s/librefranklin/v20/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhycKkANDJTedX18mE.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* Cedar: apply Libre Franklin to H5P content without overriding icon fonts */
.h5p-content {
  font-family: 'Libre Franklin', sans-serif;
}
.h5p-content *:not(span[class*="joubel-icon"]):not(span[class*="h5p-icon"]):not([class*="FontIcon"]):not(button) {
  font-family: 'Libre Franklin', sans-serif;
}

/* Cedar: H5P theme variables */
:root {
  --h5p-theme-font-name: 'Libre Franklin', sans-serif;
}

/* Cedar: fix legacy border-radius on nav buttons */
.h5p-course-presentation .h5p-footer .h5p-theme-nav-button {
  border-radius: var(--h5p-theme-border-radius-medium, 6px) !important;
  margin: 0 !important;
  padding: var(--h5p-theme-spacing-xs, 0.4em) var(--h5p-theme-spacing-s, 0.8em) !important;
}