/* ============================================================
   Captured By Luke Media — Liquid glass navigation
   Adds: always-expanded sub-menus (no dropdown arrows),
   two separate category cards, centred bold text,
   frosted #081318 glass panel, Bookings CTA button.
   ============================================================ */

/* --- Outer glass panel --- */
.menu-inside-wrapper {
	background: linear-gradient(160deg, rgba(24,50,62,.55) 0%, rgba(8,19,24,.62) 55%, rgba(8,19,24,.72) 100%) !important;
	-webkit-backdrop-filter: blur(40px) saturate(200%);
	backdrop-filter: blur(40px) saturate(200%);
	border: 1px solid rgba(255,255,255,.14) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(255,255,255,.05), 0 30px 80px rgba(0,0,0,.55) !important;
	overflow: hidden;
}
.menu-inside-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: radial-gradient(120% 70% at 15% -10%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 38%, rgba(255,255,255,0) 65%);
}
.menu-inside-wrapper > * {
	position: relative;
	z-index: 1;
}

/* --- Remove dropdown arrows, keep sub-menus permanently open --- */
#site-navigation .dropdown-toggle { display: none !important; }
#site-navigation .sub-menu {
	display: block !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	left: auto !important;
	top: auto !important;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	border: 0 !important;
	padding: 8px 0 0 !important;
	margin: 0 !important;
}
#site-navigation .sub-menu li { border: 0 !important; }
#primary-menu > li { border: 0 !important; }

/* --- Each category becomes its own glass card --- */
#primary-menu > li.menu-item-has-children {
	background: linear-gradient(165deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.025) 100%);
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 16px;
	padding: 22px 22px 18px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 24px rgba(0,0,0,.22);
	transition: border-color .3s ease, background .3s ease, transform .3s ease;
}
#primary-menu > li.menu-item-has-children:hover {
	border-color: rgba(255,255,255,.26);
	background: linear-gradient(165deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.04) 100%);
	transform: translateY(-2px);
}

/* --- Category heading: centred + bold --- */
#primary-menu > li.menu-item-has-children > a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800 !important;
	font-size: 13.5px !important;
	letter-spacing: .18em;
	color: #ffffff !important;
	padding: 2px 0 13px !important;
	border-bottom: 1px solid rgba(255,255,255,.22) !important;
	text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
#primary-menu > li.menu-item-has-children > a:hover { color: #e0362c !important; }

/* --- Service links: centred + bold --- */
#site-navigation .sub-menu a {
	display: block;
	text-align: center;
	padding: 10px 4px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: rgba(255,255,255,.85) !important;
	border: 0 !important;
	border-radius: 8px;
	transition: color .2s ease, background .2s ease;
}
#site-navigation .sub-menu a:hover {
	color: #fff !important;
	background: rgba(255,255,255,.07);
}
#site-navigation .sub-menu li.current-menu-item > a { color: #e0362c !important; }

/* --- Bookings & Enquiries call-to-action --- */
#primary-menu > li:not(.menu-item-has-children) > a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700 !important;
	letter-spacing: .16em;
	font-size: 12.5px !important;
	color: #fff !important;
	border: 1px solid rgba(224,54,44,.75) !important;
	border-radius: 12px;
	padding: 15px 18px !important;
	background: linear-gradient(180deg, rgba(224,54,44,.30), rgba(224,54,44,.14)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
	transition: background .25s ease;
}
#primary-menu > li:not(.menu-item-has-children) > a:hover {
	background: linear-gradient(180deg, rgba(224,54,44,.95), rgba(190,40,32,.95)) !important;
}

/* --- Desktop layout: two cards side by side --- */
@media screen and (min-width: 769px) {
	.menu-inside-wrapper {
		width: 700px !important;
		max-width: calc(100vw - 40px) !important;
		padding: 26px !important;
		border-radius: 20px !important;
	}
	#primary-menu {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 22px;
		align-items: start;
	}
	#primary-menu > li:not(.menu-item-has-children) {
		grid-column: 1 / -1;
		margin-top: 2px;
	}
}

/* --- Mobile layout: cards stacked --- */
@media screen and (max-width: 768px) {
	.menu-inside-wrapper { padding: 20px 18px 24px !important; }
	#primary-menu { display: block !important; }
	#primary-menu > li + li { margin-top: 18px; }
}

/* --- Fallback for browsers without backdrop-filter --- */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
	.menu-inside-wrapper {
		background: linear-gradient(160deg, rgba(16,34,42,.98) 0%, rgba(8,19,24,.99) 100%) !important;
	}
}


/* =========================================================
   CORE WEB VITALS - CLS FIX (added Aug 2026)
   Reserves vertical space for Slider Revolution galleries so
   the page below them does not jump when the slider initialises.
   ========================================================= */
sr7-module,
rs-module-wrap,
.rev_slider_wrapper {
	min-height: 770px;
}
@media (max-width: 1024px) {
	sr7-module,
	rs-module-wrap,
	.rev_slider_wrapper {
		min-height: 660px;
	}
}
@media (max-width: 767px) {
	sr7-module,
	rs-module-wrap,
	.rev_slider_wrapper {
		min-height: 500px;
	}
}

/* Prevent images without dimensions from collapsing then expanding */
.wpb_wrapper img,
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* Readability + table handling for long-form service pages */
.wpb_wrapper table {
	display: block;
	overflow-x: auto;
	white-space: normal;
}

/* Actors Headshots & Showreel pricing tables - stack price above description, centred (per site owner request) */
.pricingTable-header_891 > .price-value_891 > .month_891,
.pricingTable-header_2162 > .price-value_2162 > .month_2162 {
	  display: block !important;
	  margin-top: 8px !important;
}


/* ==========================================================
   GLOBAL BRAND SYSTEM — one orange, one radius, gradient to solid
   Added by Claude. Delete from this comment to the end of the
   file to revert everything in one go.
   ========================================================== */

:root{
	--cbl-o: 224,54,44;        /* #E0362C — the one orange */
	--cbl-o-deep: 190,40,32;   /* bottom of the solid fill */
	--cbl-o-lit: 244,90,46;    /* brighter tint for text hover */
	--cbl-radius: 12px;
	--wp--preset--color--red: #e0362c;
}

/* ---------- 1. Orange text, one colour everywhere ---------- */
#content a:not([class]),
#content .cbl-eyebrow,
.cbl-eyebrow,
.cbl-crumb a,
.has-red-color,
.has-red-color a{
	color: #e0362c !important;
}
#content a:not([class]):hover,
.cbl-crumb a:hover{
	color: rgb(var(--cbl-o-lit)) !important;
}

/* ---------- 2. Buttons and click boxes — standard state ---------- */
.wp-block-button__link,
.wp-element-button,
.cbl-btn,
.cbl-btn.ghost,
.cbl-cta a,
.cblm-service-btn,
.cblm-service-list--compact .cblm-service-btn,
#content input[type="submit"],
#content button[type="submit"],
.nf-form-content input[type="button"],
.nf-form-content input[type="submit"],
.ff-btn-submit,
.ff_submit_btn_wrapper button{
	border-radius: var(--cbl-radius) !important;
	border: 1px solid rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
	transition: background .25s ease, border-color .25s ease !important;
}

