/* ── EasyBlogging frontend styles ───────────────────────────────────────── */
/* Loaded on all frontend pages. Override via Additional CSS in Customizer. */

:root {
    --eb-color-buy:        #F68300;
    --eb-color-buy-hover:  #d97200;
    --eb-color-buy-border: #F03D0E;
}

/* Buy / Check Price buttons */

.BuyNowButton,
.CheckPriceButton,
a.BuyNowButton,
a.CheckPriceButton,
a.BuyNowButton:visited,
a.CheckPriceButton:visited,
a.BuyNowButton:active,
a.CheckPriceButton:active,
a.BuyNowButton:focus,
a.CheckPriceButton:focus {
    display: inline-block;
    padding: 10px 35px;
    background-color: var(--eb-color-buy) !important;
    border: 1px solid var(--eb-color-buy-border) !important;
    border-radius: 0;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 100;
    text-decoration: none !important;
    cursor: pointer;
}

.BuyNowButton:hover,
.CheckPriceButton:hover,
a.BuyNowButton:hover,
a.CheckPriceButton:hover {
    background-color: var(--eb-color-buy-hover) !important;
    border-color: var(--eb-color-buy-border) !important;
    color: #fff !important;
    text-decoration: none !important;
}