/* CJP 2026-10-06: brighter footer menu links (were dim grey on the dark footer) */
footer.footer a,
footer.footer .widget a,
footer.footer .menu-item a {
	color: #e6e6e6 !important;   /* light grey, clearly readable on #222 */
	opacity: 1 !important;       /* cancel any theme dimming */
}

/* CJP 2026-10-06: brand orange on hover/focus so links still show feedback */
footer.footer a:hover,
footer.footer a:focus {
	color: #F3AE59 !important;
}


/*
 * ADDENDUM (4 Sep 2026) — Exempt checkbox/radio option rows from the bump
 * ================================================================================
 * Carl reported text descenders (y, g, p) being cut off on the Add/Edit
 * Listing form — Primary Association, Other Associations, Session Types
 * Offered.
 *
 * ROOT CAUSE, confirmed via a live computed-style dump Carl pulled from his
 * own browser console (not assumed): the theme renders every checkbox/
 * radio option as a `.md-checkbox` row with a FIXED height: 20px and
 * overflow: hidden, sized to fit exactly one line of its own small (14px)
 * label text. The .pf-body rule just above this one doesn't skip that
 * component — line-height inherits straight through the row's wrapper divs
 * into .md-checkbox, so the row ends up holding a 27.714px line inside a
 * hard 20px box. overflow: hidden then clips whatever doesn't fit,
 * starting with the deepest-reaching descenders — this font's "y" tail
 * reaches lower than "p"/"g", which is exactly the selective clipping
 * pattern Carl's screenshot showed ("Psychotherapists" reading as
 * "Psvchotherapists").
 *
 * FIX: rather than forcing the theme's fixed-height row open (risks
 * knocking the checkbox/radio icon out of alignment, which the theme
 * deliberately centres against that 20px box), exempt this component from
 * the body-copy bump entirely. These are compact UI form controls, not
 * reading body copy, so restoring the theme's own original sizing here
 * fits Carl's original "body fonts" request better than forcing it to
 * match too. 14px comes directly from the theme's own (already-unaffected)
 * label rule, confirmed live; 20px line-height matches the row's own fixed
 * height exactly — the standard way a fixed-height single-line row is kept
 * vertically centred.
 *
 * SCOPE: only .md-checkbox rows inside .pf-body (the listing form/detail
 * wrapper) — doesn't touch any other checkbox/radio control on the site
 * (e.g. login or cookie-consent checkboxes), which were never affected by
 * the bump in the first place.
 * — CJP, Sep 2026
 */
.pf-body .md-checkbox,
.pf-body .md-checkbox label,
.pf-body .md-checkbox span,
.pf-body .md-checkbox li {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}


