/*
Theme Name: MH Magazine lite Child
Theme URI: https://mhthemes.com/themes/mh-magazine-lite/
Template: mh-magazine-lite
Author: MH Themes
Author URI: https://mhthemes.com/
Description: MH Magazine lite is one of the most popular free responsive magazine, news, newspaper and blog WordPress themes for modern online magazines, dynamic news websites, professional blogs and other editorial websites. This free magazine theme is fast, secure, SEO friendly and perfectly suitable for topics like international news, politics, lifestyle, fashion, business, sports, gadgets, travel or anything else. If you would like to gain access to more awesome features, flexible custom widgets and useful options to customize your website, you can upgrade to the premium version of MH Magazine and take your website to the next level. You can also learn more about this dynamic magazine WordPress theme on the MH Themes website.
Tags: one-column,two-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-logo,custom-menu,featured-images,full-width-template,theme-options,threaded-comments,footer-widgets,translation-ready,rtl-language-support,blog,entertainment,news
Version: 2.10.0.1731986288
Updated: 2024-11-19 03:18:08

*/
/* Footer Navigation Styles */
/* Footer Container */
/* Footer Styles */
/* Footer Styling */
/* General footer container styling */
/* General footer container styling */
.site-footer {
    background-color: #222; /* Footer background color */
    color: #fff; /* Footer text color */
    text-align: center;
    padding: 20px 10px;
}

/* Footer logo styling */
.footer-logo {
    margin-bottom: 20px;
}

.footer-logo img {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Footer menu styling */
.footer-menu {
    list-style: none;
    margin: 0 auto; /* Center the menu */
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* Enable wrapping for menu items */
    justify-content: center; /* Center align menu items */
    gap: 20px; /* Space between menu items */
    max-width: 600px; /* Limit the total menu width */
}

.footer-menu li {
    flex: 0 0 calc(33.33% - 20px); /* Each item takes one-third of the row width */
    text-align: center;
}

.footer-menu a {
    color: #fff; /* Menu link color */
    text-decoration: none;
    font-size: 14px; /* Link font size */
    white-space: nowrap; /* Prevent text wrapping within an item */
    transition: color 0.3s ease;
}

.footer-menu a:hover {
    color: #00bcd4; /* Hover color for menu items */
}

/* Footer copyright styling */
.footer-copyright {
    margin-top: 20px;
    font-size: 12px;
}

.footer-copyright a {
    color: #00bcd4; /* Copyright link color */
    text-decoration: none;
}

.footer-copyright a:hover {
    color: #ff5722; /* Hover color for copyright link */
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .footer-menu li {
        flex: 0 0 calc(50% - 10px); /* Two items per row on medium screens */
    }
}

@media screen and (max-width: 480px) {
    .footer-menu li {
        flex: 0 0 100%; /* Full width for items on small screens */
    }

    .footer-menu {
        gap: 10px; /* Reduce spacing for smaller screens */
    }

    .footer-logo img {
        max-width: 100px; /* Reduce logo size for smaller screens */
    }
}