/* ---------- 3. Buttons and click boxes — hover / selected ---------- */
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.wp-element-button:hover,
.wp-element-button:focus-visible,
.cbl-btn:hover,
.cbl-btn:focus-visible,
.cbl-btn.ghost:hover,
.cbl-cta a:hover,
.cblm-service-btn:hover,
.cblm-service-btn:focus-visible,
.cblm-service-btn.is-selected,
.cblm-contact .cblm-service-list .cblm-service-btn.is-selected,
#content input[type="submit"]:hover,
#content button[type="submit"]:hover,
.nf-form-content input[type="button"]:hover,
.nf-form-content input[type="submit"]:hover,
.ff-btn-submit:hover,
.ff_submit_btn_wrapper button:hover{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border-color: rgba(var(--cbl-o), .9) !important;
	border-radius: var(--cbl-radius) !important;
	color: #fff !important;
	transform: none !important;
}

/* ---------- 4. Business / Artist switcher ---------- */
.cblm-switcher{
	border-radius: var(--cbl-radius) !important;
}
.cblm-switcher-thumb{
	border-radius: calc(var(--cbl-radius) - 2px) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border: 1px solid rgba(var(--cbl-o), .9) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 20px rgba(var(--cbl-o), .35) !important;
}

/* ---------- 5. Orange furniture ---------- */
.cbl-rule{
	background: linear-gradient(90deg, rgba(var(--cbl-o), 0), rgba(var(--cbl-o), .9), rgba(var(--cbl-o), 0)) !important;
}
.cbl-banner{
	border-color: rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
}
.backtotop{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border: 1px solid rgba(var(--cbl-o), .9) !important;
	color: #fff !important;
}

/* ---------- 6. Chat launcher bubble ----------
   WhatsApp keeps its own green — it reads as a platform mark. */
.open-chaty .chaty-svg svg circle,
.channel-icon-Email .chaty-svg svg circle.color-element{
	fill: #e0362c !important;
}

/* ---------- 7. Hand-written inline-styled CTAs and accents ----------
   Some page content carries its colours in a style="" attribute.
   An !important author rule beats a plain inline declaration, so
   these catch the hand-built buttons and coloured captions. */
#content [style*="color: #db4f3d"],
#content [style*="color:#db4f3d"],
#content [style*="color: #DB4F3D"],
#content [style*="color:#DB4F3D"]{
	color: #e0362c !important;
}

#content a[style*="display: inline-block"][style*="border-radius"],
#content a[style*="display:inline-block"][style*="border-radius"]{
	border-radius: var(--cbl-radius) !important;
	border: 1px solid rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
	transition: background .25s ease, border-color .25s ease !important;
}

#content a[style*="display: inline-block"][style*="border-radius"]:hover,
#content a[style*="display:inline-block"][style*="border-radius"]:hover,
#content a[style*="display: inline-block"][style*="border-radius"]:focus-visible{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border-color: rgba(var(--cbl-o), .9) !important;
	color: #fff !important;
}

[style*="--acc:#db4f3d"],
[style*="--acc: #db4f3d"]{
	--acc: #e0362c !important;
}

/* ---------- 8. Service-page component palette (.cbl-*) ----------
   These components hang off an --acc token; retint the token and
   the hardcoded leftovers that do not use it. */
.cbl,
[id^="cbl"],
[class*="cbl"],
[style*="--acc"]{
	--acc: #e0362c !important;
	--acc2: #f45a2e !important;
}
.cbl-card:hover{
	background: rgba(var(--cbl-o), .06) !important;
}
.cbl-stat{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .12), rgba(255,255,255,.02)) !important;
}
.cbl-price.feat{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .10), rgba(255,255,255,.02)) !important;
}
.cbl-step .n{
	color: rgba(var(--cbl-o), .65) !important;
}
.cbl-num,
.cbl-link{
	color: #e0362c !important;
}
.cbl-banner{
	background: linear-gradient(135deg, rgba(var(--cbl-o), .24), rgba(255,255,255,.03)) !important;
	border: 1px solid rgba(var(--cbl-o), .45) !important;
}

/* ---------- 9. Theme palette leftovers ---------- */
.has-red-color,
.has-red-color a{
	color: #e0362c !important;
}
.has-red-background-color{
	background-color: #e0362c !important;
}

/* ---------- 10. Remaining click boxes ---------- */
.cbl-faq{
	border-radius: var(--cbl-radius) !important;
}

.pricingTable a.btn,
a.btn.btn-default{
	display: inline-block !important;
	border-radius: var(--cbl-radius) !important;
	border: 1px solid rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
	color: #fff !important;
	padding: 12px 22px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
	transition: background .25s ease, border-color .25s ease !important;
}

.pricingTable a.btn:hover,
a.btn.btn-default:hover{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border-color: rgba(var(--cbl-o), .9) !important;
	color: #fff !important;
}

/* ---------- 11. Contact form fields: single-orange tint ----------
   Radius left as-is; colour only. */
#content .cblm-contact .ff-el-group .ff-el-form-control,
#content .cblm-contact .ff-el-input--content .ff-el-form-control{
	background-image: linear-gradient(160deg, rgba(var(--cbl-o), .16) 0%, rgba(var(--cbl-o), .10) 55%, rgba(8,19,24,.40) 100%) !important;
}

/* ---------- 12. Pricing table + Slider Revolution buttons ----------
   Both plugins emit per-instance classes with !important, so these
   need the extra specificity to win. */
#content [class*="pricingTable"] a.btn,
#content [class*="pricingTable"] [class*="btn-block"],
#content [class*="pricingTable"].active [class*="btn-block"],
body #content a.btn.btn-default{
	display: inline-block !important;
	border-radius: var(--cbl-radius) !important;
	border: 1px solid rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
	color: #fff !important;
	padding: 12px 22px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
	transition: background .25s ease, border-color .25s ease !important;
}

#content [class*="pricingTable"] a.btn:hover,
#content [class*="pricingTable"] [class*="btn-block"]:hover,
#content [class*="pricingTable"].active [class*="btn-block"]:hover,
body #content a.btn.btn-default:hover{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border-color: rgba(var(--cbl-o), .9) !important;
	color: #fff !important;
}

sr7-module sr7-btn.sr7-layer,
sr7-btn.sr7-btn,
.rev-btn{
	border-radius: var(--cbl-radius) !important;
	border: 1px solid rgba(var(--cbl-o), .75) !important;
	background: linear-gradient(180deg, rgba(var(--cbl-o), .30), rgba(var(--cbl-o), .14)) !important;
	background-color: transparent !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
	transition: background .25s ease, border-color .25s ease !important;
}

sr7-module sr7-btn.sr7-layer:hover,
sr7-btn.sr7-btn:hover,
.rev-btn:hover{
	background: linear-gradient(180deg, rgba(var(--cbl-o), .95), rgba(var(--cbl-o-deep), .95)) !important;
	border-color: rgba(var(--cbl-o), .9) !important;
	color: #fff !important;
}


/* === CBLM RESPONSIVE TYPE SCALE (Claude, Aug 2026) === */
/* Fluid typography: sizes interpolate between a 390px phone and a 1280px
   desktop. Desktop values are unchanged - only the mobile end comes down.
   Delete from this comment to the END marker to revert. */

