/* CSS to clean up header (things above the content) */

.t-Header-logo {
    margin-left : 0px !important;
}    

#efmpPrintPage {
    padding-top : 15px;
    padding-right : 15px;
    text-align : right;
}

/* CSS for in-page Child Navigation cards */

#efmpChildNavigation .t-Cards--featured .t-Card .t-Card-title {
    line-height : 2.6rem;
    font-size : 1.3rem;
    white-space : inherit; }

#efmpChildNavigation .t-Card-wrap { text-align : center; }

.efmpChildNavPDFButton {
    color : #FFFFFF !important;
    background-color : #194867 !important;
}

/* CSS for the main content */

body, .t-Body {
    background-color : #FFFFFF !important;
}

/* CSS cleaning up body due to slide out panel */

.t-Body-content { margin-left : 0px !important; }

/* generic CSS from DIMS */

.mcfpfooter {
    color:#000000;
    font-size:1.2rem;
}
.mcfpfooter a {
    color:#000000;
    font-size:1.2rem;
}
.mcfpfooter p {
    font-size:1.2rem;
}
.mcfpfooter ul li {
  list-style-type: none;

}
.mcfpfooter ul {
    margin:0px;
}

.mcfpfooter h3 {
    font-size:1.2em;
    font-weight:bold;
}
.mcfpheadertitle1 .t-Region-header{  
   text-align:center;  
}

/* 20180304 - Greber - Scale Images for smaller viewports */ 
img {
    max-width: 100%;
    height: auto;
}

.mcfp-above-footer {
    /* background:#8e8e93; */
    background:#505050;
    color:#000000;
}

/*****************************************/
/*                                       */
/* SB css for redesign mockup - May 2018 */
/*                                       */
/*****************************************/

#efmpSearchBanner {
    padding-top : 5px;
}

.efmpPDFLink {
    text-align: right;
    min-width: 125px;
}

#efmpSearchButton {
    height : 32px;
}

.mega-menu-panel {
    z-index : 1000;
}

#utility {
    background-color : #FFFFFF;
}

@media ( max-width : 767px ) {
    #efmpChildNavigation .t-Cards-item {
        width : 100%;
        display : block;
    }
}

/***************************************/
/*                                     */
/* css from redesign mockup - May 2018 */
/*                                     */
/***************************************/

header *, .t-Body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header *:before, .t-Body *:before,
header *:after, .t-Body *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header, .t-Body {
  font-family: 'Arvo', serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

header h1, .t-Body h1,
header h2, .t-Body h2,
header h3, .t-Body h3,
header h4, .t-Body h4,
header h5, .t-Body h5 {
  font-family: 'Work Sans', sans-serif;
}

header h1, .t-Body h1 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}

header h2, .t-Body h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

header h3, .t-Body h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 5px;
}

header h4, .t-Body h4 {
  font-size: 16px;
  font-weight: 600;
}

header h5, .t-Body h5 {
  font-size: 14px;
  font-weight: 600;
}

header p {
  margin: 0 0 10px;
}

header a, .t-Body a {
  color: #006184;
  text-decoration: none; 
  border-bottom: 1px solid transparent;
  /* added by SBentz to underline anchor tags; Core.min.css sets text-decoration to none; */
}
.t-Body a:hover, .t-Body a:focus {
    border-bottom: 2px solid #006184;
}

