:root
{
	--cc-text: #222;
	--cc-muted: #444;
	--cc-border: #d9d9d9;
	--cc-focus: #000;
	--cc-surface: #fff;
	--cc-surface-muted: #f2f2f2;
	--cc-purple: #6a2c91;
	--cc-red: #E01A21;
	--cc-orange: #F27A00;
	--cc-green: #008012;
	--cc-blue: #518CB8;
	--cc-blue-dark: #004D7B;
	--cc-purple-bg: #F2E8F4;
	--cc-red-bg: #FFE6E7;
	--cc-orange-bg: #FFEEDC;
	--cc-green-bg: #DAFFE0;
	--cc-blue-bg: #d1ebff;
	--cc-blue-dark-bg: #c7e3f3;
}

/********************************************************************************************************************************/
/* global */

.SectionHeading,
h2.smallH2Heading
{
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	margin-bottom: 20px;
	/* 	color: var(--cc-text); */
}

.EmergencySectionHeading
{
	/* 	font-size: 24px; */
	line-height: 1.25;
	/* 	font-weight: 700; */
	/* 	color: var(--cc-text); */
}

span.upperCase
{
	text-transform: uppercase;
}

/********************************************************************************************************************************/
/* MOBILE MODAL */

.MobileTabModal__close,
.EmergencyTabModal__close
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #044881;
	color: #fff;
	font-size: 20px;
	max-height: 50px;
	max-width: 50px;
	line-height: 1;
	padding: 5px 2px 5px 1px;	
	margin-left: auto;
	position: absolute;
	right: 12px;
	top: 14px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

.EmergencyTabModal__close:hover,
.EmergencyTabModal__close:focus
{
	background:#000;
}

.MobileTabModal__dialog,
.EmergencyTabModal__dialog
{
	position: relative;
	z-index: 1;
	width: min(90vw, 700px);
	height: 90vh;
	overflow: auto;
	margin: 5vh auto;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
	padding: 10px 20px 30px 20px;
}

.EmergencyTabModal__dialog .EmergencyPanelTitle 
{
	margin:0;
}

/* MODAL */
.EmergencyTabModal
{
	position: fixed;
	inset: 0;
	display: none;
	z-index: 9999999999;
}

.EmergencyTabModal[aria-hidden="false"]
{
	display: block;
}

.EmergencyTabModal__backdrop
{
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.6);
}


/********************************************************************************************************************************/
/* Mobile dialog for tab content */

[hidden]
{
	display: none !important;
}

.MobileTabModal
{
	position: fixed;
	inset: 0;
	display: none;
	z-index: 9999;
}

.MobileTabModal[aria-hidden="false"]
{
	display: block;
}

.MobileTabModal[aria-hidden="true"]
{
	display: none;
}

.MobileTabModal
{
	position: fixed;
	inset: 0;
	z-index: 9999;
}

.MobileTabModal__backdrop
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.MobileTabModal__backdrop
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}

.MobileTabModal__title
{
	margin: 0;
}

.MobileTabModal__title
{
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
}

.MobileTabModal__header
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px;
	border-bottom: 1px solid var(--cc-border);
}

.MobileTabModal__subHeader img {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}

.MobileTabModal__body
{
	padding: 0;
}

.MobileTabModal__body .SrpPanel
{
	margin: 0;
	border-top-width: 8px;
}

/********************************************************************************************************************************/
/* Emergency Sections */

.EmergencyAccordion
{
	display: grid;
	gap: 10px;
}

.EmergencyPanelHeader {
	display: flex;
	gap: 15px;
	margin: 20px 0 20px 0;
	align-items: center;
}

.EmergencyTabModal__dialog .EmergencyPanelHeader {
	padding-right: 27px;
}

.EmergencyPanelIcon {
	display: flex;
	gap: 5px;
	max-width: 50px;
	flex-wrap: wrap;
}

.EmergencyPanelIcon img {
	width: 50px;
	flex-shrink: 0;
}

.CardTitle,
.emergencyTitle,
.SrpTab__title
{
	display: block;
	color: #000;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}

.SrpPanel h3,
.EmergencyTabModal__body > h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0 10px 0;
}

.whatToDoEmergencyContainer {
	display: flex;
	justify-content: center;
}

/********************************************************************************************************************************/
/* ACCORDION */

.accordianWithIcons {
	margin-top: 0;
}

