/* replace boostrap button colors */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-pulse-animation {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;

}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* this button is used in the chained quiz and should be like secondary bootstrap style */
.chained-quiz-action input[type="button"] {
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

.chained-quiz-question {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.chained-quiz-action input[type="button"] {
    margin: 0;

}

.chained-quiz-email {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.chained-quiz-email input[type="text"] {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
}

.is-content-justification-center {
    display: flex;
    justify-content: center;
}

.is-style-outline.is-style-outline.wp-block-button .wp-block-button__link {
    border-width: 2px;
    padding-top: calc(0.9rem - 2px);
    padding-right: calc(2rem - 2px);
    padding-bottom: calc(0.9rem - 2px);
    padding-left: calc(2rem - 2px);
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
    background-color: transparent;
    background-image: none;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: currentColor;
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline>.wp-block-button__link {
    border: 2px solid;
    padding: 0.667em 1.333em;
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color, .has-background):hover {
    background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent));
    color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor));
}

.wp-block-quote {
    background-color: var(--wp--preset--color--base-2);
    border-radius: var(--wp--preset--spacing--20);
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--large);
    font-style: normal;
    line-height: 1.3;
    padding-top: calc(var(--wp--preset--spacing--30) + 0.75rem);
    padding-right: calc(var(--wp--preset--spacing--30) + 0.75rem);
    padding-bottom: calc(var(--wp--preset--spacing--30) + 0.75rem);
    padding-left: calc(var(--wp--preset--spacing--30) + 0.75rem);
}

.wp-block-quote {
    box-sizing: border-box;
    overflow-wrap: break-word;
}
.wp-block-quote cite {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
}
.wp-block-quote :where(:last-child) {
    margin-block-end: 0;
}

.tnp-submit {
    background-color: var(--wp--preset--color--contrast-2) !important;
    border-radius: 100px;
    border-color: var(--wp--preset--color--contrast);
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.9rem;
    padding-right: 2rem;
    padding-bottom: 0.9rem;
    padding-left: 2rem;
    text-decoration: none;
}

/* .wp-element-button {
        cursor: pointer;
    }
    .wp-block-button__link {
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        word-break: break-word;
    } */