/*
 Theme Name:   mfa2026
 Template:     generatepress
 Description:  Custom GP child theme for Monroevlle Finance Authority
 Author:       The Write Design LLC
 Author URI:   https://TheWriteDesign.net
 Version:      1.0.0
*/


/* fit footer to bottom always */

/* base functionality */    
body { display: flex; flex-direction: column; align-items: stretch; height: 100vh; }
.site { flex-grow: 1;}

/* fixes */
body.admin-bar { height: calc(100vh - 35px); } /* for logged in users to not have vertical scrolls */
html { height: fit-content; } /* not supported in some browsers but cannot hurt to fit the root too */
.container.grid-container { width: 100%; } /* fix to allow for container width set in customizer to keep working */



/* change background color on the mobile hamburger toggle only */
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus {
    background-color: #00457D;
    color: #fff !important;
}


/* Footer bar: copyright left, credit right, vertically aligned */
.site-info .inside-site-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-info .footer-bar .widget,
.site-info .footer-bar .widget p {
    margin-bottom: 0;
}

/* Stack and center on phones */
@media (max-width: 768px) {
    .site-info .inside-site-info {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}


/* Document Library Pro – Download buttons */
a.dlp-download-button {
    border-radius: 9999px;
    background-color: #00457D;
    color: #FFFFFF;
    padding: 0 20px;
}
a.dlp-download-button:hover,
a.dlp-download-button:focus {
    background-color: #5DA340;
    color: #FFFFFF;
}

/* Primary menu – underline the active item */
.main-navigation .main-nav ul li > a {
    position: relative;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 3px;
    border-radius: 3px;
    background-color: #5DA340;
}

@media (max-width: 768px) {
    .main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
        right: auto;
        width: 40px;
        bottom: 8px;
    }
}

/*back to top more space to accomodate sticky footer */
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 80px; /* 30px from the bottom of your screen */
}