@font-face {
	font-family: "Vintage Stylist";
	src:
		url("/webfonts/vintage_stylist-webfont.woff2") format("woff2"),
		url("/webfonts/vintage_stylist-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Vintage Stylist Ligatures";
	src:
		url("/webfonts/vintage_stylist_ligatures-webfont.woff2") format("woff2"),
		url("/webfonts/vintage_stylist_ligatures-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Vintage Stylist Alternates";
	src:
		url("/webfonts/vintage_stylist_alternates-webfont.woff2") format("woff2"),
		url("/webfonts/vintage_stylist_alternates-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.main-sidebar {
	position: fixed;
	top: 0;
	background-color: transparent;
}

.font-vintage-stylist {
	font-family: "Vintage Stylist";
}

.font-vintage-stylist-l {
	font-family: "Vintage Stylist Ligatures";
}

.font-vintage-stylist-a {
	font-family: "Vintage Stylist Alternates";
}

.text-purple {
	color: #8367a3 !important;
}

.bg-purple {
	background-color: #8367a3 !important;
}

.bg-light-purple {
	background-color: #9b84b3;
}

.bg-lavender {
	background-color: #ecd7f5 !important;
}

.bg-purple-gradient {
	background-image: linear-gradient(#9b84b3, #483759);
}

.bg-white-purple-gradient {
	background-image: linear-gradient(#ffffff, #483759);
}

.bg-purple.flower-left>img,
.bg-light-purple.flower-left>img,
.bg-lavender.flower-left>img,
.bg-purple-gradient.flower-left>img,
.bg-white-purple-gradient.flower-left>img,
.bg-purple.flower-right>img,
.bg-light-purple.flower-right>img,
.bg-lavender.flower-right>img,
.bg-purple-gradient.flower-right>img,
.bg-white-purple-gradient.flower-right>img {
	position: fixed;
	bottom: 0;
	max-height: 100%;
	width: inherit;
	max-width: 300px;
}

.bg-purple.flower-left>img,
.bg-light-purple.flower-left>img,
.bg-lavender.flower-left>img,
.bg-purple-gradient.flower-left>img,
.bg-white-purple-gradient.flower-left>img {
	left: 0;
}

.bg-purple.flower-right>img,
.bg-light-purple.flower-right>img,
.bg-lavender.flower-right>img,
.bg-purple-gradient.flower-right>img,
.bg-white-purple-gradient.flower-right>img {
	right: 0;
}

a:not(.nav-link):not(.dropdown-item) {
	color: #9787a8;
}

a:not(.nav-link):not(.dropdown-item):hover {
	color: #8367a3;
}

button.border-0:focus {
	outline: 0 !important;
}

h1.responsive-text,
.h1.responsive-text {
	font-size: 5rem;
}

@media (min-width: 992px) {

	h1.responsive-text,
	.h1.responsive-text {
		font-size: 2.5rem;
	}
}

h2.responsive-text,
.h2.responsive-text {
	font-size: 4rem;
}

@media (min-width: 992px) {

	h2.responsive-text,
	.h2.responsive-text {
		font-size: 2rem;
	}
}

h3.responsive-text,
.h3.responsive-text {
	font-size: 3rem;
}

@media (min-width: 992px) {

	h3.responsive-text,
	.h3.responsive-text {
		font-size: 1.75rem;
	}
}

h4.responsive-text,
.h4.responsive-text {
	font-size: 2.5rem;
}

@media (min-width: 992px) {

	h4.responsive-text,
	.h4.responsive-text {
		font-size: 1.5rem;
	}
}

h5.responsive-text,
.h5.responsive-text {
	font-size: 2.25rem;
}

@media (min-width: 992px) {

	h5.responsive-text,
	.h5.responsive-text {
		font-size: 1.25rem;
	}
}

div.responsive-text,
p.responsive-text,
ul.responsive-text,
.input-group-text.responsive-text,
.form-control.responsive-text {
	font-size: 2rem;
}

@media (min-width: 992px) {

	div.responsive-text,
	p.responsive-text,
	ul.responsive-text,
	.input-group-text.responsive-text,
	.form-control.responsive-text {
		font-size: 1rem;
	}
}

.fa-flip.flip-slow {
	--fa-animation-duration: 4s;
}

li.nav-item.active>.nav-link {
	color: rgba(255, 255, 255, .75);
}

a.nav-link.custom-nav-link {
	color: rgba(255, 255, 255, .5);
}

a.nav-link.custom-nav-link:hover,
a.nav-link.custom-nav-link:focus {
	color: rgba(255, 255, 255, .75);
}

a.nav-link.custom-nav-link.disabled {
	color: rgba(255, 255, 255, .25);
}

.btn.btn-primary,
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.form-check-input:checked {
	color: #fff;
	background-color: #483759;
	border-color: #483759;
}

.btn.btn-secondary,
.btn.btn-primary:hover,
.btn.btn-primary:active {
	color: #fff;
	background-color: #9b84b3;
	border-color: #9b84b3;
}

.form-check-input:focus {
	border-color: #483759;
	box-shadow: 0 0 0 .25rem rgba(72, 55, 89, .25);
}

.alert.alert-primary {
	color: #fff;
	background-color: #9b84b3;
	border-color: #483759;
}

.alert.alert-primary a {
	color: #fff;
}

input.form-control:focus,
select.form-select:focus {
	border-color: #483759;
	box-shadow: 0 0 0 .25rem rgba(72, 55, 89, .25);
}

.input-group>.rounded-left-border:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: 0px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.toast.custom-toast {
	background-color: #fff;
}

.toast.custom-toast>.toast-header {
	color: #fff;
	background-color: #9b84b3;
}