#IDOLRING_WIDGET {margin:auto}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito-Regular.ttf');
}

.idolring { /* THE WIDGET'S PARENT CONTAINER */
    box-sizing: border-box;
    font-size:13px;
    margin:auto;
    width: 288px;
    font-family: Times New Roman;
    height: fit-content;
    background-repeat: repeat;
    padding-top: 6px;
    padding-right: 8px;
    padding-left: 4px;
    padding-bottom: 6px;
    border-width: 10px;
    border-style: solid;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 2px;
    hyphens:auto;
    text-shadow:none
}

.idolring #oshi, .idolring_small #oshi { 
    width: 88px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 88;
    margin-top: 9px;
    border-bottom-left-radius: 52px;
    border-bottom-right-radius: 52px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.idol_textbox { /* THE TEXTBOX WHERE THE DESCRIPTION GOES */
    background: white;
    overflow-wrap: break-word;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    text-align: center;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    border-width: 10px;
    border-style: solid;
    box-shadow: inset 0 0 8px rgba(45, 176, 255, 0.3);
    text-shadow:none;
}


img#fan_image {
    max-width: none;
}

.idolring a, .idolring b, idolring a:visited {
    color: inherit;
    text-decoration: inherit;
}

.idolring a:hover, .idolring_small a:hover {font-style:italic}


.idolring_small a, .idolring_small a:visited {
    color: inherit;
    text-decoration: inherit;
}

.idolring_left {
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}

.idolring .fan, .idolring_small .fan {
    width: 140px;
    height: 140px;
    z-index: 99;
    display: block;
}

.idolring .buttonholder {
    text-align: center;
    width: 30px;
    height: 48px;
    margin-top: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1009;
}

.idolring #buttonholder_next {
    margin-left: 80px;
}

.idolring #buttonholder_prev {
    margin-left: -80px;
}

.oshifan {
    display: flex;
    justify-content: center;
    align-content: center;
}

.idolring_title { /* THE 'IDOLRING' TITLE ABOVE THE TEXTBOX */
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
    margin-bottom: -5px;
    margin-left: -10px;
}

.idolring_title a {font-size: 1.9em;}





.idolring_small .small_prev,
.idolring_small .small_next {
    position: absolute;
    margin-top: 110px;
    z-index: 100;
    text-align: center;
}

.idolring_small .small_next {
    right: 0;
    margin-right: 15px;
}

.idolring_small .small_prev {
    margin-left: 12px;
}

.idolring_small {
    position: relative;
    font-family: Times New Roman;
    margin:auto
}

.idolring_small a {font-size: 15px;}

.idolring_small #small_title a { /* THE SMALL WIDGET'S IDOLRING' TITLE ABOVE THE FAN */
    font-size: 20px;
}

.idolring .prevnext {
    text-align: center;
    margin: auto;
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
    font-size:15px
}

.idolring_title img {
    height: 100%;
}

.idolring_small .idol_next, .idolring_small  .idol_prev  {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

.buttonholder .idol_next, .buttonholder .idol_prev {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

/* WEDDING */

#idolring_wedding {
    color: #f980b2;
    background: url(https://idolring.nekoweb.org/assets/background_wedding.jpg);
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(55, 163, 220, 0.69));
}

#idolring_wedding a:hover {
    color: #ffbcd7;
}

.idolring_small#wedding {
    color: #f171a6;
}

.idolring_small#wedding a:hover {
    color: #ffbcd7;
}

#idol_textbox_wedding {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_wedding, .idolring_small #prev_wedding {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_wedding.png);
}

.idolring #next_wedding, .idolring_small #next_wedding {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_wedding.png);
}


/* BLUE */

#idolring_blue {
    color: #4a9ad6;
    background: url(https://idolring.nekoweb.org/assets/gingham_blue.png);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_blue a:hover {
    color: #98cef6;
}

.idolring_small#blue {
    color: #4a9ad6;
}

.idolring_small#blue a:hover {
    color: #98cef6;
}

#idol_textbox_blue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_blue, .idolring_small #prev_blue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow.png);
}

.idolring #next_blue, .idolring_small #next_blue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow.png);
}

/* YUMEKAWA */

#idolring_yumekawa {
    color: #509fdb;
    background: url(https://idolring.nekoweb.org/assets/background_yumekawa.gif);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_yumekawa .idolring_title {color: #5eafec;}

#idolring_yumekawa a:hover {
    color: #98cef6;
}

.idolring_small#yumekawa {
    color: #4a9ad6;
}

