/* New code for Links in Components to be underlined */
.component-inner-container.status-green a:link, a:visited, a:hover, a:active {
text-decoration: underline;
}
/*New code for titles of past incs being Black in Light Mode */
body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-critical a, .layout-content.status-index .status-day .update-title.impact-critical a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .incident-history .impact-critical, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-degraded a, .layout-content.status-index .status-day .update-title.impact-degraded a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-degraded, .layout-content.status.status-index .incidents-list .incident-title.impact-degraded a, .incident-history .impact-degraded, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-minor a, .layout-content.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .incident-history .impact-minor, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-major a, .layout-content.status-index .status-day .update-title.impact-major a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-major, .layout-content.status.status-index .incidents-list .incident-title.impact-major a, .incident-history .impact-major, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-maintenance a, .layout-content.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-maintenance, .layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a, .incident-history .impact-maintenance, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
/* New code for components in separate boxes */

.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
border:none;
}

.component-inner-container.status-green {
border-radius: 3px;
border: 1px solid #2fcc66;
padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
border:none
}
.component-inner-container.status-blue {
border-radius: 3px;
border: 1px solid #3498DB;
padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
border:none
}
.component-inner-container.status-red {
border-radius: 3px;
border: 1px solid #E74C3C;
padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
border:none
}
.component-inner-container.status-yellow {
border-radius: 3px;
border: 1px solid #F1C40F;
padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
border:none
}
.component-inner-container.status-orange {
border-radius: 3px;
border: 1px solid #E67E22;
padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
border:none
}
span[class^="fa group-parent-indicator color-secondary font-small fa-plus-square-o"],
span[class^="fa group-parent-indicator color-secondary font-small fa-minus-square-o"] {
color: grey;
}
/*End of New code for components in separate boxes */


/* Two Column Style */


.components-container {
display: flex;
flex-wrap: wrap;
} 
.component-container:nth-child(even) {
border-left: 0 !important;
}
@media screen and (min-width: 650px)
.component-container {
flex-basis: 50%;	
}
/* END of Two Column Style */
/* New code for Footer */
.footer {
text-align: center;
max-width: 60%;
margin-bottom: 0.1rem;
margin-left: auto;
margin-right: auto;
}
.footer a:link, a:visited {
text-decoration: underline;
}
/*END New code for Footer */