/********************************************************************************
--- Alerts ---
*********************************************************************************/
.alert { display: none; padding: 25px; margin-bottom: 1.111em;  background-color: var(--black); color: #fff; clip-path: var(--notch-right-small)}
.alert p {line-height:1.2; padding-left:1.333em; position:relative;}
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 0.278em; }
.alert a { color: #fff; text-decoration: underline; }
.alert a:hover { color:var(--light-blue); }
.alert p:before { font-family: var(--icon-family); color: #fff; position:absolute; top:0; left:0; }
.alert-success, .alert-info, .alert-warning, .alert-danger { display: block; }
.alert-success { background-color:#008227; }
.alert-success p:before { content: "\e94b"; }
.alert-info p:before { content: "\e98f"; }
.alert-warning { background-color:var(--blue); }
.alert-warning p:before { content: "\ea17"; }
.alert-danger { background-color:#ee0000; }
.alert-danger p:before { content: "\e96d"; }