/*
Theme Name: CompassionU
Theme URI: https://evolve.ca/
Description: CompassionU Theme with Vite & Tailwindcss
Author: Evolve Agency
Version: 1.1
*/

:root {
  /* --beige: #f2ead5; */
  --beige: #f9f1d7;
  /* --dark-beige: #F9F1D7; */
  --dark-beige: #faf0d7;
  --blue: #06b6f2;
  --camel: #b6996d;
  --purple: #750444;
  --mandarin: #ff793d;
  --green: #5c6b36;
  --light-beige: #fcf5df;
  --brown:#4F2A10;
  --brown-light:#4f2a10a1;
  --yellow: #fdd010;
}

.brown-text{
  color: var(--brown);
}
.bold-text{
  font-weight: 600;
}
.button{
  font-family: 'Proza Libre', Sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
/* @import url("https://fonts.googleapis.com/css2?family=Proza+Libre:wght@400;500;600;700&display=swap"); */

/* Palatino */
@font-face {
  font-family: "Palatino";
  src: url("./assets/fonts/Palatino-Italic.woff2") format("woff2"),
    url("./assets/fonts/Palatino-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Palatino";
  src: url("./assets/fonts/Palatino-Roman.woff2") format("woff2"),
    url("./assets/fonts/Palatino-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Palatino";
  src: url("./assets/fonts/Palatino-BoldItalic.woff2") format("woff2"),
    url("./assets/fonts/Palatino-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Palatino";
  src: url("./assets/fonts/Palatino-Bold.woff2") format("woff2"),
    url("./assets/fonts/Palatino-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Proza Libre */
@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-regular.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-regular.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-medium.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-medium.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-semibold.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-semibold.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-bold.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-bold.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-extrabold.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-extrabold.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-italic.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-italic.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-semibolditalic.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-semibolditalic.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-bolditalic.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-bolditalic.woff") format('woff');
}

@font-face {
  font-family: 'Proza Libre';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./assets/fonts/prozalibre-extrabolditalic.woff2") format('woff2'),
    url("./assets/fonts/prozalibre-extrabolditalic.woff") format('woff');
}

:root {
  --bs-primary-rgb: 117, 4, 68;
  --bs-heading-color: #751144;
  --text-body-color: #4f2a10;
  --bs-btn-bg: #c19a6b;
  --bs-btn-color: #faf0d7;
  --bs-btn-border-color: #c19a6b;
  --tertiary-color: #ff793d;
}

.text-body {
  color: var(--bs-body-color) !important;
}

.text-purple {
  color: var(--purple) !important;
}
.text-camel {
  color: var(--camel);
}
.text-beige {
  color: var(--beige);
}
.text-mandarin {
  color: var(--mandarin);
}
.btn{
  font-family: 'Proza Libre', Sans-serif;
  font-weight: 600;
}
.btn:hover{
  background-color: var(--mandarin);
}
.btn-primary {
  background-color: #06b6f2 !important;
  text-transform: uppercase;
  height: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0 !important;
}


.btn-primary::first-letter {
  text-transform: uppercase;
}

.disable-a {
  opacity: 0.8;
  pointer-events: none;
}

.btn-secondary {
  --bs-btn-bg: #c19a6b;
  --bs-btn-color: #faf0d7;
  --bs-btn-border-color: #c19a6b;
  text-transform: uppercase;
  height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  letter-spacing: 0.03em;
}

.btn-secondary:hover {
  background-color: #c19a6b;
  border-color: #c19a6b;
}

.btn-secondary::first-letter {
  text-transform: uppercase;
}

.btn-read-write {
  min-width: 93px;
}

.btn-transparent {
  --bs-btn-bg: transparent;
  color: #c19a6b;
  border: 1px solid #c19a6b;
  letter-spacing: 0.48px;
  height: 30px;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent:active:focus,
.btn-transparent.active {
  background-color: #c19a6b !important;
  color: #faf0d7 !important;
}

.btn-tertiary {
  --bs-btn-bg: var(--tertiary-color);
  --bs-btn-color: #faf0d7;
  --bs-btn-border-color: #c19a6b;
  text-transform: uppercase;
  height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid var(--tertiary-color);
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary:active:focus,
.btn-tertiary.active {
  background-color: #c19a6b !important;
  color: #faf0d7 !important;
}

.btn-tertiary::first-letter {
  text-transform: uppercase;
}

.btn-training {
  --bs-btn-bg: #750444;
  --bs-btn-color: #faf0d7;
  --bs-btn-border-color: #c19a6b;
  text-transform: uppercase;
  height: 30px;
  padding-top: 2px;
  border: 1px solid #750444;
  padding-bottom: 2px;
}

.btn-training:hover,
.btn-training:focus,
.btn-training:active,
.btn-training:active:focus,
.btn-training.active {
  background-color: #750444 !important;
  color: #fff !important;
  text-transform: uppercase;
}

.btn-training::first-letter {
  text-transform: uppercase;
}

.btn-lock {
  --bs-btn-bg: #ff793d;
  text-transform: uppercase;
  border: 0;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.btn-lock:hover {
  background-color: #ff793d;
}

.btn-lock:before {
  content: "";
  height: 23px;
  width: 17px;
  background: url("./assets/img/lock-icon.png") no-repeat;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
}

.ld-course-resume,
.btn-yellow {
  display: inline-block;
  background-color: var(--yellow);
  color: #000;
  border-color: var(--yellow);
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  text-align: center;
  font-family: "Proza Libre", serif;
  text-decoration: none;
  padding: 0;
  font-weight: 700;
  max-width: 150px;
  min-width: 93px;
  width: 100%;
  text-align: center;
}

.ld-course-resume::first-letter,
.btn-yellow::first-letter {
  text-transform: uppercase;
}

.ld-course-resume:hover,
.btn-yellow:hover,
.ld-course-resume:focus,
.btn-yellow:focus,
.ld-course-resume:active,
.btn-yellow:active,
.ld-course-resume:active:focus,
.btn-yellow:active:focus,
.ld-course-resume.active,
.btn-yellow.active {
  background-color: var(--yellow) !important;
  color: #000 !important;
}

.btn-journal-submit svg {
  width: 20px;
  height: 20px;
}

.btn-header {
  height: 58px;
  font-size: 30px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  text-transform: uppercase;
}

.mh-350 {
  min-height: 350px;
}

/**
** General
**/

body {
  background-image: url("./assets/img/Full-desktop-texture-1.png");
  background-repeat: repeat;
  font-family: "Palatino", serif;
}

h1 {
  color: rgb(var(--bs-primary-rgb)) !important;
  font-weight: 700;
  font-family: "Palatino", serif;
}

h2 {
  color: var(--text-body-color);
  font-weight: 700;
  font-family: "Proza Libre", sans-serif;
  /* font-size: 40px; */
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2.5rem;
  }
}

h3,
h4 {
  font-weight: 500;
  letter-spacing: 0.01em;
  font-family: "Proza Libre", sans-serif;
}

.proza-libre {
  font-family: "Proza Libre", serif;
}

.hr-dash {
  background-image: linear-gradient(to right, #707070 50%, transparent 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  height: 1px;
  display: block;
}

.form-control:focus {
  border-color: transparent;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
}

textarea {
  outline: none;
  font-style: italic;
  color: #59260b;
  padding-right: 10px;
}

textarea::placeholder {
  font-style: italic;
  color: #59260b;
}

/**
** Header
**/

.temp-menu {
  list-style: none;
}

.side-menu-container {
  display: none;
}

.side-menu-container img {
  width: 180px !important;
  margin-bottom: -10px;
}

header#site-header {
  position: fixed;
  bottom: 0;
  z-index: 9999 !important;
}

.mobile-menu {
  background-color: #750444;
  border-radius: 8px;
  top: 0;
}

.mobile-menu-btn {
  border: 0;
  outline: none;
  box-shadow: none !important;
}

.mobile-menu-btn .icon-menu-open {
  display: none;
}

.mobile-menu-btn .icon-menu-close {
  display: block;
}

.mobile-menu-btn.collapsed .icon-menu-open {
  display: block;
}

.mobile-menu-btn.collapsed .icon-menu-close {
  display: none;
}

@media (min-width: 992px) {
  .side-menu-container {
    display: block;
  }

  header#site-header {
    position: sticky !important;
    top: 0;
    bottom: auto;
  }
}

/**
** Footer
**/

footer#site-footer hr {
  color: #7e7e7e;
}

.after-footer {
  height: 80px;
  margin-bottom: 106px;
}

footer#site-footer .form-control:focus {
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1) !important;
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.footer-form input,
.footer-form button {
  height: 35px;
}

.footer-form button {
  background-color: #3e73d7 !important;
}

@media (min-width: 992px) {
  footer#site-footer .container {
    padding-left: 80px;
    padding-right: 80px;
  }

  .after-footer {
    margin-bottom: 0;
  }

  .after-footer img {
    margin-right: 80px;
  }
}

/**
** Sidebar
**/
.side-menu-container ul,
.sidebarmenu {
  list-style: none;
  display: flex;
  padding: 0;
  flex-direction: column;
  margin-bottom: 1rem;
}

.side-menu-container ul li a,
.sidebarmenu li a {
  font-weight: 700;
  font-family: "Palatino";
  color: white;
  font-size: 18px;
  padding-left: 37px !important;
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.top--sidebar {
  top: 185px;
}

.side-menu-container ul li a:focus,
.side-menu-container ul li a:hover,
.side-menu-container ul li a.active,
.side-menu-container ul li a.active:hover,
.sidebarmenu li a.active,
.sidebarmenu li a.active:hover,
.sidebarmenu li a:hover,
.sidebarmenu li a:focus {
  background-color: transparent !important;
  color: #ff793d;
}

.side-menu-container {
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.16),
    0 0 10px rgba(175, 174, 173, 1);
}

/**
** Journal
**/

.journal-entry {
  border-radius: 8px;
  background-color: #faf3e0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
  padding: 20px 25px;
}

.journal-entry h4 {
  font-size: 22px;
  color: var(--text-body-color);
  letter-spacing: 0.4px;
}

.journal-entry p {
  color: var(--text-body-color);
}

.journal-content-text {
  color: var(--text-body-color);
  font-style: italic;
  line-height: 18px;
}

.journal-margin {
  margin-right: 0px;
}

.floating-button {
  position: absolute;
  right: -70px;
  bottom: -70px;
}

.btn-journal {
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: uppercase;
}

.btn-journal::first-letter {
  text-transform: uppercase;
}

.new-entry-textarea {
  border-radius: 8px;
  background-color: #faf3e0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
  padding: 20px 25px;
  color: #59260b;
}

#uploadIcon {
  background: url("./assets/img/icon-camera.svg") no-repeat center center;
  background-size: 23px 18px;
  background-position: 20px 3px;
  cursor: pointer;
  color: #59260b;
  padding-left: 23px;
}

#uploadIcon span {
  margin-left: 1.7rem;
}

#journal-question .word-count {
  font-size: 13px;
  color: #59260b;
}

