/*
 Theme Name:   Goldenblatt Child
 Theme URI:    http://goldenblatt.bold-themes.com
 Description:  Goldenblatt child theme — Conmy Feste Ltd. brand customisation
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     goldenblatt
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  goldenblatt-child
*/


/* ==========================================================================
   Conmy Feste — brand tokens
   Sampled from Mockup/Home-page-mockup_v1.2.jpg (1920px canvas, 1200 boxed).

   The Customizer carries two colours (accent + alternate). The mockup uses
   three: maroon for actions, navy for surfaces, and a gold that appears on
   supertitles and "view more" links. Maroon and navy are set in the
   Customizer; gold has no Customizer slot and is applied from here.
   ========================================================================== */

:root {
	--conmy-maroon:       #6E1A3C;
	--conmy-maroon-dark:  #571530;
	--conmy-navy:         #141B26;
	--conmy-navy-surface: #1C2029;
	--conmy-gold:         #C79B5E;
	--conmy-gold-dark:    #8A6B3D;
	--conmy-gold-muted:   #9C8462;
	--conmy-rose:         #B3798D;
	--conmy-cream:        #F4EDE7;
	--conmy-field:        #F1EEE9;
}


/* ==========================================================================
   Supertitles

   Two jobs here. The colour has to beat the per-element colour-scheme rules
   the builder prints inline (specificity 0,3,0), hence the .btContentHolder
   prefix — equal weight, but the child sheet loads after the inline block.

   The rule before the text is the mockup's own device; the theme has no
   equivalent, so it is drawn as a ::before.

   The bright --conmy-gold reads fine against the dark navy/photo panels it
   was sampled from (the mockup, and this site's hero/footer bands), but the
   *same* class also lands on ordinary white page content wherever an editor
   drops a headline with a superheadline outside one of those bands (e.g.
   the Contact page's "LOCATION" kicker) — 2.53:1 there, against a 4.5:1
   minimum (confirmed by a Lighthouse accessibility audit across several
   templates). --conmy-gold can't pass 4.5:1 against both white AND navy at
   once (their luminances are too far apart for one colour to do both), so
   .btContentHolder gets the readable-on-white --conmy-gold-dark as its
   default, and the confirmed-dark wrapper classes below re-assert the
   bright gold on top of it.
   ========================================================================== */

.btContentHolder .bt_bb_headline .bt_bb_headline_superheadline {
	color: var(--conmy-gold-dark);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-size: 0.82rem;
}

.conmyFooter .bt_bb_headline .bt_bb_headline_superheadline,
.conmyHero .bt_bb_headline_superheadline,
.conmy-hero .bt_bb_headline_superheadline,
.conmy-band .bt_bb_headline_superheadline,
.conmyTrust .bt_bb_headline_superheadline,
.conmyServing .bt_bb_headline_superheadline,
.conmyConsult .bt_bb_headline_superheadline,
.conmyJedHero .bt_bb_headline_superheadline,
.single-post .btPageHeadline .bt_bb_headline_superheadline {
	color: var(--conmy-gold);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-size: 0.82rem;
}

.conmyRuleSuper .bt_bb_headline_superheadline::before,
.conmyHero .bt_bb_headline_superheadline::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 1px;
	margin-right: 1.4em;
	vertical-align: middle;
	background-color: var(--conmy-gold-muted);
}

/* Column headings in the footer are plain labels, no leading rule. */
.conmyFooterHead .bt_bb_headline_superheadline::before {
	content: none;
}


/* ==========================================================================
   Section rule

   Goldenblatt's own dash is a 2.7em decorative square drawn on
   .bt_bb_headline_content:before, and the thin-rule :after is forced to
   display:none. Neither matches the mockup, which uses a slim 65x2 maroon
   rule below the heading. Headlines carry dash="none" and opt in with
   el_class="conmyDash"; drawn on the heading tag so it never collides with
   the theme's disabled :after.
   ========================================================================== */

.conmyDash .bt_bb_headline_tag::after {
	content: "";
	display: block;
	width: 65px;
	height: 2px;
	margin-top: 0.7em;
	background-color: var(--conmy-maroon);
}

.conmyDash.bt_bb_align_center .bt_bb_headline_tag::after {
	margin-left: auto;
	margin-right: auto;
}

.conmyDash.bt_bb_align_right .bt_bb_headline_tag::after {
	margin-left: auto;
}


/* ==========================================================================
   1. Hero
   ========================================================================== */

.conmyHero .bt_bb_headline_tag {
	/* 4.6rem matches the mockup at 1920; clamped so it scales down instead of
	   forcing the page wider than a phone viewport. */
	font-size: clamp(2.1rem, 5.2vw, 4.6rem);
	line-height: 1.14;
}

.conmyHero .bt_bb_text {
	max-width: min(34rem, 100%);
	font-size: 1.02rem;
	line-height: 1.85;
}

/* The mockup pairs a solid maroon button with a hairline outline one. */
.conmyHero .bt_bb_button + .bt_bb_button {
	margin-left: 1.1rem;
}


/* ==========================================================================
   2, 3, 6. Overlap sections

   layout="overlap-left|right" plus a column icon is Goldenblatt's native
   asymmetric layout and already matches the mockup. Only the panel tint and
   the measure of the body copy need adjusting.
   ========================================================================== */

/* No panel fill: the section background is already white, and tinting the
   column's inner box paints a visible slab over the adjoining photo, because
   the overlap layout makes the text column wider than half the row. */

/* Section headings are Playfair 600 in the mockup, not 400. Cap heights match
   at 36px, so the size is already right — but "Trust, Integrity And" inks at
   414px there against 397px here, exactly the width Playfair 600 adds.
   Colour sampled at #161F2D against the theme's near-black #181818. */
.conmyTrust .bt_bb_headline .bt_bb_headline_tag,
.conmyServing .bt_bb_headline .bt_bb_headline_tag,
.conmyConsult .bt_bb_headline .bt_bb_headline_tag {
	font-weight: 600;
	color: var(--conmy-navy);
	line-height: 1.15;
}

/* Body copy is a mid grey, not near-black: no pixel in the mockup's paragraph
   block falls below luma 92, where the theme renders #181818 (luma 24). */
.conmyTrust .bt_bb_text,
.conmyServing .bt_bb_text,
.conmyConsult .bt_bb_text {
	color: #5C5C5C;
}

.conmyTrust .bt_bb_text,
.conmyServing .bt_bb_text {
	font-size: 0.94rem;
	line-height: 2.05;
}

/* Body copy in the Trust panel is right-aligned against the photo edge. */
.conmyTrust .bt_bb_text {
	margin-left: auto;
	max-width: min(30rem, 100%);
}

/* The mockup sets this heading on a narrower measure than its body copy —
   414px at the widest against 485px — which is what breaks it over three
   lines rather than two. */
.conmyTrust .bt_bb_headline {
	max-width: min(430px, 100%);
	margin-left: auto;
}

/* The mockup lifts the Trust photo up into the dark hero above it. Measured
   at 1920: the hero's bottom edge is y820 and the photo's top is y704, so the
   overlap is 116px — and the photo and the white panel still end together at
   y1702, i.e. the photo is taller rather than merely shifted.

   A negative top margin on a stretched flex item does both: it raises the
   item's top edge, and the stretched cross-size grows by the same amount, so
   the shared bottom edge is preserved.

   The lift is raised above the hero by promoting the whole section, not the
   photo column. Promoting the column instead would reverse the stacking
   inside the row and let the photo paint over the text column — which hides
   the maroon icon tile and clips the heading. */
.conmyTrust {
	position: relative;
	z-index: 1;
}

.conmyTrust .bt_bb_row_holder > .bt_bb_column:last-child {
	margin-top: -116px;
}


/* --------------------------------------------------------------------------
   Overlap geometry, measured off the mockup at 1920.

   All three icon tiles are 116x116 and sit exactly on the 50% line: Trust's
   right edge at x960, Serving's and Consult's left edge at x960. Goldenblatt
   instead bleeds both columns 3.75rem (60px) past the midline, which lands
   every tile on the photo rather than beside it. Dropping the bleed gives the
   mockup's clean split and puts the tiles where they belong.

   Vertically the tiles differ: Trust's is flush with its white panel
   (y820, panel top y820) while Serving's and Consult's sit 116px down
   (y1818/y1702 and y4631/y4515) — which the theme's 7.5rem column padding
   already produces, so only Trust needs its padding removed.
   -------------------------------------------------------------------------- */

/* The theme's overlap rules carry the [data-structure] and [data-width]
   attributes and run to (0,8,0), so these have to mirror the full selector
   with the section class in front to outweigh them.

   The photo does not stop at the midline: it bleeds 116px past it — exactly
   the tile's width — so the tile's outer edge and the photo's edge form one
   continuous line. Trust's photo runs to x844, Serving's and Consult's to
   x1076, against a midline of x960.

   That bleed strip is only visible down to the tile's bottom; below it the
   white panel takes over. So the text column is given a white background that
   starts at the tile's bottom edge rather than at its own top — 116px down in
   Trust (whose tile is flush with the panel top) and 232px in the other two
   (tile top 116 + tile height 116). Above that line the strip shows photo. */
