.mayday {
	 background: none repeat scroll 0 0 #333333;
	 color: #ffffff;
	 text-align: left;
	 top: 0.1px;
	 width: 100%;
	 z-index: 2999;
	 position: sticky;
	 min-height: 150px;
	 max-height: 100vh;
	 overflow: auto;
}
 .mayday .mayday-link a, .mayday .mayday-special a {
	 font-weight: bold;
	 color: white !important;
	 text-decoration: none;
}
 .mayday .mayday-link a, .mayday .mayday-special a {
	 font-size: 14px;
}
 @media screen and (min-width: 320px) {
	 .mayday .mayday-link a, .mayday .mayday-special a {
		 font-size: calc(14px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday .mayday-link a, .mayday .mayday-special a {
		 font-size: 24px;
	}
}
 input[id^=collapsible][type='checkbox'] {
	 display: none;
}
 .toggle:not(:checked) + div.row > .label-more {
	 display: block;
	 cursor: pointer;
	 transition: all 0.75s ease-out;
	 color: #999999;
}
 .toggle:not(:checked) + div.row > .label-more:hover {
	 color: #ffffff;
}
 .toggle:checked + div.row > .label-more {
	 display: none;
}
 .toggle:not(:checked) + div.row > .label-less {
	 display: none;
}
 .toggle:checked + div.row > .label-less {
	 display: block;
	 cursor: pointer;
	 transition: all 0.75s ease-out;
	 color: #999999;
}
 .toggle:checked + div.row > .label-less:hover {
	 color: #ffffff;
}
 .mayday-campus {
	 margin: 8px 0px 8px;
}
 .mayday-campus > .row .mayday-campus-name {
	 margin: 0px;
}
 .mayday-campus > .row .mayday-campus-name {
	 font-size: 22px;
	 color: #ffffff;
}
 @media screen and (min-width: 320px) {
	 .mayday-campus > .row .mayday-campus-name {
		 font-size: calc(22px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday-campus > .row .mayday-campus-name {
		 font-size: 24px;
	}
}
 .mayday-campus > .row .label-more, .mayday-campus > .row .label-less {
	 padding: 0px;
}
 .mayday-campus > .row .label-more, .mayday-campus > .row .label-less {
	 font-size: 12px;
}
 @media screen and (min-width: 320px) {
	 .mayday-campus > .row .label-more, .mayday-campus > .row .label-less {
		 font-size: calc(12px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday-campus > .row .label-more, .mayday-campus > .row .label-less {
		 font-size: 22px;
	}
}
 .mayday-campus > .row .label-more label, .mayday-campus > .row .label-less label {
	 line-height: 2.2;
	 padding-right: 10px;
	 margin-bottom: 0px;
}
 .mayday-campus .mayday-alerts {
	 margin: 0px 10px 0px 22px;
}
 .mayday-campus .mayday-alerts div[class^=wrap-collapsible] {
	 display: flex;
}
 .mayday-campus .mayday-alerts div[class^=collapsible-content] {
	 max-height: 0px;
	 width: 100%;
	 overflow: hidden;
	 transition: max-height 0.25s ease-in-out;
}
 .mayday-campus .mayday-alerts div[class^=collapsible-content] > .mayday-item:first-child {
	 margin-top: 0px;
}
 .toggle:checked ~ .mayday-alerts > div[class^=collapsible-content] {
	 max-height: 1000px;
}
 .mayday-item {
	 margin: 10px 0px 10px;
}
 .mayday-item .mayday-headline {
	 font-weight: bold;
}
 .mayday-item .mayday-headline {
	 font-size: 18px;
}
 @media screen and (min-width: 320px) {
	 .mayday-item .mayday-headline {
		 font-size: calc(18px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday-item .mayday-headline {
		 font-size: 28px;
	}
}
 .mayday-item .mayday-content {
	 font-size: 14px;
}
 @media screen and (min-width: 320px) {
	 .mayday-item .mayday-content {
		 font-size: calc(14px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday-item .mayday-content {
		 font-size: 24px;
	}
}
 .mayday-item .mayday-date {
	 color: #999999;
	 font-style: italic;
}
 .mayday-item .mayday-date {
	 font-size: 14px;
}
 @media screen and (min-width: 320px) {
	 .mayday-item .mayday-date {
		 font-size: calc(14px + 10 * ((100vw - 320px) / 880));
	}
}
 @media screen and (min-width: 1200px) {
	 .mayday-item .mayday-date {
		 font-size: 24px;
	}
}
/* Old code from PHP Mayday */
/* .emergency {
	 background: none repeat scroll 0 0 #333333;
	 color: #ffffff;
	 padding: 2px 60px;
	 text-align: left;
	 top: 0px;
	 z-index: 2999;
	 width: 100%;
	 position: fixed;
	 min-height: 150px;
}
 .emergency-item {
	 line-height: 22px;
}
 .emergency-headline {
	 font-weight: bold;
	 font-size: 18px;
}
 .emergency-content {
	 font-weight: normal;
	 font-size: 14px;
	 width: 95%;
}
 .emergency-date {
	 color: #999999;
}
 .emergency-link {
	 text-align: center;
	 font-size: 20px;
}
 .emergency-link a, .emergency-special a {
	 font-weight: bold;
	 color: white !important;
	 text-decoration: none;
}
 .pt5 {
	 padding-top: 5px;
}
 .pb5 {
	 padding-bottom: 5px;
}
 .pt15 {
	 padding-top: 15px;
}
 .pb15 {
	 padding-bottom: 15px;
}
 */