/* General Styling */
body {
  --COLOR--APP: #f7f0dc;
  --COLOR--APP--GRAY: #faf0d7;
  /* --COLOR--TEXT: #833f27; */
  --COLOR--TEXT: #4f2a10;
  --COLOR--TEXT--LIGHT: var(--COLOR--TEXT);
  --COLOR--APP--DARKGRAY: rgba(193, 154, 107, 0.5);
  --COLOR--PRIMARY: #751144;

  --bs-body-color: var(--COLOR--TEXT);
}

/* Textarea */
.ps-postbox,
.ps-textarea-wrapper,
.ps-profile__edit {
  box-shadow:
    inset 0 0 6px 0px rgba(89, 38, 11, 1),
    -10px -10px 60px 0 #f7f0dc !important;
  background: rgb(230, 221, 196);
  background: #faf0d7 !important;
  color: #773622 !important;
}
.ps-comments__input-wrapper.ps-textarea-wrapper {
  background: #faf0d7;
  box-shadow:
    inset 0 0 8px 0px rgba(89, 38, 11, 0.55),
    -10px -10px 60px 0 #f7f0dc !important;
}
.ps-comments__input.ps-textarea {
  line-height: 1.2em !important;
  padding: 12px 14px !important;
}

.ps-postbox__menu-item-link {
  color: #833f27 !important;
}

.ps-textarea {
  font-family: "Palatino", serif;
  color: #773622 !important;
}

.ps-textarea::placeholder {
  font-family: "Palatino", serif;
  color: rgba(119, 54, 34, 0.5) !important;
}

.ps-avatar img {
  border: none !important;
  box-shadow: none !important;
}

.ps-postbox__menu-item--type .ps-postbox__menu-item-link {
  background-color: #c8a577 !important;
  color: #fbf2dc !important;
}

.ps-postbox__menu-item--type .ps-postbox__menu-item-link .active {
  color: #85432c !important;
}

.ps-postbox__footer.ps-js-postbox-footer.ps-postbox-tab.selected.interactions {
  border-color: #ded1bc !important;
}
.ps-post__meta .ps-post__title .ps-tag__link,
.ps-comment__author .ps-tag__link,
.ps-post__author {
  font-family: "Proza Libre" !important;
  font-weight: bold !important;
  font-size: 22px !important;
  letter-spacing: 0.01em !important;
  color: #773622 !important;
}
/* Small Menu */
.ps-posts__filters-group,
.ps-navbar.js-toolbar {
  background: transparent !important;
  border: 1px solid #c8a476 !important;
  color: #c8a476 !important;
}

.ps-posts__filters-group a,
.ps-posts__filters-group a span,
.ps-posts__filters-group a i,
.ps-navbar__menu-item a {
  color: #c19a6b !important;
}

.ps-posts__filters-group a span,
.ps-navbar__menu-item a {
  font-family: "Proza Libre";
  text-transform: uppercase;
  font-weight: bold;
}

.ps-posts__filters-group a:hover,
.ps-posts__filters-group a:hover span,
.ps-posts__filters-group a:hover i,
.ps-navbar__menu-item a:hover {
  color: #85432c !important;
}

/* Posts */
.ps-post {
  color: #85432c !important;
}

.ps-post__info a *,
.gcis.gci-ellipsis-h,
.ps-comment__meta *,
.ps-comments__more > a {
  color: rgba(133, 67, 44, 0.7) !important;
}
.ps-post__info a:hover *,
.gcis.gci-ellipsis-h:hover,
.ps-comment__meta a:hover *,
.ps-comments__more > a:hover {
  color: rgba(133, 67, 44, 1) !important;
}
.ps-post {
  background: rgb(240, 232, 213);
  background: linear-gradient(117deg, rgba(240, 232, 213, 1) 0%, rgba(248, 242, 226, 1) 100%) !important;
  box-shadow:
    inset 0 0 6px 0px #59260b,
    -10px -10px 60px 0 #f7f0dc !important;

  font-family: "Palatino", serif !important;
  color: #85432c !important;
}
.ps-media-photo.ps-media-grid-item {
  background: transparent !important;
}

