/*--------------------------------------------------*/
/*	OVERRIDE
/*--------------------------------------------------*/

.locale .formulate.switch input ~ label {
	width: 88px;
	margin-right: 0 !important;

	border: 1px solid #B5B5B5 !important;
	border-radius: 8px;
}

.locale .formulate.switch input ~ label,
.locale .formulate.switch input:checked ~ label {
	background: var(--mk-gray-light);
}

/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

.locale .formulate.switch input ~ label:after {
	width: 40px;
	border-radius: 4px;

	background-repeat: no-repeat;

	-webkit-background-position: center;
	   -moz-background-position: center;
	    -ms-background-position: center;
	     -o-background-position: center;
	        background-position: center;

	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.locale .formulate.switch input:checked ~ label:after {
	-webkit-transform: translateX(40px);
	   -moz-transform: translateX(40px);
	    -ms-transform: translateX(40px);
	     -o-transform: translateX(40px);
	        transform: translateX(40px);
}

.locale .en,
.locale .fr {
	display: none;
}

.locale .formulate.switch input ~ label:after {
	background-image: url("/locale/fr_CA/flag");
}

.locale .formulate.switch input:checked ~ label:after {
	background-image: url("/locale/en_CA/flag");
}