footer {
    padding: var(--standardpadding);
    color: var(--offblack);
    background: #7da5a7;
    background-size: 260px;
}

footer>div {
    display: grid;
    grid-template-columns: auto;
    grid-gap: var(--standardpadding)
}

#block-nick-companyinfo {
    grid-row: 1 / 3;
    grid-column: 2;
}

#block-nick-companyinfo p {
    max-width: unset;
    margin: 0;
    text-align: center;
    padding-top: 20px;
}

#block-nick-copyright {
    grid-column: 3;
    grid-row: 3;
    text-align: right;
}

#block-nick-copyright .text-formatted p {
    max-width: unset;
}

#block-nick-footer {
    grid-column: 1 / 3;
    grid-row: 3;
}

#block-nick-socialmedialinks {
    grid-row: 1;
    grid-column: 3;
}



footer .logos > .field__item {
    width: 140px;
    text-align: center;
}

footer h2 {
    margin-bottom: 1.5em
}

footer h2:after {
    content: "";
    position: absolute;
    bottom: -.6em;
    left: 0;
    width: 50px;
    height: 1.75px;
    background: #fff;
    z-index: 0
}

footer #block-nick-carbonfootprint div:has(> .bk-white),
footer #block-nick-cpd div:has(> .bk-white),
footer #block-nick-livingwage div:has(> .bk-white),
footer #block-nick-socialmedialinks div:has(> .bk-white) {
    background-color: transparent;
}


footer #block-nick-socialmedialinks .logos {
    padding: 0;
    margin: 0 -25px 0 0;
    gap: 0;
    justify-content: right;
}

footer #block-nick-livingwage .logos{
    justify-content: left;
}

footer #block-nick-carbonfootprint .logos,
footer #block-nick-cpd .logos{
	  padding: 0;
    margin: 0;
    gap: 0;
    justify-content: left;
}


footer #block-nick-carbonfootprint .logos img,
footer #block-nick-cpd .logos img {
    width: 120px;
    height: auto;
    display: block;
    clip-path: circle(40%);
    mix-blend-mode: normal;
    background: white;
    margin: 0 auto;
}

footer #block-nick-livingwage .logos img,
footer #block-nick-socialmedialinks .logos img {
    mix-blend-mode: normal;
}

footer #block-nick-livingwage .logos > .field__item,
footer #block-nick-socialmedialinks .logos > .field__item {
    width: 100px;
}

footer #block-nick-livingwage .logos img {
    width: 200px;
}


.menu--footer .menu-item {
    display: inline;
}

footer ul.menu{
    margin: 0;
    text-align: left;
}


.menu--footer a {
display: inline-block;
    padding: 2px 0;
    margin-right: 12px;
    color: white;
    margin-bottom: 10px;
    transition: all .3s;
    border-bottom: 2px solid var(--light-alt);
}

.menu--footer a:hover,
.menu--footer a.is-active {
    background: white;
    color: #4b5458;
}




@media (max-width: 1100px) {
#block-nick-companyinfo {
    grid-row: 4;
    grid-column: 1 / 4;
}

#block-nick-companyinfo br {
    position: relative;
    display: inline-block;
    border: 1px solid #f1ffff;
    font-size: inherit;
    height: 19px;
    content: "A";
    width: 1px;
    margin: 0 .8em -3px;
}

}


@media (max-width: 768px) {
	
	
footer	#block-nick-socialmedialinks {
    grid-row: 1;
    grid-column: 1 / 4;
    justify-items: center;
}

footer #block-nick-socialmedialinks .logos {
    justify-content: center;
}

footer #block-nick-socialmedialinks .logos {
    margin: 0 -25px;
}

footer #block-nick-cpd .logos {
    justify-content: center;
}

#block-nick-cpd{
    grid-row: 2;
    grid-column: 1 / 4;
    justify-items: center;
}

#block-nick-footer {
    grid-column: 1 / 4;
    grid-row: 3;
}

footer ul.menu {
    margin: 0;
    text-align: center;
}

	#block-nick-companyinfo {
    grid-row: 4;
    grid-column: 1 / 4;
}

#block-nick-copyright {
        grid-column: 1 / 4;
        grid-row: 5;
        text-align: center;
    }
}



#block-nick-companyinfo a {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 1rem 2rem;
    color: var(--white) !important;
    border-radius: 3rem;
    border-bottom: none !important;
    transition: background-color .3s;
    box-shadow: 0 3px 3px #00000099;
    transition: all .3s;
    background-image: linear-gradient(45deg, #243b3c47, #00000052);
}

#block-nick-companyinfo a::before {
    font-family: FontAwesome;
    content: "\f095";
    display: inline-block;
    margin-right: 17px;
    font-size: .85em;
    width: unset;
    height: unset;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: all .3s ease-out;
    background-color: transparent;
}

#block-nick-companyinfo a:hover {
    background-color: var(--dark-main) !important;
    box-shadow: none;
    border-radius: 3px;
}