/* global vars */

/* alert box */

.alert-wrap { background-color:var(--cc-alert-bg); }
.alert-wrap, a.alert-link, a.alert-link:hover { color:var(--cc-alert-txt); }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:32px; padding-top:20px; padding-right:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:20px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

.alert-prefix { 
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

.alert-message { padding-bottom:20px; }

.alert-dismiss { 
  font-size:20px;
  line-height:20px; 
  padding-bottom:20px;
}

#dismiss-alert { color:var(--cc-alert-txt); text-decoration:none; }


/* alert messages 

.alert-wrap { }
.alerts-class { background-color:#cc3300; color:white; }
.alerts-message, .alerts-dismiss { color:inherit; padding:12px 0; }
.alerts-message strong { text-transform:uppercase; } 
.alerts-link { color:inherit; text-decoration:underline; }
.alerts-link:hover { color:inherit; text-decoration:underline; }
.alert-first { }
.alerts-dismiss > button { margin:0; padding:0; border:0; background-color:inherit; color:inherit; font-size:20px; line-height:24px; }
#dismiss-alert { color:inherit; }

.alert-magenta { background-color:#e7133d; color:white; } .alert-magenta #dismiss-alert { color:white; }
.alert-yellow { background-color:#fcd722; color:#0a0a48; } .alert-yellow #dismiss-alert { color:#0a0a48; }
.alert-green { background-color:#2cdd80; color:#0a0a48; } .alert-green #dismiss-alert { color:#0a0a48; }
.alert-blue { background-color:#1fbfe5; color:#0a0a48; } .alert-blue #dismiss-alert { color:#0a0a48; }

*/