/* ********************************************************************** */
/* COLORS */

#site-logo a,
#site-logo a:visited,
#site-logo a:hover {
    /**
     * By default, background and color are same as #subheader-1 a,
     * so nothing to set here.
     * For logo with image, uncomment the settings below
     */
    /*
    background:url("/img/site-logo.svg") right center no-repeat #303030;
    background-size:contain;
    color:#ddd;
    */
}

#site-tagline {
    color:#ddd;
}



/* ********************************************************************** */
/* FONTS */



/* ********************************************************************** */
/* OTHER CONFIG */

#site-logo {
    font-size:150%;
    margin:0 1.5em 0 0.5em;
    /**
     * To move site logo vertically, adjust padding-top, padding-bottom
     * (they should sum up to 0.8em with font-size 1.5em)
     */
    padding-top:0.5em;
    padding-bottom:0.3em;
}

#site-logo a,
#site-logo a:visited,
#site-logo a:hover {
    text-transform:lowercase;
    padding:0.1em 1.4em 0 0;
}

@media all and (max-width:848.68px) {
    /* Compensate decrease in global body font-size */
    #site-logo {
        font-size:175%;
    }
}

#site-tagline {
    font-size:90%;
    font-style:italic;
    margin:1.15em 1.5em 0 0.5em;
}

@media all and (max-width:1198.68px) {
    #site-tagline {
        display:none;
    }
}



/* ********************************************************************** */
/* CONSTANTS */

#site-logo {
    display:inline-block;
    float:left;
    line-height:1;
}

#site-logo a,
#site-logo a:visited,
#site-logo a:hover {
    text-decoration:none;
}

#site-tagline {
    float:left;
}



/* ********************************************************************** */
/* END */