@import "./legacy-aem/fonts.css";
@import "./legacy-aem/head.min.css";
@import "./legacy-aem/msgs-icons.min.css";
@import "./legacy-aem/nextgen-responsive.css";
/* IMZ commenting this to see if it resolves AEM Cloud header styling issues */
/* @import "./legacy-aem/site-nextgen.min.css"; */
@import "./legacy-aem/vendors.min.css";
@import "./legacy-aem/breadcrumb.css";

.emergency.parbase .col-xs-10.main-text.alert-banner-padding {
    width: 58% !important;
    margin: auto;
    padding: 5px;
}

.emergency.parbase .glyphicon.glyphicon-remove:before {
    left: 80% !important;
}

.emergency.parbase .glyphicon.glyphicon-alert:before {
    left: 19% !important;
}

.emergency.parbase .text-color-white.text-font-1,
.emergency.parbase .text-color-white.text-font-2,
.emergency.parbase .text-color-white.text-font-3 {
    line-height: 24px;
    padding: 0 125px;
}

@media screen and (max-width:768px) {
    .emergency.parbase .text-color-white.text-font-1,
    .emergency.parbase .text-color-white.text-font-2,
    .emergency.parbase .text-color-white.text-font-3 {
        padding: 0;
    }
    .emergency.parbase .glyphicon.glyphicon-remove:before {
        left: 88% !important;
    }
    
    .emergency.parbase .glyphicon.glyphicon-alert:before {
        left: 9% !important;
    }
}