/* =========================================================
   KENLAW STUDIOS — OFFICIAL GLOBAL FOOTER
========================================================= */

#kenlaw-official-footer{
    width:100%;
    margin:0;
    padding:0;
}

.kenlaw-official-footer{
    position:relative;
    width:100%;
    background:
        radial-gradient(
            ellipse at 50% 100%,
            rgba(201,169,110,.14),
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #050505 0%,
            #010101 100%
        );
    color:#fff;
    border-top:1px solid rgba(201,169,110,.45);
    overflow:hidden;
}

.kenlaw-official-footer .footer-main{
    position:relative;
    width:min(1180px,88vw);
    margin:0 auto;
    padding:42px 0 22px;

    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-areas:
        "nav logo"
        "contact contact"
        "social social"
        "location location"
        "copyright copyright";

    row-gap:22px;
}

/* NAVIGATION */

.kenlaw-official-footer .footer-navigation{
    grid-area:nav;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.kenlaw-official-footer .footer-navigation a{
    width:max-content;

    color:#f5f2eb;
    text-decoration:none;

    font-family:Arial,sans-serif;
    font-size:10px;
    font-weight:400;
    letter-spacing:.4px;

    border-bottom:1px solid rgba(201,169,110,.65);
    padding-bottom:3px;

    transition:
        color .25s ease,
        transform .25s ease,
        border-color .25s ease;
}

.kenlaw-official-footer .footer-navigation a:hover{
    color:#e8c778;
    border-color:#e8c778;
    transform:translateX(4px);
}

/* KS MONOGRAM */

.kenlaw-official-footer .footer-monogram{
    grid-area:logo;

    justify-self:end;
    align-self:start;

    display:flex;
    align-items:center;
    gap:0;
}

.kenlaw-official-footer .footer-monogram span{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:60px;
    line-height:.72;
    font-weight:400;

    color:#e6c474;

    text-shadow:
        0 0 8px rgba(220,180,90,.35),
        0 0 20px rgba(220,180,90,.18);
}

/* KENLAW CONTACT */

.kenlaw-official-footer .footer-studio-contact{
    grid-area:contact;

    display:flex;
    justify-content:center;
    align-items:center;

    gap:30px;

    padding-top:3px;
}

.kenlaw-official-footer .studio-contact-item{
    display:inline-flex;
    align-items:center;
    gap:9px;

    color:#c9a96e;
    text-decoration:none;

    font-family:Arial,sans-serif;
    font-size:10px;
    letter-spacing:.3px;

    transition:
        color .25s ease,
        transform .25s ease;
}

.kenlaw-official-footer .studio-contact-item:hover{
    color:#ffe5a1;
    transform:translateY(-2px);
}

.kenlaw-official-footer .studio-contact-icon{
    width:23px;
    height:23px;

    display:inline-flex;
    justify-content:center;
    align-items:center;

    flex:0 0 23px;
}

.kenlaw-official-footer .studio-contact-icon svg{
    width:20px;
    height:20px;
    fill:currentColor;
}

/* SOCIAL */

.kenlaw-official-footer .footer-social-bottom{
    grid-area:social;

    display:flex;
    justify-content:center;
    align-items:center;

    gap:24px;
}

.kenlaw-official-footer .footer-social-bottom a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:24px;
    height:24px;

    color:#d5ae5b;
    text-decoration:none;

    font-family:Arial,sans-serif;
    font-size:17px;

    transition:
        color .25s ease,
        transform .25s ease,
        text-shadow .25s ease;
}

.kenlaw-official-footer .footer-social-bottom a:hover{
    color:#ffe7a5;
    transform:translateY(-3px);

    text-shadow:
        0 0 10px rgba(255,220,140,.65);
}

/* LOCATION */

.kenlaw-official-footer .footer-location{
    grid-area:location;

    text-align:center;
    margin-top:4px;
}

.kenlaw-official-footer .footer-location p{
    margin:4px 0;

    color:#d9b96e;

    font-family:Arial,sans-serif;
    font-size:8px;
    line-height:1.5;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* COPYRIGHT + DEVELOPER */

.kenlaw-official-footer .footer-copyright{
    grid-area:copyright;

    width:100%;

    text-align:center;

    padding-top:14px;

    border-top:1px solid rgba(201,169,110,.16);
}

.kenlaw-official-footer .footer-copyright p{
    margin:4px 0;
}

.kenlaw-official-footer .copyright-line{
    color:#77736b;
    font-family:Arial,sans-serif;
    font-size:8px;
}

.kenlaw-official-footer .developer-credit{
    margin-top:7px !important;

    color:#bca66f;

    font-family:Arial,sans-serif;
    font-size:9px;
    letter-spacing:.4px;
}

.kenlaw-official-footer .developer-contact{
    color:#77736b;

    font-family:Arial,sans-serif;
    font-size:8px;
    line-height:1.7;
}

.kenlaw-official-footer .developer-contact a{
    color:#bca66f;
    text-decoration:none;
}

.kenlaw-official-footer .developer-contact a:hover{
    color:#ffe5a1;
}

/* GOLD BOTTOM EDGE */

.kenlaw-official-footer::after{
    content:"";

    position:absolute;

    left:7%;
    right:7%;
    bottom:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8e6b2e,
            #f1d48a,
            #8e6b2e,
            transparent
        );

    box-shadow:
        0 0 10px rgba(220,180,90,.45);
}

/* MOBILE */

@media(max-width:800px){

    .kenlaw-official-footer .footer-main{
        width:88vw;

        grid-template-columns:1fr;

        grid-template-areas:
            "nav"
            "logo"
            "contact"
            "social"
            "location"
            "copyright";

        row-gap:18px;

        padding:
            35px 0
            18px;
    }

    .kenlaw-official-footer .footer-navigation{
        align-items:flex-start;
    }

    .kenlaw-official-footer .footer-monogram{
        justify-self:center;
    }

    .kenlaw-official-footer .footer-monogram span{
        font-size:55px;
    }

    .kenlaw-official-footer .footer-studio-contact{
        flex-direction:column;
        gap:10px;
    }

    .kenlaw-official-footer .studio-contact-item{
        font-size:9px;
    }

    .kenlaw-official-footer .footer-social-bottom{
        gap:20px;
    }

    .kenlaw-official-footer .footer-location p{
        font-size:7px;
        letter-spacing:1.4px;
    }

    .kenlaw-official-footer .developer-contact{
        font-size:8px;
    }
}