/*
Theme Name: Laroo Theme X
Theme URI: https://laroo-huidtherapie.nl
Description: Laroo Theme by Marc Jnson
Author: Marc Janson
Author URI: https://marcjanson.nl
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Variables */
:root {
	--body-font-family: 'roboto', sans-serif;
	--heading-font-family: 'the-seasons', serif;
	--body-color: #000;
	--primary: #FBE6E1;
	--primary-light: #FFF0ED;
	--primary-dark: #EABBB0;

	--border-radius: 0.5rem;
	--border-radius-lg: 1rem;
	--border-radius-sm: 0.25rem;
	--border-radius-pill: 50rem;
	--border-width: 1px;
	--border-width-lg: 2px;
	--border-width-sm: 0.5px;
	--border-color: #E5E5E5;
	--border-color-light: #F2F2F2;
	--border-color-dark: #D9D9D9;
}

/* Styling */
html {
	font-size: 16px;
}

html,
body {
	font-size: 1rem;
}

/* Blog grid */
.oew-blog-grid .oew-grid-entry {
	text-align: left;
	border-radius: var(--border-radius-sm);
}
.oew-blog-grid .oew-grid-entry .oew-grid-inner {
	display: flex;
	flex-direction: column;
}
.oew-blog-grid .oew-grid-entry .oew-grid-inner .oew-grid-meta {
	order: -1;
}

/* Speech Bubble */
.speech-bubble {
	position: relative;
}
.speech-bubble::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -30px;
	left: 20px;
	border-width: 30px 0 0 30px;
	border-style: solid;
	border-color: var(--primary) transparent;
	width: 2px;
	border-radius: 0 0 40px 0;
}