/* ==========================================================================
# Footer widgets - begin
========================================================================== */

footer .widget {
    margin-bottom: 20px;
    color: #ffffff;

    .qodef-footer-widget-title {
        color: #ffffff;
        margin-bottom: 18px;
        font-size: 18px;
        text-transform: capitalize;
        font-style: normal;
    }

    ul {
        list-style: none;
    }

    a {
        color: #929292;
        &:hover {
            color: #fff;
        }
    }

    select,
    input[type="text"] {
        width: 100%;
        overflow: hidden;
        border: 1px solid #dadada;
        background-color: #f6f6f5;
        outline: none;
        color: #989898;
        padding: 9px 12px;
        height: 43px;
        font-family: inherit;
        @include qodefBoxSizing(border-box);
    }

    &.widget_search,
    &.widget_product_search{
        .woocommerce-product-search,
        #searchform {

            width: 100%;
            @include qodefBoxSizing(border-box);
            display: inline-block;
            background-color: transparent;
            vertical-align: middle;
            position: relative;
            overflow: visible;
            @include qodefBorderRadius(30px);

            label {
                display: none;
            }

            input[type="search"],
            input[type="text"] {
                display: inline-block;
                text-decoration: none;
                outline: 0;
                color: #929292;
                background-color: transparent;
                font-family: inherit;
                margin: 0;
                padding: 0 55px 0 22px;
                width: 100%;
                height: 48px;
                float: left;
                font-size: 14px;
                font-weight:300;
                border: 1px solid #dadada;
                @include qodefBoxSizing(border-box);
                @include qodefBorderRadius(30px);

                &::-webkit-input-placeholder {
                    /* WebKit, Blink, Edge */
                    color: #929292;
                }
                &:-moz-placeholder {
                    /* Mozilla Firefox 4 to 18 */
                    color: #929292;
                    opacity: 1;
                }
                &::-moz-placeholder {
                    /* Mozilla Firefox 19+ */
                    color: #929292;
                    opacity: 1;
                }
                &:-ms-input-placeholder {
                    /* Internet Explorer 10-11 */
                    color: #929292;
                }
            }

            input[type="submit"] {
                width: 48px;
                height: 48px;
                line-height: 48px;
                display: inline-block;
                margin: 0;
                padding: 0;
                outline: 0;
                border: 0;
                box-sizing: initial;
                text-decoration: none;
                color: #9f9f9f;
                font-family: 'ElegantIcons', sans-serif;
                font-weight: normal;
                cursor: pointer;
                white-space: nowrap;
                float: right;
                @include qodefTransition(color 0.15s ease-out, background-color 0.15s ease-out);
                font-size: 14px;
                background-color: transparent;
                text-align: center;
                position: absolute;
                top: 0;
                right: 0;
                @include qodefBorderRadius(0 30px 30px 0);
                &:hover {
                    color: #fff;
                }
            }
        }
    }

    &.widget_recent_entries {
        .post-date {
            display: block;
        }
    }
    &.qodef-latest-posts-widget {
        .qodef-blog-list-holder {
            margin-top: 7px;
            ul > li.qodef-blog-list-item {
                margin: 0 0 21px;
                .qodef-item-title a {
                    color: #fff;
                }
                .qodef-item-title a:hover {
                    color: $first-main-color;
                }

            }

            .qodef-item-info-section {
                &.qodef-section-top span {
                    color: #878787;
                }
            }
        }
    }

    /* Style for contact form with input field and button with icon */
    .qodef-sidebar-subscribe {
        width: 100%;
        @include qodefBoxSizing(border-box);
        display: inline-block;
        background-color: transparent;
        vertical-align: middle;
        position: relative;
        overflow: visible;
        @include qodefBorderRadius(30px);
        input[type="submit"] {
            font-family: ElegantIcons;
        }
        input[type="email"],
        input[type="text"] {
            display: inline-block;
            text-decoration: none;
            outline: 0;
            color: #929292;
            background-color: transparent;
            font-family: inherit;
            margin: 0;
            padding: 0 55px 0 22px;
            width: 100%;
            height: 48px;
            float: left;
            font-size: 14px;
            font-weight:300;
            border: 1px solid #dadada;
            @include qodefBoxSizing(border-box);
            @include qodefBorderRadius(30px);

            &::-webkit-input-placeholder {
                /* WebKit, Blink, Edge */
                color: #929292;
            }
            &:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #929292;
                opacity: 1;
            }
            &::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #929292;
                opacity: 1;
            }
            &:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #929292;
            }
        }

        input[type="submit"] {
            width: 48px;
            height: 48px;
            line-height: 48px;
            display: inline-block;
            margin: 0;
            padding: 0;
            outline: 0;
            border: 0;
            box-sizing: initial;
            text-decoration: none;
            color: #9f9f9f;
            font-family: 'ElegantIcons', sans-serif;
            font-weight: normal;
            cursor: pointer;
            white-space: nowrap;
            float: right;
            @include qodefTransition(color 0.15s ease-out, background-color 0.15s ease-out);
            font-size: 14px;
            background-color: transparent;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            @include qodefBorderRadius(0 30px 30px 0);
            &:hover {
                color: #fff;
            }
        }

        .ajax-loader {
            display: none;
        }
    }

    &.widget_tag_cloud,
    &.widget_product_tag_cloud{
        .tagcloud {
            font-size: 0;
            margin-top: 17px;
        }
        a {
            display: inline-block;
            margin: 0 6px 6px 0;
            line-height: 20px;
            padding: 7px 12px;
            border: 1px solid #dadada;
            color: #929292;
            font-size: 11px !important;
            font-weight: 400;
            text-transform: uppercase;
            &:hover{
                color: #fff;
                border-color: #fff;
            }
        }
    }

    &.widget_calendar{
        caption {
            border: 1px solid #dadada;
            border-bottom: 0;
        }
        tfoot {
            border: 1px solid #dadada;
            border-top: 0;
        }
    }

    &.widget_qodef_twitter_widget {
        .qodef-twitter-widget {
            padding-top: 5px;
        }
        a {
            color: #878787;
            &:hover {
                color: #fff;
            }
        }
    }

    &.widget_qodef_instagram_widget {
        .qodef-instagram-feed {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 16px;
        }
    }

    .qodef-icon-list-item {
        margin-bottom: 4px;
    }

}

footer .qodef-footer-bottom-holder .widget {
    margin-bottom: 0;
    font-size: 13px;
}

/* ==========================================================================
# Footer widgets - end
========================================================================== */