/* ==========================================================================
   Post Showcase — your styling

   This file is yours. The plugin never overwrites it, so re-uploading the
   plugin zip to update it leaves everything here intact.

   It loads after the plugin's own stylesheet, so anything set here wins.
   Change a value, save, hard refresh.
   ========================================================================== */

.post-showcase {

	/* --- thumbnail ------------------------------------------------------ */
	--ps-thumb-w: 90px;          /* thumbnail width */
	--ps-thumb-h: 90px;          /* thumbnail height */
	--ps-thumb-radius: 4px;      /* thumbnail corner rounding */
	--ps-thumb-fit: cover;       /* cover crops to fill, contain fits inside */

	/* --- spacing -------------------------------------------------------- */
	--ps-gap: 18px;              /* gap between one post and the next */
	--ps-img-gap: 14px;          /* gap between the picture and the text */
	--ps-pad: 0px;               /* padding inside each post, useful with a border */

	/* --- title ---------------------------------------------------------- */
	--ps-title-font: inherit;    /* inherit uses the theme font */
	--ps-title-size: 15px;
	--ps-title-weight: 600;
	--ps-title-line: 1.3;
	--ps-title-colour: #222222;
	--ps-title-hover: #0073aa;

	/* --- excerpt -------------------------------------------------------- */
	--ps-excerpt-font: inherit;
	--ps-excerpt-size: 13px;
	--ps-excerpt-line: 1.5;
	--ps-excerpt-colour: #555555;
	--ps-excerpt-top: 4px;       /* gap between the title and the excerpt */

	/* --- heading above the list ----------------------------------------- */
	--ps-heading-size: 18px;
	--ps-heading-colour: #222222;

	/* --- border, only used when border="yes" ---------------------------- */
	--ps-border-width: 1px;
	--ps-border-style: solid;
	--ps-border-colour: #e5e5e5;
	--ps-border-radius: 6px;
	--ps-border-pad: 12px;       /* padding inside a bordered post */
	--ps-item-bg: transparent;
	--ps-item-bg-hover: transparent;

	/* --- phones, under 768px -------------------------------------------- */
	--ps-card-width: 265px;      /* width of each post in the sideways strip */
	--ps-card-gap: 14px;         /* gap between them */
}