/*Extra Font*/
@font-face {
    font-family: 'Earthbound';
    src: url('/static/fonts/earthbound.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Mother2';
    src: url('/static/fonts/mother2.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MrSaturn';
    src: url('/static/fonts/mrsaturn.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


body {
  background: url('/static/mother2/eb_bg3x.png') repeat;
  color: white;
  font-family: 'Earthbound', 'Mother2', 'Courier New';
  font-size: 12pt;
  text-shadow:
    0px 0px 5px #FDC151,  /* Blurred shadow all around */
    0px 0px 10px #FDC151, /* Larger, more faded shadow */
    0px 0px 15px #FDC151; /* Even larger, subtle shadow effect */
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
}


header div.subtitle, h1 {
    color: #7b52f7;
    font-family: 'Mother2', Courier New;
    text-align: center;
}

 div.post{
  max-width: 50%;
  display: flex auto;
  align-items: flex-start;
  margin-left: 300px; 
  background: black;
  color: white;
  text-shadow: none;
  padding: 6px;
  border: 8px solid transparent; /* Initial border setup */
  border-image: url('/static/mother2/eb_border.png') 5 fill; /* Adjust '30' based on your template */
  border-radius: 8px;
}

div.post.reply {
  background: black;
  color: white;
  text-shadow: none;
  padding: 2px;
  border: 8px solid transparent; /* Initial border setup */
  border-image: url('/static/mother2/eb_border.png') 5 fill; /* Adjust '30' based on your template */
  border-radius: 8px;
}

div.post.reply div.body {
  word-wrap: break-word;
  white-space: pre-wrap;
  text-shadow: none;
}

div.post.reply div.body a {
  color: #6bd6bd;
  text-shadow: none;
}


div.ban {
background: black;
  color: white;
  text-shadow: none;
  padding: 6px;
  border: 8px solid transparent; /* Initial border setup */
  border-image: url('/static/mother2/eb_border.png') 5 fill; /* Adjust '30' based on your template */
  border-radius: 8px;max-width: 940px;
}

a:visited {
    color: #6bd6bd;
}


a, a:visited {
    text-decoration: underline;
    color: #6bd6bd;
}

div.post.reply div.body a:hover {
  color: #e7a552;
}

div.post.reply.highlighted {
  background: #290829;
  color: #ff845a;
  border-image: url('/static/mother2/eb_borderHARM.png') 5 fill; /* Adjust '30' based on your template */
  border-radius: 8px;
}

.intro span.name {
  color: #f7f7bd;
  font-weight: bold;
}

.intro span.subject {
    color: #7b52f7;
    font-weight: bold;
}

span.quote {
  background-color: #9452f7;
  color: white; 
  padding: 2px 4px;
  display: inline-block;
}

form table tr th {
    background: #9452f7;
	color: #white;
	text-shadow: none;
}




span.spoiler:before {
  content: "[";
  color: white;
}

span.spoiler:after {
  content: "]";
  color: white;
}

div.boardlist:not(.bottom) {
   background-image: none;
   background-color: #111111 !important;
   padding: 4px 4px;
   box-shadow: 2px 2px rgba(0, 0, 0, 0.5) !important;
   text-shadow: none;
   }


.desktop-style div.boardlist:nth-child(1) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-bottom: 1px solid;
    background: black;
   /*position: static !important;*/
}


div.pages.top {
    display: block;
    position: static;
   background: black;
   color: white;
   text-shadow: none;
   padding: 6px;
   border: 8px solid transparent; 
   border-image: url('/static/mother2/eb_border.png') 5 fill;
   border-radius: 8px;max-width: 220px;
    opacity: 0.9;
   text-align: center !important;
}

div.pages a.selected {
    color: #7b52f7;
    font-weight: bolder;
}



/* input */

input[type="text"], textarea {
  background: black;
  color: white;
  text-shadow: none;
  padding: 2px;
  border: 8px solid transparent; 
  border-image: url('/static/mother2/eb_border.png') 5 fill;
  border-radius: 8px;
}

input[type="submit"], input[type="button"] {
  background: black;
  color: white;
 padding: 2px;
  border: 8px solid transparent; 
  border-image: url('/static/mother2/eb_border.png') 5 fill;
  border-radius: 8px;
  cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover {
  background: white;
  color: black;
}







/* Image fuggery */
.post-image {
    filter: grayscale(100%) brightness(90%) contrast(250%);
    transition: filter 0.3s ease;
}

/*revert to on hover */
.post-image:hover {
    filter: none; 
}


    /* Hidden*/
div.boardlist.bottom {
   visibility: hidden !important;}