ഫലകം:GOAL 2026 header/styles.css

/* GOAL 2026 Header Navigation Template Styles */

.goal2026-title {
    font-size: 2em;
    text-align: center;
    background: linear-gradient(to right, #ff5500, #2819ff);
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.goal2026-title span {
    color: #ffff00;
    padding: 0.3em;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
}

.goal2026-nav {
    padding: 0.5em 0.5em 0 0.5em;
    background: white;
    border: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.goal2026-tabs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
}

.goal2026-tab {
    font-size: 0.9em;
    padding: 0.5em 0.7em;
    font-weight: bold;
    background: #ffffff;
    text-align: center;
    min-width: 3em;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.goal2026-tab-active {
    background: #EFEFEF !important;
}

.goal2026-tab-link {
    color: #687389;
}

.goal2026-tab a {
    text-decoration: none;
    display: block;
    width: 100%;
}

.goal2026-tab a:hover .goal2026-tab-link {
    color: #000000;
    text-decoration: underline;
}

.goal2026-content {
    clear: both;
    font-weight: 200;
    font-size: 1.1em;
    color: #444444;
    background: #EFEFEF;
    border-bottom: 1px solid #687389;
    padding: 0.8em;
    width: 100%;
    box-sizing: border-box;
}

.goal2026-content-alappuzha {
    border-bottom: 1px solid #f15348;
}

.goal2026-clear {
    clear: both;
}

@media screen and (max-width: 768px) {
    .goal2026-title {
        font-size: 1.4em;
    }

    .goal2026-tab {
        font-size: 0.8em;
        padding: 0.4em 0.5em;
        min-width: 2em;
    }

    .goal2026-content {
        font-size: 1em;
        padding: 0.6em;
    }
}

@media screen and (max-width: 480px) {
    .goal2026-title {
        font-size: 1.1em;
    }

    .goal2026-tabs-wrapper {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 2px;
        padding-bottom: 4px;
    }

    .goal2026-tab {
        font-size: 0.75em;
        padding: 0.4em 0.6em;
        flex: 0 0 auto;
        white-space: nowrap;
        min-width: unset;
    }

    .goal2026-content {
        font-size: 0.95em;
        padding: 0.5em;
    }
}