:root {
  --cbl-fs-display: clamp(1.75rem,   1.367rem + 1.573vw, 2.625rem); /* 28 -> 42 */
  --cbl-fs-h1:      clamp(1.75rem,   1.531rem + 0.899vw, 2.25rem);  /* 28 -> 36 */
  --cbl-fs-h2:      clamp(1.5rem,    1.281rem + 0.899vw, 2rem);     /* 24 -> 32 */
  --cbl-fs-h3:      clamp(1.3125rem, 1.121rem + 0.787vw, 1.75rem);  /* 21 -> 28 */
  --cbl-fs-h4:      clamp(1.125rem,  1.015rem + 0.449vw, 1.375rem); /* 18 -> 22 */
  --cbl-fs-h5:      clamp(1.0625rem, 0.980rem + 0.337vw, 1.25rem);  /* 17 -> 20 */
  --cbl-fs-body:    clamp(1.0625rem, 1.035rem + 0.112vw, 1.125rem); /* 17 -> 18 */
  --cbl-fs-ui:      clamp(1rem,      0.973rem + 0.112vw, 1.0625rem);/* 16 -> 17 */
  --cbl-fs-eyebrow: clamp(0.8125rem, 0.785rem + 0.112vw, 0.875rem); /* 13 -> 14 */
  --cbl-lh-display: 1.12;
  --cbl-lh-heading: 1.2;
  --cbl-lh-body:    1.65;
}

/* 1. Stop iOS inflating text by itself */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* 2. Body copy */
body,
.entry-content,
.wpb_text_column .wpb_wrapper p,
.entry-content p,
.entry-content li { font-size: var(--cbl-fs-body); line-height: var(--cbl-lh-body); }

/* 3. Headings - fluid size and tightened leading */
.entry-content h1, .wpb_text_column h1 { font-size: var(--cbl-fs-h1); line-height: var(--cbl-lh-display); }
h1.entry-title, h1.entry-title.section-title { font-size: var(--cbl-fs-h1) !important; line-height: var(--cbl-lh-display) !important; }
.entry-content h2, .wpb_text_column h2 { font-size: var(--cbl-fs-h2); line-height: var(--cbl-lh-heading); }
.entry-content h3, .wpb_text_column h3 { font-size: var(--cbl-fs-h3); line-height: var(--cbl-lh-heading); }
.entry-content h4, .wpb_text_column h4 { font-size: var(--cbl-fs-h4); line-height: var(--cbl-lh-heading); }
.entry-content h5, .wpb_text_column h5 { font-size: var(--cbl-fs-h5); line-height: var(--cbl-lh-heading); }
.entry-content h6, .wpb_text_column h6 { font-size: var(--cbl-fs-body); line-height: var(--cbl-lh-heading); }

h1, h2, h3, h4, h5, h6, .wp-block-heading { text-wrap: balance; overflow-wrap: break-word; }

/* 4. Block-editor size presets (WordPress emits these with !important) */
.has-large-font-size  { font-size: var(--cbl-fs-display) !important; line-height: var(--cbl-lh-display); }
.has-medium-font-size { font-size: var(--cbl-fs-h3) !important; }
.has-normal-font-size { font-size: var(--cbl-fs-body) !important; }
.has-small-font-size  { font-size: var(--cbl-fs-ui) !important; }
p.has-large-font-size { line-height: var(--cbl-lh-display); }
.has-large-font-size a, .has-large-font-size span, .has-large-font-size strong { font-size: inherit !important; line-height: inherit !important; }

/* 5. Phones and small tablets only */
@media screen and (max-width: 782px) {

  /* 5a. Hard-coded inline font-sizes in content, mobile only */
  .entry-content :is(h1,h2,h3,h4,h5,h6)[style*="font-size"],
  .wpb_wrapper :is(h1,h2,h3,h4,h5,h6)[style*="font-size"] {
    font-size: var(--cbl-fs-h2) !important; line-height: var(--cbl-lh-heading) !important;
  }
  .entry-content :is(h1,h2,h3,h4,h5,h6) :is(span,strong,a,em)[style*="font-size"],
  .wpb_wrapper :is(h1,h2,h3,h4,h5,h6) :is(span,strong,a,em)[style*="font-size"] {
    font-size: inherit !important; line-height: inherit !important;
  }
  .entry-content p[style*="font-size"],
  .wpb_wrapper p[style*="font-size"] {
    font-size: var(--cbl-fs-body) !important; line-height: var(--cbl-lh-body) !important;
  }

  /* 5b. 16px minimum for body and interactive text */
  .cbl-card p, .cbl-work p, .cbl-step p, .cbl-chip, .cbl-btn, .cbl-stat span,
  .wp-block-button__link, .site-navigation a, .genesis-nav-menu a, .vc_inline-link,
  #primary-menu > li > a,
  #primary-menu > li.menu-item-has-children > a,
  #primary-menu > li:not(.menu-item-has-children) > a,
  #site-navigation .sub-menu a,
  .footer-widgets a, .footer-widgets p, .site-footer p, .site-footer a {
    font-size: var(--cbl-fs-ui) !important; line-height: 1.5;
  }

  /* Eyebrows stay smaller on purpose - uppercase and letterspaced.
     Swap to var(--cbl-fs-ui) if you want them to match everything else. */
  .cbl-eyebrow, .cblm-eyebrow { font-size: var(--cbl-fs-eyebrow) !important; letter-spacing: 0.12em; }

  /* 5c. 16px form fields - below this iOS Safari zooms the page on tap */
  input:not([type="checkbox"]):not([type="radio"]), select, textarea,
  .fluentform input, .fluentform select, .fluentform textarea { font-size: 16px !important; }

  /* 5d. Never scroll sideways */
  body { overflow-x: hidden; }
}
/* === END CBLM RESPONSIVE TYPE SCALE === */


/* === CBLM FLOATING BUTTONS (Claude, Aug 2026) === */
/* The back-to-top arrow was sitting directly on top of the Chaty contact
   button (both fixed to the bottom-right) and, being z-index 999 against
   Chaty's 997, it was swallowing the taps. Stack it above instead, and get
   it out of the way when the chat channels expand upwards. */
#scrollup.backtotop {
  right: 36px !important;   /* centred over the 54px chat button */
  bottom: 93px !important;  /* 25px chat offset + 54px button + 14px gap */
  z-index: 996 !important;  /* below Chaty, so it can never steal a tap */
  transition: opacity .2s ease, transform .2s ease;
}

/* When the chat widget is open its WhatsApp/Email icons fly up through this
   space - fade the arrow out rather than have it show between them. */
body:has(.chaty-widget.chaty-open) #scrollup.backtotop {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}
/* === END CBLM FLOATING BUTTONS === */


/* === CBLM PRICING BUTTON (Claude, Aug 2026) === */
/* The pricing-table plugin hard-codes a shopping-cart icon into its Book
   button and offers no setting to turn it off, so it is hidden here. */
a[class*="btn-block_"] .fa-shopping-cart,
a[class*="btn-block_"] i.fas.fa-shopping-cart { display: none !important; }
/* === END CBLM PRICING BUTTON === */

