/*
GARD (German Anomalous Research Division) Theme
 
Created by Lukario_Dalmatian with code borrowed from the Research, Containment, and AEDF Themes!
 
Credits to DoubleDenial and TTPY for their feedback
*/

@import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

:root {

/* PALLET SHEET */
--primary-text-color: #8d4040;
--nav-hover-background: #6a2f2f;
 
/* BASE COLORS */
 
/* Page Title */
--page-title-color: #c94444;
 
/* Header */
--header-icon: url(http://rpcsandbox.wikidot.com/local--files/theme-gard/GARDLogo.png);
--header-icon-adv: left 0em top 1.5rem no-repeat;
--header-icon-size: auto calc(8rem - 1rem);
--header-background: url(http://rpcsandbox.wikidot.com/local--files/theme-gard/GARDHeader.png);
--header-tagline-color: #fff;
--header-text-visibility: hidden;
--header-custom-text: 'GARD';
--header-font: 'Germania One';
--header-tagline-custom-text: 'German Anomalous Research Division';
--header-tagline-font: 'IBM Plex Sans';
--header-tagline-left: 5px;
--header-mobile-font-size: 170%;
--header-font-size: 270%;
--header-mobile-tagline-font-size: 81%;
 
/* Search Bar */
--search-button-background: #321b1b;
--search-button-hover-background: #643636;
--search-input-color: #4d3333;
--search-input-hover: #682d2d;
 
/* Link Colors */
--link-color: #e33838;
--link-hover-color: #e33858;
--new-page-color: #dd6611;

/* Rating Modules */
--star-rating-hue: 150deg;

/* Scrollbar Colors */

--BT-resizer-background: #262524;
--BT-scrollbar-thumb-background: var(--new-page-color);
--BT-scrollbar-thumb-hover-background: #8c3636;
 
/* Sidenote Color */
--sidenote-open-background: #6b1f1f!important;
--sidebar-crit-corner-color: #f08d8d;
}

/* Headers */

h1 {
    font-family: var(--header-font), sans-serif;
    color: var(--primary-text-color);
    font-weight: bold;
}
 
h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #fff;
}

/* Icon Fix (Thx Double) */

#header h1 a {
    padding-left: 3.05em;
    padding-top: 75px;
}

@media (max-width: 768px) {
    :root { --header-tagline-left: 11px; }
    #header {
        background-position: 0 5em;
        background-size: 70px;
    }
    #header h1 a {
        padding-top: 85px;
        padding-left: 3.25em;
    }
}

/* WT Button Remover */

.open-themes-container {
    display: none;
}

/* GARD Document Div */

.gard-document {
    display: block;
    border: solid 2px #000;
    color: #42403a;
    background: #f8f3e4 url(http://rpcauthority.wikidot.com/local--files/component:research-style/paper2.png);
    background-blend-mode: multiply;
    padding: 5px 15px;
    margin: 15px 0 15px 0;
    font-family: 'Courier Prime', monospace;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.header {
    background-image: url(http://rpcsandbox.wikidot.com/local--files/theme-gard/GARDSeal.png);
    background-position: top 20px center;
    background-size: 195px;
    background-repeat: no-repeat;
    padding-top: 130px;
    margin-bottom: 50px;
    justify-content: center;
    align-items: center;
    height: 2rem;
    text-decoration: underline;
    float: center;
    text-align: center;
    font-size: 160%;
}

.gard-document blockquote, .gard-document .blockquote {
    background-color: #fff;
    color: #000;
    border: solid 1.5px #000;
    box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, 0.5);
}