#journal-question ul.input-feedback {
  color: var(--bs-body-color);
  font-size: 0.875em;
}

#journal-question .myjournal-title {
  margin-top: -3px;
}

#journal-question .save-journal {
  color: #59260b;
}

#journal-question .save-journal p {
  color: #59260b;
}

#journal-question .save-journal button {
  color: #59260b;
}

.training-compassion-journal-title {
  font-weight: 500 !important;
}

.accordion-icon {
  margin-top: -0.563rem;
}

#journal-question .submission-response {
  color: #59260b;
}

@media (min-width: 992px) {
  .journal-margin {
    margin-right: 70px;
  }
}

/**
** Account
**/
#account-tabs ul li a.collapsed {
  background-color: #faf0d7;
  box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0.44),
    0px 0px 10px rgba(175, 174, 173, 1);
  font-family: "Proza Libre", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-right: 20px;
  color: var(--text-body-color);
}

#account-tabs ul li a {
  background-color: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 1px 6px rgba(0, 0, 0, 0.04);
  font-family: "Proza Libre", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-right: 20px;
  color: var(--text-body-color);
}

.account-card,
.register-form_wrapper,
.ui-card{
  border-radius: 12px;
  background-color: #faf3e0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
  padding: 20px 25px;
}

/**
** Learndash
**/

body.ld-in-focus-mode {
  background: url("./assets/img/Full-desktop-texture-1.png") !important;
}

body.ld-in-focus-mode .learndash-wrapper {
  background: transparent !important;
}

body.ld-in-focus-mode > .learndash-wrapper {
  background: url("./assets/img/tree_sketch_v5.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  background-position: center bottom !important;
}

/**
** Course, Practice
**/

.course-title {
  color: #4f2a10;
  font-size: 22px;
}

.course-card {
  border-radius: 10px;
  background-color: #faf3e0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
  padding: 20px 25px;
}

.course-content-text {
  line-height: 18px;
  color: #4f2a10;
}

.post-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 248px);
  /* grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); */
  gap: 65px;
  justify-content: center;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.post-list-home {
  gap: 21px;
}

.post-container {
  width: 248px;
}

.practice-title {
  letter-spacing: 0.128px;
  color: var(--text-body-color);
  font-size: 22px;
}

@media (min-width: 992px) {
  .post-list {
    justify-content: start;
  }
}

/**
** Home
**/

.home-courses .learndash-wrapper .ld-progress .ld-progress-bar {
  height: 20px !important;
  background-color: #fcf4e1 !important;
  border: 1px solid rgba(112, 112, 112, 0.18);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 33px !important;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

.home-courses
  .learndash-wrapper
  .ld-progress
  .ld-progress-bar
  .ld-progress-bar-percentage {
  background: #ff793d !important;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 33px !important;
  height: 13px !important;
}

.home-courses
  .learndash-wrapper
  .ld-progress
  .ld-progress-heading
  .ld-progress-stats
  .ld-progress-percentage {
  color: #ff793d !important;
}

.card-status {
  background-color: #751144;
  border-radius: 10px;
}

.card-status-header {
  background-color: #ff5875;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 6px 25px;
}

.card-status-body {
  padding: 20px 25px;
}

.see-more-link {
  color: var(--text-body-color);
  font-size: 24px;
  white-space: wrap;
}

.link-container {
  max-width: 75px;
}

/**
**  sfwd-topic
**/

.custom-single-sfwd-topic {
  background: url("./assets/img/tree_sketch_v5.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 100vh;
  min-height: 900px;
  background-position: center bottom !important;
}

.sfwd-topic-title {
  padding-top: 40px;
}

.learndash-wrapper .ld-tabs {
  margin: 0 !important;
}

.sfwd-menubar {
  background-color: #750444;
  border-radius: 12px;
  padding: 20px 40px;
  position: relative;
  z-index: 100;
}

.sfwd-menubar .menu-btn::after {
  display: none;
}

.journal-mobile-menu {
  width: 100%;
  height: 100%;
  display: block !important;
}

@media (min-width: 778px) {
  .journal-mobile-menu {
    width: 270px;
    height: auto;
    top: 254px !important;
    left: calc(50% - 648px) !important;
  }
}

.progress-bar .ld-progress-bar .ld-progress-bar-percentage {
  background: #ff793d !important;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 33px !important;
  height: 6px !important;
}

.progress-bar
  .learndash-wrapper
  .ld-progress
  .ld-progress-heading
  .ld-progress-stats
  .ld-progress-percentage {
  color: #ff793d !important;
}

.btn-learndash .btn-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.btn-learndash .prev-link span,
.btn-learndash .next-link span,
.btn-learndash .back-to-module span {
  display: none;
}

.btn-learndash .prev-link,
.btn-learndash .next-link,
.btn-learndash .back-to-module,
.btn-learndash .learndash_mark_complete_button {
  font-size: 18px;
  color: var(--text-body-color);
  font-weight: 500;
  font-family: "Proza Libre", serif;
  background: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.14),
    0 1px 6px rgba(0, 0, 0, 0.04);
  width: auto;
  min-width: 152px;
  height: 42px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
  text-decoration: none;
  border: 0;
}

.btn-learndash .prev-link:hover,
.btn-learndash .next-link:hover,
.btn-learndash .back-to-module:hover,
.btn-learndash .learndash_mark_complete_button:hover {
  color: #ff783d;
}

@media (max-width: 767px) {
  .btn-learndash .prev-link,
  .btn-learndash .next-link,
  .btn-learndash .back-to-module,
  .btn-learndash .learndash_mark_complete_button {
    width: auto;
    min-width: auto;
    font-size: 12px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
  }

  .sfwd-menubar {
    padding: 20px;
  }
}

.sfwd-avatar {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
}

.btn-journal-internal {
  background-color: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 1px 6px rgba(0, 0, 0, 0.04);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  /* margin-right: 20px; */
  color: #59260b;
  border-radius: 5px;
  border: 0px;
  padding: 5px 15px;
}

.btn-journal-internal:hover {
  color: #ff783d;
}

.grassblade > iframe {
  height: calc(100vh - 217px) !important;
  min-height: 680px !important;
  max-width: 537px !important; /* @Adrian Added this to fit the player to the content */
}

.learndash-wrapper .ld-tabs {
  margin-bottom: -7px !important;
}

#textareaTarget {
  height: 100%;
  overflow: auto;
  width: 100%;
}

