/*
 Theme Name:   Garage Rijnmond
 Theme URI:    https://garagerijnmond.nl
 Description:  Garage Rijnmond WordPress Theme
 Author:       MuroMedia
 Author URI:   https://muromedia.nl
 Template:     generatepress
 Version:      1
*/

/* -- THEME TWEAKS -- */

.site-header {
	padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

/* Text Balance / Pretty */

:is(h1, h2, h3, h4, h5, h6), .balance {
	text-wrap: balance;
}

p, blockquote, li {
	text-wrap: pretty;
}

p:last-child:last-of-type {
	margin-bottom: 0px;
}

/* -- UTILITIES -- */

/* Line Limit */

.line-limit-3, .line-limit2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-limit-3 {
	-webkit-line-clamp: 3;
}

.line-limit-2 {
	-webkit-line-clamp: 2;
}

/* Transition */

.transition {
	transition: all .25s ease-in-out;
}

/* -- TYPOGRAPHY -- */

/* Set Font Family */

.ff-body {
	font-family: var(--gp-font--body);
}

.ff-heading {
	font-family: var(--gp-font--heading);
}

/* Fluid Typography Scale */

h1, .fs-h1 {
	font-size: clamp(2.5rem, 2rem + 0.8vw, 3.25rem);
	font-family: var(--gp-font--heading);
}

h2, .fs-h2 {
	font-size: clamp(1.875rem, 1.55rem + 0.7vw, 2.625rem);
	font-family: var(--gp-font--heading);
}

h3, .fs-h3 {
	font-size: clamp(1.5rem, 1.3rem + 0.6vw, 2.125rem);
	font-family: var(--gp-font--heading);
}

h4, .fs-h4 {
	font-size: clamp(1.3125rem, 1.15rem + 0.5vw, 1.75rem);
	font-family: var(--gp-font--heading);
}

h5, .fs-h5 {
	font-size: clamp(1.1875rem, 1.05rem + 0.4vw, 1.5rem);
	font-family: var(--gp-font--heading);
}

h6, .fs-h6 {
	font-size: clamp(1.0625rem, 0.95rem + 0.35vw, 1.35rem);
	font-family: var(--gp-font--heading);
}

p, .fs-p {
	font-size: 1.125rem;
	font-family: var(--gp-font--body);
}