/*
 Theme Name:   Studio You I Design
 Theme URI:    https://www.youidesign.nl
 Description:  Studio You I Design
 Author:       Cindy van den Berg
 Author URI:   https://www.youidesign.nl
 Template:     hello-elementor
 Version:      1.0.0
 Tags:         
 Text Domain:  hello-elementor-child
*/
 
/* =Eigen CSS hier beneden plaatsen */

@font-face {
	src: url(https://www.academy.chiela.nl/wp-content/uploads/2023/08/OGG-LIGHT.ttf);
	font-family: OGG;
}

@font-face {
	src: url(https://www.academy.chiela.nl/wp-content/uploads/2023/08/MARISA-LIGHT.ttf);
	font-family: marisa;
}

@font-face {
	src: url(https://www.academy.chiela.nl/wp-content/uploads/2023/08/CHARTER-REGULAR.ttf);
	font-family: charter;
}

:root {
	--bruin: #A37361;
	--groen: #D0C8BF;
	--donkergroen: #8A8279;
	--beige: #E9DDCD;
}

#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .thumbnail .caption, #te-koop .ld-course-list-items .ld_course_grid .thumbnail .caption {
	padding: 20px 50px;
}

#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .entry-title {
	font-family: OGG;
	font-size: 32px;
	color: var(--bruin);
	text-align: center;
}


#te-koop .ld-course-list-items .ld_course_grid .entry-title {
	font-family: OGG;
	font-size: 32px;
	color: black;
	text-align: center;
}


#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .ld_course_grid_button {
	text-align: center;
}

#te-koop .ld-course-list-items .ld_course_grid .ld_course_grid_button {
	text-align: center;
}

#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .btn-primary, #te-koop .ld-course-list-items .ld_course_grid .btn-primary {
	background: transparent;
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0px;
	color: black;
	font-family: marisa;
	font-size: 21px;
	margin: 30px auto 0px;
	max-width: 200px;
	width: auto!important;
	padding:0px!important;
}


#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .thumbnail.course, #te-koop .ld-course-list-items .ld_course_grid .thumbnail.course {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: none;
}

#te-koop .ld-course-list-items .ld_course_grid .thumbnail.course {
	background: transparent;
}


#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .thumbnail .caption, #te-koop .ld-course-list-items .ld_course_grid .thumbnail .caption {
	display: flex;
	flex: 1;
	flex-direction: column;
}


#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .ld_course_grid_button, #te-koop .ld-course-list-items .ld_course_grid .ld_course_grid_button {
    margin-top: auto !important;
}

#mijn-cursusprofiel .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
	display: none;
}

/** cursus pagina **/

