/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename.css, then process with Codekit to output into prod/

*/


/* GROUP COMPONENTS / NEWS ARCHIVE
=================================================== */
/* Notes...

	- E.g. homepage

*/
/* HTML Example...

*/
/* Modifiers...

    .c-news-archive--compressed <-- e.g. /news/index

*/
/* GROUP COMPONENTS / NEWS ARCHIVE / LAYOUT
=================================================== */
/* time*/
.c-news-archive__date {
    display: inline-block;
}

.c-news-archive__grid {
    display: grid;
    gap: var(--spacing-l) var(--spacing-m);
    max-width: var(--max-width-2);
    margin: auto;
}

.c-news-archive__grid article {
    position: relative;
}

.c-news-archive__link {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* --mq-news-archive-1-before */
@media (max-width: 1189px) {
    .c-news-archive__grid article {
        max-width: var(--max-width-panel);
        margin: auto;
    }
}

/* --mq-news-archive-1-after */
@media (min-width: 1190px) {
    .c-news-archive__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* GROUP COMPONENTS / NEWS ARCHIVE / SPACING
=================================================== */
.c-news-archive:not(.c-news-archive--compressed) {
    padding-block: var(--spacing-vh-s);
}

.c-news-archive__grid {
    padding-inline: var(--spacing-s-1);
}

.c-news-archive article {
    padding: 0;
}

.c-news-archive__text {
    padding-block-start: var(--spacing-l);
}

.c-news-archive__date,
.c-news-archive__title,
.c-news-archive__text p {
    padding-inline: var(--spacing-l);
}

.c-news-archive__title,
.c-news-archive__text p {
    /* Increase to make up for the read more icon in the bottom right */
    padding-inline-end: var(--spacing-l-3);
}

.c-news-archive__date {
    padding-block-start: var(--spacing-s-x);
    padding-block-end: var(--spacing-s-x);
}

.c-news-archive__text p.u-line-clamp {
    padding-block-end: 0;
    margin-block-end: var(--spacing-l-2);
}

.c-news-archive__link svg {
    box-sizing: content-box;
    padding: var(--spacing-s-1);
}

/* --mq-news-archive-1-after */
@media (min-width: 1190px) {
    .c-news-archive__grid {
        /* Increase */
        padding-inline: var(--spacing-l);
    }
}
/* GROUP COMPONENTS / NEWS ARCHIVE / DECORATION
=================================================== */
.c-news-archive__feature-image {
    position: relative;
}

.c-news-archive__date {
    text-transform: uppercase;
    color: var(--colour-red);
    letter-spacing: var(--letter-spacing-m);
}

.c-news-archive__grid article {
    background: white;
    color: black;
    box-shadow: var(--box-shadow-s-focus);
}

.c-news-archive article h3 {
    text-transform: initial;
    font-weight: var(--font-family-main-weight-medium);
}

.c-news-archive p {
    font-size: var(--font-size-s);
    line-height: var(--font-size-s-line-height);
}

.c-news-archive__link svg {
    background: var(--colour-grey);
    color: white;
    font-size: min(5vw, var(--icon-size-s-x));
}

/* --mq-news-archive-1-after */
@media (min-width: 1190px) {
    .c-news-archive__grid article {
        font-size: var(--font-size-s-x);
    }
}