.container,
.container-outer {
  width: 100%;
  position: relative;
  padding-left: 15px; /* this causes the States at a Glance cards to lose right-most border */
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.container-outer {
  max-width: 1440px;
}

.container:before,
.container:after,
.container-outer:before,
.container-outer:after,
.inner:before,
.inner:after,
.banner:before,
.banner:after,
.grid:before,
.grid:after,
.directory:before,
.directory:after,
.directory-item:before,
.directory-item:after,
.directory-nav:before,
.directory-nav:after {
  clear: both;
  content: " ";
  display: table;
}

.btn {
  border: none;
  border-radius: 5px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a.btn-primary {
  color: #fff;
  background-color: #006184;
}

a.btn-download {
  color: #194867;
  font-size: 13px;
  font-weight: 600;
  background-color: #9BDCF5;
}

.lead {
  font-size: 1.2em;
}

.dod-alert {
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: .2px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
}

.dod-seal {
  max-width: 20px;
  margin-right: 8px;
  vertical-align: bottom;
}

.site-name {
  color: #194867;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

header #top {
  color: #fff;
  position: relative;
  background-color: #194867;
}

header #main {
  background-image: url(/efmp-directory_images/flag-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

#top .inner {
  margin: 10px 0;
}

#main .inner {
  margin-top: 20px;
  margin-bottom: 25px;
}

#main .wrapper {
}

#main .logo {
  width: 290px;
  padding-right: 60px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#main .mcfp-logo,
#main .mos-logo {
  display: inline-block;
}

#main .mcfp-logo {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 2px solid #A4AEBA;
}

#main .mcfp-logo > img {
  max-width: 40px;
}

#main .mos-logo {
  margin-right: 40px;
}

#main .mos-logo > img {
  max-width: 100px;
}

#main .heading {
  width: 100%;
  padding-right: 60px;
  font-family: 'Work Sans', sans-serif;
}

#main .menu {
  position: absolute;
  top: 40px;
  right: 15px;
  width: 60px;
  font-family: 'Work Sans', sans-serif;
}

.menu-btn {
  color: #D43D56;
  border: none;
  background: none;
  float: right;
  outline: none;
}

.menu-btn:hover {
  cursor: pointer;
}

.menu-btn > .bar {
  display: block;
  width: 33px;
  height: 5px;
  border-radius: 1px;
  background-color: #D43D56;
}

.menu-btn > .bar + .bar {
  margin-top: 4px;
}

.menu-btn > .label {
  font-size: 10px;
  text-align: center;
  line-height: .75;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 6px;
  display: inline-block;
}

.menu-btn.close {
  color: #fff;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 20px;
  right: 10px;
}

.menu-btn.close > .bar {
  position: absolute;
  top: 14px;
  margin: 0;
  background-color: #fff;
}

.menu-btn.close > .bar:nth-child(1) {
  transform: rotate(-45deg);
}

.menu-btn.close > .bar:nth-child(2) {
  transform: rotate(45deg);
}

.menu-btn.close > .label {
  position: absolute;
  bottom: 0;
  left: 5px;
}

.collapse {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.collapse.in {
  display: block;
}

.menu-collapse {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  background-color: #21526C;
  position: absolute;
  top: -80px;
  right: -15px;
  z-index: 100;
  box-shadow: #000 0 0 50px;
  box-shadow: rgba(0,0,0,.5) 0 0 50px;
}

.menu-collapse.in {
  overflow-y: auto;
}

.mega-menu-panel {
  padding: 120px 60px 60px;
}

.mega-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-item + .menu-item {
  margin-top: 40px;
}

.menu-item a.btn-download {
  margin-top: 20px;
}

.menu-item-label {
  color: #9BDCF5;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
  vertical-align: middle;
}

.menu-item-label a {
  color: #fff;
  text-decoration: none;
}

.sub-menu {
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}

.sub-menu-item {
  color: #9BDCF5;
  font-size: 16px;
  font-weight: 500;
}

.sub-menu-item + .sub-menu-item {
  margin-top: 20px;
}

.sub-menu-item a {
  color: #9BDCF5;
  text-decoration: none;
}

.mega-search {
  margin-top: 40px;
  position: relative;
}

.mega-search input {
  height: 48px;
  padding: 16px 18px 16px 48px;
  border-radius: 0;
  outline: none;
  border-style: none;
}

.mega-search .search-ico {
  background-image: url('/efmp-directory_images/search.png');
  width: 18px;
  height: 18px;
  background-size: cover;
  position: absolute;
  left: 18px;
  top: 15px;
  line-height: 48px;
}

#utility {
  font-family: 'Work Sans', sans-serif;
}

