/*
    Theme Name:   Rudolf Rollt Theme
    Theme URI:    https://rudolf-rollt.de/
    Description:  generatepress based child theme for rudolf rollt page
    Author:       Alfred Hanisch
    Author URI:   https://devdino.de
    Template:     generatepress
    Version:      1.0.0
    Text Domain:  rudolf-rollt-theme
*/

/* **************************************************
*    COLORS AND FONTS                               *
*************************************************** */

:root {
	--rr-background : #222;
    --rr-contrast: #118290;
    --rr-contrast-light: #1bcde4;
}


/* **************************************************
*    GLOABL STYLES                                  *
*************************************************** */

body {
    background-color: var(--rr-background);
}

a {
    color: var(--rr-contrast-light);
    /* border-bottom: solid 1px white; */
    text-decoration: none;
}

a:hover {
    color: var(--rr-contrast-light);
    /* border-bottom: solid 3px white; */
    text-decoration: underline;
}

nav a, nav a:hover {
    border-bottom: none;
}


/* **************************************************
*    HEADER STYLES                                  *
*************************************************** */

.site-header {
    background-color: var(--rr-background);
}

.site-logo a, .site-logo a:hover {
}

.main-title a {
    font-size: 24pt;
    letter-spacing: 1.1pt;
    color: white;
    text-transform: uppercase;
}

.main-title a:hover {
    color: var(--rr-contrast-light);
    text-decoration: none;
}

.site-description {
    color: white;
}

.main-navigation {
    background-color: var(--rr-background);
}

/* **************************************************
*    MAIN CONTENT STYLES                            *
*************************************************** */

.separate-containers .inside-article, 
.separate-containers .comments-area, 
.separate-containers .page-header, 
.one-container .container, 
.separate-containers .paging-navigation, 
.inside-page-header {
    background-color: var(--rr-background);
    color: white;
}

/* **************************************************
*    FOOTER STYLES                                  *
*************************************************** */

.site-info {
    background-color: var(--rr-background);
    color: white;
}