/*
https://edu.fes.de/pluginfile.php/1/theme_boost_union/additionalresources/0/courseheader-event.png

https://edu.fes.de/pluginfile.php/1/theme_boost_union/additionalresources/0/courseheader-blended.png

https://edu.fes.de/pluginfile.php/1/theme_boost_union/additionalresources/0/courseheader-multi.png

https://edu.fes.de/pluginfile.php/1/theme_boost_union/additionalresources/0/courseheader-self.png
*/



/* General branding */
.format-designer ul.designer .badge.badge-notstarted {
	color: var(--primary);
	background-color: #f3fafa;
}

.format-designer .designer .badge-success {
	color: var(--primary);
	background-color: #c3e6e4;
}

@media (min-width: 1200px) {
	.format-designer .designer .section .content .section.link-layout li.activity .mod-content {
		width: calc(100% - 40px);
		max-width: 800px;
	}
}

.format-designer .designer .section.img-text .activity.modtype_label .activity-block .img-block {
	display: none;
}


.format-designer ul.designer .card.card-list.secondary,
.format-designer ul.designer .card.card-list {
	border: 1px solid #c3e6e4;
	border-left: 6px solid #c3e6e4;
	box-shadow: none;
}

.format-designer ul.designer .card.card-list.notstarted {
	border-left-color: #c3e6e4;
}

.format-designer ul.designer .card.card-list.success {
	border-left-color: #c3e6e4;
}

/* CARDS LAYOUT */

.format-designer .designer .section .content .section.card-layout li.activity:not(.modtype_label) .activity-block.designer  .activity-background-style {
	background-color: #f3fafa;
	border-color: #c3e6e4;
}

.format-designer .designer .section .content .section.card-layout li.activity:not(.modtype_label) .activity-block.designer .success  .activity-background-style {
	background-color: #c3e6e4;
}

.format-designer ul.designer .card-layout .card.card-list .card-body .mod-indent-outer>div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* LIST LAYOUT */

.format-designer .designer .section .content .section.list-layout li.activity:not(.modtype_label) .activity-block.designer  .activity-background-style {
	background-color: #f3fafa;
	border-color: #c3e6e4;
}

.format-designer .designer .section .content .section.list-layout li.activity:not(.modtype_label) .activity-block.designer .success  .activity-background-style {
	background-color: #c3e6e4;
}




/* Course header */ 
.format-designer .coursefields .designer-coursefield.coursefield-customfield_duration
 .coursefield-icon i::before {
	content: "\f017" !important;
}
.format-designer .coursefields .designer-coursefield.coursefield-category
 .coursefield-icon i::before {
	content: "\f07b" !important;
}
.format-designer .coursefields .designer-coursefield.coursefield-customfield_kurstyp
 .coursefield-icon i::before {
	content: "\f02b" !important;
}


/* VERTICAL CIRCLES LAYOUT */

.format-designer .designer .section.img-text.circles-layout .activity:not(.modtype_label) .activity-block .notstarted .img-block {
	background-color: #f3fafa;
	border: 2px solid #c3e6e4;
}

.format-designer .designer .section.img-text.circles-layout .activity:not(.modtype_label) .activity-block .success .img-block {
	background-color: #c3e6e4;
}

.format-designer .designer .section.img-text.circles-layout .activity:not(.modtype_label) .activity-block .img-block img {
	opacity: 0;
}


/* HORIZONTAL CIRCLES LAYOUT */

.format-designer .designer .section.img-text.section-type-horizontal_circles .activity:not(.modtype_label) .activity-block .notstarted .img-block {
	background-color: #f3fafa;
	border: 2px solid #c3e6e4;
}

.format-designer .designer .section.img-text.section-type-horizontal_circles .activity:not(.modtype_label) .activity-block .success .img-block {
	background-color: #c3e6e4;
}

.format-designer .designer .section.img-text.section-type-horizontal_circles .activity:not(.modtype_label) .activity-block .img-block img {
	opacity: 0;
}

/* LINK LAYOUT */

.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .activityinstance .activitytitle .img-element {
	margin-top: 0px;
}




/* FLOW */

.format-designer .designer.course-type-flow .course-section-header.flow-stack,
.format-designer .designer.course-type-flow .flow-stack-header + .section-background-color {
	background-color: #e1e6e6 !important;
}