/* style overrides to change the page-based news layout from card to panel */

    main .news-listing-grid__items, .content-container .content .news-listing-grid__items {
      display: block !important;
    }
    
    main .news-listing-grid__items .news-listing-grid__item, .content-container .content .news-listing-grid__items .news-listing-grid__item {
      margin: 1em !important;
    }
    
    main .news-listing-grid__link, .content-container .content .news-listing-grid__link {
      display: flex !important;
      width: 100% !important;
      height: 191px !important;
    }
    
    main .news-listing-grid__image, .content-container .content .news-listing-grid__image, .news-listing-thumbnail {
      height: unset !important;
      flex-shrink: 0 !important;
      border-radius: 25px 0 0 25px !important;
      height: 191px !important;
      width: 290px !important;
      object-fit: cover;
    }
   /*    
    main .news-listing-grid__image .news-listing-grid__image-img, .content-container .content .news-listing-grid__image .news-listing-grid__image-img {
      width: 290px !important;
    }
   */   
    main .news-listing-grid__content, .content-container .content .news-listing-grid__content {
      height: unset !important;
      padding-top: 1.5em;
      padding-bottom: 2em;
      padding-left: 2em;
      padding-right: 2em;
      overflow-y: unset !important;
      position: relative !important;
      width: 100% !important;
    }
    
    main .news-listing-grid__link.news-listing-grid__link--image-bottom, .content-container .content .news-listing-grid__link.news-listing-grid__link--image-bottom {
      flex-direction: unset !important;
    }
    
    main .news-listing-grid__link--image-bottom .news-listing-grid__image-mask, .content-container .content .news-listing-grid__link--image-bottom .news-listing-grid__image-mask {
      background-image: none !important;
    }
    
    main .news-listing-grid__content .news-listing-grid__body, .content-container .content .news-listing-grid__content .news-listing-grid__body {
      height: 65px !important;
      overflow: hidden !important;
      
      /* 
      display:block; 
      uncomment this rule to make the metadata page description visible on each news item
      */
    }
    
    .dateinline {
      bottom: 1.5em !important;
      left: unset !important;
      color: #5c5c5c;
    }
    
    .news-listing-grid__item .news-listing-grid__link--image-bottom .latest-news__arrow path {
        stroke: var(--tertiary-color);
    }
    
    .pagination a {
        color: black;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border-radius: 5px;
        margin: 0 10px;
        padding-right: 12px !important;
    }
    
    .pagination a:hover:not(.active) {background-color: #ddd;}
    
    
    @media only screen and (max-width: 768px) {
        main .news-listing-grid__image, .content-container .content .news-listing-grid__image {
            display: none;
        }
    }