.hemas-her-dashboard {
    margin: 20px 0;
}

.hemas-her-dashboard-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 15px;
    border-radius: 10px;
    background: #f5f5f5;
    border: #c7d8e4 1px solid;
}

.hemas-her-breadcrumb {
  margin-bottom: 16px;
  background: #3883d1;
  padding: 14px 15px;
  border-radius: 10px !important;
  border: #378de5 2px solid;
}
.hemas-her-breadcrumb a {
  text-decoration: none;
  font-weight: 600;
  color: #fff;
}

.hemas-her-breadcrumb.hemas-her-breadcrumb--bottom {
  margin-top: 25px
}
/* hide repeated breadcrumbs. sometimes on course page */
.hemas-her-breadcrumb:nth-of-type(2){
  display: none !important;
}

.hemas-her-profile {
    display: flex;
    align-items: center;
    gap: 15px;
}

.hemas-her-profile-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hemas-her-link {
    text-decoration: underline;
    font-size: 13px;
}

.hemas-her-profile .hemas-her-avatar img{
  border: #ccc 1px solid;
  border-radius: 100px;
}
.hemas-her-profile h2, .hemas-her-profile p{
  margin-bottom: 10px
}

.hemas-her-journey-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.hemas-her-card {
    border-radius: 10px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    border: #ccc 1px solid;
}
.hemas-her-card.hemas-her-card--status-available{
  background: #dfe9ef !important;
  border-color: #a2d1ed;
}
.hemas-her-card.hemas-her-card--status-completed{
  background: #e4f3df !important;
  border-color: #a2e98b;
}
.hemas-her-card.hemas-her-card--status-locked {
  background: #f3e1e1 !important;
  opacity: 0.8;
  border-color: #f4c9c9;
}

.hemas-her-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hemas-her-status-label {
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 999px;
    background: #eee;
}
.hemas-her-card--status-available .hemas-her-status-label {
  background: #156f9f;
  color: #fff;
}
.hemas-her-card--status-completed .hemas-her-status-label {
  background: #366315;
  color: #fff;
}
.hemas-her-card--status-locked .hemas-her-status-label {
  background: #b81a1a;
  color: #fff;
}

.hemas-her-card-actions {
    margin-top: 10px;
}
.hemas-her-button {
    margin-right: 8px;
    margin-bottom: 8px;
}
.hemas-her-card .hemas-her-card-description{
  font-size: 14px;
  border-top: #aaa 1px dotted;
  border-bottom: #aaa 1px dotted;
  color: #333;
  padding-bottom: 9px;
  padding-top: 5px;
}
.hemas-her-card .hemas-her-card-note{
  font-size: 13px;
  border-top: #de5409 1px dotted;
  color: #de5409;
  padding-top: 5px;
}
.hemas-her-notice {
    margin: 15px 0;
    padding: 17px 12px;
    border-radius: 6px;
    background: #01a9ea !important;
    border: #22afe6 2px solid;
    font-size: 15px !important;
    color: #fff;
}

.hemas-her-l1-video-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.hemas-her-l1-video-input {
    min-width: 220px;
}



.hemas-her-journey-cards .hemas-her-card .hemas-her-card-header h3{
  font-size: 17px;
  color: #120d4c
}
.hemas-her-journey-cards .hemas-her-card .hemas-her-card-description{
  font-size: 14px;
  text-align: justify;
}
.hemas-her-journey-cards .hemas-her-card .button{
  border-radius: 35px;
  background: #4f95c3;
  color: #fff;
  font-size: 10px;
  margin: 5px 0 15px 0;
}
.hemas-her-journey-cards .hemas-her-card.hemas-her-card--status-completed{
  background: #deede1
}


.hemas-her-l4-workshop-form{
  background: #eee;
  padding: 15px;
  border-radius: 10px;
  border: #ccc 1px dashed;
}
.hemas-her-l4-workshop-form label{
  font-size: 14px;
  color: #444;
}
.hemas-her-l4-workshop-form textarea{
  min-height: 90px !important;
}


/* hide elements on single courde page */
.sfwd-lessons-template-default.single .wd-post-meta, .sfwd-lessons-template-default.single .wd-single-footer, .sfwd-lessons-template-default.single .wd-page-nav{
    display: none !important;
}
.sfwd-lessons-template-default.single .wd-content-area {
  background: #eee;
  padding: 25px;
  border-radius: 10px;
  border: #bed1df 1px solid
}

#ld_course_info{
  border: #d8ddea 2px solid;
  padding: 20px;
  border-radius: 10px;
  font-size: 14px;
}
#ld_course_info_mycourses_list, #ld-main-course-list{
  display: none;
}
#ld_course_info a{
  color: #0f64a4;
}
#ld_course_info a.user_statistic{
  color: #e43f87;
  border-bottom: #e43f87 1px dashed
}


.hemas-her-required {
  color: #d63638;
  font-weight: 700;
  margin-left: 2px;
}

.hemas-her-field-help {
  display: block;
  margin: 4px 0 8px;
  font-size: 12px;
  line-height: 1.6;
  color: #666;
}

.hemas-her-l4-workshop-form input[type="text"],
.hemas-her-l4-workshop-form input[type="url"],
.hemas-her-l4-workshop-form input[type="number"],
.hemas-her-l4-workshop-form textarea {
  width: 100%;
  max-width: 100%;
}

.hemas-her-l4-workshop-notice {
  margin: 14px 0 16px;
  padding: 10px 12px;
  background: #fff8e5;
  border: 1px solid #f0d98a;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: #7a5a00;
}