@media (min-width: 1260px) {

	/* Text column: flush to the midline, white from the tile's bottom down. */
	.conmyTrust .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapLeft .bt_bb_column[data-width="6"]:first-child .bt_bb_column_content,
	.conmyServing .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child .bt_bb_column_content,
	.conmyConsult .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child .bt_bb_column_content {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	/* The theme already sets z-index:1 on the text column at (0,7,0); these
	   have to match that weight or the photo, being last in the DOM, paints
	   over the icon tile. */
	.conmyTrust .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapLeft .bt_bb_column[data-width="6"]:first-child,
	.conmyServing .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child,
	.conmyConsult .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child {
		position: relative;
		z-index: 2;
	}

	.conmyTrust .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapLeft .bt_bb_column[data-width="6"]:first-child {
		background-image: linear-gradient(to bottom, transparent 116px, #ffffff 116px);
	}

	.conmyServing .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child,
	.conmyConsult .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:last-child {
		background-image: linear-gradient(to bottom, transparent 232px, #ffffff 232px);
	}

	/* Photo column: 116px of bleed past the midline, painted underneath. */
	.conmyTrust .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapLeft .bt_bb_column[data-width="6"]:last-child .bt_bb_column_content {
		margin-left: -116px;
		margin-right: 0;
		width: calc(100% + 116px);
	}

	.conmyServing .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:first-child .bt_bb_column_content,
	.conmyConsult .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapRight .bt_bb_column[data-width="6"]:first-child .bt_bb_column_content {
		margin-right: -116px;
		margin-left: 0;
		width: calc(100% + 116px);
	}

	.conmyTrust .bt_bb_row_holder > .bt_bb_column:last-child,
	.conmyServing .bt_bb_row_holder > .bt_bb_column:first-child,
	.conmyConsult .bt_bb_row_holder > .bt_bb_column:first-child {
		position: relative;
		z-index: 1;
	}

	/* Trust's tile is flush with the top of its panel. */
	.conmyTrust .bt_bb_row.bt_bb_layout_special[data-structure="6-6"].btOverlapLeft .bt_bb_column[data-width="6"]:first-child {
		padding-top: 0;
	}
}

/* Tile is 116px square in the mockup; the theme draws 7.5em (120px). */
.conmyTrust .bt_bb_column.btWithIcon .bt_bb_column_content .bt_bb_column_icon,
.conmyServing .bt_bb_column.btWithIcon .bt_bb_column_content .bt_bb_column_icon,
.conmyConsult .bt_bb_column.btWithIcon .bt_bb_column_content .bt_bb_column_icon {
	width: 116px;
	height: 116px;
	line-height: 116px;
}


/* ==========================================================================
   4. Practice Areas

   The card element has no el_class attribute, so everything here is scoped
   through the section instead. bt_bb_card also has no button field — the
   mockup's "VIEW MORE" is generated, and the whole card is the link.
   ========================================================================== */

.conmyPractice .bt_bb_card {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--conmy-navy-surface);
}

/* Equal-height cards across a row. Columns are nested inside a
   .bt_bb_row_holder flex container, not directly under .bt_bb_row. Flex is
   used rather than height:100% so each wrapper's padding is accounted for. */
.conmyCards .bt_bb_row_holder > .bt_bb_column,
.conmyCards .bt_bb_row_holder > .bt_bb_column > .bt_bb_column_content,
.conmyCards .bt_bb_row_holder .bt_bb_column_content_inner {
	display: flex;
	flex-direction: column;
}

.conmyCards .bt_bb_row_holder > .bt_bb_column > .bt_bb_column_content,
.conmyCards .bt_bb_row_holder .bt_bb_column_content_inner,
.conmyCards .bt_bb_row_holder .bt_bb_card {
	flex: 1 1 auto;
}

/* Card art in the mockup is a consistent 370x210 crop. The ratio is held on
   the wrapper, since the theme sizes the image element itself. */
.conmyPractice .bt_bb_card_image,
.conmyPractice .bt_bb_card_image .bt_bb_image,
.conmyPractice .bt_bb_card_image .bt_bb_image span {
	display: block;
	width: 100%;
}

.conmyPractice .bt_bb_card_image {
	aspect-ratio: 37 / 21;
	overflow: hidden;
}

.conmyPractice .bt_bb_card_image .bt_bb_image,
.conmyPractice .bt_bb_card_image .bt_bb_image span {
	height: 100%;
}

.conmyPractice .bt_bb_card_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* The mockup centres the second row's two cards rather than left-packing. */
.conmyCardsCentered .bt_bb_row_holder {
	justify-content: center;
}

/* Card gutters.

   The mockup uses 30px both ways (cards 370 wide in a 1170 container). The
   theme gives 40px horizontally and no vertical gap at all — the two card
   rows sit flush, bottom edge of row 1 touching top edge of row 2.

   The horizontal inset comes from a -20px margin on .bt_bb_row_holder paired
   with 20px padding on .bt_bb_column_content (not on the column itself), so
   both have to be trimmed to 15px together: that yields a 30px gutter while
   keeping the outer cards flush with the 1200px container edges. */
.conmyPractice .conmyCards .bt_bb_row_holder {
	margin-left: -15px;
	margin-right: -15px;
}

.conmyPractice .conmyCards .bt_bb_row_holder > .bt_bb_column {
	padding-left: 0;
	padding-right: 0;
}

.conmyPractice .conmyCards .bt_bb_column_content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Any row after the first needs this clearance — conmyCardsCentered only
   ever marked a leftover partial row (e.g. 5 items: row of 3 then row of
   2), so a second full row of 3 (e.g. exactly 6 items) got no top margin
   at all and sat flush against the first. conmyCardsSpaced covers every
   row-after-the-first case; conmyCardsCentered stays purely about
   justify-content above. */
.conmyPractice .conmyCardsSpaced {
	margin-top: 30px;
}

/* Card geometry, measured off the mockup at 1920 (card 1, x 375-745):
   image top 2820, navy body top 2973 -> 153px of photo visible, and the
   maroon icon tile runs 2973-3038, i.e. flush with the top of the navy body
   rather than straddling it. The theme's own -3.7em content offset already
   yields 152.8px against a 212px image, so it is left alone; only the icon
   tile's default lift is cancelled. */
.conmyPractice .bt_bb_card_icon_box {
	margin-top: 0;
	position: relative;
	z-index: 2;
	align-items: center;
}

/* A practice area with no featured image and no fallback photo (see
   conmy_practice_category_icon()/_image()) gets the theme's own btNoImage
   class, which cancels the -3.7em content offset above entirely
   (goldenblatt/style.css: .btNoImage.bt_bb_card .bt_bb_card_content {
   margin-top: 0 }) — revealing the full ~210px image box instead of the
   152.8px slice a photo card shows, so a card with no photo reads as having
   a visibly taller blank banner than its siblings in the same grid.
   Restored so every card here reveals the same amount regardless of
   whether it has a real photo. */
.conmyPractice .btNoImage.bt_bb_card .bt_bb_card_content {
	margin-top: -3.7em;
}

.conmyPractice .bt_bb_card_icon {
	background-color: var(--conmy-maroon);
	color: #fff;
}

.conmyPractice .bt_bb_card_title {
	font-size: 1.3rem;
	letter-spacing: 0.02em;
}

/* "VIEW MORE" is bottom-aligned across a row in the mockup — all three rules
   sit on y3212 despite Business Law carrying a fourth line of copy. That needs
   an unbroken growing-flex chain from the card down to the text box; without
   the content box participating, the text box cannot grow and the link just
   trails the copy. */
.conmyPractice .bt_bb_card_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.conmyPractice .bt_bb_card_text_box {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.conmyPractice .bt_bb_card_text {
	font-size: 0.86rem;
	line-height: 1.85;
	flex: 1 0 auto;
}

/* Generated call to action — the card itself carries the link. The leading
   rule is a background rather than a second pseudo-element, since the text
   box is a column flex container and the two would otherwise stack. */
.conmyPractice .bt_bb_card_text_box::after {
	content: "VIEW MORE";
	display: block;
	margin-top: 1.9em;
	padding-left: 48px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	line-height: 1;
	color: var(--conmy-gold-muted);
	background-image: linear-gradient(var(--conmy-gold-muted), var(--conmy-gold-muted));
	background-size: 34px 1px;
	background-position: left center;
	background-repeat: no-repeat;
	transition: color 0.4s ease-in-out, background-size 0.4s ease-in-out;
}

/* The card itself is the link here (no button field of its own — see the
   comment above), so the hover has to key off the card, not the pseudo-
   element. Matches the site's own "VIEW ALL" button (Meet Our Lawyers,
   .bt_bb_button.bt_bb_style_clean — goldenblatt/style.css): the leading
   line retracts to nothing (its `:before` scales to 0 via transform;
   the background-image dash here shrinks to 0 width the same way, label
   position held fixed) while the label brightens, same 0.4s ease-in-out. */
.conmyPractice .bt_bb_card:hover .bt_bb_card_text_box::after {
	color: var(--conmy-gold);
	background-size: 0 1px;
}

/* [practice_categories] cards only: the ::after above has no href, so
   VIEW MORE isn't actually clickable there — cancelled here and replaced
   by the real link conmy_practice_categories_shortcode() prints into
   .bt_bb_card_content_inner instead, same look. Same specificity as the
   rule above; wins by appearing later in this file. The home page's own
   conmyPractice row keeps the pseudo-element version untouched. */
.conmyPc .bt_bb_card_text_box::after {
	content: none;
}

.conmyPc .bt_bb_card_content_inner {
	margin-top: 1.9em;
}

/* Qualified with the element (not just the class) to match .btContent a's
   specificity (a class plus the bare element) — otherwise that rule's
   #B07C4B wins over a class-only selector regardless of source order. */
a.conmyPcViewMore {
	display: block;
	padding-left: 48px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	color: var(--conmy-gold-muted);
	background-image: linear-gradient(var(--conmy-gold-muted), var(--conmy-gold-muted));
	background-size: 34px 1px;
	background-position: left center;
	background-repeat: no-repeat;
	transition: color 0.4s ease-in-out, background-size 0.4s ease-in-out;
}

/* Matches the site's own "VIEW ALL" button (Meet Our Lawyers,
   .bt_bb_button.bt_bb_style_clean — goldenblatt/style.css): the leading
   line retracts to nothing on hover (there it's a real element scaled to 0
   via transform; here the background-image dash shrinks to 0 width the
   same way, label position held fixed) while the label brightens, same
   0.4s ease-in-out. */
a.conmyPcViewMore:hover,
a.conmyPcViewMore:focus-visible {
	color: #ffffff;
	background-size: 0 1px;
}


/* ==========================================================================
   5. Meet Our Lawyers
   ========================================================================== */

.conmyViewAll .bt_bb_headline_superheadline {
	font-size: 0.66rem;
}

/* Clickable via the delegated handler in conmy.js — the plugin's own url
   wrapping never fires here since this headline has no main headline text,
   only a superheadline (see conmy.js for why). */
.conmyViewAll {
	cursor: pointer;
}

.conmyAttorney .bt_bb_headline_tag {
	font-size: 1.22rem;
	margin-bottom: 0.35em;
}

.conmyAttorney .bt_bb_headline_subheadline {
	color: var(--conmy-maroon);
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}


/* ==========================================================================
   6. Consultation form

   The theme makes every .btFormColumn full width; the mockup pairs name and
   email, and sets the disclaimer label against its checkbox.
   ========================================================================== */

/* The theme sets .btForm .btFormRow .btFormColumn { flex: 1 0 100% }, so these
   need matching specificity to pair fields on one line. */
.conmyForm .btFormRow.conmyFormRow2 {
	gap: 0 1rem;
}

.conmyForm .btFormRow.conmyFormRow2 .btFormColumn {
	flex: 1 1 calc(50% - 0.5rem);
}

.conmyForm .btFormRow .btFormColumn input:not([type='checkbox']):not([type='submit']),
.conmyForm .btFormRow .btFormColumn textarea {
	background-color: var(--conmy-field);
	border: none;
}

.conmyForm .btFormRow.conmyDisclaimerRow {
	align-items: center;
	justify-content: space-between;
	gap: 0 1rem;
}

.conmyForm .btFormRow.conmyDisclaimerRow .btFormColumn {
	flex: 0 1 auto;
	width: auto;
}

.conmyDisclaimerLabel {
	position: relative;
}

/* The label is a real button so it is keyboard reachable, styled back to look
   like the plain label it replaces. */
.conmyDisclaimerToggle {
	padding: 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: inherit;
	color: var(--conmy-navy);
	cursor: pointer;
	text-transform: uppercase;
}

.conmyDisclaimerToggle:hover,
.conmyDisclaimerToggle:focus-visible {
	color: var(--conmy-maroon);
}

/* Anchored under the label and overlaid, so opening it does not reflow the
   form. */
.conmyDisclaimerPopup {
	position: absolute;
	top: calc(100% + 0.75rem);
	left: 0;
	z-index: 20;
	width: 26rem;
	max-width: calc(100vw - 3rem);
	padding: 1.5rem 1.75rem;
	background-color: #ffffff;
	box-shadow: 0 8px 28px rgba(20, 27, 38, 0.22);
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
}

.conmyDisclaimerPopup[hidden] {
	display: none;
}

.conmyDisclaimerPopup p {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 400;
	line-height: 1.65;
	color: var(--conmy-navy);
}

.conmyDisclaimerPopup a {
	color: var(--conmy-navy);
	text-decoration: underline;
}

.conmyDisclaimerPopup a:hover {
	color: var(--conmy-maroon);
}

/* Drawn rather than pulled from an icon font, so the panel has no dependency
   on the theme's icon set. */
.conmyDisclaimerIcon {
	display: inline-block;
	width: 1.05em;
	height: 1.05em;
	margin-right: 0.15em;
	border-radius: 50%;
	background-color: var(--conmy-navy);
	color: #ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 0.92em;
	line-height: 1.05em;
	text-align: center;
	vertical-align: -0.12em;
}

.conmyDisclaimerClose {
	position: absolute;
	top: 0.35rem;
	right: 0.5rem;
	padding: 0.15rem 0.35rem;
	border: 0;
	background: none;
	color: #6b7280;
	font-size: 1.05rem;
	line-height: 1;
	cursor: pointer;
}

.conmyDisclaimerClose:hover,
.conmyDisclaimerClose:focus-visible {
	color: var(--conmy-maroon);
}

.conmyDisclaimerCheck {
	text-align: right;
	font-size: 0.86rem;
}

.conmyDisclaimerCheck input[type='checkbox'] {
	accent-color: var(--conmy-maroon);
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.5em;
	vertical-align: -0.2em;
}

.conmyForm .wpcf7-list-item {
	margin: 0;
}


/* ==========================================================================
   7. We Care About Your Case

   The mockup tints a dark gavel photo maroon. The builder's background
   overlay options are only light/dark stripes or solids, so the tint is an
   overlay drawn here.
   ========================================================================== */

/* Measured off the mockup at 1920 — band y5467..6133:
     band height        666px
     heading            top y5613 (146 below the band top), glyphs 49px tall
     quote              5 lines, tops y5718/5781/5844/5907/5971 -> 63px rhythm
     widest quote line  1137px (line 2, x400..1536), centred on x968
     last line bottom   y6003, i.e. 130px above the band bottom

   The supplied artwork is already toned maroon and flat (#763954 throughout,
   no baked gradient), while the mockup's band runs #683C4D at the top to
   #482835 at the bottom. That difference is a black wash rising from ~5% to
   ~35% down the band, so it is reproduced as a gradient rather than the flat
   maroon fill this section used while it was on a stand-in photo. */
.conmyQuote .bt_bb_background_image_holder {
	position: relative;
}

.conmyQuote .bt_bb_background_image_holder::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.35));
}

