@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');


:root{
  --pagebg: #EEF;
  --pagetxt: #112;
  --tabbg: transparent;
  --tabtxt: #112;
  --bordercolour: #AAB;
  --imagecolour: #DDE;
  --fontsans: Roboto, sans-serif;
  --fontserif: PT Serif, serif;
  line-height:1.5;
}

#nointernet-overlay {
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;

  background:#112;
  color:#fff;
  z-index:10;

  box-sizing:border-box;
  padding:10vh 30vw;

  display:none;
}

@media (max-width: 1016px) {
  .nointernet-icon {
    float:none !important;
  }
  .nointernet-title {
    margin-top:1rem !important; 
  }
}


.nointernet-icon {
  font-size:15rem;
  float:left;
  margin-right:2rem;
}
.nointernet-title {
  font-size:3rem;
  margin-top:7rem;
}
.nointernet-text {
  font-size:1rem;
}
#nointernet-button {
  font-size:1rem;
  margin-top:1rem;
  background:rgb(89, 89, 217);
  padding:1rem;
  float:left;
}

#nointernet-button:hover {
  cursor:pointer;
}

a {
  color:rgb(41, 41, 232);
}

a:hover  {
  color:rgb(145, 50, 217);
}

.revision-text {
  color:rgb(145, 50, 217);
  text-decoration:underline;
}

.revision-text:hover {
  color:rgb(226, 31, 51);
  cursor:pointer;
}

.TEMPSIZE{
  max-width:1000px;
  width:100%;
  margin:auto;
}

body{
  background-color: var(--pagebg);
  color: var(--pagetxt);
  font-family:var(--fontsans);
  font-size:1.1rem;
}

h1{
  font-family:var(--fontserif);
  font-style:italic;
  border-bottom:1px solid var(--bordercolour);
  font-weight:normal;
  font-size:2.4rem;
}

blockquote {
  font-style: italic;
  padding-left:10px;
  border-left:1px var(--bordercolour) solid;
}

blockquote sup {
  font-style: normal;
}

.tabgrid{
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  grid-template-areas:'ARTICLE DISCUSSION BLANK HISTORY';
  border-bottom:1px solid var(--bordercolour);
}

.redact {
  background: #eeadad;
  color:#592020;
}

.redact a {
  color:#592020;
}

.add {
  background: #9beeae;
  color:#0b4615;
}

.add a {
  color:#0b4615;
}

.notselected {
  opacity:0.6;
}

button{
background-color:var(--tabbg);
  color:var(--tabtxt);
  border:none;
  width:100%;
  height:100%;
  font-size:1.3rem;
}

button:hover {
  cursor:pointer;
}

.articletab{
  grid-area:ARTICLE;  
  padding-bottom:5px;
}

.discussiontab{
  grid-area:DISCUSSION; 
  padding-bottom:5px;
}

.historytab{
  grid-area:HISTORY;
  padding-bottom:5px;
}

.articletab:hover, .discussiontab:hover, .historytab:hover{
  color:var(--bordercolour);
}

.content{
}

.articlesectiontitle{
  font-size:1.8rem;
  font-style:italic;
  border-bottom:1px solid var(--bordercolour);
  font-family:var(--fontserif);
}

.articlesubtitle{
  font-size:1.2rem;
  font-weight:bold;
}

.articlefloat{
  background-color:var(--pagebg);
  padding:10px;
  float:right;
}

.articleimage{
  border:1px solid var(--bordercolour);
  background-color:var(--imagecolour);
  width:40vw;
  max-width:300px;
  padding:10px;
  font-size:0.8rem;
  font-style:italic;
}

img{
  max-width:100%;
}

footer{
  border:1px solid var(--bordercolour);
  background-color:var(--imagecolour);
  font-size:0.8rem;
  padding:5px;
  margin-top:10px;
}

.lockedthread {
  background:rgb(255, 235, 88);
  border:solid 1px rgb(153, 139, 32);
  font-style:italic;
  color:#000;
  padding:10px;
}

.discussioncomment{
  padding-left:15px;
  padding-bottom:5px;
  padding-top:5px;
  padding-right:10px;
  margin-top:5px;
  border:1px solid var(--bordercolour);
  background:rgb(228, 228, 255);
}

.discussioncommenttext{
  padding:5px 5px 10px 5px;
}

.discussioncommenttext:last-child {
  padding-bottom:5px;
}

.discussioncomment.alt {
  background:var(--pagebg);
}