/*! 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 / FRAMEWORK / SITE FOOTER
=================================================== */
/* HTML Example...

    .c-site-footer
        .c-site-footer__row.c-site-footer__row--1
            .c-site-footer__nav
            .c-site-footer__tertiary
        .c-site-footer__row.c-site-footer__row--2

*/
/* GROUP COMPONENTS / FRAMEWORK / SITE FOOTER / LAYOUT
=================================================== */
.c-site-footer .c-site-logo {
    align-self: flex-start;
    max-width: 14em;
}

.c-site-footer__nav {
    display: flex;
    /* Gap not supported in Safari */
    /* Increase */
    /* gap: 15%; */
}

/* Gap not supported in Safari */
/* .c-site-footer__nav ul { */
/* Decrease */
/* gap: var(--spacing-s); */
/* } */

.c-site-footer__tertiary {
    align-self: flex-start;
}

.c-site-footer__tertiary ul {
    display: flex;
    /* Gap not supported in Safari */
    /* gap: var(--spacing-l-static); */
}

.c-site-footer hr {
    /* Decrease */
    margin-block-start: var(--spacing-m);
    margin-block-end: var(--spacing-m);
}

/* --mq-footer-breakpoint-1 */
@media (min-width: 600px) {
    .c-site-footer__row--2 .c-site-footer__tertiary {
        align-self: flex-end;
        margin-inline-start: auto;
    }

    .c-site-footer__row--2 .c-site-footer__nav ul {
        padding-block-end: 0;
    }
}

/* --mq-full-nav-after */
@media (min-width: 1200px) {
    .c-site-footer__row {
        max-width: var(--max-width-2);
        margin-inline-start: auto;
        margin-inline-end: auto;
    }

    /* Row 1 */
    .c-site-footer__row--1 {
        display: flex;
        align-items: center;
        /* Gap not supported in Safari */
        /* gap: var(--spacing-l-4); */

        min-height: 10vh;
    }

    /* Row 2 */
    .c-site-footer__row--2 ul {
        flex-direction: row;
    }

    .c-site-footer__row--2 .c-site-footer__nav {
        justify-content: space-between;
        align-items: flex-end;
    }

    /* Gap not supported in Safari */
    /* .c-site-footer__row--2 .c-site-footer__nav ul {
        gap: var(--spacing-l);
    } */
}
/* GROUP COMPONENTS / FRAMEWORK / SITE FOOTER / SPACING
=================================================== */
.c-site-footer__row {
    padding-inline-start: var(--spacing-l);
    padding-inline-end: var(--spacing-l);
}

.c-site-footer .c-site-logo {
    padding: var(--spacing-l-3) 0;
}

.c-site-footer__row--1 .c-site-footer__tertiary {
    padding-block-end: var(--spacing-l-1);
}

.c-site-footer__row--2 {
    padding-block-end: var(--spacing-s-2);
}

/* --mq-full-nav-before */
@media (max-width: 1199px) {
    .c-site-footer__nav ul {
        padding-block-end: var(--spacing-l-2);
    }
}

/* --mq-full-nav-after */
@media (min-width: 1200px) {
    .c-site-footer__row--1 .c-site-footer__nav ul,
    .c-site-footer__row--1 .c-site-footer__tertiary {
        /* Increase */
        padding-block-start: var(--spacing-l-3);
        padding-block-end: var(--spacing-l-3);
    }

    .c-site-footer__nav li {
        padding-block-end: 0;
    }
}
/* GROUP COMPONENTS / FRAMEWORK / SITE FOOTER / DECORATION
=================================================== */
.c-site-footer__nav a {
    text-decoration: none;
}

.c-site-footer__tertiary ul {
    list-style: none;
    font-size: var(--icon-size-m);
}

.c-site-footer__tertiary svg {
    color: var(--colour-grey-light-1);
}

/* Row 1 */
.c-site-footer__row--1 .c-site-footer__nav li:not(:first-child) a {
    font-family: var(--font-family-main-light);
}

.c-site-footer__row--1 .c-site-footer__nav li:first-child {
    font-family: var(--font-family-main-bold);
}

/* Row 2 */
.c-site-footer__row--2 a {
    font-size: var(--font-size-s-0);
    color: var(--colour-grey-reading);
}

.c-site-footer__row--2 svg {
    width: initial;
    height: initial;
}




/* GROUP ELEMENTS / FRAMEWORK / SITE FOOTER / NO FLEX GAP SUPPORT
=================================================== */
.c-site-footer__nav ul:not(:last-child) {
    padding-inline-end: 15%;
}

.c-site-footer__nav li:not(:last-child) {
    /* Decrease */
    padding-block-end: var(--spacing-s);
}

.c-site-footer__tertiary li:not(:last-child) {
    padding-inline-end: var(--spacing-l-static);
}

/* --mq-full-nav-after */
@media (min-width: 1200px) {
    /* Row 1 */
    .c-site-footer__row--1 > *:not(:last-child) {
        /* Gap not supported in Safari */
        margin-inline-end: var(--spacing-l-4);
    }

    /* Row 2 */
    .c-site-footer__row--2 .c-site-footer__nav ul > * {
        padding-inline-end: var(--spacing-l);
        padding-block-end: 0;
    }
}




/* GROUP COMPONENTS / WORDPRESS / SITE FOOTER
=================================================== */
.site-footer {
    background: white;
}

.site-footer p {
    max-width: var(--max-width-2);
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-inline-start: var(--spacing-l);
    padding-inline-end: var(--spacing-l);
    padding-block-start: var(--spacing-m);
    padding-block-end: var(--spacing-m);
    font-size: var(--font-size-s-0);
}