#components {
    display: none;
}

#header {
    font-size: 14px;
    position: relative;
    > .container-1 {
        > .top {
            height: 85px;
            > .page-width {
                height: 100%;
                padding: 10px 0;

                > .logo {
                    margin-left: 25px;
                    > * {
                        height: 57px;
                        max-height: 57px;
                        width: 156px;
                        max-width: 156px;
                    }
                }

                > .search {
                    @color: #006b47;
                    @buttonWidth: 48px;

                    height: 29px;
                    width: 286px;
                    margin-right: 25px;
                    border: 1px solid @color;

                    > input {
                        width: calc(100% - @buttonWidth);
                        border: none;
                        font-size: inherit;
                        padding: 0 8px;
                    }

                    > button {
                        width: @buttonWidth;
                        border: none;
                        background-color: @color;
                        color: white;
                        font-size: 13px;
                    }
                }
            }
        }

        > .nav {
            height: 50px;
            box-shadow: 1px 5px 20px #c9c7c7;
            > .page-width {
                height: 100%;
                > ul {
                    height: 100%;
                    > li {
                        height: 100%;
                        position: relative;

                        > a {
                            height: 100%;
                            padding: 0 25px;
                            color: #7f7f7f;
                        }
                        > ul {
                            display: none;
                            position: absolute;
                            z-index: 1;
                            left: 0;
                            top: 100%;
                            background-color: white;
                            opacity: 0.95;

                            > li {
                                height: 36px;
                                border-bottom: 1px solid #d8d8d8;
                                > a {
                                    padding: 0 25px;
                                    height: 100%;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    color: #7f7f7f;
                                }

                                &:hover {
                                    background-color: #006b47;
                                    > a {
                                        color: #fff;
                                    }
                                }
                            }
                        }

                        &:hover {
                            background-color: #006b47;
                            > a {
                                color: #fff;
                            }
                            > ul {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }
}

#root {
    
}

#footer {
    position: relative;
    z-index: 1;
    padding: 30px 0;
    background-color: silver;

    > .page-width {
        > .nav {
            padding-bottom: 15px;
            > ul {
                > li {
                    > a {
                        color: #111;
                        font-size: 16px;
                        padding: 6px 22px;
                    }
                }
            }
        }
        > .copyright {
            padding: 0 10%;
            color: #000;

            > p {
                padding: 5px 0;
                font-size: 14px;
            }

            > .qr-code {
                display: inline-block;
                width: 180px;
                height: 180px;
                > * {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
    }
}