/*
 * Theme Name:   Hello Elementor Child
 * Description:  Child theme for Hello Elementor. Estilos do hero do curso LearnDash (LD30).
 * Author:       Grupo Moas
 * Template:     hello-elementor
 * Version:      0.0.1
 * Text Domain:  hello-elementor-child
 */

/*
 * `.hec-course-layout` no wrapper do curso: hero em largura total; demais blocos em coluna.
 */

body {
  font-family: "Neue Haas Grotesk 55", Sans-serif;
}

/* Coluna abaixo do hero */
.hec-course-layout>*:not(.hec-course-hero) {
  max-width: min(72rem, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 1.75rem);
  padding-right: clamp(1rem, 4vw, 1.75rem);
  box-sizing: border-box;
}

.hec-course-layout .hec-course-hero+* {
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
}

/* Hero */
.hec-course-hero {
  --hec-hero-min-height: clamp(240px, 44vh, 560px);
  --hec-hero-overlay: linear-gradient(180deg,
      rgba(12, 25, 41, 0.35) 0%,
      rgba(12, 25, 41, 0.82) 100%);

  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 3rem;
  min-height: var(--hec-hero-min-height);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

.hec-course-hero__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hec-course-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.hec-course-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--hec-hero-overlay);
  pointer-events: none;
}

.hec-course-hero--no-image .hec-course-hero__backdrop {
  background: linear-gradient(135deg, #1b4b6b 0%, #0c1929 45%, #1a2744 100%);
}

.hec-course-hero--no-image .hec-course-hero__img {
  display: none;
}

.hec-course-hero__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: min(56rem, 92vw);
  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem);
  text-align: center;
}

.hec-course-hero__title {
  margin: 0;
  font-size: clamp(1.9rem, 5vw, 3.15rem);
  font-weight: 600;
  font-optical-sizing: auto;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf9;
  text-shadow: 0 4px 32px rgba(0, 0, 0, 0.45);
}

.learndash-block-inner {
  margin: 50px 0;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.learndash-course-grid .items-wrapper .grid-1 .content .author {
  display: none;
}

.learndash-course-grid .items-wrapper .grid-1 .content {
  padding: 10px 25px 25px 25px;
  color: #2f3d3c;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
  gap: 5px;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta .section .wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta .section .wrapper .label {
  line-height: 1;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta .section .wrapper .value {
  line-height: 1;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta .section .icon {
  background: #77827e;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.learndash-course-grid .items-wrapper .grid-1 .bottom-meta .section .icon:before {
  display: block !important;
  line-height: 30px !important;
  font-size: 20px !important;
}

.learndash-course-grid .items-wrapper .grid-1 .post {
  border-radius: 15px;
  overflow: hidden;
}

.learndash-course-grid .items-wrapper .grid-1 .post:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.learndash-course-grid .items-wrapper .grid-1 .content .top-meta>*:not(:last-child) {
  margin-bottom: 10px;
}

.learndash-course-grid .items-wrapper .grid-1 .content>*:not(:last-child) {
  margin-bottom: 10px;
}

.learndash-course-grid .items-wrapper .grid-1 .content .categories {
  font-size: 0.75rem;
}

.learndash-course-grid .items-wrapper .grid-1 .content .separator {
  border: 1px solid #e2e7ed;
}

.learndash-wrapper.learndash-widget .ld-progress .ld-progress-heading {
  display: flex;
  width: 100%;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
  flex-direction: column;
}

.learndash-wrapper .ld-progress {
  margin: 1em 0 0 0;
}

.learndash-wrapper .ld-progress .ld-progress-heading {
  font-size: 0.625rem;
}

.learndash-course-grid .items-wrapper .grid-1 .thumbnail {
  max-height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.learndash-course-grid .items-wrapper .grid-1 .thumbnail .image {
  filter: brightness(0.75);
}

.learndash-course-grid .items-wrapper .grid-1 .thumbnail .image:hover {
  transition: filter 0.3s ease;
  filter: brightness(1);
}

.learndash-course-grid .items-wrapper .grid-1 .ribbon {
  font-family: "Neue Haas Grotesk 65", Sans-serif;
  text-shadow: none;
  padding: 5px 15px;
  border-radius: 30px;
  color: #fff;
  background: #78827e;
  font-size: 14px;
  letter-spacing: 1px;
}

.toggle-filter {
  font-family: "Neue Haas Grotesk 65", Sans-serif;
  padding: 10px 20px;
  border-radius: 10px;
  line-height: 100%;
  background: #8D9F95;
  color: #fff;
  border: none;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  background: #78827e;
}

.learndash-course-grid-filter .buttons .button.blue {
  background: #78827e;
  border: none;
  border-radius: 10px;
}

.learndash-course-grid-filter .buttons .button.blue:hover {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}

.toggle-filter,
.learndash-course-grid-filter .buttons .button.grey {
  border-radius: 10px;
  margin-bottom: 30px;
}

.learndash-course-grid .learndash-course-grid-filter {
  top: 40px;
}

.learndash-wrapper .ld-expand-button .ld-text {
  color: #fff;
  font-weight: 600;
}

.ld-icon-arrow-down:before {
  color: #fff;
}

.ld-course-status-action .ld-button {
  font-weight: 600 !important;
  color: #fff !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
  border-radius: 10px;
  font-weight: 600;
}

.learndash-wrapper .ld-expand-button {
  border-radius: 10px;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {
  border-radius: 10px;
  padding-right: 30px;
  font-weight: 600;
}

.learndash-wrapper .ld-status.ld-status-progress,
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
  margin: 0;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover {
  outline-color: #8d9f95;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete:after {
  font-size: 10.5px;
  right: 1.5em;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  padding: 10px 20px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  align-items: center;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading {
  font-weight: 600;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button[disabled],
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button[disabled] {
  cursor: not-allowed;
  filter: none;
  background: #f6f8fa !important;
}

.sfwd-mark-complete:has(.learndash_mark_complete_button:disabled)::after {
  color: #73738c !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button:focus,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button:focus {
  outline-color: #8d9f95;
}


.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button[disabled]:hover,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button[disabled]:hover {
  background-color: #fff !important;
  color: #73738c !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:focus {
  outline-color: #8d9f95;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:hover {
  outline-color: #8d9f95;
}

.ld-alert .ld-button,
.ld-alert .ld-icon {
  color: #fff !important;
}

.wpProQuiz_button {
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label.is-selected,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label:focus-within {
  border-color: #78827e !important;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
  border-radius: 10px !important;
  font-weight: 600 !important;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: #78827e;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
  font-weight: 600;
}

.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper {
  padding: 20px 30px;
}

.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button {
  border-radius: 10px;
  font-weight: 600;
  color: #fff;
}

.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon {
  margin-right: 15px;
}

.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input {
  height: 39px;
  border-radius: 10px;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
  width: 75%;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
  margin-top: 0 !important;
}

.ld-profile-edit-link {
  display: none;
}

@media (max-width: 640px) {
  .learndash-wrapper #ld-profile .ld-section-heading .ld-expand-button {
    max-width: 150px;
  }
}

@media (max-width: 575px) {

  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-footer:not(.dynamic-footer),
  .site-header .header-inner,
  .site-header:not(.dynamic-header),
  body:not([class*=elementor-page-]) .site-main {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
}