/*CANDY THEME*/

/*BG*/
body {
    background: url('/static/themes/CANDY/choccy.png') no-repeat center top,
    url('/static/themes/CANDY/choccyshade.png') no-repeat center top,
    url('/static/themes/CANDY/sweets.png') repeat 10%, 
    #f1919d;
    color: #f5e0f0;
    font-family: 'Comic Sans MS', 'Curlz MT', cursive;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    z-index: 0;  
}


body:before {
  content: '';
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1280px;
  background-image: url('/static/themes/CANDY/sweetscape.png');
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
  z-index: -2; /* Ensure it's behind all body content */
}



body:after{
  content: '';
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px; /* Adjust to the height of your top image */
  background-image: url('/static/themes/CANDY/footer.png');
  background-repeat: repeat-x; /* Repeats horizontally along the x-axis */
  background-position: bottom center;
  background-attachment: fixed;
  z-index: -1;
}


/*TEXT COLORS*/
a, a:visited {
    color: #241a18;
    text-shadow: 
      -1px -1px 0 #fffbcb,  
      1px -1px 0 #fffbcb,
      -1px 1px 0 #fffbcb,
      1px 1px 0 #fffbcb;
}

div.post.reply div.body a {
    color: #241a18;
}


a:hover {
    text-decoration: underline wavy #ff69b4;
}

.boardlist {
    text-align: center;
    margin-bottom: 10px;
}

.boardlist a {
    color: #db7093;
    margin: 0 5px;
}

.boardlist a:hover {
    color: #ff1493;
}
	



/* THREAD STUFF*/

.thread, .reply {
    background-color: rgba(255, 251, 203, 0.3);
    border: 3px dotted #ffb6c1;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.5);
}

div.post.reply {
    color: #6d3e36;
    margin-bottom: 5px;
    font-family: 'Curlz MT', cursive; 
    border: 14px solid transparent;
  padding: 2px;
background:     url('/static/themes/CANDY/char1small.png') no-repeat bottom right / 50px 42px,
#ff8ab9;
    font-family: 'Comic Sans MS', cursive;
}



div.post.reply:hover {
    color: #c000c0;
    margin-bottom: 5px;
    font-family: 'Curlz MT', cursive; 
    border: 14px solid transparent;
  border-image: url('/static/themes/CANDY/border.png')  6 round; 
background:     url('/static/themes/CANDY/char2small.png') no-repeat bottom right/ 60px 59px,
#ff8ab9;
padding: 2;
}

div.post.reply.highlighted {
    position: relative;
    color: #fffacd;
    border: 14px solid transparent;
    padding: 2px;
background:  url('/static/themes/CANDY/char3small.png') no-repeat -25px -25px,
url('/static/themes/CANDY/block.png') center/ 360px 180px;
#ff8ab9;
    text-shadow: 
      -1px -1px 0 #8b0000,  
      1px -1px 0 #8b0000,
      -1px 1px 0 #8b0000,
      1px 1px 0 #8b0000;
    border-radius: 8px;
}


span.name {
    text-shadow: 
      -1px -1px 0 #b59349,  
      1px -1px 0 #b59349,
      -1px 1px 0 #b59349,
      1px 1px 0 #b59349;
	  }

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

span.quote {
    color: #000000;
text-shadow: 
      -1px -1px 0 #13acc6,
      1px -1px 0 #13acc6,
      -1px 1px 0 #13acc6,
      1px 1px 0 #13acc6;

}

/* Forms and Inputs */
input, textarea, select, button {
    background-color: #fff0f5;
    color: #db7093;
    border: 2px solid #ff69b4;
    padding: 5px;
    border-radius: 10px;
    font-family: 'Comic Sans MS', cursive;
}

input:focus, textarea:focus, select:focus {
    border-color: #ff1493;
    outline: none;
    box-shadow: 0 0 5px #ff69b4;
}



/* Miscellaneous */
hr {
    border: none;
    border-top: 3px dashed #ffb6c1;
    margin: 20px 0;
}

img {
    border: 5px solid #ff69b4;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255, 105, 180, 0.7);
}

.catalog {
    background-color: rgba(255, 240, 245, 0.9);
    padding: 20px;
}

.catalog-item {
    background-color: rgba(255, 228, 225, 0.9);
    border: 3px dotted #ffb6c1;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.5);
}

.catalog-item:hover {
    background-color: rgba(255, 182, 193, 0.9);
}


div.ban {
    color: #c000c0;
    margin-bottom: 5px;
    font-family: 'Curlz MT', cursive; 
color: #6d3e36;
    margin-bottom: 5px;
    border: 14px solid transparent;
background:     url('/static/themes/CANDY/char1small.png') no-repeat bottom right,
#ff8ab9;
  border-image: url('/static/themes/CANDY/border.png')  6 round; 
  padding: 2px;
max-width: 940px;
border-radius: 15px;
}

div.ban p {
font-size:14pt;
}





/* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #ffe4e1;
}

::-webkit-scrollbar-thumb {
    background: #ff69b4;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ff1493;
}