#textareaTarget #content {
  resize: none;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  resize: none;
  /* Prevent manual resizing */
  overflow: hidden;
  /* Hide scrollbars */
  border: 0;
  outline: none;
  padding-left: 0;
  padding-top: 5px;
  padding-right: 20px !important;
}

#textareaTarget,
.accessible-scrollbar {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

#textareaTarget,
.accessible-scrollbar {
  --sb-track-color: #fcf4e1;
  --sb-thumb-color: #c19967;
  --sb-size: 7px;
}
#textareaTarget #content {
  resize: none !important;
}

#textareaTarget::-webkit-scrollbar,
.accessible-scrollbar {
  width: var(--sb-size);
}

#textareaTarget::-webkit-scrollbar-track,
.accessible-scrollbar::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 15px;
  border: 1px solid rgba(112, 112, 112, 0.36);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

#textareaTarget::-webkit-scrollbar-thumb,
.accessible-scrollbar::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 15px;
}

.form-journal-check {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.form-journal-check .checkbox-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-left: 0px;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
}

.form-journal-check .checkbox-container label {
  color: #59260b;
}

.form-journal-check ul {
  flex-basis: 100%;
  padding-left: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}

.form-journal-check .form-check-input {
  background-color: transparent;
  background-image: url("./assets/img/icon-check-state-1.svg");
  padding-left: 0;
  width: 26px;
  height: 26px;
  outline: none;
  border: 0;
  box-shadow: none;
  margin-left: 0;
  flex: 1;
}

.form-journal-check .form-check-input:hover,
.form-journal-check .form-check-input:focus,
.form-journal-check .form-check-input:active,
.form-journal-check .form-check-input:checked:hover,
.form-journal-check .form-check-input:checked:focus,
.form-journal-check .form-check-input:checked:active {
  outline: none;
  border: 0;
  box-shadow: none;
}

.form-journal-check .form-check-input:checked {
  background-image: url("./assets/img/icon-check-state-2.svg");
}

#textareaTarget ul {
  padding-left: 0;
  list-style: none;
}

/** LearnDash Course Page**/

.learndash-bar-container
  .learndash-wrapper
  .ld-course-status.ld-course-status-enrolled {
  background-color: transparent !important;
  padding-left: 0;
  padding-right: 0;
}

.learndash-bar-container.home-courses
  .learndash-wrapper
  .ld-progress
  .ld-progress-heading
  .ld-progress-stats
  .ld-progress-percentage {
  color: #06b6f2 !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content p {
  font-size: 16px;
  line-height: 22px;
  color: #4f2a10;
  color: var(--text-body-color);
}

.ld-section-heading.shortcode-heading h2 {
  color: #751144;
}

.custom-learndash-wrapper .learndash-wrapper .ld-expand-button {
  background-color: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.46);
  font-family: "Palatino", serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
  margin-right: 20px;
  color: #4f2a10;
  height: 20px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row-reverse;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-expand-button
  span.ld-icon-arrow-down::before {
  content: "";
  background: url("./assets/img/icon-arrow-down.svg") no-repeat;
  width: 7px;
  height: 10px;
  display: block;
}

.custom-learndash-wrapper .learndash-wrapper .ld-expand-button:hover {
  background-color: #faf0d7;
}

