/*
===================================
>>>>>>>>>>>>>>>FOOTER<<<<<<<<<<<<<<
===================================
*/

/* TYPOGRAPHIES */
footer h4 {
    font-family: 'discordtitle', 'Arial', 'Helvetica', 'sans-serif';
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1em;
    text-align: start;
}

footer p {
    font-family: 'discordtext', 'sans-serif';
    font-size: 1.1em;
}

footer li {
    font-family: 'discordtext', 'sans-serif';
    font-size: 1.1em;
    padding: 0.075em;
}

/* I) BASE FOOTER CONFIG */
footer {
    border-top: 3px solid rgba(4, 151, 5, 1);
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#footertop {
    display: flex;
    justify-content: center;
    align-items: center;
}

#footertop>div {
    flex: 1 35%;
    max-width: 35%;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    margin: 0.2em 0.75em;
}

#footertop p {
    text-indent: 1em !important;
}

#footerlink {
    display: flex;
}

.footerlink {
    flex: 1 50%;
}

#footerlogo {
    width: 100%;
    margin: 1em 0em;
}

#footerlogo a {
    margin: 0.5em;
}

#footerlogo a>img {
    max-height: 75px;
}

.footerlogo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    margin-left: 15%;
    margin-right: 15%;
}

#footerbottom {
    display: flex;
    width: 100%;
    border-top: 2px solid rgba(4, 151, 5, 0.75);
    border-bottom: 3px solid rgba(4, 151, 5, 1);
    margin-top: 0.25em;
    padding-top: 0.25em;
}

#footerbottom>div:nth-of-type(1) {
    justify-content: flex-end;
    flex: 1 15%;
    margin: 0%;
}

#footerbottom>div:nth-of-type(2) {
    flex: 2 70%;
}

#footerbottom>div:nth-of-type(3) {
    justify-content: flex-start;
    flex: 1 15%;
    margin: 0%;
}

/* LOGO AJUST */
.footerlogo img {
    width: 100%;
    object-fit: contain;
    min-width: 200px;
}

#footerbottom img {
    max-height: 35px;
}

/* TEXT AJUST */
footer h4 {
    margin-block-start: 0.5em;
    margin-block-end: 0.25em;
}

footer p {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
}

footer ul {
    padding-inline-start: 20px;
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
    list-style-type: disclosure-closed;
}

#footerbottomtext {
    text-align: center;
    margin-block-start: 0.8em;
    margin-block-end: 1em;
    margin-inline-start: 0.5em;
    margin-inline-end: 0.5em;
    color: beige;
}