/* =========================================================
   Crezko Category Banner — Frontend v1.0.2
   Author: Nolbert
   ========================================================= */

.cbp-banner {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.cbp-banner picture,
.cbp-banner picture source { display: block; }

.cbp-banner__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: opacity .25s ease, transform .3s ease;
}

.cbp-banner__link { display: block; line-height: 0; }
.cbp-banner__link:hover .cbp-banner__image { opacity: .9; transform: scale(1.01); }

.cbp-banner__cta-link {
    display: inline-block;
    padding: 12px 28px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background .2s;
    line-height: 1.4;
}
.cbp-banner__cta-link:hover { background: #005177; color: #fff; }

.cbp-banner[data-cbp-type="html"] { line-height: normal; }