/*
 * TermsFeed cookie banner + preferences centre in the Depoorter look (style.less: Open Sans,
 * text #545454, accent #40516f, square uppercase buttons).
 * Hand-written, not compiled: TermsFeed injects its own CSS after ours, so every rule is scoped
 * to TermsFeed's ids to win on specificity. Accept and reject stay visually equal (GDPR).
 */

/* ---------- Banner ---------- */
#termsfeed-com---nb {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #545454;
	background-color: #fff;
	border-top: 3px solid #40516f;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	max-width: 480px;
	height: auto;
}

#termsfeed-com---nb .cc-nb-main-container {
	padding: 30px;
}

#termsfeed-com---nb .cc-nb-title {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 900;
	text-transform: uppercase;
	color: #545454;
	margin: 0 0 12px;
}

#termsfeed-com---nb .cc-nb-text {
	font-size: 13px;
	line-height: 20px;
	color: #545454;
	margin: 0 0 20px;
}

#termsfeed-com---nb .cc-nb-text a {
	color: #40516f;
	text-decoration: underline;
}

#termsfeed-com---nb .cc-nb-buttons-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

#termsfeed-com---nb .cc-nb-buttons-container button {
	margin: 0;
}

/* accept + reject: identical (newsletter .button style) */
#termsfeed-com---nb .cc-nb-okagree,
#termsfeed-com---nb .cc-nb-reject,
#termsfeed-com---preferences-center .cc-cp-foot-save {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	background-color: #545454;
	border: 0;
	border-radius: 0;
	padding: 12px 22px;
	transition: background-color 0.3s ease;
}

#termsfeed-com---nb .cc-nb-okagree:hover,
#termsfeed-com---nb .cc-nb-reject:hover,
#termsfeed-com---preferences-center .cc-cp-foot-save:hover {
	color: #fff;
	background-color: #40516f;
}

/* preferences: text link with the site's arrow (.more) */
#termsfeed-com---nb .cc-nb-changep {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
	color: #545454;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0 26px 0 0;
	position: relative;
}

#termsfeed-com---nb .cc-nb-changep:after {
	content: "\e605";
	font-family: 'icons';
	font-size: 10px;
	position: absolute;
	margin-left: 10px;
	transition: margin-left 0.3s ease;
}

#termsfeed-com---nb .cc-nb-changep:hover {
	color: #40516f;
}

#termsfeed-com---nb .cc-nb-changep:hover:after {
	margin-left: 16px;
}

/* the site sets outline:none on *, so give the dialogs a visible focus of their own */
#termsfeed-com---nb button:focus-visible,
#termsfeed-com---nb a:focus-visible,
#termsfeed-com---preferences-center button:focus-visible,
#termsfeed-com---preferences-center select:focus-visible,
#termsfeed-com---preferences-center a:focus-visible,
#termsfeed-com---preferences-center input[type=checkbox].cc-custom-checkbox:focus-visible + label:before {
	outline: 2px solid #40516f;
	outline-offset: 2px;
	box-shadow: none;
}

/* ---------- Preferences centre ---------- */
#termsfeed-com---preferences-center,
#termsfeed-com---preferences-center .cc-cp-body-tabs {
	font-family: "Open Sans", sans-serif !important;
}

#termsfeed-com---preferences-center .termsfeed-com---pc-dialog .cc-pc-container {
	color: #545454;
	background: #fff;
	border-radius: 0;
	border-top: 3px solid #40516f;
}

#termsfeed-com---preferences-center .cc-pc-head {
	color: #545454;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

#termsfeed-com---preferences-center .cc-pc-head-title-headline,
#termsfeed-com---preferences-center .cc-cp-body-content-entry-title {
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #545454;
}

#termsfeed-com---preferences-center .cc-pc-head-title-headline {
	font-size: 16px;
}

#termsfeed-com---preferences-center .cc-cp-body-content-entry-title {
	font-size: 14px;
}

#termsfeed-com---preferences-center.termsfeed-com---pc-overlay {
	background: rgba(0, 0, 0, 0.5);
}

#termsfeed-com---preferences-center .cc-pc-head-close,
#termsfeed-com---preferences-center .cc-pc-head-close:active,
#termsfeed-com---preferences-center .cc-pc-head-close:focus {
	color: #545454;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#termsfeed-com---preferences-center .cc-pc-head-close:hover {
	color: #40516f;
}

#termsfeed-com---preferences-center .cc-pc-head-lang select {
	color: #545454;
	border: 1px solid #545454;
	border-radius: 0;
}

#termsfeed-com---preferences-center .cc-cp-body,
#termsfeed-com---preferences-center .cc-cp-body-content {
	color: #545454;
	background: #fff;
}

#termsfeed-com---preferences-center .cc-cp-body-tabs,
#termsfeed-com---preferences-center .cc-cp-body-tabs-item {
	background: #ededed;
	border-color: #dcdcdc;
}

#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	color: #545454;
	background: #ededed;
	border-radius: 0;
}

#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link:hover {
	color: #40516f;
	background: #f6f6f6;
}

/* TermsFeed sets the active tab background with !important */
#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link[active=true],
#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link[active=true]:hover {
	color: #40516f;
	background: #fff !important;
	box-shadow: inset 3px 0 0 #40516f;
}

#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link:focus span {
	box-shadow: none;
}

#termsfeed-com---preferences-center .cc-cp-body-content-entry-text {
	font-size: 13px;
	line-height: 20px;
	color: #545454;
}

#termsfeed-com---preferences-center .cc-cp-body-content-entry a {
	color: #40516f;
	text-decoration: underline;
}

#termsfeed-com---preferences-center input[type=checkbox].cc-custom-checkbox:checked + label:before {
	background: #40516f;
	border-color: #40516f;
}

#termsfeed-com---preferences-center .cc-cp-foot {
	background: #fff;
	border-top: 1px solid #ededed;
}

#termsfeed-com---preferences-center .cc-cp-foot-byline,
#termsfeed-com---preferences-center .cc-cp-foot-byline a {
	font-size: 11px;
	color: #939393;
}

/* ---------- Phone (style.less breakpoint 530px) ---------- */
@media only screen and (max-width: 530px) {
	#termsfeed-com---nb {
		max-width: 100%;
	}

	#termsfeed-com---nb .cc-nb-main-container {
		padding: 20px;
	}

	#termsfeed-com---nb .cc-nb-okagree,
	#termsfeed-com---nb .cc-nb-reject {
		flex: 1 1 0;
	}

	#termsfeed-com---nb .cc-nb-changep {
		flex-basis: 100%;
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	#termsfeed-com---nb *,
	#termsfeed-com---preferences-center * {
		transition: none !important;
	}
}