/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 24 2026 | 10:35:07 */
/* =====================================================================
   SITE GLOBAL STYLE CSS
   Site-wide styles that are not about Paid Member Subscriptions.
   PMS pages (Log In, Checkout, Reset Password, Account) are styled in
   the snippet "PMS Account: GLOBAL CSS".
   All own CSS lives in Woody snippets: Elementor -> Site Settings ->
   Custom CSS stays empty. Exception: Custom CSS of a single widget,
   for styles of that widget only.
   Own classes use the prefix provence-. Units: rem (1rem = 16px).

   Contents
   1. Loop cards (all Loop Grids and Loop Carousels)
   2. Post template
   3. Presto Player (audio)
   ===================================================================== */


/* =====================================================================
   1. LOOP CARDS
   Cards of all Loop Grids and Loop Carousels on the site: home page,
   category pages, "More from this category" in the post template.
   ===================================================================== */

/* ---------- 1.1 Hover on the card (anywhere: image, category, title) underlines the post title ---------- */
body .e-loop-item:hover .elementor-widget-theme-post-title .elementor-heading-title {
	text-decoration: underline;
}


/* =====================================================================
   2. POST TEMPLATE
   ===================================================================== */

/* ---------- 2.1 Links in text blocks are underlined ----------
   Own class text-block, set in Advanced -> CSS Classes of the text widget
   in the post template. */
.text-block a {
	text-decoration: underline;
}


/* =====================================================================
   3. PRESTO PLAYER (AUDIO)
   Work in progress: the article audio player is one of the next tasks.
   The Woody editor marks the --plyr-... lines with red crosses: its CSS
   checker does not know CSS variables. The code works.
   ===================================================================== */

/* ---------- 3.1 Poster (cover image) next to the player controls ----------
   To check when we work on the player: in a flex row the flex-basis (50px)
   wins over the width (80px). */
.presto-audio__poster-wrapper {
	flex: 0 0 50px !important;
	position: relative;
	width: 80px !important;
	min-height: 80px !important;
}

/* ---------- 3.2 Player colors and lines (Plyr variables) ----------
   Presto Player draws the player inside its own component, so site CSS
   reaches it only through Plyr CSS variables. They are set with !important
   to beat the colors Presto writes into the inline style of the figure
   (the free version has only one global highlight color).
   Rule: everything black is pure black (#000); the rest of the progress line
   and the inactive part of the volume line are light grey.
   The grey track is semi-transparent black: on white it looks like #e6e6e6,
   and the buffered part under it shows through as a slightly darker grey.
   An opaque track would hide the buffering completely. */
figure.wp-block-video.presto-provider-audio {
	/* Main color: big play button, focus ring, checked item in the settings menu */
	--plyr-color-main: #000 !important;

	/* Controls: white background, black icons and time; hover = inversion, as all site buttons */
	--plyr-audio-controls-background: #fff !important;
	--plyr-audio-control-color: #000 !important;
	--plyr-audio-control-color-hover: #fff !important;
	--plyr-audio-control-background-hover: #000 !important;

	/* Progress and volume lines: played / active part and the thumb black */
	--plyr-range-fill-background: #000 !important;
	--plyr-range-thumb-background: #000 !important;
	/* Track: looks like #e6e6e6 on white, same on both lines */
	--plyr-audio-range-track-background: rgba(0, 0, 0, 0.1) !important;
	/* Buffered part of the progress line: together with the track about #cfcfcf */
	--plyr-audio-progress-buffered-background: rgba(0, 0, 0, 0.1) !important;

	/* Thinner lines (Plyr default: 5px) */
	--plyr-range-track-height: 3px !important;

	/* Settings menu (gear) and tooltips: black text */
	--plyr-menu-color: #000 !important;
	--plyr-tooltip-color: #000 !important;
}