:root {
    --protocol-color-primary: #4c62a9;
    --protocol-color-secondary: #712f8e;
}

h1, h2, h3 {
    font-weight: 800;
    text-transform: uppercase;
}
h1, h2 {
    color: var(--protocol-color-primary);

    span {
        color: var(--protocol-color-secondary);
    }
}
h2 {
    font-size: 46px;
}
h3 {
    color: var(--protocol-color-secondary);
}

.elementor {
    .e-button-base {
        font-size: 36px;
        font-weight: 800;
        color: #FFF;
        border-radius: 20px;
    }
    .author-bio {
        h3 {
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 0;
            font-size: 27px;
        }
        ul {
            padding-left: 20px;
            margin-top: 0;
        }
        li {
            margin: 0;
        }
        li::marker {
            color: #712f8e;
            font-size: 1.2em;
        }
    }
    .grid-buckets {
        & > div {
            padding: 40px 20px 0 30px;
        }
        h3 {
            font-size: 22px;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        ul {
            padding-left: 20px;
            margin-top: 0;
        }
        li {
            margin: 0;
        }
        li::marker {
            color: var(--protocol-color-secondary);
            font-size: 1.2em;
        }
    }
}

@media only screen and (max-width: 1024px) {
    h2 {
        font-size: 36px;
    }
    .elementor {
        .e-button-base {
            font-size: 28px;
        }
    }
    .grid-buckets {
        h3 {
        }
    }
}
@media only screen and (max-width: 767px) {
    h2 {
        font-size: 30px;
    }
    .elementor {
        .e-button-base {
            font-size: 22px;
        }
    }
    .grid-buckets {
        h3 {
        }
    }
}