/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2026 | 12:38:48 */
.wp-theme-hello-elementor {
    .classic-layout {
        background: #314158;
        width: 100%;
        max-width: 100%;
        border-radius: 16px;
        overflow: hidden;
        color: #FFF;
        margin-bottom: 0;
        border-collapse: collapse;
        border: 1px solid var(--e-global-color-accent);

        .matchtype {
            font-size: 20px;
            text-align: center;
            padding: 20px;
            font-weight: bold;
        }

        td {
            border-block: 1px solid var(--e-global-color-accent);
        }

        .matchdate {
            width: calc(100% - 48px);
            background: #45556c;
            text-align: center;
            padding: 12px;
            border-block: 1px solid var(--e-global-color-accent);
        }

        .match {
            td {
                vertical-align: middle;
                padding: 12px;

                a {
                    font-size: 24px;
                    color: #FFF;
                }

                &.home {
                    text-align: left;
                }

                &.away {
                    text-align: right;
                }
            }
        }
    }

    div:has(>.ranking.group-ranking-wide) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 12px;
    }

    .ranking.group-ranking-wide {
        margin: 0;
        border: 1px solid var(--e-global-color-accent);
        padding: 12px;
        width: 100%;
        max-width: 100%;
        border-radius: 8px;

        h2 {
            background: var(--e-global-color-primary);
            color: #FFFFFF;
            text-align: center;
            padding-block: 16px;
            border-radius: 8px;
            margin-top: 0;
        }

        table {
            margin-bottom: 0;
            border-top: 0;
            border-radius: 16px;
            overflow: hidden;

            tr {
                background: #0f172b;

                &:nth-child(odd) {
                    background: #1d293d;
                }

                th,
                td {
                    background: transparent;
                    padding: 8px;
                    border: 1px solid var(--e-global-color-accent);

                    a {
                        color: #FFFFFF;
                        font-weight: bold;
                    }
                }

                th {
                    text-transform: uppercase;
                }
            }
        }
    }

    .fp-prediction-form {
        input.prediction {
            width: 100px;
        }
    }
}