/* This "patches" the CSS included in the widget bundle to fix
 * up the display on BigFuture.
 */

/* bootstrap baselines - localized to #message-hook */
/* these are hidden dependencies for message widget default styles */
#message-hook {
    color: #333;
    font-size: 14px;
    line-height: 1.42857;
}

#message-hook *,
#message-hook *:before,
#message-hook *:after {
    box-sizing: border-box;
}
#message-hook *:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

#message-hook p {
    margin: 0 0 10px;
}

#message-hook a {
    color: #18b3db;
}
    #message-hook a:hover, 
    #message-hook a:focus {
        color: #2a6496;
    }

#message-hook h2,
#message-hook .h2 {
    font-size: 30px;
}
#message-hook  h2 {
    margin-bottom: 10px;
    margin-top: 20px;
}
#message-hook  h2, 
#message-hook  .h2 {
    color: #333;
    font-weight: 500;
    line-height: 1.1;
}

/* additional overrides - to negate Big Future styles */
#message-hook  p {
    width: auto;
}
#message-hook a {
    font-family: sans-serif,arial,tahoma,verdana;
    font-size: 1em;
}

/* fix faulty widget demo styles */
.lv-times {
    background-position: -1px -18px;
}
.lv-exclamation-circle {
    margin-top: 4px;
}