/* banner-tools.css */
/* Banner Tools */
.bnr-tls {
	--bnr-tls-pd-v-tp: 165; /* { readonly: true } */
	--bnr-tls-pd-v-tp-mbl: 75; /* { readonly: true } */
	--bnr-tls-pd-v-bt: 165; /* { readonly: true } */
	--bnr-tls-pd-v-bt-mbl: 75; /* { readonly: true } */

	--bnr-tls-pd-v-tp-clc: calc((var(--bnr-tls-pd-v-tp-mbl) * 1px) + (var(--bnr-tls-pd-v-tp) - var(--bnr-tls-pd-v-tp-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */
	--bnr-tls-pd-v-bt-clc: calc((var(--bnr-tls-pd-v-bt-mbl) * 1px) + (var(--bnr-tls-pd-v-bt) - var(--bnr-tls-pd-v-bt-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */

	padding-top: var(--bnr-tls-pd-v-tp-clc);
	padding-bottom: var(--bnr-tls-pd-v-bt-clc);

	.cms-content & {
		[field="Title"] [data-sysheader] {
			display: none;
		}

		[field="Title"] if[p-hide='true'] {
			display: block;
		}
	}
}

.overlap {
	.bnr-tls [class*="mn_"] {
		padding-top: var(--bnr-tls-pd-v-tp-clc);
	}
}
/* tabbable.css */

.el-tab {
	cursor: pointer;
	
	&.tb-arw,
	.tb-arw {
		transition: transform var(--g-trn-sp) var(--g-trn-tf) 0s, color var(--g-trn-sp) var(--g-trn-tf) 0s;
		transform-origin: 50% 50%;
	}
	
	&.active .tb-arw,
	&.active.tb-arw {
		transform: rotate(180deg);
	}
}

.el-sec-tab {
	cursor: pointer;
}

.el-panel.sld {
    transition: height .5s ease 0s, margin .5s ease 0s, padding .5s ease 0s;
}

html:not(.cms-content) .el-panel:not(.active) {
	display: none;
	visibility: hidden;
}

/* reviews-tools.css */
/* Reviews panel tools */

/* content-callout.css */
/* ContentCallout snippet — shared styles */

.cnt-callout {
    @media screen and (min-width: 1280px) {
        padding-inline: 1.4rem 2.22rem;
    }
}

/* banner-v2.css */
.bnr.v2 {
  --bnr-tls-pd-v-tp: 165; 
  --bnr-tls-pd-v-tp-mbl: 75; 
  --bnr-tls-pd-v-bt: 197; 
  --bnr-tls-pd-v-bt-mbl: 75; 
  --bnr-img-bg-o: 0.4;
  --fnt-t-k-ls: 0.61rem;

  .fnt_t-k {
    width: fit-content;
    margin-left: 0;
  }

}

/* content-v6.css */
.lt-bg + .lt-bg.cnt.v6,
.dk-bg + .dk-bg.cnt.v6 {
    .hex-dcr {
      
        &.tp {
            top: -4.444rem;
            left: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }
    }
}

.cnt.v6 {
    --cnt-v6-arw-s: 0.5rem;
    --cnt-v6-hx-s: 268;
    --cnt-v6-hx-s-mbl:  16;
    --cnt-v6-hx-s-clc: calc((var(--cnt-v6-hx-s-mbl) * 1px) + (var(--cnt-v6-hx-s) - var(--cnt-v6-hx-s-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    .hex-dcr {
        position: absolute;
        width: var(--cnt-v6-hx-s-clc);
        height: var(--cnt-v6-hx-s-clc);
        z-index: 0;
        pointer-events: none;
        color: var(--fnt-t-1);

        svg {
            font-size: var(--cnt-v6-hx-s-clc);
        }

        &.tp {
            top: var(--pd-v);
            left: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }

        &.bt {
            bottom: calc(-0.5 * (var(--cnt-v6-hx-s-clc) * .45));
            right: calc(-1 * (var(--cnt-v6-hx-s-clc) * .45));
        }
    }

    /* Breadcrumb */
    .brdcrmb ol {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .brdcrmb li {
        gap: 0.5rem;
        font-weight: bold;
    }

    .brdcrmb li svg {
        width: 0.5rem;
        height: 0.5rem;
        rotate: -90deg;
        fill: currentColor;
        flex-shrink: 0;
    }

    .brdcrmb-cur {
        opacity: 0.6;
    }

    /* Feature list */
    .v6-feat {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .v6-feat li p {
        margin: 0;
    }

    .feat-icn {
        display: block;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        border: 2px solid var(--bdr-clr);
        background-color: hsl(from var(--buttons) h s l / 0.15);
    }

    .lvl-2-arw {
        font-size: var(--cnt-v6-arw-s);
        flex-shrink: 0;
        color: var(--buttons);
    }
}

/* reviews-v3.css */
.rvw.v3 {
    --rvw-str-clr: var(--fnt-t-co);
    --rvw-str-s: 1.2rem;

    .rvw-v3-sidebar {
        align-self: stretch;
    }

    &.dk-bg .bg-bx.lk-bg::after,
    &.dk-bg .bg-bx.lk-bg {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid hsl(from var(--bdr-clr, var(--text-color)) h s l / var(--bdr-clr-o));
    }

    .rvw-v3-feed {
        flex: 1;

        .bg-bx {
            .pd_v-30.pd_h-30 {
                padding: 1.33rem 1.78rem;
            }
        }
    }

    .svg-con {
        line-height: 1;
    }

    .rvw-v3-ttl {
        font-size: 1.33rem;
        font-weight: 700;
        font-family: var(--font-heading);
        color: var(--accent);
        line-height: 1.5;
    }

    .rvw-itm {
        .mrg_tp-20 {
            margin-top: .889rem;
        }
    }

    @media (min-width: 1280px) {
        & {
            --fnt-qte-s: 1.33rem;

        }
        .rvw-v3-feed {
            flex: 1;
        }
    }
}
/* content-v3-alt.css */
.cnt.v3 {
    .f_gp:not(:has(> .three-8ths *)) {
        .three-8ths {
            display: none;
        }
    }
}

/* callout-v1.css */
.clo.v1 {

    /* Value title size override */
    .fnt_t-6 {
        @media screen and (min-width:1280px) {
            --fnt-t-6-s: 0.889rem;
        }
    }

    /* Values strip */
    .callout-v1-values {
        gap: 2.667rem;
    }

    /* Icon circle */
    .callout-v1-icon {
        width: 2.667rem !important;
        height: 2.667rem;
        border-radius: 50%;
        flex-shrink: 0;

        svg {
            font-size: 2.333rem;
        }

        @media screen and (max-width:1279px) {
            & {
                margin-inline: auto;
            }
        }
    }
}