User:Colinstewart/common.css

/* ------------------- Homepage ------------------- */

.page-Main_Page #content {
    display: none;
}

.page-Main_Page footer {
    display: none;
}

/* ------------------- Header ------------------- */

@media screen and (min-width: 1000px) {
.header {
    max-width: 1034px;
}
}

.header {
    height: 8em;
}

.mw-ui-icon.mw-ui-icon-element {
    margin-top: 3px;
}

.header .branding-box h1 img {
    padding-bottom: 3px;
}

.header-container.header-chrome {
    background-color: #fff;
    box-shadow: none;
}

branding-box __web-inspector-hide-shortcut__ {
    display: none;
}

.mw-ui-icon.mw-ui-icon-element {
    margin-top: 3px;
    display: none;
}

.header .branding-box {
   display: none;
}

form.header > div:first-child {
    display: none;
}

.overlay.search-overlay .overlay-title {
    padding-left: 0;
}

.overlay.search-overlay .spinner-container, .overlay.search-overlay .search-content, .overlay.search-overlay .results {
    width: 60%;
    margin-left: -14px;
}

.page-list.thumbs li, .topic-title-list.thumbs li, .site-link-list.thumbs li, .page-list.side-list li, .topic-title-list.side-list li, .site-link-list.side-list li {
    padding-left: 22px;
}

.header-container.header-chrome {
    background-color: transparent;
}

#mw-mf-page-center {
    background-color: #fff
}

/* ------------------- Search ------------------- */

.search-box .search {
    color: #54595d !important;
    font-family: Graphik;
    font-weight: 400;
    padding: 0.5em 0 0.5em 38px;
}

.header .search-box {
    padding-left: 20px
}

.list-thumb.list-thumb-x {
    display: none;
}

.list-thumb.list-thumb-y {
    display: none;
}

.overlay.search-overlay .header input {
    font-family: Graphik;
}

.overlay.search-overlay .results {
    box-shadow: none;
}

.overlay.search-overlay .search-content.overlay-header {
    visibility: hidden;
}

.overlay.search-overlay .clear {
    top: 3.4em;
}

.page-list li, .topic-title-list li, .site-link-list li {
    padding-top: 1.2em;
    padding-bottom: 1.1em;
}

.overlay.search-overlay li.page-summary h3 strong {
    font-weight: 400;
}

.overlay.search-overlay li.page-summary h3 {
    font-family: Graphik;
    color: #222;
    font-weight: 300;
}

.overlay.search-overlay li.page-summary .wikidata-description {
    font-size: 13px;
    margin-top: 5px;
    color: rgba(0,0,0,0.6);
    font-family: Graphik;
    font-weight: 400;
}

/* ------------------- Article Heading ------------------- */

.heading-holder {
    padding: 60px 0 0 0;
}

#page-actions {
    display: none;
}

.hatnote {
    background-color: #fff;
    font-style: normal;
}

div.hatnote {
    font-family: Graphik;
    font-weight: 400;
    letter-spacing: 0.2px;
    padding: 0;
}

div.hatnote.navigation-not-searchable:first-of-type {
    margin-bottom: 70px;
}

div.hatnote a {
    color: #54595F;
    border-bottom: solid 1px;
    padding-bottom: 2px;
}

div.hatnote a:hover {
    text-decoration: none;
}

.pre-content h1 {
    font-family: Graphik;
    font-size: 2.4em;
    font-weight: 600;
}

/* ------------------- Font Styles ------------------- */

i {
    font-style: normal;
}

/* ------------------- Headings ------------------- */

.content h1, .content h2 {
    font-family: Graphik;
    font-weight: normal;
    color: #292929;
}

.content .open-block .edit-page {
    visibility: hidden;
}

h3 {
    font-family: Proxima Nova;
    font-size: 23px;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    body {
        font-size: 18px;
    }
 }

/* ------------------- Paragraphs ------------------- */

body {
    font-family: Merriweather !important;
    font-size: 19px;
    color: rgba(0,0,0,0.8);
    font-weight: lighter;
}

blockquote {
    font-family: Merriweather !important;
    font-size: 19px;
    color: rgba(0,0,0,0.8);
    font-weight: lighter;
    font-style: italic;
    margin-bottom: 20px;
    padding: 10px 25px 0px 30px;
}

 @media only screen and (max-width: 640px) {
    body {
        font-size: 16px;
    }
 }

.mw-headline {
    font-family: Merriweather !important;
    font-size: 19px;
    color: rgba(0,0,0,0.8);
    font-weight: bold;
}

.content {
    line-height: 2.2;
}

/* ------------------- Links ------------------- */

a:visited {
    color: #3366cc;
}

/* ------------------- Lists ------------------- */

ul {
    margin-bottom: 20px;
}

/* ------------------- References ------------------- */

.reference {
    display: none;
}

sup.noprint.Inline-Template {
    display: none;
}

/* ------------------- Table of Contents ------------------- */

@media screen and (min-width: 720px) {
.toc-mobile > h2 {
    padding: 0.7em 2em 0.7em 1em !important;
}
}

.client-js .toc-mobile .collapsible-block {
    margin-left: 20px;
    margin-top: 10px;
}

.toc {
    float: left;
    margin-bottom: 25px;
    width: 40%;
}

.content ul {
    list-style: none;
}

.toc ul {
    margin-bottom: 0;
}

.tocnumber {
    margin-right: 10px;
}

.content ul li {
    margin-bottom: 0;
}

.content ul > li > ul {
    list-style-type: none;
}

.content ul ul {
    margin-left: 2em;
    padding: 10px 0px 10px 0px;
}

.client-js .toc-mobile .collapsible-block ul li {
    line-height: 0.2em;
}

/* ------------------- Infobox ------------------- */

.content .thumbborder {
    border: none;
}

.content table.infobox th, .content table.infobox td {
    font-size: 80%;
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid #eaecf0;
    padding: 12px 15px 9px 15px;
}

th.summary {
    font-style: normal !important;
}

.infobox tbody tr td {
    line-height: 1.8em !important;
}