/* === CBL: glass + pricing + slider (managed block) === */
html body.page-id-394 .cbl-glass,
html body.page-id-394 .cbl-step,
html body.page-id-394 .cbl-faqwrap .cbl-faq,
html body.page-id-394 .wpb_wrapper div[style*="border-radius: 12px"] {
  background-image: linear-gradient(160deg, rgba(36,66,80,.34) 0%, rgba(8,19,24,.40) 55%, rgba(8,19,24,.48) 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter: blur(40px) saturate(2) !important;
  backdrop-filter: blur(40px) saturate(2) !important;
  box-shadow: rgba(255,255,255,.30) 0 1px 0 0 inset, rgba(255,255,255,.05) 0 -1px 0 0 inset, rgba(0,0,0,.5) 0 26px 70px 0 !important;
}
html body.page-id-394 .wpb_wrapper div.cbl-price,
html body.page-id-394 .cbl-price {
  background-image: linear-gradient(160deg, rgba(238,244,248,.24) 0%, rgba(150,178,192,.10) 22%, rgba(20,48,60,.42) 62%, rgba(6,22,28,.70) 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(40px) saturate(2) !important;
  backdrop-filter: blur(40px) saturate(2) !important;
  box-shadow: rgba(255,255,255,.34) 0 1px 0 0 inset, rgba(255,255,255,.05) 0 -1px 0 0 inset, rgba(0,0,0,.55) 0 30px 80px 0 !important;
}
html body .wp-block-themepunch-revslider sr7-module { min-height: 0 !important; }
/* === end CBL managed block === */


/* ===== CBL pricing block 2026 ===== */
html body.page-id-394 .cbl-price strong{background-image:linear-gradient(180deg,#ff8a4c 0%,#e0362c 62%,#c72016 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* price figure: own font, even lining numerals, white */
html body.page-id-394 .cbl-price .cbl-price-amount{font-family:"Poppins","Montserrat","Inter","Helvetica Neue",Arial,sans-serif!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important;font-weight:800!important;font-size:clamp(48px,7vw,58px)!important;letter-spacing:-.02em!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;filter:none!important;margin:6px 0 0!important}
html body.page-id-394 .cbl-price .cbl-price-eyebrow{margin:0 auto 4px!important}
html body.page-id-394 .cbl-price .cbl-price-rule{margin:18px auto 26px!important}
/* benefit cards: equal squares */
html body.page-id-394 .cbl-price .cbl-price-sells{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:none!important;width:100%!important;margin:0 auto 26px!important;padding:0!important;list-style:none!important}
html body.page-id-394 .cbl-price .cbl-price-sells li{aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important;padding:16px 14px!important;font-size:.86rem!important;line-height:1.45!important;position:relative!important;overflow:visible!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.14)!important;background-image:linear-gradient(160deg,rgba(238,244,248,.24) 0%,rgba(150,178,192,.10) 22%,rgba(20,48,60,.42) 62%,rgba(6,22,28,.70) 100%)!important;-webkit-backdrop-filter:blur(40px) saturate(2)!important;backdrop-filter:blur(40px) saturate(2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.05),0 26px 70px rgba(0,0,0,.50),0 0 30px rgba(224,54,44,.10),0 0 70px rgba(150,200,225,.07)!important}
html body.page-id-394 .cbl-price .cbl-price-sells li>*{position:relative;z-index:2}
/* same sheen + animated silver ring as the big card */
html body.page-id-394 .cbl-price .cbl-price-sells li::before{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(200deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.035) 18%,rgba(255,255,255,0) 44%);mix-blend-mode:screen}
html body.page-id-394 .cbl-price .cbl-price-sells li::after{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:conic-gradient(from var(--cblAng),rgba(203,217,226,.17) 0deg,rgba(203,217,226,.17) 42deg,rgba(255,255,255,.55) 62deg,rgba(255,255,255,.98) 72deg,rgba(224,54,44,.55) 82deg,rgba(203,217,226,.17) 104deg,rgba(203,217,226,.17) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:cblRing 13s linear infinite}
html body.page-id-394 .cbl-price .cbl-price-sells li:nth-child(2n)::after{animation-delay:-3.2s}
html body.page-id-394 .cbl-price .cbl-price-sells li:nth-child(3n)::after{animation-delay:-5.1s}
/* card titles: white, with the orange stroke underneath */
html body.page-id-394 .cbl-price .cbl-price-sells li strong{display:block!important;margin:0 0 10px!important;font-size:.92rem!important;line-height:1.3!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.page-id-394 .cbl-price .cbl-price-sells li strong::after{content:""!important;display:block!important;width:46px;height:2px;margin:9px auto 0;border-radius:2px;background:linear-gradient(90deg,rgba(224,54,44,0),#e0362c 50%,rgba(224,54,44,0))}
html body.page-id-394 .cbl-price .cbl-price-sells li span{display:block!important;color:#c3ced1!important}
@media (max-width:820px){html body.page-id-394 .cbl-price .cbl-price-sells{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:480px){html body.page-id-394 .cbl-price .cbl-price-sells li{padding:14px 10px!important;font-size:.8rem!important}html body.page-id-394 .cbl-price .cbl-price-sells li strong{font-size:.86rem!important}}

/* orange stroke sits under the price, not above the label */
html body.page-id-394 .cbl-price .cbl-price-rule{display:none!important}
html body.page-id-394 .cbl-price .cbl-price-amount::after{content:""!important;display:block!important;width:58px;height:2px;margin:18px auto 26px;border-radius:2px;background:linear-gradient(90deg,rgba(224,54,44,0),#e0362c 50%,rgba(224,54,44,0))}

/* ==== £180 price figure: headroom, slightly smaller, animated electric ring (Aug 16 2026) ==== */
html body.page-id-394 .cbl-price .cbl-price-amount{
  font-size:clamp(38px,5.2vw,50px)!important;
  display:block!important;
  width:-moz-fit-content!important;
  width:fit-content!important;
  margin:34px auto 46px!important;
  padding:14px 34px 16px!important;
  border-radius:18px!important;
  position:relative!important;
  overflow:visible!important;
}
html body.page-id-394 .cbl-price .cbl-price-amount::before{
  content:""!important;display:block!important;position:absolute;inset:0;
  border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:conic-gradient(from var(--cblAng),rgba(203,217,226,.17) 0deg,rgba(203,217,226,.17) 42deg,rgba(255,255,255,.55) 62deg,rgba(255,255,255,.98) 72deg,rgba(224,54,44,.55) 82deg,rgba(203,217,226,.17) 104deg,rgba(203,217,226,.17) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:cblRing 13s linear infinite;
  animation-delay:-6.5s;
}
html body.page-id-394 .cbl-price .cbl-price-amount::after{
  position:absolute!important;left:50%!important;bottom:-24px!important;
  transform:translateX(-50%)!important;margin:0!important;
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-394 .cbl-price .cbl-price-amount::before{animation:none!important}
}


/* ============================================================
   Actor Showreels Liverpool — page-specific visual effects
   1) Title rectangle recoloured to match the "Let's Plan Your
      Showreel" button (same orange gradient/opacity), with an
      orange glow flowing down behind the YouTube hero video.
   2) Lens-flare circles under "What Makes The Best Actor
      Showreel?" heading.
   3) Frosted-glass treatment for the "What Agents & Casting
      Directors Look For" callout, orange edge kept, glow boosted.
   ============================================================ */

/* --- 1a. Title rectangle: match button colour/opacity --- */
body.page-id-2106 .entry-header {
  background-image: none !important;
  background-color: transparent !important;
  background: linear-gradient(180deg, rgba(var(--cbl-o), .35), rgba(var(--cbl-o), .16)) !important;
  border: 1px solid rgba(var(--cbl-o), .75);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 20px rgba(111,38,32,.35);
  overflow: visible;
}

/* --- 1b. Orange glow flowing down, tucked behind the hero video --- */
body.page-id-2106 .hero { overflow: visible; }
body.page-id-2106 .hero::before {
  content: "";
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  width: 160%;
  max-width: 1400px;
  height: 460px;
  background: radial-gradient(ellipse at top, rgba(var(--cbl-o), .55) 0%, rgba(var(--cbl-o), .26) 32%, rgba(var(--cbl-o), 0) 68%);
  filter: blur(55px);
  pointer-events: none;
  z-index: 0;
}
body.page-id-2106 .hero-video { z-index: 1; }

/* ============================================================
   Option 01 — Soft Glow Frost
   Applied to: title rectangle, the 3 "stat" cards (Filmed On
   Location / Shot On Cinema Camera / Full Edit Included) and
   the callout boxes on Actor Showreels Liverpool — opaque
   frosted glass with a slow breathing orange glow behind it.
   ============================================================ */

@keyframes cbl-glow1 {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}

/* --- Title rectangle --- */
body.page-id-2106 .entry-header {
  background: rgba(15, 30, 33, .62) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(var(--cbl-o), .55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.45) !important;
  position: relative;
  overflow: visible;
}
body.page-id-2106 .entry-header::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 30% 20%, rgba(var(--cbl-o), .55), transparent 60%);
  animation: cbl-glow1 5s ease-in-out infinite;
}
body.page-id-2106 .entry-header h1 {
  position: relative;
  z-index: 2;
}

/* --- Stat cards: Filmed On Location / Shot On Cinema Camera / Full Edit Included --- */
body.page-id-2106 .stat {
  background: rgba(12, 25, 28, .78) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1.5px solid rgba(var(--cbl-o), .8) !important;
  position: relative;
  overflow: visible;
  animation: cbl-edge7 4.5s ease-in-out infinite;
}
body.page-id-2106 .stat::before {
  display: none !important;
  content: none !important;
}
body.page-id-2106 .stat .num,
body.page-id-2106 .stat .desc {
  position: relative;
  z-index: 2;
}

/* --- Callout boxes: Agents & Casting Directors / What I Need to Know / Package Your Showreel --- */
body.page-id-2106 .callout {
  background: rgba(12, 25, 28, .78) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1.5px solid rgba(var(--cbl-o), .8) !important;
  position: relative;
  overflow: visible;
  animation: cbl-edge7 4.5s ease-in-out infinite;
}
body.page-id-2106 .callout::before {
  display: none !important;
  content: none !important;
}
body.page-id-2106 .callout > * {
  position: relative;
  z-index: 2;
}


/* ============================================================
   CBL OPTION-1 TYPOGRAPHY MATCH
   Makes the stat cards match the "01 Soft Glow Frost" mockup:
   left-aligned block text, no forced heights, mockup type sizes.
   ============================================================ */
body.page-id-2106 .stat-strip .stat {
  display: block !important;
  text-align: left !important;
  min-height: 0 !important;
  padding: 26px 24px !important;
}
body.page-id-2106 .stat-strip .stat .num {
  display: block !important;
  text-align: left !important;
  font-size: 15px !important;
  letter-spacing: .6px !important;
  line-height: normal !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
}
body.page-id-2106 .stat-strip .stat .desc {
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgb(180,192,192) !important;
  max-width: none !important;
}


/* ============================================================
   CBL OPTION-1 DECORATION RESET
   The theme cards carry their own decorations that Option 1
   does not have: a cream ::after highlight with a shimmer
   animation, plus cblFrameCatch / beamSweep on the card itself.
   These are switched off so only the Option 1 treatment shows.
   ============================================================ */
body.page-id-2106 .stat-strip .stat {
  background-image: none !important;
}
body.page-id-2106 .stat-strip .stat::after {
  display: none !important;
  content: none !important;
}


/* ============================================================
   CBL OPTION-7 EDGE-LIT GLASS - pulsing edge + inner/outer glow
   ============================================================ */
@keyframes cbl-edge7 {
  0%, 100% {
    box-shadow:
      inset 0 0 24px rgba(var(--cbl-o), .14),
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 18px rgba(var(--cbl-o), .28),
      0 0 40px rgba(var(--cbl-o), .14);
  }
  50% {
    box-shadow:
      inset 0 0 32px rgba(var(--cbl-o), .26),
      inset 0 1px 0 rgba(255,255,255,.18),
      0 0 30px rgba(var(--cbl-o), .5),
      0 0 70px rgba(var(--cbl-o), .26);
  }
}
body.page-id-2106 .stat-strip .stat::after,
body.page-id-2106 .callout::after {
  display: none !important;
  content: none !important;
}


/* ===== CBL Fix Pack v2 — Actor Showreels Liverpool (page-id-2106) ===== */

/* ---------- 1. HEADER TITLE — plain, no box ---------- */
body.page-id-2106 .entry-header{
  background:none !important;background-image:none !important;background-color:transparent !important;
  border:none !important;box-shadow:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  animation:none !important;width:100% !important;max-width:none !important;
}
body.page-id-2106 .entry-header::before,
body.page-id-2106 .entry-header::after{content:none !important;display:none !important;}
body.page-id-2106 .entry-header h1{
  text-shadow:0 0 40px rgba(226,84,47,.20) !important;
  font-size:clamp(30px,3.4vw,46px) !important;letter-spacing:-.01em !important;
}

/* ---------- 2. FULL-WIDTH CANVAS (kill the side bars) ---------- */
body.page-id-2106 .site-content > .wrapper{max-width:none !important;width:100% !important;}
body.page-id-2106 .content-area{
  max-width:none !important;width:100% !important;
  margin-left:0 !important;margin-right:0 !important;
  padding-left:0 !important;padding-right:0 !important;
}
body.page-id-2106 .singular-content-wrap{max-width:none !important;width:100% !important;margin:0 !important;}
body.page-id-2106 .site-main{max-width:none !important;width:100% !important;float:none !important;}
body.page-id-2106 article.page{
  max-width:none !important;width:100% !important;
  padding-left:0 !important;padding-right:0 !important;
}
/* inner reading column: wider, but still comfortable */
body.page-id-2106 #cbl-page .container{
  max-width:1320px !important;margin-left:auto !important;margin-right:auto !important;
  padding-left:clamp(20px,4vw,56px) !important;padding-right:clamp(20px,4vw,56px) !important;
}

/* ---------- 3. HERO — full bleed, no black bars ---------- */
body.page-id-2106 .cbl-letterbox{display:none !important;}
body.page-id-2106 .cbl-hero{
  border-radius:0 !important;
  box-shadow:0 40px 120px -40px rgba(0,0,0,.9) !important;
}

/* ---------- 4. SECTION HEADERS — consistent + cinematic ---------- */
body.page-id-2106 .cbl-kicker{
  font-size:12.5px !important;font-weight:700 !important;letter-spacing:.22em !important;
  text-transform:uppercase !important;color:#f0876a !important;
  text-shadow:0 0 26px rgba(226,84,47,.55) !important;margin-bottom:14px !important;
}
body.page-id-2106 .cbl-section-head h2,
body.page-id-2106 #cbl-offer h2{
  font-size:clamp(30px,3.6vw,50px) !important;font-weight:600 !important;
  line-height:1.1 !important;letter-spacing:-.015em !important;
  text-shadow:0 2px 40px rgba(0,0,0,.6) !important;margin-bottom:16px !important;
}
body.page-id-2106 .cbl-lede{
  font-size:16.5px !important;line-height:1.7 !important;max-width:62ch !important;
}
body.page-id-2106 #cbl-offer .cbl-section-head{
  text-align:center !important;margin-left:auto !important;margin-right:auto !important;
  max-width:760px !important;margin-bottom:52px !important;
}
body.page-id-2106 #cbl-offer .cbl-lede{margin-left:auto !important;margin-right:auto !important;}

/* soft cinematic bloom behind the offer section */
body.page-id-2106 #cbl-offer{position:relative !important;overflow:hidden !important;}
body.page-id-2106 #cbl-offer::before{
  content:"" !important;position:absolute !important;top:-10% !important;left:50% !important;
  transform:translateX(-50%) !important;width:120% !important;height:70% !important;
  background:radial-gradient(ellipse 55% 60% at 50% 0%,rgba(226,84,47,.16),transparent 70%) !important;
  pointer-events:none !important;z-index:0 !important;
}
body.page-id-2106 #cbl-offer .container{position:relative !important;z-index:1 !important;}

/* ---------- 5. WHAT I OFFER — even cards, matched type, glow ---------- */
body.page-id-2106 .cbl-bento{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:auto !important;
  gap:22px !important;align-items:stretch !important;
}
@media (max-width:1000px){body.page-id-2106 .cbl-bento{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:640px){body.page-id-2106 .cbl-bento{grid-template-columns:1fr !important;}}

body.page-id-2106 .cbl-bento .cbl-tile,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-big,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-small{
  grid-column:span 1 !important;grid-row:span 1 !important;
  display:flex !important;flex-direction:column !important;
  align-items:center !important;justify-content:flex-start !important;
  text-align:center !important;
  padding:38px 30px 34px !important;
  min-height:288px !important;height:100% !important;
  border-radius:18px !important;position:relative !important;overflow:hidden !important;
  /* headshots-page glass */
  background:linear-gradient(160deg,rgba(36,66,80,.34) 0%,rgba(8,19,24,.40) 55%,rgba(8,19,24,.48) 100%) !important;
  background-color:transparent !important;
  border:1px solid rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter:blur(40px) saturate(2) !important;
  backdrop-filter:blur(40px) saturate(2) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.30),inset 0 -1px 0 0 rgba(255,255,255,.05),0 26px 70px 0 rgba(0,0,0,.5) !important;
  transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .35s ease,box-shadow .35s ease !important;
}
/* top edge light sweep */
body.page-id-2106 .cbl-bento .cbl-tile::after{
  content:"" !important;position:absolute !important;top:0 !important;left:12% !important;right:12% !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent) !important;
  opacity:.55 !important;pointer-events:none !important;display:block !important;
}
body.page-id-2106 .cbl-bento .cbl-tile:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(226,84,47,.55) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.34),0 0 0 1px rgba(226,84,47,.18),0 28px 80px -20px rgba(0,0,0,.75),0 0 60px -10px rgba(226,84,47,.45) !important;
}

/* badge — uniform, glowing */
body.page-id-2106 .cbl-tile-badge{
  width:52px !important;height:52px !important;border-radius:14px !important;
  margin:0 auto 20px !important;flex:none !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:linear-gradient(160deg,rgba(226,84,47,.30),rgba(226,84,47,.12)) !important;
  border:1px solid rgba(226,84,47,.45) !important;
  color:#ffb59c !important;
  box-shadow:0 0 26px rgba(226,84,47,.35),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:box-shadow .35s ease,transform .35s ease !important;
}
body.page-id-2106 .cbl-bento .cbl-tile:hover .cbl-tile-badge{
  box-shadow:0 0 44px rgba(226,84,47,.65),inset 0 1px 0 rgba(255,255,255,.3) !important;
  transform:translateY(-2px) !important;
}
body.page-id-2106 .cbl-tile-badge svg{width:22px !important;height:22px !important;}

/* type — identical across every card */
body.page-id-2106 .cbl-bento .cbl-tile h3,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-big h3{
  font-family:var(--serif) !important;
  font-size:21px !important;font-weight:600 !important;
  line-height:1.28 !important;letter-spacing:-.005em !important;
  color:#fff !important;margin:0 0 12px !important;
  text-shadow:0 0 30px rgba(226,84,47,.18) !important;
  text-wrap:balance !important;max-width:20ch !important;
}
body.page-id-2106 .cbl-bento .cbl-tile p,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-big p{
  font-family:var(--sans) !important;
  font-size:14.8px !important;font-weight:400 !important;line-height:1.68 !important;
  color:var(--muted-dim) !important;margin:0 !important;
  max-width:33ch !important;margin-left:auto !important;margin-right:auto !important;
}

/* ---------- 6. FAQ — match headshots glass ---------- */
html body.page-id-2106 .cbl-faq{
  background-image:linear-gradient(160deg,rgba(36,66,80,.34) 0%,rgba(8,19,24,.40) 55%,rgba(8,19,24,.48) 100%) !important;
  background-color:transparent !important;
  border:1px solid rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter:blur(40px) saturate(2) !important;
  backdrop-filter:blur(40px) saturate(2) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.30),inset 0 -1px 0 0 rgba(255,255,255,.05),0 26px 70px 0 rgba(0,0,0,.5) !important;
  transition:border-color .3s ease,box-shadow .3s ease !important;
}
html body.page-id-2106 .cbl-faq:hover,
html body.page-id-2106 .cbl-faq[open]{
  border-color:rgba(226,84,47,.42) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.34),0 26px 70px 0 rgba(0,0,0,.55),0 0 46px -12px rgba(226,84,47,.4) !important;
}
body.page-id-2106 .cbl-faq-list{max-width:900px !important;}

