MediaWiki:Common.css

@import url("https://fonts.googleapis.com/css?family=Heebo:500&display=swap");

/*hide main page title*/
body.page-Main_Page.action-view h1#firstHeading, body.page-Main_Page.action-submit h1#firstHeading, body.page-Main_Page h1.firstheading, body.page-Main_Page h3#tagline, body.page-Main_Page div#contentSub { display: none; }

body.page-Main_Page #page-content{
margin:0;}

/* CSS placed here will be applied to all skins */
/* fonts */

body {
font-family: "helvetica", sans-serif;}

.top-bar-section ul li > a{
font-size:0.9em;
font-family:  Helvetica, sans-serif;
font-weight:700;}

div#content h1, div#content h2, h3, h4, h5, h6 {
font-family:Helvetica, sans-serif; font-weight:700;}

.namespace.label:hover , a.label:hover{
opacity:0.8;}

h1, h2, h3{
letter-spacing:-0.4px;}

div.title-name {
font-family:helvetica,sans-serif;
font-weight:bold;}

/* info box */
.infobox, .infob {
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 350px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}
/*Table of Contents box*/

div.toctitle {
padding:15px 15px 15px 15px;
}
div.toctitle h2, .mw-parser-output div.toctitle h2, .toctitle h2 {
padding-bottom:-15px;
font-weight:normal;
color:#888 !important;
display: inline;
font-size: 1.75em;
}
div.toc>ul>li {
padding-right:10px;
}
div.toc>ul>li:last-of-type{
margin-bottom:15px;
}
div.toc>ul>li:first-of-type{
margin-top:-10px;
}
#toc, .toc{
padding:5px;}


		/*Headers*/

h1#firstHeading.title{    
font-size: 3em !important;
    font-weight: 500;}

h2{
margin-bottom:10px;
font-weight:bold;
color:#333}

h3{
color: #333;
    margin-bottom: 14px;
    font-size: 1.7em;
    font-weight: 500;
border-left: #eee solid 28px; 
padding:3px; 
padding-left:6px;}

h4{
font-weight: bold;
font-size: 1.3em;
color: #555;}

.mw-content-ltr h4,.mw-content-ltr h2{
margin-bottom:13px;
}


		/*Infobox*/

table.wikitable.infob {
font-size:0.9em; !important}

table.infob a, table.infob a:active, table.infob a:visited, table.infob a:hover{
font-size:inherit;
}

table.wikitable.infob ul, table.wikitable ul li, table.wikitable td ul li{
font-size:0.9em;
}

/*table.wikitable td{
font-size:0.9em !important;}*/

table.wikitable ul{
margin-left:15px;
margin-top:0px;
}

table.wikitable ul{
list-style-type:square;
padding-left:0px;
}

table.pkill tr>td>p,table.pkill tr>th>p{
display:none;
}
table.wikitable th{font-weight:bold;}

		/*trivia formatting*/
		
div.trivia{
margin:0;padding:0;display:inherit;
}

/*
div.trivia ul{
padding-left:9px;
margin:15px 0 0 0;}*/

div.trivia li{
margin-bottom:13px;
line-height:1.3;
}



		/*Miscellaneous Styling*/
		
sup{
font-style:italic;
padding:1px;}

sup a{
font-style:normal;
padding:0;}

h1 sup, h2 sup, h3 sup, h4 sup{
font-size:50%;}

.mw-editsection,.toctogglespan,.mw-editsection-bracket{
font-family:arimo,arial,sans-serif;color:#555;}

.toctogglelabel, .mw-editsection a{
font-size:80%;
color:#008CBA;
font-weight:bold;
padding:1px;}


/*end of article stuff*/

div.mw-references-wrap{
margin:20px auto 20px auto;}

#catlinks, div#mw-data-after-content {
    padding: 0.3em 2em 0.3em 2em;
border:none;
    border-bottom: #f8f9fa solid 8px;
    border-top: #f8f9fa solid 8px;
    margin: 5px 0 0px 0;
    display: table-cell;
}

#catlinks.catlinks-allhidden{
display:none;}

div.group {
    display: contents;
}
    
/*Actions button*/
    span.show-for-medium-up {
    font-family: 'heebo';
}

a#actions-button {
    float: right;
    z-index: 499;
    font-family: heebo;
    color: #666;
    border-radius: 10px;
}

/* NAV BAR */

.top-bar .button.search {
background-color:#c6eb8a;
color:#333;
font-weight:bold;
line-height:14px;
margin-left:5px;
margin-top:9px;}

a.parent-link.js-generated {
text-align:center;
font-weight:bold;
display:block; color:#c6eb8a;}

@media only screen and (max-width: 641px){
#catlinks, div#mw-data-after-content {
display:block;}
li.title.back.js-generated h5{background-color:#555;font-size:12px;}
}

@media only screen and (max-width: 480px){
input#searchInput{width:100%;display:block;margin:2px;height:35px;} 
.top-bar .button.search{
display:block;width:100%;margin:2px 2px 2px 2px;}
}