/*goog fonts*/
@import url(https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Cormorant+Unicase:wght@300;400;500;600;700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Kings&family=UnifrakturMaguntia&display=swap);


/* ze colorz */
:root {
  --mainfont:           #262113;
  --mainbg:             rgba(250, 240, 207, 0.5);
  --smallfont:          88%;
  --border:             1px solid #DED1B5;
  --accent:             #fff;
  --bodytext:           #201814;
  --designtextcolor:    #f7efdf;
  --designtextsubcolor: #c9bfaf;
  --designmaincolor:    #d9b96a;
  --designbordercolor:  250, 240, 207, 0.22;
  --frost-bg:           rgba(250, 240, 207, 0.10);
  --frost-dark:         rgba(20, 14, 8, 0.45);
  --white:              #f4e8be;
  --weiss:              #f7f7f7;
  --weiss2:             #ececec;
  --pale:               #ededda;
  --brown:              #201814;
  --brown2:             #35241a;
  --bluw:               #8690ac;
  --bluw2:              #818fb5;
  --hell:               #fdfdfda6;
  --hell3:              #fffffdbd;
  --post-control:       #fdfdfd82;
  --ioc_main:           'Work Sans', sans-serif;
  --site_bg:            url(https://to-the-bone.net/images/neith%20banner.png);
  --marble_bg:          url(https://to-the-bone.net/images/ttbmarblebg.png);
  --feb_otm:            url(https://to-the-bone.net/images/tempysgal2.png);
}

body.newthread textarea,
body.newthread .sceditor-container { background: rgba(250, 240, 207, 0.06) !important; }
/* reset & base */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family:           'EB Garamond', serif;
  font-size:             13px;
  line-height:           1.4;
  color:                 var(--bodytext);
  text-align:            justify;
  margin:                0;
  padding-top:           44px;
  overflow-y:            scroll;
  background-image:      var(--site_bg);
  background-attachment: fixed;
  background-size:       cover;
  background-color:      #000;
}

h1 {
  font-family:         'UnifrakturMaguntia', cursive;
  letter-spacing:      2px;
  color:               transparent;
  text-shadow:         0 0 7px #E0AE8F;
  text-align:          center;
  -webkit-text-stroke: 0.5px rgba(250, 250, 250, 0.4);
  font-size:           2rem;
  margin:              2em 0 0;
  width:               100%;
}

/* h2 to non-postbit */
h2:not(.forum-row-title) {
  font-family: "Cormorant Unicase", serif;
  font-weight: 500;
  line-height: 1;
}

h3 {
  width:          100%;
  font-size:      1.1rem;
  text-align:     center;
  font-family:    'EB Garamond', serif;
  font-weight:    bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin:         0.2em 0 0;
  color:          #AC9B8C;
}

img        { border: none; }
form       { margin: 0; padding: 0; }
hr         { background-color: #000; color: #000; height: 1px; border: 0; }
.clear     { clear: both; }
.center    { text-align: center; }
.hidden    { display: none; float: none; width: 1%; }
.hiddenrow { display: none; }
.float_left  { float: left; }
.float_right { float: right; }
.smalltext   { font-size: 11px; }
.largetext   { font-size: 16px; font-weight: bold; }

table, tr, td { font: inherit; color: inherit; }
table         { color: #333; font-size: 13px; }

/* global link reset — postbit overrides these locally */
a:link, a:visited, a:hover, a:active {
  color:           var(--bodytext);
  text-decoration: none;
}


/* fixed border frame */
#border {
  width:          calc(100vw - 65px);
  height:         calc(100vh - 50px);
  position:       fixed;
  top:            0;
  left:           0;
  z-index:        999;
  border:         solid rgba(4, 4, 4, 1);
  border-width:   25px 35px 25px 25px;
  pointer-events: none;
}


/* sticky nav */
#navi {
  padding:                 0 25px;
  height:                  44px;
  box-sizing:              border-box;
  border-bottom:           1px solid rgba(250, 240, 207, 0.18);
  backdrop-filter:         blur(12px) brightness(50%) saturate(1.1);
  -webkit-backdrop-filter: blur(12px) brightness(50%) saturate(1.1);
  background:              rgba(250, 240, 207, 0.08);
  display:                 flex;
  justify-content:         space-between;
  align-items:             center;
  width:                   100%;
  position:                fixed;
  top:                     0;
  left:                    0;
  z-index:                 9999;
  transition:              background .3s;
}

#navstrip {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  text-transform: uppercase;
  letter-spacing: 3px;
  opacity:        0.65;
}

#navstrip a {
  margin-right: 2.5vh;
  color:        var(--designtextcolor);
  transition:   opacity .25s, color .25s;
}
#navstrip a:hover { opacity: 1; color: var(--designmaincolor); }

#navi #uicon {
  display:                 inline-flex;
  align-items:             center;
  justify-content:         center;
  border:                  2px solid rgba(250, 240, 207, 0.30);
  height:                  30px;
  width:                   30px;
  transform:               rotate(45deg);
  overflow:                hidden;
  transition:              border-color .3s;
}
#navi #uicon:hover { border-color: var(--designmaincolor); }

#navi .uicon {
  display:         block;
  height:          46px;
  width:           46px;
  transform:       rotate(-45deg);
  margin-top:      -8px;
  margin-left:     -8px;
  background-size: cover !important;
}


/* logo */
#logo .site-title {
  display:         inline-block;
  padding-top:     300px;
  font-family:     'UnifrakturMaguntia', cursive;
  font-size:       clamp(48px, 9vw, 120px);
  font-weight:     400;
  line-height:     1;
  color:           #f7efff;
  text-decoration: none;
  margin-left:     450px;
  transition:      text-shadow 220ms ease, transform 220ms ease, color 220ms ease;
  text-shadow:
    0 0 6px rgba(37, 31, 21, 0.45),
    0 0 20px rgba(240, 225, 129, 0.30);
}

#logo .site-title:hover,
#logo .site-title:focus-visible {
  color:     #ffffff;
  transform: translateY(-1px) scale(1.01);
  text-shadow:
    0 0 8px  rgba(229, 166, 72,  0.70),
    0 0 24px rgba(240, 225, 129, 0.75),
    0 0 46px rgba(140, 78,  255, 0.50);
}

#logo .sub {
  font-family:    "EB Garamond", serif;
  font-size:      14px;
  font-style:     italic;
  font-weight:    400;
  line-height:    1;
  letter-spacing: 2px;
  color:          #f7efff;
  margin-top:     1px;
  margin-left:    480px;
  padding-bottom: 300px;
}


/* splash/frostyyy box */
.l-pageholder {
  width:           100vw;
  height:          100vh;
  overflow:        hidden;
  display:         flex;
  align-items:     center;
  justify-content: center;
}

.l-pageholder img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  position:   absolute;
  top:        0;
  left:       0;
  z-index:    0;
}

.l-pageholder .e-box {
  position:                relative;
  z-index:                 50;
  width:                   30vw;
  height:                  20vh;
  display:                 flex;
  align-items:             center;
  justify-content:         center;
  font-family:             'EB Garamond', serif;
  font-weight:             bold;
  font-size:               2vw;
  border-radius:           10px;
  backdrop-filter:         blur(5px);
  background:              rgba(250, 240, 207, 0.5);
  border:                  1px solid rgba(250, 240, 207, 0.6);
  color:                   #262113;
}


/* info table */
.headertable2 {
  display:         flex;
  flex-direction:  row-reverse;
  justify-content: center;
  align-items:     stretch;
  flex-wrap:       nowrap;
  gap:             0;
  position:        relative;
  width:           100%;
  max-width:       1100px;
  margin:          0 auto;
  box-sizing:      border-box;
}

.headertable2 .info-box {
  position:                relative;
  padding:                 20px;
  height:                  300px;
  box-sizing:              border-box;
  color:                   var(--bodytext);
  font-size:               11px;
  text-align:              justify;
  line-height:             20px;
  backdrop-filter:         blur(8px) saturate(1.3);
  -webkit-backdrop-filter: blur(8px) saturate(1.3);
  background:              rgba(250, 240, 207, 0.45);
  border:                  1px solid rgba(250, 240, 207, 0.55);
}

.headertable2 .info-box.has-bg {
  background: transparent;
  border:     none;
}

.headertable2 .info-box.has-bg::before {
  content:                 '';
  position:                absolute;
  inset:                   0;
  backdrop-filter:         blur(6px) saturate(1.2);
  -webkit-backdrop-filter: blur(6px) saturate(1.2);
  background:              rgba(0, 0, 0, 0.25);
  z-index:                 0;
  pointer-events:          none;
}