/* ---------- 7. Shared glass elements get the same treatment ---------- */
html body.page-id-2106 .cbl-glass,
html body.page-id-2106 .cbl-pillar,
html body.page-id-2106 .cbl-step,
html body.page-id-2106 .cbl-loc-map{
  background-image:linear-gradient(160deg,rgba(36,66,80,.34) 0%,rgba(8,19,24,.40) 55%,rgba(8,19,24,.48) 100%) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.28),0 26px 70px 0 rgba(0,0,0,.5) !important;
}
body.page-id-2106 .cbl-loc-map{border-radius:18px !important;overflow:hidden !important;}
body.page-id-2106 .cbl-loc-wrap{gap:clamp(32px,5vw,64px) !important;}

/* ---------- 8. Pull quote ---------- */
body.page-id-2106 .cbl-pull-quote{
  text-wrap:balance !important;max-width:660px !important;
  font-size:21px !important;line-height:1.6 !important;
}
/* ===== end CBL Fix Pack v2 ===== */

body.page-id-2106 .entry-header {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}
body.page-id-2106 .entry-header::before,
body.page-id-2106 .entry-header::after {
  content: none !important;
  display: none !important;
}
body.page-id-2106 .entry-header h1 { text-shadow: none !important; }

/* 2. What I Offer — equal-height, centred icon boxes instead of the uneven bento layout */
body.page-id-2106 .cbl-bento {
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: 1fr !important;
}
@media (max-width: 900px) {
  body.page-id-2106 .cbl-bento { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  body.page-id-2106 .cbl-bento { grid-template-columns: 1fr !important; }
}
body.page-id-2106 .cbl-bento .cbl-tile,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-big,
body.page-id-2106 .cbl-bento .cbl-tile.cbl-small {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}
body.page-id-2106 .cbl-tile-badge { margin: 0 auto 14px !important; }

/* 3. Remove the black letterbox bars on the hero YouTube video */
body.page-id-2106 .cbl-letterbox { display: none !important; }

/* 4. FAQ cards — match the Actor Headshots page glass style */
html body.page-id-2106 .cbl-faq {
  background-image: linear-gradient(160deg, rgba(36,66,80,.34) 0%, rgba(8,19,24,.40) 55%, rgba(8,19,24,.48) 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter: blur(40px) saturate(2) !important;
  backdrop-filter: blur(40px) saturate(2) !important;
  box-shadow: rgba(255,255,255,.30) 0 1px 0 0 inset, rgba(255,255,255,.05) 0 -1px 0 0 inset, rgba(0,0,0,.5) 0 26px 70px 0 !important;
}

/* 5. Pull-quote — balance the line wrap so it doesn't leave a big gap */
body.page-id-2106 .cbl-pull-quote {
  text-wrap: balance !important;
  max-width: 620px !important;
}
/* ===== end CBL Fix Pack ===== */

/* ============================================================
   ARTIST PHOTOGRAPHY PAGE — hero block only
   Cinematic grade + overhead light on the guitarist block.
   Scoped to page-id-3039 .hero — nothing else on the site.
   ============================================================ */

body.page-id-3039 .cbl-a .hero .scrim {
  background-image:
    radial-gradient(46% 58% at 47% -10%,
        rgba(198,228,240,.22),
        rgba(198,228,240,.07) 40%,
        rgba(198,228,240,0)   70%),
    linear-gradient(180deg,
        rgba(6,34,45,.50)   0%,
        rgba(5,20,25,.22)  38%,
        rgba(26,15,11,.34) 76%,
        rgba(46,22,16,.60) 100%),
    linear-gradient(90deg,
        rgba(8,12,14,.94)   0%,
        rgba(8,12,14,.86)  36%,
        rgba(8,12,14,.28)  76%,
        rgba(8,12,14,.5)  100%) !important;
}
/* --- end artist hero grade --- */

/* --- Artist Media Liverpool (page 3235): menu over hero, no logo bar --- */
body.page-id-3235 .site-branding { display: none !important; }

body.page-id-3235 #masthead.site-header {
	position: absolute;
	top: 20px; left: 0; right: 0;
	width: 100%;
	z-index: 500;
	background: transparent !important;
	padding: 0;
}
body.page-id-3235 #masthead .site-header-main,
body.page-id-3235 #masthead .site-header-main > .wrapper {
	background: transparent !important;
	padding-top: 0;
	padding-bottom: 0;
}