#utility .inner {
  margin-top: 10px;
  margin-bottom: 10px;
}

#utility .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}

#utility .search,
#efmpSearchBanner {
  display: none;
}

#efmpSearchBanner > input {
  padding: 4px;
  line-height: 16px;
  height: 28px;
}

#efmpSearchBanner > button {
  height: 28px;
  color: #194867;
  font-size: 15px;
  font-weight: 600;
  vertical-align: middle;
  padding: 0;
  border: none;
  outline: none;
  background: none;
}

button > .icon-go {
  color: #f9b714;
  font-size: 15px;
  line-height: 24px;
  font-style: normal;
  text-align: center;
  width: 24px;
  height: 24px;
  background: #006184;
  display: inline-block;
  border-radius: 1000px;
}

.breadcrumbs {
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 28px;
  display: inline-block;
}

.breadcrumbs > li {
  display: inline-block;
  font-size: 12px; /* moved from .breadcrumbs above to make sure it overrides the Core.min.css styles */
}

.breadcrumbs > li + li:before {
  padding: 0 6px 0 6px; /* changed from padding: 0 4px 0 2px; */
  color: #333;
  content: "\003e";
}

.banner {
  margin-top: 30px;
  margin-bottom: 30px;
}

.banner-img {
  float: left;
  margin-top: 0;
  margin-bottom: 30px;
}

.banner-img > img {
  max-width: 100%;
}

.banner-content {
  float: left;
}

.banner-content h1 {
  margin-top: 0;
  margin-bottom: 15px;
}

.directory,
.directories {
  margin-top: 30px;
  margin-bottom: 30px;
}

.directory .heading,
.directories .heading {
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}

.grid {
  margin-right: -15px;
  margin-left: -15px;
}

.item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}

.item-outer {
  width: 100%;
  margin-bottom: 10px;
  background-color: #f2f2f2;
}

.item-inner {
  padding: 30px;
}

.directory-grid {
  font-family: 'Work Sans', sans-serif;
  margin-right: -5px;
  margin-left: -5px;
}

.item-title a {
  //color: #333;
}

.directory-item {
  width: 100%;
  font-size: 11px;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}

.directory-item-outer {
  width: 100%;
  margin-bottom: 10px;
  background-color: #fff;
}

.directory-item-inner {
  padding: 10px;
}

