@charset "utf-8";
/* CSS Document */

.operating-status-page {
	background: url(/cdn/img/opm-uswds/op-status-bg.jpg) no-repeat;
	background-size: cover;
	margin-top: 1rem;
    padding-top: 1.5rem;
}

.clear {
	clear:both;
}

.StatusContainer.uswds {
    border: 2px solid #dfe1e2;
    margin-bottom: 4rem;
    padding: 1.25rem 2rem 1.5rem 2rem;
    background-color: #fff;
}

.operating-status__content {
	margin: 0 auto;
}

.StatusGreen{
	background-color:#F4FFF0;
}

#col_1 {
	width: 150px;
	float: left;
	margin-top: 10px;
}

.opm_status_btn {
	width: 150px;
	height: 140px;
	float:right;
}

.opm_status_details {
	width: 209px;
	margin-top: 10px;	
}

#StatusMessageContainer {
	overflow:auto;
}

#col_2 {
	width: 470px;	
	float: right;
	margin-top: 10px;
}

#opm_status_title {
	font-size: 1.5em;
	color: #646464;
	float: right;
	text-align: right;
	font-weight: normal;
	margin-bottom: -5px;
}

#opm_status_title_big {
	width: 470px;
	font-size: 3.3em;
	color: #d1d1d1;
	clear: both;
	font-weight: normal;
	text-align: right;
}

#opm_status_rss {
	width: 14px;
	margin: 5px 0px 0px 5px;
	float: right;	
}

#opm_status_location {
	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

#opm_status_date {
	
}

#opm_status_message {
	
}

#opm_status_addthis {
	float: right;
	margin-top: 2px;
}

#opm_status_details {
	background-color: #f3f3f3;
	border-top: 1px solid #e0e0e0;
	padding: 20px;
	margin-top: 25px;
}

#StatusShareLinks {
	display:block;
	overflow:auto;
	padding: 0px 0px 10px;
}
.uppercase {
	text-transform: uppercase;	
}

.opm_status_like {
	float: right;	
}

.uswds .updatedtime {
    color: #757575;
}

.anchor-text {
    cursor: pointer;
}

.anchor-chevron {
    cursor: pointer;
}

.uswds .anchor-container {
	padding-left: 130px !important;
}

.StatusContainer:not(.uswds) .updatedtime {
	color: #757575;
}

.StatusContainer:not(.uswds) .Status {
	padding: 15px 150px 15px 20px;
	margin: 6px 0px 2.0em 0px;
	overflow: auto;
	background-repeat: no-repeat;
	background-position: right 20px;
	min-height:170px;
}

.uswds .Status {
	padding: 0px 15px 0px 130px;
	margin: 0px 0px 0em 0px;
	overflow: auto;
	background-repeat: no-repeat;
	background-position: left 12px;
	min-height:170px;
}

.nationwide .Status {
    background-image: url(/cdn/img/global/svg/operating-status-nationwide-map.svg);
}

.nationwide .updatedtime {
    display: none;
}

.Status h2 {
	padding-bottom: 0px;
}

.StatusContainer:not(.uswds) .Status h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1.0em 0px 1.0em 0px;
}

.uswds .Status h3 {
	text-transform: none;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	padding: 0;
	margin: 0;
}

.Status p {
	padding-bottom: 0px;
}

.Status p + p{
	padding-top: 1.0em;
}

.Status p.Date {
	color: #363636;
}
.uswds .Status p {
	margin-top: 1rem;
}	

.uswds p.Date::after {
    border-bottom: 4px solid #f0f0f0;
    content: '';
    display: block;
	margin-top: 1rem;
}

.uswds .Status h2 {
    margin: 0;
	font-size: 3.75rem;
	color: #1b1b1b;
}

.uswds h3 + p {
	margin-bottom: 0;
	color: #000;
	line-height: 1.625rem;
}

.uswds p.Date {
    font-weight: 500;
    margin-top: 0;
	font-size: 1.375rem;
	color: #1b1b1b;
	margin-bottom: 1.25rem;
}

.uswds p.Date strong {
    font-weight: 500;
}

