/* Custom variables and BS overrides */

:root {
	--mt-color-white: #fff;
	--mt-color-black: #221f20;
	--mt-color-red: #d50037;
	--mt-color-med-red: #990028;
	--mt-color-dark-red: #71001d;
	--mt-color-purple: #621244;
	--mt-color-teal: #00aea8;
	--mt-color-orange: #ee7623;
	--mt-color-grey: #dddedf;
	--mt-color-med-grey: #b1b2b3;
	--mt-color-light-grey: #f3f3f3;

	--mt-color-nav-link: var(--mt-color-purple);

	--mt-font-hdg: futura-pt, sans-serif;
	--mt-font-default: open-sans, sans-serif;
	--mt-font-size-small: 0.625rem;

	--mt-border-radius: 0.75rem;
	--mt-border-radius-input: 0.1875rem;
	--mt-border-radius-btn: 0.3125rem;

	--mt-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);

	/* Box padding */
	--mt-box-padding: 2rem;

	--mt-duration: 0.25s;

	--mt-form-radio-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23621244'/%3e%3c/svg%3e");
	--mt-form-checkbox-bg-img: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22icons%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M11.4306%202.91669L11.8876%203.33216L5.29565%2010.5833L4.83862%2010.1678L11.4306%202.91669Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M1.75%207.05881L2.18674%206.62207L5.71172%2010.147L5.27498%2010.5838L1.75%207.05881Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');

	--mt-bg1: url('/media/mpclo/images/mpc/template/backgrounds/bg1.jpg') no-repeat center/cover;
	--mt-bg2: url('/media/mpclo/images/mpc/template/backgrounds/bg2.jpg') no-repeat center/cover;
	--mt-bg3: url('/media/mpclo/images/mpc/template/backgrounds/bg3.jpg') no-repeat center/cover;

	/* Based on BS Defaults */
	--mt-bp-sm: 576px;
	--mt-bp-md: 768px;
	--mt-bp-lg: 992px;
	--mt-bp-xl: 1200px;
	--mt-bp-xxl: 1400px;

	/*  */
	/* Bootstrap Overrides */
	--bs-body-font-family: var(--mt-font-default);
	--bs-border-color: var(--mt-color-purple);
}

/* Nav-pills */
.nav-pills {
	--bs-nav-pills-border-radius: var(--mt-border-radius-btn);
}

/* Buttons */
.btn {
	--bs-btn-padding-y: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: var(--mt-border-radius-btn);
	border-width: 2px;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1;
}

.btn-primary {
	--bs-btn-color: var(--mt-color-white);
	--bs-btn-bg: var(--mt-color-purple);
	--bs-btn-border-color: var(--mt-color-purple);
	--bs-btn-hover-color: var(--mt-color-purple);
	--bs-btn-hover-bg: var(--mt-color-white);
	--bs-btn-hover-border-color: var(--mt-color-purple);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--mt-color-purple);
	--bs-btn-active-bg: var(--mt-color-white);
	--bs-btn-active-border-color: var(--mt-color-purple);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mt-color-grey);
	--bs-btn-disabled-border-color: var(--mt-color-grey);
}
.btn-outline-primary {
	--bs-btn-color: var(--mt-color-purple);
	--bs-btn-bg: var(--mt-color-white);
	--bs-btn-border-color: var(--mt-color-purple);
	--bs-btn-hover-color: var(--mt-color-purple);
	--bs-btn-hover-bg: var(--mt-color-white);
	--bs-btn-hover-border-color: var(--mt-color-purple);
	--bs-btn-active-color: var(--mt-color-purple);
	--bs-btn-active-bg: var(--mt-color-white);
	--bs-btn-active-border-color: var(--mt-color-purple);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mt-color-grey);
	--bs-btn-disabled-border-color: var(--mt-color-grey);
}

.btn-secondary {
	--bs-btn-color: var(--mt-color-white);
	--bs-btn-bg: var(--mt-color-red);
	--bs-btn-border-color: var(--mt-color-red);
	--bs-btn-hover-color: var(--mt-color-red);
	--bs-btn-hover-bg: var(--mt-color-white);
	--bs-btn-hover-border-color: var(--mt-color-red);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--mt-color-red);
	--bs-btn-active-bg: var(--mt-color-white);
	--bs-btn-active-border-color: var(--mt-color-red);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mt-color-grey);
	--bs-btn-disabled-border-color: var(--mt-color-grey);
}
.btn-outline-secondary {
	--bs-btn-color: var(--mt-color-red);
	--bs-btn-bg: var(--mt-color-white);
	--bs-btn-border-color: var(--mt-color-red);
	--bs-btn-hover-color: var(--mt-color-red);
	--bs-btn-hover-bg: var(--mt-color-white);
	--bs-btn-hover-border-color: var(--mt-color-red);
	--bs-btn-active-color: var(--mt-color-red);
	--bs-btn-active-bg: var(--mt-color-white);
	--bs-btn-active-border-color: var(--mt-color-red);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mt-color-grey);
	--bs-btn-disabled-border-color: var(--mt-color-grey);
}

.btn-light {
	--bs-btn-color: var(--mt-color-black);
	--bs-btn-bg: var(--mt-color-white);
	--bs-btn-border-color: var(--mt-color-white);
	--bs-btn-hover-color: var(--mt-color-red);
	--bs-btn-hover-bg: var(--mt-color-white);
	--bs-btn-hover-border-color: var(--mt-color-white);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--mt-color-red);
	--bs-btn-active-bg: var(--mt-color-white);
	--bs-btn-active-border-color: var(--mt-color-white);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mt-color-grey);
	--bs-btn-disabled-border-color: var(--mt-color-grey);
}
.btn-light.red {
	--bs-btn-color: var(--mt-color-red);
}

/* Accordion defaults */
.accordion {
	--bs-accordion-active-bg: transparent;
	--bs-accordion-bg: transparent;
	--bs-accordion-border-color: transparent;
	--bs-accordion-active-color: var(--mt-color-black);
	--bs-accordion-btn-color: var(--mt-color-black);
}