/* wrapper */
body #ccc {
	height: 0;
	position: static;
	width: 0;
}

body #ccc h2,
body #ccc h3 {
	font-family: aileron, sans-serif !important;
}

/* overlay */
body #ccc-overlay {
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

/* close icon */
body #ccc-close {
	display: none;
}

/* content wrapper */
body #ccc-module {
	bottom: 0;
	height: 100%;
	left: 0;
	padding-top: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

@media (min-width: 480px) {
	/* content wrapper */
	body #ccc-module {
		padding-top: 20vh;
	}
}

/* content */
body #ccc .ccc-module--popup #ccc-content {
	height: auto;
	margin: 0 auto;
	max-height: none;
	max-width: 664px;
	position: static;
	transform: none;
	width: 100%;
}

/* content */
body #ccc-content {
	padding: 24px;
}

@media (min-width: 480px) {
	/* content */
	body #ccc-content {
		padding: 48px 32px 32px 32px;
	}
}

/* panel */
body .ccc-panel {
	position: static;
}

/* title */
body .ccc-panel #ccc-title {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

@media (min-width: 480px) {
	/* title */
	body .ccc-panel #ccc-title {
		font-size: 24px;
		line-height: 28px;
	}
}

/* intro */

body #ccc-intro {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

@media (min-width: 480px) {
	/* intro */
	body #ccc-intro {
		font-size: 22px;
		line-height: 25px;
	}
}

/* button wrapper */
body #ccc #ccc-button-holder {
	padding-top: 6px;
}

/* buttons */
body #ccc #ccc-button-holder #ccc-recommended-settings,
body #ccc #ccc-button-holder #ccc-reject-settings {
	background: #ff474a;
	border: 3px solid #ff474a;
	border-radius: 50px;
	color: #fff;
	margin: 0 8px 0 0;
	padding: 14px 23px !important;
	transition: all 0.2s ease;
	width: 100%;
}

body #ccc #ccc-button-holder #ccc-recommended-settings {
	margin-bottom: 16px;
}

body #ccc #ccc-button-holder #ccc-reject-settings {
	background: #fff;
	border: 3px solid #ff474a;
	color: #ff474a;
}

@media (min-width: 480px) {
	/* buttons */
	body #ccc #ccc-button-holder #ccc-recommended-settings,
	body #ccc #ccc-button-holder #ccc-reject-settings {
		margin-bottom: 0;
		width: auto;
	}
}

/* buttons labels */
body #ccc #ccc-button-holder #ccc-recommended-settings span,
body #ccc #ccc-button-holder #ccc-reject-settings span {
	background: none;
	border: none;
	color: #fff;
	font-family: var(--teft-heading-font-family) !important;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}

body #ccc #ccc-button-holder #ccc-reject-settings span {
	color: #ff474a;
}

/* buttons hover */
body #ccc #ccc-button-holder #ccc-recommended-settings:hover {
	background: #fff;
}

body #ccc #ccc-button-holder #ccc-reject-settings:hover {
	background: #ff474a;
}

body #ccc #ccc-button-holder #ccc-recommended-settings:hover span {
	color: #ff474a;
}

body #ccc #ccc-button-holder #ccc-reject-settings:hover span {
	color: #fff;
}

/* cookie title */
body #ccc h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
}

@media (min-width: 480px) {
	/* cookie title */
	body #ccc h3 {
		font-size: 24px;
		line-height: 28px;
	}
}

/* cookie description */
body #ccc p {
	font-family: "Crimson Text", serif !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

@media (min-width: 480px) {
	/* cookie description */
	body #ccc p {
		font-size: 18px;
		font-weight: 500;
		line-height: 21px;
	}
}

/* global hr */
body #ccc hr {
	border: 1px solid #ccc;
	height: 1px;
	margin: 24px 0;
}

@media (min-width: 480px) {
	/* global hr */
	body #ccc hr {
		margin: 32px 0;
	}
}

/* marketing hr */
body .optional-cookie:last-of-type hr {
	display: none;
}

/* marketing p */
body .optional-cookie:last-of-type p {
	margin-bottom: 0;
}

/* checkbox wrapper */
body #ccc .checkbox-toggle--slider {
	background: #e4e4e4;
	border: none;
	top: 2px;
}

@media (min-width: 480px) {
	/* checkbox toggle */
	body #ccc .checkbox-toggle--slider {
		top: 0;
	}
}

body #ccc .checkbox-toggle--slider.checked {
	background-color: #ff474a !important;
}

/* checkbox toggle */
body #ccc .checkbox-toggle--slider .checkbox-toggle-toggle {
	background: #666;
	height: 22px;
	left: 4px;
	top: 3px;
	width: 22px;
}

/* checkbox toggle checked */
body #ccc .checkbox-toggle--slider input:checked ~ .checkbox-toggle-toggle {
	background: #fff;
	left: calc(100% - 25px);
}

body #ccc .checkbox-toggle--slider input ~ .checkbox-toggle-on {
	display: none;
}

body #ccc .checkbox-toggle--slider input ~ .checkbox-toggle-off {
	color: #666 !important;
	display: flex;
	padding-left: 35px;
	padding-right: 15px;
}

body #ccc .checkbox-toggle--slider input:checked ~ .checkbox-toggle-on {
	background-color: #ff474a;
	border-radius: 20px;
	color: #fff;
	display: flex;
	padding-left: 15px;
	padding-right: 35px;
}

body #ccc .checkbox-toggle--slider input:checked ~ .checkbox-toggle-off {
	display: none;
}

/* checkbox toggle on */
body #ccc .checkbox-toggle--slider .checkbox-toggle-on {
	font-size: 16px;
	line-height: 28px;
	min-width: none;
	padding: 0;
	width: auto;
}

/* checkbox toggle off */
body #ccc .checkbox-toggle--slider .checkbox-toggle-off {
	font-size: 16px;
	line-height: 28px;
	min-width: none;
	padding: 0;
	width: auto;
}