.accordianWithIcons #ui-id-9 span::before, .accordianWithIcons #ui-id-25 span::before, .accordianWithIcons #ui-id-45 span::before,
.accordianWithIcons #ui-id-59 span::before, .accordianWithIcons #ui-id-69 span::before,.accordianWithIcons #ui-id-71 span::before,
.accordianWithIcons #ui-id-73 span::before, .accordianWithIcons #ui-id-91 span::before, .accordianWithIcons #ui-id-103 span::before,
.accordianWithIcons #ui-id-105 span::before, .accordianWithIcons #ui-id-107 span::before, .accordianWithIcons #ui-id-119 span::before,
.accordianWithIcons #ui-id-121 span::before, .accordianWithIcons #ui-id-123 span::before, .accordianWithIcons #ui-id-135 span::before,
.accordianWithIcons #ui-id-137 span::before, .accordianWithIcons #ui-id-139 span::before, .accordianWithIcons #ui-id-155 span::before,
.accordianWithIcons #ui-id-167 span::before, .accordianWithIcons #ui-id-169 span::before, .accordianWithIcons #ui-id-171 span::before,
.accordianWithIcons #ui-id-185 span::before, .accordianWithIcons #ui-id-187 span::before, .accordianWithIcons #ui-id-189 span::before,
.accordianWithIcons #ui-id-191 span::before, .accordianWithIcons #ui-id-193 span::before,
.EmergencyAccordionGroup #ui-id-55 span::before, .EmergencyAccordionGroup #ui-id-9 span::before, .EmergencyAccordionGroup #ui-id-25 span::before,
.EmergencyAccordionGroup #ui-id-45 span::before, .EmergencyAccordionGroup #ui-id-55 span::before
{
	content: "\f02d";
}

.accordianWithIcons #ui-id-5 span::before, .accordianWithIcons #ui-id-7 span::before, .accordianWithIcons #ui-id-11 span::before,
.accordianWithIcons #ui-id-13 span::before, .accordianWithIcons #ui-id-14 span::before, .accordianWithIcons #ui-id-15 span::before, 
.accordianWithIcons #ui-id-16 span::before, .accordianWithIcons #ui-id-17 span::before, .accordianWithIcons #ui-id-18 span::before,
.accordianWithIcons #ui-id-19 span::before, .accordianWithIcons #ui-id-20 span::before, .accordianWithIcons #ui-id-21 span::before,
.accordianWithIcons #ui-id-23 span::before, .accordianWithIcons #ui-id-27 span::before, .accordianWithIcons #ui-id-29 span::before,
.accordianWithIcons #ui-id-31 span::before, .accordianWithIcons #ui-id-32 span::before, .accordianWithIcons #ui-id-33 span::before,
.accordianWithIcons #ui-id-35 span::before, .accordianWithIcons #ui-id-36 span::before, .accordianWithIcons #ui-id-37 span::before,
.accordianWithIcons #ui-id-38 span::before, .accordianWithIcons #ui-id-39 span::before, .accordianWithIcons #ui-id-40 span::before,
.accordianWithIcons #ui-id-41 span::before, .accordianWithIcons #ui-id-43 span::before, .accordianWithIcons #ui-id-47 span::before,
.accordianWithIcons #ui-id-49 span::before, .accordianWithIcons #ui-id-50 span::before, .accordianWithIcons #ui-id-51 span::before,
.accordianWithIcons #ui-id-52 span::before, .accordianWithIcons #ui-id-53 span::before, .accordianWithIcons #ui-id-54 span::before,
.accordianWithIcons #ui-id-55 span::before, .accordianWithIcons #ui-id-56 span::before, .accordianWithIcons #ui-id-57 span::before,
.accordianWithIcons #ui-id-61 span::before, .accordianWithIcons #ui-id-63 span::before, .accordianWithIcons #ui-id-65 span::before,
.accordianWithIcons #ui-id-67 span::before, .accordianWithIcons #ui-id-75 span::before, .accordianWithIcons #ui-id-77 span::before,
.accordianWithIcons #ui-id-79 span::before, .accordianWithIcons #ui-id-81 span::before, .accordianWithIcons #ui-id-83 span::before,
.accordianWithIcons #ui-id-85 span::before, .accordianWithIcons #ui-id-87 span::before, .accordianWithIcons #ui-id-89 span::before,
.accordianWithIcons #ui-id-93 span::before, .accordianWithIcons #ui-id-95 span::before, .accordianWithIcons #ui-id-97 span::before,
.accordianWithIcons #ui-id-99 span::before, .accordianWithIcons #ui-id-101 span::before, .accordianWithIcons #ui-id-109 span::before,
.accordianWithIcons #ui-id-111 span::before, .accordianWithIcons #ui-id-113 span::before, .accordianWithIcons #ui-id-115 span::before,
.accordianWithIcons #ui-id-117 span::before, .accordianWithIcons #ui-id-125 span::before, .accordianWithIcons #ui-id-127 span::before,
.accordianWithIcons #ui-id-129 span::before, .accordianWithIcons #ui-id-131 span::before, .accordianWithIcons #ui-id-133 span::before,
.accordianWithIcons #ui-id-141 span::before, .accordianWithIcons #ui-id-143 span::before, .accordianWithIcons #ui-id-145 span::before,
.accordianWithIcons #ui-id-147 span::before, .accordianWithIcons #ui-id-149 span::before, .accordianWithIcons #ui-id-151 span::before,
.accordianWithIcons #ui-id-153 span::before, .accordianWithIcons #ui-id-157 span::before, .accordianWithIcons #ui-id-159 span::before,
.accordianWithIcons #ui-id-161 span::before, .accordianWithIcons #ui-id-163 span::before, .accordianWithIcons #ui-id-165 span::before,
.accordianWithIcons #ui-id-173 span::before, .accordianWithIcons #ui-id-175 span::before, .accordianWithIcons #ui-id-177 span::before,
.accordianWithIcons #ui-id-179 span::before, .accordianWithIcons #ui-id-181 span::before, .accordianWithIcons #ui-id-183 span::before,
.EmergencyAccordionGroup #ui-id-57 span::before, .EmergencyAccordionGroup #ui-id-59 span::before, .EmergencyAccordionGroup #ui-id-61 span::before,
.EmergencyAccordionGroup #ui-id-63 span::before, .EmergencyAccordionGroup #ui-id-65 span::before, .EmergencyAccordionGroup #ui-id-67 span::before,
.EmergencyAccordionGroup #ui-id-11 span::before, .EmergencyAccordionGroup #ui-id-13 span::before, .EmergencyAccordionGroup #ui-id-15 span::before,
.EmergencyAccordionGroup #ui-id-17 span::before, .EmergencyAccordionGroup #ui-id-19 span::before, .EmergencyAccordionGroup #ui-id-21 span::before,
.EmergencyAccordionGroup #ui-id-23 span::before, .EmergencyAccordionGroup #ui-id-27 span::before, .EmergencyAccordionGroup #ui-id-29 span::before,
.EmergencyAccordionGroup #ui-id-31 span::before, .EmergencyAccordionGroup #ui-id-33 span::before, .EmergencyAccordionGroup #ui-id-35 span::before,
.EmergencyAccordionGroup #ui-id-37 span::before, .EmergencyAccordionGroup #ui-id-39 span::before, .EmergencyAccordionGroup #ui-id-41 span::before,
.EmergencyAccordionGroup #ui-id-43 span::before, .EmergencyAccordionGroup #ui-id-47 span::before, .EmergencyAccordionGroup #ui-id-49 span::before,
.EmergencyAccordionGroup #ui-id-51 span::before, .EmergencyAccordionGroup #ui-id-53 span::before, .EmergencyAccordionGroup #ui-id-57 span::before,
.EmergencyAccordionGroup #ui-id-59 span::before, .EmergencyAccordionGroup #ui-id-61 span::before
{
	content: "\f075";
}

