#alert-wrapper{
    position: relative;
    z-index:10000;
    background-color: #DB3229;
    text-align: center;
    padding:0;
    margin:0;
}
#alert-wrapper, #alert-wrapper a, #alert-wrapper button{
    color:white;
}
#alert-wrapper a{
    text-decoration: underline;
}
#alert-wrapper button{
    border:0;
    background-color:transparent;
}
#alert-wrapper .alerts, #alert-wrapper .alert-tab{
    background-color: #9A221D;
}
#alert-wrapper .alerts::after {
    content: "";
    clear: both;
    display: table;
}
#alert-wrapper article{
    font-size: 1.25em;
    padding:.75em 0;
    margin: 0;
}

#alert-wrapper .alert-tab{
    text-transform: none;
    margin: auto;
    padding: .5em 1.5em;
    border-radius: 0 0 10px 10px;
    margin-bottom:-.25em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .20)
}
#alert-wrapper *:focus{
    outline:0;
}

#alert-wrapper .a-icon{
    display: inline-block;
    vertical-align: middle;
    width:25px;
    height:25px;
}
#alert-wrapper .a-icon svg{
}
#alert-wrapper svg{
    fill: white;
    width:100%;
    height:100%;
    display: block;
}
#alert-wrapper .alert.a-icon,
#alert-wrapper .alert-dismiss{
    padding:1.1em;
}
#alert-wrapper .alert.a-icon{
    float:left;
}
#alert-wrapper .alert-dismiss{
    float:right;
}
@media only screen and (min-width:48em) { 
    #alert-wrapper .alert.a-icon{
        border-right:1px solid #DB3229;
    }
    #alert-wrapper .alert-dismiss{
        border-left:1px solid #DB3229;
    }
}
#alert-wrapper .alert-dismiss,
#alert-wrapper .alert-tab .a-icon{
    -webkit-transition:.3s ease;
       -moz-transition:.3s ease;
            transition:.3s ease;
}
#alert-wrapper .alert-dismiss:hover, #alert-wrapper .alert-dismiss:active{
    background-color:white;
}
#alert-wrapper .alert-dismiss:hover svg, #alert-wrapper .alert-dismiss:active svg{
    fill: #DB3229;
}
#alert-wrapper .a-close.a-icon{
    transform: rotate(45deg);
    transform-origin: center;
    display: block;
}

#alert-wrapper .alert-tab .a-icon{
    background-color:white;
    border-radius:50%;
    padding: 4px;
    width: 10px;
    height: 10px;
    margin-left: .5em;
    margin-top: -.5em;
}
#alert-wrapper .alert-tab:hover .a-icon, #alert-wrapper .alert-tab:active .a-icon{
    background-color:#DB3229;
}
#alert-wrapper .alert-tab .a-icon svg{
    fill: #661613;
}
#alert-wrapper .alert-tab:hover svg, #alert-wrapper .alert-tab:active svg{
    fill: white;
}
#alert-wrapper .alerts.open + .alert-tab .a-plus .a-vert{
    display:none;
}