.idolring_small#yumekawa a:hover {
    color: #98cef6;
}

#idol_textbox_yumekawa {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idol_textbox_yumekawa b {
    color: #ff8dc3;
}

.idolring #prev_yumekawa, .idolring_small #prev_yumekawa {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yui.png);
}

.idolring #next_yumekawa, .idolring_small #next_yumekawa {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yui.png);
}

#idolring_yumekawa .prevnext {color: #4293cf;}

#idolring_yumekawa .prevnext:hover {font-weight:bold;
color: #98cef6;}


/* RAINBOW */

#idolring_rainbow {
    color: #509fdb;
    background: url(https://idolring.nekoweb.org/assets/background_rainbow2.png);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_rainbow.png") 8 round; 
    background-clip:padding-box;
    font-family: Nunito;
}

#idolring_rainbow .idolring_title {color: #ff5fc2;  font-size: 1em;}

#idolring_rainbow a:hover {
    color: #98cef6;
}

.idolring_small#rainbow {
    color: #4a9ad6;
    font-family: Nunito;
}

.idolring_small#rainbow a:hover {
  color: #68b2e9;
}

#idol_textbox_rainbow {
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_rainbow2.png") 8 round; 
    background-clip:padding-box;
}

#idol_textbox_rainbow b {
    color: #fc76b6;
}

#idol_textbox_rainbow u {
    color: #3cc43c
    
}

.idolring #prev_rainbow, .idolring_small #prev_rainbow {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_rainbow.png);

}

.idolring #next_rainbow, .idolring_small #next_rainbow {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_rainbow.png);
}

.idolring_small#rainbow .small_prev, .idolring_small#rainbow .small_next {    color: #f364a8;}

#idolring_rainbow .prevnext {font-weight:bold;
 color: #3985de; text-shadow: 
    0 0 3px #fff, 
    0 0 3px #fff, 
    0 0 3px #fff, 
    0 0 3px #fff;}

#idolring_rainbow .prevnext:hover {
   color: #98cef6;}


/* BABYMETAL */

#idolring_babymetal {
    color: #352d30;
    background: url(assets/gingham_babybmetal.png);
    filter: drop-shadow(2px 2px 3px rgba(125, 93, 104, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_babymetal.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_babymetal .prevnext {text-shadow:none; -webkit-text-stroke: 1px #2c2c2c;}

#idolring_babymetal span.prevnext:hover {color:white}

#idolring_babymetal .idolring_title {
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    -webkit-text-stroke: 1px #2c2c2c;
    margin-bottom: -5px;
    margin-left: -10px;
    text-shadow:none
}

#idolring_babymetal a:hover {
    color: #8a8585;
}

.idolring_small#babymetal {
    color: #352d30;
    -webkit-text-stroke: 1px #2c2c2c;
    text-shadow:none
}

.idolring_small#babymetal a:hover {
     color: #8a8585;
}

#idol_textbox_babymetal {
    border-image: url("https://idolring.nekoweb.org/assets/lace_babymetal.png") 8 fill round;
    background-clip: padding-box;
}

#idol_textbox_babymetal b {
    color: #cc1937;
}

.idolring #prev_babymetal, .idolring_small #prev_babymetal {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_babymetal.png);
}

.idolring #next_babymetal, .idolring_small #next_babymetal {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_babymetal.png);
}

/* STRAWBERRY COOKIE */

#idolring_strawberrycookie {
    color: #b2774b;
    filter: drop-shadow(2px 2px 3px rgba(194, 103, 38, 0.69));
  border-width: 16px; border-style: solid; border-image: url(https://idolring.nekoweb.org/assets/border_strawberrycookie.png) 13 fill round; background-clip: padding-box;
    font-family: Nunito;
    padding-bottom:3px;
    padding-top:4px;
}

#idolring_strawberrycookie .idolring_title {color: #b27a51;  font-size: 0.9em; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_strawberrycookie a:hover {
    color: #f6c098;
}

.idolring_small#strawberrycookie {
color: #b2774b;
    font-family: Nunito;
}

.idolring_small#strawberrycookie a:hover {
    color: #f6c098;
}

#idol_textbox_strawberrycookie {
    font-weight:bold;
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 round; 
    background: #fff9f4;
     background-clip: padding-box;
     box-shadow: inset 0 0 8px rgba(255, 130, 82, 0.25);
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
}

#idol_textbox_strawberrycookie b {
    color: #fc76b6;
}