/********************************************************************************************************************************/
/* Shared structural classes */

.IconRow,
.emergencyIconRow,
.SrpPanel__header
{
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 20px 0;
}

.IconWrap,
.emergencyIcon,
.SrpPanel__icon
{
	flex-shrink: 0;
}

.SrpTab .SrpTab__icon {
	max-width: 100px;
}

.IconWrap img,
.emergencyIcon img,
.SrpPanel__icon img
{
	width: 50px;
	height: auto;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
}

.CardText,
.emergencyContent,
.SrpTab__text
{
	display: block;
	margin-top: 10px;
}

.CardDesc,
.emergencyDesc,
.SrpTab__desc
{
	display: block;
	color: var(--cc-muted);
	margin-top: 15px;
}

.AccordionGroup,
.accordianWithIcons,
.SrpAccordion
{
	margin-top: 0;
	margin-bottom:25px;
}

/********************************************************************************************************************************/
/* Dropdown */

.EmergencySectionChooser
{
	margin: 0 0 18px;
}

.EmergencySectionSelect
{
	width: 100%;
	height: 45px;
	max-width: 520px;
	padding: 10px;
	border: 2px solid var(--cc-border);
	border-radius: 0;
	font-size: 16px;
	background: var(--cc-surface);
	box-shadow: none;
	font-weight: 600;
	margin: 30px 0;
}

.EmergencySection[hidden]
{
	display: none !important;
}

/********************************************************************************************************************************/
/* Tabs */

.SrpTabs
{
	max-width: 980px;
}

