/*!/wp-content/plugins/if-blocks/blocks/section/assets/css/block.css*/.if-section{--if-section-narrow:640px;--if-section-content:768px;--if-section-wide:1200px;--if-section-gutter:clamp(1rem, 4vw, 2rem);--if-section-space-sm:1rem;--if-section-space-md:2rem;--if-section-space-lg:4rem;display:flex;flex-direction:column;width:100%;max-width:var(--if-section-content);margin-inline:auto;padding-inline:var(--if-section-gutter);box-sizing:border-box;position:relative;min-height:var(--if-section-min-height,auto)}.if-section.if-section--narrow{max-width:var(--if-section-narrow)}.if-section.if-section--content{max-width:var(--if-section-content)}.if-section.if-section--wide{width:min(var(--if-section-wide), calc(100vw - (var(--if-section-gutter) * 2)));max-width:none;margin-left:50%;margin-right:0;transform:translateX(-50%)}.if-section.if-section--full{width:100vw;max-width:none;padding-inline:0;margin-left:50%;margin-right:0;transform:translateX(-50%)}@media all and (max-width:767px){.if-section.if-section--full{padding-inline:var(--if-section-gutter)}}.if-section.if-section--pt-sm{padding-top:var(--if-section-space-sm)}.if-section.if-section--pt-md{padding-top:var(--if-section-space-md)}.if-section.if-section--pt-lg{padding-top:var(--if-section-space-lg)}.if-section.if-section--pt-custom{padding-top:var(--if-section-pt-custom,0)}.if-section.if-section--pb-sm{padding-bottom:var(--if-section-space-sm)}.if-section.if-section--pb-md{padding-bottom:var(--if-section-space-md)}.if-section.if-section--pb-lg{padding-bottom:var(--if-section-space-lg)}.if-section.if-section--pb-custom{padding-bottom:var(--if-section-pb-custom,0)}.if-section.if-section--gap-none{gap:0}.if-section.if-section--gap-sm{gap:var(--if-section-space-sm)}.if-section.if-section--gap-md{gap:var(--if-section-space-md)}.if-section.if-section--gap-lg{gap:var(--if-section-space-lg)}.if-section.if-section--gap-custom{gap:var(--if-section-gap-custom,0)}.if-section.if-section--dir-horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.if-section.if-section--dir-horizontal>*{flex:1 1 0%;min-width:0}.if-section:not(.if-section--dir-horizontal).if-section--ha-center{align-items:center}.if-section:not(.if-section--dir-horizontal).if-section--ha-right{align-items:flex-end}.if-section:not(.if-section--dir-horizontal).if-section--va-center{justify-content:center}.if-section:not(.if-section--dir-horizontal).if-section--va-bottom{justify-content:flex-end}.if-section.if-section--dir-horizontal.if-section--ha-center{justify-content:center}.if-section.if-section--dir-horizontal.if-section--ha-right{justify-content:flex-end}.if-section.if-section--dir-horizontal.if-section--ha-space-between{justify-content:space-between}.if-section.if-section--dir-horizontal.if-section--va-center{align-items:center}.if-section.if-section--dir-horizontal.if-section--va-bottom{align-items:flex-end}.if-section:not(.if-section--dir-horizontal).if-section--cw-narrow>*{max-width:var(--if-section-narrow);margin-inline:auto}.if-section:not(.if-section--dir-horizontal).if-section--cw-content>*{max-width:var(--if-section-content);margin-inline:auto}.if-section:not(.if-section--dir-horizontal).if-section--cw-wide>*{max-width:var(--if-section-wide);margin-inline:auto}.if-section:not(.if-section--dir-horizontal).if-section--cw-full>*{max-width:none;margin-inline:0}.if-section:not(.if-section--dir-horizontal).if-section--cw-custom>*{max-width:var(--if-section-cw-custom,none);margin-inline:auto}.if-section.if-section--has-bg{background-image:var(--if-section-bg-image,none);background-position:var(--if-section-bg-position,50% 50%);background-size:var(--if-section-bg-size,cover);background-repeat:var(--if-section-bg-repeat,no-repeat)}.if-section.if-section--has-overlay::after{content:"";position:absolute;inset:0;background:var(--if-section-overlay-background,var(--if-section-overlay-color,#000));opacity:var(--if-section-overlay-opacity,.5);pointer-events:none;z-index:1}.if-section.if-section--has-overlay>*{position:relative;z-index:2}.if-section.if-section.if-section--text-light{color:#ffffff!important}.if-section.if-section.if-section--text-light h1,.if-section.if-section.if-section--text-light h2,.if-section.if-section.if-section--text-light h3,.if-section.if-section.if-section--text-light h4,.if-section.if-section.if-section--text-light h5,.if-section.if-section.if-section--text-light h6,.if-section.if-section.if-section--text-light p,.if-section.if-section.if-section--text-light li,.if-section.if-section.if-section--text-light a:not(.wp-block-button__link):not(.kb-button),.if-section.if-section.if-section--text-light .hs-form label,.if-section.if-section.if-section--text-light .hs-form .hs-form-required,.if-section.if-section.if-section--text-light .hs-form .hs-richtext{color:#ffffff!important}.if-section.if-section.if-section--text-dark{color:#1e1e1e!important}.if-section.if-section.if-section--text-dark h1,.if-section.if-section.if-section--text-dark h2,.if-section.if-section.if-section--text-dark h3,.if-section.if-section.if-section--text-dark h4,.if-section.if-section.if-section--text-dark h5,.if-section.if-section.if-section--text-dark h6,.if-section.if-section.if-section--text-dark p,.if-section.if-section.if-section--text-dark li,.if-section.if-section.if-section--text-dark a:not(.wp-block-button__link):not(.kb-button),.if-section.if-section.if-section--text-dark .hs-form label,.if-section.if-section.if-section--text-dark .hs-form .hs-form-required,.if-section.if-section.if-section--text-dark .hs-form .hs-richtext{color:#1e1e1e!important}.if-section--has-dots::before{content:"";position:absolute;pointer-events:none;background-image:url(/wp-content/plugins/if-blocks/blocks/section/assets/css/../images/dots-10x10.svg);background-size:250px 250px;background-repeat:repeat;width:calc(var(--if-section-dots-x, 10) * 25px);height:calc(var(--if-section-dots-y, 10) * 25px);z-index:var(--if-section-dots-z,0)}.if-section--dots-v-top::before{top:var(--if-section-dots-offset-v,0)}.if-section--dots-v-bottom::before{bottom:var(--if-section-dots-offset-v,0)}.if-section--dots-v-center::before{top:50%;transform:translateY(-50%)}.if-section--dots-h-left::before{left:var(--if-section-dots-offset-h,0)}.if-section--dots-h-right::before{right:var(--if-section-dots-offset-h,0)}.if-section--dots-h-center::before{left:50%;transform:translateX(-50%)}.if-section--dots-v-center.if-section--dots-h-center::before{transform:translate(-50%,-50%)}.editor-styles-wrapper .if-section.if-section--wide,.editor-styles-wrapper .if-section.if-section--full{width:100%;margin-left:auto;margin-right:auto;transform:none}.editor-styles-wrapper .if-section.if-section--wide{max-width:var(--if-section-wide)}.editor-styles-wrapper .if-section.if-section--full{max-width:none;padding-inline:0}--pb-* modifiers the * user may have selected — slants own their padding. Documented behavior;* matches Cover. * * VISIBILITY REQUIREMENT (important):* `clip-path` only clips PAINTED area. A vanilla IF Section has no * background,no border,no overlay — there's nothing to paint, so
 *   clipping a transparent box produces NO visible change. To see a
 *   slant, the section must have at least one of:
 *     - Phase 1 background image (`if-section--has-bg`),
 *     - Phase 1 overlay (`if-section--has-overlay`),
 *     - or a custom background-color via the Inspector's customClassName. * This matches Cover's behavior — Cover blocks always have a paint
 *   surface, which is why their slants are always visible.
 *
 * STACKING: each variant sets `z-index: 0`. Overlay (::after, z-index: 1),
 * dots (::before, z-index: var(--if-section-dots-z, 0)), and content
 * children (z-index: 2 when overlay is enabled) all stack inside the
 * slant's stacking context. Clip-path clips the entire wrapper INCLUDING *::before /::after — so dots near a clipped corner are partially cut * off,and the overlay follows the slant silhouette (matches Cover). * * MOBILE:@media breakpoints mirror Kadence's existing 1024px/767px
 * thresholds, picked to match the @include device(portrait) and
 * @include device(mobile) mixins used in the Cover SCSS.
 */

/* Bottom slants — shared shell */
.if-section.if-section.is-style-ibf-cr-section-slant-bottomright,
.if-section.if-section.is-style-ibf-cr-section-slant-bottomleft {
    position: relative;
    min-height: var(--if-section-min-height, 520px);
    padding: calc(100vw * .1) 0 calc(100vw * .14);
    z-index: 0;
}

/* Bottom slant — left to right */
.if-section.if-section.is-style-ibf-cr-section-slant-bottomright {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0% 100%);
}

/* Bottom slant — right to left */
.if-section.if-section.is-style-ibf-cr-section-slant-bottomleft {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 7vw));
}

