/*
--------------------------------
Theme Name:	Ludovic Pinette
Author: Mat Martin Studio
Sheet: Complianz Overrides
--------------------------------
*/

/*Banner*/

.cmplz-cookiebanner {
	display: flex !important;
	max-width: 468px !important;
	min-width: unset !important;
	grid-row-gap: unset !important;
	flex-direction: column;
	bottom: 24px !important;
	right: unset !important;
	left: 24px !important;
	top: unset !important;
	-webkit-transform: unset !important;
	        transform: unset !important;
	padding: 16px 32px 24px !important;
	text-align: left !important;
	font-family: 'europa', sans-serif !important;
	font-weight: 300 !important;
	font-size: .833rem !important;
	border-radius: 0 !important;
	background-color: #EEEEEE !important;
	color: #434343 !important;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
}

.cmplz-cookiebanner.cmplz-dismissed {
	display: none !important;
}

.cmplz-cookiebanner .cmplz-header {
	display: flex !important;
	justify-content: space-between;
	align-items: flex-start !important;
	-ms-grid-columns: unset !important;
	grid-template-columns: unset !important;
	grid-column: unset !important;
	margin-bottom: 8px;
}

.cmplz-logo {
	display: none;
}

.cmplz-cookiebanner .cmplz-title {
	font-family: 'europa', sans-serif !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	text-align: left;
	font-size: 1rem !important;
	color: #626262 !important;
}

.cmplz-cookiebanner .cmplz-close,
.cmplz-cookiebanner .cmplz-close svg {
	display: none !important;
}

.cmplz-cookiebanner .cmplz-close {
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px !important;
	height: 16px !important;
	margin-top: 4px;
	transition: all 0.4s ease-in 0s;
}

.cmplz-cookiebanner .cmplz-close:hover {
	opacity: .7;
}

.cmplz-cookiebanner .cmplz-message, 
.cmplz-cookiebanner .cmplz-categories {
	width: 100%;
	grid-column: unset;
}

/*Manage Consent Tab*/

#cmplz-manage-consent .cmplz-manage-consent {
	background-color: #EEEEEE !important;
	padding: .5rem 2rem 0.25rem 2rem !important;
	text-transform: uppercase !important;
	font-family: 'europa', sans-serif !important;
	font-weight: 400 !important;
	font-size: .833rem !important;
	border-radius: 3px 3px 0 0 !important;
	background-color: #EEEEEE !important;
	border-bottom: none !important;
	color: #434343 !important;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
	right: unset !important;
	left: 24px !important;
	margin-bottom: 12px;
}

/*Options Banner*/

.cmplz-cookiebanner .cmplz-categories {
	grid-column: unset !important;
	width: 100%;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background-color: #FFFFFF !important;
	border-radius: 3px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
	font-family: 'europa', sans-serif !important;
	font-weight: 400 !important;
	font-size: .833rem !important;
	text-transform: uppercase;
	color: #434343 !important;
}

.cmplz-cookiebanner .cmplz-icon.cmplz-open svg path {
	fill: #434343;
}

.cmplz-cookiebanner .cmplz-buttons {
	gap: 6px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	border-radius: 0 !important;
	font-family: 'europa', sans-serif !important;
	font-weight: 400 !important;
	font-size: .833rem !important;
	color: #88A2AA !important;
	background-color: transparent !important;
	border: 1px solid #88A2AA !important;
	text-transform: uppercase;
	padding: 8px 16px !important;
	height: 38px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
	background-color: #88A2AA !important;
	color: #EEEEEE !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	background-color: #88A2AA !important;
	color: #EEEEEE !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	color: #88A2AA !important;
	background-color: transparent !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	color: #434343 !important;
	font-size: .833rem !important;
	font-weight: 300 !important;
}

.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-message p {
	font-family: 'europa', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem;
	padding: 4px 0 16px !important;
	margin-bottom: 0 !important;
	color: #434343 !important;
	line-height: 1.25;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
	padding: 12px 28px 12px 16px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	font-size: .833rem !important;
	font-weight: 400 !important;
	padding: 12px 28px 12px 16px !important;
	color: #434343 !important;;
	line-height: 1.25;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
	display: none;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label .screen-reader-text {
	display: none;
}

.cmplz-cookiebanner .cmplz-body {
	margin-bottom: 8px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
	background-color: #88A2AA !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
	background-color: #E9E3E3 !important;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb {
	background-color: rgb(56,56,56,.5) !important;
}

/*
------------------
Media Queries
------------------
*/

@media only screen and (max-width: 768px) {

	#cmplz-manage-consent .cmplz-manage-consent,
	.cmplz-cookiebanner {
		width: 100% !important;
		max-width: unset !important;
		padding: 24px 28px !important;
		left: unset !important;
		bottom: 0 !important;
		border-radius: 0 !important;
	}
}