.directory-nav {
  font-family: 'Work Sans', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.directory-nav > a {
  width: 50%;
  float: left;
  text-align: center;
  display: inline-block;
}

.state-information-container {
  color: #fff;
  background: #21526C;
  padding: 20px 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.state-information {
  font-family: 'Work Sans', sans-serif;
}

.state-information > div {
  padding: 0;
}

.state-information > div:before,
.state-information > div:after {
  clear: both;
  content: " ";
  display: table;
}

.state-information select {
  width: 75%;
  font-size: 14px;
  margin: 0;
  padding: 10px 14px;
}

.state-information-description {
  display: block;
  margin: 0 auto;
}

/*States at a Glance*/
.t-Cards {
  list-style: none;
  margin: 0;
  padding: 0;
}

.t-Cards--3cols, .t-Cards--4cols, .t-Cards--5cols, .t-Cards--cols, .t-Cards--float, .t-Cards--spanHorizontally, .t-Cards--stacked {
  padding: 0 0 6px;
  margin: 0 -20px;
  overflow: hidden;
}

.t-Cards-item {
  vertical-align: top;
  display: block;
  position: relative;
}

.t-Cards--3cols .t-Cards-item, .t-Cards--4cols .t-Cards-item, .t-Cards--5cols .t-Cards-item, .t-Cards--cols .t-Cards-item {
  float: left;
}

.t-Cards--4cols .t-Cards-item {
  width: 100%;
}

.t-Cards--5cols .t-Cards-item {
  width: 20%;
}

.t-Cards--5cols .t-Cards-item:nth-child(5n+1) {
  clear: both;
}

.t-Card {
  position: relative;
  display: block;
  transition: all .1s ease-out;
  font-family: 'Work Sans', sans-serif;
}

.t-Card--featured, .t-Cards--featured .t-Card {
  overflow: hidden;
}

.t-Cards--3cols .t-Cards-item .t-Card, .t-Cards--4cols .t-Cards-item .t-Card, .t-Cards--5cols .t-Cards-item .t-Card, .t-Cards--cols .t-Cards-item .t-Card, .t-Cards--float .t-Cards-item .t-Card, .t-Cards--spanHorizontally .t-Cards-item .t-Card, .t-Cards--stacked .t-Cards-item .t-Card {
  margin: 6px;
}

.t-Card-icon {
  display: none;
}

.t-Cards--displayIcons .t-Card-icon, .t-Cards--displayInitials .t-Card-icon {
  display: block;
}

.t-Card--featured .t-Card-icon, .t-Cards--featured .t-Card .t-Card-icon {
  width: 56px;
  height: 56px;
  margin: 24px auto -8px;
}

.t-Card-icon .t-Icon {
  overflow: hidden;
  width: 48px;
  height: 48px;
  text-align: center;
}

.t-Cards--displayInitials .t-Card-icon .t-Icon {
  display: inline-block;
}

.t-Card--featured .t-Card-icon .t-Icon, .t-Cards--featured .t-Card .t-Card-icon .t-Icon {
  font-size: 28px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 100px;
}

.t-Cards--featured .t-Card .t-Card-icon .t-Icon, .t-Card--featured .t-Card-icon .t-Icon {
  border-radius: 100px;
  color: #FFF;
  background-color: #A0A0A0;
}

.t-Card-initials {
  font-size: 20px;
  line-height: 48px;
  font-weight: 300;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.t-Card--featured .t-Card-icon .t-Card-initials, .t-Cards--featured .t-Card .t-Card-icon .t-Card-initials {
  line-height: 56px;
}

.t-Card--featured .t-Card-titleWrap, .t-Cards--featured .t-Card .t-Card-titleWrap {
  display: block;
  margin: 24px 16px;
}

.t-Card-title {
  color: #3d3d3d;
}

.efmpStatesAtAGlance .t-Card--featured .t-Card-title, .efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 2.4rem;
  text-align: center;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t-Card-body {
  padding: 16px;
}

.t-Card--featured .t-Card-body, .t-Cards--featured .t-Card .t-Card-body {
  border-top: 1px solid rgba(0,0,0,.05);
  margin: 24px 16px;
  padding: 24px 0 0;
}

.t-Cards--featured .t-Card .t-Card-body, .t-Card--featured .t-Card-body {
  background-color: transparent;
}

#efmpStatesAtAGlance .t-Card-body {
  text-align : center;
}

#efmpStatesAtAGlance .efmpServices {
  padding-right : 5px;
}

#efmpStatesAtAGlance .efmpResources {
  padding-left : 5px;
}

#efmpStatesAtAGlance a {
  text-decoration : underline;
}

#efmpStatesAtAGlance .t-Card {
  border : 1px solid #D6D7D9;
}

#efmpStatesAtAGlance .t-Card-title {
  color : #163f5b;
}

#efmpStatesAtAGlance .t-Card .t-Icon {
  box-shadow: 0 0 0 1px #163f5b inset;
  background-color: #FFFFFF;
  color: #163f5b;
}

#efmpStatesAtAGlance .t-Card .t-Icon:hover {
  box-shadow: 0 0 0 1px #163f5binset;
  background-color: #163f5b;
  color: #FFFFFF;
  cursor : default;
}

/*State & Local Info*/
.t-BadgeList {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  font-family: 'Work Sans', sans-serif;
}

.t-BadgeList-item {
  display: block;
  position: relative;
}