body.page-id-3235 #content.site-content > .wrapper,
body.page-id-3235 #primary.content-area,
body.page-id-3235 .site-main,
body.page-id-3235 .singular-content-wrap {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
body.page-id-3235 .vc_row.cbl-a { margin-top: 0 !important; }

body.page-id-3235 #menu-toggle,
body.page-id-3235 #menu-toggle .menu-label { color: #fff !important; }
body.page-id-3235 .menu-inside-wrapper { z-index: 999; }
/* --- end page 3235 header override --- */

/* ============================================================
   HERO — clear-video wash (27 Aug 2026, rev 2)
   No blur anywhere: the clip plays sharp edge to edge. Legibility
   comes from a graded wash plus a soft shadow on the type.
   ============================================================ */

/* Cinematic grade across the whole frame */
body.page-id-3235 .cbl-a .hero .bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(46% 58% at 47% -10%, rgba(198,228,240,.18), rgba(198,228,240,.05) 40%, rgba(198,228,240,0) 70%),
    linear-gradient(rgba(6,34,45,.38) 0%, rgba(5,20,25,.16) 38%, rgba(26,15,11,.28) 76%, rgba(46,22,16,.50) 100%);
}

/* Legibility wash — no blur, no mask, clip stays sharp */
body.page-id-3235 .cbl-a .hero .scrim{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  -webkit-mask-image:none;
          mask-image:none;
  background-image:
    linear-gradient(90deg, rgba(8,12,14,.80) 0%,
                          rgba(8,12,14,.62) 38%,
                          rgba(8,12,14,.18) 72%,
                          rgba(8,12,14,.30) 100%) !important;
}

