/*
  CONTENTVILLE_LESSON16_ACTIONS_ADDON_CSS_V3
*/

.lesson16-actions-addon {
  margin-top: 16px;
}

.lesson16-actions-note,
.lesson16-actions-saved {
  margin: 8px 0 14px;
  font-size: 14px;
  line-height: 1.45;
}

.lesson16-actions-note {
  color: rgba(23, 32, 51, .62);
}

.lesson16-actions-saved {
  color: #16845b;
  font-weight: 750;
}

.lesson16-actions-buttons,
.lesson16-settings-preview {
  display: grid;
  gap: 9px;
}

.lesson16-actions-buttons button,
.lesson16-settings-preview button {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 0;
  border-radius: 14px;
  background: #2f6fed;
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
  text-align: center;
}

.lesson16-actions-buttons
button.is-selected {
  background: #16845b;
}

.lesson16-actions-buttons
button.is-disabled {
  background: #e7ebf2;
  color: rgba(23, 32, 51, .42);
}

.lesson16-actions-buttons
button.is-comments,
.lesson16-settings-preview
button.is-comments {
  border: 1px solid rgba(47, 111, 237, .22);
  background: #fff;
  color: #2f6fed;
}

.lesson16-settings-addon {
  margin-top: 22px;
  padding: 16px;
  border: 1px solid rgba(23, 32, 51, .08);
  border-radius: 18px;
  background: #f7f9fc;
}

.lesson16-settings-help {
  margin: 7px 0 16px;
  color: rgba(23, 32, 51, .58);
  font-size: 13px;
  line-height: 1.45;
}

.lesson16-settings-addon label {
  display: block;
  margin-top: 15px;
}

.lesson16-settings-addon label > span {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 800;
}

.lesson16-settings-addon select,
.lesson16-settings-addon input {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid rgba(23, 32, 51, .13);
  border-radius: 14px;
  background: #fff;
  color: #172033;
  font: inherit;
  outline: none;
}

.lesson16-settings-addon small {
  display: block;
  margin-top: 7px;
  color: rgba(23, 32, 51, .52);
  font-size: 12px;
}

.lesson16-settings-preview {
  margin-top: 18px;
}

.lesson16-settings-preview button {
  opacity: 1;
}

.lesson16-settings-footer {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
}

.lesson16-settings-footer span {
  margin-right: auto;
  font-size: 13px;
}

.lesson16-settings-footer
.is-success {
  color: #16845b;
}

.lesson16-settings-footer
.is-error {
  color: #c0392b;
}

.lesson16-settings-footer
button {
  min-height: 43px;
  padding: 0 15px;
  border: 0;
  border-radius: 13px;
  background: #2f6fed;
  color: #fff;
  font: inherit;
  font-weight: 800;
}

@media (max-width: 620px) {
  .lesson16-settings-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .lesson16-settings-footer span {
    margin-right: 0;
  }
}


/*
  CONTENTVILLE_LESSON16_CLEAN_UI_CSS_V1
*/

.cv-lms-copy .lesson16-actions-addon {
  margin: 28px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(23, 32, 51, .10);
  background: transparent;
  box-shadow: none;
}

.cv-lms-copy .lesson16-actions-note,
.cv-lms-copy .lesson16-actions-saved {
  display: none !important;
}

.cv-lms-copy .lesson16-actions-buttons {
  display: grid;
  gap: 10px;
  margin: 0;
}

.cv-lms-copy .lesson16-actions-buttons button {
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 12px 15px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 1.25;
}

.cv-lms-rich-copy p {
  margin: 0 0 14px;
}

@media (max-width: 620px) {
  .cv-lms-copy .lesson16-actions-addon {
    margin-top: 23px;
    padding-top: 19px;
  }

  .cv-lms-copy .lesson16-actions-buttons button {
    min-height: 48px;
    padding: 11px 13px;
    font-size: 14px;
  }
}

/*
  CONTENTVILLE_LESSON16_PUBLISHED_PARAGRAPH_SPACING_V1
  Override the more specific standalone margin: 0 rule.
*/

.cv-lms-lesson-screen.is-standalone
.cv-lms-copy.cv-lms-rich-copy > p {
  margin: 0;
}

.cv-lms-lesson-screen.is-standalone
.cv-lms-copy.cv-lms-rich-copy > p + p {
  margin-top: 15px;
}


/*
  CONTENTVILLE_LESSON16_RESULT_SHARE_CSS_V1
*/

.lesson16-share-form {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(23, 32, 51, .10);
}

.lesson16-share-form h3 {
  margin: 0 0 10px;
  color: #172033;
  font-size: 18px;
  line-height: 1.25;
}

.cv-lms-copy
.lesson16-share-form p {
  margin: 0 0 10px;
  color: rgba(23, 32, 51, .68);
  font-size: 14px;
  line-height: 1.5;
}

.lesson16-share-form textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 130px;
  margin-top: 15px;
  padding: 13px 14px;
  resize: vertical;
  border: 1px solid rgba(23, 32, 51, .14);
  border-radius: 14px;
  background: #fff;
  color: #172033;
  font: inherit;
  font-size: 15px;
  line-height: 1.45;
  outline: none;
}

.lesson16-share-form textarea:focus {
  border-color: #2f6fed;
  box-shadow:
    0 0 0 3px rgba(47, 111, 237, .10);
}

.lesson16-share-footer {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 11px;
}

.lesson16-share-footer span {
  margin-right: auto;
  font-size: 13px;
  line-height: 1.35;
}

.lesson16-share-footer span.is-success {
  color: #16845b;
}

.lesson16-share-footer span.is-error {
  color: #bd2c2c;
}

.lesson16-share-footer button {
  min-width: 112px;
  min-height: 46px;
  padding: 10px 17px;
  border: 0;
  border-radius: 14px;
  background: #2f6fed;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
}

.lesson16-share-footer button:disabled {
  opacity: .58;
}

@media (max-width: 560px) {
  .lesson16-share-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .lesson16-share-footer span {
    margin-right: 0;
  }

  .lesson16-share-footer button {
    width: 100%;
  }
}