.custom-learndash-wrapper .learndash-wrapper .ld-item-list .ld-item-list-item {
  background-color: #faf3e0;
  border: 0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1),
    -20px -20px 60px rgba(247, 240, 220, 1);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item
  .ld-item-list-item-preview
  .ld-item-title {
  color: #4f2a10;
  font-size: 22px;
  font-family: "Proza Libre", sans-serif;
  font-weight: 700;
  letter-spacing: 0.008em;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item
  .ld-item-list-item-preview
  .ld-item-title
  span.ld-item-component {
  color: #4f2a10;
  font-size: 22px;
  font-family: "Palatino", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.learndash-wrapper
  .ld-item-list
  .ld-item-list-item
  .ld-item-list-item-expanded {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  background-color: #fcf5df;
  border: 0;
  box-shadow: none;
  border-radius: 8px;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item.ld-expanded
  .ld-item-list-item-expanded {
  box-shadow: inset 0 3px 6px rgba(255, 255, 255, 1),
    0 0 10px rgba(175, 174, 173, 1);
  margin-bottom: 40px;
  border: 1px solid #fcf5df;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item
  .ld-item-list-item-expanded::before {
  display: none;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-header {
  background-color: transparent;
  color: #4f2a10;
  font-style: italic;
  padding: 20px 50px !important;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-header
  .ld-icon.ld-icon-content::before {
  content: "";
  background: url("./assets/img/icon-progress-mid.svg") no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  flex-basis: 40px;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list.ld-lesson-list
  .ld-topic-list
  .ld-table-list-item {
  margin: 0 1.2em !important;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-header
  .ld-item-icon {
  height: 40px;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-header
  .ld-text {
  font-size: 22px;
  font-weight: 400;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-item {
  border-bottom: 1px dashed #707070;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-item:last-child {
  border-bottom: 0;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  a.ld-table-list-item-preview {
  padding-left: 15px;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  a.ld-table-list-item-preview
  .ld-topic-title {
  color: #4f2a10;
  font-size: 18px;
  font-weight: 400;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item
  .ld-item-title
  .ld-item-components {
  margin-top: 0;
}

.custom-learndash-wrapper .learndash-wrapper .ld-status-icon {
  background-color: transparent;
  border-color: transparent;
  border: 0;
  transform: rotate(0deg);
  width: 40px;
  height: 40px;
  display: block;
  flex-basis: 40px;
  margin-top: -0.25em !important;
  margin-right: 1em !important;
}

.custom-learndash-wrapper .learndash-wrapper .ld-status-in-progress {
  background: url("./assets/img/icon-progress-mid.svg") no-repeat;
}

.custom-learndash-wrapper .learndash-wrapper .ld-status-incomplete {
  background: url("./assets/img/icon-progress-start.svg") no-repeat;
  border: 0 !important;
  background-color: transparent !important;
}

.custom-learndash-wrapper .learndash-wrapper .ld-status-complete {
  background: url("./assets/img/icon-progress-end.svg") no-repeat;
  background-color: transparent;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-expand-button.ld-button-alternate {
  color: #4f2a10;
  text-transform: uppercase;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-table-list
  .ld-table-list-item-preview {
  padding: 8px 0;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-course-status
  .ld-status.ld-status-complete,
.custom-learndash-wrapper
  .learndash-wrapper
  .ld-course-status
  .ld-status.ld-status-progress {
  background-color: transparent;
  color: white;
  background: url("./assets/img/icon-badge-bg.svg") no-repeat;
  background-size: contain;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-expand-button.ld-button-alternate
  .ld-icon {
  background-color: transparent;
  flex: 0;
  padding: 0;
  height: auto;
}

.custom-learndash-wrapper
  .learndash-wrapper
  .ld-topic-list.ld-table-list
  .ld-table-list-item
  .ld-table-list-item-preview {
  align-items: center;
}

.height-content {
  max-height: fit-content !important;
}

@media (min-width: 768px) {
  .custom-learndash-wrapper
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 640px) {
  .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview
    .ld-item-details {
    margin-left: 3.4em !important;
  }

  .custom-learndash-wrapper
    .learndash-wrapper
    .ld-table-list
    .ld-table-list-header {
    padding: 20px 30px !important;
  }
}

/** settings-reminder **/

.settings-reminder h5 {
  font-size: 18px;
}

.setting-phone-form label {
  text-transform: uppercase;
  font-size: 14px;
  color: #b6996d;
}

.setting-phone-form input {
  font-size: 14px;
}

.setting-phone-form p {
  font-size: 14px;
  color: #773622;
}

.settings-reminder .phone-input {
  color: #773622;
  font-size: 14px;
  height: 30px;
  background: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.46);
  border-radius: 25px;
  max-width: 130px;
}

.settings-reminder .input-feedback-success {
  font-size: 14px;
  margin-top: 10px;
  padding-left: 1em;
  color: #59260b;
}

.btn-settings {
  width: 44px;
  height: 15px;
  font-size: 6px;
  font-family: "Proza Libre", serif;
  text-transform: uppercase;
  padding: 0;
  text-align: center;
  color: white;
  border-radius: 2px !important;
  letter-spacing: 0.03em;
  font-weight: 700;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0;
}

.btn-edit {
  background-color: #f0ce35;
  border-color: #f0ce35;
  color: #4f2a10;
}

.btn-edit:hover {
  background-color: #f0ce35;
  border-color: #f0ce35;
}

.btn-save {
  background-color: #06b6f2 !important;
  border-color: #06b6f2 !important;
}

.btn-save span.spinner-border {
  display: none;
}

.btn-save span {
  text-transform: uppercase;
  color: white;
  background: transparent;
}

.btn-save:hover {
  background-color: #06b6f2;
  border-color: #06b6f2;
  color: white;
}

.btn-cancel {
  background-color: #750444;
  border-color: #750444;
}

.btn-cancel:hover {
  background-color: #750444;
  border-color: #750444;
  color: white;
}

.btn-delete:hover,
.btn-delete {
  background-color: #ff5875 !important;
  border-color: #ff5875;
  color: white;
}

.btn-delete span.spinner-border {
  display: none;
}

.btn-delete span {
  text-transform: uppercase;
  color: white;
  background: #ff5875;
}

.settings-reminder .reminder-container {
  padding: 15px 10px 15px 20px;
  background-color: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.46);
  border-radius: 10px;
}

.settings-reminder .reminder-container h3 {
  font-size: 14px;
  color: #4f2a10;
}

.settings-reminder .reminder-container p {
  color: #750444;
  font-size: 14px;
}

.settings-reminder .reminder-container .channel-container > label,
.settings-reminder .reminder-container .schedule-container > label {
  font-size: 14px;
  color: #750444;
}

.settings-reminder .reminder-container .channel-container .relative label,
.settings-reminder .reminder-container .schedule-container .relative label {
  font-family: "Proza Libre", serif;
  font-size: 14px;
  color: #4f2a10;
}

.settings-reminder .reminder-container input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  background: url("./assets/img/radio-button.svg") no-repeat center center;
  background-size: contain;
  cursor: pointer;
  margin-right: 10px;
}

.settings-reminder .reminder-container input[type="radio"]:checked {
  background: url("./assets/img/radio-button-selected.svg") no-repeat center
    center;
  background-size: contain;
}

/** Peepso Settings Page **/
#account-tabs label,
#account-tabs input,
#account-tabs textarea,
#account-tabs .ps-form__field-desc,
#account-tabs .ps-input,
#account-tabs .ps-profile__about-field-data,
#account-tabs .ps-profile__about-field-placeholder,
#account-tabs #settings-practice-reminder p {
  color: var(--text-body-color) !important;
}

/** Alertyfy **/

.alertify .dimmer {
  background-color: #000;
  opacity: 0.5;
}

.alertify .ajs-dialog {
  max-width: 458px;
  min-height: 122px;
  background-color: #fcf5df;
  color: #59260b;
  border: 0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1), 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  margin: 10% auto;
}

.alertify .ajs-header {
  color: #750444;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  font-size: 15px;
  background: transparent;
  font-family: "Proza Libre", serif;
  font-weight: 500;
}

.alertify .ajs-body {
  color: #59260b;
  font-size: 15px;
}

.alertify.resizable .content,
.alertify.maximized:not(.resizable) .content {
  top: 58px;
  bottom: 68px;
}

.alertify .ajs-footer {
  background-color: transparent;
  padding: 15px;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: #faf0d7;
  color: #59260b !important;
  border: 0;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Proza Libre", serif;
  letter-spacing: 0.008em;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  outline: none !important;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: center;
}

/***************
   notifier
  ***************/
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 6px;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 3px 6px rgba(0, 0, 0, 0.16);
}

.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: #06b6f2;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  border: 0;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 3px 6px rgba(0, 0, 0, 0.16);
}

.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: #ff5875;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.44),
    0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 0;
}

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}

/* TOS */

.tos_text * {
  color: var(--text-body-color);
}

.tos_text h2,
.tos_text h3,
.tos_text h4,
.tos_text h5 {
  font-weight: 700;
}

.tos_text h2 {
  font-size: 2rem;
}

.tos_text h3 {
  font-size: 1.75rem;
}

.tos_text h4 {
  font-size: 1.5rem;
}

.tos_text h4 {
  font-size: 1.25rem;
}

/** Simplified Course Menu **/
.course-list .ld-expand-button {
  background-color: #faf0d7;
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 0.46);
  font-family: "Palatino", serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
  margin-right: 20px;
  color: #4f2a10;
  height: 20px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 1em 2em;
  border-radius: 20px;
  column-gap: 8px;
  cursor: pointer;
}
.course-list .course-title {
  flex-grow: 1;
}
.course-list .ld-expand-button span {
  display: block;
}
.course-list span.ld-icon-arrow-down::before {
  content: "";
  background: url("./assets/img/icon-arrow-down.svg") no-repeat;
  width: 7px;
  height: 10px;
  display: block;
  transform: rotate(-90deg);
}
.course-list span.ld-icon-arrow-up::before {
  content: "";
  background: url("./assets/img/icon-arrow-up.svg") no-repeat;
  width: 7px;
  height: 10px;
  display: block;
  transform: rotate(180deg);
}
.course-list .course-card-wrapper .course {
  display: grid;
  grid-template-columns: 100px 1fr;
  column-gap: 1rem;
  justify-items: start;
  align-items: start;
}
.course-list .course-list {
  /* background: url(./assets/img/line.png);  */
  background-repeat: no-repeat;
  background-position: 30px 0px;
  background-size: auto 100%;
}
.course-list .course-card-wrapper .course .course-thumbnail.course-card {
  padding: 0;
  overflow: hidden;
  background: rgb(242, 235, 217);
  background: linear-gradient(
    135deg,
    rgba(242, 235, 217, 1) 0%,
    rgba(250, 244, 228, 1) 100%
  );
}
.course-list .course-card-wrapper .course .course-thumbnail.course-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100px;
  height: 100px;
}
.course-list .course-card-wrapper .ld-section-heading.shortcode-heading,
.course-list .course-card-wrapper .ld-item-list-item-preview,
.course-list .course-card-wrapper .ld-table-list-header.ld-primary-background {
  display: none !important;
}
.course-list .course-card-wrapper .course .course-content {
  padding-left: 56px;
}
.course-list
  .course-card-wrapper
  .learndash-wrapper
  .ld-item-list
  .ld-item-list-item {
  background: transparent;
  border: none;
}
.course-list .course-card-wrapper .ld-item-list-item-expanded:before {
  display: none;
}
.course-list .course-card-wrapper .ld-item-list-item-expanded {
  margin: 0 !important;
  box-shadow: inset 0 3px 6px rgba(255, 255, 255, 1),
    0 0 10px rgba(175, 174, 173, 1) !important;
  margin-bottom: 40px;
  border: 1px solid #fcf5df;
}
.course-list .course-card-wrapper .title {
  margin-left: -56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 16px;
}
.course-list .course-card-wrapper .title .course-title {
  margin: 0;
  line-height: 100%;
}
.course-list .course-card-wrapper .title .ld-status-icon {
  display: block;
  width: 40px;
  height: 40px;
}
.course-list .course-card-wrapper .ld-table-list-items {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.course-list .course-card-wrapper .ld-table-list-item {
  margin: 0 1.2em !important;
  border-bottom: 1px dashed #707070 !important;
}
.course-list .course-card-wrapper .ld-table-list-item:last-child {
  border: none !important;
}
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-table-list-item-preview {
  padding: 8px 0;
  align-items: center !important;
}
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-table-list-item-preview
  .ld-topic-title {
  color: #4f2a10 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}
.course-list .course-card-wrapper .ld-table-list-item .ld-status-icon {
  transform: rotate(0deg) !important;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  flex-basis: 40px !important;
  margin-top: -0.25em !important;
  margin-right: 1em !important;
  border: 0 !important;
  background-color: transparent !important;
}
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-status-icon
  .ld-icon-checkmark {
  display: none;
}

.course-list .course-thumbnail:after {
  content: "";
  display: block;
}

/* Completion Statuses */

.course-list .course-in-progress .title .ld-status-icon,
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-status-icon.ld-status-in-progress {
  background: url("./assets/img/icon-progress-mid.svg") no-repeat;
}
.course-list .course-not-started .title .ld-status-icon,
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-status-icon.ld-status-incomplete {
  background: url("./assets/img/icon-progress-start.svg") no-repeat;
}
.course-list .course-completed .title .ld-status-icon,
.course-list
  .course-card-wrapper
  .ld-table-list-item
  .ld-status-icon.ld-status-complete {
  background: url("./assets/img/icon-progress-end.svg") no-repeat;
}
.course-list .course-not-started .course-thumbnail img {
  filter: grayscale(100%);
}
.course-list .course-completed .course-thumbnail.course-card {
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1), inset 0 0 8px #06b6f2,
    -20px -20px 60px rgba(247, 240, 220, 1) !important;
  box-shadow: inset 0 0 6px #06b6f2, -20px -20px 60px rgba(247, 240, 220, 1) !important;
}

.course-list .course-thumbnail:after {
  content: "";
  position: absolute;
  width: 150px;
  height: calc(100% - 138px);
  background-image: url(./assets/img/line-extended.png);
  background-position: 45px 0;
  background-repeat: no-repeat;
  display: block;
  bottom: 30px;
  z-index: 1;
  background-size: auto 100%;
}
.course-thumbnail:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 49px;
  background: url("./assets/img/line-small.svg");
  background-position: 45px 0;
  background-repeat: no-repeat;
  display: block;
  bottom: 0;
  z-index: 2;
}
.course-list .course-card-wrapper .course {
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 48px;
}
.course-list {
  background: none;
  position: relative;
  z-index: 1;
}
.course-list:after {
  content: "";
  display: block;
  position: sticky;
  z-index: 2;
  width: 100%;
  height: 229px;
  background: linear-gradient(
    180deg,
    rgba(251, 242, 220, 0) 0%,
    rgba(251, 242, 220, 0.93) 75%,
    rgba(251, 242, 220, 1) 100%
  );
  bottom: 0;
}
.course-list .course-card-wrapper:last-child .course-thumbnail:after,
.course-list .course-card-wrapper:last-child .course-thumbnail:before {
  display: none;
}

/* Checkout */
.page-template-checkout .top-bar {
  background-color: var(--tertiary-color);
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection {
  color: #000;
  font-size: 16px;
  box-shadow: inset 0px 0px 6px #59260b75;
  border-radius: 8px;
  background-color: #faf0d7;
}
#order_review > div {
  background-color: var(--beige);
  box-shadow: inset 0px 0px 6px #59260b75;
  border-radius: 8px;
}
#order_review h3 {
  font-weight: 600;
}
.woocommerce table.shop_table {
  border: none;
}
.woocommerce-checkout #payment {
  background: none;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: transparent;
}
.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}
.wc_payment_methods li label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.woocommerce-checkout #payment .payment_box.payment_method_clover-payments {
  padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: none;
}
.wc-clover-payments #submit-button {
  border: none;
  border-radius: 10px;
  font-size: 20px;
  padding: 10px;
}
#place_order {
  background-color: var(--yellow);
  color: #000;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  display: none;
}
#place_order.active {
  display: block;
}

