/* Lato font is loaded by plugin */
.ausinternet-wrap {
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:1.35;
	color:#333;
	margin:0 auto;
}
.ausinternet-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:14px;
}
.ausinternet-logo img {
	height:44px;
}
time {
    text-transform: uppercase;
}
.maint-body time {
    text-transform: capitalize;
}
.ausinternet-actions .ausinternet-subscribe {
	background:#fff;
	border:1px solid #ddd;
	padding:6px 10px;
	border-radius:3px;
	font-size:12px;
}
.ausinternet-active {
	background:#ff9800;
	color:#fff;
	padding:8px 12px;
	border-radius:4px;
	font-weight:700;
	margin-bottom:14px;
}
.ausinternet-info {
	border:1px solid #e6e6e6;
	background:#fff;
	padding:10px 12px;
	border-radius:6px;
	margin-bottom:14px;
	font-size:18px;
}
.ausinternet-info small {
    font-size: 18px  !important;
    margin-left: 0px !important;
}
.ausinternet-info small {
	color:#666;
	font-size:12px;
	margin-left:8px;
}
/* Services */
.ausinternet-services {
	border:1px solid #e6e6e6;
	border-radius:6px;
	overflow:hidden;
	background:#fff;
	margin-bottom:18px;
}
.ausinternet-service {
	display:grid;
	grid-template-columns: 2.5fr 1fr;
	gap:12px;
	align-items:center;
	padding:12px 14px;
	border-bottom:1px solid #eee;
}
.ausinternet-service:last-child {
	border-bottom:none;
}
.svc-name {
	font-size:14px;
	font-weight:700;
	color:#222;
	margin-bottom: 10px;
}
.ausinternet-badge {
	display:inline-block;
	padding:4px 6px;
	border-radius:4px;
	font-size:11px;
	font-weight:700;
	color:#fff;
	margin:2px 4px 2px 0;
	background:#28a745;
	box-shadow:0 1px 0 rgba(0,0,0,0.06);
}
.svc-right {
	text-align:right;
	font-weight:700;
	font-size:14px;
	color:#2f7a2f;
}
/* status color overrides */

.status-operational {
	color: #28a745 !important;
}
.status-degraded-performance {
	color: #ff9800 !important;
}
.status-major-outage {
	color: #d9534f !important;
}
.ausinternet-badge.status-operational {
	background:#28a745 !important;
	color: #fff !important;
}
.ausinternet-badge.status-partial-service-disruption{
	background:#ff9800 !important;
	color: #fff !important;
}
.svc-right.status-partial-service-disruption{
	color: #ff9800 !important;
}
.ausinternet-badge.status-degraded-performance {
	background:#ff9800 !important;
	color: #fff !important;
}
.ausinternet-badge.status-major-outage {
	background:#d9534f !important;
}
/* Incidents */
.ausinternet-incident {
	border:1px solid #e6e6e6;
	border-radius:6px;
	overflow:hidden;
	margin-bottom:50px;
	background:#fff;
}
.incident-head {
	background:#ff9800;
	color:#fff;
	padding:15px 12px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-weight:700;
}
.incident-body {
	padding:12px;
	display:grid;
	grid-template-columns: 1fr;
	gap:18px;
	align-items:start;
}
.incident-info {
    margin: 15px 12px 15px 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.incident-info .muted,
.incident-info .incident-status{
	font-size:12px;
	color:#666;
	margin-bottom:6px;
}
.incident-msg {
    border-left: 3px solid #eee;
    padding: 8px 10px;
    margin-bottom: 12px;
    background: #fafafa;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 18px;
    align-items: start;
}
.incident-msg time {
	display:block;
	font-size:11px;
	color:#666;
	margin-bottom:6px;
}
.msg-state {
	font-weight:700;
	margin-bottom:6px;
}
.msg-body {
    font-weight: 400;
    margin-left: 5px;
}
/* Maintenance cards */
.ausinternet-maint h3 {
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #666 !important;
	margin-bottom:10px  !important;
}
.maint-grid{
	display: grid;
    grid-template-columns: 200px 1fr;
    gap: 18px;
    align-items: start;
}
.maint-update {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 18px;
    align-items: start;
    padding: 25px 0px 10px 0px;
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
}
.maint-update time {
    font-size: 12px;
    opacity: 0.5;
}
.maint-grid .label {
  	font-weight: 400;
  	color: #363434;
	font-size: 16px;
}
.maint-grid .value {
  	color: #363434;
	opacity: 0.6;
	font-size: 14px;
}
.maint-card {
	border:1px solid #e6e6e6;
	border-radius:6px;
	margin-bottom:12px;
	overflow:hidden;
	background:#fff;
}
.maint-head {
	background:#00AAF0;
	color:#fff;
	padding:15px 12px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-weight:700;
}
.maint-body {
	padding: 15px;
}
/* External */
.ausinternet-external {
	border:1px solid #e6e6e6;
	border-radius:6px;
	padding:10px 12px;
	margin-top:12px;
	background:#fff;
	font-size:13px;
}
/* Responsive */
@media (max-width:900px) {
	.ausinternet-service {
		grid-template-columns:1fr;
		grid-template-rows:auto auto;
	}
	.maint-grid,
	.maint-update{
    	grid-template-columns: 1fr;
	}
	.maint-head {
		display: flex;   
		justify-content: space-between;
		flex-direction: column;
		flex-direction: column-reverse;
	}
	.svc-right {
		text-align:left;
		grid-column:2/3;
	}
	.incident-body {
		grid-template-columns:1fr;
	}
}