/* Type carries some of the load now that nothing is blurred */
.cbl-a .hero h1,
.cbl-a .hero .sub,
.cbl-a .hero .eyebrow{
  text-shadow:0 2px 16px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.65);
}

/* Mobile: copy sits over the middle of the frame, so go bottom-up */
@media (max-width:900px){
  body.page-id-3235 .cbl-a .hero .scrim{
    background-image:
      linear-gradient(180deg, rgba(8,12,14,.30) 0%,
                             rgba(8,12,14,.55) 45%,
                             rgba(8,12,14,.88) 100%) !important;
  }
}

/* ---- Hero buttons -----------------------------------------
   The theme's .entry-content a rule (specificity 0,2,1) beat
   .cbl-a .btn-p (0,2,0) and painted both labels accent red —
   red on red on the primary. Forced back to white.
   ----------------------------------------------------------- */
.cbl-a .hero .btnrow{ gap:14px; }

.cbl-a .hero .btn-p,
.cbl-a .hero .btn-p:hover,
.cbl-a .hero .btn-p:focus{ color:#fff !important; }
.cbl-a .hero .btn-p{
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 30px rgba(226,64,44,.28), 0 2px 6px rgba(0,0,0,.35);
  transition:transform .18s ease, box-shadow .18s ease;
}
.cbl-a .hero .btn-p:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(226,64,44,.36), 0 3px 8px rgba(0,0,0,.40);
}

