/* 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;
}