@mixin tablet-up {
    @media (min-width: 640px) { @content; }
}
@mixin desktop-up {
    @media (min-width: 1024px) { @content; }
}

@mixin tablet-down {
    @media (max-width: 1024px) { @content; }
}

.custom-footer {
    &__wrapper {
        padding: 14px 24px;
        border-top: 1px solid #cbcbcb;
    }

    max-width: 1128px;
    margin: 0 auto;
    font-size: 14px;
    display: flex;
    flex-direction: column-reverse;
    @include desktop-up {
        flex-direction: row !important;
    }

    &__container {
        display: block;
        @include desktop-up {
            flex: 2 0 1px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
    }

    &__item:first-child {
        margin: 14px 0;
        line-height: 29px;
    }
    &__item .language-select {
        background: #FFF;
        border: none;
        font-size: 14px;
    }

    &__powered-by {
        @include desktop-up {
            flex: 1 0 1px;
        }
    }

    &__lang {
        @include desktop-up {
            flex: 1 0 1px;
            text-align: center;
        }
    }

    &__nav {
        @include desktop-up {
            flex: 1 0 1px;
            text-align: right;
            white-space: nowrap;
        }
        &-item {
            padding-bottom: 14px;
            @include desktop-up {
                display: inline-block;
                padding-bottom: 0 !important;
                margin: 0 12px;
                &:first-child {
                    margin-left: 0;
                }
                &:last-child {
                    margin-right: 0;
                }
            }
        }
        &-link {
            color: #575757;
            white-space: nowrap;
            &:hover {
                color: #575757;
                text-decoration: none;
            }
        }
    }

    .ad-dropdown-unav {
        position: relative;
        cursor: pointer;
        display: inline-block;
        line-height: 1.6em;
        height: 28px;
        border-radius: 3px;
        padding-right: 28px;
        border: 1px solid transparent;

        @include tablet-down {
            margin-left: -10px;
        }

        &:hover {
            box-shadow: inset 0 1px 0 0 #fff, 0 1px 3px -1px rgba(147,147,147,.4);
            background: #fff;
            text-indent: 0px;
            color: #0a0a0a;
            border: 1px solid #a7a7a7;
            text-shadow: 0 1px 0 #fefefe;

            @include tablet-down{
                border-color: transparent;
                box-shadow: none;
            }
    
            svg path { 
                fill: #0a0a0a;
            }
        }

        svg {
            position: absolute;
            right: 5px;
            top: 5px;

            path { 
                fill: #575757;
            }
        }

        &-label {
            padding: 4px 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            font-size: 14px;
            line-height: 19px;
            vertical-align: middle;
            color: #575757;
            z-index: 1;
            background: 0 0;
        }

        select {
            cursor: pointer;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            width: 100%;
            height: 100%;
            border: 0;
            background: 0 0;
        }
    }
}