/* Needs three classes to outweigh the theme's .bt_bb_size_large heading rule. */
.conmyQuote .bt_bb_headline .bt_bb_headline_tag {
	font-size: 3.25rem;
	line-height: 1.2;
}

/* Band rhythm: the theme's "large" spacing gives 120px above and below (via an
   inner wrapper, not the section's own padding — setting padding here stacks
   on top of it). The mockup wants the heading 146px below the band top and the
   quote's first line 105px below the heading, so 10px is added above the
   heading and 26px between. Bottom spacing already matches. */
.conmyQuote .bt_bb_headline {
	margin-top: 10px;
}

.conmyQuoteText {
	max-width: min(72.5rem, 100%);
	margin: 41px auto 0;
}

/* 44px rather than the 42px the 63px rhythm would imply: at 42px the measure
   fits one word more per line than the mockup, which pushes "email." onto a
   line of its own. 44px reproduces the mockup's five line breaks and its
   1137px widest line. Line-height stays pinned to the measured 63px. */
.conmyQuoteText p {
	font-family: "Playfair Display", Georgia, serif;
	font-style: italic;
	font-size: clamp(1.35rem, 2.29vw, 2.75rem);
	line-height: 1.432;
	text-align: center;
}

/* The phone number and "send us an email" links in this paragraph carry no
   colour of their own otherwise, so they read as plain white body text. */
.conmyQuoteText a {
	color: #c86a90;
}