.idolring #prev_strawberrycookie, .idolring_small #prev_strawberrycookie {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_brown.png);

}

.idolring #next_strawberrycookie, .idolring_small #next_strawberrycookie {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_brown.png);
}

#idolring_strawberrycookie .prevnext {font-weight:bold;
color: #b27a51; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_strawberrycookie .prevnext:hover {
    color: #f6c098;}

/* CHOCO COOKIE */

#idolring_chococookie {
    color: #896449;
    filter: drop-shadow(2px 2px 3px rgba(194, 103, 38, 0.69));
  border-width: 16px; border-style: solid; border-image: url("assets/border_chococookie.png") 13 fill round; background-clip: padding-box;
    font-family: Nunito;
    padding-bottom:3px;
    padding-top:4px;
}

#idolring_chococookie .idolring_title {color: #896449; font-size: 0.9em; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_chococookie a:hover {
color: #d3975b;
}

.idolring_small#chococookie {
color: #896449;
    font-family: Nunito;
}

.idolring_small#chococookie a:hover {
    color: #f6c098;
}

#idol_textbox_chococookie {
    font-weight:bold;
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_chococookie.png") 8 round; 
    background: #fff9f4;
     background-clip: padding-box;
     box-shadow: inset 0 0 8px rgba(212, 108, 68, 0.31);
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
}

#idol_textbox_chococookie b {
    color: #e09447;
}

.idolring #prev_chococookie, .idolring_small #prev_chococookie {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_chococookie.png);

}

.idolring #next_chococookie, .idolring_small #next_chococookie {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_chococookie.png);
}

#idolring_chococookie .prevnext {font-weight:bold;
color: #b2774b;
text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_chococookie .prevnext:hover {
    color: #d3975b;}

/* DEEP BLUE */

#idolring_deepblue {
    color: #3987c1;
    background: url(https://idolring.nekoweb.org/assets/gingham_deepblue.png);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_deepblue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_deepblue a:hover {
    color: #98cef6;
}

.idolring_small#deepblue {
    color: #176aa9;
}

.idolring_small#deepblue a:hover {
    color: #98cef6;
}

#idol_textbox_deepblue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_deepblue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_deepblue, .idolring_small #prev_deepblue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_deepblue.png);
}

.idolring #next_deepblue, .idolring_small #next_deepblue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_deepblue.png);
}

/* GNJB */

#idolring_gnjb {
    color: #2e3391;
    background: url(https://idolring.nekoweb.org/assets/gingham_gnjb.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background-clip: padding-box;
    box-shadow: inset 0 0 8px rgba(28, 88, 197, 0.55);
}

#idolring_gnjb a:hover {
    color: #898ee6;
}

.idolring_small#gnjb {
    color: #2e3391;
}

.idolring_small#gnjb a:hover {
   color: #898ee6;
}

#idol_textbox_gnjb {
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background: url(https://64.media.tumblr.com/f017b8bf6ea4076f465db212e031137e/tumblr_inline_n1t6acDiqs1qfc9y0.gif);
    background-clip: padding-box;
    color:white
}

#gnjb_title { 
     font-style: italic;
    color:white;
    text-align: left;
    font-size: 26px;
    text-shadow:
        -1px -1px 0 black,
        /* Top-left shadow */ 1px -1px 0 black,
        /* Top-right shadow */ -1px 1px 0 black,
        /* Bottom-left shadow */ 1px 1px 0 black; /* Bottom-right shadow */
   margin-bottom: -5px;
    margin-left: -10px;
    display: flex;
    flex-wrap: nowrap;}

.idolring .prevnext_gnjb {
    text-align: center;
    font-size: 14px;
    margin: auto
}

.idolring #prev_gnjb, .idolring_small #prev_gnjb {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_gnjb.png);
}

.idolring #next_gnjb, .idolring_small #next_gnjb {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_gnjb.png);
}

/* DARK BLUE */

#idolring_darkblue {
    color: #2e3391;
    background: url(https://idolring.nekoweb.org/assets/gingham_darkblue.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkblue.png") 8 fill round;
    background-clip: padding-box;
    box-shadow: inset 0 0 8px rgba(28, 88, 197, 0.55);
     filter: drop-shadow(2px 2px 3px rgba(24, 39, 152, 0.69));
}

#idolring_darkblue a:hover {
    color: #898ee6;
}

.idolring_small#darkblue {
    color: #2e3391;
}

.idolring_small#darkblue a:hover {
   color: #898ee6;
}

#idol_textbox_darkblue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_darkblue, .idolring_small #prev_darkblue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_darkblue.png);
}