.ld-course-list-content  .ld-course-list-items .ld_course_grid .thumbnail.course {
	display: flex!important;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail a, .sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail a:hover {
	max-width: 33%;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail.course {
	border: none;
	align-items: center;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail .caption {
	padding: 20px 20px 20px 40px;
	max-width: 66%;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .entry-title {
	font-family: OGG;
	font-size: 32px;
	color: var(--bruin);
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail .caption p {
	font-family: charter;
	color: black;
	font-size: 17px;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
	min-width: 0px;
	max-width: 200px;
	color: black;
	background: transparent;
	font-size: 20px;
	border: none;
	border-bottom: 1px solid black!important;
	border-radius: 0px;
	font-family: marisa;
	position: absolute;
	bottom: 40px;
	width: auto;
	padding: 0px;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
	display: none;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail.course {

	flex-direction: row;
	min-height: 100%;
	border: none;
	margin-bottom: 35px;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .entry-content {
	margin-bottom: 40px;
}

.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail .caption {
	display: flex;
	flex: 1;
	flex-direction: column;
}


.sfwd-courses .ld-course-list-items .ld_course_grid .ld_course_grid_button {
    margin-top: auto !important;
}

.sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	display:  none;
}

.sfwd-courses .learndash-wrapper .ld-item-list {
	display: none;
}


.learndash-wrapper .ld-tabs {
	margin: 0px;
}

/** focus mode **/

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
	background: var(--groen);
	padding: 10px 20px;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
	height: 60px;
}


.learndash-wrapper .ld-focus .ld-focus-header {
	background: var(--groen);
	min-height: 90px;
	border-bottom: 0px;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header .ld-progress {
	border-right: 0px;
}

.learndash-wrapper .ld-progress .ld-progress-heading, .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar {
	display: none;
}

.learndash-wrapper .ld-button .ld-icon {
	display: none;
}
.ld-focus-header .ld-button .ld-text {
	border-radius: 0px;
	border-bottom: 1px solid var(--bruin);
	color: var(--bruin);
	font-family: marisa;
	font-size: 20px;
	font-weight: 300;
	padding: 0px;
	line-height: 1.2em;
}

.ld-focus-header .sfwd-mark-complete {
	overflow: visible;
	background: rgba(0,0,0, 0.05)!important;
	min-height: 50px;
	align-items: center;
	display: flex;
	min-width: 280px;
}


.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
	border-radius: 0px;
	border-bottom: 1px solid black;
	color: black;
	font-family: marisa;
	font-size: 20px;
	font-weight: 300;
	margin: auto;
	padding: 0px;
	width: auto;
}

.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete:after, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
	display: none;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
	justify-content: center;
	min-width: 350px;
	padding: 0px;
	border-left: 0px;
}



.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text {
	font-family: marisa;
	color: var(--bruin);
	font-size: 21px;
	border-bottom: 1px solid var(--bruin);
	line-height: 1.2em;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar {
	display: none;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items {
	box-shadow: 2px 2px 15px rgba(0,0,0,0.15);
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
	right: 50%;
	border-bottom: 2px solid var(--bruin);
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a {
	background: var(--bruin);
	width: 300px;
}

/** focus content **/

body.ld-in-focus-mode, body.ld-in-focus-mode .learndash-wrapper {
	background: var(--groen);
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	padding: 90px 0px 0px 0px;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-topic-status, .learndash-wrapper .ld-breadcrumbs {
	display: none;
}

.ld-focus-content .ld-table-list.ld-no-pagination {
	border: none;
	background: white;
	padding: 100px 50px;
}

.learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-title .ld-text {
	margin: auto;
}

.ld-focus-content .ld-table-list .ld-table-list-header {
	background: white;
	color: var(--donkergroen);
	font-family: OGG;
	font-size: 42px;
	padding: 0px;
	font-weight: 300;
	max-width: 600px;
	margin: auto;
}

.learndash-wrapper .ld-item-icon {
	display: none;
}

.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
	display: none;
}

.ld-focus-content .ld-table-list .ld-table-list-items {
	border: none;
	padding: 0px;
	max-width: 600px;
	margin: auto;
}

.ld-focus-content .ld-table-list .ld-table-list-item {
	border: none;
	margin-bottom: 10px;
}

.ld-focus-content .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview {
	background: var(--beige);
	padding: 10px;
	font-family: charter;
	font-size: 17px;
	color: var(--donkergroen);
}

.ld-focus-content .ld-status-complete {
	background-color: #A2ADA3;
}

.learndash-wrapper .ld-status-incomplete.ld-status-icon {
	background-color: transparent;
	border: 1px solid #A2ADA3;
}

.ld-focus-content .ld-status-icon {
	flex-basis: 18px;
	height: 18px;
	width: 18px;
	margin-top: 5px;
}

.ld-focus-content .ld-status-icon.ld-status-complete .ld-icon {
	font-size: 10px;
}

/** focus sidebar **/ 

.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar {
	border-left: 0px;
	background: var(--bruin);
	padding: 60px 25px 90px;
	margin-top: 90px;
	border-radius: 100px 0px 0px 0px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
	background: transparent;
	width: 300px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
	width: auto;
	background: var(--bruin);
}

.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-focus-sidebar-trigger {
	left: -30px;
}

.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-course-navigation-heading {
	padding-left: 0px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a {
	font-family: OGG;
	font-size: 26px;
	font-weight: 300;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {
	background: rgba(255, 255, 255, 0.11);
	border-bottom: 0px;
	margin-bottom: 10px;

}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
	padding: 15px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-expanded {
	margin: 0px 15px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
	background: transparent;
	padding: 15px 0px;
	border-top: 1px solid white;
}

.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before {
	display: none;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded:before {
	display: none;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-expanded .ld-table-list-items {
	padding: 0px;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
	color: white;
	font-family: charter;
	font-size: 17px;
}


.learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview .ld-topic-title {
	color: white;
	font-family: charter;
	font-size: 15px;
	padding-left: 7px;
}

.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-course-navigation-heading h3 .ld-icon, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-sidebar .ld-course-navigation-heading h3 .ld-icon {
	display: none;
}

.ld-focus-sidebar .ld-course-navigation .ld-status-icon.ld-status-in-progress, .ld-focus-sidebar .ld-course-navigation .ld-status-icon.ld-status-incomplete {
	border: 1px solid white;
	background: transparent;
}

.ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {
	border: 1px solid white;
}

.ld-focus-sidebar .ld-course-navigation .ld-status-icon.ld-status-in-progress, .ld-focus-sidebar .ld-course-navigation .ld-status-icon.ld-status-incomplete {
	margin-top: 5px;
}

.ld-focus-sidebar .ld-status-complete {
	background: white;
	color: var(--bruin);
	font-size: 12px;
	margin-top: 1px;
}

.ld-focus-sidebar .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview .ld-status-icon {
	margin-top: 3.5px;
}

.ld-focus-sidebar .ld-expand-button.ld-button-alternate .ld-icon {
	background: white;
	color: var(--bruin);
	flex: 0 0 14px;
	height: 14px;
	width: 14px;
	line-height: 11px;
}

.ld-focus-sidebar .ld-expand-button.ld-button-alternate .ld-text {
	color: white;
	font-family: marisa;
	font-size: 14px;
}

.ld-focus-content .ld-content-actions {
	max-width: 1200px;
	margin: auto;
	border-top: 0px;
	padding: 100px 50px;
}

.ld-focus-content .ld-content-actions .ld-content-action {
	flex-basis: 280px;
}

.ld-focus-content .ld-button, .ld-focus-content .ld-button:hover {
		border-radius: 0px;
	border-bottom: 1px solid var(--bruin);
	background-color: transparent;
	color: var(--bruin);
	font-family: marisa;
	font-size: 20px;
	font-weight: 300;
	padding: 0px 0px 5px 0px;

}

.ld-focus-content .ld-button .ld-text {
	border-bottom: 1px solid var(--bruin);
		padding: 0px;
	line-height: 1.2em;
}

.ld-focus-content .learndash_mark_complete_button {
	border-bottom: 1px solid black;
	color: black;
	font-family: marisa;
	font-size: 20px!important;
	font-weight: 300;
	margin: auto;
	padding: 0px;
	width: auto;
	background: transparent!important;
	border-radius: 0px!important;
	padding-bottom: 0px;
	font-family: marisa!important;
}

.learndash-wrapper #sfwd-mark-complete:after, .learndash-wrapper .sfwd-mark-complete:after, .learndash-wrapper .ld-content-actions .ld-content-action+a {
	display: none;
}

.learndash-wrapper .ld-alert-warning {
	background: var(--bruin);
	border: none;
	color: white;
	max-width: 700px;
	margin: auto;
	padding: 10px 50px 10px 75px;
	font-size: 17px;
	font-weight: 400;
}

.learndash-wrapper .ld-alert-warning .ld-alert-icon {
	background-color: var(--bruin);
}

.learndash-wrapper .ld-alert-warning .ld-button {
	background: var(--bruin);
	padding: 0px;
	width: auto;
	border-bottom: 1px solid white!important;
	color: white;
	padding-right: 5px;
	min-width: 0px;
}


@media only screen and (max-width: 1024px) {
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-header .ld-user-menu .ld-text, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-header .ld-user-menu .ld-text {
		display: block;
	}
	
	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
		min-width: auto;
		padding-left: 25px;
	}
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
	display: none;
}

@media only screen and (max-width: 768px) {
	.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail.course {
		flex-direction: column;
	}
	
	.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail a, .sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail a:hover, .sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail .caption {
		max-width: 100%;
		width: 100%;
	}
	
	.sfwd-courses .ld-course-list-items .ld_course_grid .thumbnail .caption {
		padding: 10px;
	}
	
	.sfwd-courses .ld-course-list-items .ld_course_grid .entry-title {
		padding-top: 20px;
	}
	
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-header .ld-content-actions, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-header .ld-content-actions {
		background: var(--groen);
		border-top: 0px;
	}
	
	.learndash-wrapper .ld-focus.ld-focus-position-right.ld-focus-sidebar-collapsed .ld-focus-sidebar, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left.ld-focus-sidebar-collapsed .ld-focus-sidebar {
		display: none;
	}
	
	.ld-focus-header .sfwd-mark-complete {
		min-width: auto;
	}
	
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-header .ld-content-actions .ld-content-action, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-header .ld-content-actions .ld-content-action {
		padding: 10px 0px;
	}
	
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-header .ld-content-actions .ld-content-action, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-header .ld-content-actions .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action #sfwd-mark-complete, .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete {
		margin: 0px;
	}
	.ld-focus-header .sfwd-mark-complete {
		background: transparent!important;
	}
	
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
		text-align: center;
	}
	
	.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 640px) {
	
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus.ld-focus-position-right.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content {
		padding: 0px;
	}
	
	.ld-focus-content .ld-table-list.ld-no-pagination {
		border-radius: 0px;
		padding: 85px 35px;
	}
	
	.ld-focus-content .ld-table-list .ld-table-list-header {
		font-size: 28px;
	}
	
	.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar {
		width: 100%;
		margin-top: -40px;
	}
	
	.learndash-wrapper .ld-content-actions .ld-content-action a.ld-button {
		padding: 10px 20px;
	}
	
}