/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
	html {
		interpolate-size: allow-keywords;
	}
}
html {
	/* always reserve scroll bar space to prevent jump */
	scrollbar-gutter: stable;
}

body {
	margin: 0;
	/* 4. Add accessible line-height */
	/* 5. Improve text rendering */
	-webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
	font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
	text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
	min-height: 10em;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
	line-height: 1.1;
}

/* Enable view-transitions */
@view-transition {
	navigation: auto;
}
@view-transition {
	navigation: auto;
}
.com-content-article,
.com-content-category-blog {
	view-transition-name: main-content;
}

.sidebar .nav a::before {
	view-transition-name: link-marker;
}

html {
	font-family: "Roboto", "Inter", "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
}

p,
ul,
ol {
	margin-block: 0 0.5lh;
}

h1,
h2,
h3,
h4 {
	font-weight: 300;
	margin-block-end: 0.5em;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a {
	text-decoration: none;
}

h2,
h3 {
	margin-block: 1em 0.5em;
}

blockquote {
	margin: 1.6rem -1rem;
	padding: 1rem;
	border: 3px solid var(--clr-prime-400);
	border-width: 0 0 0 5px;
	background-color: var(--clr-prime-200);
	border-image: linear-gradient(var(--brand-gradient)) 5;
}
blockquote > p {
	margin-block: 0.5em;
}

dl {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

dt {
	font-weight: 400;
}

:root {
	accent-color: var(--clr-prime);
	--clr-prime: #473181;
	--clr-accent: #4a97ba;
	--grid-gap: 2rem;
	--bs-body-font-family: "Roboto";
	--bs-body-font-size: var(--size-0);
	--bs-body-font-weight: 300;
	--bs-body-line-height: 1.6;
	--bs-body-color: #1f1f22;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.skip-link {
	padding: 1rem;
	border: 2px solid hsl(from var(--clr-success) h s 20%);
	position: absolute;
	background: var(--clr-prime-200);
	z-index: 999;
	left: calc(50vw - 6.5rem);
	top: -4.5rem;
	transition: all 0.3s linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
}
.skip-link:focus-visible {
	top: 1rem;
	box-shadow: 0 0 2rem hsl(from var(--clr-success) h s 20%);
}

:focus-visible {
	outline-color: var(--clr-prime-800);
}

::selection {
	background: var(--clr-prime-800);
	color: var(--clr-neutral-100);
}

.inline-spacer {
	display: inline-block;
	width: 2ch;
}

.contentpane .pagenavigation {
	display: none;
}

main {
	margin-top: 2rem;
}

.pagegrid {
	min-height: calc(100vh - 5rem);
	display: grid;
	grid-template-rows: auto 1fr auto;
}

@media (width >= 992px) {
	.component.has-sidebar {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--grid-gap);
	}
}

@media (width >= 992px) {
	.contact-component-wrap {
		grid-template-columns: 1fr;
	}
	.contact-component-wrap .com-contact__container {
		grid-row: span 1;
	}
}

.sidebar-container > .card {
	position: sticky;
	top: 0;
}

.contentpane .item-image {
	display: none;
}

#brand-logo {
	justify-self: center;
}

.navbar-collapse {
	flex: 0;
	width: 100%;
}

.navbar {
	background: #fff;
	color: var(--clr-neutral-800);
}
.navbar .imagelink {
	flex: 0 1 360px;
}

.navbar .mod-menu a {
	display: block;
	text-decoration: none;
	padding: 0.5em 1vw;
	color: inherit;
	text-align: center;
}
.navbar li {
	position: relative;
	border-radius: 3px;
	transition: all 0.2s ease;
	/* for active menu item styling */
	position: relative;
	isolation: isolate;
}
.navbar li.active {
	box-shadow: 0 3px var(--clr-prime);
	text-shadow: 1px 1px #fff;
	font-weight: 400;
}
.navbar li.active a {
	color: var(--clr-neutral-900);
}
.navbar li:hover {
	background: var(--clr-neutral-100);
	color: var(--clr-neutral-900);
	box-shadow: 0 3px var(--clr-neutral-300);
}

