/**********  imp_hdr_menu.css  **********/

  /***  Compress with:  http://www.csscompressor.com/  using "Highest" setting ***/

  /***  or https://cssminifier.com/  ***/
  /***  or http://css.github.io/csso/csso.html  ***/

  /*  When using special characters in your CSS, codes should be written like "\2731".
      The backslash must be there or it won't render the character.
  */



  /* Horizontal menu */
  .pg-hdr-menu {      /* This is a <ul> */
    list-style-type: none;
    font-size: 0.9em;
    margin: 0 auto 0 auto;
    padding: 0;
    white-space: nowrap;
    max-width: 1000px;
    height: 20px;
  }
  .pg-hdr-menu li {
    background-color: #004dab;
    float: left;
    margin: 0;
    width: 16.6667%;                 /* Width of each menu item */
    box-shadow: 0 3px 4px rgba(0,0,0,0.3);
  }
  .pg-hdr-menu li a {
    color: #ffe800;
    font-size: inherit;
    font-style: normal;
    display: block;
    border-left: 1px solid #0098ff;
    text-align: center;
    text-decoration: none;
    text-shadow:1px 1px 2px #000;
    line-height: 20px;
  }
  .pg-hdr-menu li:last-child {
    border-right: 1px solid #0098ff;
  }
  .pg-hdr-menu li a:hover {
    background-color: #006eef;
  }
  .pg-hdr-menu-current {
    background-color: #0062d6;
    color: #fff700;
  }
  /* .pg-hdr-menu-arrow::after {
    content: '&#11206;':
  } */



  /* Vertical sub-menu - not needed here, but keep for reference */
  .pg-hdr-menu li ul {
    margin:0;
    padding:0;
    position:absolute;
    top:inherit !important;
    left:inherit !important;
    width:140px;   /* Not really important here - set the children's widths instead */
    display:none;
  }
  .pg-hdr-menu li:hover ul {
    position:absolute;
    display:block;
  }
  .pg-hdr-menu li:hover ul li a {
    background-color: #004dab;
    height:26px;
    line-height:26px;
  }
  .pg-hdr-menu li ul li {
    display:block;
    padding:0;
    width:140px;
    background-color: #333;
  }
  .pg-hdr-menu li ul li:first-child a {
    border-top: 1px solid #888;
  }
  .pg-hdr-menu li ul li:last-child {
    /* border-bottom:0px; */
  }
  .pg-hdr-menu li ul li a {
    width:140px;
    padding:0;
    background-color: #333;
  }
  .pg-hdr-menu li ul li a:hover {
    background-color:#006eef;
  }
  .pg-hdr-menu li ul li a.active-page {
    background-color:#585858;
    cursor:default;
  }




/**********  EOF  **********/