/*
Theme Name: Top Press Theme
Theme URI: https://top-press.com/
Description: Top Press child theme for Rising News.
Author: Top Press
Template: rising-news
Version: 1.0.0
Text Domain: top-press-theme
*/

.top-press-header-grid {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(300px, 440px) minmax(320px, 970px);
    justify-content: start;
}

.top-press-branding {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-self: start;
    margin-right: auto;
    text-align: left;
}

.top-press-wordmark {
    align-items: center;
    color: #111827;
    display: inline-flex;
    gap: 12px;
    line-height: 1;
    text-decoration: none;
}

.top-press-wordmark:hover,
.top-press-wordmark:focus {
    color: #111827;
    text-decoration: none;
}

.top-press-wordmark-icon {
    display: block;
    height: 52px;
    object-fit: contain;
    width: 52px;
}

.top-press-wordmark-text {
    font-size: clamp(40px, 4vw, 58px);
    font-weight: 900;
    letter-spacing: -0.06em;
}

.top-press-tagline {
    color: #4b5563;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01em;
    margin: 0;
}

.rising-news-middle-header {
    padding: 30px 0;
}

.top-press-header-ad {
    align-items: center;
    display: flex;
    justify-self: end;
    justify-content: center;
    min-height: 90px;
    overflow: hidden;
    width: 100%;
}

.rising-news-bottom-footer .bottom-footer-content {
    text-align: center;
}

.top-footer-wrapper {
    align-items: flex-start;
    gap: 48px;
}

.footer-container-wrapper {
    flex: 1 1 0;
}

@media (max-width: 991px) {
    .rising-news-middle-header {
        padding: 18px 0;
    }

    .top-press-header-grid {
        display: flex;
        flex-direction: column;
        gap: 18px;
        justify-content: center;
    }

    .top-press-branding {
        align-items: center;
        text-align: center;
    }

    .top-press-wordmark {
        gap: 9px;
    }

    .top-press-wordmark-icon {
        height: 38px;
        width: 38px;
    }

    .top-press-wordmark-text {
        font-size: clamp(34px, 11vw, 46px);
    }

    .top-press-tagline {
        font-size: 14px;
        line-height: 1.35;
        max-width: 320px;
    }

    .top-press-header-ad {
        display: none;
        min-height: 64px;
        width: 100%;
    }

    .main-navigation.toggled .navigation-area {
        background: #fff;
        box-shadow: 0 16px 40px rgb(0 0 0 / 14%);
        inset: 0 auto 0 0;
        max-width: 420px;
        overflow-y: auto;
        padding: 84px 28px 28px;
        width: calc(100vw - 46px);
    }

    .main-navigation.toggled .navigation-area .menu {
        display: block;
    }

    .main-navigation.toggled .navigation-area .menu > li {
        border-bottom: 1px solid #e6e6e6;
        display: block;
        margin: 0;
        padding: 0;
        visibility: visible;
    }

    .main-navigation.toggled .navigation-area .menu > li > a {
        color: #151515;
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
        opacity: 1;
        padding: 16px 0;
        visibility: visible;
    }

    .main-navigation.toggled .navigation-area .menu > li.current-menu-item > a {
        color: #f10006;
    }

    .bottom-header-right-part {
        display: none;
    }

    .top-footer-wrapper {
        display: grid;
        gap: 26px;
        grid-template-columns: 1fr;
    }

    .footer-container-wrapper {
        margin: 0;
        width: 100%;
    }
}