.ps-comments__reply,
.ps-comment,
.ps-comments__list {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #ded1bc !important;
}
.ps-comments__list {
  border: none !important;
}
.ps-comments__reply {
  padding: 20px;
  border-top: 0 !important;
}

.ps-comments__input-actions a,
a.ps-post__action i {
  color: #c19a6b !important;
}

.ps-comments__input-actions a:hover,
a.ps-post__action:hover i {
  color: #833f27 !important;
}

/* Buttons */
button.ps-btn.ps-btn--action {
  font-family: "Proza Libre", Sans-Serif !important;
  background-color: #773622 !important;
  box-shadow: none !important;
}
button.ps-btn.ps-button-cancel {
  background-color: #fff !important;
  color: #833f28 !important;
}

.ps-post__placeholder {
  mix-blend-mode: multiply !important;
}

/* Profile */
.ps-focus__cover.ps-js-cover .ps-focus__cover-image.ps-js-cover-wrapper {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 3px 6px 0px rgba(255, 255, 255, 0.44),
    0 -0 10px 0 rgba(175, 174, 173, 1) !important;
}
.ps-focus__cover-image,
.ps-focus__cover-inner.ps-js-cover-button-popup {
  border-radius: 12px !important;
}
.ps-focus {
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.ps-focus__footer,
.ps-focus__info {
  background: transparent !important;
}
.ps-focus__menu.ps-js-focus__menu {
  border: none !important;
  background: transparent !important;
}
.ps-focus__menu-inner.ps-js-focus__menu-inner {
  column-gap: 15px !important;
  margin: 0 -15px 0 0 !important;
}

.ps-focus__menu-item.ps-js-item {
  font-family: "Proza Libre" !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 6px !important;
  /*     Assumed, can't read in the XD File */
  background: #faf0d7 !important;
  box-shadow:
    inset 0 3px 6px 0px rgba(255, 255, 255, 0.44),
    0 -0 10px 0 rgba(175, 174, 173, 1) !important;
}
.ps-focus__menu-item.ps-js-item.active {
  box-shadow:
    inset 0 0 8px 0px rgba(89, 38, 11, 0.55),
    -10px -10px 60px 0 #f7f0dc !important;
}
.ps-focus__menu-item.ps-js-item:after {
  display: none !important;
}

/* About Section */
.ps-profile__edit {
  padding: 10px !important;
  margin-bottom: 60px !important;
}

.ps-tabs.ps-tabs--center.ps-profile__edit-tabs,
.ps-tabs.ps-tabs--center.ps-profile__edit-tabs .ps-tabs__item,
.ps-tabs.ps-tabs--center.ps-profile__edit-tabs .ps-tabs__item a {
  background: transparent !important;
  border: none !important;
}

.ps-profile__about-field-edit button,
.ps-profile__about-field-edit span.ps-btn {
  padding: 3px 9px !important;
  border-radius: 4px !important;
}

.ps-profile__about-field-edit button > span,
.ps-profile__about-field-edit span.ps-btn > span,
button.ps-btn.ps-btn--xs.ps-btn--app.ps-js-btn-edit,
button.ps-btn.ps-btn--sm {
  font-family: "Proza Libre" !important;
  font-weight: bold !important;
  font-size: 10px !important;
  letter-spacing: 0.03em !important;
  line-height: 6px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.ps-profile__about-field-edit-item button,
.ps-profile__about-field-edit-item span.ps-btn,
button.ps-btn.ps-btn--sm {
  background: #c19a6b !important;
  color: #faf0d7 !important;
}
.ps-profile__about-header,
.ps-profile__progress.ps-completeness-info.ps-js-profile-completeness {
  border: none !important;
  box-shadow: none !important;
}

.ps-profile__about-field-edit button i,
.ps-profile__about-field-edit span.ps-btn i {
  font-size: 9px !important;
}
button.ps-btn.ps-btn--xs.ps-btn--app.ps-js-btn-edit {
  background: #f0ce35 !important;
  color: #4f2a10 !important;
}

.ps-profile__about-header-title {
  font-family: "Palatino", Serif !important;
  font-size: 20px !important;
  color: #751144 !important;
  font-weight: 600 !important;
}
.ps-profile__about-field-title span,
.ps-profile__notifications-row-title,
label#activity,
label#profile,
label#tags,
label#messages_notifications {
  font-family: "Proza Libre", Sans-Serif !important;
  color: #b6996d !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
}
.ps-profile__about-field-title {
  margin-bottom: 5px !important;
  margin-top: 15px !important;
}
.ps-profile__about-field {
  border-bottom: 1px dashed #707070 !important;
}
input.ps-input.ps-input--sm {
  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;
}
select.ps-input.ps-input--sm {
  background: #e0d6c6 !important;
  border: 1px solid #a18d83 !important;
  box-shadow: inset 0 3px 6px 0px rgba(242, 228, 206, 1) !important;
  border-radius: 12px !important;
  filter: drop-shadow(0px 0px 10px #afaead);
}
.ps-profile__notifications-shortcuts.ps-btn__group.ps-btn__group--full {
  column-gap: 12px !important;
}

.ps-profile__notifications-shortcut.ps-btn.ps-btn--xs.ps-js-preferences-button {
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Proza Libre" !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.ps-profile__notifications-shortcut.ps-btn.ps-btn--xs.ps-js-preferences-button:nth-of-type(1) {
  background-color: #750444 !important;
}
.ps-profile__notifications-shortcut.ps-btn.ps-btn--xs.ps-js-preferences-button:nth-of-type(2) {
  background-color: #ff5875 !important;
}
.ps-profile__notifications-shortcut.ps-btn.ps-btn--xs.ps-js-preferences-button:nth-of-type(3) {
  background-color: #ff793d !important;
}
.ps-profile__notifications-shortcut.ps-btn.ps-btn--xs.ps-js-preferences-button:nth-of-type(4) {
  background-color: #5c6b36 !important;
}
label.ps-profile__notification-label small:before {
  display: inline !important;
}
.ps-profile__notification-checkbox .ps-checkbox__input + .ps-checkbox__label:before {
  background-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url("/wp-content/themes/compassionu/peepso3/assets/checkbox_outline.svg") !important;
}
.ps-profile__notification-checkbox .ps-checkbox__input:checked + .ps-checkbox__label:before {
  background-size: contain !important;
  background-image: url("/wp-content/themes/compassionu/peepso3/assets/checkbox-checked.svg") !important;
}
button.ps-btn.ps-btn--sm.ps-btn--action.ps-js-export-data-request {
  background-color: #ff793d !important;
}

/* Hide all icons except for the dropdown toggle */
.ps-navbar__menu a.ps-dropdown__toggle {
  padding-left: 0 !important;
}
.ps-navbar__menu a.ps-dropdown__toggle i {
  display: block;
  font-size: 0.85em;
}

.live-session-reminders {
  border-top: 1px dashed #707070;
  border-bottom: 1px dashed #707070;
  padding-top: 18px;
  padding-bottom: 18px;
}

.live-session-reminders__text {
  font-family: "Palatino", serif;
  font-size: 0.9em;
  color: var(--text-body-color, #4f2a10);
  margin: 0;
}

.live-session-reminders__row {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto;
  gap: 32px;
  align-items: center;
  width: 100%;
}

.live-session-reminders__row--header {
  padding-bottom: 8px;
}

.live-session-reminders__spacer {
  display: flex;
  align-items: center;
  gap: 12px;
}

.live-session-reminders__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(60px, auto));
  gap: 32px;
  align-items: center;
  justify-items: center;
}

.live-session-reminders__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.live-session-reminders__icon {
  color: #751144;
  display: block;
}

.live-session-reminders__checkbox--disabled {
  opacity: 0.4;
}

.live-session-reminders__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #5c6b36;
}

.live-session-reminders__status.is-error {
  color: #b3261e;
}

.live-session-reminders__spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: liveSessionRemindersSpin 0.8s linear infinite;
}

.live-session-reminders__check {
  font-size: 16px;
}

@keyframes liveSessionRemindersSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}