/***** Alerts (Breaking News) Styles *****/
/*
    Override styles in custom_styles stylesheet by:
        1.  Adding/Updating these defaults directly
        2.  Adding/Updating .breaking-news or .severe-weather styles
        3.  Adding a custom style in Configure Alerts then adding/updating
            that style in custom_styles stylesheet
*/

/* default definition for breaking news article; for both banner and list */
.gtx-breaking-news-article {
    border: 1px solid #CCC;
    margin:20px 0;
    padding: 10px 20px;
    font-weight:bold;
    font-size: 22px;
    width: 100%;
    display: table;
}

/* definitions for breaking news BANNER - .gtx-breaking-news-type-single */
/* override by adding .gtx-breaking-news-type-single to style definition */
.gtx-breaking-news-type-single .gtx-breaking-news-article {
    background: #eeeeee;
    border:0;
}
.gtx-breaking-news-type-single .gtx-breaking-news-article a,
.gtx-breaking-news-type-single .gtx-breaking-news-article .gtx-breaking-news-message {
    color: #2b2b2b;
}

/* definition for breaking news LIST - .gtx-breaking-news-type-list */
/* override by adding .gtx-breaking-news-type-list to style definition */


/* breaking news thumbnail */
.gtx-breaking-news .thumb-wrap{
    display:none;
}
.gtx-breaking-news-show-thumbnail .thumb-wrap {
    display: inherit; 
    float: left;
    margin: 0 15px 0 0;
    width: 75px;
}
.gtx-breaking-news-show-thumbnail .thumb-wrap img {
    max-width: 100%;
}
.gtx-breaking-news-show-thumbnail .gtx-breaking-news-img-right .thumb-wrap {
    float: right;
    margin: 0 0 0 15px;
}

/* Built-in alert style(s) definitions ("breaking-news" and "severe-weather" */
/* override by adding className to style definition */
/* Note: "breaking-news" will be the default alert style */
.breaking-news.gtx-breaking-news-type-single .gtx-breaking-news-article {
    background: #a20011;
}
.breaking-news.gtx-breaking-news-type-single .gtx-breaking-news-article a,
.breaking-news.gtx-breaking-news-type-single .gtx-breaking-news-article .gtx-breaking-news-message {
    color: #FFF;
}
.severe-weather.gtx-breaking-news-type-single .gtx-breaking-news-article {
    background: #3161AC;
    border-color: #235094;
}
.severe-weather.gtx-breaking-news-type-single .gtx-breaking-news-article a,
.severe-weather.gtx-breaking-news-type-single .gtx-breaking-news-article .gtx-breaking-news-message {
    color: #FFF;
}