.conmyQuoteText a:hover,
.conmyQuoteText a:focus-visible {
	color: #ffffff;
}


/* ==========================================================================
   Footer
   ========================================================================== */

.conmyFooter {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.conmyFooterLogo img {
	width: 93px;
	height: auto;
}

.conmyFooterNote {
	font-size: 0.84rem;
	line-height: 1.8;
	max-width: 17rem;
}

/* Secondary footer text is grey in the mockup, not white.

   Measured against the footer's flat ground (control sample: luma 30) the
   address, link lists and payment note all top out around luma 112-117, and
   the bottom bar lower again at 76 — this build had every one of them at pure
   white. Sampling had to avoid the world-map artwork, whose dots reach luma
   159 and inflate any region they sit under.

   The phone number stays white: it measures luma 251 in the mockup, the one
   deliberately bright item down there besides the logo and the gold headings.

   0.55 lands on the mockup's tone at roughly 5.9:1 against the ground. The
   bottom bar keeps the mockup's step down in emphasis but stops at 0.42
   (~4:1) rather than the ~0.3 the comp implies, which would leave the legal
   line under 3:1. */
.conmyFooter .conmyFooterAddress .bt_bb_icon_holder > span,
.conmyFooter .bt_bb_custom_menu .menu li a,
.conmyFooter .conmyFooterNote p {
	color: rgba(255, 255, 255, 0.55);
}

.conmyFooter .bt_bb_custom_menu .menu li a:hover,
.conmyFooter .bt_bb_custom_menu .menu li a:focus-visible {
	color: #ffffff;
}

/* Footer menu rules, measured off the mockup.

   The theme draws each item's rule as
   `border-bottom: .5px solid rgba(255,255,255,.4)` on the <li>, which is
   block-level — but the menu's wrapper is a flex container, so the <ul>
   shrink-wraps to its text and the rule only runs 96px. In the mockup it
   spans the full column: x738-969 under Practice Areas and x1018-1246 under
   Firm, ~230px each. Stretching the wrapper is what fixes the width.

   The colour is also far lighter here than in the comp: rgba(255,255,255,.4)
   renders around luma 120 against the mockup's #22272D (luma 37) on a luma-30
   ground, so it is set to the measured value.

   And the comp leaves 43px between the column heading and the first item
   where this sits at 34px, hence the 9px of clearance. */
.conmyFooter .bt_bb_custom_menu > div,
.conmyFooter .bt_bb_custom_menu div ul {
	width: 100%;
}

.conmyFooter .bt_bb_custom_menu div ul li {
	border-bottom: 1px solid #22272D;
}

/* Padding, not margin: the column heading's superheadline already carries a
   1.9em margin-bottom, and an adjacent margin here just collapses into it. */
.conmyFooter .bt_bb_custom_menu {
	padding-top: 30px;
}

.conmyFooterBottom .bt_bb_text p,
.conmyFooterBottom .conmyFooterLegal a {
	color: rgba(255, 255, 255, 0.62);
}

.conmyFooterBottom .conmyFooterLegal a:hover,
.conmyFooterBottom .conmyFooterLegal a:focus-visible {
	color: #ffffff;
}


/* --------------------------------------------------------------------------
   Footer address and phone, measured off the mockup.

   Address: 13px on a 23px rhythm, wrapping after "South" — lines ink at
   x394-519 (126px) and x394-482, with line two hanging under line one rather
   than under the icon. The house glyph is a muted gold (#8E7056 sampled),
   where the theme paints it with the maroon accent.

   Phone: a 190x46 box with a hairline border (x374-563, y6393-6438; border
   luma 51 against the #1A1F25 ground, i.e. rgba(255,255,255,.1)) holding a
   44x44 maroon tile (x375-418, y6394-6437) with a white glyph, and the number
   centred in the remainder in white bold. The theme's "filled" icon style
   paints the reverse — white tile, maroon glyph, no box — so the component is
   rebuilt here rather than recoloured.
   -------------------------------------------------------------------------- */

/* 150px so the first line takes "3369 45th Street South," and the rest wraps,
   matching the mockup's break; at 140px "South," spilled and it broke after
   "Street" into three lines. */
.conmyFooter .conmyFooterAddress .bt_bb_icon_holder > span {
	display: inline-block;
	max-width: 150px;
	font-size: 13px;
	line-height: 23px;
	transition: color 0.2s ease;
}

/* The colour-scheme block the builder prints inline reaches (0,4,1) here
   (.bt_bb_color_scheme_4.bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder
   :before), so the scheme classes have to be carried to outweigh it. */
.conmyFooter .conmyFooterAddress.bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before {
	color: #8E7056;
	transition: color 0.2s ease;
}

.conmyFooter .conmyFooterAddress a.bt_bb_icon_holder:hover > span,
.conmyFooter .conmyFooterAddress a.bt_bb_icon_holder:focus-visible > span {
	color: #ffffff;
}

.conmyFooter .conmyFooterAddress.bt_bb_icon.bt_bb_style_borderless:hover .bt_bb_icon_holder:before,
.conmyFooter .conmyFooterAddress.bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:focus-visible:before {
	color: var(--conmy-gold);
}

/* Phone */
.conmyFooter .conmyFooterPhone .bt_bb_icon_holder {
	display: inline-flex;
	align-items: center;
	width: 190px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: none;
	box-shadow: none;
	overflow: hidden;
	transition: border-color 0.2s ease;
}

/* The theme fills this tile with `box-shadow: 0 0 0 3em <colour> inset`, not
   background-color, from a rule at (0,4,2) — so the fill has to be replaced
   the same way and the scheme classes carried to outweigh it. Scheme 4 paints
   a white tile with a maroon glyph; the mockup is the reverse. */
.conmyFooter .conmyFooterPhone.bt_bb_icon.bt_bb_style_filled a.bt_bb_icon_holder:before {
	flex: 0 0 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	border-radius: 0;
	box-shadow: 0 0 0 3em var(--conmy-maroon) inset;
	background-color: transparent;
	color: #ffffff;
	font-size: 15px;
	transition: box-shadow 0.2s ease;
}

.conmyFooter .conmyFooterPhone .bt_bb_icon_holder > span {
	flex: 1 1 auto;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
}

.conmyFooter .conmyFooterPhone .bt_bb_icon_holder:hover,
.conmyFooter .conmyFooterPhone .bt_bb_icon_holder:focus-visible {
	border-color: rgba(255, 255, 255, 0.28);
}

/* The theme's own hover empties this tile (inset drops to 1px and the glyph
   flips colour), so the hover has to be restated at matching weight. */
.conmyFooter .conmyFooterPhone.bt_bb_icon.bt_bb_style_filled:hover a.bt_bb_icon_holder:before,
.conmyFooter .conmyFooterPhone.bt_bb_icon.bt_bb_style_filled a.bt_bb_icon_holder:focus-visible:before {
	box-shadow: 0 0 0 3em #8A2350 inset;
	background-color: transparent;
	color: #ffffff;
}

.conmyFooterBottom {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 0.8rem;
}

.conmyFooterLegal a {
	margin-left: 2.2em;
}


/* ==========================================================================
   Header

   Measured off the mockup at 1920. Sampling clear columns (x100 and x1750)
   returns an unbroken #1E2430..#202632 from y0 down past the logo, so the
   header carries no fill of its own at all — including the top bar, which
   Goldenblatt tints rgba(0,0,0,.5) for the transparent-light style.

   Ink colours are the average of the top 3% of pixels per region, against a
   ~luma 38 ground.
   ========================================================================== */

.btTransparentLightHeader .topBar,
.mainHeader .topBar {
	background: transparent;
}

/* Strapline ink measures 183px wide in the mockup against 178px at the
   theme's 12.8px, i.e. ~13px. */
.topBar .btTopBox .textwidget p,
.topBar .btIconWidgetText {
	font-size: 13px;
}

/* Mockup-measured tones above were too dim against the photo backgrounds
   the top bar actually sits on — brightened toward white so the strapline,
   "Serving..." line and address stay readable regardless of what's behind
   them. Phone number keeps its gold accent, already high-contrast. */
.btTopToolsLeft .btTopBox .textwidget p {
	color: rgba(255, 255, 255, 0.85);
}

.conmyTopPhone .btIconWidgetText {
	color: #E5C79F;
	font-weight: 700;
}

.btTopToolsRight .btTopBox .textwidget p {
	color: rgba(255, 255, 255, 0.85);
}

.conmyTopAddress .btIconWidgetText {
	color: rgba(255, 255, 255, 0.85);
}

.conmyTopPhone .btIconWidgetIcon .bt_bb_icon_holder,
.conmyTopAddress .btIconWidgetIcon .bt_bb_icon_holder {
	color: var(--conmy-gold);
}

/* Hover / focus on the two top-bar links.

   The mockup is a flat comp so it defines no hover state; brightening to white
   is the choice here. The theme's own .topTools a.btIconWidget:hover only sets
   colour on the anchor (to a hardcoded #B07C4B), which never reaches the text
   or the glyph because both are coloured explicitly above — so each inner
   element is targeted directly.

   Icon and label move together so the pair reads as one target, and
   :focus-visible is included so the states are reachable by keyboard. */
.conmyTopPhone .btIconWidgetText,
.conmyTopAddress .btIconWidgetText,
.conmyTopPhone .btIconWidgetIcon .bt_bb_icon_holder,
.conmyTopAddress .btIconWidgetIcon .bt_bb_icon_holder {
	transition: color 0.2s ease;
}

a.conmyTopPhone:hover .btIconWidgetText,
a.conmyTopPhone:focus-visible .btIconWidgetText,
a.conmyTopPhone:hover .btIconWidgetIcon .bt_bb_icon_holder,
a.conmyTopPhone:focus-visible .btIconWidgetIcon .bt_bb_icon_holder,
a.conmyTopAddress:hover .btIconWidgetText,
a.conmyTopAddress:focus-visible .btIconWidgetText,
a.conmyTopAddress:hover .btIconWidgetIcon .bt_bb_icon_holder,
a.conmyTopAddress:focus-visible .btIconWidgetIcon .bt_bb_icon_holder {
	color: #ffffff;
}

/* Nav is bold in the mockup, and that is the whole difference: "Home" inks at
   39px there against 37px for Lato Regular 14px here, which is exactly what
   Lato Bold 14px measures. About Us 60/60, Blog 30/30, Contact 51/52 agree,
   so the size was already right. */
.btMenuHorizontal .menuPort nav > ul > li > a {
	font-weight: 700;
}

/* No active-item underline in the mockup — scanning beneath "Home" for the
   accent finds nothing; the brightening below the nav is the hero photo. */
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:before,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:before {
	display: none;
}

/* Dropdown carets. The mockup marks Attorneys and Practice Areas with a small
   filled triangle — their ink runs 78px and 107px against roughly 63px and
   92px for the labels alone, i.e. ~15px of caret plus gap. Goldenblatt only
   draws an indicator on second-level items, so top level needs its own. */
.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a:after {
	content: '\f0d7';
	font-family: FontAwesome;
	font-size: 11px;
	font-weight: 400;
	display: inline-block;
	margin-left: 7px;
	vertical-align: 1px;
	/* Follows the link colour so it stays visible in every header state:
	   white over the transparent hero, dark once the sticky header turns
	   white on scroll. */
	color: currentColor;
	opacity: 0.75;
}

/* The logo row sits 16px lower in the mockup: its mark runs y49-118 against
   y33-103 here, so the row is ~97px tall rather than the bare 70px logo
   height the theme uses. Left off the sticky state, which is deliberately
   compact and has no mockup to match. */
.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader .btLogoArea.menuHolder {
	padding-top: 14px;
	padding-bottom: 13px;
}

/* PAY NOW measures 113x48 with a 60px label; the theme renders 122x38 via
   div.btButtonWidget.btSmallButton:not(.btWithIcon) ... .btButtonWidgetText,
   so the override needs the same weight to land. */
div.btButtonWidget.conmyPayNow.btSmallButton .btButtonWidgetLink .btButtonWidgetContent .btButtonWidgetText {
	padding: 0 26px;
	line-height: 48px;
	font-size: 13px;
	font-weight: 700;
	/* The mockup's label inks at 60px; the theme's 0.06em tracking pushed it
	   to 65 and the button to 117 rather than 113. */
	letter-spacing: 0.02em;
}


/* ==========================================================================
   Breadcrumb trail — page banner heading

   boldthemes_breadcrumbs() (overridden in functions.php) prints as the h1's
   superheadline, so it already sits at the top of the page banner heading on
   every inner, archive and post page. Only the colour needs changing: the
   theme's own gold-brown #B07C4B (restated maroon by the Customizer) becomes
   white for the plain segments (Category/Tag/Author/date labels carry no
   link) and the accent pink for the links themselves. .btPageHeadline scopes
   this to the banner — the separator bar and the dark-skin hover-to-white
   are the theme's own and are left alone.
   ========================================================================== */

.btPageHeadline .btBreadCrumbs {
	color: #ffffff;
}

.btPageHeadline .btBreadCrumbs a {
	color: #c66494;
}

/* The parent's own hover rule is skin-dependent (black on light skin, white
   on dark) and only the dark-skin half matches what's wanted here — restated
   at matching !important weight so hover is white regardless of skin. */
.btPageHeadline .btBreadCrumbs a:hover,
.btPageHeadline .btBreadCrumbs a:focus-visible {
	color: #ffffff !important;
}


/* ==========================================================================
   Narrow viewports

   The mockup is a single 1920px comp, so these are the author's calls rather
   than measurements. The two-up form row and the label/checkbox row both
   collapse, and nothing is allowed to force the page wider than the screen.
   ========================================================================== */

/* Below the theme's column breakpoint the overlap columns stack, so the Trust
   photo would ride up over the hero copy instead of sitting beside it. */
@media (max-width: 992px) {

	.conmyTrust .bt_bb_row_holder > .bt_bb_column:last-child {
		margin-top: 0;
	}
}

@media (max-width: 767px) {

	.conmyForm .btFormRow.conmyFormRow2 .btFormColumn {
		flex: 1 0 100%;
	}

	.conmyForm .btFormRow.conmyDisclaimerRow {
		justify-content: flex-start;
		gap: 0.6rem 1rem;
	}

	.conmyForm .btFormRow.conmyDisclaimerRow .btFormColumn {
		flex: 1 0 100%;
	}

	.conmyDisclaimerCheck {
		text-align: left;
	}

	/* The row's own text-align is inherited, but each column carries its own
	   explicit .bt_bb_align_left/.bt_bb_align_right text-align (equal
	   specificity to a plain .bt_bb_column selector, so it has to be
	   targeted directly rather than relying on inheritance from the row). */
	.conmyFooterBottom {
		text-align: center;
	}

	.conmyFooterBottom .bt_bb_column,
	.conmyFooterBottom .bt_bb_column_content,
	.conmyFooterBottom .bt_bb_text,
	.conmyFooterBottom .bt_bb_text p {
		text-align: center !important;
	}

	.conmyFooterLegal a {
		margin: 0 0.8em;
	}

	/* Supertitle rules eat too much of a narrow line. */
	.conmyRuleSuper .bt_bb_headline_superheadline::before,
	.conmyHero .bt_bb_headline_superheadline::before {
		width: 26px;
		margin-right: 0.9em;
	}

	/* Buttons stack, so the inline gap between them becomes an indent. */
	.conmyHero .bt_bb_button + .bt_bb_button {
		margin-left: 0;
	}

	/* Stacked attorney cards otherwise run straight into each other. */
	.conmyAttorneys .bt_bb_row_holder > .bt_bb_column {
		margin-bottom: 2.75rem;
	}
}

/* Nothing in this stylesheet may widen the document past the viewport. */
.conmyHero,
.conmyTrust,
.conmyServing,
.conmyPractice,
.conmyLawyers,
.conmyConsult,
.conmyQuote,
.conmyFooter {
	max-width: 100%;
	overflow-x: clip;
}


/* ==========================================================================
   Lists in right-aligned columns

   The attorney biography reuses the About Me layout, whose text column is
   right-aligned. Paragraphs sit fine that way, but a <ul> stretches the full
   column width, which strands every bullet at the far left while its text
   hugs the right edge. Shrinking the list to its own content keeps the block
   right-aligned while the markers stay next to what they mark.
   ========================================================================== */

.bt_bb_align_right .bt_bb_text > ul,
.bt_bb_align_right .bt_bb_text > ol {
	display: inline-block;
	text-align: left;
}

/* Only the outer list shrink-wraps. Leaving nested lists inline-block as well
   makes their items flow inline with the parent item, which ran the Education
   sub-entries together on a single line. */
.bt_bb_align_right .bt_bb_text ul ul,
.bt_bb_align_right .bt_bb_text ul ol,
.bt_bb_align_right .bt_bb_text ol ul,
.bt_bb_align_right .bt_bb_text ol ol {
	display: block;
}


/* ==========================================================================
   Attorney bio — Practice Areas list

   The intro column (beside the headshot) ends with a plain <ul> under a
   "PRACTICE AREAS" superheadline. Bold Page Builder's Text element gives it
   no class of its own, so it is reached structurally: it is the only <ul>
   in the column that immediately follows the headshot column
   (el_class="conmyAttorneyPhoto"), the two being siblings in the same row.

   Laid out 3-across rather than stacked in one column — a shareholder can
   list five or six areas, and a single column runs noticeably taller than
   the photo beside it once it does.
   ========================================================================== */

/* The bio paragraph above sits on the same extra_small (0.5em) separator
   the rest of the column uses between unrelated elements, which reads too
   tight above a section heading. Reached the same way as the list itself:
   the bio's bt_bb_text, its trailing separator, then this headline. */
.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text + .bt_bb_separator + .bt_bb_headline {
	margin-top: 1.25rem;
}

.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text > ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 1.5rem;
	row-gap: 0.65rem;
	/* The content carries no separator between the superheadline and this
	   list (unlike every other heading/body pair on the page), so the grid
	   supplies its own clearance instead. */
	margin: 0.9rem 0 0;
	padding: 0;
	list-style: none;
}

