/************************************************************/
/*
/*      Typography CSS
/*
/*      Author: Marc-Antoine Brassard
/*      Created: 2026-11-03
/*      Last modified: 2026-11-03
/*
/************************************************************/
html {
	font-size: 125%;
}

body {
	font-family: 'Lato', sans-serif;
	font-size: .8rem;
	line-height: 1.2rem;
	font-weight: 400;
	color: var(--color-black);
}

.wrapper p a {
	color: var(--color-4);
	transition: all .3s;
}

.wrapper a.h5:hover,
.wrapper a.h4:hover,
.wrapper p a:hover {
	color: #000;
}

section p a {
	font-weight: bold;
}

/* Josefin Sans light 56 60 */
h1, .h1 {
	font-size: 2.8rem;
	line-height: 3rem;
	font-weight: 300;
	font-family: 'Josefin Sans', sans-serif;
}

/* Josefin Sans light 48 50 */
h2, .h2 {
	font-size: 2.4rem;
	line-height: 2.5rem;
	font-weight: 300;
	font-family: 'Josefin Sans', sans-serif;
}

/* Josefin Sans regular 34 36 */
h3, .h3 {
	font-size: 1.7rem;
	line-height: 1.8rem;
	font-weight: 400;
	font-family: 'Josefin Sans', sans-serif;
}

/* Lato regular 24 28 */
h4, .h4 {
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
}

/* Lato bold 16 24 */
h5, .h5, .btn, .input {
	font-size: .8rem;
	line-height: 1.2rem;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}

/* Lato bold 12 16 */
h6, .h6, label, .label {
	font-size: .6rem;
	line-height: .8rem;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}

/* Lato regular 14 16 */
.small {
	font-size: .7rem !important;
	line-height: .8rem !important;
	font-weight: 400 !important;
	font-family: 'Lato', sans-serif !important;
}

.big {
	font-size: 3rem !important;
	line-height: 3rem !important;
}

.extra-big {
	font-size: 6rem !important;
	line-height: 6rem !important;
}

b, strong {
	font-weight: 700 !important;
}

em {
	font-style: italic !important;
}

@media (width <= 600px) {
	h1,
	.h1 {
		font-size: calc(2.8rem * 0.8);
		line-height: calc(3rem * 0.8);
	}

	h2,
	.h2 {
		font-size: calc(2.4rem * 0.8);
		line-height: calc(2.5rem * 0.8);
	}

	h3,
	.h3 {
		font-size: calc(1.7rem * 0.8);
		line-height: calc(1.8rem * 0.8);
	}

	h4,
	.h4 {
		font-size: calc(1.2rem * 0.8);
		line-height: calc(1.4rem * 0.8);
	}

	.big {
		font-size: 2rem !important;
		line-height: 2rem !important;
	}

	.extra-big {
		font-size: 5rem !important;
		line-height: 5rem !important;
	}
}

/******************************/
/* Links
/******************************/
main :not(.menu-item, .btn, .h1, .h2, .h3, .h4, .h5, .h6, .label) > a:not(.btn, .h1, .h2, .h3, .h4, .h5, .h6, .label, .service-column) {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-family: inherit;
	text-decoration: underline;
	transition: color .5s;
	color: var(--color-4);
}

main :not(.menu-item, .btn, .h1, .h2, .h3, .h4, .h5, .h6, .label) > a:not(.btn, .h1, .h2, .h3, .h4, .h5, .h6, .label, .service-column):hover {
	color: var(--color-1);
}