.idolring #next_darkblue, .idolring_small #next_darkblue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_darkblue.png);
}

/* PURPLE */

#idolring_purple {
    color: #ac6eb8;
    background: url(https://idolring.nekoweb.org/assets/gingham_purple.png);
    filter: drop-shadow(2px 2px 3px rgba(163, 54, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_purple.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_purple a:hover {
    color: #dba3e6;
}

.idolring_small#purple {
    color: #ac6eb8;
}

.idolring_small#purple a:hover {
    color: #dba3e6;
}

#idol_textbox_purple {
    border-image: url("https://idolring.nekoweb.org/assets/lace_purple.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_purple, .idolring_small #prev_purple {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_purple.png);
}

.idolring #next_purple, .idolring_small #next_purple {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_purple.png);
}

/* WHITE */

#idolring_white {
    color: #81a7c3;
    background: url(https://idolring.nekoweb.org/assets/gingham_white.png);
    filter: drop-shadow(2px 2px 3px rgba(150, 176, 188, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_white.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_white a:hover {
    color: #bfd4e3;
}

.idolring_small#white {
    color: #81a7c3;
}

.idolring_small#white a:hover {
    color: #bfd4e3;
}

#idol_textbox_white {
    border-image: url("https://idolring.nekoweb.org/assets/lace_white.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_white, .idolring_small #prev_white {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_white.png);
}

.idolring #next_white, .idolring_small #next_white {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_white.png);
}

/* BLACK */

#idolring_black {
    color: #55595c;
    background: url(https://idolring.nekoweb.org/assets/gingham_black.png);
    filter: drop-shadow(2px 2px 3px rgba(130, 135, 137, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_black.png") 8 fill round;
    background-clip: padding-box;
    text-shadow:none
}

#idolring_black a:hover {
    color: #9da1a5;
}

.idolring_small#black {
    color: #55595c;
}

.idolring_small#black a:hover {
    color: #8a8e91;
}

#idol_textbox_black {
    border-image: url("https://idolring.nekoweb.org/assets/lace_black.png") 8 fill round;
    background-clip: padding-box;
}

.idolring .prevnext_black {
    text-align: center;
    margin: auto;
    -webkit-text-stroke: 1px #2c2c2c;

}

.idolring_title_black {
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    -webkit-text-stroke: 1px #2c2c2c;
    margin-bottom: -5px;
    margin-left: -10px;
}

.idolring_title_black a {font-size: 1.9em;}

.idolring #prev_black, .idolring_small #prev_black {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_black.png);
}

.idolring #next_black, .idolring_small #next_black {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_black.png);
}

/* PINK */

#idolring_pink {
    color: #f980b2;
    background: url(https://idolring.nekoweb.org/assets/gingham_pink.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_pink.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 147, 0.69));
}

#idolring_pink a:hover {
    color: #ffbcd7;
}

.idolring_small#pink {
    color: #f171a6;
}

.idolring_small#pink a:hover {
    color: #ffbcd7;
}

#idol_textbox_pink {
    border-image: url("https://idolring.nekoweb.org/assets/lace_pink.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_pink, .idolring_small #prev_pink {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_pink.png);
}

.idolring #next_pink, .idolring_small #next_pink {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_pink.png);
}

/* HOT PINK */

.idolring_small#hotpink {
    color: #de2773;
}

.idolring_small#hotpink a:hover {
    color: #ffbcd7;
}

#idolring_hotpink {
    color: #d7256f;
    background: url(https://idolring.nekoweb.org/assets/gingham_hotpink.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_hotpink.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 147, 0.69));
}

#idolring_hotpink a:hover {
    color: #ffa5c9;
}

.idolring #prev_hotpink, .idolring_small #prev_hotpink {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_hotpink.png);
}

#idol_textbox_hotpink {
    border-image: url("https://idolring.nekoweb.org/assets/lace_hotpink.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #next_hotpink, .idolring_small #next_hotpink {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_hotpink.png);
}

/* GREEN */

#idolring_green {
    color: #77b25b;
    background: url(https://idolring.nekoweb.org/assets/gingham_green.png);
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_green.png") 8 fill round;
    filter: drop-shadow(2px 2px 3px rgba(139, 233, 68, 0.69));
}

#idolring_green a:hover {
    color: #b4e0a0;
}

.idolring_small#green {
    color: #77b25b;
}

.idolring_small#green a:hover {
    color: #b4e0a0;
}