.SrpTabs__list
{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.SrpTab
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 30px 17px 15px 17px;
	border: 0;
	border-radius: 10px 10px 0 0;
	background: var(--cc-surface);
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.SrpTab[aria-selected="true"]
{
	background-color: #dadada;
}

.SrpTab[data-tab="lockdown"][aria-selected="true"],
.SrpTab[data-tab="lockdown"]:hover,
.SrpTab[data-tab="lockdown"]:focus-visible,
.SrpTab[data-tab="lockdown"]:focus
{
	background-color: var(--cc-red-bg);
}

.SrpTab[data-tab="hold"][aria-selected="true"],
.SrpTab[data-tab="hold"]:hover,
.SrpTab[data-tab="hold"]:focus-visible,
.SrpTab[data-tab="hold"]:focus
{
	background-color: #F9E0FF;
}

.SrpTab[data-tab="shelter"][aria-selected="true"],
.SrpTab[data-tab="shelter"]:hover,
.SrpTab[data-tab="shelter"]:focus-visible,
.SrpTab[data-tab="shelter"]:focus,
.SrpTab[data-tab="run"][aria-selected="true"],
.SrpTab[data-tab="run"]:hover,
.SrpTab[data-tab="run"]:focus-visible,
.SrpTab[data-tab="run"]:focus
{
	background-color: var(--cc-orange-bg);
}

.SrpTab[data-tab="evacuate"][aria-selected="true"],
.SrpTab[data-tab="evacuate"]:hover,
.SrpTab[data-tab="evacuate"]:focus-visible,
.SrpTab[data-tab="evacuate"]:focus
{
	background-color: var(--cc-green-bg);
}

.SrpTab[data-tab="hide"][aria-selected="true"],
.SrpTab[data-tab="hide"]:hover,
.SrpTab[data-tab="hide"]:focus-visible,
.SrpTab[data-tab="hide"]:focus
{
	background-color: var(--cc-blue-bg);
}

.SrpTab[data-tab="fight"][aria-selected="true"],
.SrpTab[data-tab="fight"]:hover,
.SrpTab[data-tab="fight"]:focus-visible,
.SrpTab[data-tab="fight"]:focus
{
	background-color: var(--cc-blue-dark-bg);
}

.SrpTab:focus-visible,
.EmergencySectionSelect:focus-visible,
.AccordionButton:focus-visible,
.MobileTabModal__close:focus-visible
{
	outline: 3px solid var(--cc-focus);
	outline-offset: 2px;
}

/********************************************************************************************************************************/
/* Tab panels */

.SrpPanel
{
	border-top: 10px solid #333;
	padding: 1rem 2.5rem 2.5rem 2.5rem;
	background-color: var(--cc-surface-muted);
}

.SrpPanel.hold { border-top-color: var(--cc-purple); background-color: var(--cc-purple-bg); }
.SrpPanel.lockdown { border-top-color: var(--cc-red); background-color: var(--cc-red-bg); }
.SrpPanel.shelter, .SrpPanel.run { border-top-color: var(--cc-orange); background-color: var(--cc-orange-bg); }
.SrpPanel.evacuate { border-top-color: var(--cc-green); background-color: var(--cc-green-bg); }
.SrpPanel.HidePanel, .SrpPanel.hide { border-top-color: var(--cc-blue); background-color: var(--cc-blue-bg); }
.SrpPanel.fight { border-top-color: var(--cc-blue-dark); background-color: var(--cc-blue-dark-bg); }
.SrpPanel.hide.is-active {display:block!important;}

.SrpPanelIntro 
{
	margin-bottom: 30px;
}

/* Hide old converted tables after JS enhancement only */
/* .js-accordion-enhanced > table.ou-accordion
{
display: none !important;
} */

/********************************************************************************************************************************/

@media (max-width: 767px)
{
	.SrpTabs__list
	{
		gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.SrpTab
	{
		width: 100%;
		min-width: 0;
		padding: 14px 16px;
	}

	.SrpPanel
	{
		padding: 1rem 1rem 1.25rem;
	}

	/* On mobile, tab panel content opens in modal instead of inline */
	.SrpTabs > [role="tabpanel"]
	{
		display: none !important;
	}

	.IconRow,
	.emergencyIconRow,
	.SrpPanel__header
	{
		align-items: flex-start;
	}

	.IconWrap img,
	.emergencyIcon img,
	.SrpPanel__icon img
	{
		width: 42px;
	}
	.EmergencyPanelHeader {
		align-items: flex-start;
		flex-direction: column;
	}
	.EmergencyPanelIcon {
		flex-wrap: nowrap;
	}

	#MainContent .ui-accordion .ui-accordion-header,
	.ui-accordion-header .ui-accordion-header-icon,
	.EmergencyAccordionGroup .ui-accordion-header .ui-accordion-header-icon{
		font-size: 21px !important;
	}
}

@media (max-width: 567px)
{
	.SrpTabs__list
	{
		grid-template-columns: 1fr;
	}
}