@charset "UTF-8";
/*Custom animations*/
@keyframes glow {
  0% {
    filter: drop-shadow(2px 0 0 var(--secondary)) drop-shadow(0 2px 0 var(--secondary)) drop-shadow(-2px 0 0 var(--secondary)) drop-shadow(0 -2px 0 var(--secondary)) drop-shadow(0 0 20px var(--secondary-trans-50));
  }
  50% {
    filter: drop-shadow(2px 0 0 var(--secondary)) drop-shadow(0 2px 0 var(--secondary)) drop-shadow(-2px 0 0 var(--secondary)) drop-shadow(0 -2px 0 var(--secondary)) drop-shadow(0 0 0 var(--secondary-trans-50));
  }
  100% {
    filter: drop-shadow(2px 0 0 var(--secondary)) drop-shadow(0 2px 0 var(--secondary)) drop-shadow(-2px 0 0 var(--secondary)) drop-shadow(0 -2px 0 var(--secondary)) drop-shadow(0 0 20px var(--secondary-trans-50));
  }
}
/*Body background*/
body {
  background: transparent;
  /*Beacuse Brics uses html tag for background of an individual page and it's overwritten by html styles*/
}
/*Notes*/
textarea#note-textarea {
  resize: none;
  /* Disable the default textarea resize handle */
  overflow: hidden;
  /* Hide any overflowing content */
  outline: none;
  min-height: 25rem;
  padding: var(--space-m);
  margin-bottom: var(--space-m);
}
.note-form {
  margin-bottom: var(--space-m);
}
.note-form__message {
  margin: var(--space-m) 0;
}
.note-form__tip {
  font-size: var(--text-xs);
}
.my-notes-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
.my-note {
  display: flex;
  flex-direction: column;
  padding: var(--space-xs) var(--space-m);
  background: var(--secondary-ultra-light) url(/wp-content/uploads/2023/11/bg-paper3.jpg);
  color: var(--base);
  border-radius: var(--radius-l);
}
.my-note__post-title {
  font-size: var(--text-m);
  line-height: 1;
  padding: 0.5em 0;
}
.my-note__post-title a {
  color: var(--base);
  line-height: 1;
}
.my-note__post-title a:hover {
  text-decoration: underline;
}
.my-notes-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-m);
}
/*Scorecard*/
.my-scorecard-table {
  border-collapse: collapse;
}
.my-scorecard-table td, .my-scorecard-table th {
  border: 1px solid var(--secondary);
  margin: 0;
  padding: 1em;
}
.form--light.my-scorecard-form .form-group > label {
  font-weight: bold;
}
.form--light.my-scorecard-form .options-wrapper {
  display: flex;
  gap: var(--space-s);
  flex-wrap: wrap;
  padding-top: var(--space-s);
}
.form--light.my-scorecard-form .options-wrapper li {
  margin: 0;
  padding: 0;
}
/*Lessons*/
.lesson-is-done-btn:before {
  content: "✓";
  margin-right: 0.5em;
}
.my-lessons__lesson.my-lessons_lesson--active {
  background-color: var(--accent-trans-80);
}
/*Todos*/
.todo {
  list-style: none;
  padding: 0;
}
.todo__item {
  margin-bottom: 1em;
  background: #F9F5EB;
  padding: 0.8em 1em;
  border: 1px solid #B8891C;
  border-radius: var(--radius);
}
.todo__link {
  cursor: pointer;
  display: block;
  color: var(--action-dark);
  font-family: "Crimson Text";
  font-size: var(--text-m);
  padding-right: 1em;
  width: 100%;
  text-decoration: none;
}
.todo__link::after {
  content: url(/wp-content/uploads/2024/09/arrow-accordion.svg);
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.todo__checkbox {
  margin-right: 0.5em;
  width: 2rem !important;
  height: 2rem;
}
.todo__description {
  display: block;
  max-height: 0;
  overflow: hidden;
  font-size: var(--text-s);
  transition: all 0.3s;
  padding-top: 0;
}
.todo__head {
  display: flex;
  gap: 0.2em;
  width: 100%;
  position: relative;
  align-items: center;
}
.todo-is-done {
  text-decoration: line-through;
}
.todo-is-open .todo__link::after {
  rotate: 180deg;
}
.todo-is-open .todo__description {
  max-height: 3000px;
  padding-top: var(--space-xs);
}
/*Progressbar*/
[data-progressbar="0"] {
  width: 0% !important;
}
[data-progressbar="10"] {
  width: 10% !important;
}
[data-progressbar="20"] {
  width: 20% !important;
}
[data-progressbar="30"] {
  width: 30% !important;
}
[data-progressbar="40"] {
  width: 40% !important;
}
[data-progressbar="50"] {
  width: 50% !important;
}
[data-progressbar="60"] {
  width: 60% !important;
}
[data-progressbar="70"] {
  width: 70% !important;
}
[data-progressbar="80"] {
  width: 80% !important;
}
[data-progressbar="90"] {
  width: 90% !important;
}
[data-progressbar="100"] {
  width: 100% !important;
}
[data-progressbar="0"] .my-progress-bar__text {
  position: absolute;
  left: 1.4em;
  min-width: 20rem;
}
[data-progressbar="10"] .my-progress-bar__text {
  position: absolute;
  left: 1.4em;
  min-width: 20rem;
}
[data-progressbar="20"] .my-progress-bar__text {
  position: absolute;
  left: 1.4em;
  min-width: 20rem;
}
@media only screen and (max-width: 767px) {
  .my-progress-bar__text {
    position: absolute !important;
    left: 1.4em;
    min-width: 20rem;
  }
}
/*Buttons*/
.btn--action, .form--light .bricks-button {
  border-radius: var(--radius-s);
  border: 1px solid #CDAE7D;
  background: linear-gradient(180deg, #CDAE7D 0%, #A48859 100%);
  box-shadow: 0px 4px 30px 0px rgba(54, 44, 17, 0.5);
  font-weight: bold;
}
/*Tasks*/
[data-is-done="1"] {
  background: var(--action);
}
[data-is-done="1"] .my-task__done-tag {
  display: flex;
}
/*Video thumbs*/
.my-video iframe {
  z-index: 1;
}
.my-video:hover::after {
  opacity: 0.85;
}
.my-video::after {
  content: "";
  width: 8em;
  height: 8em;
  border-radius: var(--radius-circle);
  background: url(/wp-content/uploads/2023/11/icon-play3.svg) no-repeat center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  cursor: pointer;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .my-video::after {
    background-size: 4em;
  }
}
/**
  My Accordion Universal
*/
.my-accordion-item__openner {
  cursor: pointer;
  position: relative;
}
.my-accordion-item__openner::after {
  content: url(/wp-content/uploads/2024/09/arrow-accordion.svg);
  position: absolute;
  right: 0.5em;
  top: 50%;
  translate: 0 -50%;
  transition: all 0.3s;
}
.my-accordion-item__content {
  max-height: 0;
  overflow: hidden;
  transition: all 300ms;
}
.my-accordion-item--open .my-accordion-item__content {
  max-height: 10000px;
  padding-top: 1em;
}
.my-accordion-item--open .my-accordion-item__openner::after {
  rotate: 180deg;
}
/**
 My User Form styling
 - styles for Profile Builder plugin forms
*/
.my-user-form ul {
  padding: 0;
  list-style: none;
}
.my-user-form .wppb-form-field {
  margin-bottom: var(--space-l);
}
.my-user-form label {
  color: var(--base);
  font-size: calc(var(--text-l)*0.9);
  margin-bottom: 0.5em;
}
.my-user-form input[type="text"], .my-user-form input[type="password"], .my-user-form input[type="email"], .my-user-form input[type="tel"] {
  border: 1px solid var(--action);
  border-radius: var(--radius-s);
  padding: 0.2em;
}
.my-user-form .wppb-description-delimiter {
  margin-top: 0.7em;
  display: block;
  font-style: italic;
}
.my-user-form .wppb_upload_button {
  background: var(--action);
  color: var(--white);
  padding: 0.5em 1em;
  margin: 0.5em;
  display: inline-block;
  border-radius: var(--radius-s);
}
.my-user-form input[type="submit"] {
  background: #cdae7d;
  background: linear-gradient(180deg, #cdae7d 0%, #a48859 100%);
  color: var(--white);
  padding: 1em 1.5em;
  margin: 0.5em;
  display: inline-block;
  border-radius: var(--radius-s);
  border: 1px solid var(--action);
  width: 100%;
  text-align: center;
}
.my-user-form .alert, .my-user-form .wppb-error, .my-user-form .wppb-warning {
  margin-bottom: 1em;
  background: var(--secondary);
  padding: 1em;
  border-radius: var(--radius-s);
}
.my-user-form #pass-strength-result {
  padding: 0.5em;
  margin-top: 0.5em;
  display: block;
  background: #fffde2;
}
.my-user-form #pass-strength-result.good, .my-user-form #pass-strength-result.strong {
  background: #a4e899;
}
.my-user-form .login-remember {
  display: flex;
  gap: 0.5em;
  align-content: center;
}
.my-user-form .login-remember label {
  margin-bottom: 0;
  cursor: pointer;
}
.my-user-form .login-lost-password {
  color: var(--base);
  margin-top: 1em;
  text-decoration: underline;
  display: inline-block;
}
.my-user-form .login-register-lost-password {
  display: none;
}
.my-user-form p + ul {
  margin-top: 1em;
}
.my-user-form .wppb-form-error {
  color: var(--danger);
}
/*
  My counter
*/
.my-counter {
  display: flex;
  justify-content: center;
  gap: var(--space-s);
}
.my-counter .field {
  background-color: var(--base-ultra-light);
  padding: 2em 0.5em 0.5em 0.5em;
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Crimson Text";
}
.my-counter .field .format {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3em;
  font-weight: 500;
}
.my-counter .field .format::first-child {
  font-weight: normal;
  line-height: 1;
  color: var(--base-ultra-dark);
}
.my-counter .field .format > span {
  display: block;
  font-weight: normal;
  line-height: 1;
  color: var(--base-ultra-dark);
}
.my-counter .field .format .days-lbl, .my-counter .field .format .hourse-lbl, .my-counter .field .format .minutes-lbl, .my-counter .field .format .sec-lbl {
  font-size: calc(var(--text-xs) * 0.9);
  letter-spacing: 1px;
  color: var(--action);
  text-transform: uppercase;
  margin-top: 2.5em;
}
@media (max-width: 478px) {
  .my-counter .field .format .days-lbl, .my-counter .field .format .hourse-lbl, .my-counter .field .format .minutes-lbl, .my-counter .field .format .sec-lbl {
    margin-top: 1em;
  }
}
/*Audio Player quick fix cropped time*/
.brxe-audio .mejs-container .mejs-controls .mejs-time {
  min-height: 3rem;
}