/*!
 * Plugin Name: Imagined WordPress Loader custom CSS
 * Description: Include custom css as grandchild theme
 * Author:      Imagined | Robin Withaar
 * Version:     1.0
 * Text Domain: imagined
 * Tags:        style,css,theme
 */
 @charset "UTF-8";

 :root {
    --primary:      #007090;
    --secondary:    #0090C0;
    --success:      #009020;
    --warning:      #E0C000;
    --danger:       #C02020;
    --background:   #FFFFFF;
    --text-color:   #000000;

    /* logo green */
    --left-left:    #06A239;
    --center-left:  #296431;
    --center-top:   #B3CC05;
    --center-right: #1E7432;
    --right-right:  #70B62C;
 }
 
.site-header {
    background-color: var(--background) !important;
}
.site-header,
.site-header a,
.site-header p {
    color: var(--black) !important;
}

.header-image .site-title > a {
    height: 80px !important;
}
.genesis-nav-menu a {
    padding: 30px 15px !important;
}

.entry-title {
    font-size: 54px !important;
    font-weight: bold;
}

.entry-header::after {
    border: none !important;
    padding-bottom: 0 !important;
}

.front-page .genesis-nav-menu li.current-menu-item > a:focus, .front-page .genesis-nav-menu li.current-menu-item > a:hover, .genesis-nav-menu li.current-menu-item > a, .genesis-nav-menu > li > a:focus, .genesis-nav-menu > li > a:hover {
    border-color: var(--text-color) !important;
}

.genesis-nav-menu .sub-menu a {
    background-color: var(--background) !important;
}

.full-width-content .content {
    padding: 0 0 50px !important;
}

hr.wp-block-separator {
    height: 1px;
    border-top: none !important;
    margin: 3em 0 !important;
    background: #999;
    background-image: linear-gradient(to right, #eee, #999, #eee);
}

.wp-block-pullquote {
    padding: 0 !important;
}

.hout {
    padding: 15px;;
}

.site-container .wp-block-pullquote blockquote::before {
    content: "";
}

.site-footer {
    background-color: var(--background) !important;
}
.site-footer,
.site-footer a,
.site-footer p {
    color: var(--text-color) !important;
}

@media only screen and (max-width: 800px) {
    .menu-toggle, .sub-menu-toggle {
        background: var(--text-color) !important;
        color: var(--background) !important;
    }
}