.t-BadgeList--circular .t-BadgeList-item {
  display: block;
  position: relative;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 12px;
}

.t-BadgeList--float .t-BadgeList-item {
  float: left;
  min-width: 90px;
  padding-bottom: 45px;
}

.t-BadgeList--cols .t-BadgeList-item:before, .t-BadgeList--fixed .t-BadgeList-item:before, .t-BadgeList--flex .t-BadgeList-item:before, .t-BadgeList--float .t-BadgeList-item:before, .t-BadgeList--stacked .t-BadgeList-item:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: -1px;
  z-index: 11;
}

.t-BadgeList--cols .t-BadgeList-item:after, .t-BadgeList--fixed .t-BadgeList-item:after, .t-BadgeList--flex .t-BadgeList-item:after, .t-BadgeList--float .t-BadgeList-item:after, .t-BadgeList--stacked .t-BadgeList-item:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  right: -1px;
  z-index: 10;
}

.t-BadgeList--float .t-BadgeList-item:before, .t-BadgeList--flex .t-BadgeList-item:before, .t-BadgeList--cols .t-BadgeList-item:before, .t-BadgeList--fixed .t-BadgeList-item:before, .t-BadgeList--stacked .t-BadgeList-item:before {
  background: #e6e6e6;
}

.t-BadgeList--float .t-BadgeList-item:after, .t-BadgeList--flex .t-BadgeList-item:after, .t-BadgeList--cols .t-BadgeList-item:after, .t-BadgeList--fixed .t-BadgeList-item:after, .t-BadgeList--stacked .t-BadgeList-item:after {
  background: #e6e6e6;
}

.t-BadgeList-label {
  display: block;
}

.t-BadgeList--circular .t-BadgeList-label {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 1px;
  font-size: 12px;
  line-height: 1.1;
  padding: 16px 0;
  font-weight: 300;
}

.t-BadgeList--circular .t-BadgeList-label {
  color: #737373;
}

.t-BadgeList--circular.t-BadgeList--large .t-BadgeList-label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2;
  padding: 9.5px 8px;
}

.t-BadgeList-value {
  display: block;
  text-align: center;
}

.t-BadgeList--circular .t-BadgeList-value {
  display: block;
  text-align: center;
  border-radius: 100%;
  margin: 0 auto;
  font-weight: 200;
  transition: background-color .2s;
}

.t-BadgeList--circular .t-BadgeList-value {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}

.t-BadgeList--circular .t-BadgeList-value {
  color: #737373;
  box-shadow: 0 0 0 1px rgba(64, 64, 64, 0.1) inset;
  background-color: #ffffff;
}

.t-BadgeList--circular.t-BadgeList--large .t-BadgeList-value {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  font-weight: 300;
}

.t-BadgeList-value a {
  display: block;
}

.t-BadgeList a {
  color: #737373;
}

.t-BadgeList--circular .t-BadgeList-value a {
  display: block;
  border-radius: 100%;
  text-decoration: none;
  transition: box-shadow .1s,color .1s,background-color .3s;
}

.t-BadgeList--circular .t-BadgeList-value a {
  box-shadow: 0 0 0 1px #194867 inset;
  color: #163f5b;
}

.t-BadgeList--circular .t-BadgeList-value a:hover {
  text-decoration: none;
}

.t-BadgeList--circular .t-BadgeList-value a:hover {
  box-shadow: 0 0 0 4px #194867 inset;
  background-color: #194867;
  color: #ffffff;
}

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

