/*
 Theme Name:     Quist ICT - Divi Child Theme
 Theme URI:      https://www.quist-ict.nl
 Description:    Quist ICT - Divi Child Theme
 Author:         Quist ICT B.V. - Kevin Wijnbergen
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/**
 * Make Divi mobile menu scrollable.
 * @source  https://divicio.us
 */
@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        max-height: 70vh; /* Adjust this value as needed */
        overflow-y: auto;
    }
}

/* Add margin to top and bottom for Tutor pages */
@media (min-width: 1025px){
.tutor-container, .tutor-container-sm, .tutor-container-md, .tutor-container-lg, .tutor-container-xl, .tutor-container-xxl {
	margin-top: 5%;
	margin-bottom: 5%;
}
}

body.courses-template-default.single.single-courses.postid-53400.logged-in.admin-bar.theme-Divi.et-tb-has-template.et-tb-has-header.tutor-lms.woocommerce-js.et_pb_button_helper_class.et_pb_footer_columns4.et_cover_background.et_pb_gutter.windows.et_pb_gutters3.et_right_sidebar.et_divi_theme.et-db.customize-support.chrome .tutor-course-thumbnail {
	max-width: 50%;
}

.tutor-course-thumbnail {
	max-width: 240px;
}

/* Hide Timeline line, active line and icon on mobile devices */

@media only screen and (max-width: 960px) {
.dmpro-timeline-line {
  display: none!important;
}

.dmpro-timeline-line__active {
  display: none!important;
}
	
.dmpro_timeline_item_0 .date-icon-wrap .date-icon.date-icon-circle, .dmpro_timeline_item_1 .date-icon-wrap .date-icon.date-icon-circle, .dmpro_timeline_item_2 .date-icon-wrap .date-icon.date-icon-circle, .dmpro_timeline_item_3 .date-icon-wrap .date-icon.date-icon-circle {
  display: none!important;
}
	
	.dmpro_timeline_date_text {
		display: none!important;
	}
}

/* Add close icon for accordion */

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\3b"!important;
	color: #ffffff!important;
	size: 25px!important;
}