@import url('styles.css');

.goal-section {
    padding: 2rem 1rem 1rem 1rem;
    border: 1px solid var(--sh-dark-blue);
    border-radius: 0.5rem;
    position: relative;
    margin-bottom: 2rem;
}
.goal-section-wrap .goal-section:last-child {
    margin-bottom: 0;
} 
.goal-section-title {
color: var(--sh-bg-white);
    background: var(--sh-sky-blue);
    font-size: 1rem;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    position: absolute;
    top: -1rem;
    left: -1rem;
    z-index: 1;
}

.goal-section-bottom  h6 {
    margin-bottom: 0;
    color: var(--sh-dark-blue);
 }

 .goal-section-bottom_sec {
    align-items: center;
 }
  .goal-section-bottom_sec span {
    font-size: 0.875rem;
  }
  .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.goal-connector-line {
    position: relative;
    background: var(--sh-dark-blue);
    width: 0.125rem;
    height: 5rem;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

.goal-connector-line i {
color: var(--sh-dark-blue);
    z-index: 2;
    width: 1.125rem;
    height: 1.125rem;
    margin-left: -0.4375rem;
}

.goal-connector-line i.up-circle {
    margin-top: -0.4375rem;
} 

.goal-connector-line i.down-circle {
    margin-bottom: -0.4375rem;
}
#addGoalModal textarea {
    min-height: 5rem;
}

.modal-dialog_content-text {
    font-size: 0.75rem;
    font-weight: 300;
}