/*
    Standard Footer v1.0 | 23.08.2022
    "footer.css"
    by Valentin Müller

    Stylable Elements:

        General:

            <h6>
            <p>
            <a>
        
        Explicit:

            .about
            .links
            .contact
            .copyright
    
    Needed Files:
        "standard-values.css"
        "reset.css"
*/

@import 'standard-values.css';

:root {
    /* Variables:*/

    --footer-items: 4;          /* Set this to the number of Items visible in the footer | Default: [4] */
}

footer {
    font-size: var(--standard-text);
    font-family: var(--standard-font);
    background-color: var(--c-primary-color);
    color: var(--c-secondary-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
    word-wrap: break-word;
    overflow-wrap: break-word;
}

footer > * {
    padding: 1rem 2rem;
    box-sizing: border-box;
}

footer > *:last-child {
    max-width: 100%;
    background-color: var(--c-primary-color);
    flex: 0 0 100%;
    text-align: center;
    padding: 1rem;
    box-sizing: border-box;
}

footer hr {
    height: 1px;
    background-color: var(--c-secondary-color);
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 1rem;
}

footer a {
    color: var(--c-secondary-color);;
}

@media screen and (max-width: 768px) {
    footer > * {
        width: 100%;
    }
}