.enrollment-link {
  width: 100%;
}

.sub-link {
width: 100%;
  text-align: center;
  display: block;
  color: #303030;
  font-size: 12px;
  margin-top: 10px;
}

.sub-link-or {
  display: flex;
  flex-direction: row;
  color: #303030;
  width: 50%;
  margin: auto;
  margin-top: 10px;
}

.sub-link-or:before, .sub-link-or:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px dashed #ccc;
  margin: auto;
}
.sub-link-or:before {
  margin-right: 10px
}
.sub-link-or:after {
  margin-left: 10px
}

/* Hide bullets for parent items and add space for caret */
.course-tree li.views_tree_parent {
  list-style-type: none;
  position: relative;
  padding-left: 1.5em;
}

/* Show caret for collapsed state */
.course-tree li.views_tree_parent.views_tree_collapsed > a.module::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url('../img/menu-collapsed.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 10px;
}

/* Show caret for expanded state */
.course-tree li.views_tree_parent.views_tree_link_expanded > a.module::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url('../img/menu-expanded.png'); /* Use your caret-down image */
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 10px;
}

/* Optional: Make the module title look clickable */
.course-tree a.module {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.course-tree > ul {
    padding-left: 0px;
}

.course-tree li.views_tree_parent ul.item-list li {
    list-style-type: none;
}

.course-tree li.views_tree_parent ul.item-list li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.course-tree h4, h4.course-summary-label, h4.course-certificates-label, h4.course-organisations-label {
    font-weight:800; 
	font-size: 13px;
  letter-spacing: 1.4px;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 12px !important;
}

.course-tree h4 {
  margin-top:30px;
}

.course-tree ul li {
    font-size: 0.9em;
    color: #303030
}

#course-details {
  background: #fff;
  padding: 20px 0px;
  border-radius: 5px;
  width: 90%;
  margin: auto;
  margin-top: -20px;
  z-index: 2;
  position: relative;
}

#course-details .course-detail-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 0.25em;
  color: #303030;
}

#course-details .course-detail-row strong {
  display: block;
  text-transform: uppercase;
  font-size: 0.7em;
}

#course-details .course-detail-row img {
  margin-bottom: 0;
  width: 20px;
  height: 20px;
}

.course-summary {
    width: 100%;
  margin: auto;
  display: block;
  color: #303030;
  font-size: 0.9em;
  text-align: left;
}

.course-summary li {
  margin-left: 15px;
  padding-left: 10px;
}

.course-tree h4::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/themes/custom/toolbox/assets/img/course/structure.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.2em;
  margin-bottom: -5px;
}

.course-structure-wrapper > div {
  width: 50%;
}

.course-structure-wrapper > div:last-child {
  border-left: 1px dotted #303030;
  padding-left: 20px;
}

.course-structure-wrapper > div:first-child {
  padding-right: 20px;
  padding-bottom: 20px;
}

.course-structure-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom:30px;
}


.course-organisations-wrapper {
  margin-top: 50px;
}

.course-organisations {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
  color: #303030;
}

.course-organisations li {
  margin-left: 30px;
}

h4.course-summary-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/themes/custom/toolbox/assets/img/course/content.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.2em;
  margin-bottom: -5px;
}

h4.course-certificates-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/themes/custom/toolbox/assets/img/course/certificate.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.2em;
  margin-bottom: -5px;
}

.course-organisations-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/themes/custom/toolbox/assets/img/course/institutions.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.2em;
  margin-bottom: -5px;
}

.course-certificates {
  font-size: 0.9em;
  color: #303030;
  padding-left: 35px;
}

.enrollment-options {
	margin-top: 30px;
}