/*!
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.mathb-footer {

    position: relative;

    background: var(--mathb-color-background);

    color: var(--mathb-color-text-light);

    overflow: hidden;

}

.mathb-footer a {

    color: inherit;

    text-decoration: none;

    transition: .25s ease;

}

.mathb-footer a:hover {

    color: var(--mathb-color-primary);

}

/*
|--------------------------------------------------------------------------
| Widgets
|--------------------------------------------------------------------------
*/

.mathb-footer-widgets {

    padding: 80px 0 60px;

}

.mathb-footer-grid {

    display: grid;

    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;

    gap: 60px;

    align-items: start;

}

/*
|--------------------------------------------------------------------------
| Titles
|--------------------------------------------------------------------------
*/

.mathb-footer-title {

    margin: 0 0 24px;

    color: var(--mathb-color-primary);

    font-size: 1.2rem;

    font-weight: 700;

}

/*
|--------------------------------------------------------------------------
| Company
|--------------------------------------------------------------------------
*/

.mathb-footer-logo {

    display: inline-block;

    margin-bottom: 24px;

}

.mathb-footer-logo img {

    display: block;

    width: auto;

    max-width: 220px;

    height: auto;

}

.mathb-footer-slogan {

    margin: 0 0 30px;

    color: var(--mathb-color-text-light);

    opacity: .75;

    line-height: 1.8;

}
/*
|--------------------------------------------------------------------------
| Footer Menus
|--------------------------------------------------------------------------
*/

.mathb-footer-menu {

    margin: 0;

    padding: 0;

    list-style: none;

}

.mathb-footer-menu li {

    margin: 0 0 14px;

}

.mathb-footer-menu li:last-child {

    margin-bottom: 0;

}

.mathb-footer-menu a {

    display: inline-block;

    color: var(--mathb-color-text-light);

    opacity: .80;

    transition: .25s ease;

}

.mathb-footer-menu a:hover {

    color: var(--mathb-color-primary);

    opacity: 1;

    transform: translateX(4px);

}

/*
|--------------------------------------------------------------------------
| Contact
|--------------------------------------------------------------------------
*/

.mathb-footer-contact-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.mathb-footer-contact-item {

    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-bottom: 20px;

}

.mathb-footer-contact-item:last-child {

    margin-bottom: 0;

}

.mathb-footer-contact-label {

    font-size: .85rem;

    font-weight: 600;

    color: var(--mathb-color-primary);

    text-transform: uppercase;

    letter-spacing: .08em;

}

.mathb-footer-contact-value {

    color: var(--mathb-color-text-light);

    opacity: .85;

    line-height: 1.7;

}

.mathb-footer-contact-value:hover {

    opacity: 1;

}
/*
|--------------------------------------------------------------------------
| Social
|--------------------------------------------------------------------------
*/

.mathb-footer-social {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

}

.mathb-footer-social-link {

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--mathb-color-border);

    border-radius: 50%;

    color: var(--mathb-color-text-light);

    background: transparent;

    transition: all .25s ease;

}

.mathb-footer-social-link:hover {

    background: var(--mathb-color-primary);

    border-color: var(--mathb-color-primary);

    color: var(--mathb-color-background);

    transform: translateY(-2px);

}

/*
|--------------------------------------------------------------------------
| Copyright
|--------------------------------------------------------------------------
*/

.mathb-footer-bottom {

    border-top: 1px solid var(--mathb-color-border);

    padding: 24px 0;

}

.mathb-footer-bottom-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    flex-wrap: wrap;

}

.mathb-footer-copyright {

    color: var(--mathb-color-text-light);

    opacity: .75;

    font-size: .95rem;

}

.mathb-footer-bottom-links {

    display: flex;

    gap: 24px;

    margin: 0;

    padding: 0;

    list-style: none;

}

.mathb-footer-bottom-links li {

    margin: 0;

}

.mathb-footer-bottom-links a {

    color: var(--mathb-color-text-light);

    opacity: .75;

}

.mathb-footer-bottom-links a:hover {

    color: var(--mathb-color-primary);

    opacity: 1;

}
/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {

    .mathb-footer-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 50px;

    }

}

@media (max-width: 768px) {

    .mathb-footer-widgets {

        padding: 60px 0 40px;

    }

    .mathb-footer-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }

    .mathb-footer-title {

        margin-bottom: 18px;

    }

    .mathb-footer-bottom-inner {

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

    }

    .mathb-footer-bottom-links {

        flex-direction: column;

        gap: 12px;

    }

}

@media (max-width: 576px) {

    .mathb-footer-social {

        gap: 10px;

    }

    .mathb-footer-social-link {

        width: 40px;

        height: 40px;

        font-size: .95rem;

    }

    .mathb-footer-logo img {

        max-width: 180px;

    }

}