@media (width >= 768px) {
	.navbar-expand-md {
		flex-wrap: wrap;
	}
}
@media (width >= 1200px) {
	.navbar-expand-md {
		flex-wrap: nowrap;
	}
}
.navbar-expand-md .navbar-collapse {
	flex-basis: auto;
	flex-wrap: nowrap;
	justify-content: end;
}
@media (1200px >= width) {
	.navbar-expand-md .navbar-collapse {
		justify-content: center;
	}
}
.navbar-expand-md .navbar-collapse ul {
	flex-direction: column;
}
@media (width >= 768px) {
	.navbar-expand-md .navbar-collapse ul {
		flex-direction: row;
	}
}

/* 1200 px; */
@media (width >= 768) {
	.brand {
		width: max-content;
		float: left;
	}
}

.title img {
	margin-inline: auto;
	text-align: center;
}

.blog-item,
.item-page {
	margin-block-end: 3rem;
	max-width: 72ch;
}

.item-content {
	max-width: 72ch;
}

.mod-articles-grid {
	list-style-type: none;
	padding-inline-start: 0;
}

.category-desc {
	margin-block-end: 3rem;
	display: grid;
	gap: var(--grid-gap);
}
@media (width >= 768px) {
	.category-desc {
		grid-template-columns: 5fr 3fr;
	}
	.category-desc > img {
		grid-column: 2;
	}
	.category-desc > * {
		grid-row: 1;
	}
}

.com-content-category-blog__item.blog-item {
	display: grid;
	grid-auto-flow: column;
	max-width: 100%;
	gap: var(--grid-gap);
}
.com-content-category-blog__item.blog-item figure {
	grid-column: 2;
}
.com-content-category-blog__item.blog-item figure img {
	padding: 1px;
	background: linear-gradient(90deg, var(--brand-gradient));
	border-radius: 3px;
}

.com-content-article:has(.com-content-article__grid > .right) {
	max-width: 100%;
}

.com-content-article__grid:has(figure) {
	max-width: 100%;
	gap: var(--grid-gap);
	grid-auto-flow: column;
}
@media (width >= 768px) {
	.com-content-article__grid:has(figure) {
		display: grid;
		grid-auto-flow: dense;
		grid-template-columns: 5fr 3fr;
	}
}
.com-content-article__grid:has(figure) figure {
	grid-column: 2;
	grid-row: span 2;
}

.algemene-voorwaarden h2,
.klachtenregeling h2,
.privacyverklaring h2,
.aanmelden h2 {
	margin-top: 4rem;
}

.pagefooter {
	background: var(--clr-prime-100);
	border-top: 1px solid var(--clr-prime-300);
	padding-top: 2rem;
	padding-bottom: 12rem; /* contact links */
}
.pagefooter .mod-container {
	display: flex;
	gap: var(--grid-gap);
	justify-content: space-around;
}
.pagefooter p {
	margin: 0 auto;
}

.home .pagefooter {
	padding-bottom: 3rem;
}

.fixed-bottom a {
	color: var(--clr-prime-900);
}

.copy {
	margin-block: 0.5rem;
}

.fixed-bottom {
	view-transition-name: fixed-footer;
}

.footer .mod-list {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.breadcrumb {
	background: var(--clr-prime-200);
	font-size: 1rem;
}

button {
	cursor: pointer;
	color: var(--violet-9);
	background: var(--violet-1);
	padding: 1em 2em;
	border: 1px solid;
	border-radius: 0.5em;
}
button:hover {
	background: var(--violet-3);
}
button:active {
	box-shadow: inset 0 0 1em var(--violet-5);
	translate: 0 2px;
}

.btn {
	--bs-border-width: 2px;
	--bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: var(--bs-btn-border-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 0 1px 1px #00000013;
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem
		rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-secondary {
	--bs-btn-border-color: var(--clr-prime-900);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--clr-prime-900);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}

.btn-primary {
	--bs-btn-color: var(--clr-prime-900);
	--bs-btn-bg: var(--clr-neutral-100);
	--bs-btn-border-color: var(--clr-prime-900);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--clr-prime-900);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}

.card {
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
	--bs-card-title-spacer-y: 0.5rem;
	--bs-card-title-color: ;
	--bs-card-subtitle-color: ;
	--bs-card-border-width: 0;
	--bs-card-border-color: var(--bs-border-color-translucent);
	--bs-card-border-radius: var(--bs-border-radius);
	--bs-card-box-shadow: ;
	--bs-card-inner-border-radius: calc(
		var(--bs-border-radius) - (var(--bs-border-width))
	);
	--bs-card-cap-padding-y: 0.5rem;
	--bs-card-cap-padding-x: 1rem;
	--bs-card-cap-bg: var(--clr-prime-100);
	--bs-card-cap-color: ;
	--bs-card-height: ;
	--bs-card-color: ;
	--bs-card-bg: var(--bs-body-bg);
	--bs-card-img-overlay-padding: 1rem;
	--bs-card-group-margin: 0.75rem;
	min-width: 0;
	height: var(--bs-card-height);
	color: var(--bs-body-color);
	word-wrap: break-word;
	background-color: var(--bs-card-bg);
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius);
	background-clip: border-box;
	flex-direction: column;
	display: flex;
	position: relative;
}