#idol_textbox_green {
    border-image: url("https://idolring.nekoweb.org/assets/lace_green.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_green, .idolring_small #prev_green {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_green.png);
}

.idolring #next_green, .idolring_small #next_green {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_green.png);
}

/* YELLOW */

#idolring_yellow {
    color: #c2992d;
    background: url(https://idolring.nekoweb.org/assets/gingham_yellow.png);
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    filter: drop-shadow(2px 2px 3px rgba(215, 180, 36, 0.69));
}

#idolring_yellow a:hover {
    color: #e9ce89;
}

.idolring_small#yellow {
    color: #c2992d;
}

.idolring_small#yellow a:hover {
    color: #e9ce89;
}

#idol_textbox_yellow {
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_yellow, .idolring_small #prev_yellow {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yellow.png);
}

.idolring #next_yellow, .idolring_small #next_yellow {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yellow.png);
}

/* RED */

#idolring_red {
    color: #f06b7d;
    background: url(https://idolring.nekoweb.org/assets/gingham_red.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_red.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 89, 0.69));
}

#idolring_red a:hover {
    color: #ffafba;
}

.idolring_small#red {
    color: #f06b7d;
}

.idolring_small#red a:hover {
    color: #ffafba;
}

#idol_textbox_red {
    border-image: url("https://idolring.nekoweb.org/assets/lace_red.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_red, .idolring_small #prev_red {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_red.png);
}

.idolring #next_red, .idolring_small #next_red {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_red.png);
}

/* ORANGE */

#idolring_orange {
    color: #f0996b;
    background: url(https://idolring.nekoweb.org/assets/gingham_orange.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 137, 68, 0.69));
}

#idolring_orange a:hover {
    color: #fdc9ae;
}

.idolring_small#orange {
    color: #f0996b;
}

.idolring_small#orange a:hover {
    color: #fdc9ae;
}

#idol_textbox_orange {
    border-image: url("https://idolring.nekoweb.org/assets/lace_orange.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_orange, .idolring_small #prev_orange {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yellow.png);
}

.idolring #next_orange, .idolring_small #next_orange {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yellow.png);
}

/* BROWN */

#idolring_brown {
    color: #bf8769;
    background: url(https://idolring.nekoweb.org/assets/gingham_brown.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(197, 138, 96, 0.69));
}

#idolring_brown a:hover {
    color: #dcbaa8;
}

.idolring_small#brown {
    color: #bf8769;
}

.idolring_small#brown a:hover {
    color: #dcbaa8;
}

#idol_textbox_brown {
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_brown, .idolring_small #prev_brown {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_brown.png);
}

.idolring #next_brown, .idolring_small #next_brown {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_brown.png);
}

/* DARK BROWN */

#idolring_darkbrown {
    color: #9c694e;
    background: url(https://idolring.nekoweb.org/assets/gingham_darkbrown.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkbrown.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(197, 138, 96, 0.69));
}

#idolring_darkbrown .idolring_title {text-shadow:none;    -webkit-text-stroke: 1px #5d3232;}

#idolring_darkbrown a:hover {
    color: #9f7a66; font-style:italic
}

.idolring_small#darkbrown {
    color: #9c694e;
}

.idolring_small#darkbrown a:hover {
   color: #9f7a66; font-style:italic
}

#idol_textbox_darkbrown {
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkbrown.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_darkbrown .prevnext {font-weight:bold; text-shadow:none;    -webkit-text-stroke: 1px #5d3232;  }

.idolring #prev_darkbrown, .idolring_small #prev_darkbrown {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_darkbrown.png);
}

.idolring #next_darkbrown, .idolring_small #next_darkbrown {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_darkbrown.png);
}


/* MINT */

#idolring_mint {
    color: #33baab;
    background: url(https://idolring.nekoweb.org/assets/gingham_mint.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_mint.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(68, 233, 213, 0.69));
}

#idolring_mint a:hover {
    color: #6fdccf;
}

.idolring_small#mint {
    color: #3ecebe;
}

.idolring_small#mint a:hover {
    color: #6fdccf;
}

#idol_textbox_mint {
    border-image: url("https://idolring.nekoweb.org/assets/lace_mint.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_mint, .idolring_small #prev_mint {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_mint.png);
}

.idolring #next_mint, .idolring_small #next_mint {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_mint.png);
}


@media (orientation: portrait) and (min-width: 768px) {
.idol_textbox {width:90%}

.idolring_title {margin-left:-10px}
    
    #idolring_right {display:column; justify-content:left; margin-left:-6px}
}