@import "@cnbritain/merlin-www-common:wireframe";
@import "@cnbritain/merlin-www-image:wireframe";

.c-footer {
    background-color: #000;
    padding: 0 20px;

    a {
        color: inherit;
        text-decoration: underline;
    }
}

.c-footer-wrapper {}

.c-footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.c-footer__list-item {
    @include font-size(13px);
    color: #fff;
    font-family: arial;
    padding: 20px 0;
}

.c-footer__list-item a:focus {
    outline: 2px solid white;
}

.c-footer__list-item + .c-footer__list-item {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.c-footer__list-item--conde-logo {
    padding: 0;
}

.c-footer__list-item--copyright {}

.c-footer__list-item--brand-logo {
    position: absolute;
    bottom: -5px;
    padding: 0;
    right: 0;

    svg, img {
        width: 80px;
    }
}
.c-footer__list-item + .c-footer__list-item--brand-logo {
    border-top: none;
}


@include at-large-size {

    .c-footer__list {
        align-items: center;
        display: flex;
    }

    .c-footer__list-item {
        padding: 0 12px;
    }

    .c-footer__list-item + .c-footer__list-item {
        border-top: none;
    }

    .c-footer__list-item--conde-logo {
        flex-grow: 1;
        padding-left: 0;
    }

    .c-footer__list-item--brand-logo {
        position: static;
        padding-right: 0;
    }

}