/*==================================
    #1 - Päävalikko
==================================*/

.mainheader {    
    position: relative;
    z-index: 11;
    background-color: #ffffff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .mainheader-upper {
        height: 100px;
    }

    .mainheader-upper-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }

    .mainheader-lower {
        background-color: #ececec;
    }

    .mainheader-mobile-toggle {
        display: none;
        position: relative;
        float: right;
        top: 50px;
        right: 0;
        font-size: 30px;
        cursor: pointer;
    }

    .mainheader-mobile-toggle i {
        color: #292929;
    }

    .mainheader-logo-wrapper {

    }

        .mainheader-logo-img {

        }


    .mainheader-search-wrapper {
        position: relative;
        margin: auto 15px auto auto;
    }

        .mainheader-live-search {
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .mainheader-live-search-item {
                position: relative;
                padding: 7px;
                background-color: #ffffff;
                border: 1px solid #ececec;
            }

            .mainheader-live-search-item:hover {
                background-color: #ececec;
                border: 1px solid #ffffff;
            }

                .mainheader-live-search-link {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }

                .mainheader-live-search-image {
                    display: block;
                    margin: 0 auto;
                }

                .mainheader-live-search-content {
                    display: block;
                    margin: 7px auto;
                    padding: 0 15px;
                    text-align: center;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

    .mainheader-cart-wrapper {
        position: relative;
        z-index: 2;
        margin: auto auto auto 15px;
    }

        .mainheader-cart {
            padding: 7px 15px;
            color: #333;
            background: #ececec;
            cursor: pointer;
        }

        .mainheader-cart-btn-group {
            min-width: 260px;
        }

            .mainheader-cart-button {
                width: 100%;
            }

        .mainheader-cart-dropdown {
            display: none;
            position: absolute;
            min-width: 320px;
            right: 0;
            padding: 0;
            margin: 0;
            text-align: left;
            background: #ececec;
            box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 1px 0.5px rgba(0,0,0,0.24);
        }

            .mainheader-cart-dropdown-content {
                padding: 15px;
                overflow: auto;
                max-height: 320px;
            }

                .mainheader-cart-item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: flex-end;
                    margin: 15px auto;
                }

                    .mainheader-cart-item-name {

                    }

                        .mainheader-cart-item-subtitle {
                            font-size: 0.75rem;
                            width: 120px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .mainheader-cart-item-title {
                            width: 120px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .mainheader-cart-item-link {
                            color: inherit;
                        }

                            .mainheader-cart-item-link:hover {
                                text-decoration: none;
                            }

                    .mainheader-cart-item-prices {
                        font-size: 0.75rem;
                    }

                        .mainheader-cart-item-price {
                            font-size: 0.75rem;
                        }

                    .mainheader-cart-item-amount {
                        font-size: 0.75rem  ;
                    }

                    .mainheader-cart-item-action {
                        cursor: pointer;
                    }

                        .mainheader-cart-item-action:hover {
                            color: red;
                        }

                .mainheader-cart-total {
                    position: relative;
                    display: block;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    padding: 15px 5px;
                    text-align: center;
                    background: #ececec;
                    border-top: 1px solid #d4d4d4;
                }

                    .mainheader-cart-total-title {

                    }

                    .mainheader-cart-total-price {

                    }


    .mainheader-navbar {
        width: 100%;
    }

    /* <ul> listaus */
    .mainheader-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        /* <li> listaus */
        .mainheader-list-item {
            position: relative;
            -ms-flex-item-align: center;
            align-self: center;
        }

            .mainheader-list-item-link {
                display: inline-block;
                padding: 15px;
            }

                .mainheader-list-item-link:hover,
                .mainheader-list-item-link:focus,
                .mainheader-list-item-link:active {
                    
                }


        /* <ul> listaus */
        .mainheader-list-children {
            display: none;
            z-index: 3;
            position: absolute;
            margin: auto;
            padding: 15px 0 0 0;
            list-style: none;
        }

            /* <li> listaus */
            .mainheader-list-item-child {
                list-style: none;
                background: #ececec;
                margin: -15px 0 15px 0;
                padding: 10px 40px 10px 20px;
            }

            /* ensimmäinen dropdown item */
            .mainheader-list-item-child:first-child {
                padding-top: 15px;
            }

            /* viimeinen dropdown item */
            .mainheader-list-item-child:last-child {
                padding-bottom: 15px;
            }

                .mainheader-list-item-child-link {
                    display: inline-block;
                    height: 100%;
                    width: 100%;
                    text-transform: none;
                }

                    .mainheader-list-item-child-link:hover {
                        
                    }

        /* dropdown hover */
        .mainheader-list-item-dropdown:hover .mainheader-list-children {
            display: block;
        }

        .mainheader-list-item-dropdown .mainheader-list-item-link:hover {
            cursor: default;
        }

        .mainheader-list-item-dropdown:after {
            content: "\f107";
            margin: 0 15px 0 -15px;
            font: normal normal bold 14px/1 FontAwesome;
            color: #007bff;
        }

/*==== End of päävalikko ====*/

/*==================================
    #2 - Responsiivisuus
==================================*/

@media (max-width:1199px) {

}

@media (min-width:992px) {

    .mainheader-list,
    .mainheader-list-alt {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

}

@media (max-width:991px) {

    .mainheader {
        position: relative!important;
        top: 0!important;
    }

    .mainheader-mobile-toggle {
        display: block;
        top: 0;
    }

    .mainheader-upper {
        height: auto;
    }

    .mainheader-upper-left,
    .mainheader-upper-right {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mainheader-logo-wrapper {
        margin: 30px auto;
    }

    .mainheader-search-wrapper,
    .mainheader-cart-wrapper {
        margin: 15px auto;
    }

    .mainheader-search-form {
        width: 100%;
        display: block;
    }

    .mainheader-search-input {
        width: 100%!important;
    }

    .mainheader-search-button {
        width: 100%;
    }

    .mainheader-cart-btn-group {
        width: 100%;
        min-width: unset;
    }

    .mainheader-cart-dropdown {
        position: relative;
    }

    .mainheader-list {
        display: none;
        width: 100%;
        padding: 15px 0;
        margin-top: 45px;
    }

    .mainheader-list-item {

    }

    .mainheader-list-children {
        display: block;
        position: relative;
        margin: 0;
        padding: 10px;
    }

        .mainheader-list-item-child {
            background: none;
            margin: 10px 0;
            padding: 0;
        }

            .mainheader-list-item-child-link {

            }

            .mainheader-list-item-child:first-child,
            .mainheader-list-item-child:last-child {
                padding: 0;
            }

    .mainheader-list-children:before,
    .mainheader-list-item-dropdown:after {
        display: none;
    }

    .additional-menu-icon-item-alt {
        margin: 0 0 0 5px;
        padding-right: 0;
    }
    
    .mainheader-mobile-toggle {

    }

    .mainheader-list-item-link {

    }

    .mainheader-list-item {

    }
    
    .mainheader-list-item-child:first-child a {
        margin-top: 10px;
    }

    .mainheader-mobile-toggle {
        width: 100%;
        text-align: center;
    }

}

@media (max-width: 768px) {

}

@media (max-width:524px) {

    .mainheader-cart-item-title,
    .mainheader-cart-item-subtitle {
        width: auto;
    }

    .mainheader-cart-item {
        display: block;
    }

    .mainheader-cart-dropdown {
        min-width: unset;
    }

}


/*==== End of responsiivisuus ====*/