.headertable2 .info-box.has-bg > * { position: relative; z-index: 1; }

.headertable2 .info-box + .info-box { border-left: none; }

.headertable2 .info-box::after {
  content:     '✦';
  position:    absolute;
  right:       -5px;
  top:         50%;
  transform:   translateY(-50%);
  width:       10px;
  font-size:   10px;
  color:       rgba(250, 240, 207, 0.7);
  text-shadow: 0 0 6px rgba(240, 225, 129, 0.6);
  line-height: 1;
  z-index:     10;
  text-align:  center;
  pointer-events: none;
}

.headertable2 .info-box:last-child::after { display: none; }

.headertable2 .info-box:not(:last-child) {
  border-right: 1px solid rgba(250, 240, 207, 0.35);
  box-shadow:   inset -1px 0 0 rgba(240, 225, 129, 0.15);
}

.headertable2 .info-box .scroll-inner {
  max-height:      135px;
  overflow-y:      auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(136,136,136,0.5) transparent;
}
.headertable2 .info-box .scroll-inner::-webkit-scrollbar       { width: 4px; }
.headertable2 .info-box .scroll-inner::-webkit-scrollbar-track { background: transparent; }
.headertable2 .info-box .scroll-inner::-webkit-scrollbar-thumb { background: rgba(136,136,136,0.5); border-radius: 2px; }

.headertable2 .info-box .box-title {
  font-family:    'Cormorant Unicase', serif;
  font-size:      14px;
  color:          #fff;
  letter-spacing: 0.02em;
  margin-top:     20px;
  display:        inline-block;
}

.headertable2 .info-box.light .box-title {
  font-size:    22px;
  line-height:  30px;
  color:        #503527;
  margin-bottom: -6px;
  display:      block;
  text-align:   left;
}


/* main container */
#container {
  color:       #333;
  text-align:  justify;
  margin:      0 auto;
  line-height: 1.4;
  font-family: var(--ioc_main);
  font-size:   13px;
  padding:     12px 0 10px;
  width:       100%;
  max-width:   1100px;
  box-sizing:  border-box;
}

.wrapper {
  width:      90%;
  max-width:  90%;
  margin:     0 auto;
  padding:    0 1rem;
  box-sizing: border-box;
}

/* forum section divider */
.forum-divider {
  display:     flex;
  align-items: center;
  gap:         16px;
  padding:     28px 0 20px;
  box-sizing:  border-box;
}

.forumwrap:first-child .forum-divider {
  display: none;
}

.forum-divider-line {
  flex:       1;
  height:     1px;
  background: linear-gradient(to right, transparent, rgba(217, 185, 106, 0.4), transparent);
}

.forum-divider-center {
  display:                 flex;
  align-items:             center;
  gap:                     10px;
  flex-shrink:             0;
  padding:                 6px 18px;
  backdrop-filter:         blur(8px) brightness(45%);
  -webkit-backdrop-filter: blur(8px) brightness(45%);
  background:              rgba(14, 9, 4, 0.35);
  border:                  1px solid rgba(217, 185, 106, 0.15);
}

.forum-divider-diamond {
  font-size: 10px;
  color:     var(--designmaincolor);
  opacity:   0.6;
  filter:    drop-shadow(0 0 4px rgba(217, 185, 106, 0.5));
}

.forum-divider-text {
  font-family:    "Cormorant Unicase", serif;
  font-size:      11px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.7;
  filter:         blur(0.3px);
}

/* board index */
#wrapper { counter-reset: mt-counter; }

.forumwrap {
  margin-bottom: 28px;
  border:        1px solid rgba(250, 240, 207, 0.13);
  overflow:      hidden;
}

/* forum row */
.forum-row {
  position:   relative;
  width:      100%;
  height:     320px;
  overflow:   hidden;
  border-top: 1px solid rgba(250, 240, 207, 0.10);
}

/* full-bleed image */
.forum-row-img {
  position:            absolute;
  inset:               0;
  background-size:     cover;
  background-position: center;
  z-index:             0;
  filter:              brightness(0.72);
}

/* location image classes */