//*
 * HCA Register — Site-wide body copy: 2px larger, a little bolder
 * ================================================================================
 * Carl (3 Sep 2026): make all the body fonts on the site 2px larger and a
 * bit bolder.
 *
 * SCOPE: body-copy text only — paragraphs, listing detail fields, footer
 * widget text. Deliberately NOT applied to:
 *   - Headings (h1-h4) — each already has its own distinct size/weight and
 *     wasn't part of "body fonts."
 *   - Nav menu links and the CTA action pills (Website/Send an email/Call
 *     now/Share) — both already bolded (weight 700) by earlier rules
 *     elsewhere in this file, and read as UI chrome rather than body copy;
 *     bumping their size too would throw off the header/button layout.
 *
 * VERIFIED LIVE (3 Sep 2026) before writing this, rather than assumed —
 * checked the actual computed font-size/weight for each container below,
 * then added +2px to each and moved the weight from the theme's default
 * Light (300) to Regular (400). "A bit bolder" was read as one step up,
 * not jumping all the way to the 700 already used for nav/button text,
 * which would look inconsistent applied to paragraph-length copy — easy to
 * bump further if Carl wants more contrast once he sees it live.
 *
 *   - Static-page body copy (Elementor text widgets, WP entry content,
 *     Registration intro): 16px/300 -> 18px/400.
 *   - Listing detail fields (About My Practice, Qualifications,
 *     Specialties, Website/Email/etc. on the single listing page) —
 *     supersedes the existing "Force consistent font size" rule already in
 *     the CSS box (same selectors, new numbers): 18px/300 -> 20px/400.
 *   - Footer widget body text: 13px/300 -> 15px/400.
 *   - Base site-wide fallback (the theme's own  default, for any
 *     body text not covered by a more specific rule above): 14px/300 ->
 *     16px/400.
 * Line-height on each is nudged up by the same 2px so the extra size
 * doesn't crowd the existing leading.
 *
 * Test-injected live on the Why HCA? page and Kerry Bailey's listing page
 * (including the About My Practice bullet list and the footer) before
 * sending — text reads larger and a touch bolder with no wrapping/overflow
 * issues in either place.
 *
 * !important used throughout for the same reason as every other rule in
 * this file — matching or higher-specificity theme rules would otherwise
 * win.
 *
 * ADD THIS TO THE END of the existing "CSS editor plugin" box (the same
 * box hca_custom_css_box.css mirrors) — don't replace anything already
 * there, this is a new block appended after it.
 * — CJP, Sep 2026
 */
