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

* {
	font-family: 'Nunito Sans', sans-serif;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "candara", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-family: "candara", sans-serif;
	font-weight: 400;
	font-style: normal;
}

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

.text-primary {
	color: #7b62ad;
}

.bg-primary {
	background-color: #7b62ad;
}

.text-secondary {
	color: #b9a5e1;
}

.bg-secondary {
	background-color: #b9a5e1;
}

.bg-muted-dark {
	background-color: #ded3f5;
}

.bg-muted-light {
	background-color: #ECE7F6;
}

/* ============ FORMS ============ */

input:focus {
	outline: none !important;
	border: 1px solid #B7AAFD !important;
}

textarea:focus {
	outline: none !important;
	border: 1px solid #B7AAFD !important;
}

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

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
	background-color: #7b62ad !important;
	color: white !important;
	padding: 8px 35px !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background-color 0.3s ease-in-out !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button:hover {
	background-color: #b9a5e1 !important;
	outline: none !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	background-color: #7b62ad !important;
	color: white !important;
	padding: 8px 35px !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background-color 0.3s ease-in-out !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
	background-color: #b9a5e1 !important;
	outline: none !important;
}

.ff-default .ff_btn_style {
	background-color: #7b62ad !important;
	color: white !important;
	padding: 8px 35px !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: background-color 0.3s ease-in-out !important;
}

.ff-default .ff_btn_style:hover {
	background-color: #b9a5e1 !important;
	outline: none !important;
}

.btn-primary {
	background-color: #7b62ad;
	color: white;
	padding: 8px 35px !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.btn-primary:hover {
	background-color: #b9a5e1;
	outline: none;
}

.btn-secondary {
	background-color: #B7AAFD;
	color: white;
	padding: 8px 35px;
	font-size: 16px;
	border: none;
	border-radius: 25px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.btn-secondary:hover {
	background-color: #7b62ad;
	outline: none;
}

.btn-select {
	background-color: transparent;
	color: #7b62ad;
	padding: 8px 35px;
	font-size: 16px;
	border: 1px solid #7b62ad;
	border-radius: 25px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.btn-select:hover {
	background-color: #b9a5e1;
	outline: none;
	color: #ffffff;
}

.btn-select-active {
	background-color: #7b62ad;
	color: white;
	padding: 8px 35px !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.btn-select-active:hover {
	background-color: #b9a5e1;
	outline: none;
}


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

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

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