/* Alerts */
:root .learndash-wrapper .ld-alert {
  border-radius: var(--radius--rounded-md, 16px);
  border: 2px solid var(--component-card-outline-color, var(--gray-bg)) !important;
  background-color: var(--component-card-bg, #fff) !important;
  font-size: 1.125rem;
  padding: calc(var(--component-card-padding) / 2);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  text-align: start;
  color: #000 !important;
}
@media (max-width: 500px) {
  :root .learndash-wrapper .ld-alert {
    flex-direction: column;
  }
}
:root .learndash-wrapper .ld-alert .ld-alert-icon {
  position: static;
  transform: unset;
  margin: unset;
  flex: 0 0 48px;
  background-color: var(--component-icon-bg) !important;
  color: var(--component-card-accent) !important;
}
:root .learndash-wrapper .ld-alert .ld-alert-content {
  width: auto;
  flex: 1 1 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: unset;
}
@media (max-width: 500px) {
  :root .learndash-wrapper .ld-alert .ld-alert-content .learndash-wrapper .ld-alert .ld-alert-content {
    margin: 0 0 1em;
  }
}
:root .learndash-wrapper .ld-alert .ld-alert-messages {
  font-weight: 600;
}
:root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
  line-height: 1.6;
  font-weight: 600;
  background: var(--component-cta) !important;
  color: var(--component-cta-fg);
  opacity: 1;
  flex: 0 1 max-content;
  text-transform: unset;
  font-size: 0.875rem;
  padding-block: 0.75em;
  margin: unset;
  text-align: center;
  border-radius: 33px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-property: color, background-color;
}
:root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover, :root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):focus {
  background: var(--component-cta-emphasis) !important;
  color: var(--component-cta-fg);
}
:root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover .ld-icon, :root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):focus .ld-icon {
  transform: translateY(-50%) translateX(-3px);
}
@media (max-width: 500px) {
  :root .learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
    width: 100%;
  }
}
:root .learndash-wrapper .ld-alert.ld-alert-success {
  --component-card-bg: var(--green-bg);
  --component-card-accent: var(--green);
  --component-icon-bg: #fff;
  --component-cta: var(--green);
  --component-cta-emphasis: var(--green-dark);
  --component-card-outline-color: var(--green);
}
:root .learndash-wrapper .ld-alert.ld-alert-warning {
  --component-card-bg: var(--yellow-bg);
  --component-card-accent: var(--yellow);
  --component-icon-bg: #fff;
  --component-cta: var(--yellow);
  --component-cta-emphasis: var(--yellow-dark);
  --component-card-outline-color: var(--yellow);
}
:root .learndash-wrapper .ld-alert.ld-alert-danger {
  --component-card-bg: var(--rusty-bg);
  --component-card-accent: var(--rusty);
  --component-icon-bg: #fff;
  --component-cta: var(--rusty);
  --component-cta-emphasis: var(--burgundy);
  --component-card-outline-color: var(--rusty);
}