body {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor span,
.elementor-widget-text-editor a,
.entry-content,
.entry-content p,
.entry-content li,
.entry-content span,
.entry-content a,
.hca-register-intro,
.hca-register-intro p,
.hca-register-intro li,
.hca-register-intro span,
.hca-register-intro a {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 24.8571px !important;
}
.pf-body,
.pf-body p,
.pf-body span,
.pf-body li,
.pf-body a,
.pf-body .wp-editor-content {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 27.714px !important;
}
.footer .c_widget,
.footer .c_widget a {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}*
 * 
 
 /*
 * HCA Register — Body copy link colours — resting state now bold too
 * ================================================================================
 * UPDATE (4 Sep 2026): Carl asked to make resting-state body links "a bolder
 * orange." Clarified this means bold font-weight, not a colour change — and
 * to avoid resting and hover reading as visually identical (hover was
 * already "same colour, just bolder" at weight 700), Carl's follow-up
 * answer was to split the two: resting = 500 (medium), hover = 700 (bold,
 * unchanged) — so hovering still reads as a distinct, more emphatic state.
 *
 * ONLY CHANGE from the existing live rule: the resting-state block below
 * now includes font-weight: 500 !important. The hover block is UNCHANGED
 * (still 700). The visited block is UNCHANGED (still half-strength colour,
 * no explicit weight — it will inherit resting's new 500 automatically).
 *
 * THIS REPLACES the existing "HCA Register — Body copy link colours,
 * site-wide" block already live in the CSS editor plugin box (the one
 * ending in the three .../a:visited rules) — same selectors throughout,
 * just the one added line in the first block. Find that existing block in
 * the CSS editor plugin box and replace it with everything below, from the
 * comment down to the final closing brace.
 * — CJP, Sep 2026
 */
.elementor-widget-text-editor a,
.entry-content a,
.wp-editor-content a,
.pf-body a,
.hca-register-intro a {
  color: #F3AE59 !important;
  font-weight: 500 !important;
}
.elementor-widget-text-editor a:hover,
.entry-content a:hover,
.wp-editor-content a:hover,
.pf-body a:hover,
.hca-register-intro a:hover {
  color: #F3AE59 !important;
  font-weight: 700 !important;
}
.elementor-widget-text-editor a:visited,
.entry-content a:visited,
.wp-editor-content a:visited,
.pf-body a:visited,
.hca-register-intro a:visited {
  color: rgba(243, 174, 89, 0.5) !important;
}


/* Give the "HCA Listing Form" heading in the Listees account a bit more space below it. CJP. */
.title-style-1 h5 {
    font-weight: 600;
    color: #242429;
    padding-bottom: 0;
    margin-bottom: 40px;
    margin-top: 0;
    letter-spacing: 0;
    font-size: 14px;
    float: left;
    line-height: 20px;
}


/*
 * HCA Register — Bolder top navigation menu links
 * ==================================================
 * Carl asked for the top header menu items (Home / About HCA / Why HCA? /
 * FAQ / Contact HCA) to read bolder. Confirmed via live Inspector (1 Sep
 * 2026) that these links render through `.i-nav li a` in the theme's own
 * header.css, which sets color/decoration/transition there but never sets
 * a font-weight — so they were rendering at the browser default. Setting
 * weight to 700 here, site-wide, since this is the main site header shown
 * on every page (not just listing pages).
 * — CJP, Sep 2026
 */
.i-nav li a {
    font-weight: 700 !important;
}

/* Increase font weight of quick actions on individual listing pages CJP */

.quick-listing-actions > ul > li > a span {
  color: #242429;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}


/*
 * HCA Register — Bullet list styling (indent, bullet colour, hanging indent)
 * ================================================================================
 * Scoped to .wp-editor-content and .pf-body — the two wrappers actual content
 * bullet lists render inside on this site (WP Editor rich-text fields like
 * Qualifications/Specialties/About My Practice, and plain field display
 * blocks). Deliberately NOT applied to every  site-wide, since many
 * (nav menus, UI layout lists) use list-style:none on purpose and would
 * wrongly sprout bullets if targeted broadly.
 *
 * THREE THINGS THIS DOES:
 * 1. 20px left indent on the list itself.
 * 2. Bullet colour forced to 50% black (rgba, not a flat grey hex, so it
 *    stays "50% black" regardless of what background it sits on) via the
 *    ::marker pseudo-element — this styles just the bullet, not the text.
 * 3. Fixes hanging indent for wrapped multi-line items: the theme's own
 *    CSS (frontend.css) sets list-style-position: inside on these lists,
 *    which makes the bullet part of the first line's inline content —
 *    so a wrapped second line snaps back to the far-left edge instead of
 *    lining up under the first line's text. Switching to outside fixes
 *    this as a side effect, since outside markers sit in the indent
 *    space and every line (wrapped or not) starts at the same left edge.
 *
 * !important used since the theme's own rule targets the exact same
 * selector with matching specificity and would otherwise win.
 * — CJP
 */
.wp-editor-content ul,
.pf-body ul {
  padding-left: 50px !important;
}

.wp-editor-content ul li,
.pf-body ul li {
  list-style-position: outside !important;
}

.wp-editor-content ul li::marker,
.pf-body ul li::marker {
  color: rgba(0, 0, 0, 0.2);
}

/*
 * HCA Register — Footer widget title & link colours
 * ======================================================
 * Titles (e.g. "Site Menu", "HCA", "Member Associations") -> white.
 * General footer text (non-link) -> white.
 * Links inside footer widgets -> mid grey by default, orange on hover
 * (unchanged from the first version of this file).
 * !important used throughout since the theme's own footer widget CSS
 * (ml-wp-widgets.css) is loaded with matching or higher specificity and
 * would otherwise win.
 *
 * BACKGROUND FIX (Aug 2026): the single listing page template renders the
 * footer with an INLINE style="background:#ffffff" directly on the
 *  element (confirmed via Inspector — not from any stylesheet,
 * likely a per-template override somewhere in MyListing's single-listing
 * template). Regular pages correctly show the site's near-black footer
 * (#222222). Forced back to #222222 with !important, which DOES override
 * a plain (non-!important) inline style in the CSS cascade.
 * — CJP
 */
footer.footer,
.footer {
  background: #222222 !important;
}

.footer .c_widget_title h5 {
  color: #ffffff !important;
}

.footer .c_widget {
  color: #ffffff !important;
}

.footer .c_widget a {
  color: #565d62 !important;
  transition: color 0.2s ease;
}

.footer .c_widget a:hover {
  color: #ffa943 !important;
}

/*
 * HCA Register — Footer widget title & link colours
 * ======================================================
 * Titles (e.g. "Site Menu", "HCA", "Member Associations") -> white.
 * General footer text (non-link) -> white.
 * Links inside footer widgets -> mid grey by default, orange on hover
 * (unchanged from the first version of this file).
 * !important used throughout since the theme's own footer widget CSS
 * (ml-wp-widgets.css) is loaded with matching or higher specificity and
 * would otherwise win.
 * — CJP
 */
.footer .c_widget_title h5 {
  color: #ffffff !important;
}

.footer .c_widget {
  color: #ffffff !important;
}

.footer .c_widget a {
  color: #565d62 !important;
  transition: color 0.2s ease;
}

.footer .c_widget a:hover {
  color: #ffa943 !important;
}

/*
 * HCA Register — Explore page listing title, orange on hover
 * ==============================================================
 * Base title style stays dark grey (#242429), bold. On hover, the whole
 * card link (a.lf-item.lf-item-list-view) triggers the h4 inside it to
 * turn orange (#FF6B35), with a smooth colour transition rather than an
 * instant switch.
 * — CJP
 */
.lf-item.lf-item-list-view .lf-item-info > h4 {
  font-size: 14px;
  color: #242429;
  font-weight: 700 !important;
}
a.lf-item.lf-item-list-view:hover .lf-item-info > h4 {
  color: #FF6B35 !important;
  transition: color 0.2s ease;
}




/*
 * HCA Register — "HCA Curator Login" set apart in the footer
 * =========================================================
 * The curator link (menu item 830, CSS class hca-footer-curator-login) used
 * to read as part of the "Site Information" list. Renamed to "HCA Curator
 * Login" and given its own space: a gap and a thin divider above it, so it
 * no longer sits under the Site Information heading's list.
 * Works on every footer, incl. the My Account page copy (same classes).
 * — CJP 20 Oct 2026
 */
.footer .c_widget li.hca-footer-curator-login {
  margin-top: 26px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.footer .c_widget li.hca-footer-curator-login a {
  font-weight: 700;
}


/*
 * HCA Register — Hero heading no longer slides under the header (laptops/tablets)
 * ==============================================================================
 * PROBLEM (Carl, 20 Oct 2026): on laptop and tablet screens the hero heading
 * "Find an HCA Accredited Hypnotherapist" overlapped the header menu.
 * CAUSE: the MyListing header is FIXED (it floats over the top of the page), but
 * the hero section (Elementor section 2woam06 — the same section on Home, About,
 * Member Orgs, Why HCA, FAQ, Contact, Privacy, Terms, Disclaimer) centres its
 * content in its full height, header area included. On shorter screens the
 * content rose up under the header. On tablets the heading was also set to
 * 64px — bigger than desktop's 46px — making it worst at 1024px.
 * FIX: pad the top of the hero by the header's height (+ ~20px breathing room)
 * at each header size, so content is centred in the VISIBLE part of the hero:
 *   header 122–132px (desktop) · 102px (≤1300) · 80px (≤1200) · phones: no
 *   change (already clear). Tablet heading 64px → 40px.
 * Tested at 25 widths, 360–1920px: heading always clears the header.
 * — CJP 20 Oct 2026
 */
.elementor-element-2woam06 > .elementor-container { box-sizing: border-box; padding-top: 152px; }
@media (max-width: 1366px) { .elementor-element-2woam06 > .elementor-container { padding-top: 142px; } }
@media (max-width: 1280px) { .elementor-element-2woam06 > .elementor-container { padding-top: 122px; } }
@media (max-width: 1200px) { .elementor-element-2woam06 > .elementor-container { padding-top: 100px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-cc73ae3 .elementor-heading-title { font-size: 40px !important; line-height: 1.15 !important; }
}
@media (max-width: 767px) { .elementor-element-2woam06 > .elementor-container { padding-top: 0; } }

/*
 * HCA Register — no sideways scrolling on phones from long web/email addresses
 * Terms of Use and Disclaimer contain long unbroken addresses (e.g. the old
 * hcaaustralianhypnotherapistsregister.com.au URL) that pushed the page wider
 * than a phone screen. Long words now wrap; normal words are unaffected.
 * — CJP 20 Oct 2026
 */
.elementor-widget-text-editor,
.elementor a[href^="mailto:"] { overflow-wrap: anywhere; }


/*
 * HCA Register — Member Organisations intro text matches the rest of the site
 * Carl (20 Oct 2026): the intro paragraphs were smaller than other pages.
 * They sit in an HTML widget, so they got the theme's 14px default instead of
 * the site's body-copy style. Now the same as body text elsewhere (e.g. Terms
 * of Use): Open Sans 18px, weight 300, 24.86px leading, #535353.
 * — CJP 20 Oct 2026
 */
.hca-member-orgs > p,
.hca-member-orgs .hca-membership-note p {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 24.8571px !important;
  color: #535353 !important;
}


/*
 * HCA Register — Privacy Policy page — left-aligned body, like Terms of Use
 * The page's text widget is set to centred (shared hero/section setting);
 * the policy reads better left-aligned with normal list bullets.
 * — CJP 20 Oct 2026
 */
.elementor-735 .elementor-element-0bb0e17,
.elementor-735 .elementor-element-0bb0e17 h2,
.elementor-735 .elementor-element-0bb0e17 h3,
.elementor-735 .elementor-element-0bb0e17 p,
.elementor-735 .elementor-element-0bb0e17 li { text-align: left !important; }
.elementor-735 .elementor-element-0bb0e17 ul { margin: 0 0 14px 1.2em; padding-left: 1em; list-style: disc; }
.elementor-735 .elementor-element-0bb0e17 li { margin-bottom: 6px; }


/*
 * HCA Register — Why HCA? "Questions you should ask…" list tidy
 * The list used "inside" bullets with no indent, so second lines started under
 * the bullet instead of under the text. Now: indented, bullets outside the text
 * block (wrapped lines align with the first line), a little space between items.
 * Class hca-question-list is set on the  in the page's text widget.
 * — CJP 20 Oct 2026
 */
.elementor-widget-text-editor ul.hca-question-list {
  list-style: disc outside !important;
  margin: 6px 0 18px 0 !important;
  padding-left: 2.6em !important;
  text-align: left !important;
}
.elementor-widget-text-editor ul.hca-question-list li {
  margin-bottom: 6px;
  padding-left: 0.3em;
}
@media (max-width: 767px) {
  .elementor-widget-text-editor ul.hca-question-list { padding-left: 1.6em !important; }
}


/*
 * HCA Register — HCA Accredited Hypnotherapist badges (Why HCA? page)
 * Two watermarked badges side by side above the image, modest size, centred,
 * wrapping on small screens. Saving is discouraged: images ignore the pointer
 * (so right-click shows no "Save image"), dragging and iOS long-press are off,
 * and the wrapper blocks the context menu. This stops casual copying only —
 * the watermark is what protects the image itself.
 * — CJP 20 Oct 2026
 */
.hca-badges {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 14px 24px; margin: 0 0 22px;
  -webkit-user-select: none; user-select: none;
}
.hca-badges img {
  display: block; height: auto; max-width: 100%;
  pointer-events: none; -webkit-user-drag: none; -webkit-touch-callout: none;
}
.hca-badges img.hca-badge-h { width: 252px; }
.hca-badges img.hca-badge-s { width: 118px; }
@media (max-width: 767px) {
  .hca-badges img.hca-badge-h { width: 220px; }
  .hca-badges img.hca-badge-s { width: 100px; }
}