/* F02 hero pause, F03 product carousel, F04 zestrea controls.
   Separate file so the CDN does not keep serving the previous accessibility.css. */

.hero-pause {
    position: absolute;
    z-index: 30;
    top: 5.75rem;
    right: 1rem;
    padding: 0.55rem 0.9rem;
    border: 2px solid #2d5a1b;
    border-radius: 2px;
    background: #fff;
    color: #231f20;
    font-family: "EB Garamond", Georgia, serif;
    font-size: 1.05rem;
    line-height: 1.3;
    cursor: pointer;
}

.hero-pause:focus {
    outline: 2px solid #2d5a1b;
    outline-offset: 2px;
}

.simple-slider-arrow {
    display: inline-flex;
}

button.slider-dot,
button.zestrea-dot {
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
}

.zestrea-arrow-sm {
    background: none;
    color: #029046;
    -webkit-text-fill-color: #029046;
    font-family: "EB Garamond", Georgia, serif;
    font-size: 1.15rem;
    line-height: 1.3;
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.zestrea-arrow-sm:disabled {
    opacity: 0.4;
    cursor: default;
}

.zestrea-count {
    margin: 0;
}