/* Status Cards
------------------------------- */
/*.cards-wrapper-status {
margin-top: 1em;
}*/

.cards-wrapper-status h2.block-title {
/*font-family: "Mallory-medium","Mallory",Verdana,Arial,Helvetica,sans-serif; */
font-family: "YaleNew", Georgia, "Times New Roman", serif; /*4.8.22 updates */
/*font-size: 1.5em;*/
font-size: 2em !important; /*4.8.22 updates */
color: #222;
width: 100%;
margin-top: 0.5em;
margin-bottom: 0;
}

.cards-wrapper-status h2.block-title:after {
content: "";
display: block;
width: 2.5em;
margin-top: 0.75em;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 840px) {
   .cards-wrapper-status h2.block-title {
   text-align: center;
   }
   .cards-wrapper-status h2.block-title:after {
   margin-left: auto;
   margin-right: auto;
   }
}

.card-status {
align-content: flex-start;
/*margin-bottom: 1.75em;*/
margin-bottom: .5 em;
}

.card-status:first-child {
/* width: 64.5%; */
margin-right: 6.5%;
width: 29%;
}

.card-status:last-child {
/* width: 29%; */
width: 64.5%;
}

.card-status ul li {
position: relative;
margin-left: 1.2em;
margin-bottom: 0.1em;
}

.card-status li:before {
width: 9px;
height: 9px;
position: absolute;
left: 0;
top: 1px;
border: 1px solid #a3a3a3;
display: block;
content: "";
float: left;
margin: 10px 0 0 -19px;
}

.card-status .pane-content {
display: block;
width: 100%;
}

.card-status .pane-content p {
margin-bottom: 0.5em;
}

.card-status {
position: relative;
}

.alert-status {
display: inline-block;
}

.alert-status span {
padding: 0 0.5em;
display: inline-block;
}

@media screen and (min-width: 840px) {
    .card-status:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    /* right: -5%; */
    right: -11.5%;
    height: 100%;
    border-right: 1px solid #d5d5d5;
    }
}

/* Middle 2 Cards (moved to bottom)
-------------------------------------------- */
.cards-wrapper-middle-2 {
position: relative;
} 

.cards-wrapper-middle-2:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
    /* width: 300%; */
    /* left: -100%; */
    width: 110% !important;
    left: -5% !important;
    /* background-color: #F5F5F5; */
    /* background-color: #eee; */
    /* background-color: #036cb6; */
    background-color: #16609e !important;
}


.cards-wrapper-middle-2 .block-inner {
position: relative;
z-index: 1;
/*background-color: #eee;*/
background-color: #15609e !important;

padding: 2em 0;
/* 
background-color: #fff;
padding: 1.5em;
margin-top: 2em;
margin-bottom: 2em; */
}

/*
@media (max-width: 740px) {
	.cards-wrapper-middle-2 { padding: 0; }
} */

.cards-wrapper .contextual-links-wrapper {
right: 50%;
}

.panel-col div {
display: flex;
flex-wrap: wrap;
}

/* .panel-col div:last-child {
margin-auto: auto !important;
} */

.card-middle-2 .pane-title  {
/*font-family: "Mallory-medium","Mallory",Verdana,Arial,Helvetica,sans-serif;*/
/*font-size: 1.5em;*/
/*font-size:1.75em; */
font-size: 2em !important; /*4.8.22 update*/
color: #222;
width: 100%;
margin-top: 0.5em;
margin-bottom: 0;
}

.card-middle-2 .pane-title:after {
content: "";
display: block;
width: 2.5em;
margin-top: 0.75em;
margin-bottom: 1em;
/* border-bottom: 1px solid #ccc; */
border-bottom: 1px solid #a3a3a3;
}

.card-middle-2 .pane-content {
display: block;
width: 100%;
}

.card-middle-2 .pane-content p {
margin-bottom: 0.5em;
}

.card-middle-2 {
position: relative;
}

@media screen and (min-width: 840px) {
    .card-middle-2 {
    align-content: flex-start;
    float: left;
    width: 45%;
    margin-right: 10%;
    }
    .card-middle-2:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    /* right: -7%; */
    right: -11%;
    height: 100%;
    /* border-right: 1px solid #d5d5d5; */
    border-right: 1px solid #a3a3a3;
    }
}

@media (max-width: 840px) {
    .cards-wrapper-middle-2 .block-inner {
    /*position: static;*/
    margin-bottom: 0;
    padding-top: 1em;
    }
}