@media (min-width: 768px) {
  header h1, .t-Body h1 {
    font-size: 30px;
  }

  .container {
    width: 750px;
  }

  .dod-seal {
    margin-right: 20px;
  }

  .site-name {
    font-size: 22px;
  }

  #main .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  #main .inner {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  #main .logo {
    margin: 0;
    padding-right: 50px;
    width: 320px;
  }

  #main .mcfp-logo {
    padding-right: 20px;
    margin-right: 20px;
  }

  #main .mcfp-logo > img {
    max-width: 70px;
  }

  #main .mos-logo > img {
    max-width: 150px;
  }

  #main .heading {
    width: auto;
    flex: 1 1 auto;
    padding-right: 0;

  }

  #main .menu {
    top: 0;
    right: 0;
    position: static;
  }

  .menu-btn > .bar {
    display: block;
    width: 42px;
    height: 8px;
    border-radius: 1px;
    background-color: #D43D56;
  }

  .menu-btn > .bar + .bar {
    margin-top: 3px;
  }

  .menu-btn.close > .bar {
    margin: 0;
  }

  .menu-btn > .label {
    font-size: 12px;
    line-height: .75;
    font-weight: 800;
    margin-top: 3px;
  }

  .menu-btn.close {
    top: 40px;
    right: 40px;
  }

  .menu-collapse {
    top: -40px;
    right: 0;
  }

  .menu-item-label {
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
  }

  .menu-item-label + a.btn-download {
    margin-top: 0;
    margin-left: 30px;
    display: inline-block;
  }

  .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .item {
    width: 50%;
    float: left;
  }

  .item-outer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 30px;
  }

  .item-inner {
    padding: 50px;
  }

  .item-title {
    margin-top: 0;
  }

  .directory-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .directory-item {
    width: 100%;
    float: left;
    font-size: 13px;
  }

  .directory-item-outer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px;
  }

  .directory-item-inner {
    min-height: 50px;
    padding: 12px 16px;
  }

  .state-information-container {
    padding: 40px 60px;
  }

  .state-information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  .state-information > div {
    width: 50%;
    float: left;
    padding: 0 15px;
    display: inline-block;
  }

  .state-information h2 {
    text-align: right;
  }

  .state-information-description {
    width: 75%;
    text-align: center;
  }

  .t-Cards--4cols .t-Cards-item {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  #main .logo {
    padding-right: 60px;
    width: 400px;
  }

  #main .mcfp-logo > img {
    max-width: 80px;
  }

  #main .mos-logo {
    margin-right: 60px;
  }

  #main .mos-logo > img {
    max-width: 200px;
  }

  #main .site-name {
    font-size: 26px;
  }

  #utility .breadcrumbs {
    flex: 1 1 auto;
  }

  #utility .efmpPDFLink {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2;
    line-height: 28px;
    /* removed by SBentz due to incompatibility with IE -- display: table-cell; */
    vertical-align: middle;
    white-space: nowrap;
  }

  #utility .efmpPDFLink .pdf_link {
    margin-right: 15px;
  }

  #utility .efmpPDFLink #efmpPrintPageIcon {
    font-size: 1.2em;
  }

  #utility .efmpPDFLink a {
    text-decoration: none;
  }

  #utility .search,
  #efmpSearchBanner {
    display: inline-table;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
  }

  #utility .search > input,
  #efmpSearchBanner > input {
    padding: 4px;
    line-height: 16px;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
  }

  #utility .search > .search-group-addon,
  #efmpSearchBanner > .search-group-addon {
    height: 28px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
  }

  #utility .search > .search-group-addon button,
  #efmpSearchBanner > .search-groupu-addon button {
    background: none;
    border: none;
    height: 28px;
    border: 1px solid #A9A9A9;
    margin-left: -1px;
  }

  #utility .search > .search-group-addon button:focus,
  #utility .search > .search-group-addon button:hover,
  #efmpSearchBanner > .search-group-addon button:focus,
  #efmpSearchBanner > .search-group-addon button:hover {
    outline: none;
    background-color: #ccc;
  }

  .banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  .banner-img {
    margin: 0;
    width: 70%;
  }

  .banner-img > img {
    max-width: 100%;
    padding-right: 30px;
  }

  .banner-content {
    width: 30%;
  }

  .directory-item {
    width: 100%;
    float: left;
  }

  .t-Cards--4cols .t-Cards-item {
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  header h1, .t-Body h1 {
    font-size: 36px;
  }

  .container {
    width: 1024px;
  }
  /*
  #main .inner {
    padding-left: 58px;
    padding-right: 58px;
  }
  */
  #main .heading {
  }

  #main .site-name {
    font-size: 32px;
    display: inline-block;
  }
  /*
  #utility .inner {
    padding-left: 58px;
    padding-right: 58px;
  }
  */
  .t-Cards--4cols .t-Cards-item {
    width: 25%;
  }
}

