/*------------------------------------*\ SEC: #FOOTER \*------------------------------------*/
.footer__dropdown {
    display: none;
    margin: -0.2rem 0 0;
    background-color: #003777;
    border: 1px solid #0080e1;
    border-bottom: 0;
    border-radius: 3px;
}
.footer__dropdown-btn {
    width: 100%;
    padding: 1.1rem 1rem;
    margin-top: 1rem;
    font-size: 1.4rem;
    text-align: left;
    background: #005da4 url("data:image/svg+xml,%3Csvg version=\'1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'10\' height=\'10\' viewBox=\'0 0 10 10\'%3E%3Cpath d=\'M10 0v5l-5 5-5-5V0l5 5 5-5z\' fill=\'%23fff\'/%3E%3C/svg%3E") no-repeat 97% center / 1rem;
    border: 1px solid #0080e1;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.2s ease-in-out;
    color: #fff;
}
.footer__dropdown-btn:hover, .footer__dropdown-btn:focus {
    background-color: #003777;
}
.footer__dropdown-btn[aria-expanded="true"] {
    background: #005da4 url("data:image/svg+xml,%3Csvg version=\'1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'10\' height=\'10\' viewBox=\'0 0 10 10\'%3E%3Cpath d=\'M0 10V5l5-5 5 5v5L5 5l-5 5z\' fill=\'%23fff\'/%3E%3C/svg%3E") no-repeat 97% center / 1rem;
}
.footer__dropdown .footer__list-item {
    margin: 0;
}
.footer__dropdown .footer__link {
    border-bottom: 1px solid #0080e1;
    padding: 0;
}
.footer__dropdown .footer__link:hover, .footer__dropdown .footer__link:focus {
    background-color: #005da4;
}
#footer, #footer-new, #footer-new-wide, #footer-new-home {
    background: linear-gradient(#005da4, #003777);
}
#footer::after, #footer-new::after, #footer-new-wide::after, #footer-new-home::after {
    content: '';
    display: table;
    clear: both;
}
#footer-new-wide {
    background: linear-gradient(#005da4, #003777);
}
#footer-social > a, #footer-new-lower > a {
    position: relative;
    display: inline-block;
    height: 40px;
    margin: 0 5px 10px 5px;
    width: 40px;
    background-position: center;
    background-size: 25px auto;
    background-repeat: no-repeat;
    border: 2px solid #4488d5;
    border-radius: 50%;
    transition: all 0.2s ease-out;
}

#footer-social > a svg, #footer-new-lower > a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
}

#footer-social > a path, #footer-new-lower > a path {
    transition: fill 0.2s ease-in-out;
}

#footer-social > a:hover, #footer-new-lower > a:hover {
    border: 2px solid #fff;
}

#footer-social > a:hover path, #footer-new-lower > a:hover path {
    fill: #fff;
}

