/* PAGE GROUND
   ================================================================ */

html {
  background: #2a2725;
}

html,
body {
  background: #2a2725;
}


/* FOCUS-CONTENT SURFACE
   ================================================================ */

.focusContent {
  background-color: #2a2725;
}

.focus-content-padding {
  background: transparent;
}

#ipsLayout_contentArea {
  background: transparent;
}


/* ANNOUNCEMENT BANNER
   ================================================================ */

.cAnnouncementContentTop.ipsAnnouncement {
  display: none;
}


/* PAGE TITLE — Character Name
   ================================================================ */

.ipsType_pageTitle.ipsType_center.ipsType_veryLarge.ipsSpacer_bottom {
  font-family: 'bebas-neue', sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #d4c8b0;
}


/* USERNAME LINE
   ================================================================ */

.ipsType_pageTitle.ipsType_center.ipsType_large {
  opacity: 0.4;
  font-size: 18px !important;
  letter-spacing: 1px;
}

.ipsType_pageTitle.ipsType_center.ipsType_large a,
.ipsType_pageTitle.ipsType_center.ipsType_large a span {
  color: #8a8070 !important;
}

.ipsType_pageTitle.ipsType_center.ipsType_large a:hover,
.ipsType_pageTitle.ipsType_center.ipsType_large a:hover span {
  color: #b0a590 !important;
  opacity: 0.7;
}


/* ACTION BUTTONS
   ================================================================ */

.ipsButton,
.ipsButton_normal,
.ipsButton_primary,
.ipsButton_light,
.ipsButton_veryLight,
.ipsButton_verySmall,
.ipsButton_small,
.ipsButton_medium,
.ipsButton_narrow,
.ipsButton_fullWidth,
.ipsButton_link,
.ipsButton_split,
a[data-action="quoteComment"] {
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  opacity: 0.6;
  border-radius: 3px;
}

.ipsButton:hover,
.ipsButton_normal:hover,
.ipsButton_primary:hover,
.ipsButton_light:hover,
.ipsButton_veryLight:hover,
.ipsButton_verySmall:hover,
.ipsButton_small:hover,
.ipsButton_medium:hover,
.ipsButton_narrow:hover,
.ipsButton_fullWidth:hover,
.ipsButton_link:hover,
.ipsButton_split:hover,
a[data-action="quoteComment"]:hover {
  opacity: 1;
}


/* SECTION TITLES
   ================================================================ */

div.ipsType_reset.ipsType_sectionTitle,
p.ipsType_reset.ipsType_sectionTitle {
  font-family: 'bebas-neue', sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8a8070;
  border-bottom: 1px solid rgba(138, 128, 112, 0.25);
  padding-bottom: 6px;
  margin-bottom: 8px;
  background: transparent;
}

div.ipsType_reset.ipsType_sectionTitle::after,
p.ipsType_reset.ipsType_sectionTitle::after {
  display: none;
}

div.ipsType_reset.ipsType_sectionTitle .ipsPos_right,
div.ipsType_reset.ipsType_sectionTitle form,
div.ipsType_reset.ipsType_sectionTitle [data-ipsRating] {
  opacity: 0.4;
}

h2.ipsType_sectionHead {
  font-family: 'bebas-neue', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #8a8070;
}


/* DATA LIST — Character Info & Description Rows
   ================================================================ */

