/* header na kursu */

.sensei-course-theme:not(.learning-mode-full-width) .sensei-course-theme__header.sensei-course-theme__frame:not(.learning-mode-full-width-header) {
  background-color: var(--sensei-background-color) !important;
  color: var(--wp--preset--color--primary) !important;
}

/* sajdbar na kursu? */

.sensei-course-theme.sensei-modern .sensei-course-theme__header, .sensei-course-theme.sensei-modern .sensei-course-theme__sidebar {
	background-color: #FCF7F5 !important;
	color: var(--wp--preset--color--primary) !important;
}

.sensei .entry-content section {
  border-radius: 8px;
}

.has-custom-seesac-blue-background-color {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* sajdbar na kursu, font */

.sensei-lms-course-navigation-module__title {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 100%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
	color: var(--wp--preset--color--custom-seesac-white-blue) !important
}


/* H5P */

/* Initially hide the section */
.kontrole {
    opacity: 0;
    visibility: hidden;
}

/* Use keyframes animation to delay the appearance */
@keyframes delay-appear {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

/* Apply the animation with a delay */
.kontrole {
    animation: delay-appear 0.5s linear 1s forwards;
}

.has-custom-seesac-blue-background-color {
    background-color: var(--wp--preset--color--custom-seesac-blue) !important;
    z-index: 0;
}

/* Header */

header {
    background-color: transparent;
    background-color: rgba(252, 247, 245, 0.3);
    backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
    padding: 5px;
    position: sticky;
    top: -20px;
    z-index: 100;
}

.has-custom-seesac-white-orange-color {
    opacity: 0; /* Adjust the value (0 to 1) for the desired level of transparency */
}

/* User Options */

#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background: #ffffff;
    border-color: #475bb2;
}

#user-registration.vertical .user-registration-MyAccount-navigation {
    background: rgb(252, 247, 245);
    width: 25%;

}

#user-registration {
    background-color: #ffffff;
    margin: 10px 0;
}

.editor-styles-wrapper .wp-block-sensei-lms-learner-courses__filter, #user-course-status-toggle {
    display: flex;
    border-bottom: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Login Form */

#user-registration.user-registration, #user-registration * {
    box-sizing: border-box;
    border-radius: 2px;
}

.ur-frontend-form.login {
    margin: 0;
    padding: 20px;
    box-shadow: none;
    background: none;
}

.ur-frontend-form {
    margin-bottom: 30px;
    border: 2px solid #475bb2;
    padding: 20px;
    box-sizing: border-box;
}

.ur-frontend-form.ur-frontend-form--rounded form input[type="submit"], .ur-frontend-form.ur-frontend-form--rounded form button[type="submit"], .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev, .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next {
	border: 0 none;
	color: #ffffff;
	border-radius: 25px;
	float: none;
	display: block;
	padding: 15px 25px;
	background-color: black;
}

/* Kurs gotov */

.wp-block-sensei-lms-course-results__module-header, .editor-styles-wrapper .wp-block-sensei-lms-course-results__module-header {
    padding: 16px;
    font-weight: bold;
    background: var(--sensei-module-header-bg-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: var(--sensei-module-header-text-color);
}

/* kursevi */

.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__header, .wp-block .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__header {
    padding: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    border-radius: 7px 7px 0px 0px;
}

.logged-out .student-courses
{
    display: none;
}