.efmpStatesAtAGlance .t-Card--featured .t-Card-titleWrap,
.efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-titleWrap {
    display : block;
    margin: 24px 10px;
}

.efmpStatesAtAGlance .t-Card--featured .t-Card-body,
.efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-body {
    border-top: 1px solid rgba(0,0,0,.05);
    margin: 24px 10px;
    padding: 24px 0 0;
}
    
/*****************************************/
/*                                       */
/* SB css for redesign mockup - May 2018 */
/*   - intentionally below the mockup    */
/*     CSS to override it.               */
/*                                       */
/*****************************************/

/* CSS for States at a Glance state cards */

.efmpStatesAtAGlance .t-Card--featured .t-Card-title, .efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-title {
  white-space: initial;
}

.efmpStatesAtAGlance .fa-external-link {
    margin-left: 1px;
    font-size: 1rem;
    vertical-align: text-top;
    color: #006184;
}

.efmpStatesAtAGlance .t-Cards--4cols .t-Cards-item:nth-child(4n+1) {
    clear : inherit;
}

.efmpStatesAtAGlance .efmpStateEI {
    /* min-height : 40px; */
    margin-bottom : 5px;
}

.efmpStatesAtAGlance .efmpStateEI a {
    white-space : nowrap;    
}

.efmpStatesAtAGlance .efmpPTI {
    /* min-height : 40px; */
}

.efmpStatesAtAGlance .t-Card-body {
    text-align : center;
}

.efmpStatesAtAGlance .efmpServices {
    padding-right : 5px;
}

.efmpStatesAtAGlance .efmpResources {
    padding-left : 5px;
}

.efmpStatesAtAGlance a {
    text-decoration : underline;
}

.efmpStatesAtAGlance .t-Card {
    border : 1px solid #D6D7D9;
}

.efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-wrap,
.efmpStatesAtAGlance .t-Cards--featured .t-Card-wrap,
.efmpStatesAtAGlance .t-Cards--featured .t-Card .t-Card-icon .t-Icon,
.efmpStatesAtAGlance .t-Cards--featured .t-Card-icon .t-Icon {
    background-color : #FFFFFF;
}

.efmpStatesAtAGlance .t-Card-title,
.efmpStatesAtAGlance .t-Card-initials {
    color : #163f5b;
}

.efmpStatesAtAGlance .t-Card-initials:hover {
    color : #FFFFFF;
}

.efmpStatesAtAGlance .t-Card .t-Icon {
    box-shadow: 0 0 0 1px #163f5b inset;
    background-color: #FFFFFF;
    color: #163f5b;
}

.efmpStatesAtAGlance .t-Card .t-Card-icon .t-Icon:hover,
.efmpStatesAtAGlance .t-Card-icon .t-Icon:hover {
    box-shadow: 0 0 0 1px #163f5b inset;
    background-color: #163f5b;
    color: #FFFFFF;
    cursor : default;
}

.efmpStatesAtAGlance .t-Card-wrap {
    border : none;
    box-shadow : none;
}
#efmpStatesAtAGlanceSchoolAge li.t-Cards-item .t-Card {
    min-height : 355px;
}

#efmpStatesAtAGlanceEI li.t-Cards-item .t-Card {
    min-height : 375px;
}

.state-information {
    padding : 10px 0px;
}

@media (min-width: 1200px) {
  #utility .breadcrumbs {
      width: 100%;
  }
  #main .logo {
      width : 400px;
  }
}

