/* White theme 2
   [2022 Wikidot Theme]
   Created for the Union ICIO wiki by YesSir13 */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');
@import url(https://union-icio-wiki.wdfiles.com/local--code/component%3Anice-page-options/1);


 h1, #page-title {
     color: #000000;
     padding: 0 0 0.25em;
     margin: 0 0 0.6em;
 
}
 #page-title {
     font-size: 250%;
     padding: 1;
     margin: 1;
}


body {
    /*background: #FFFFFF url("http://www.rpc-wiki.net/local--files/component:icons/background-tile.png") repeat !important;*/
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF)!important;
    color: #000000!important;
    font-family: 'Raleway', sans-serif;
     font-weight: bold;
  }

 h1 {
     margin-top: 0.7em;
     padding: 0;
     font-weight: bold;
     font-family: 'Kanit', sans-serif;
     font-size: 199%;
 
}
 h2 {
     font-size:175%;
}
 h2, h3, h4, h5, h6, h7 {
     margin: 0.5em 0 0.4em;
     padding: 0;
     letter-spacing: 0;
     font-family: 'Kanit', sans-serif;
     font-weight: bold;
}
 #page-title {
     border-color: #000000;

}

blockquote
  {
    border: 2px #ede8e8;
    color: black;
    background-color: #f5f5f5;
    padding: 10px;
    border-left: 4px solid #292727;
  }

a {
    color: #490966;
    text-decoration: none;
    background: transparent;
    transition: color 0.5s ease;
}
a.newpage {
    color: #640d8c;
    text-decoration: none;
    background: transparent;
 
}
a:hover {
    text-decoration: hover;
    background-color: transparent;
    color: #2c0140;
}

.side-bar {
border: 0px solid transparent; 
background: white;
font-size: 110%;

  }


/* Account Options */
#login-status {
    font-size: 90%;
    z-index: 30;
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    padding: 4px;
    background-color: transparent;
}

.yui-navset .yui-content{
    background-color: #f5f5f5;
}

.lang-bar {
border: 1px solid #666; border-radius: 5px; background: transparent; margin-top: 10px; padding-bottom:10px; padding: 10px; color: white; width: 98%; margin: 0 auto 2em;

}

@media ( min-width: 479px) {
.lang-bar {
width: auto;
margin: 0 0.5em 2em;

}


.lang-block {
background-color: transparent; border: solid 1px white; border-radius: 20px; width: 300px; margin: 20px auto 0; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); padding: 0 10px;
width: 50%; color: white;
margin: 0 auto 2em;

}

@media ( min-width: 479px) {
.lang-block {
width: auto;
margin: 0 0.5em 2em;

}

/* Toogle Side Bar*/
 
.open-menu a {
    border: 3px solid black!important;
    background: white!important;
    color: black!important;
}
 
.open-menu a:hover {
    color: #171616!important;
    border: 3px solid #171616!important;
}

/* Standard Image Block */
.scp-image-block {
    border: solid 1px #006c00;
}
 
.scp-image-block .scp-image-caption {
    background-color: #f0f8ff;
    border-top: solid 1px #006c00;
}


/* Mobile Compatibility */
@media (max-width: 878px) {

.side-bar {
border: 2px solid black; background:white;
  }

.open-menu a {
    border: 3px solid black!important;
    background: white!important;
    color: black!important;
}
 
.open-menu a:hover {
    color: #171616!important;
    border: 3px solid #171616!important;
}