/* =================== FONTS =================== */

* {
	font-family: "scandia-web", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-semibold {
	font-weight: 500;
}

.font-bold {
	font-weight: 700;
}

/* =================== COLORS =================== */

.text-primary {
	color: #38197a;
}

.bg-primary {
	background-color: #38197a;
}

/* =================== BUTTONS =================== */

.ff-default .ff_btn_style {
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: #38197a !important;
	color: #ffffff !important;
	padding: 10px 35px !important;
	transition: 0.3s ease-in-out !important;
	border: 1px solid #38197a !important;
	border-radius: 0px !important;
}

.btn-primary {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: #38197a;
	color: #ffffff;
	padding: 10px 35px;
	transition: 0.3s ease-in-out;
	border: 1px solid #38197a;
}

.btn-primary:hover {
	background-color: #ffffff;
	color: #38197a;
}

.btn-secondary {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: #ffffff;
	color: #38197a;
	padding: 10px 35px;
	transition: 0.3s ease-in-out;
	border: 1px solid #38197a;
}

.btn-secondary:hover {
	background-color: #38197a;
	color: #ffffff;
}

/* =================== LINKS =================== */

.link-header {
	color: #000000;
	text-decoration: none;
	background-image: linear-gradient(#000000, #000000);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 100%;
	background-repeat: no-repeat;
	transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
	background-size: 100% 0.1em;
	background-position-x: 0%;
}