html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym,
  address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,
  b, u, i, center, dl, dt, dd, li, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead, table,
  tr, th, td, article, Aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
  output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  * {box-sizing: border-box;}

  html {
    font-size: 62.5%; /* ------------------------ 1.0rem or 10px base. */
    -webkit-font-smoothing: antialiased !important;
    scrollbar-width: none; /* For Firefox!! */
  }

  /* Default style for list in editor */
  ul,ol {
      margin-block-start: 1em;
      margin-block-end: 1em;
  }
  li {
      margin-inline-start: 1.25em;
  }

  /*
    Theme Color Reference:
    Blues:
    #eff3f8 <-- app background
    #4e61ed <-- button & app accents
    #2e44ea <-- button-hover
    #7482f1 <-- button disabled
    
    Greys:
    #444 <-- primary font

    border-radius: 
    7px <-- buttons
    14px <-- dialog boxes, menus, large areas

  */
  /* :root {} */

  @font-face { /* Regular */
    font-family: "Roboto Condensed";
    src: url('../fonts/app-fonts/Roboto-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
  }
  @font-face { /* Regular-italic */
    font-family: "Roboto Condensed";
    src: url('../fonts/app-fonts/Roboto-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
  }
  @font-face { /* Bold */
    font-family: "Roboto Condensed";
    src: url('../fonts/app-fonts/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
  }

  body {
    line-height: 1.2;
    font-family: Roboto, sans-serif;
    background: #fff;
    font-size: 1.4rem;
    color: #555555;
    user-select: none; /*  Prevents user from selecting button text, etc. */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    --wp--style--block-gap : 0px !important; /* Removes ~15px gap from top of header. */
  }

  body::-webkit-scrollbar {display: none;}
  ::-webkit-scrollbar {width: 10px;} /* width */
  ::-webkit-scrollbar-track {background: #fff;} /* Track */
  ::-webkit-scrollbar-thumb {background: #bfbfbf;} /* Handle */
  ::-webkit-scrollbar-track:hover {background: #f2f2f2;} /* Track */
  ::-webkit-scrollbar-thumb:hover {background: #999;} /* Handle */
  

  .wp-site-blocks { /* Set WordPress standard left/right padding to 0px. */
    padding-left : 0px !important;
    padding-right : 0px !important;
  }
  .wp-container-1 > :where(:not(.alignleft):not(.alignright)) { /* Set WordPress 'wp-container-1' to full page width. */
    max-width: 100% !important;
  }


  p {font-size: 1.5rem;}

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #222;
  }
  h1 {font-size: 3.0rem;}
  h2 {font-size: 2.6rem;}
  h3 {font-size: 1.8rem;}
  h4 {font-size: 1.4rem;}
  h5 {font-size: 1.2rem;}
  h6 {font-size: 1.0rem;}

  ::-webkit-input-placeholder {color: #222;} /* Chrome/Opera/Safari */
  ::-moz-placeholder {color: #222;}          /* Firefox 19+ */
  :-ms-input-placeholder {color: #222;}      /* IE 10+ */
  :-moz-placeholder {color: #222;}           /* Firefox 18- */

  a {
    color: #4e61ed;
    text-decoration: none;
  }
  a:visited {color: #4e61ed;}


  button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    font-family: inherit;
    outline: inherit;
    cursor: pointer;
  }
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  button:focus {outline: 0;}
  button:active {box-shadow: none;}

  .btn_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
  }


  .blk {display: block;}
  .blkIn {display: inline-block;}
  .blkFlx {display: flex;}
  .blkNo {display: none;}
  .ghost {opacity: .3;}