/**
 * CrispyCohd Gated Content Block - Frontend styles
 */
.wp-block-crispycohd-gated-content,
.crispycohd-gc-gate,
.crispycohd-gc-gate-wrap {
    position: relative;
}

/* Fade overlay sits immediately above the gate and slightly covers preceding content. */
.crispycohd-gc-gate-wrap.crispycohd-gc-faded {
    position: relative;
}
.crispycohd-gc-gate-wrap.crispycohd-gc-faded:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -250px;
    width: 100%;
    height: 250px;
    margin: 0 auto;
    z-index: 29999;
    pointer-events: none;

    /* Fade to the page background. If your theme uses a non-white background,
       override this in your theme CSS. */
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* Optional wrapper used by some themes/content to constrain gate message content */
.crispycohd-gc-gate .gated-content {
    max-width: 1100px;
    margin: 0 auto;
}


.crispycohd-gc-preview-wrap {
	width: 100%;
}

.crispycohd-gc-preview-label {
	text-align: center;
	margin: 0 0 1em;
}