/**
 * File: simple-banner.css
 * Purpose: Custom styling overrides for the "Simple Banner" WordPress plugin.
 * Usage: Targets IDs and classes injected by the plugin to refine layout and appearance.
 * Dependencies: Simple Banner plugin
 */


/* -------------------------- */
/* ---- Scoped Variables ---- */
/* -------------------------- */

/* No variables were set here and this is currently not in use. Leaving this as a 
 * placeholder for whenever it is revisited or enabled. */


/* -------------------------- */


.simple-banner-text span{
    display: flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

#notice-icon{
    font-size: 2em!important;
    color: #627D98!important;
    padding-right:0.5em!important;
}

#notice-content{
    display:flex;
    flex-direction:column;
    padding-right:0.75em;
    align-items:flex-start;
    font-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;
}

#notice-title{
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform:uppercase;
    font-weight:800;
    padding-right:0.5em;
    text-align:left;
}

#notice-desc{
    text-align:left;
    display: inline;
    font-weight: 600;
}