.menu > button > span.label {
    font-family: Arial
}

#main .heading {
    margin-top: -6px;
}

@media print {

  .t-Body-content {
    padding-bottom : 0px;
  }

  #main .heading {
    display : table-cell;
  }

  #main .logo {
    float : left;
    width : 230px;
  }

  .t-Body-topButton {
    display : none !important;
  }
}

.directories p.heading {
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
}

/* CSS to hide things when in print mode */

@media print
{   .noPrint,
    .efmpPDFLink,
    .t-Body-inlineDialogs,
    .t-Footer,
    .page-footer,
    .mcfpfooter {
        display : none !important;
    }
}

/* added June 2019 */
.container-outer, .utility {
    max-width: 1100px;
    margin: auto;
}
.t-Body-contentInner {
    max-width: 1100px;
    box-shadow: 0px 0px 50px 0px #CCCCCC;
}
.menu-item-label a:hover {
  border-bottom: 2px solid #fff;
}
.sub-menu-item a:hover {
    border-bottom: 2px solid #9BDCF5;
}
.efmpBreadcrumbEntry a {
    text-decoration: none;
    color: #000;
}
.efmpBreadcrumbEntry a:hover {
    border-bottom: solid #194867 2px;
}
.mcfp-above-footer {
    display: none;
}

p.footer-release {
    color: white !important;
    padding: 25px 0px 0px 0px;
}

/* **** EXTERNAL LINK NOTICE **** */

body [aria-describedby="efmp-ext-link-dialog"].ui-dialog.ui-front {
    z-index: 150000;
}
[aria-describedby="efmp-ext-link-dialog"] > .ui-dialog-titlebar {
    display : none;
}
.efmp-ext-link-container {
    padding-top: 65px;
    text-align: center;
}
.efmp-ext-link-dialog .container {
    width: auto;
}
.efmp-ext-link-dialog .efmp-icon-button {
    background-color: transparent;
    border: 0;
}
.efmp-ext-link-dialog .efmp-cancel-button {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 0;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    position: absolute;
    right: 42px;
    top: 39px;
    vertical-align: baseline;
}
.efmp-ext-link-dialog .efmp-icon-button .efmp-red-line {
    background-color: #d64054;
    display: block;
    height: 6px;
    margin: 0 auto;
    width: 32px;
}
.efmp-ext-link-dialog .efmp-button-text {
    color: #194867;
    display: block;
    font-family: 'Work Sans', sans-serif;
    font-size: 8px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    padding-top: 12.3px;
    text-align: center;
    text-transform: uppercase;
}
.efmp-view-title-style {
    color: #194867;
}
.efmp-view-title {
    display: inline-block;
    z-index: 10;
}
.efmp-ext-link-dialog #efmp-ext-link-body {
    text-align: center;
}
.efmp-ext-link-dialog .efmp-section-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    margin: 30px;
}
.efmp-ext-link-dialog .efmp-section-text {
    font-family: 'Arvo', serif;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    padding: 0px 25px 54px 25px;
}
.efmp-ext-link-dialog #efmp-ext-link-continue-btn {
    background-color: #d43e51;
    border-radius: 100px;
    border: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 24px;
    width: auto;
    padding-left: 45px;
    padding-right: 45px;
    text-transform: uppercase;
}

@media ( max-width: 767px ) {
    .efmp-ext-link-dialog .efmp-section-text {
        font-size: 16px;
    }
    .efmp-ext-link-dialog .efmp-section-title {
        font-size: 20px;
    }
}

/* add icon to all links that open in a new tab */
.t-Body-contentInner a[target='_blank']:after {
    content: "\f08e";
    font-size: 0.75em;
    font-family: 'FontAwesome';
    margin-left: 5px;
}

#efmpPrintPageIcon.fa-print {
  line-height: 28px !important;
}

/* **** END EXTERNAL LINK NOTICE **** */