@media all and (max-width: 1024px) {
    .if-section.if-section.is-style-ibf-cr-section-slant-bottomright,
    .if-section.if-section.is-style-ibf-cr-section-slant-bottomleft {
        min-height: var(--if-section-min-height, 420px);
    }
}

@media all and (max-width: 767px) {
    .if-section.if-section.is-style-ibf-cr-section-slant-bottomright,
    .if-section.if-section.is-style-ibf-cr-section-slant-bottomleft {
        /* Inline padding restored from the existing gutter token (Phase
         * 3.3) so slanted full-bleed heroes don't push content to the * screen edges on mobile. Top/bottom keep the slant compensation. */ padding:60px var(--if-section-gutter) 80px}}.if-section.if-section.is-style-ibf-cr-section-slant-trapright,.if-section.if-section.is-style-ibf-cr-section-slant-trapleft{position:relative;min-height:var(--if-section-min-height,580px);padding:calc(100vw * .14) 0;z-index:0}.if-section.if-section.is-style-ibf-cr-section-slant-trapright{clip-path:polygon(0 0,100% 7vw,100% calc(100% - 7vw),0% 100%)}.if-section.if-section.is-style-ibf-cr-section-slant-trapleft{clip-path:polygon(0 7vw,100% 0,100% 100%,0% calc(100% - 7vw))}@media all and (max-width:1024px){.if-section.if-section.is-style-ibf-cr-section-slant-trapright,.if-section.if-section.is-style-ibf-cr-section-slant-trapleft{min-height:var(--if-section-min-height,440px)}}@media all and (max-width:767px){.if-section.if-section.is-style-ibf-cr-section-slant-trapright,.if-section.if-section.is-style-ibf-cr-section-slant-trapleft{padding:80px var(--if-section-gutter)}}.if-section.if-section.is-style-ibf-cr-section-slant-topright{position:relative;min-height:var(--if-section-min-height,520px);padding:calc(100vw * .14) 0 calc(100vw * .1); z-index:0;clip-path:polygon(0 0,100% 7vw,100% 100%,0% 100%)}@media all and (max-width:1024px){.if-section.if-section.is-style-ibf-cr-section-slant-topright{min-height:var(--if-section-min-height,420px)}}@media all and (max-width:767px){.if-section.if-section.is-style-ibf-cr-section-slant-topright{padding:80px var(--if-section-gutter) 60px}}