@charset "UTF-8";

/* CCFM BLEX CSS Document */

:root {
	--bs-primary: #e74e3d;
	--bs-primary-rgb: 231, 78, 61;
	--bs-light-primary: #ec7669;
	--bs-light-primary-rgb: 236, 118, 105;
	--bs-extralight-primary: #F0E8DD;
	--bs-extralight-primary-rgb:rgb(240, 232, 221);
	--bs-secondary: #551D28;
	--bs-secondary-rgb: 102, 26, 43;
	--bs-light-secondary: #5e202c;
	--bs-light-secondary-rgb: 142, 36, 59;
	--bs-font-sans-serif: 'Montserrat', Arial, sans-serif;
	--bs-font-secondary: 'Playfair';
	--bs-font-monospace: monospace;
	--bs-gradient: linear-gradient(to right, var(--bs-primary) 0%,var(--bs-light-primary) 75%);
	--bs-gradient-vertical: linear-gradient(to bottom, var(--bs-primary) 0%,var(--bs-light-primary) 75%);
	--bs-gradient-vertical-opacity: linear-gradient(to bottom, rgba(var(--bs-primary-rgb), .85) 0%,rgba(var(--bs-light-primary-rgb), .85) 75%);
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: var(--bs-secondary);
	--bs-body-bg: var(--bs-white);
	--bs-body-color-rgb: var(--bs-secondary-rgb);
	--bs-body-bg-rgb: var(--bs-white-rgb);
	--bs-text: var(--bs-body-color);
}

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke: var(--bs-white) !important;
}

.form-check-input:checked {
	background-color: transparent;
	border-color: var(--bs-body-color);
}

.form-check-input:focus {
	border-color: var(--bs-light-primary);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.25);
}

.btn-third{
    background-color: transparent;
    border-color: var(--bs-secondary);
    color: var(--bs-secondary);
    -webkit-box-shadow: 0px 0px 0px 0px var(--bs-secondary);
    -moz-box-shadow: 0px 0px 0px 0px var(--bs-secondary);
    box-shadow: 0px 0px 0px 0px var(--bs-secondary);
    transition: all cubic-bezier(0.36, 0, 0.66, -0.56) .3s;
}
.btn-third:hover,
.btn-third:focus,
.btn-check:checked+.btn-third,
.btn-third.active{
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    -moz-box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    color: var(--bs-secondary);
}

.btn-third-outline{
    background-color: transparent;
    border-color: var(--bs-extralight-primary);
    color: var(--bs-extralight-primary);
    -webkit-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    -moz-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    transition: all cubic-bezier(0.36, 0, 0.66, -0.56) .3s;
}

.btn-third-secondary-outline{
    background-color: var(--bs-secondary);
    border-color: transparent;
    color: var(--bs-extralight-primary);
    -webkit-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    -moz-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    transition: all cubic-bezier(0.36, 0, 0.66, -0.56) .3s;
}

.btn-third-red-outline{
    background-color: var(--bs-primary);
    border-color: transparent;
    color: var(--bs-extralight-primary);
    -webkit-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    -moz-box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    box-shadow: 0px 0px 0px 0px var(--bs-extralight-primary);
    transition: all cubic-bezier(0.36, 0, 0.66, -0.56) .3s;
}

/* .btn-third-red-outline:active{
    background-color: white;
    transition: all cubic-bezier(0.36, 0, 0.66, -0.56) .3s;
} */

.btn-third-outline:hover,
.btn-third-outline:focus,
.btn-check:checked+.btn-third-outline,
.btn-third-outline.active, .btn-third-red-outline:hover,
.btn-third-red-outline:focus,
.btn-check:checked+.btn-third-red-outline,
.btn-third-red-outline.active{
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 0px 0px var(--bs-extralight-primary);
    -moz-box-shadow: 3px 3px 0px 0px var(--bs-extralight-primary);
    box-shadow: 3px 3px 0px 0px var(--bs-extralight-primary);
    color: var(--bs-extralight-primary);
}

.btn-third-secondary-outline:hover,
.btn-third-secondary-outline:focus,
.btn-check:checked+.btn-third-secondary-outline,
.btn-third-secondary-outline.active {
	transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    -moz-box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    box-shadow: 3px 3px 0px 0px var(--bs-secondary);
    color: var(--bs-extralight-primary);
}