#wc-clover-payments #submit-button,
#wc-clover-payments #place_order{
  background-color: var(--mandarin) !important;
  color: #fff !important;
  font-family: "Candara", Sans-Serif !important;
  font-weight: bold !important;
  font-size: 30px !important;
}

.page-template-checkout .button.wc-forward {
  display: none;
}
.woocommerce-order-received .top-bar {
  display: none;
}

/* Thank you page */
.thank-you {
  display: flex;
  justify-content: center;
  text-align: center;
}
.thank-you > div {
  box-shadow: inset 0 0 6px #59260b;
  border-radius: 10px;
  max-width: 636px;
  padding: 2rem 5%;
  background-color: var(--beige);
  padding-bottom: 6rem;
}
.thank-you h1,
.thank-you h3{
  font-family: "Proza Libre", Sans-serif;
}
.thank-you h1 {
  font-size: 30px;
  font-weight: bold;
}
.thank-you h3 {
  font-size: 20px;
  margin-bottom: 1rem;
}
.thank-you .btn {
  font-family: "Proza Libre", Sans-serif;
  background-color: var(--purple);
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1em;
  padding: 10px 32px;
}
.page-template-checkout .meeting-widget {
  display: none;
}

#wc-clover-payments #submit-button,
#wc-clover-payments #place_order{
  background-color: var(--mandarin) !important;
  color: #fff !important;
  font-family: "Candara", Sans-Serif !important;
  font-weight: bold !important;
  font-size: 30px !important;
}

.woocommerce-billing-fields input::placeholder{
  color:var(--text-body-color) !important;
  opacity: 0.8
}

.woocommerce-billing-fields h3{
  font-size: 40px;
  font-weight: bold;
}

/* Cohort page */
.single-groups h3{
  font-family: "Proza Libre", Sans-serif;
  font-weight: 500;
  font-size: 20px;
  margin-top: 20px;
}

