/*-----------------------------------------------------------------------------------------------------------|HEADER|---*/
#dewdrop_header {
    position: relative;
    z-index: 999;
    width: 100%;

    container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 90%;
        max-width: 1712px;
        margin: 0 auto;
        padding: 10px 0;

        #site_logo {
            .logo {
                width: auto;
                max-height: 50px;
            }
        }
    }
}

/*-----------------------------------------------------------------------------------------------------------|FOOTER|---*/
#dewdrop_footer {
    padding-top: 40px;
    padding-bottom: 40px;
    
    container {
        position: relative;
        display: block;
        width: 90%;
        margin: 0 auto;

        .top {
            display: flex;
            align-items: end;
            justify-content: space-between;
            margin-bottom: 10px;

            #site_footer_logo {
                position: relative;
                display: block;
                margin-bottom: 10px;

                .logo {
                    width: 100%;
                    max-width: 120px;
                }
            }
        }

        .bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;

            #copyrights * {
                color: var(--white);
                margin-top: 0;
                margin-bottom: 0;
                opacity: 1;
                font-size: 1rem;
            }

            #developer * {
                color: var(--white);
                margin-top: 0;
                margin-bottom: 0;
                opacity: 1;
                font-size: 1rem;
            }

            #footer_bottom_menu {
                ul {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    list-style: none;
                    margin-top: 0;
                    margin-bottom: 0;
                    padding-left: 0;

                    li {
                        color: var(--white);

                        &:not(:last-child){
                            margin-right: 5px;

                            &:after {
                                content: '|';
                                margin-left: 5px;
                            }
                        }
                        a {
                            color: var(--white);
                            font-size: 1rem;
                        }
                    }
                }
            }
        }
    }
}

/*-------------------------------------------------------------------------------------------------------|RESPONSIVE|---*/
@media screen and (max-width: 1024px) {
    #dewdrop_footer {
        container {
            .top {
                display: block;
                text-align: center;
            }
        }
    }
}
@media screen and (max-width: 600px) {
    #dewdrop_footer {
        container {
            .bottom {
                display: block;
                text-align: center;
            }
        }
    }
}