.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text > ul > li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1.05rem;
	font-size: 0.95rem;
	line-height: 1.4;
	list-style: none;
}

/* Dash marker, drawn rather than a list-style so it stays put regardless of
   how many lines a longer label (e.g. "Personal Injury -- Plaintiff 60%")
   wraps to. */
.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text > ul > li::before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 7px;
	height: 2px;
	background-color: var(--conmy-maroon);
}

/* Column stacks full-width at 992px (see responsive.css); two across still
   reads better than three once labels routinely wrap. One across below 480,
   matching the breakpoint every other attorney-bio rule steps at. */
@media (max-width: 768px) {
	.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 1.25rem;
	}
}

@media (max-width: 480px) {
	.conmyAttorneyPhoto + .bt_bb_column .bt_bb_text > ul {
		grid-template-columns: minmax(0, 1fr);
	}
}


/* ==========================================================================
   [practice_areas] shortcode

   Structure follows the reference design: dark panel, serif heading, one
   dash marker per row, bold links, children indented under their parent and
   collapsed behind a "+".

   The four colours are exposed as custom properties because they were read
   off a flat screenshot rather than sampled from a source file — override
   them on .conmyPa (or here) to retune without touching the rest.
   ========================================================================== */

.conmyPa {
	--conmy-pa-bg:     #242A45;
	--conmy-pa-title:  #ffffff;
	--conmy-pa-link:   #8FA6E0;
	--conmy-pa-hover:  #ffffff;

	padding: 2.5rem 2.25rem 3rem;
	background-color: var(--conmy-pa-bg);
}