@media all and (max-width: 47.95em) {
    .live-chat-btn, .js-live-chat-btn, #footer-new-upper, .fl-aff, .fl-blog, .fl-feedback, .fl-contact {
        display: none !important;
    }
    .fl-sitemap {
        white-space: nowrap;
    }
    #footer, #footer-new, #footer-new-wide, #footer-new-home {
        margin: 0;
        padding: 10px 0;
        font-size: 12px;
        overflow: hidden;
    }
    #mobile-navigation, .footer-new-upper__mobile {
        width: 92%;
        padding: 2%;
        margin: 0 4% 0 4%;
    }
    .footer-mobile-dropdown .mobile-footer-nav {
        margin-top: 0;
    }
    .back-top-top {
        padding: 0;
        text-align: center;
        font-size: 12px;
        margin-bottom: 0;
    }
    .back-top-top a {
        color: #fff;
    }
    #footer-new-wide .back-top-top {
        margin-top: 10px;
    }
    .mobile-footer-nav {
        margin: 10px 0;
        border-radius: 3px;
        box-sizing: border-box;
    }
    .mobile-footer-nav--nostroke {
        background: none;
        border: none;
    }
    .mobile-footer-nav li, .mobile-footer-nav span {
        padding: 0;
        margin: 0;
        list-style: none;
        font-style: normal;
        font-size: 14px;
        line-height: 40px;
        text-indent: 10px;
        background: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill=\'%23fff\' d=\'M0 0h5l5 5.5L5 11H0l5.5-5.5z\'/%3E%3C/svg%3E") no-repeat 97% 14px;
        background-size: 10px 11px;
    }
    .mobile-footer-nav li:last-child, .mobile-footer-nav span:last-child {
        border-bottom: 0;
    }
    .mobile-footer-nav li a, .mobile-footer-nav span a {
        display: block;
        height: 40px;
        color: #fff;
    }
    .mobile-footer-nav li a:hover, .mobile-footer-nav span a:hover {
        text-decoration: none;
    }
    .mobile-footer-nav li a:visited, .mobile-footer-nav span a:visited {
        color: #fff;
    }
    .mobile-footer-nav .cvdb-footer-tel {
        background-color: #003777;
        text-align: center;
        background-image: none;
        display: inline-block;
        width: 100%;
        border: 1px solid #0080e1;
    }
    #footer-new-lower, #footer-lower {
        padding: 0 2%;
        margin: 0;
        border: 0;
        text-align: center;
        color: #fff;
    }
    #footer-new-lower p, #footer-lower p {
        font-style: normal;
        font-size: 13px;
        line-height: 16px;
        margin: 15px 0;
    }
    #footer-new-lower p a, #footer-lower p a {
        color: #fff;
        padding: 0 8px;
    }
    #footer-new-lower p a:visited, #footer-lower p a:visited {
        color: #fff;
    }
    #footer-new-lower p span, #footer-lower p span {
        white-space: nowrap;
    }
}
@media all and (min-width: 48em) {
    #mobile-navigation, li.mobile-nav, .footer-dropdown, .back-top-top {
        display: none !important;
    }
    #footer-new, #footer-new-wide, #footer-new-home {
        padding: 25px 0;
        color: #fff;
    }
    #footer-new-upper::after {
        content: '';
        display: table;
        clear: both;
    }
    .footer-col {
        float: left;
        margin: 0 60px 0 0;
    }
    .footer-col2 {
        width: 138px;
        float: left;
        margin: 0 10px 0 0;
    }
    .footer-col p, .footer-col2 p {
        font-size: 15px;
        font-weight: 600;
        line-height: 15px;
        margin-bottom: 10px;
        margin-top: -4px;
    }
    .footer-col ul, .footer-col2 ul {
        display: block !important;
        padding: 0;
        margin: 0;
    }
    .footer-col ul li, .footer-col2 ul li {
        font-size: 13px;
        line-height: 15px;
        list-style: none;
        margin-bottom: 4px;
    }
    .footer-col ul li a, .footer-col2 ul li a {
        color: #fff;
        text-decoration: none;
    }
    .footer-col ul li a:hover, .footer-col2 ul li a:hover {
        text-decoration: underline;
    }
    .footer-col-cvdb {
        width: 31%;
        float: left;
    }
    .footer-col-cvdb p {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .footer-col-cvdb-call {
        width: auto;
        float: right;
        text-align: right;
    }
    .footer-col-cvdb-call p {
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: normal;
    }
    .footer-col-cvdb-call p span {
        font-size: 22px;
        font-weight: 600;
    }
    ul.cvdb-footer-links {
        width: 130px;
        float: left;
        padding: 0;
        margin: 0;
    }
    ul.cvdb-footer-links li {
        list-style: none;
        font-size: 13px;
        margin: 0 0 3px;
    }
    ul.cvdb-footer-links li a {
        color: #fff;
    }
    .footer-logo {
        width: 180px;
        float: right;
        text-align: right;
    }
    .cvl-footer-logo, .cvl-recruiter-footer-logo, .cvl-recruiter-footer-logo-ie {
        width: 180px;
        height: 92px;
        float: right;
    }
    .cvl-footer-logo {
        background: url('https://www.cv-library.co.uk/recruitment-insight/wp-content/themes/cvl-blog-recruiter/assets/images/cvl-search-find-apply-logo.png') no-repeat top / contain;
    }
    .cvl-recruiter-footer-logo {
        background: url('https://www.cv-library.co.uk/recruitment-insight/wp-content/themes/cvl-blog-recruiter/assets/images/recruiter/cvl-advertise-search-recruit-logo.png') no-repeat;
    }
    #footer-new-lower {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px solid #2967ad;
    }
    #footer-new-lower p {
        font-size: 13px;
        margin-bottom: 2px;
    }
    #footer-new-lower p a {
        color: #fff;
    }
    #footer-social > a, #footer-new-lower > a {
        float: right;
        margin: 0 0 0 5px;
    }
}
@media all and (min-width: 59.95em) {
    .footer-col-cvdb {
        width: auto;
        margin-right: 2%;
    }
    .footer-col-cvdb-call {
        float: left;
        width: 145px;
        text-align: left;
        margin-right: 2%;
    }
}
@media all and (min-width: 70em) {
    .footer-col-cvdb-call {
        width: auto;
    }
    .footer-col-cvdb {
        margin-right: 4%;
    }
}
@media all and (min-width: 75em) {
    .footer-col-cvdb {
        margin-right: 6%;
    }
    .footer-col-cvdb-call {
        width: auto;
    }
}