.forum-row-img[data-fid="4"],
.fd-header-img[data-fid="4"]  { background-image: url(https://to-the-bone.net/images/grass_sea.jpeg); }

.forum-row-img[data-fid="5"],
.fd-header-img[data-fid="5"]  { background-image: url(https://to-the-bone.net/images/ensorcelled_forest.jpeg); }

.forum-row-img[data-fid="6"],
.fd-header-img[data-fid="6"]  { background-image: url(https://to-the-bone.net/images/AnarketsGlacier.jpg); }

.forum-row-img[data-fid="7"],
.fd-header-img[data-fid="7"]  { background-image: url(https://to-the-bone.net/images/SprawlingWood.jpg); }

.forum-row-img[data-fid="8"],
.fd-header-img[data-fid="8"]  { background-image: url(https://to-the-bone.net/images/UnspooledPlains.jpg); }

.forum-row-img[data-fid="9"],
.fd-header-img[data-fid="9"]  { background-image: url(https://to-the-bone.net/images/themonuments.jpeg); }

.forum-row-img[data-fid="10"],
.fd-header-img[data-fid="10"] { background-image: url(https://to-the-bone.net/images/EmeraldHorn.jpg); }

.forum-row-img[data-fid="11"],
.fd-header-img[data-fid="11"] { background-image: url(https://to-the-bone.net/images/TheDeadExpanse.jpg); }

.forum-row-img[data-fid="13"],
.fd-header-img[data-fid="13"] { background-image: url(https://to-the-bone.net/images/SnarledMire.jpg); }

.forum-row-img[data-fid="14"],
.fd-header-img[data-fid="14"] { background-image: url(https://to-the-bone.net/images/theancientroots.jpg); }

.forum-row-img[data-fid="15"],
.fd-header-img[data-fid="15"] { background-image: url(https://to-the-bone.net/images/headwaters.jpg); }

.forum-row-img[data-fid="16"],
.fd-header-img[data-fid="16"] { background-image: url(https://to-the-bone.net/images/Heartsblood.jpg); }

.forum-row-img[data-fid="17"],
.fd-header-img[data-fid="17"] { background-image: url(https://to-the-bone.net/images/MalaketsVessel.jpg); }

.forum-row-img[data-fid="18"],
.fd-header-img[data-fid="18"] { background-image: url(https://to-the-bone.net/images/TheDragonteeth.jpg); }

.forum-row-img[data-fid="19"],
.fd-header-img[data-fid="19"] { background-image: url(https://to-the-bone.net/images/CascadingBasin.jpg); }

.forum-row-img[data-fid="20"],
.fd-header-img[data-fid="20"] { background-image: url(https://to-the-bone.net/images/FallingWaterGlen.jpg); }

.forum-row-img[data-fid="21"],
.fd-header-img[data-fid="21"] { background-image: url(https://to-the-bone.net/images/waterfall_by_nimph.jpeg); }

.forum-row-img[data-fid="22"],
.fd-header-img[data-fid="22"] { background-image: url(https://to-the-bone.net/images/SunkenReach.jpg); }

.forum-row-img[data-fid="23"],
.fd-header-img[data-fid="23"] { background-image: url(https://to-the-bone.net/images/SilverspunWillow.jpg); }

.forum-row-img[data-fid="24"],
.fd-header-img[data-fid="24"] { background-image: url(https://to-the-bone.net/images/WildThread.jpg); }

.forum-row-img[data-fid="25"],
.fd-header-img[data-fid="25"] { background-image: url(https://to-the-bone.net/images/RedbrushPlateau.jpg); }

.forum-row-img[data-fid="26"],
.fd-header-img[data-fid="26"] { background-image: url(https://to-the-bone.net/images/TheWeepingShore.jpg); }

.forum-row-img[data-fid="27"],
.fd-header-img[data-fid="27"] { background-image: url(https://to-the-bone.net/images/Threshold.jpg); }

.forum-row-img[data-fid="28"],
.fd-header-img[data-fid="28"] { background-image: url(https://to-the-bone.net/images/greyvale.jpg); }

.forum-row-img[data-fid="29"],
.fd-header-img[data-fid="29"] { background-image: url(https://to-the-bone.net/images/TheCoronets.jpg); }

.forum-row-img[data-fid="36"],
.fd-header-img[data-fid="36"] { background-image: url(https://to-the-bone.net/images/TheVaults.jpg); }

.forum-row-img[data-fid="43"],
.fd-header-img[data-fid="43"] { background-image: url(https://to-the-bone.net/images/themonuments.jpeg); }

.forum-row-img[data-fid="44"],
.fd-header-img[data-fid="44"] { background-image: url(https://to-the-bone.net/images/waterfall_by_nimph.jpeg); }

.forum-row-img[data-fid="46"],
.fd-header-img[data-fid="46"] { background-image: url(https://to-the-bone.net/images/theancientroots.jpg); }

/* fallback for forumdisplay pages without a specific image */
.fd-header-img:not([data-fid]),
.fd-header-img[data-fid=""]   { background-image: url(https://to-the-bone.net/images/neith%20banner.png); }

/* nav auth & cp links */
#nav-auth {
  display:        flex;
  align-items:    center;
  gap:            2.5vh;
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity:        0.65;
}

#nav-auth a,
#nav-auth a:visited {
  color:           var(--designtextcolor);
  text-decoration: none;
  transition:      opacity .25s, color .25s;
}

#nav-auth a:hover { opacity: 1; color: var(--designmaincolor); }

#navstrip li   { display: inline; list-style: none; padding: 0; margin: 0; }
#navstrip ul   { display: inline; padding: 0; margin: 0; }

/* vignette */
.forum-row::after {
  content:  '';
  position: absolute;
  inset:    0;
  z-index:  1;
  background:
    linear-gradient(to right,  rgba(14,10,6,0.82) 0%, rgba(14,10,6,0.30) 45%, rgba(14,10,6,0.10) 100%),
    linear-gradient(to top,    rgba(14,10,6,0.75) 0%, rgba(14,10,6,0.00) 50%);
  pointer-events: none;
}

/* all text content sits above vignette */
.forum-row-content {
  position:       absolute;
  inset:          0;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  justify-content: space-between;
  padding:        28px 32px 22px;
  box-sizing:     border-box;
}

/* stat pills — top right */
.forum-row-stats {
  display:    flex;
  gap:        14px;
  align-self: flex-end;
}

.forum-stat-item {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.55);
  line-height:    1;
  text-align:     center;
}

.forum-stat-item strong {
  display:        block;
  font-family:    "Cormorant Unicase", serif;
  font-size:      22px;
  letter-spacing: 1px;
  color:          var(--designmaincolor);
  opacity:        0.85;
  margin-bottom:  2px;
}

.board-welcome .newest-member,
.board-welcome .newest-member:link,
.board-welcome .newest-member:visited {
  color: var(--designmaincolor) !important;
  letter-spacing: 4px;
}

/* bottom section */
.forum-row-bottom {
  display:        flex;
  flex-direction: column;
  gap:            12px;
}

/* large italic title */
.forum-row-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      clamp(28px, 3.5vw, 46px);
  font-style:     italic;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height:    1;
  filter:         blur(0.4px);
  margin:         0;
  font-weight:    normal;  /* prevents h2 bold bleeding in */
}

.forum-row-title a,
.forum-row-title a:visited { color: var(--designtextcolor); text-decoration: none; transition: color .3s; }
.forum-row-title a:hover   { color: var(--designmaincolor); }

/* frosted description box */
.forum-row-desc {
  max-width:               460px;
  padding:                 12px 16px;
  font-family:             "EB Garamond", serif;
  font-size:               12px;
  font-style:              italic;
  letter-spacing:          0.8px;
  line-height:             1.7;
  color:                   rgba(250, 240, 207, 0.78);
  backdrop-filter:         blur(8px) brightness(50%) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) brightness(50%) saturate(1.1);
  background:              rgba(250, 240, 207, 0.09);
  border:                  1px solid rgba(250, 240, 207, 0.18);
  box-sizing:              border-box;
}

/* subforum pill tabs */
.forum-subboard-tabs {
  display:     flex;
  flex-wrap:   wrap;
  gap:         6px;
  align-items: center;
}

.forum-subboard-tabs::before {
  content:        'sub-boards';
  font-family:    "EB Garamond", serif;
  font-size:      8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.35);
  margin-right:   4px;
}

.forum-subboard-tabs:empty { display: none; }

.forum-subboard-tabs a,
.forum-subboard-tabs a:visited {
  display:                 inline-block;
  padding:                 3px 11px;
  border:                  1px solid rgba(250, 240, 207, 0.22);
  color:                   rgba(250, 240, 207, 0.62);
  letter-spacing:          2px;
  text-transform:          uppercase;
  text-decoration:         none;
  font-family:             "EB Garamond", serif;
  font-size:               9px;
  backdrop-filter:         blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background:              rgba(250, 240, 207, 0.05);
  transition:              border-color .25s, color .25s, background .25s;
}

.forum-subboard-tabs a:hover {
  border-color: var(--designmaincolor);
  color:        var(--designmaincolor);
  background:   rgba(217, 185, 106, 0.10);
}

/* last post row */
.forum-lastpost-row {
  display:        flex;
  align-items:    baseline;
  gap:            8px;
  font-family:    "EB Garamond", serif;
  font-size:      11px;
  color:          rgba(250, 240, 207, 0.45);
  letter-spacing: 0.5px;
}

.forum-lastpost-label {
  font-size:      8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.65;
  white-space:    nowrap;
}

.forum-lastpost-content { flex: 1; line-height: 1.5; }

.forum-lastpost-content a,
.forum-lastpost-content a:visited {
  font-family:     "Cormorant Unicase", serif;
  font-size:       14px;
  letter-spacing:  1.5px;
  color:           var(--designtextcolor);
  text-decoration: none;
  transition:      color .3s;
}
.forum-lastpost-content a:hover { color: var(--designmaincolor); }

.forum-lastpost-content .lastpost-by {
  font-size:   10px;
  color:       rgba(250, 240, 207, 0.45);
  margin-left: 4px;
}

.forum-lastpost-content .lastpost-by a,
.forum-lastpost-content .lastpost-by a:visited {
  font-family:    "EB Garamond", serif;
  font-size:      11px;
  color:          var(--designmaincolor);
  letter-spacing: 1px;
}

/* forum status hidden */
.forum_status  { display: none; }
.forum_on, .forum_off { display: none; }
.subforumicon  { display: none; }


/* mybb table classes */
.tfixed { table-layout: fixed; word-wrap: break-word; }

.trow_selected,
tr.trow_selected td { background: #FFFBD9; color: #333; }
.trow_shaded        { background: #ffdde0; }
.trow_deleted,
.post.deleted_post  { background: #E8DEFF; }
.no_bottom_border   { border-bottom: 0; }

.tfoot a:link, .tfoot a:visited { color: #444; }
.tfoot a:hover, .tfoot a:active { color: #444; text-decoration: underline; }


/* nav breadcrumb */
.navigation {
  color:          var(--pale);
  font-size:      10px;
  font-weight:    700;
  margin-bottom:  5px;
  padding:        15px 10px;
  text-align:     left;
  font-family:    var(--ioc_main);
}

.navigation a:link,
.navigation a:visited         { color: var(--pale); }
.navigation .active           { color: var(--pale); font-size: small; font-weight: bold; }
.body-index .navigation       { display: none; }
.navigation-wrapper           { padding: 15px 20px; font-family: var(--ioc_main); }

/* pagination */
.pagination {
  font-size:  11px;
  padding:    7px 20px;
  margin:     10px 0;
  color:      var(--bodytext);
  text-align: left;
}

.pagination a:link,
.pagination a:visited       { color: var(--bodytext); }
.pagination .pages          { font-weight: bold; }
.pagination .pagination_current,
.pagination a               { padding: 3px 6px; margin-bottom: 3px; }
.pagination .pagination_current { background: none; color: var(--bodytext); border: none; font-weight: bold; }


/* forms/inputs */
fieldset { padding: 12px; border: 1px solid #ddd; margin: 0; }
fieldset.align_right { text-align: right; }

input.textbox {
  background:  #f1f0ee;
  color:       #333;
  border:      1px solid #ccc;
  padding:     3px;
  outline:     0;
  font-size:   12px;
  font-family: var(--ioc_main);
}

textarea {
  background:  #ebd986;
  color:       #333;
  border:      1px solid #ccc;
  padding:     2px;
  line-height: 1.4;
  outline:     0;
  font-family: 'EB Garamond', serif;
  font-size:   13px;
}

select {
  background:  var(--weiss2);
  padding:     2px;
  border:      1px solid #9c9c9c;
  outline:     0;
  font-family: var(--ioc_main);
  font-size:   11px;
  color:       var(--bodytext);
}

button, input.button {
  padding:     3px 8px;
  cursor:      pointer;
  font-family: var(--ioc_main);
  font-size:   12px;
  background:  var(--weiss);
  border:      1px solid #bbb;
  color:       #333;
  outline:     0;
}

button:hover, input.button:hover { border-color: #aaa; }

input.error,  textarea.error,  select.error  { border: 1px solid #f30; color: #f30; }
input.valid,  textarea.valid,  select.valid  { border: 1px solid #0c0; }

label.error {
  color:       #f30;
  margin:      5px;
  display:     block;
  font-weight: bold;
  font-size:   11px;
}

.new_reply_button {
  background:   rgb(142 140 135 / 61%);
  margin-top:   10px !important;
  padding:      13px 40px !important;
  margin-right: 0 !important;
  float:        right;
}
.new_reply_button span { background-image: none !important; padding-left: 0 !important; }


/* alerts and statuses */
.pm_alert {
  background:     var(--hell3);
  color:          var(--bodytext);
  padding:        15px;
  font-size:      10px;
  text-align:     center;
  letter-spacing: 1px;
  font-family:    var(--ioc_main);
  text-transform: uppercase;
  margin-bottom:  13px;
  border-radius:  10px;
}

.red_alert {
  background:     #818fb5a8;
  padding:        15px;
  font-size:      10px;
  text-align:     center;
  letter-spacing: 1px;
  font-family:    var(--ioc_main);
  text-transform: uppercase;
  margin-bottom:  13px;
  border-radius:  10px;
}

.red_alert a:link, .red_alert a:visited,
.red_alert a:hover, .red_alert a:active { color: #616161; }

.online  { color: #15A018; }
.offline { color: #C7C7C7; }

.high_warning    { color: #CC0000; }
.moderate_warning{ color: #F3611B; }
.low_warning     { color: #AE5700; }
.imminent_banned { color: #880000; }
.high_banned     { color: #FF0000; }
.moderate_banned { color: #FF6600; }
.low_banned      { color: #008000; }

div.error { padding: 5px 10px; border: 2px solid #FFD324; background: #FFF6BF; font-size: 12px; }
div.error p    { margin: 0; color: #333; }
div.error p em { font-style: normal; font-weight: bold; color: #C00; display: block; }
div.error ul   { margin-left: 24px; }

.success_message { color: #00b200; font-weight: bold; font-size: 10px; margin-bottom: 10px; }
.error_message   { color: #C00;    font-weight: bold; font-size: 10px; margin-bottom: 10px; }


/* posties */
.post { overflow: hidden; background: #fcfbf4; }

.post .post_head {
  font-size:      11px;
  padding-bottom: 4px;
  border-bottom:  2px solid #a7a496;
  margin-bottom:  4px;
}

.post .post_head span.post_date      { color: #666; }
.post .post_head span.edited_post    { font-size: 10px; color: #999; }
.post .post_head span.edited_post a  { color: #666; }

.post_body {
  font-size:   13px;
  padding:     30px 0;
  text-align:  justify;
  line-height: 25px;
}

/* postbit message, make sure postbit.css wins over this bc it's such a headache  */
.Postbit_Flex_Message {
  background:              rgba(14, 9, 4, 0.52) !important;
  backdrop-filter:         blur(22px) brightness(42%) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(22px) brightness(42%) saturate(1.15) !important;
}

.post_controls {
  clear:            both;
  background:       var(--post-control);
  padding:          20px;
  overflow:         hidden;
  font-family:      var(--ioc_main);
  background-image: var(--marble_bg);
}

.post .post_meta { margin: 4px 0; font-size: 11px; color: #999; }
.post .post_meta a:link, .post .post_meta a:visited,
.post .post_meta a:hover, .post .post_meta a:active { color: #777; }

.post.unapproved_post                  { background: #ffdde0; }
.post.unapproved_post .post_author     { border-bottom-color: #ffb8be; }
.post.unapproved_post .post_controls   { border-top-color: #ffb8be; }
.thread_start_datetime                 { color: #313131; }

.ignored_post           { border-top: 3px solid #333; padding: 15px; }
.deleted_post_hidden    { border-top: 2px solid #ccc; padding: 15px; }
.deleted_post_collapsed { border-top: 3px solid #333; padding: 15px; }

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage { display: none; }

.postbit_buttons > a:link, .postbit_buttons > a:hover,
.postbit_buttons > a:visited, .postbit_buttons > a:active {
  display:  inline-block;
  padding:  2px 5px;
  margin:   2px;
  font-size: 11px;
  color:    #ffffff;
}

.postbit_buttons a span {
  padding-left:      20px;
  display:           inline-block;
  background-repeat: no-repeat;
  font-weight:       700;
  text-transform:    uppercase;
  font-size:         8px;
}

#posts_container { padding: 0; }


/* blockquote and code */
blockquote {
  margin:        0;
  background:    var(--weiss2);
  padding:       30px;
  border-radius: 10px;
}

blockquote cite {
  font-weight:    bold;
  border-bottom:  1px solid #ccc;
  font-style:     normal;
  display:        block;
  padding-bottom: 3px;
  margin:         0 0 10px;
}

blockquote cite > span { float: right; font-weight: normal; font-size: 12px; color: #666; }

.codeblock { background: #fff; border: 1px solid #ccc; padding: 10px; }
.codeblock .title { border-bottom: 1px solid #ccc; font-weight: bold; padding-bottom: 3px; margin: 0 0 10px; }
.codeblock code {
  overflow:    auto;
  max-height:  200px;
  display:     block;
  font-family: Monaco, Consolas, Courier, monospace;
  font-size:   13px;
}


/* misc mybb */
.selectall  { background: #FFFBD9; border-bottom: 1px solid #F7E86A; color: #333; text-align: center; }
.highlight  { background: #FFFFCC; padding: 3px 0; }
.expcolimage { float: right; width: auto; vertical-align: middle; margin-top: 3px; }
.tcat_menu > .expcolimage { margin-top: 0; }
.smilie         { vertical-align: middle; }
.smilie_pointer { cursor: pointer; }
.subject_new    { font-weight: normal; }
.post_content .signature { margin-top: 5px; padding: 50px 0; }

.popup_menu { background: #fff; border: 1px solid #ccc; }
.popup_menu .popup_item { background: #efefef; color: #333; display: block; padding: 4px; white-space: nowrap; }
.popup_menu .popup_item:hover { background: #0072BC; color: #fff; }
.popup_menu .popup_item_container { margin: 1px; text-align: left; }

img.attachment { border: 1px solid #E9E5D7; padding: 2px; }

.drop_go_page          { background: #f5f5f5; padding: 4px; }
.pagination_breadcrumb { background-color: #efefef; border: 1px solid #fff; outline: 1px solid #ccc; padding: 5px; margin-top: 5px; }
.pagination_breadcrumb_link { vertical-align: middle; cursor: pointer; }

.repbox   { font-size: 16px; font-weight: bold; padding: 5px 7px; }
._neutral { background: #FAFAFA; color: #999; border: 1px solid #CCC; }
._minus   { background: #FDD2D1; color: #CB0200; border: 1px solid #980201; }
._plus    { background: #E8FCDC; color: #008800; border: 1px solid #008800; }

.reputation_positive { color: green; }
.reputation_neutral  { color: #444; }
.reputation_negative { color: red; }


/* memberlist */
.user-wrapper {
  overflow:   hidden;
  padding:    10px;
  width:      100%;
  margin:     0 auto;
  background: var(--post-control);
}

.member {
  float:            left;
  margin:           9px;
  padding:          10px;
  min-height:       350px;
  min-width:        342px;
  font-size:        10px;
  background-color: #d0cecc38;
  background-image: var(--site_bg);
  background-size:  cover;
}

.member img                  { width: 250px; height: 220px; }
.member div, .member img,
.member table                { margin: 3px 0; text-align: center; }
.member div                  { text-transform: uppercase; word-break: break-all; max-width: 250px; }
.member table                { width: 100%; border-spacing: 0; }
.member table td             { width: 50%; }
.member table td:first-child { padding-right: 2px; }
.member table td:last-child  { padding-left: 2px; }

.memreg {
  font-weight:     600;
  text-transform:  uppercase;
  padding:         13px;
  color:           var(--bluw);
  font-size:       9px;
  display:         flex;
  gap:             17px;
  justify-content: center;
}

/* usercp */

.ucp-wrapper {
  width:      100%;
  max-width:  1100px;
  margin:     0 auto;
  box-sizing: border-box;
  padding:    0 0 40px;
}

.ucp-layout {
  display: flex;
  gap:     0;
  align-items: flex-start;
}

/* sidebar */
.ucp-sidebar {
  flex:                    0 0 220px;
  width:                   220px;
  backdrop-filter:         blur(22px) brightness(38%) saturate(1.1);
  -webkit-backdrop-filter: blur(22px) brightness(38%) saturate(1.1);
  background:              rgba(14, 9, 4, 0.55);
  border-right:            1px solid rgba(var(--designbordercolor));
  box-sizing:              border-box;
  font-family:             "EB Garamond", serif;
  font-size:               11px;
}

/* strip MyBB's default sidebar table styling */
.ucp-sidebar table,
.ucp-sidebar tr,
.ucp-sidebar td { display: block; width: 100%; background: none; border: none; padding: 0; }

.ucp-sidebar a,
.ucp-sidebar a:visited {
  display:         block;
  padding:         7px 20px;
  color:           rgba(250, 240, 207, 0.45);
  text-decoration: none;
  letter-spacing:  1px;
  font-size:       10px;
  transition:      color .25s, background .25s;
}

.ucp-sidebar a:hover {
  color:      var(--designmaincolor);
  background: rgba(217, 185, 106, 0.06);
}

/* section headers inside sidebar (Menu, Messenger etc) */
.ucp-sidebar .thead,
.ucp-sidebar b {
  display:        block;
  padding:        12px 20px 6px;
  font-family:    "Cormorant Unicase", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.6;
  border-top:     1px solid rgba(250, 240, 207, 0.08);
  margin-top:     4px;
}

.ucp-sidebar img { display: none; }

/* main panel */
.ucp-main {
  flex:        1;
  min-width:   0;
  box-sizing:  border-box;
}

.ucp-panel {
  backdrop-filter:         blur(22px) brightness(42%) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) brightness(42%) saturate(1.15);
  background:              rgba(14, 9, 4, 0.52);
  border:                  1px solid rgba(250, 240, 207, 0.10);
  border-left:             none;
  margin-bottom:           4px;
}

.ucp-panel-header {
  padding:        14px 28px;
  font-family:    "Cormorant Unicase", serif;
  font-size:      13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.85;
  border-bottom:  1px solid rgba(250, 240, 207, 0.10);
  backdrop-filter:         blur(22px) brightness(32%);
  -webkit-backdrop-filter: blur(22px) brightness(32%);
  background:              rgba(14, 9, 4, 0.30);
}

/* acct summary */
.ucp-summary {
  display:     flex;
  gap:         28px;
  padding:     28px;
  align-items: flex-start;
}

.ucp-summary-avatar img {
  width:      120px;
  height:     160px;
  object-fit: cover;
  display:    block;
  border:     1px solid rgba(var(--designbordercolor));
}

.ucp-summary-info {
  flex:           1;
  display:        flex;
  flex-direction: column;
  gap:            8px;
}

.ucp-username {
  font-family:    "Cormorant Unicase", serif;
  font-size:      28px;
  font-style:     italic;
  text-transform: uppercase;
  letter-spacing: 2px;
  color:          var(--designmaincolor);
  filter:         blur(0.3px);
  margin-bottom:  4px;
}

.ucp-stat-row {
  display:     flex;
  gap:         10px;
  align-items: baseline;
  font-family: "EB Garamond", serif;
  font-size:   12px;
}

.ucp-stat-label {
  font-size:      8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.6;
  min-width:      80px;
  flex-shrink:    0;
}

.ucp-stat-value {
  color:   var(--designtextcolor);
  opacity: 0.80;
}

.ucp-stat-value a,
.ucp-stat-value a:visited { color: var(--designmaincolor); }
.ucp-stat-value a:hover   { color: #f7efdf; }

/* profile edit sections */
.ucp-section {
  padding:       24px 28px;
  border-bottom: 1px solid rgba(250, 240, 207, 0.08);
}

.ucp-section:last-child { border-bottom: none; }

.ucp-section-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.75;
  margin-bottom:  18px;
  padding-bottom: 10px;
  border-bottom:  1px solid rgba(250, 240, 207, 0.08);
}

.ucp-notice {
  font-family:  "EB Garamond", serif;
  font-size:    11px;
  font-style:   italic;
  color:        rgba(250, 240, 207, 0.35);
  margin-bottom: 14px;
  letter-spacing: 0.5px;
}

/* field rows inside sections */
.ucp-field-row {
  display:       flex;
  gap:           16px;
  align-items:   flex-start;
  margin-bottom: 14px;
}

.ucp-field-label {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.6;
  min-width:      120px;
  flex-shrink:    0;
  padding-top:    4px;
}

.ucp-field-input { flex: 1; }

.ucp-bday-row {
  display: flex;
  gap:     8px;
}

/* style inputs inside UCP sections */
.ucp-section input.textbox,
.ucp-section select,
.ucp-section textarea {
  background:  rgba(250, 240, 207, 0.07) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   12px !important;
  padding:     5px 10px !important;
  outline:     none !important;
  width:       100%;
  box-sizing:  border-box;
}

.ucp-section input.textbox:focus,
.ucp-section select:focus,
.ucp-section textarea:focus {
  border-color: rgba(250, 240, 207, 0.35) !important;
  background:   rgba(250, 240, 207, 0.10) !important;
}

/* custom fields output their own table */
.ucp-section table { width: 100%; border-spacing: 0; background: none; }
.ucp-section td    { background: none; padding: 6px 0; color: var(--designtextcolor); font-family: "EB Garamond", serif; font-size: 12px; }

/* submit button */
.ucp-submit-row {
  padding:         20px 28px;
  display:         flex;
  justify-content: flex-end;
  border-top:      1px solid rgba(250, 240, 207, 0.08);
}

.ucp-submit-btn {
  padding:        8px 28px !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  background:     rgba(250, 240, 207, 0.07) !important;
  border:         1px solid rgba(250, 240, 207, 0.25) !important;
  color:          rgba(250, 240, 207, 0.70) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s, background .25s !important;
}

.ucp-submit-btn:hover {
  background:   rgba(217, 185, 106, 0.12) !important;
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

/* pm toolbar */
.pm-toolbar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  flex-wrap:               wrap;
  gap:                     10px;
  padding:                 10px 20px;
  backdrop-filter:         blur(22px) brightness(36%);
  -webkit-backdrop-filter: blur(22px) brightness(36%);
  background:              rgba(14, 9, 4, 0.62);
  border:                  1px solid rgba(250, 240, 207, 0.12);
  border-left:             none;
  margin-bottom:           4px;
  box-sizing:              border-box;
}

.pm-toolbar-left {
  display:     flex;
  align-items: center;
  gap:         16px;
  font-family: "EB Garamond", serif;
  font-size:   9px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.pm-toolbar-left a,
.pm-toolbar-left a:visited {
  color:           rgba(250, 240, 207, 0.45);
  text-decoration: none;
  padding:         3px 10px;
  border:          1px solid rgba(250, 240, 207, 0.12);
  background:      rgba(250, 240, 207, 0.03);
  transition:      color .25s, border-color .25s;
}

.pm-toolbar-left a:hover {
  color:        var(--designmaincolor);
  border-color: var(--designmaincolor);
}

.pm-toolbar-right { display: flex; align-items: center; }

.pm-search-input {
  background:  rgba(250, 240, 207, 0.07) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   10px !important;
  letter-spacing: 1px !important;
  padding:     4px 10px !important;
  outline:     none !important;
  width:       180px;
}

.pm-search-btn {
  padding:     4px 14px !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  cursor:      pointer !important;
  transition:  color .25s, border-color .25s !important;
}

.pm-search-btn:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

/* folder header + column labels */
.pm-folder-header {
  backdrop-filter:         blur(22px) brightness(32%);
  -webkit-backdrop-filter: blur(22px) brightness(32%);
  background:              rgba(14, 9, 4, 0.60);
  border:                  1px solid rgba(250, 240, 207, 0.10);
  border-left:             none;
  border-bottom:           none;
  padding:                 12px 20px;
  box-sizing:              border-box;
}

.pm-folder-name {
  font-family:    "Cormorant Unicase", serif;
  font-size:      13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.8;
  display:        block;
  margin-bottom:  10px;
}

.pm-col-headers {
  display:     flex;
  align-items: center;
  gap:         0;
  font-family: "EB Garamond", serif;
  font-size:   8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:       rgba(250, 240, 207, 0.30);
}

.pm-col-subject { flex: 1; }
.pm-col-sender  { width: 180px; text-align: center; flex-shrink: 0; }
.pm-col-date    { width: 140px; text-align: right;  flex-shrink: 0; }
.pm-col-check   { width: 40px;  text-align: center; flex-shrink: 0; }

.pm-col-headers a,
.pm-col-headers a:visited { color: inherit; text-decoration: none; transition: color .25s; }
.pm-col-headers a:hover   { color: var(--designmaincolor); }

/* message list rows */
.pm-message-list {
  border:      1px solid rgba(250, 240, 207, 0.10);
  border-left: none;
  box-sizing:  border-box;
}

/* strip default table styling from messagelist output */
.pm-message-list table {
  width:           100%;
  border-collapse: collapse;
  background:      none;
}

.pm-message-list tr {
  display:    flex;
  align-items: center;
  padding:    10px 20px;
  border-bottom: 1px solid rgba(250, 240, 207, 0.06);
  backdrop-filter:         blur(10px) brightness(40%);
  -webkit-backdrop-filter: blur(10px) brightness(40%);
  background:  rgba(14, 9, 4, 0.40);
  transition:  background .25s;
}

.pm-message-list tr:hover { background: rgba(14, 9, 4, 0.60); }
.pm-message-list tr:last-child { border-bottom: none; }

.pm-message-list td {
  font-family: "EB Garamond", serif;
  font-size:   12px;
  color:       var(--designtextsubcolor);
  background:  none;
  border:      none;
  padding:     0;
}

/* subject column flex grow */
.pm-message-list td:nth-child(1) { flex: 1; }
/* sender */
.pm-message-list td:nth-child(2) { width: 180px; flex-shrink: 0; text-align: center; }
/* date */
.pm-message-list td:nth-child(3) { width: 140px; flex-shrink: 0; text-align: right; font-size: 10px; opacity: 0.6; }
/* checkbox */
.pm-message-list td:nth-child(4) { width: 40px; flex-shrink: 0; text-align: center; }

.pm-message-list a,
.pm-message-list a:visited { color: var(--designtextcolor); text-decoration: none; transition: color .25s; }
.pm-message-list a:hover   { color: var(--designmaincolor); }

/* unread messages slightly brighter */
.pm-message-list tr.pmunread td { color: var(--designtextcolor); }
.pm-message-list tr.pmunread a  { color: var(--designmaincolor); }

/* bottom actions bar */
.pm-actions-bar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  flex-wrap:               wrap;
  gap:                     10px;
  padding:                 10px 20px;
  backdrop-filter:         blur(12px) brightness(33%);
  -webkit-backdrop-filter: blur(12px) brightness(33%);
  background:              rgba(14, 9, 4, 0.50);
  border:                  1px solid rgba(250, 240, 207, 0.08);
  border-left:             none;
  border-top:              none;
  box-sizing:              border-box;
  font-family:             "EB Garamond", serif;
  font-size:               9px;
  letter-spacing:          2px;
  text-transform:          uppercase;
  color:                   rgba(250, 240, 207, 0.35);
}

.pm-actions-left,
.pm-actions-right {
  display:     flex;
  align-items: center;
  gap:         10px;
  flex-wrap:   wrap;
}

.pm-action-btn {
  padding:     3px 12px !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.15) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  cursor:      pointer !important;
  transition:  color .25s, border-color .25s !important;
}

.pm-action-btn:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

.pm-action-sep { opacity: 0.35; }

.pm-jump {
  display:     flex;
  align-items: center;
  gap:         8px;
}

.pm-jump select {
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.15) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  padding:     3px 8px !important;
  outline:     none !important;
}

/* footer */

.board-copyright a:link,
.board-copyright a:visited {
  color: rgba(250, 240, 207, 0.45);
  text-decoration: none;
  transition: color .25s;
}

.board-copyright a:hover,
.board-copyright a:active {
  color: var(--designmaincolor);
}
#footer { clear: both; }
#footer a:link, #footer a:visited,
#footer a:hover, #footer a:active { color: #444; }
#footer .lower { color: #666; padding: 6px 0 12px; overflow: hidden; font-size: 11px; }
#footer .lower a:link, #footer .lower a:visited { color: #444; font-weight: bold; }
#footer .lower #current_time { float: right; color: #888; }

#footer-wrapper {
  width:      100%;
  max-width:  1100px;
  margin:     40px auto 0;
  padding:    0 0 40px;
  box-sizing: border-box;
}

.board-stats-container {
  display:                 grid;
  grid-template-columns:   1fr 200px 1fr;
  position:                relative;
  overflow:                hidden;
  backdrop-filter:         blur(10px) brightness(55%) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) brightness(55%) saturate(1.1);
  background:              rgba(250, 240, 207, 0.07);
  border:                  1px solid rgba(250, 240, 207, 0.15);
  font-family:             "EB Garamond", serif;
  letter-spacing:          2px;
  color:                   var(--designtextsubcolor);
  text-transform:          uppercase;
}

.board-left, .board-center, .board-right { padding: 36px 30px; box-sizing: border-box; }
.board-left  { border-right: 1px solid rgba(250, 240, 207, 0.12); }
.board-right { border-left:  1px solid rgba(250, 240, 207, 0.12); }

.board-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      13px;
  color:          var(--designmaincolor);
  margin-bottom:  16px;
  padding-bottom: 10px;
  border-bottom:  1px solid rgba(var(--designbordercolor));
  text-align:     center;
  letter-spacing: 3px;
}

.board-meta   { margin-top: 6px; font-size: 9px; opacity: 0.45; text-align: center; letter-spacing: 4px; font-style: italic; }

.board-welcome {
  margin-top:     28px;
  padding-top:    16px;
  border-top:     1px solid rgba(250, 240, 207, 0.08);
  font-size:      9px;
  text-align:     center;
  letter-spacing: 3px;
}

.newest-member {
  display:        block;
  margin-top:     10px;
  font-family:    "Cormorant Unicase", serif;
  font-size:      15px;
  color:          var(--designmaincolor);
  letter-spacing: 4px;
  transition:     color .3s, letter-spacing .3s;
}
.newest-member:hover { color: #f7efdf; letter-spacing: 5px; }

.board-online {
  margin-top:  24px;
  padding-top: 16px;
  border-top:  1px solid rgba(250, 240, 207, 0.08);
  text-align:  center;
}

.online-title { font-size: 8px; letter-spacing: 4px; opacity: 0.45; margin-bottom: 8px; font-style: italic; }
.online-users { font-size: 11px; letter-spacing: 2px; line-height: 1.8; }
.online-users a, .online-users a:visited { color: var(--designmaincolor); }
.online-users a:hover { color: #f7efdf; letter-spacing: 3px; }

.board-center {
  display:                 flex;
  flex-direction:          column;
  padding:                 0;
  overflow:                hidden;
  backdrop-filter:         blur(6px) brightness(38%);
  -webkit-backdrop-filter: blur(6px) brightness(38%);
  background:              rgba(20, 12, 6, 0.3);
}

.group-bar {
  flex:       1;
  display:    flex;
  align-items: center;
  justify-content: center;
  position:   relative;
  transition: flex .4s ease, filter .4s ease;
}

.group-bar::before {
  content:                 '';
  position:                absolute;
  inset:                   0;
  backdrop-filter:         blur(2px) saturate(0.7) brightness(0.55);
  -webkit-backdrop-filter: blur(2px) saturate(0.7) brightness(0.55);
  pointer-events:          none;
}

.group-bar:hover { flex: 2; filter: brightness(1.15); }

.group-name {
  position:       relative;
  z-index:        1;
  font-family:    "Cormorant Unicase", serif;
  font-size:      10px;
  letter-spacing: 3px;
  color:          rgba(250, 240, 207, 0.9);
  text-shadow:    0 1px 4px rgba(0, 0, 0, 0.7);
}

/* pack guide */
.pack-guide {
  display:        flex;
  flex-direction: column;
  gap:            8px;
  margin-top:     10px;
}

.pack-guide-item {
  display:     flex;
  align-items: center;
  gap:         10px;
}

.pack-guide-bar {
  display:      block;
  width:        3px;
  height:       16px;
  flex-shrink:  0;
  border-radius: 1px;
}

.pack-guide-name {
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.55);
}

.board-right { text-align: center; }

.recent-thread {
  padding:       9px 0;
  border-bottom: 1px solid rgba(250, 240, 207, 0.07);
  font-size:     11px;
  line-height:   1.6;
  transition:    color .3s, letter-spacing .3s;
}
.recent-thread:last-child  { border-bottom: none; }
.recent-thread:hover       { color: #f7efdf; letter-spacing: 3px; }
.recent-thread a, .recent-thread a:visited { color: inherit; }

.board-copyright {
  padding:                 14px 30px;
  border-top:              1px solid rgba(250, 240, 207, 0.10);
  background:              rgba(20, 12, 6, 0.35);
  backdrop-filter:         blur(8px) brightness(40%);
  -webkit-backdrop-filter: blur(8px) brightness(40%);
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  font-family:             "EB Garamond", serif;
  font-size:               9px;
  letter-spacing:          3px;
  text-transform:          uppercase;
  color:                   rgba(250, 240, 207, 0.35);
  font-style:              italic;
}

.board-center-inner {
  padding:     36px 30px;
  box-sizing:  border-box;
  text-align:  center;
  display:     flex;
  flex-direction: column;
  justify-content: center;
  height:      100%;
}


/* mybb debug */
#debug { float: right; text-align: right; margin-top: 20px; font-size: 11px; }


/* mybb jgrowl */
.jGrowl { z-index: 9999; color: #fff; font-size: 12px; position: fixed; }
.jGrowl.top-right    { right: 0; top: 0; }
.jGrowl.top-left     { left: 0;  top: 0; }
.jGrowl.bottom-right { right: 0; bottom: 0; }
.jGrowl.bottom-left  { left: 0;  bottom: 0; }

.jGrowl-notification {
  background-color: transparent;
  opacity:      0.9;
  width:        250px;
  padding:      10px;
  margin:       10px;
  text-align:   left;
  display:      none;
  border-radius: 5px;
  word-break:   break-all;
  min-height:   40px;
}

.jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; }
.jGrowl-notification .jGrowl-close  { background: transparent; color: inherit; border: none; z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; }

.jGrowl .jGrowl-notification.jgrowl_success { background: lightgreen; border: 1px solid lightgreen; color: #333; }
.jGrowl .jGrowl-notification.jgrowl_error   { background: red;        border: 1px solid red;        color: #333; }
.jGrowl .jGrowl-notification.jgrowl_process,
.jGrowl .jGrowl-closer { background: yellow; border: 1px solid yellow; color: #333; }

.jGrowl-closer {
  opacity:      0.9;
  width:        250px;
  padding:      4px 10px;
  margin:       10px;
  display:      none;
  border-radius: 5px;
  cursor:       pointer;
  font-size:    .9em;
  font-weight:  bold;
  text-align:   center;
}

@media print { .jGrowl { display: none; } }


/* mybb modal */
.blocker {
  position:   fixed;
  inset:      0;
  overflow:   auto;
  z-index:    9999;
  padding:    20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }
.blocker.behind { background-color: transparent; }

.modal {
  width:         400px;
  text-align:    left;
  background:    #fff;
  display:       inline-block;
  vertical-align: middle;
  position:      relative;
  z-index:       2;
  box-sizing:    border-box;
  border-radius: 8px;
  box-shadow:    0 0 10px #000;
}

.modal a.close-modal {
  position:    absolute;
  top: -12.5px; right: -12.5px;
  width:       30px;
  height:      30px;
  display:     block;
  text-indent: -9999px;
  background:  url(../../../images/close.png) no-repeat 0 0;
}

/* newreply styling */

.nr-wrapper {
  width:      100%;
  max-width:  1100px;
  margin:     0 auto;
  padding:    0 0 40px;
  box-sizing: border-box;
}

/* page header bar */
.nr-panel-header {
  display:                 flex;
  align-items:             baseline;
  gap:                     16px;
  padding:                 14px 28px;
  backdrop-filter:         blur(22px) brightness(32%);
  -webkit-backdrop-filter: blur(22px) brightness(32%);
  background:              rgba(14, 9, 4, 0.65);
  border:                  1px solid rgba(250, 240, 207, 0.12);
  border-bottom:           none;
  box-sizing:              border-box;
}

.nr-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      15px;
  font-style:     italic;
  text-transform: uppercase;
  letter-spacing: 3px;
  color:          var(--designmaincolor);
  filter:         blur(0.3px);
}

.nr-subtitle {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.30);
  font-style:     italic;
}

/* main panel */
.nr-panel {
  backdrop-filter:         blur(22px) brightness(42%) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) brightness(42%) saturate(1.15);
  background:              rgba(14, 9, 4, 0.52);
  border:                  1px solid rgba(250, 240, 207, 0.10);
  box-sizing:              border-box;
}

/* field rows */
.nr-field-row {
  display:       flex;
  gap:           20px;
  align-items:   flex-start;
  padding:       18px 28px;
  border-bottom: 1px solid rgba(250, 240, 207, 0.07);
  box-sizing:    border-box;
}

.nr-field-label {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.65;
  min-width:      110px;
  flex-shrink:    0;
  padding-top:    6px;
}

.nr-smilies {
  display:    block;
  margin-top: 10px;
  opacity:    0.5;
}

/* subject input */
.nr-input {
  flex:        1;
  background:  rgba(250, 240, 207, 0.07) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   13px !important;
  padding:     6px 12px !important;
  outline:     none !important;
  box-sizing:  border-box;
}

.nr-input:focus {
  border-color: rgba(250, 240, 207, 0.35) !important;
  background:   rgba(250, 240, 207, 0.10) !important;
}

/* message row */
.nr-message-row { align-items: flex-start; }

.nr-editor-wrap {
  flex:        1;
  display:     flex;
  flex-direction: column;
  gap:         0;
}

/* codebuttons toolbar */
.nr-editor-wrap .editor_control_bar,
.nr-editor-wrap .sceditor-toolbar {
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.15) !important;
  border-bottom: none !important;
  padding:     6px 8px !important;
}

/* textarea */
.nr-textarea {
  width:       100% !important;
  min-height:  300px !important;
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  border-top:  none !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   13px !important;
  line-height: 1.8 !important;
  padding:     14px 16px !important;
  box-sizing:  border-box !important;
  resize:      vertical;
  outline:     none !important;
  display:     block;
}

.nr-textarea:focus {
  border-color: rgba(250, 240, 207, 0.35) !important;
  background:   rgba(250, 240, 207, 0.09) !important;
}

/* post options / mod options / subscription */
.nr-options-row {
  padding:    16px 28px;
  border-bottom: 1px solid rgba(250, 240, 207, 0.07);
  font-family: "EB Garamond", serif;
  font-size:  11px;
  color:      rgba(250, 240, 207, 0.45);
  letter-spacing: 1px;
}

/* flatten default tables inside options */
.nr-options-row table { width: 100%; background: none; }
.nr-options-row td    { background: none; padding: 4px 0; color: rgba(250,240,207,0.45); font-family: "EB Garamond", serif; font-size: 11px; }
.nr-options-row .trow1,
.nr-options-row .trow2,
.nr-options-row .thead { background: none !important; border: none !important; padding: 6px 0 !important; }
.nr-options-row .tcat  { background: none !important; border: none !important; padding: 8px 0 4px !important; font-family: "Cormorant Unicase", serif; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--designmaincolor); opacity: 0.6; }

/* attachments */
.nr-wrapper .attachbox {
  padding:    16px 28px;
  border-top: 1px solid rgba(250, 240, 207, 0.07);
  font-family: "EB Garamond", serif;
  font-size:  11px;
  color:      rgba(250, 240, 207, 0.45);
}

/* submit row */
.nr-submit-row {
  display:         flex;
  justify-content: flex-end;
  align-items:     center;
  gap:             10px;
  padding:         18px 28px;
  border-top:      1px solid rgba(250, 240, 207, 0.08);
}

.nr-btn-primary {
  padding:        9px 28px !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      11px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  background:     rgba(217, 185, 106, 0.12) !important;
  border:         1px solid rgba(217, 185, 106, 0.40) !important;
  color:          var(--designmaincolor) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s, background .25s !important;
  filter:         blur(0.2px);
}

.nr-btn-primary:hover {
  background:   rgba(217, 185, 106, 0.20) !important;
  border-color: var(--designmaincolor) !important;
  color:        #f7efdf !important;
}

.nr-btn-secondary {
  padding:        9px 22px !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  background:     rgba(250, 240, 207, 0.05) !important;
  border:         1px solid rgba(250, 240, 207, 0.18) !important;
  color:          rgba(250, 240, 207, 0.50) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s, background .25s !important;
}

.nr-btn-secondary:hover {
  background:   rgba(250, 240, 207, 0.10) !important;
  border-color: rgba(250, 240, 207, 0.35) !important;
  color:        var(--designtextcolor) !important;
}

/* thread review below form */
.nr-wrapper .tborder {
  margin-top:  20px;
  width:       100% !important;
}

/* new reply button on thread page */
a.new_reply_button,
a.new_reply_button:visited {
  display:         inline-block !important;
  padding:         9px 24px !important;
  font-family:     "Cormorant Unicase", serif !important;
  font-size:       11px !important;
  letter-spacing:  4px !important;
  text-transform:  uppercase !important;
  backdrop-filter:         blur(10px) brightness(45%);
  -webkit-backdrop-filter: blur(10px) brightness(45%);
  background:      rgba(250, 240, 207, 0.08) !important;
  border:          1px solid rgba(250, 240, 207, 0.28) !important;
  color:           rgba(250, 240, 207, 0.75) !important;
  float:           none !important;
  margin:          0 !important;
  transition:      color .25s, border-color .25s, background .25s;
}

a.new_reply_button:hover {
  background:   rgba(217, 185, 106, 0.12) !important;
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

/* reg form */
.reg-layout {
  display:   flex;
  gap:       1px;
  background: rgba(250, 240, 207, 0.06);
}

.reg-col {
  flex:        1;
  padding:     28px;
  background:  rgba(14, 9, 4, 0.30);
  box-sizing:  border-box;
}

.reg-col .ucp-section-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.75;
  margin-bottom:  18px;
  padding-bottom: 10px;
  border-bottom:  1px solid rgba(250, 240, 207, 0.08);
}

.reg-col .ucp-field-row {
  display:       flex;
  flex-direction: column;
  gap:           5px;
  margin-bottom: 14px;
}

.reg-col .ucp-field-label {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  opacity:        0.6;
  min-width:      unset;
}

.reg-col .nr-input {
  width:       100%;
  background:  rgba(250, 240, 207, 0.07) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   13px !important;
  padding:     6px 12px !important;
  outline:     none !important;
  box-sizing:  border-box;
}

.reg-col .nr-input:focus {
  border-color: rgba(250, 240, 207, 0.35) !important;
}

/* checkbox list */
.reg-checkbox-list {
  display:        flex;
  flex-direction: column;
  gap:            10px;
  margin-bottom:  8px;
}

.reg-checkbox-row {
  display:     flex;
  align-items: flex-start;
  gap:         10px;
  cursor:      pointer;
  font-family: "EB Garamond", serif;
  font-size:   11px;
  letter-spacing: 1px;
  color:       rgba(250, 240, 207, 0.50);
  line-height: 1.4;
}

.reg-checkbox-row input { flex-shrink: 0; margin-top: 2px; }
.reg-checkbox-row:hover span { color: rgba(250, 240, 207, 0.75); }

.reg-notice {
  font-family:  "EB Garamond", serif;
  font-size:    11px;
  font-style:   italic;
  color:        rgba(250, 240, 207, 0.30);
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

#registration .tborder,
#registration .trow1,
#registration .trow2,
#registration fieldset,
#registration p,
#registration td,
#registration label,
#registration .smalltext {
  color: var(--bodytext) !important;
}

#registration .thead,
#registration .tcat {
  color: var(--designmaincolor) !important;
  background: var(--frost-dark) !important;
  backdrop-filter: blur(6px) brightness(45%);
  -webkit-backdrop-filter: blur(6px) brightness(45%);
}

#registration .trow1 p,
#registration .trow2 p {
  color: var(--bodytext) !important;
  opacity: 0.85;
}

/* "sorry, no permission" row global table was winning and fuckin everythang up */
.forumdisplay table,
.forumdisplay tr,
.forumdisplay td {
  color: var(--designtextcolor) !important;
}

/* "users browsing this forum" bar */
.tfoot,
.tfoot td,
.tfoot a,
.tfoot a:visited {
  color:          var(--designmaincolor) !important;
  letter-spacing: 2px;
  background:     transparent !important;
}

/* KILLLLL bg img sprite */
.fd-toolbar a.button span,
.fd-toolbar a.new_thread_button span {
  background-image:  none !important;
  background-color:  transparent !important;
  padding-left:      0 !important;
  color:             inherit !important;
  font-family:       "EB Garamond", serif !important;
  font-size:         9px !important;
  letter-spacing:    3px !important;
  text-transform:    uppercase !important;
  display:           inline !important;
}

/* Left-side post thread button span */
.fd-toolbar-left a.fd-post-btn span {
  background-image: none !important;
  padding-left:     0 !important;
  color:            inherit !important;
}


.fd-toolbar a:link,
.fd-toolbar a:visited,
.fd-toolbar a:hover,
.fd-toolbar a:active,
.fd-toolbar a {
  font-family:     "EB Garamond", serif !important;
  font-size:       9px !important;
  letter-spacing:  3px !important;
  text-transform:  uppercase !important;
  text-decoration: none !important;
  display:         inline-block !important;
  padding:         4px 12px !important;
  margin:          0 !important;
  border-radius:   0 !important;
  font-weight:     normal !important;
  color:           rgba(250, 240, 207, 0.75) !important;
  border:          1px solid rgba(250, 240, 207, 0.25) !important;
  background:      rgba(250, 240, 207, 0.06) !important;
  transition:      color .25s, border-color .25s, background .25s !important;
}

.fd-toolbar a:hover,
.fd-toolbar a:active {
  color:        var(--designmaincolor) !important;
  border-color: var(--designmaincolor) !important;
  background:   rgba(217, 185, 106, 0.08) !important;
}

/* Right side buttons get the gold treatment by default */
.fd-toolbar-right a:link,
.fd-toolbar-right a:visited,
.fd-toolbar-right a {
  color:        var(--designmaincolor) !important;
  border-color: rgba(217, 185, 106, 0.35) !important;
  background:   rgba(217, 185, 106, 0.06) !important;
}

.fd-toolbar-right a:hover,
.fd-toolbar-right a:active {
  color:        var(--designtextcolor) !important;
  border-color: var(--designmaincolor) !important;
  background:   rgba(217, 185, 106, 0.12) !important;
}

/* Post thread button */
.fd-toolbar .fd-post-btn:link,
.fd-toolbar .fd-post-btn:visited,
.fd-toolbar .fd-post-btn {
  font-family:  "Cormorant Unicase", serif !important;
  font-size:    11px !important;
  padding:      6px 18px !important;
  color:        rgba(250, 240, 207, 0.85) !important;
  border-color: rgba(250, 240, 207, 0.35) !important;
  background:   rgba(250, 240, 207, 0.08) !important;
}

.fd-toolbar .fd-post-btn:hover,
.fd-toolbar .fd-post-btn:active {
  color:        var(--designmaincolor) !important;
  border-color: var(--designmaincolor) !important;
  background:   rgba(217, 185, 106, 0.12) !important;
}

/* footer banners */
.footer-banners {
  display:   flex;
  flex-wrap: wrap;
  gap:       8px;
  margin-top: 10px;
}

.footer-banners img {
  height:     31px;
  width:      auto;
  opacity:    0.8;
  transition: opacity .25s;
  border:     1px solid rgba(250, 240, 207, 0.10);
}

.footer-banners img:hover { opacity: 1; }

/* discord widget */
.discord-loading,
.discord-empty {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.25);
  font-style:     italic;
  padding:        8px 0;
}

.discord-list {
  list-style: none;
  margin:     0;
  padding:    0;
  display:    flex;
  flex-wrap:  wrap;
  gap:        8px;
}

.discord-member {
  display:     flex;
  align-items: center;
  gap:         6px;
  font-family: "EB Garamond", serif;
  font-size:   11px;
  letter-spacing: 1px;
  color:       rgba(250, 240, 207, 0.65);
}

.discord-avatar {
  width:         24px;
  height:        24px;
  border-radius: 50%;
  overflow:      hidden;
  flex-shrink:   0;
  border:        1px solid rgba(250, 240, 207, 0.15);
  display:       flex;
  align-items:   center;
  justify-content: center;
}

.discord-avatar img {
  width:      24px;
  height:     24px;
  object-fit: cover;
  display:    block;
}

.discord-no-avatar {
  width:            24px;
  height:           24px;
  border-radius:    50%;
  background:       rgba(217, 185, 106, 0.15);
  display:          block;
}

.discord-name {
  color: var(--designmaincolor);
  opacity: 0.8;
}