/* CSS Mobile Page Styles v2.0 by Ron Craig */
/* Written 11 Dec 2019  :Revised 21 Jan 2023 */
/*
   # - id="" - can only be used 1nce per page
   . - class="" - can be used multiple times per page */
/*  The width & height properties do not include padding, border, & margin of the element  */

  /*  -------------------------------------- Mobile Section ----------------------------------------- */

  /* .menu-container { z-index:50; } */
  /* .page-menu {
    display: none;
  } */

  * { font-family: Roboto, Arial, sans-serif !important; }

  div.header {
    height: 150px;
    margin-top: 0;
    padding: 0;
  }

  div.header img {
    width:150px;
    margin-right:5px;
    padding:0;
  }

  .repeater-dipole  {
    display: flex;
    justify-content: space-between;
    /* justify-content: center; */
    align-items: center;
    align-content: center;
    text-align: center;
    max-width: 500px;
    flex-wrap: wrap;
    /* height: 330px; */
    background: #ccc;
  }
  .repeater-dipole a { margin:0; padding:0; border:0; }
  .repeater-dipole a img { display: block; margin: 0; padding: 0; }
  .repeater-dipole a.item-1 { flex: 0 0 168px; order: 1; }
  .repeater-dipole .item-2 { /*flex: 0 1 500px;*/ order: 3; }
  .repeater-dipole a.item-3 { flex: 0 0 200px; order: 2; }

  .new-radio {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    text-align: center;
    max-width: 500px;
    flex-wrap: wrap;
    /* height: 330px; */
    background: #ccc;
  }
  /* .new-radio .item-1 { order: 1; }
  .new-radio .item-2 { max-width: 500px; order: 3; }
  .new-radio .item-3 { order: 2; } */

  .page-menu { position: fixed; }
  .overlay {
    position:fixed;
    display:none;
    width:100%;
    height:1000px;
    /* top:40px; */
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    z-index:5;
  }

  /*  -------------------------------------- Flexbox Section ---------------------------------------- */