.card-header {
	color: var(--clr-prime-900);
	background-color: var(--bs-card-cap-bg);
	border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
	margin-bottom: 0;
}

.compound-card {
	position: relative;
}
@media (width >= 768px) {
	.compound-card {
		display: flex;
		flex-wrap: wrap;
		gap: var(--grid-gap);
	}
	.compound-card .moduletable {
		flex: 1 1;
	}
}

.moduletable.invert {
	align-self: center;
}
.moduletable.invert .mod-list .fa-solid {
	color: var(--clr-prime-900);
	float: left;
}
.moduletable.invert .mod-list a {
	display: block;
	margin: 0.3em 0;
	padding: 0.5em 0;
}

.compound-card img {
	max-width: 42ch;
}

.contact-info {
	display: flex;
	justify-content: space-evenly;
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: 0;
}
.contact-info i {
	font-size: 2rem;
	background: var(--clr-prime);
	display: block;
	text-align: center;
	border-radius: 9cm;
	aspect-ratio: 1;
	width: 2em;
	padding: 0.5em;
	margin-inline: auto;
}
.contact-info i:active {
	scale: 0.95;
}

@media (width <= 768px) {
	.contact-info {
		margin: 0;
	}
	.contact-info .link-content {
		display: none;
		flex: 1 0 1em;
	}
}
.contact-info li {
	margin-top: -1rem;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}
.contact-info .contact-link {
	text-decoration: none;
}
.contact-info .link-content {
	padding: 0.25em;
	border-radius: 3px;
}

details {
	margin-block: 0.5lh;
	border: 1px solid var(--clr-neutral-200);
	padding: 0.25em 0.5em;
	background: var(--clr-neutral-100);
	overflow: hidden;
}
details p {
	margin-block: 1em;
}

summary {
	list-style-position: outside;
	margin-inline-start: 1em;
}
summary::marker {
	color: var(--clr-prime-700);
}

.input-group {
	margin-block-end: 1rem;
}

.form-check-input:checked {
	background-color: var(--clr-prime);
}

.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: var(--clr-prime-600);
	outline: 0;
	box-shadow: 0 0 0 0.25rem hsl(from var(--clr-prime-900) h s l/0.25);
}

.control-group {
	padding-block: 0.5rem;
}

.control-group:has(.form-check-inline) {
	display: flex;
	flex-direction: row-reverse;
}
.control-group:has(.form-check-inline) .controls {
	flex: 0 1 auto;
}
.control-group:has(.form-check-inline) .control-label {
	flex: 1 0 auto;
}

form {
	background: var(--clr-neutral-100);
	border: 1px solid var(--clr-neutral-300);
	border-radius: 5px;
	padding: 1rem;
}

.contact-form {
	margin-bottom: 3rem;
	max-width: 76ch;
}

.contact-miscinfo {
	margin-block: 2rem;
}

input.form-control-danger {
	border: 1px dashed red;
	box-shadow: 0 0 0 0.25rem hsl(from red h s l/0.25);
}

input.form-control-success {
	box-shadow: 0 0 0 0.25rem hsl(from green h s l/0.25);
}

.form-control-feedback {
	font-weight: 700;
	margin-left: auto;
}

main img {
	padding: 1px;
	background: linear-gradient(90deg, var(--brand-gradient));
}

@media (width >= 576px) {
	figure.rounded-circle.f-left {
		margin: 0 1rem 1rem 0;
		float: left;
		width: 40%;
	}
}
figure.rounded-circle.f-left img {
	border-radius: 9cm;
	overflow: clip;
	margin: 1rem auto;
}

