/* Base theme: typography, palette, and common helpers */
:root {
	--color-primary: #1068b2;
	--color-accent: #50b748;
	--color-background: #ffffff;
	--color-dark: #4d4d4d;
	--color-muted: rgba(77, 77, 77, 0.8);
	--color-border: rgba(77, 77, 77, 0.25);
	--color-surface: rgba(16, 104, 178, 0.06);
	--color-surface-alt: rgba(80, 183, 72, 0.08);
}

* {
	box-sizing: border-box;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
		url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	background-color: var(--color-background);
}

.text-justify {
	text-align: justify !important;
}

@media (min-width: 1200px) {
	* {
		font-size: 0.89rem;
	}
}

@media (max-width: 1199.98px) {
	* {
		font-size: 0.94rem;
	}
}

.bg {
	background-color: var(--color-background);
}

a:link {
	text-decoration: none;
	color: var(--color-dark);
}

a:visited {
	text-decoration: none;
	color: var(--color-dark);
}

a:hover {
	color: var(--color-accent);
}

.bg-dark {
	background-color: var(--color-dark) !important;
}

.text-dark {
	color: var(--color-dark) !important;
}

.bg-primary {
	background-color: var(--color-primary) !important;
}

.text-primary {
	color: var(--color-primary) !important;
}

.bg-secondary,
.bg-success {
	background-color: var(--color-accent) !important;
}

.text-secondary,
.text-success {
	color: var(--color-accent) !important;
}

.btn-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.btn-primary:hover {
	background-color: #0d5a98;
	border-color: #0d5a98;
}

.btn-success {
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	color: white;
}

.btn-success:hover {
	background-color: #3f9a3d;
	border-color: #3f9a3d;
	color: white;
}

.btn-dark {
	background-color: var(--color-dark);
	border-color: var(--color-dark);
}

.btn-dark:hover {
	background-color: #3a3a3a;
	border-color: #3a3a3a;
}

.no-hover:hover {
	background-color: inherit;
	color: inherit;
	cursor: pointer;
	box-shadow: none;
}

.makerCard {
	background-size: cover;
	background-position: center;
	background-image: url(../assets/makerShade.png);
  background-image: image-set(url(../assets/makerShade.png.webp) type("image/webp"), url(../assets/makerShade.png) type("image/png"));
}

.nav-item-one,
.navbar .nav-link {
	color: white;
}

.nav-item-one:hover,
.navbar .nav-link:hover {
	background-color: transparent;
	color: white;
}

.nav-item-one:visited,
.navbar .nav-link:link,
.navbar .nav-link:hover,
.navbar .nav-link:visited {
	color: white;
}

.cursor-pointer {
	cursor: pointer;
}

@media (max-width: 1024px) {
	#desktop {
		display: none;
	}
}

@media (min-width: 1025px) {
	#mobile {
		display: none;
	}
}

/* Colors */
.vivid-burgundy {
	background-color: var(--color-primary);
}

.burgundy {
	color: var(--color-primary);
}