.uswds #StatusShareLinks {
    display: none;
}

.uswds #StatusDetails {
    padding: 0px 15px 0px 130px;
	color: #000;
	line-height: 1.625rem;
}



.uswds #BeginDateSpan {
    padding: 0px 15px 0px 130px;
}

.StatusContainer:not(.uswds) {
	margin-top: 2rem;
}

.StatusContainer:not(.uswds) .Open {
	background-color: #e9ffe1;
	background-image: url(/img/Policy/SnowAndDismissal/status_open.jpg);
	color: #363636;
}

.StatusContainer.uswds:not(.nationwide) .Open {
    background-image: url(/cdn/img/global/svg/operating-status-open.svg);
	//background-image: url(/img/Policy/SnowAndDismissal/Open.svg);
	color: #363636;
}

.StatusContainer:not(.uswds) .Open h3 {
	color: #218329;
}

.StatusContainer:not(.uswds) .Alert {
	background-color: #fff8d2;
	background-image: url(/img/Policy/SnowAndDismissal/status_alert.jpg);
	color: #363636;
	margin-top: 1.5rem;
}

.StatusContainer.uswds:not(.nationwide) .Alert {
    background-image: url(/cdn/img/global/svg/operating-status-alert.svg);
	//background-image: url(/img/Policy/SnowAndDismissal/Alert.svg);
	color: #363636;
}

.StatusContainer:not(.uswds) .Alert h3 {
	color: #946a00;
}

.StatusContainer:not(.uswds) .Closed {
	background-color: #ffeceb;
	background-image: url(/img/Policy/SnowAndDismissal/status_closed.jpg);
	color: #363636;
}

.StatusContainer.uswds:not(.nationwide) .Closed {
    background-image: url(/cdn/img/global/svg/operating-status-closed.svg);
	//background-image: url(/img/Policy/SnowAndDismissal/Closed.svg);
	color: #363636;
}

.StatusContainer:not(.uswds) .Closed h3 {
	color: #d11f1f;
}

/******** Archive Styles *******/

.body-content #StatusArchiveContainer #HeaderYearLinks {
	background: #f0f0f0;
    font-size: .85rem;
    padding: 0.5rem 1rem 0.75rem 1rem;
}

.body-content #StatusArchiveContainer li.HeaderYearItem {
	font-weight: normal;
	line-height: 2rem;
}

#StatusArchiveContainer ul.StatusYearContainer {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: solid 1px #E1E1E1;
}
#StatusArchiveContainer ul.StatusYearContainer > li {
	border-bottom: solid 1px #E1E1E1;
	overflow: auto;
	padding: 20px 0;
}
#StatusArchiveContainer div.StatusYear {
	display: inline;
	width: 80px;	
	float:left;
	font-weight:bold;
	margin-right: 20px;
}

#StatusArchiveContainer ul.StatusUpdateContainer {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 630px;
}
#StatusArchiveContainer ul.StatusUpdateContainer > li {
	overflow: auto;
}

#StatusArchiveContainer div.StatusDateContainer {
	float: left;
	width: 150px; 
	margin-right: 20px;
}
#StatusArchiveContainer div.StatusNameContainer {
	float: left;
	width: 450px;
}

#StatusArchiveContainer #HeaderYearLinks {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#StatusArchiveContainer li.HeaderYearItem   {
	font-weight:bold;
	display:inline;
	border-right: solid 1px #E1E1E1;
	padding: 0 10px;
}

#StatusArchiveContainer li.HeaderLastYear   {
	border:none;
}

#StatusArchiveContainer li.HeaderFirstYear   {
	padding-left: 0;
}

/******** End Archive Styles *******/

/******** Begin USWDS Responsive *******/

@media (max-width: 750px) {
	.uswds .Status {
		background-size: auto 50px;
		padding: 75px 15px 0 0;
	}
	.uswds #StatusDetails,
	.uswds #BeginDateSpan {
		padding-left: 0;
	}
	.uswds .anchor-container {
		padding-left: 0 !important;
	}
	.uswds .Status h2 {
		font-size: 2rem;
	}
}