
/* Nadpisanie stylów przycisków H5P */
.h5p-joubelui-button, 
.h5p-question-check-answer, 
.h5p-question-next, 
.h5p-question-previous, 
.h5p-question-try-again, 
.h5p-question-show-solution {
    background-color: #F08398 !important;
    color: white !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 20px !important;
    transition: background-color 0.3s ease-in-out !important;
}

.h5p-joubelui-button:hover {
    background-color: #1A2C6A !important;
}

/* Zmiana koloru tekstu dla feedbacku */
.h5p-question-feedback-content.has-content {
    color: #182A69 !important;
}

ul.h5p-actions {
    display:none;
}

.h5p-container {
    border-radius: 20px!important;
    border: 1px solid #90CADB!important;
	font-family: "Montserrat", sans-serif !important;
	padding: 20px 10px!important;
	color: #1A2C6A!important;
}

.h5p-alternative-container {
    background:#EAF3F7!important;
    box-shadow: 0em .1em 0em #92CADA!important;
}

.ui-droppable {
    background:#EAF3F7!important;
}

.ui-draggable.ui-draggable-handle.h5p-drag-draggable-wide-screen {
    background:#F3C62B!important;
    color:#223365!important;
    box-shadow:none!important;
    border:1px solid #90CADB!important;
}

li.h5p-sc-alternative {
    background:#EAF3F7!important;
    box-shadow: 0em .1em 0em #92CADA!important;
}

.h5p-joubelui-progressbar-background {
    background-color: #F2C52A!important
}
