/*grid without sidebar*/

@supports (display: grid) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs ." ". comp comp comp comp ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }

    body.has-sidebar-right .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs ." ". comp comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }

    @media (max-width: 1023px) {
      body.has-sidebar-right .site-grid {
        grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". breadcrumbs breadcrumbs breadcrumbs breadcrumbs ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
      }
    }
  }


  /*top-a 1 column design for breaking news*/
  .grid-child.container-top-a{
    display: grid;
  }

  /*card design*/
    .card{
      border: 0;
      margin-top: 100px;
    }
    .card .card-header{
      background: transparent;
      border: 0;
    }