.conmyPa .conmyPaTitle {
	margin: 0 0 1.25rem;
	color: var(--conmy-pa-title);
	font-family: "Playfair Display", Georgia, serif;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.2;
}

.conmyPa .conmyPaList {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Children sit under their parent's label, not under its marker. */
.conmyPa .conmyPaList .conmyPaList {
	margin: 0.35rem 0 0.6rem 2rem;
}

.conmyPa .conmyPaItem {
	position: relative;
	margin: 0;
	padding: 0.28rem 0 0.28rem 1.15rem;
	list-style: none;
}

/* The dash marker, drawn rather than a list-style so it can be coloured and
   aligned independently of the label. */
.conmyPa .conmyPaItem::before {
	content: "";
	position: absolute;
	top: 0.95em;
	left: 0;
	width: 7px;
	height: 2px;
	background-color: var(--conmy-pa-link);
}

.conmyPa .conmyPaLink {
	color: var(--conmy-pa-link);
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease;
}

.conmyPa .conmyPaLink:hover,
.conmyPa .conmyPaLink:focus-visible {
	color: var(--conmy-pa-hover);
	text-decoration: underline;
}

/* Expand control on branches that have children. */
.conmyPa .conmyPaToggle {
	margin-left: 0.4em;
	padding: 0 0.2em;
	border: 0;
	background: none;
	color: var(--conmy-pa-link);
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: color 0.2s ease;
}

.conmyPa .conmyPaToggle:hover,
.conmyPa .conmyPaToggle:focus-visible {
	color: var(--conmy-pa-hover);
}

.conmyPa .conmyPaItem.is-closed > .conmyPaList {
	display: none;
}

.conmyPa .conmyPaNotice,
.conmyPaNotice {
	color: var(--conmy-pa-link, #8FA6E0);
	font-size: 0.9rem;
}

/* WordPress ships this class, but the child sheet cannot assume the parent
   theme defines it. */
.conmyPa .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* ==========================================================================
   [site_map] — plain nested list of the primary nav menu

   Sits on a light page background (unlike [practice_areas]'s dark panel), so
   it borrows the brand accent already used for links elsewhere on this page
   (the headline's --secondary-color) rather than [practice_areas]'s palette.
   Every level is always open — no collapse control, matching the shortcode's
   fully-expanded markup.
   ========================================================================== */

.conmySiteMap .conmySiteMapList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.conmySiteMap .conmySiteMapList .conmySiteMapList {
	margin: 0.35rem 0 0.6rem 1.5rem;
}

.conmySiteMap .conmySiteMapItem {
	margin: 0;
	padding: 0.3rem 0;
}

.conmySiteMap .conmySiteMapLink {
	color: #6E1A3C;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

.conmySiteMap .conmySiteMapLink:hover,
.conmySiteMap .conmySiteMapLink:focus-visible {
	text-decoration: underline;
}

.conmySiteMap .conmySiteMapList .conmySiteMapList .conmySiteMapLink {
	font-weight: 400;
}

.conmySiteMap .conmySiteMapNotice,
.conmySiteMapNotice {
	color: #6E1A3C;
	font-size: 0.9rem;
}


/* ==========================================================================
   [breadcrumb] shortcode

   Placed straight into the hero banner (see Family Law, and every other
   practice-area/page banner it's dropped into) rather than on a plain white
   body background, so the default palette is tuned for that dark photo:
   white links, light-grey everything else. Uppercase + letter-spacing
   matches the site's other small label text (supertitles, "VIEW MORE", nav
   labels) rather than sentence case.
   ========================================================================== */

.conmyBreadcrumb {
	display: block;
	margin: 0 0 1.25rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
}

.conmyBreadcrumb .conmyBreadcrumbItem,
.conmyBreadcrumb .conmyBreadcrumbCurrent {
	display: inline-block;
}

.conmyBreadcrumb a {
	color: #ffffff;
	text-decoration: none;
}

.conmyBreadcrumb a:hover,
.conmyBreadcrumb a:focus-visible {
	text-decoration: underline;
}

.conmyBreadcrumb .conmyBreadcrumbSep {
	margin: 0 0.55em;
	color: rgba(255, 255, 255, 0.45);
}

.conmyBreadcrumb .conmyBreadcrumbCurrent {
	color: rgba(255, 255, 255, 0.75);
}


/* ==========================================================================
   Contact Intake form

   Fields follow the intake screenshot (labelled, not placeholder-only) while
   the layout follows the site's callback form — Name/Email and Phone/Zip
   paired, everything else full width. The shared .conmyForm rules already
   cover the field fills and the two-up row; this adds the labels, the
   checkbox group and the stacked disclaimer that form needs.
   ========================================================================== */

.conmyIntake .conmyIntakeIntro {
	margin: 0 0 1.1rem;
	font-size: 0.95rem;
	line-height: 1.7;
}

.conmyIntake .conmyIntakeRequired {
	margin: 0 0 1.5rem;
	font-size: 0.9rem;
}

.conmyReq {
	color: #d63333;
	font-weight: 700;
}

.conmyIntake .conmyFormLabel {
	display: block;
	margin-bottom: 0.45rem;
	color: var(--conmy-navy);
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.45;
}

/* "Check all that apply" — one option per line, box beside its label. */
.conmyIntake .conmyCheckGroup .wpcf7-checkbox {
	display: block;
	margin-top: 0.2rem;
}

.conmyIntake .conmyCheckGroup .wpcf7-list-item {
	display: block;
	margin: 0 0 0.35rem;
}

.conmyIntake .conmyCheckGroup .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-weight: 400;
	cursor: pointer;
}

.conmyIntake .conmyCheckGroup input[type='checkbox'] {
	width: 1.05em;
	height: 1.05em;
	accent-color: var(--conmy-maroon);
	flex: 0 0 auto;
}

/* The screenshot stacks the disclaimer link above its checkbox rather than
   setting them apart on one line, which is how the consultation form reads. */
.conmyForm .btFormRow.conmyDisclaimerStack {
	display: block;
}

.conmyForm .btFormRow.conmyDisclaimerStack .btFormColumn {
	width: 100%;
	flex: 1 1 100%;
}

.conmyIntake .conmyDisclaimerStack .conmyDisclaimerCheck {
	margin-top: 0.7rem;
	text-align: left;
	font-size: 0.95rem;
}

.conmyIntake .conmyDisclaimerStack .conmyDisclaimerCheck label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	cursor: pointer;
}

.conmyIntake .conmyDisclaimerStack input[type='checkbox'] {
	width: 1.05em;
	height: 1.05em;
	accent-color: var(--conmy-maroon);
	flex: 0 0 auto;
}

/* Rendered as a link here rather than the uppercase label the other form uses. */
.conmyIntake .conmyDisclaimerLink {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: var(--conmy-maroon);
	text-decoration: underline;
}

.conmyIntake .conmyDisclaimerLink:hover,
.conmyIntake .conmyDisclaimerLink:focus-visible {
	color: var(--conmy-maroon-dark);
}

.conmyIntake select {
	width: 100%;
}


/* ==========================================================================
   [more_services] shortcode

   Reference: the theme's own "More Services" band (bt_bb_service, gray-skin
   section) — a pale blue-grey field, a centred Playfair heading, and a row of
   icon + label cards sitting straight on the tint with no inner panel.

   Every value here was measured off that rendered block, so the tint, the
   type and the arrow offset match it rather than approximating it.
   ========================================================================== */

.conmyMs {
	--conmy-ms-bg:      #EFF3F4;
	--conmy-ms-heading: var(--conmy-navy);
	--conmy-ms-label:   var(--conmy-navy);
	--conmy-ms-cols:    4;

	padding: 7.5rem 1.25rem 6.5rem;
	background-color: var(--conmy-ms-bg);
}

/* For a builder row that already paints its own background. */
.conmyMs.conmyMsBare {
	padding: 0;
	background-color: transparent;
}

.conmyMs .conmyMsInner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 7.5rem 0 6.5rem;
}

.conmyMs .conmyMsTitle {
	margin: 0 0 2.75rem;
	color: var(--conmy-ms-heading);
	font-family: "Playfair Display", Georgia, serif;
	font-size: 2.1875rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}

.conmyMs .conmyMsGrid {
	display: grid;
	grid-template-columns: repeat(var(--conmy-ms-cols), minmax(0, 1fr));
	gap: 2.5rem 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.conmyMs .conmyMsItem {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* The whole card is the target — icon, label and arrow are one link so the
   arrow does not become a second tab stop for the same destination. */
.conmyMs .conmyMsLink {
	display: flex;
	align-items: center;
	gap: 1rem;
	text-decoration: none;
}

.conmyMs .conmyMsIcon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 76.8px;
	height: 76.8px;
	background-color: var(--conmy-maroon);
	color: #ffffff;
	transition: background-color 0.25s ease;
}

.conmyMs .conmyMsIconSvg {
	width: 38px;
	height: 38px;
}

/* Featured images are square-cropped to sit in the same well as the marks. */
.conmyMs .conmyMsIconImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.conmyMs .conmyMsBody {
	display: block;
	padding-top: 0;
	min-width: 0;
	/* Overrides the center alignment inherited from whichever builder
	   column/row this shortcode is dropped into (align="center" is common
	   for the sections it's used in) — a wrapped label like "Dangerous
	   Products & Farm Accidents" should keep every line flush left under
	   the icon, not centered under its own longest line. */
	text-align: left;
}

.conmyMs .conmyMsName {
	display: block;
	color: var(--conmy-ms-label);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: uppercase;
	transition: color 0.25s ease;
}

.conmyMs .conmyMsArrow {
	display: block;
	margin-top: 0;
	padding-top: 0.5rem;
	color: var(--conmy-maroon);
	line-height: 0;
}

.conmyMs .conmyMsArrow svg {
	width: 16px;
	height: 11px;
	transition: transform 0.25s ease;
}

.conmyMs .conmyMsLink:hover .conmyMsIcon,
.conmyMs .conmyMsLink:focus-visible .conmyMsIcon {
	background-color: var(--conmy-maroon-dark);
}

.conmyMs .conmyMsLink:hover .conmyMsName,
.conmyMs .conmyMsLink:focus-visible .conmyMsName {
	color: var(--conmy-maroon);
}

.conmyMs .conmyMsLink:hover .conmyMsArrow svg,
.conmyMs .conmyMsLink:focus-visible .conmyMsArrow svg {
	transform: translateX(5px);
}

.conmyMs .conmyMsLink:focus-visible {
	outline: 2px solid var(--conmy-maroon);
	outline-offset: 6px;
}

/* Four across only holds at the full boxed width; below that the row halves,
   then stacks. */
@media (max-width: 1100px) {
	.conmyMs .conmyMsGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* .conmyMs and its .conmyMsInner child both carry their own 7.5rem/6.5rem
   top/bottom padding (see the base rules above) — stacking to 240px/208px
   combined. That's deliberate at desktop, but the 767px block below only
   ever reduced .conmyMs's half, leaving .conmyMsInner's full desktop value
   in effect underneath it. This tablet tier (previously unhandled — padding
   stayed at the full desktop value all the way down to 767px) and the phone
   fix below both reduce *both* halves, and give .conmyMsInner some of its
   own horizontal padding (it had none) so the cards don't run to the edge
   now that the outer padding is smaller. */
@media (max-width: 992px) {
	.conmyMs {
		padding: 3.5rem 1.25rem 3rem;
	}

	.conmyMs .conmyMsInner {
		padding: 2.5rem 1rem;
	}

	.conmyMs .conmyMsTitle {
		margin-bottom: 2rem;
	}
}

@media (max-width: 767px) {
	.conmyMs {
		padding: 2.5rem 1rem;
	}

	.conmyMs .conmyMsInner {
		padding: 1.5rem 0.75rem;
	}

	.conmyMs .conmyMsTitle {
		margin-bottom: 1.75rem;
		font-size: 1.75rem;
	}

	.conmyMs .conmyMsGrid {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}

	.conmyMs .conmyMsIcon {
		width: 64px;
		height: 64px;
	}

	.conmyMs .conmyMsIconSvg {
		width: 32px;
		height: 32px;
	}
}


/* ==========================================================================
   [practice_categories] - top-level practice areas as bt_bb_card elements

   Generates real [bt_bb_card] elements sharing .conmyPractice / .conmyCards
   as their scope, so the geometry (image ratio, icon_box straddling the
   photo seam, gutters, equal-height rows, the generated VIEW MORE line) is
   the exact same CSS already proven on the home page cards, not a parallel
   copy that can drift from it. All that is genuinely new here is the
   two-tone name - bt_bb_card has no field for that, so the accent word
   arrives as a plain <span class="conmyPcAccent"> from the shortcode.
   ========================================================================== */

.conmyPc .conmyPcAccent {
	color: var(--conmy-rose);
}


/* ==========================================================================
   Contact page - "Get In Touch" section

   Built to Mockup/contact-page-mockup.png. Measured off that 924x1701 canvas:
   cream band #F7F6F5, white form card starting at x318 against content that
   runs x64-x858 - about a 1/3 + 2/3 split, info column left, card right.
   ========================================================================== */

.conmyGetInTouchSection {
	overflow: hidden;
}

.conmyGetInTouchSection .conmyGitRow .bt_bb_row_holder {
	align-items: flex-start;
}

/* ---- left information column ---- */

/* The supertitle is maroon here, not the gold used elsewhere on the site. */
.btContentHolder .conmyGetInTouch .bt_bb_headline_superheadline {
	color: var(--conmy-maroon);
	letter-spacing: 0.18em;
}

.conmyGetInTouchSection .conmyGetInTouch .bt_bb_headline_tag {
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 400;
	font-size: 2.1rem;
	line-height: 1.22;
	color: var(--conmy-navy);
}

.conmyGetInTouchSection .conmyInfoLead p {
	margin: 0;
	max-width: 17rem;
	font-size: 0.92rem;
	line-height: 1.75;
	color: #6b6b6b;
}

/* Contact rows: filled maroon disc, bold label, value beneath. */
.conmyGetInTouchSection .conmyInfoItem .bt_bb_icon_holder {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 17px;
}

.conmyGetInTouchSection .conmyInfoItem .bt_bb_service_content_title {
	margin-bottom: 0.15em;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--conmy-navy);
}

.conmyGetInTouchSection .conmyInfoItem .bt_bb_service_content_text {
	font-size: 0.88rem;
	line-height: 1.6;
	color: #6b6b6b;
}

/* ---- right form card ---- */

.conmyGetInTouchSection .conmyGitCard .bt_bb_column_content_inner {
	padding: 44px 44px 40px;
	background-color: #ffffff;
	box-shadow: 0 2px 26px rgba(20, 27, 38, 0.07);
}

.conmyCbForm .conmyCbHead {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 14px;
}

/* Maroon tile with the theme's scales glyph, matching the mockup's badge. */
.conmyCbForm .conmyCbIcon {
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--conmy-maroon);
	color: #ffffff;
}

.conmyCbForm .conmyCbIcon::before {
	content: "\f24e";
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 1;
}

.conmyCbForm .conmyCbTitle {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 400;
	font-size: 1.65rem;
	line-height: 1.2;
	color: var(--conmy-navy);
}

.conmyCbForm .conmyCbRequired {
	margin: 0 0 22px;
	font-size: 0.85rem;
	color: #6b6b6b;
}

.conmyCbForm .conmyFormLabel {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--conmy-navy);
}

.conmyCbForm .conmyFormHint {
	display: block;
	margin: -0.2rem 0 0.5rem;
	font-size: 0.85rem;
	color: #6b6b6b;
}

/* The mockup uses outlined white fields, not the cream fills the theme
   applies to its other forms. */
.conmyCbForm .btFormRow .btFormColumn input:not([type='checkbox']):not([type='submit']),
.conmyCbForm .btFormRow .btFormColumn textarea,
.conmyCbForm .btFormRow .btFormColumn select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	padding: 0.85em 1em;
	font-size: 0.92rem;
	color: var(--conmy-navy);
	transition: border-color 0.2s ease;
}

