﻿article.notification-tile {
    background-color: #6F7D14;
    float: left;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 15px;
}

.notification-tile div:first-child {
    margin: 0;
    margin-bottom: 18px;
}

.notification-heading {
    background-color: unset;
}

    .notification-heading span {
        background-color: unset;
        color: #fff;
        display: block;
        font-size: 24px;
        font-family: "effra-regular", sans-serif;
        font-weight: 700;
        line-height: 24px;
    }

.notification-content {
    color: #fff;
    font-size: 18px;
    font-family: "effra-regular", sans-serif;
    font-weight: 400;
    line-height: 24px;
}

    .notification-content a {
        color: #fff;
        text-decoration: underline;
    }

        .notification-content a:hover {
            color: #000000;
        }

        .notification-content a:focus {
            border: 1px solid #fff;
            padding: 2px;
        }

.notification-button, .notification-button-earlyclearing {
    display: inline-block;
    margin-top: 18px;
    padding: 18px 0;
    position: relative;
}

    .notification-button a, .notification-button-earlyclearing a {
        background-color: #fff;
        color: #303030;
        cursor: pointer;
        font-size: 18px;
        font-family: "Effra-Regular", sans-serif;
        font-weight: 400;
        line-height: 24px;
        padding: 20px 68px;
    }

        .notification-button a:hover, .notification-button-earlyclearing a:hover {
            background-color: #DBDBDB;
            text-decoration: none;
        }

        .notification-button a:focus, .notification-button-earlyclearing a:focus {
            color: #fff;
            background-color: #000;
        }

        .notification-button a::before {
            color: #6F7D14 !important;
            content: "\f095";
            font-family: "fontawesome";
            font-size: 20px;
            left: 20px;
            padding: 0px;
            position: absolute;
            
        }

        .notification-button-earlyclearing a::before {
            color: #6F7D14 !important;
            font-family: "fontawesome";
            font-size: 20px;
            left: 20px;
            padding: 0px;
            position: absolute;
        }