/* ==========================================================
   ZuiderLokaal - Footer
   ========================================================== */

#footer,
#footer-widgets,
#footer-bottom {
    background: #101a1d !important;
    color: #ffffff !important;
}

#footer-widgets {
    padding: 70px 20px 60px !important;
}

#footer-widgets .container {
    max-width: 1180px;
    margin: 0 auto;
}

#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4,
#footer-widgets .widget-title {
    color: #ffffff !important;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 14px;
}

#footer-widgets p,
#footer-widgets li,
#footer-widgets a {
    color: rgba(255, 255, 255, .84) !important;
    font-size: 17px;
    line-height: 1.75;
}

#footer-widgets a {
    text-decoration: none;
}

#footer-widgets a:hover {
    color: #d98218 !important;
}

#footer-widgets .button,
#footer-widgets .owp-button,
#footer-widgets a.button,
#footer-widgets input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #d98218 !important;
    color: #ffffff !important;

    border-radius: 999px !important;
    padding: 11px 20px !important;

    font-weight: 800 !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

#footer-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 18px 20px !important;
}

#footer-bottom,
#footer-bottom p,
#footer-bottom a {
    color: rgba(255,255,255,.78) !important;
    font-size: 14px;
}

@media (max-width: 768px) {
    #footer-widgets {
        padding: 46px 20px !important;
    }

    #footer-widgets h2,
    #footer-widgets h3,
    #footer-widgets h4,
    #footer-widgets .widget-title {
        font-size: 22px;
    }

    #footer-widgets p,
    #footer-widgets li,
    #footer-widgets a {
        font-size: 16px;
    }
}