.ipsAreaBackground_light.ipsPad.ipsSpacer_bottom,
.ipsAreaBackground_light.ipsPad.ipsClearfix.ipsType_center,
.ipsAreaBackground_light.ipsPad.ipsClearfix {
  background: transparent !important;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.ipsDataList {
  border: none;
}

.ipsDataItem {
  border-bottom: 1px solid rgba(138, 128, 112, 0.15);
  padding: 6px 0;
  background: transparent;
}

.ipsDataItem_generic {
  background: transparent;
}

.ipsDataItem_generic strong,
strong.ipsPos_right {
  font-family: 'ibm-plex-mono', monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6b6358;
}

.ipsDataItem_main {
  font-family: 'ibm-plex-mono', monospace;
  font-size: 13px;
  color: #d4c8b0;
  letter-spacing: 0.3px;
}

.ipsColumns {
  background: transparent;
}


/* PHOTOS — POLAROID FRAMES
   ================================================================ */

.polaroid-images {
  background: transparent;
  padding: 0;
}

.polaroid-images a {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.polaroid-images a::before,
.polaroid-images a::after {
  display: none !important;
}

.polaroid-images img {
  border: none;
  box-shadow: none;
  border-radius: 10px;
  max-height: 540px !important;
  max-width: 340px !important;
  min-width: 340px !important;
}

.polaroid-images a:nth-child(1),
.polaroid-images a:nth-child(2) {
  display: none !important;
}

/* COMMENTS
   ================================================================ */

.ipsBox {
  background: rgba(42, 39, 37, 0.6);
  border: 1px solid rgba(138, 128, 112, 0.15);
  border-radius: 4px;
}

.ipsBox > div > .ipsPad {
  background: transparent;
}

.ipsHr {
  border-color: rgba(138, 128, 112, 0.15);
}

.ipsComment {
  background: transparent;
  border-color: rgba(138, 128, 112, 0.1);
}

.ipsComment:hover {
  background: rgba(138, 128, 112, 0.04);
}

.ipsBox--child {
  background: rgba(42, 39, 37, 0.4);
  border-color: rgba(138, 128, 112, 0.1);
}

.ipsComment_author a {
  color: #8a8070;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.ipsComment_author a:hover {
  color: #b0a590;
}

[data-role="commentContent"] p {
  color: #c4b8a0;
  font-family: 'ibm-plex-mono', monospace;
  font-size: 13px;
  line-height: 1.6;
}

[data-role="commentContent"] a {
  color: #8a8070;
}

[data-role="commentContent"] a:hover {
  color: #d4c8b0;
}

.ipsComment_meta time,
.ipsComment_meta a {
  color: #6b6358;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.ipsComment_controls a,
.ipsComment_controls button {
  color: #6b6358;
  opacity: 0.5;
}

.ipsComment_controls a:hover,
.ipsComment_controls button:hover {
  opacity: 1;
  color: #8a8070;
}

.ipsQuote {
  background: rgba(42, 39, 37, 0.5);
  border-left: 2px solid #6b6358;
}

.ipsQuote_citation {
  color: #6b6358;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.ipsQuote_contents {
  color: #a09480;
}

.ipsQuote_contents p {
  color: #a09480;
}


/* COMPOSE / REPLY AREA
   ================================================================ */

.ipsAreaBackground.ipsPad.ipsClear.ipsSpacer_top {
  background: rgba(42, 39, 37, 0.4);
  border: 1px solid rgba(138, 128, 112, 0.15);
  border-radius: 4px;
}

.ipsComposeArea {
  background: transparent;
}

.ipsComposeArea_dummy {
  background: rgba(42, 39, 37, 0.6);
  border-color: rgba(138, 128, 112, 0.2);
  color: #8a8070;
}

.cke_chrome {
  border-color: rgba(138, 128, 112, 0.2) !important;
}

.cke_top {
  background: rgba(42, 39, 37, 0.6) !important;
  border-color: rgba(138, 128, 112, 0.15) !important;
}

.cke_contents {
  background: rgba(42, 39, 37, 0.4);
}

.cke_wysiwyg_div {
  color: #c4b8a0;
}

.ipsAreaBackground_light {
  background: transparent;
}

[data-ipseditor] {
  background: transparent;
}


/* BREADCRUMBS
   ================================================================ */

.ipsBreadcrumb,
.ipsBreadcrumb_top,
.ipsBreadcrumb_bottom {
  opacity: 0.35;
  font-size: 10px;
  letter-spacing: 0.5px;
  background: transparent;
}

.ipsBreadcrumb::before {
  display: none;
}

.ipsBreadcrumb a,
.ipsBreadcrumb li,
.ipsBreadcrumb span {
  color: #6b6358;
}

.ipsBreadcrumb a:hover {
  color: #8a8070;
}

.ipsBreadcrumb [data-role="breadcrumbList"] a::before,
.ipsBreadcrumb [data-role="breadcrumbList"] a::after {
  color: #6b6358;
}

.ipsList_inline.ipsPos_right a,
.ipsList_inline.ipsPos_right li {
  color: #6b6358;
  opacity: 0.4;
}

.ipsList_inline.ipsPos_right a:hover {
  opacity: 0.7;
}

a[data-action="markSiteRead"] {
  opacity: 0.3;
}


/* TIMESTAMPS, METADATA, COPYRIGHT
   ================================================================ */

time[datetime] {
  color: #6b6358;
}

.ipsRepBadge {
  opacity: 0.5;
}

.ipsType_blendLinks a {
  color: #8a8070;
}

.ipsType_blendLinks a:hover {
  color: #d4c8b0;
}

.ipsUserPhoto {
  border-radius: 3px;
  opacity: 0.8;
}

.ipsUserPhoto:hover {
  opacity: 1;
}

#charactersCopyright,
#charactersCopyright a {
  color: #4a4540;
  font-size: 9px;
  letter-spacing: 0.5px;
  opacity: 0.4;
}

.ipsRating,
.ipsType_light.ipsType_medium {
  opacity: 0.35;
}


/* REDACTION — Applied via JS
   ================================================================ */

.redacted {
  background: #111;
  color: transparent;
  user-select: none;
  padding: 1px 8px;
  border-radius: 2px;
  display: inline-block;
  min-width: 140px;
}


/* GLOBAL PSEUDO ELEMENTS
   ================================================================ */

html::before {}

html::after {}

body::before {}

body::after {}