/* ----------------- Header ----------------- */

.logo {
    margin: 0 auto 4rem auto;
    height: 8.7rem;
    width: 16.9rem;
    background-image: url('/public/images/birellogo.svg?v=2');
}

.logoContainer {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 0;
    z-index: 50;
}

.shadedLogo {
    display: block;
    margin: 0 auto;
    height: 8.7rem;
    width: 16.9rem;
}

.shadedLogo .shadow {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 89%;
    box-shadow: 0 0.4rem 1.0rem 0 #0000001A,
        0 1.8rem 1.8rem 0 #00000017,
        0 4.1rem 2.5rem 0 #0000000D,
        0 7.4rem 3.0rem 0 #00000003,
        0 11.6rem 3.2rem 0 #00000000;
}

.shadedLogo .logo {
    position: absolute;   
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-image: url('/public/images/birellogo.svg?v=2');
}


/* ----------------- Footer ----------------- */

footer {
    padding: 6.6rem 4.6rem 4.6rem 4.6rem;
    background-color: var(--clr-darkest-blue);
}


footer .fruitDivider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

footer .fruitDivider .leaf {
    position: absolute;
    left: 2.0rem;
    top: -1.1rem;
    height: 2.5rem;
    width: 5.4rem;
    background-image: url('/public/images/assets/leaf.svg');
}

footer .fruitDivider .citrus {
    position: absolute;
    right: 0;
    top: -8.6rem;
    height: 12.1rem;
    width: 12.4rem;
    background-image: url('/public/images/assets/fruit.svg');
}


footer .instagram {
    margin-bottom: 6rem;
}

footer .instagram .title {
    margin-bottom: 1.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

footer .instagram .igLink {
    margin: 0 auto ;
    height: 6.2rem;
    width: 6.2rem;
    background-image: url(/public/images/instagram-logo.svg);
    transition: filter 0.16s;
}

footer .instagram .igLink.active {
    filter: drop-shadow(0 0 4.6vw var(--clr-white)) contrast(110%);
}


footer .footerInfo {
    margin-bottom: 6rem;
}

footer .footerInfo .gdpr {
    font-size: 1.6rem;
    line-height: 2.0rem;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
}

footer .footerInfo .item {
    margin-bottom: 1.8rem;
}


footer .footerCredits {
    
}

footer .footerCredits .text {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
}

footer .footerCredits .text a {
    text-decoration: underline;
}


footer .footerCredits .logo {
    margin-bottom: 6rem;
    height: 4.5rem;
    width: 100%;
    background-image: url('/public/images/birelllogo-text.svg?v=2');
}