a {
	transition: all 0.1s ease;
	text-decoration-skip-ink: auto;
}

a:where(:hover, :active) {
	text-decoration-color: transparent;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
	color: inherit;
}

.modal-body {
	height: 90vh;
}

.accent.wrapper,
.fixed-bottom {
	border: solid var(--clr-prime-400);
	border-width: 1px 0;
	border-image: linear-gradient(90deg, var(--brand-gradient)) 5;
}

.accent.wrapper {
	background: var(--clr-prime-100);
}

.fixed-bottom {
	background: var(--clr-neutral-200);
	border-width: 1px 0 0;
}

.split > div {
	display: grid;
	gap: var(--grid-gap);
}
@media (width >= 768px) {
	.split > div {
		grid-template-columns: 3fr 5fr;
		align-items: center;
	}
}

.wrapper {
	padding-block: 3rem;
}

.mod-articles-items.mod-list {
	list-style: none;
	padding-inline-start: 0;
}

.contact-info {
	grid-template-columns: 3ch 1fr;
}

.article-listing {
	display: flex;
	align-items: center;
}

.hero .moduletable {
	max-width: 72ch;
	padding-block: 2rem;
}

nav ul,
ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navbar nav ul,
.navbar ul.nav {
	display: flex;
	justify-content: end;
	gap: 0.5rem;
}

.mod-menu a {
	text-decoration: none;
}

footer .mod-menu a {
	text-decoration: revert;
}

.pagenavigation {
	margin-block: 2rem;
	max-width: 72ch;
}
.pagenavigation a {
	display: inline-block;
}
.pagenavigation a.next {
	margin-left: auto;
}

#back-top {
	position: fixed;
	bottom: 5rem;
	right: 1em;
	opacity: 0;
	z-index: 2000;
	background: #fff;
	transition: opacity 0.3s ease-in;
}
#back-top.visible {
	opacity: 1;
}
#back-top:hover {
	color: #fff;
	border-color: var(--clr-prime-700);
}

.circle {
	border-radius: 9cm;
	aspect-ratio: 1;
	padding-top: 0.75rem;
}

.nav.flex-column {
	gap: 0.5em;
}

.sidebar .nav {
	margin-inline: 5vw;
}
.sidebar .nav li {
	box-shadow: inset 0 0 5px 5px hsl(from var(--clr-prime-200) h s l/1);
	padding: 0.5em;
	border-radius: 5px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
	view-transition-name: link-marker;
}
.sidebar .nav li:hover {
	border: 1px solid var(--clr-prime-300);
	box-shadow: inset 0 0 5px 5px hsl(from var(--clr-prime-200) h s l/1);
}
.sidebar .nav li a {
	display: block;
}
.sidebar .nav a::before {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	margin-inline-end: 1ch;
}
.sidebar .nav .current {
	font-weight: 400;
}
.sidebar .nav .current a::before {
	content: "\f053";
}

.navbar-toggler {
	border-radius: 9cm;
	aspect-ratio: 1;
	font-size: 1.5rem;
	margin-left: auto;
}

.big-button {
	display: block;
	position: relative;
	border-radius: 10px;
	padding: 3px;
	background: linear-gradient(to right, var(--brand-gradient));
	text-decoration: none;
	cursor: pointer;
	isolation: isolate;
}
.big-button .button-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: white;
	border-radius: 7px;
	position: relative;
	z-index: 1;
}
.big-button::before {
	content: "";
	position: absolute;
	inset: 10px;
	scale: 1;
	border-radius: inherit;
	background: linear-gradient(to right, var(--brand-gradient));
	z-index: -1; /* place the element behind */
	filter: blur(10px); /* control the blur */
	transition: scale 0.3s linear(0, 0.029 1.6%, 0.123 3.5%, 0.651 10.6%, 0.862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, 0.994 46.3%, 1);
}
.big-button:hover::before {
	scale: 1.1 1.2;
}
.big-button img {
	max-width: 25%;
	height: auto;
}
.big-button p {
	font-size: 1.6rem;
	margin: 0 auto;
	text-transform: uppercase;
	color: var(--clr-prime-800);
	font-weight: 400;
}

@media (width >= 768px) {
	.hero {
		display: grid;
		grid-template-columns: 5fr 3fr;
	}
}

.home h2 {
	margin-top: 3rem;
}

