/*Olathe theme. Brad is sad 'cause he was a bad dad.
Hanged Man, perhaps?*/

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


body{
background: linear-gradient(to bottom, #cae1df, #a5b5ba 50%);
background-attachment: fixed;
font-family: VCROSD, sans-serif;
color: white;
  text-shadow: -1px 0px 0px #040404, 1px 0px 0px #040404, 0px 1px 0px #040404, 0px -1px 0px #040404;
}

body::before {
  content: "";
  position: fixed;
  opacity: 0.95;
  width: 100%;           
  height: 3vh;
  bottom: 39%;
  background-image: url('/static/themes/hanged/lisa_horizon.png');
image-rendering: pixelated;
  background-size: cover; 
  pointer-events: none;
  z-index: -11;
filter: blur(.25px);
}


body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to top,
#612c02 0%,
#612c02 9%,
    #e5aa7a 32%, 
    #e5aa7a 40%,     
    transparent 40.5%  
  );
  pointer-events: none;
  z-index: -12;

}


html::before {
  content: "";
  position: fixed;
  opacity: 0.95;
  width: 100%;           
  height: 32vh;
  bottom: 55%;
  background-image: url('/static/themes/hanged/lisa_clouds.svg');
image-rendering: pixelated;
  background-size: cover; 
  pointer-events: none;
  z-index: -11;
filter: blur(0.55px);
}

header div.subtitle, h1 {
    font-family: 'VCROSD', serif;
    text-align: center;
    font-size: 24pt;
    color: #e6a724;
}



.thread {
  background: 
    url('/static/themes/hanged/lisa_mountain.png') repeat-y;
   background-position: 1% 0%;
    border: 1px transparent;
}

form table tr th {
background: #100706;
   border: 1px solid #bb0a08;
   border-radius: 4px;
  border-image: url('/static/themes/hanged/lisa_window.png') 7 round; 
   background-color: #040404;
   border-radius: 4px;

}


div.post.reply {
   padding: 8px;
   border: 6px solid white;
  border-image: url('/static/themes/hanged/lisa_window.png') 7 round; 
   background-color: #040404;
   border-radius: 18px;
  background-image: url('/static/themes/hanged/lisa_henry1.png');
  background-repeat: no-repeat;
  background-position: 91% -260px; 
  background-size: auto;
  transition: background-position 0.35s ease-in-out; 
  text-shadow: none;
}

div.post.reply:hover{
   background-color: #040404;
   background-image: url('/static/themes/hanged/lisa_henry1.png');
background-repeat: no-repeat;
background-position: 91% 0%;
}


div.post.reply.highlighted {
   background-color: #040404;
   background-image: url('/static/themes/hanged/lisa_henry2.png');
background-repeat: no-repeat;
background-position: 94% 0%;
}


hr {
  border: none; 
  height: 53px; 
  background-image: url('/static/themes/hanged/lisa_bradjump.png');
background-position: 65% 25%;
  padding: 12x;
  background-repeat: no-repeat;
}

.intro span.name {
    color: rgb(229,229,229);
    font-weight: bold;}

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


div.post.reply div.body a {
  color:#70b4cf; 
  text-shadow: -1px 0px 0px #040404, 1px 0px 0px #040404, 0px 1px 0px #040404, 0px -1px 0px #040404;

;}

a, div.boardlist a, a.unimportant, a:visited {
  color:#70b4cf; 
 text-shadow: -1px 0px 0px #040404, 1px 0px 0px #040404, 0px 1px 0px #040404, 0px -1px 0px #040404;
;}

a:hover {
   color: #d21b11!important; 
   text-decoration: underline;}

span.quote {
    color: #e5d874;
}

 p.unimportant {
 visibility: hidden;
 }

div.pages {
    background:#040404;
    color: #e5e5e5;
       border: 6px solid white;
  border-image: url('/static/themes/hanged/lisa_window.png') 7 round; 
border-radius: 8px
}

div.pages a {
    color: #e5e5e5;
}



div.ban h2 {
   background-color: #040404;
   border: 4px solid grey;
   color: #e5e5e5;
    font-size: 14pt;
   border-radius: 8px;

}

div.ban {
   padding: 8px;
   border: 6px solid white;
  border-image: url('/static/themes/hanged/lisa_window.png') 7 round; 
   background-color: #040404;
   border-radius: 8px;
  text-shadow: none;
}



input[type="submit"], button {
    background: #040404;
    border: 1px solid grey;
    color: #e5e5e5;
    font-family: 'VCROSD', Courier, monospace;
    cursor: pointer;
    transition: background 0.3s ease;
}


input[type="submit"]:hover, button:hover { 
    border: 1px solid white;
    color: #e5d874;

}


input[type="text"], textarea, select {
    background-color: #040404;
    color: #e5e5e5;
    border: 2px solid grey;
    padding: 8px;
    border-radius: 5px;
}

input[type="text"]:focus, textarea:focus, select:focus {
    border-color: white;
}