


/* -- 2k: Formatting ----------------------------------------- */
/* Display */
@media screen and (min-width:681px){
	  .mobile{display:none;}
	    .desktop{display:block;}
    }
    @media screen and (max-width:680px){
	      .mobile{display:block;}
	        .desktop{display:none;}
}


/* -- 3c: Alert Bar ------------------------------------------ */
.alert{margin:0;padding:0;font-size:1.1em;text-align:center;}
.alert .container{max-width:100%;}
/*.alert, .alert.general{color:#fff;background:#75bedb;}
.alert.warning{color:#333;background:#f4d78d;}
.alert.error{color:#fff;background:#ed5f59;}
.alert.success{color:#fff;background:#5cc89d;}
.alert .far, .alert .fas{}
.alert a{font-size:0.9em;}
.alert a:hover{}
.alert.mobile{display:none;}*/


/* -- 3c: Alert Bar ------------------------------------------ */
.alertLink a{text-decoration:none;}
.alertLink a,.alertLink a:visited,.alertLink a:hover,.alertLink a:active{color:inherit;}

.scroll-container{
  width:100%; /* Or a specific width */
    overflow:hidden; /* Hide overflowing content */
      white-space:nowrap; /* Keep text on a single line */}

      .alert-warn-3{font-weight:700;color:#fff;background:#b00;}
      .alert-warn-3 a.alertLink,.alert-warn-3 a.alertLink:visited,.alert-warn-3 a.alertLink:hover,.alert-warn-3 a.alertLink:active{color:#fff;}
      .alert-warn-2{font-weight:700;color:#000;background:#f60;}
      .alert-warn-2 a.alertLink,.alert-warn-2 a.alertLink:visited,.alert-warn-2 a.alertLink:hover,.alert-warn-2 a.alertLink:active{color:#000;}
      .alert-warn-1{font-weight:700;color:#000;background:#ff0;}
      .alert-warn-1 a.alertLink,.alert-warn-1 a.alertLink:visited,.alert-warn-1 a.alertLink:hover,.alert-warn-1 a.alertLink:active{color:#000;}
      .alert-notice-4{font-weight:670;color:#000;background:#88ff88;}
      .alert-notice-4 a.alertLink,.alert-notice-4 a.alertLink:visited,.alert-notice-4 a.alertLink:hover,.alert-notice-4 a.alertLink:active{color:#000;}
      .alert-notice-3{font-weight:670;color:#fff;background:#282;}
      .alert-notice-3 a.alertLink,.alert-notice-3 a.alertLink:visited,.alert-notice-3 a.alertLink:hover,.alert-notice-3 a.alertLink:active{color:#fff;}
      .alert-notice-2{font-weight:670;color:#000;background:#8888ff;}
      .alert-notice-2 a.alertLink,.alert-notice-2 a.alertLink:visited,.alert-notice-2 a.alertLink:hover,.alert-notice-2 a.alertLink:active{color:#000;}
      .alert-notice-1{font-weight:670;color:#fff;background:#2222ff;}
      .alert-notice-1 a.alertLink,.alert-notice-1 a.alertLink:visited,.alert-notice-1 a.alertLink:hover,.alert-notice-1 a.alertLink:active{color:#fff;}
      .alert-info-2{font-weight:650;color:#ccc;background:#333;}
      .alert-info-2 a.alertLink,.alert-info-2 a.alertLink:visited,.alert-info-2 a.alertLink:hover,.alert-info-2 a.alertLink:active{color:#ccc;}
      .alert-info-1{font-weight:650;color:#333;background:#fffaf1;}
      .alert-info-1 a.alertLink,.alert-info-1 a.alertLink:visited,.alert-info-1 a.alertLink:hover,.alert-info-1 a.alertLink:active{color:#333;}

      .alert.container{max-width:100%;padding:0;}
      .alert .container .container{padding:0.25em;}
      alert .container .scroll-container{padding:0.25em 0;}

      /* alert bar */
      @media (max-width:680px) {
               body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{
           padding-top:0;}
	   }
				      