form.checkout_coupon{
  display: flex; 
  column-gap: 1rem;
  
  border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
form.checkout_coupon .form-row{
  margin-bottom: 0;
  width: auto;
}
form.checkout_coupon .form-row.form-row-first{
  flex-grow: 1;
}
form.checkout_coupon button{
  background-color: var(--yellow) !important;
  font-family: "Candara", Sans-serif;
  text-transform: uppercase;
  height: 100% !important;
  font-size: 0.9rem !important;
}

.dot {
  font-size: 6px;
}
.instructor-pic {
  border-radius: 8px;
  max-height: 70px;
}
.cohort-based {
  border: 1px solid var(--camel);
  border-radius: 4px;
  font-family: "Proza Libre", sans-serif;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 12px 36px !important;
  line-height: 1em !important;
}
/*.learndash-wrapper {
  display: flex;
  flex-direction: column-reverse;
}*/
.learndash-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.learndash-wrapper ul li {
  display: flex;
  position: relative;
  width: 50%;
  padding: 0 10px;
}
.learndash-wrapper ul li::before,
.learndash-wrapper ul li::after {
  background-color: var(--bs-heading-color);
  content: "";
  display: inline-block;
  height: 4px;
  width: 12px;
  position: absolute;
  left: -20px;
  top: 8px;
}

.learndash-wrapper ul li::before {
  transform: rotate(50deg) translateY(-5px);
}
.learndash-wrapper ul li::after {
  transform: rotate(-50deg) translateY(5px);
}

.modules .course h3 {
  color: var(--text-body-color);
}

.modules .course-featured-image .line {
  height: 100px;
  border-right: solid 5px var(--text-body-color);
  border-radius: 255px 15px 225px 15px / 15px 139px 15px 130px;
  position: absolute;
  bottom: -20%;
}

.collapse-btn {
  background-color: var(--beige);
  box-shadow: inset 0px 0px 6px #59260b75;
  border: none;
  border-radius: 10px;
  color: var(--text-body-color);
  font-size: 15px;
  right: 0;
  top: 25px;
  outline: none;
  width: calc(15% + 10px);
  text-align: left;
  text-transform: uppercase;
  padding: 3px 10px;
}
.collapse-btn .arrow {
  position: absolute;
  right: 10px;
  transform: rotate(90deg);
  transition: all 300ms linear;
}
.collapse-btn.collapsed .arrow {
  transform: rotate(0);
}
.topic-content .card {
  background-color: var(--beige);
  border: 1px solid #fbf1da;
  box-shadow: inset 0px 3px 6px #ffffff, 0px 0px 10px #afaead;
}
.topic-content p {
  border-bottom: 2px dashed var(--text-body-color);
}

.learndash-wrapper > .learndash-wrapper.learndash-wrap .ld-course-status {
  background-color: var(--beige);
  box-shadow: inset 0px 0px 6px #59260b, -20px -20px 60px #f7f0dc;
}
.learndash-wrapper
  > .learndash-wrapper.learndash-wrap
  .ld-course-status
  .ld-course-status-label {
  color: var(--text-body-color);
  font-weight: bold;
}
.learndash-wrapper #btn-join.btn-join,
.learndash-wrapper .btn-join {
  background-color: var(--mandarin);
  border-radius: 12px;
  text-transform: uppercase;

  padding:14px 48px !important;
  font-family: "Proza Libre", Sans-serif !important;
  font-weight: bold !important;
  line-height: 1em !important;
}

.learndash-wrapper .ld-course-status-segment .ld-status-waiting{
  border-radius: 0;
  background: transparent;
  
}
.ld-course-status-segment .ld-course-status-price{
  font-size: 20px !important;
  text-transform: none !important;
  margin-bottom: 5px;
}
.ld-course-status-segment p{
  font-size:0.75rem !important;
  font-weight: 400 !important;
  color: var(--bs-body-color) !important;
  opacity: 0.75 !important;
  font-style: italic;
  text-transform: none !important;
  line-height: 1.5em !important;
  margin-bottom: 0 !important;
}
.ld-course-status-segment.ld-course-status-seg-price:nth-of-type(2){
  width: 50% !important;   
}
.ld-course-status-segment,
.ld-course-status-segment .ld-course-status-content{
  justify-content: center !important;
}
.ld-course-status-segment .ld-course-status-content{
  height: auto !important;
}
.course-content.pt-5 button.position-absolute.collapse-btn{
  font-size: 9px !important;
  width: 72px
}

.course-content.pt-5 button.position-absolute.collapse-btn{
  font-size: 9px !important;
  width: 72px
}
.course-content.pt-5 .topic-content .card.card-body{
  padding:30px !important;
  padding-bottom: 20px !important;
}
.course-content.pt-5 .topic-content p{
  font-size: 18px !important;
  font-family: "Palatino", Sans-serif;
  font-weight: 400 !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px dashed #707070 !important;
}
.course-content.pt-5 .modules{
  position: relative !important;
  z-index: 1 !important;
}
.course-content.pt-5 .modules .course .row{
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 48px !important;
  display: grid !important;
  grid-template-columns: 113px 1fr !important;
  column-gap: 1rem !important;
  justify-items: start;
  align-items: start;
}
.course-content.pt-5 .modules .course .course-featured-image{
  width:100%;
  height: auto;
  aspect-ratio:1/1 !important;
}
.course-content.pt-5 .modules .course .course-featured-image:before{
  content: "";
  position: absolute;
  width: 113px;
  height: 120px;
  background: url(/wp-content/themes/compassionu/assets/img/line-small.svg);
  background-position: 55px 0;
  background-repeat: no-repeat;
  display: block;
  bottom: 0;
  z-index: 2;
}
.course-content.pt-5 .modules .course .course-featured-image:before{
  content: "";
  position: absolute;
  width: 113px;
  height: 110px;
  background: url(/wp-content/themes/compassionu/assets/img/line-small.svg);
  background-position: 55px 0;
  background-repeat: no-repeat;
  display: block;
  bottom: 0;
  z-index: 2;

}
.course-content.pt-5 .modules .course .course-featured-image:after{
  content: "";
  
  position: absolute;
  width: 113px;
  height: calc(100% - 188px);
  background-image: url(/wp-content/themes/compassionu/assets/img/line-extended.png);
  background-position: 55px 0;
  background-repeat: no-repeat;
  display: block;
  bottom: 55px;
  z-index: 1;
  background-size: auto 100%;
}
.course-content.pt-5 .modules .course h3{
  font-family: "Proza Libre", Sans-serif !important;
  font-size: 21px !important
  
}

@media only screen and (max-width: 1024px) {
  .modules .course-featured-image .line {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .collapse-btn {
    width: calc(25% + 10px);
    top: -5px;
  }
}

/* Choose your path */
.box-shadow {
  box-shadow: inset 0px 0px 6px #59260b, -20px -20px 60px #f7f0dc;
}
.learning-path {
  background: #f7f0dc;
  border-radius: 10px;
}
.bg-beige {
  /*background-color: var(--beige) !important;*/
  background-color: var(--dark-beige) !important;
  box-shadow: inset 0px 0px 6px #59260b75;
  border-radius: 10px;
}
.btn-orange {
  background-color: var(--mandarin);
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  /* letter-spacing: 1px; */
}
.btn-orange:hover{
  background-color: var(--mandarin) !important;
  color: white !important;
}
/*#content::after,*/
.single-zoom-meetings .content-area::after {
  content: "";
  background-image: url(/wp-content/themes/compassionu/assets/img/Tree_Background_No_background.webp);
  display: block;
  height: 95%;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: -1;
}

/* Cohorts & Dropins archives */
.cohorts.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.cohorts.grid .item {
  min-height: 350px;
}
.courses-filters select {
  background-color: var(--beige);
  border: none;
  border-radius: 10px;
  box-shadow: inset 0px 0px 6px #59260b75;
  color: var(--text-body-color);
  outline: none;
  padding: 0 15px;
}
.cohorts .tags p {
  border: 1px solid var(--camel);
  border-radius: 5px;
  color: var(--camel);
  text-align: center;
  padding: 0 10px;
  width: fit-content;
}
.pagination a {
  background-color: var(--mandarin);
  border-radius: 0.375rem;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 10px 20px;
  font-family: "Proza Libre", Sans-Serif;
  line-height: 1;
}

/* Meetings widget */
.meeting-widget {
  width: fit-content;
  /* min-width: 520px; */
  margin-left: auto;
  /* position: absolute;
  right: 0;
  top: -25px; */
}
.meeting-widget .btn-orange {
  letter-spacing: initial;
}
.meeting-widget .row{
  column-gap: 15px;
}

/* Meetings Single */
.dpn-zvc-single-content-wrapper {
  max-width: 900px;
  margin: 0 auto;
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-timer
  .dpn-zvc-timer-cell {
  background: none;
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-timer
  .dpn-zvc-timer-cell-number {
  background-color: var(--purple);
  color: var(--beige);
  padding: 15px 0;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer {
  align-items: center;
  width: 33%;
  margin: 0 auto;
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-timer
  .separator {
  font-size: 42px;
  transform: translateY(-20px);
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-timer
  .dpn-zvc-timer-cell-string {
  color: var(--text-body-color);
  font-style: italic;
  font-size: 22px;
  text-transform: capitalize;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile,
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-sidebar-content {
  background: none;
  padding: 0;
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-sidebar-tile
  h3 {
  color: var(--purple);
}
.dpn-zvc-single-content-wrapper
  .dpn-zvc-sidebar-wrapper
  .dpn-zvc-sidebar-content
  .dpn-zvc-sidebar-content-list
  span {
  display: inline;
  font-style: italic;
}

/* Green top bar */
.top-bar {
  background-color: var(--purple);
}

/* Invalid invitation */
.invite-invalid {
  background-image: url(/wp-content/uploads/birds.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Calendar Page */
.meetings-calendar .number {
  font-size: 4rem;
}
.meetings-calendar .mt-n5 {
  margin-top: -1.5rem;
}
.meeting-btn {
  width: 80%;
}
.meeting-btn-upcoming,
.meeting-btn-past {
  background-color: var(--camel);
}
.meeting-btn-today {
  background-color: var(--blue);
}
.page-template-tpl-calendar .pagination a {
  background-color: transparent;
}
.page-template-tpl-calendar .pagination .prev-arrow img {
  transform: rotate(180deg) translateY(1px);
}
.reschedule-btn {
  background-color: var(--mandarin);
}

/* temp */
/*.single-zoom-meetings .join-links {
  display: none;
}*/

/* Streak */
.streak {
  background-color: var(--light-beige);
  box-shadow: inset 0 3px 6px white, 0 0 10px #afaead;
  border-radius: 10px;
}
.streak-day {
  position: relative;
}
.streak-day::before {
  background-image: url(/wp-content/uploads/progress-icon.webp);
  background-position: center center;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -25px;
}
.streak-day.ticked::before {
  background-image: url(/wp-content/uploads/ticked.webp);
}

/* Registration Page */

.page-id-383 h1{
  text-align: center;
}
.page-id-383 .hide_on_register{
  display: none;
}

/* Meetings Widget */
.meeting-widget{
  font-family: "Proza Libre", Sans-Serif;
  font-weight: 600;
  font-size: 12px !important;
  padding: 0 !important;
}
.meeting-widget .row{
  margin: 0 !important;
  padding: 0px 15px;
  justify-content: space-between !important;
}
.meeting-widget a.btn{
  width: auto !important;
  padding: 8px 12px !important;
  line-height: 1em !important;
  font-size: 12px !important;
  border-radius: 3px !important;
  
}
.meeting-widget a.btn:hover{
  background-color: var(--mandarin) !important;
}
.meeting-widget .col-4,
.meeting-widget .col-2,
.meeting-widget .col-6{
  width: auto !important;
  padding: 0 !important;
}

/* Zoom Meeting Page */
.dpn-zvc-single-content-wrapper a.btn{
  background-color: var(--purple) !important;
  border-radius: 5px !important;
  width: auto !important;
  font-family: "Proza Libre", Sans-Serif; 
  text-transform: uppercase; 
  font-weight: bold !important;
  font-size: 14px !important;
  padding:5px 25px !important;
}
.join-links{
  display: flex;
  flex-direction: column;
  align-items: start;
}
.dpn-zvc-single-content-wrapper{
  padding-top:2rem;
  padding-bottom: 2rem;
}

/* Choose course version */
.courses-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
.courses-grid .course {
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .courses-grid {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}

/* Dropin perks */
.dropins.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
.dropins.grid .item .schedule {
  border: 1px solid var(--camel);
}

/* Pick dropin */
.page-template-tpl-dropins .filters {
  max-width: 760px;
  margin: 0 auto;
}
.pick-dropin,
.page-template-tpl-dropins .pagination {
  max-width: 760px;
}
.pick-dropin .content {
  width: 60%;
}
.pick-dropin .select-btn {
  width: 35%;
}

.fs-12px {
  font-size: 12px;
}

/* Go back btn */
#goback-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

/* Registration Form */
.register_form{
  max-width: 600px !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}
.register_form .gform_footer{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.register_form input, 
.register_form select {
  border: none;
  border-bottom: 1px dashed #b7b4aa;
  background: transparent !important;
  color: var(--bs-card-color) !important;
}

.register_form .gform_wrapper input[type="password"],
.register_form .gfield_consent_description{
  background: #faf0d7 !important;
  box-shadow: inset 0 0 6px 0px rgba(89, 38, 11, 0.46), -10px -10px 60px 0 #f7f0dc !important;
  border-radius: 12px !important;
  border:1px solid var(--DIVIDER--LIGHT);
  width: 100% !important;
}
.register_form .gfield_consent_description {
  /* Custom Scrollbar Styles */
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c19967 transparent;
  margin-bottom: 16px !important;
}
.register_form #input_1_6_strength_indicator{
  display: none !important;
}
.register_form .gfield_consent_description::-webkit-scrollbar {
  width: 8px;
  background: transparent;
  border-radius: 8px;
}

.register_form .gfield_consent_description::-webkit-scrollbar-thumb {
  background: #c19967;
  border-radius: 8px;
}

.register_form .gfield_consent_description::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}
.register_form h2{
  font-size: 1.2rem !important;
  color: var(--bs-heading-color) !important;
}
.register_form .gfield_label {
  font-family: "Proza Libre", Sans-Serif !important;
  color: #b6996d !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}
.register_form .gform_required_legend{
  color: #b6996d !important;
}
.gform_wrapper.gravity-theme .gfield_required,
.gform_wrapper.gravity-theme .gfield_required{
  color: inherit !important;
}

.register_form input[type="submit"],
.register_form input[type="button"]{
  font-family: "Proza Libre", Sans-Serif !important;
  border: none;
  border-radius: 10px;
  background: var(--yellow) !important;
  color: #4f2a10 !important;
  padding: 5px 25px;
  text-transform: uppercase;
  font-size:14px !important;
  font-weight: 600;
  margin-left: auto;
}
.register_form input[type="button"].gform_previous_button{
  background-color: #c19a6b !important;
  color: #fff !important;
}
.register_form.form_fullwidth textarea,
.register_form .aff__notice{
  background: #faf0d7 !important;
  box-shadow: inset 0 0 6px 0px rgba(89, 38, 11, 0.46), -10px -10px 60px 0 #f7f0dc !important;
  border-radius: 12px !important;
  border:1px solid var(--DIVIDER--LIGHT);
}
.register_form .aff__notice{
  padding: 60px;
  margin-bottom: -30px
}
.register_form.form_fullwidth{
max-width: 100% !important;
}

/* Ticked List */
.ticked-list{
  padding-left: 0;
}
.ticked-list li {
  list-style: none;
  position: relative;
  padding-left: 2em;
  line-height: 1.6;
}
.ticked-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.2em;
  width: 1.4em;
  height: 1.4em;
  background-image: url('/wp-content/uploads/ticked-1.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.arrow-list{
  padding-left: 0 !important;;
}
.arrow-list li {
  list-style: none;
  position: relative;
  padding-left: 2em;
  line-height: 1.6;
}
.arrow-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/uploads/ARROW.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.arrow-title {
  display: flex;
  align-items: center;
  position: relative;
}
.arrow-title::before {
  content: '';
  background-image: url('/wp-content/uploads/ARROW.png');
  display: inline-block;
  height: 16px;
  width: 8px;
  position: absolute;
  left: -20px;
  top: 3px;
}
.border-camel {
  border: 1px solid var(--camel);
  box-shadow: none;
}

/* Premium Menu Items */
.admin-user .premium-menu {
  display: block;
}
.instructor-user .premium-menu {
  display: block;
}
.subscribed-user .premium-menu {
  display: block;
}
.free-user .premium-menu {
  display: none;
}

/* Subscription Perks */
.page-template-tpl-subscription-perks li h3{
  font-weight: 600;
}
.page-template-tpl-subscription-perks .fs-5.text-primary{
  font-family:"Proza Libre", sans-serif;
  font-weight: 600;
  margin-bottom: 40px;
}

/* Choose Course */
.page-template-tpl-choose-course .course{
  border-radius: 6px;
  background-color:#f7f0db !important;
}
.page-template-tpl-choose-course .py-4.top-bar{
  display: none;
}
.page-template-tpl-choose-course .course .checkbox{
  height: 40px;
  display: flex;
  margin-bottom: 10px;
}
.page-template-tpl-choose-course .course .checkbox input[type="radio"]{ 
display: none;
}
.page-template-tpl-choose-course .course .checkbox input[type="radio"] + label{
position: relative;
padding-left: 45px;
cursor: pointer;
height: 40px;
margin-left: 0 !important;
padding-top: 5px
}
.page-template-tpl-choose-course .course .checkbox input[type="radio"] + label::before{
content: '';
position: absolute;
left: 0;
top: -2px;
width: 40px;
height: 40px;
background-image: url('/wp-content/themes/compassionu/assets/img/icon-progress-start.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: background-image 0.2s ease;
}
.page-template-tpl-choose-course .course .checkbox input[type="radio"]:checked + label::before{
background-image: url('/wp-content/themes/compassionu/assets/img/icon-progress-end.svg');
}

/* Choose Learning Path */
.page-template-tpl-choose-learning-path .subtitle{
  font-family: "Proza Libre", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
}

/* Dropin Perks */

.page-template-tpl-dropin-perks .ld-course-status > div{
  align-content: center !important;
}
.page-template-tpl-dropin-perks .ld-course-status-label{
  color: var(--brown) !important;
}
.page-template-tpl-dropin-perks h3,
.page-template-tpl-dropin-perks h2{
  font-weight: 600 !important;
}
.page-template-tpl-dropin-perks .col-lg-4.px-2{
  font-family: 'Proza Libre', sans-serif;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}
.page-template-tpl-dropin-perks .text-primary.mt-4{
  margin-top: 100px !important;
  font-weight: 600;
  margin-bottom: 2px !important;
}
.page-template-tpl-dropin-perks  .course-content{
  padding-top: 0 !important;
}
.page-template-tpl-dropin-perks #content{
  height: auto !important;
}

/* Host Overrides */
.host,
.host *{
  align-items: center;
}
.host{
  column-gap: 2px !important;
  margin-bottom: 10px !important;
}
.host:last-of-type{
  margin-bottom: 0 !important;
}
.host .instructor-pic{
  max-height: 32px !important;
  width: auto !important;
  border: 1px solid var(--brown);
  border-radius: 8px !important;
}
.host .instructor-data{
  font-size: 0.8rem !important;
  margin-left: 10px !important;
}
.host .instructor-data .fw-bold{
  font-weight: normal !important;
}
.host .instructor-data span{
  display: block;
  line-height: 1.2 !important;
}
.schedule{
  font-family: "Proza Libre", Sans-Serif;
  font-size: 0.8rem;
  text-align: center;
  font-weight: 600;
}
 /* Checkout */
.woocommerce-form-coupon-toggle {
            display: none !important;
        }
#order_review .form-row.form-row-first{
  width: 75% !important;
}
#order_review .form-row.form-row-last{
  width: 25% !important;
}
button[name="apply_coupon"]{
  background-color: var(--yellow) !important;
  color: var(--brown) !important;
  font-family: "Candara", Sans-Serif !important;
  border-radius: 8px !important;
}
.woocommerce input,
.woocommerce select,
.woocommerce .select2-selection,
.woocommerce .select2-selection *{
  border-color: transparent !important;
  color:var(--brown) !important;
}
.woocommerce form input::placeholder,
.woocommerce form select::placeholder{
    color:var(--brown-light) !important;
}
.woocommerce form .form-row{
margin-bottom: 15px !important}
.woocommerce form .form-row label{
  margin-bottom: 0 !important;
  line-height: 1.5;
}

.woocommerce-error{
  background-color: #faf0d7;
  box-shadow: inset 0px 0px 6px #59260b75;
  border-radius: 8px;
  border: none;
  color: #b81c23 !important;
}
.woocommerce-error a{
  color: #b81c23 !important;
  text-decoration: none !important;
}
.woocommerce-info{
  background-color: #faf0d7;
  box-shadow: inset 0px 0px 6px #59260b75;
  border-radius: 8px;
  border: none;
  color: var(--brown);
}
.woocommerce-info::before{
  color: var(--brown);
}
.button.wc-backward{
  background-color: var(--mandarin) !important;
  color: #fff !important;
  border-radius: 8px;
  border: none;
}
.woocommerce-message{
  background-color: #faf0d7;
box-shadow: inset 0px 0px 6px #59260b75;
border-radius: 8px;
border: none;
color: var(--brown);
}
.woocommerce-message::before{
color: var(--brown);
}

/* Course Filters */
.courses-filters select{
  position: relative;
  -webkit-appearance: none; /* For Webkit browsers (Chrome, Safari) */
  -moz-appearance: none;    /* For Mozilla browsers (Firefox) */
  appearance: none;         /* Standard property */
  background-image: url('/wp-content/themes/compassionu/assets/img/dropdown-arrow.svg');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 18px;
  line-height: 1;
  padding: 6px 10px !important;
  font-size: 0.9rem;
}


.courses-filters .col-xl-6{
  padding-left: 0;
}

.page-template-tpl-dropins .item .select-btn .text-mandarin{
  font-family: "Proza Libre", Sans-Serif;
  font-weight: 600;
}
.page-template-tpl-dropins .thank-you h1{
  font-family: "Proza Libre", Sans-serif;
  font-weight: 600 !important;
  font-size: 30px !important;
}

/* Calendar */
.meetings-calendar .instructor-pic{
  max-height: 45px !important;
}
.meeting .col-xl-3 a,
.meeting .col-xl-3 button{
    width:100%;
}
.date,
.meeting .col-xl-2,
.meeting .text-primary,
.meeting .text-secondary
{
    font-family: "Proza Libre", Sans-Serif;
}
.meeting .text-primary{
    font-weight: 600;
}
.meeting .text-secondary{
    font-size: 0.9rem !important;
    color:var(--purple) !important;
}
.meeting .host{
  min-width: 200px;
}
.meeting .host .instructor-data{
  font-size: 1rem !important;
}
.meeting .host .instructor-data .fw-bold{
  font-weight: 600 !important;
}

/* Enroll Now banner */
.enroll-now {
  background-color: #f8f1dd;
  border: 1px solid var(--brown-light);
  border-radius: 10px;
  position: fixed;
  top: 115px;
  width: 90%;
  z-index: 9999;
}
.enroll-now-dashboard-btn {
  background-image: url('/wp-content/uploads/paint-streak-blue.png');
  background-size: 100% 100%;
  background-position: center center;
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  .enroll-now {
    top: 0;
  }
}
/* Hubspot Newsletter Form */
.footer-form .hbspt-form form{
  display: flex;
  column-gap: 20px;
}
.footer-form .hbspt-form form fieldset{
  max-width: 100% !important;
  display: flex;
  column-gap: 20px;
  width: 75%;
  padding: 0;
  vertical-align: top;
}
.footer-form .hbspt-form form fieldset input{
  font-family: 'Palatino', Sans-Serif;
  font-size: 1rem;
  width: 100%;
  border-radius: 5px;
  border: none;
  padding: 16px 8px;
}
.footer-form .hbspt-form form fieldset>div{
  padding: 0 !important;
  margin: 0 !important;
}
.footer-form .hbspt-form form fieldset>div>label{
  display: none !important;
}
.footer-form .hbspt-form form .hs_submit{
  width: calc(25% - 20px);
}
.footer-form .hbspt-form form .hs_submit input{
  width: 100% !important;
  background-color: #F2C428;
  color: #000000;
  border-color: #F2C428;
  border-radius: 5px;
  font-family: 'Palatino', Serif;
  border: none;
}
.footer-form .hs-error-msgs{
 list-style-type: none;
  padding: 0;
  margin-top: 10px;
}
.footer-form .hs-error-msgs li{
  border: 1px solid #c20000;
  border-radius: 5px;
  padding: 8px;
  font-size: 0.8em;
  line-height: 1;
  margin-right:8px;
  color: #c20000;
  background-color: #ffdcdc
}
.footer-form .hs_error_rollup{
  position: absolute;
  width: calc(25% - 20px);
  bottom: 0;
  right: 0;
  margin-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .footer-form .hbspt-form form,
  .footer-form .hbspt-form form fieldset{
      flex-direction: column;
      gap: 20px !important;
      width: 100% !important;
  }
  .footer-form .hbspt-form form fieldset.form-columns-3 .input{
      margin-right: 0 !important;
  }
  .footer-form .hbspt-form form fieldset.form-columns-3 .hs-input{
      width: 100% !important;
  }
  .footer-form .hbspt-form form .hs_submit{
      width: 100% !important;
  }
  .footer-form .hs_error_rollup{
      position: relative;
      width: 100% !important;
  }
  .footer-form .hs-error-msgs li,
  .footer-form .hs_error_rollup{
      margin-right: 0 !important;
      }
}

/* Zoom iframe */
#vczapi-zoom-browser-meeting,
.join-via-browser-body,
#vczapi-zoom-browser-meeting--container{
  background: transparent !important;
  box-shadow: none !important;
}
.vczapi-wrap iframe{
  box-shadow: inset 0 0 6px rgba(89, 38, 11, 1), -20px -20px 60px rgba(247, 240, 220, 1);
  border-radius: 10px
}
#vczapi-zoom-browser-meeting--container input,
#vczapi-zoom-browser-meeting--container select{
  background: #faf0d7 !important;
    box-shadow: inset 0 0 6px 0px rgba(89, 38, 11, 0.46), -10px -10px 60px 0 #f7f0dc !important;
    border-radius: 12px !important;
    color: var(--text-body-color) !important;
}
#vczapi-zoom-browser-meeting--container label{
    color: var(--text-body-color) !important;
    font-family: "Palatino", serif;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}
/* Fix Zoom issue */
.vczapi-wrap .ratio.ratio-16x9{
  min-height: 650px !important;
}
.preview-root,
#zmmtg-root{
    background: transparent;
}

@media only screen and (max-width: 767px) {
  #zmmtg-root .preview-new-flow-content.vertical-container{
    width: 100% !important;
  }
  #zmmtg-root .preview-meeting-info-mobile{
    max-width: 100% !important;
    margin:0 !important;
    text-align: center !important;
  }
  #preview-av-video{
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
  }
  #zmmtg-root .preview-new-flow{
    padding: 0 15px!important;
  }
  .vczapi-wrap .ratio.ratio-16x9 {
    min-height: 510px !important;
  }
  #zmmtg-root .page-footer{
    font-size: 0.6rem;
    line-height: 1.2;
  }
  #vczapi-zoom-browser-meeting--container{
    margin-inline:0 !important;
  }
}