.cbl-a .hero .btn-o,
.cbl-a .hero .btn-o:hover,
.cbl-a .hero .btn-o:focus{ color:#fff !important; }
.cbl-a .hero .btn-o{
  background:rgba(8,12,14,.42);
  border:1px solid rgba(255,255,255,.34);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.cbl-a .hero .btn-o:hover{
  transform:translateY(-2px);
  background:rgba(8,12,14,.62);
  border-color:rgba(255,255,255,.75);
}

@media (prefers-reduced-motion:reduce){
  .cbl-a .hero .btn-p,
  .cbl-a .hero .btn-o{ transition:none; }
  .cbl-a .hero .btn-p:hover,
  .cbl-a .hero .btn-o:hover{ transform:none; }
}
/* --- end hero clear wash --- */

/* ==== CBL-A11Y-PATCH START — added to fix Lighthouse contrast + tap-target failures. Delete this whole block to revert. ==== */
/* Brand red raised from #E0362C to #E8483C for TEXT, borders and outlines only:
   #E0362C on the dark sections scored 4.18-4.37, just under the 4.5 WCAG AA threshold; #E8483C scores 4.79-5.00.
   Solid red BACKGROUNDS are deliberately left at #E0362C so white-on-red does not lose contrast. */
body.page-id-3235 .pfx-dot.is-on {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
}
body.page-id-3235 .pfx-nav:hover {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
}
body:not(.page-id-2106) {
  --lux-ember: 232,72,60 !important;
}
main.cbl-reel-page {
  --lux-ember: var(--cbl-accent-rgb,232,72,60) !important;
}
.cbl-switch {
  border-top-color: rgba(232, 72, 60, 0.6) !important;
  border-right-color: rgba(232, 72, 60, 0.6) !important;
  border-bottom-color: rgba(232, 72, 60, 0.6) !important;
  border-left-color: rgba(232, 72, 60, 0.6) !important;
}
.cbl-switch:hover, .cbl-switch:focus-visible {
  border-top-color: rgba(232, 72, 60, 0.9) !important;
  border-right-color: rgba(232, 72, 60, 0.9) !important;
  border-bottom-color: rgba(232, 72, 60, 0.9) !important;
  border-left-color: rgba(232, 72, 60, 0.9) !important;
}
#primary-menu > li.menu-item-has-children > a:hover {
  color: rgb(232, 72, 60) !important;
}
#site-navigation .sub-menu li.current-menu-item > a {
  color: rgb(232, 72, 60) !important;
}
#primary-menu > li:not(.menu-item-has-children) > a {
  border-top-color: rgba(232, 72, 60, 0.75) !important;
  border-right-color: rgba(232, 72, 60, 0.75) !important;
  border-bottom-color: rgba(232, 72, 60, 0.75) !important;
  border-left-color: rgba(232, 72, 60, 0.75) !important;
}
:root {
  --cbl-o: 232,72,60 !important;
  --wp--preset--color--red: #e8483c !important;
}
#content a:not([class]), #content .cbl-eyebrow, .cbl-eyebrow, .cbl-crumb a, .has-red-color, .has-red-color a {
  color: rgb(232, 72, 60) !important;
}
.open-chaty .chaty-svg svg circle, .channel-icon-Email .chaty-svg svg circle.color-element {
  fill: rgb(232, 72, 60) !important;
}
#content [style*="color: #db4f3d"], #content [style*="color:#db4f3d"], #content [style*="color: #DB4F3D"], #content [style*="color:#DB4F3D"] {
  color: rgb(232, 72, 60) !important;
}
[style*="--acc:#db4f3d"], [style*="--acc: #db4f3d"] {
  --acc: #e8483c !important;
}
.cbl, [id^="cbl"], [class*="cbl"], [style*="--acc"] {
  --acc: #e8483c !important;
}
.cbl-num, .cbl-link {
  color: rgb(232, 72, 60) !important;
}
.has-red-color, .has-red-color a {
  color: rgb(232, 72, 60) !important;
}
.cbl-a {
  --red: #E8483C !important;
}
.cbl-a .card {
  border-top-color: rgba(232, 72, 60, 0.42) !important;
  border-right-color: rgba(232, 72, 60, 0.42) !important;
  border-bottom-color: rgba(232, 72, 60, 0.42) !important;
  border-left-color: rgba(232, 72, 60, 0.42) !important;
}
.cbl-a .cbl-lineup__go {
  color: rgb(232, 72, 60) !important;
  border-bottom-color: rgba(232, 72, 60, 0.35) !important;
}
.cbl-a .cbl-lineup__go:hover {
  border-bottom-color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-spec__ratio {
  color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-pk__for {
  color: rgb(232, 72, 60) !important;
}
.cbl-a .pf-filter__btn.is-on {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-fan i {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-specs-fold > summary::after {
  color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-specs-fold > summary:focus-visible {
  outline-color: rgb(232, 72, 60) !important;
}
.cbl-sr-lb__close:focus-visible {
  outline-color: rgb(232, 72, 60) !important;
}
body.page-id-3235 #artist-portfolio .pf-filter .pf-filter__btn.is-on::before {
  color: rgb(232, 72, 60) !important;
}
.cbl-a #artist-portfolio .cbl-int__k {
  color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-qa .eyebrow, .cbl-a .cbl-faq2 .eyebrow {
  color: rgb(232, 72, 60) !important;
}
#cbl-next .cbl-next__k {
  color: rgb(232, 72, 60) !important;
}
#cbl-next .cbl-next__all:hover {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
  color: rgb(232, 72, 60) !important;
}
.cbl-a a:focus-visible, .cbl-a button:focus-visible {
  outline-color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl3-exit a:hover {
  color: rgb(232, 72, 60) !important;
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl3-pill:hover {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
  color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl3-card.is-on {
  outline-color: rgba(232, 72, 60, 0.65) !important;
}
.cbl-route b {
  color: rgb(232, 72, 60) !important;
}
.cbl-route button:hover {
  border-top-color: rgb(232, 72, 60) !important;
  border-right-color: rgb(232, 72, 60) !important;
  border-bottom-color: rgb(232, 72, 60) !important;
  border-left-color: rgb(232, 72, 60) !important;
  color: rgb(232, 72, 60) !important;
}
.cbl-a .cbl-pk__lane {
  color: rgb(232, 72, 60) !important;
  border-top-color: rgba(232, 72, 60, 0.45) !important;
  border-right-color: rgba(232, 72, 60, 0.45) !important;
  border-bottom-color: rgba(232, 72, 60, 0.45) !important;
  border-left-color: rgba(232, 72, 60, 0.45) !important;
}

/* Tap targets: Lighthouse wants 24x24 CSS px minimum. The category filter pills were 22px tall. */
.cbl-cat { min-height: 24px !important; padding-top: 4px !important; padding-bottom: 5px !important; }
#menu-toggle { min-height: 48px !important; }

/* FAQ + Q&A eyebrows: their own stylesheet wins on specificity, so they need an explicit rule. */
html body section.sec.dark div.cbl-qa__head p.eyebrow,
html body section.sec.dark div.cbl-faq2__head p.eyebrow { color: #E8483C !important; }
/* ==== CBL-A11Y-PATCH END ==== */


/* ===== CBL MENU RULES =====
   The Business/Artist menu is controlled ONLY by the WPCode "CBL menu" script
   (.cbl-ctx-business / .cbl-ctx-artist on .menu-inside-wrapper).
   Do NOT hide #menu-item-2483 or #menu-item-2571 here with :has(.current-menu-*)
   rules - that breaks "Switch to Artist/Business Services" on every page in the menu. */
#masthead #primary-menu-wrapper .menu-inside-wrapper.cbl-ctx-artist #primary-menu > li.cbl-top-artist,
#masthead #primary-menu-wrapper .menu-inside-wrapper.cbl-ctx-business #primary-menu > li.cbl-top-business { display: list-item !important; }