/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Mks link dark bg link (:hover) **/
.mks-link-dark-bg a:hover {
	color: rgb(204, 204, 204) !important;
}

/** General >> Label **/
.ff-el-input--label label {
	color: rgb(0, 0, 0) !important;
}

/** General >> Ff btn secondary (#1) **/
.ff-btn-secondary {
	font: inherit !important;
	color: #ffffff !important;
	text-align: center !important;
	text-transform: none !important;
	word-wrap: break-word !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	background-color: #000000 !important;
	box-sizing: border-box !important;
	padding: 8px 20px 8px 20px !important;
	margin: 0 !important;
	border: 1px solid transparent !important;
	border-radius: 7px !important;
	position: relative !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: inline-block !important;
	overflow: visible !important;
	cursor: pointer !important;
	appearance: button !important;
	line-height: 24px !important;
	outline: none !important;
	-webkit-transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
	transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
	user-select: none !important;
}

/** General >> Ff el progress bar **/
.ff-el-progress-bar {
	background-color: rgb(134, 164, 212) !important;
}

/** General >> Link **/
.mks--header-btn a {
	font-family: -apple-system, "system-ui", "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	color: #121212 !important;
	font-size: 18px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-decoration: none solid rgb(18, 18, 18) !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	word-wrap: break-word !important;
	background: #f6f9fc !important;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.5em 1em 0.5em 1em !important;
	border-radius: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
	--btn-background: #fff !important;
	--btn-background-hover: #86a4d4 !important;
	--btn-border-color: #fff !important;
	--btn-border-color-hover: #000 !important;
	--btn-outline-background-hover: #fff !important;
	--btn-outline-border-hover: #fff !important;
	--btn-outline-text-color: #fff !important;
	--btn-outline-text-color-hover: #ecf1f8 !important;
	--btn-text-color: #000 !important;
	--btn-text-color-hover: #fff !important;
	--focus-color: #658ac7 !important;
	border: ;
	min-inline-size: 200px !important;
	outline: none !important;
	padding-block: 13.5px !important;
	padding-inline: 27px !important;
}

/** General >> Menu primary menu **/
#menu-primary-menu {
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Link (:hover) **/
#menu-primary-menu a:hover {
	color: rgb(169, 169, 169) !important;
	font-weight: bold !important;
	-webkit-transition: 250ms ease-in !important;
	transition: 250ms ease-in !important;
}