/* The "US States" select relies on the browser's own native arrow, which
   Chrome/Firefox/Safari each place at a different (and always quite tight)
   inset from the field's right edge. Taking over the icon entirely gives a
   consistent, further-right placement across browsers. */
.conmyCbForm .btFormRow .btFormColumn select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 2.75em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23747B85' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.1em center;
	background-size: 12px 8px;
}

.conmyCbForm .btFormRow .btFormColumn textarea {
	min-height: 128px;
	padding-top: 0.9em;
}

.conmyCbForm .btFormRow .btFormColumn input:focus,
.conmyCbForm .btFormRow .btFormColumn textarea:focus,
.conmyCbForm .btFormRow .btFormColumn select:focus {
	border-color: var(--conmy-maroon);
	outline: none;
}

.conmyCbForm ::placeholder {
	color: #a5a5a5;
	opacity: 1;
}

/* Checkbox rows sit box-then-label, stacked - the arrangement the annotated
   mockup marks out. */
.conmyCbForm .conmyCheckGroup .wpcf7-checkbox {
	display: block;
}

.conmyCbForm .conmyCheckGroup .wpcf7-list-item {
	display: block;
	margin: 0 0 0.4rem;
}

.conmyCbForm .conmyCheckGroup .wpcf7-list-item label,
.conmyCbForm .conmyDisclaimerCheck label {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-weight: 400;
	font-size: 0.92rem;
	color: var(--conmy-navy);
	cursor: pointer;
}