.aanmelden.wrapper {
	padding-block-start: 1rem;
	margin-block-end: 4rem;
}

dd:has(.contact-postcode) {
	float: left;
	margin-right: 1ch;
}

.contact-address.dl-horizontal dt {
	float: left;
	margin-right: 1ch;
}

.com-contact-wrapper {
	display: grid;
	grid-template-columns: 5fr 3fr;
	gap: var(--grid-gap);
	grid-auto-flow: dense;
}
.com-contact-wrapper .com-contact__thumbnail {
	grid-column: 2;
	grid-row: span 4;
}

dl.contact-address {
	display: block;
}

:root {
	--clr-success: #65ba74;
	--clr-warning: #e2a336;
	--clr-error: #eb8e90;
	--clr-info: #8da4ef;
	--clr-prime: hsl(284, 38%, 59%);
	--clr-prime-100: hsl(300, 50%, 99%);
	--clr-prime-200: hsl(285, 40%, 98%);
	--clr-prime-300: hsl(282, 57%, 95%);
	--clr-prime-400: hsl(282, 53%, 93%);
	--clr-prime-500: hsl(284, 42%, 85%);
	--clr-prime-600: hsl(284, 38%, 79%);
	--clr-prime-700: hsl(284, 38%, 59%);
	--clr-prime-800: hsl(284, 31%, 45%);
	--clr-prime-900: hsl(285, 38%, 24%);
	/*
		--clr-neutral: hsl(266, 5%, 74%);
		--clr-neutral-100: hsl(240, 9%, 98%);
		--clr-neutral-200: hsl(270, 7%, 95%);
		--clr-neutral-300: hsl(270, 5%, 91%);
		--clr-neutral-400: hsl(270, 7%, 89%);
		--clr-neutral-500: hsl(255, 6%, 86%);
		--clr-neutral-600: hsl(266, 5%, 74%);
		--clr-neutral-700: hsl(260, 2%, 52%);
		--clr-neutral-800: hsl(260, 2%, 20%);
		--clr-neutral-900: hsl(260, 5%, 13%);
	*/
	--clr-neutral-00: hsl(260, 8%, 98%);
	--clr-neutral-100: hsl(260, 8%, 96%);
	--clr-neutral-200: hsl(260, 7%, 94%);
	--clr-neutral-300: hsl(260, 6%, 90%);
	--clr-neutral-400: hsl(260, 6%, 86%);
	--clr-neutral-500: hsl(260, 5%, 80%);
	--clr-neutral-600: hsl(260, 4%, 68%);
	--clr-neutral-700: hsl(260, 3%, 48%);
	--clr-neutral-800: hsl(260, 3%, 32%);
	--clr-neutral-900: hsl(260, 5%, 13%);
	--clr-accent: hsl(199, 42%, 49%);
	--clr-accent-100: hsl(195, 57%, 97%);
	--clr-accent-200: hsl(200, 80%, 94%);
	--clr-accent-300: hsl(201, 71%, 86%);
	--clr-accent-400: hsl(200, 57%, 75%);
	--clr-accent-500: hsl(199, 55%, 64%);
	--clr-accent-600: hsl(199, 42%, 49%);
	--clr-accent-700: hsl(198, 55%, 38%);
	--clr-accent-900: hsl(200, 46%, 18%);
	--clr-prime-rgb: 169, 111, 190;
	--clr-prime-100-rgb: 254, 251, 254;
	--clr-prime-200-rgb: 251, 248, 252;
	--clr-prime-300-rgb: 245, 235, 250;
	--clr-prime-400-rgb: 241, 228, 247;
	--clr-prime-500-rgb: 224, 201, 233;
	--clr-prime-600-rgb: 211, 181, 222;
	--clr-prime-700-rgb: 169, 111, 190;
	--clr-prime-800-rgb: 131, 79, 150;
	--clr-prime-900-rgb: 73, 38, 84;
	--clr-neutral-rgb: 188, 185, 192;
	--clr-neutral-100-rgb: 249, 249, 250;
	--clr-neutral-200-rgb: 242, 241, 243;
	--clr-neutral-300-rgb: 232, 231, 233;
	--clr-neutral-400-rgb: 227, 225, 229;
	--clr-neutral-500-rgb: 218, 217, 221;
	--clr-neutral-600-rgb: 188, 185, 192;
	--clr-neutral-700-rgb: 132, 130, 135;
	--clr-neutral-900-rgb: 33, 31, 35;
	--clr-accent-rgb: 72, 144, 177;
	--clr-accent-100-rgb: 243, 250, 252;
	--clr-accent-200-rgb: 227, 244, 252;
	--clr-accent-300-rgb: 194, 227, 245;
	--clr-accent-400-rgb: 155, 203, 228;
	--clr-accent-500-rgb: 113, 182, 214;
	--clr-accent-600-rgb: 72, 144, 177;
	--clr-accent-700-rgb: 44, 118, 150;
	--clr-accent-900-rgb: 25, 53, 67;
	--brand-gradient: #a469b9, #6678c3, #4bc0da;
}

