/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 7/2026
 * ===========================
 */

:root {
  --federal: #da291c;
  --alberta: #0d3692;
  --british-columbia: #00247d;
  --manitoba: #cc0000;
  --new-brunswick: #f4c600;
  --newfoundland-and-labrador: #f8d80e;
  --northwest-territories: #00549f;
  --nova-scotia: #0047b6;
  --nunavut: #0164bb;
  --ontario: #cf142b;
  --prince-edward-island: #d54040;
  --quebec: #002495;
  --saskatchewan: #076a21;
  --yukon-territories: #0738ac;
}

.title-block__content {
  @media (min-width: 960px) {
    max-width: 58vw;
    background: linear-gradient(to right, rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
    border-radius:0;
    &::before {
      background:rgba(255,255,255,.8);
    }
  }
  @media (min-width: 1376px) {
    max-width: 720px;
  }
}

main#top.content {
  padding-bottom:0;
}
h1.page-title {
  margin-bottom:6px;
}
#News-container {
  padding: 24px 24px 96px;
  @media screen and (min-width: 768px) {
    padding-left: 48px;
    padding-right: 48px;
  }
  @media screen and (min-width: 1376px) {
    padding-left: 0;
    padding-right: 0;
  }
}

ul#News-list {  
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-gap: 24px;
  li {    
    a {
      display: flex;
      flex-direction:column;
      height: 100%;
      background:white;      
      .title {
        font-weight: 600;
      }
      &:hover,
      &:focus {
        text-decoration: none;
        .title {
          color: inherit;
          text-decoration: underline;
        }
      }
      .province {        
        color:white;
        background:var(--federal);
        padding:9px 24px;
        position:relative;
        display:flex;
        align-items:center;
        &.newfoundland-and-labrador,
        &.new-brunswick {
          color:#262626;
        }
        &.alberta { background:var(--alberta); }
        &.british-columbia { background:var(--british-columbia); }
        &.manitoba { background:var(--manitoba); }
        &.new-brunswick { background:var(--new-brunswick); }
        &.newfoundland-and-labrador { background:var(--newfoundland-and-labrador); }
        &.northwest-territories { background:var(--northwest-territories); }
        &.nova-scotia { background:var(--nova-scotia); }
        &.nunavut { background:var(--nunavut); }
        &.ontario { background:var(--ontario); }
        &.prince-edward-island { background:var(--prince-edward-island); }
        &.quebec { background:var(--quebec); }
        &.saskatchewan { background:var(--saskatchewan); }
        &.yukon-territories { background:var(--yukon-territories); }        
        img {
          position:absolute;
          height:100%;
          top:0;
          right:0;
        }
      }
      .inner-container {
        padding:24px;
        position:relative;
        height:100%;
        display:block;
        background: rgba(0,0,0,.03);
        .date-and-source,
        .description {
          font-size: 0.9rem;
          line-height: 1.4;
          color: #707070;        
        }
        .date-and-source {
          font-weight:600;
        }
        .description {
          margin: 4px 0 0;
          overflow:hidden;
          text-overflow: ellipsis;
          display:-webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;                   
        }
      }      
    }
  }
}