.conmyCbForm input[type='checkbox'] {
	width: 1.05em;
	height: 1.05em;
	accent-color: var(--conmy-maroon);
	flex: 0 0 auto;
}

.conmyCbForm .conmyDisclaimerCheck label {
	font-weight: 700;
}

.conmyCbForm .btFormButton {
	margin-top: 6px;
}

.conmyReq {
	color: #c0392b;
	font-weight: 700;
}

/* The theme prints a title colour from bt_bb_title_color_scheme_13, which
   paints these labels maroon; the mockup has them navy. Carrying the scheme
   class gives the weight needed to win. */
.conmyGetInTouchSection .conmyInfoItem .bt_bb_service_content_title {
	color: var(--conmy-navy);
}

/* fancySelect replaces the native control at runtime with its own trigger
   element, so the field styling has to be applied there too. */
.conmyCbForm .fancy-select .trigger,
.conmyCbForm .btFormRow .btFormColumn .fancy-select .trigger {
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	padding: 0.85em 1em;
	font-size: 0.92rem;
	color: var(--conmy-navy);
	box-shadow: none;
}

.conmyCbForm .fancy-select .trigger.open {
	border-color: var(--conmy-maroon);
}

/* The disclaimer link and stacked checkbox were written for the intake form;
   the callback form needs the same treatment. */
.conmyCbForm .conmyDisclaimerStack .conmyDisclaimerCheck {
	margin-top: 0.7rem;
	text-align: left;
	font-size: 0.92rem;
}

.conmyCbForm .conmyDisclaimerLink {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: var(--conmy-maroon);
	text-decoration: underline;
}

.conmyCbForm .conmyDisclaimerLink:hover,
.conmyCbForm .conmyDisclaimerLink:focus-visible {
	color: var(--conmy-maroon-dark);
}


/* ==========================================================================
   Contact form refinements
   ========================================================================== */

/* Contact-preference boxes read as a pair, so they sit on one line. */
.conmyCbForm .conmyCheckGroup .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 2.2rem;
}

.conmyCbForm .conmyCheckGroup .wpcf7-list-item {
	display: inline-block;
	margin: 0;
}

/* Disclaimer link left, its acceptance box right, on one row. */
.conmyCbForm .btFormRow.conmyDisclaimerRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 1.5rem;
	flex-wrap: wrap;
}

.conmyCbForm .btFormRow.conmyDisclaimerRow .btFormColumn {
	flex: 0 1 auto;
	width: auto;
}

.conmyCbForm .conmyDisclaimerCheck {
	text-align: right;
}

/* fancySelect hides the native control and renders its own .trigger. The
   theme gives that trigger line-height:47px, and the field padding added for
   this form stacked on top of it — 72px of content in a 47px box with
   overflow:hidden, which pushed the label out of view. Padding and
   line-height are reconciled here, and the wrapper's grey fill removed so it
   does not show around the white trigger. */
.conmyCbForm .fancy-select {
	background: none;
}

.conmyCbForm .fancy-select .trigger,
.conmyCbForm .btFormRow .btFormColumn .fancy-select .trigger {
	height: auto;
	line-height: 1.45;
	padding: 0.85em 2.4em 0.85em 1em;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	font-size: 0.92rem;
	color: var(--conmy-navy);
	overflow: visible;
	box-shadow: none;
}

/* Dropdown panel matches the closed control. */
.conmyCbForm .fancy-select ul.options {
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	box-shadow: 0 6px 20px rgba(20, 27, 38, 0.1);
}

.conmyCbForm .fancy-select ul.options li {
	padding: 0.55em 1em;
	font-size: 0.9rem;
	line-height: 1.45;
}

.conmyCbForm .fancy-select ul.options li:hover,
.conmyCbForm .fancy-select ul.options li.selected {
	background-color: var(--conmy-cream);
	color: var(--conmy-maroon);
}


/* ==========================================================================
   Blog — "Share this post" row

   boldthemes_get_share_html() (overridden in functions.php) prints two rows
   under the 'blog' type: the firm's own profile icons (unchanged, first),
   then this row of real per-post share links, on both the blog listing
   (views/post/list/*) and the single post (views/post/single/*) templates.
   Both rows use the same bt_bb_icon markup, so a label is what keeps them
   from reading as one duplicated set of identical brand marks.

   The single-post view's row (views/post/single/*.php's .btShareColumn)
   is right-aligned by the parent theme by default (goldenblatt/style.css:
   "body.single .btPostSingleItemStandard .btShareColumn { text-align:
   right; }") — the client wants it left-aligned there instead, to match
   the rest of the article column.
   ========================================================================== */

.conmyShareRow {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 0.6rem;
}

body.single .btPostSingleItemStandard .btShareColumn {
	text-align: left;
}

/* text-align: left above only aligns the row within its own column — the
   parent theme's .btArticleShareEtc > div rule gives .btTagsColumn a 50%
   flex-basis even when there are no tags (almost every post here has none;
   see functions.php's tags_html build in views/post/single/standard.php),
   which still pushes .btShareColumn into the right half. Collapsing the
   genuinely-empty tags column lets the share column's flex-grow:1 take the
   full row width, so left-aligned actually lands at the article's left
   edge instead of the row's own midpoint. */
body.single .btPostSingleItemStandard .btTagsColumn:empty {
	display: none;
}

.conmyShareLabel {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #8a8a8a;
}


/* ==========================================================================
   Native dash_top / dash_bottom / dash_top_bottom / dash_light_alternate /
   dash_gray headline decoration

   The theme draws this as a 2.7em square (goldenblatt/style.css) on any
   headline still using its own dash style rather than dash="none" +
   el_class="conmyDash" (the mockup's thin rule, used everywhere the child
   theme authors its own headlines — see conmyDash further up this file).
   Same selector list, so equal specificity; wins on cascade order since this
   sheet loads after the parent's.
   ========================================================================== */

.bt_bb_dash_top.bt_bb_headline .bt_bb_headline_content:before,
.bt_bb_dash_bottom.bt_bb_headline .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline .bt_bb_headline_content:before,
.bt_bb_dash_light_alternate.bt_bb_headline .bt_bb_headline_content:before,
.bt_bb_dash_gray.bt_bb_headline .bt_bb_headline_content:before {
	height: 0em !important;
}

/* ==========================================================================
   Service block text (PHONE/EMAIL/ADDRESS icons in "Contact The Firm")
   renders multi-line text (e.g. the address) with the parent theme's
   line-height: 1.5, which reads as an oversized gap between lines. Same
   selector as goldenblatt/style.css, so equal specificity; wins on cascade
   order since this sheet loads after the parent's.
   ========================================================================== */

.bt_bb_service .bt_bb_service_content .bt_bb_service_content_text {
	line-height: 1;
}