[class*=fa-] {
	color: var(--clr-prime-900);
}

.contact-info i {
	color: #fff;
}
.contact-info i:hover {
	background-image: radial-gradient(circle at top left, rgba(255, 255, 255, 0.5058823529), rgba(0, 0, 0, 0));
}
.contact-info i:active {
	background-image: radial-gradient(circle at top left, rgba(0, 0, 0, 0.3568627451), rgba(0, 0, 0, 0));
}
.contact-info i.fa-signal-messenger {
	background-color: hsl(237, 98%, 61%);
	text-shadow: 1px 1px 1px hsla(237, 98%, 30%, 0.5);
}
.contact-info i.fa-whatsapp {
	background-color: hsl(149, 71%, 39%);
	text-shadow: 1px 1px 1px hsla(149, 71%, 20%, 0.5);
}

.contact-address .fa-signal-messenger {
	color: hsl(237, 98%, 61%);
}
.contact-address .fa-whatsapp {
	color: hsl(149, 71%, 39%);
}

header {
	background: linear-gradient(white 5rem, var(--blue-indicator) 5rem, var(--violet-indicator) 80%);
}

html,
[data-bs-theme=light],
[data-theme=light] {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-primary-text-emphasis: #052c65;
	--bs-secondary-text-emphasis: #2b2f32;
	--bs-success-text-emphasis: #0a3622;
	--bs-info-text-emphasis: #055160;
	--bs-warning-text-emphasis: #664d03;
	--bs-danger-text-emphasis: #58151c;
	--bs-light-text-emphasis: #495057;
	--bs-dark-text-emphasis: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #e2e3e5;
	--bs-success-bg-subtle: #d1e7dd;
	--bs-info-bg-subtle: #cff4fc;
	--bs-warning-bg-subtle: #fff3cd;
	--bs-danger-bg-subtle: #f8d7da;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #c4c8cb;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-font-sans-serif: var(--body-font-family);
	--bs-font-monospace:
		SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
		monospace;
	--bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
	--bs-body-font-family:
		"Roboto", "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
	--bs-body-font-size: 1.125rem;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-emphasis-color: #000;
	--bs-emphasis-color-rgb: 0, 0, 0;
	--bs-secondary-color: #212529bf;
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;
	--bs-tertiary-color: #21252980;
	--bs-tertiary-color-rgb: 33, 37, 41;
	--bs-tertiary-bg: #f8f9fa;
	--bs-tertiary-bg-rgb: 248, 249, 250;
	--bs-heading-color: var(--clr-prime-900);
	--bs-link-color: var(--clr-accent-700);
	--bs-link-color-rgb: var(--clr-accent-700-rgb);
	--bs-link-decoration: underline;
	--bs-link-hover-color: var(--clr-accent-900);
	--bs-link-hover-color-rgb: var(--clr-accent-900-rgb);
	--bs-code-color: #d63384;
	--bs-highlight-color: #212529;
	--bs-highlight-bg: #fff3cd;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: #0000002d;
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 0.5rem 1rem #00000026;
	--bs-box-shadow-sm: 0 0.125rem 0.25rem #00000013;
	--bs-box-shadow-lg: 0 1rem 3rem #0000002d;
	--bs-box-shadow-inset: inset 0 1px 2px #00000013;
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: var(--clr-prime);
	--bs-form-valid-color: #198754;
	--bs-form-valid-border-color: #198754;
	--bs-form-invalid-color: #dc3545;
	--bs-form-invalid-border-color: #dc3545;
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--clr-neutral-100);
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px #00000020;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}

/*# sourceMappingURL=template.css.map */