/* Global Footer Fix CSS
 * This CSS fixes footer spacing issues to match the EmployerLogin page footer style
 * Simply include this CSS file in any page that needs the footer fix
 * This ensures footer stays at bottom at all screen sizes without leaving space below
 */

/* Remove extra margins and padding from body/html and set up flexbox for sticky footer */
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Make header non-flexible (fixed size) */
header {
    flex-shrink: 0;
}

/* Make main content area flexible to push footer down */
/* This ensures footer stays at bottom when content is short */
main {
    flex: 1 0 auto;
    min-height: 0;
}

/* Ensure footer stays at bottom and doesn't shrink */
/* margin-top: auto pushes footer to bottom in flexbox layout */
footer {
    background: #003b6f !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
    margin-top: auto !important;
    width: 100%;
}

/* Fix footer padding - remove excessive padding from footer-padding class */
.footer-area.footer-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Target footer-padding class directly (in case it's not combined with footer-area) */
.footer-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Fix footer bottom area border */
.footer-bottom-area {
    border-top: #fff solid 1px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove any extra spacing from footer container */
footer .container {
    margin-bottom: 0 !important;
}

/* Ensure footer content has minimal spacing */
.footer-area .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Remove extra spacing from footer bottom area container */
.footer-bottom-area .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Handle preloader and other fixed elements */
#preloader-active,
#preloader-active_c,
#dvPartialClientProspactView {
    position: fixed;
    z-index: 9999;
}

/* Media queries to maintain proper spacing on different screen sizes - override all breakpoints */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .footer-area.footer-padding,
    .footer-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-area.footer-padding,
    .footer-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area.footer-padding,
    .footer-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-area.footer-padding,
    .footer-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .footer-area.footer-padding,
    .footer-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}