@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-lavender {
	background-color: #ecd7f5 !important;
}

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

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

.bg-purple-gradient.flower-left>img {
	left: 0;
}

.bg-purple-gradient.flower-right>img {
	right: 0;
}

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

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

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

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);
}