/*
	NB note:
	The css below are used to overwrite Cassie css. Most of the styles are added
	inline and requires !important.

	There are a number of issues with this, and it also conflicts with a strict CSP
	policy. Please note that Cassie will be releasing a major update to their
	cookie banners late June 2026. This update might impact the css declared here.
*/

:root {
	/* LIVINGSTON - CUSTOM VARIABLE UPDATES */
	--scrollbar-thumb-hover-color: #FF6813; /* scrollbar track hover colour */
}


/* ----- LIVINGSTON - CUSTOM CSS STYLING -----*/

#cassie-widget {
	--prebanner-secondary-color: #4f4f50!important;
	--prebanner-accept-all-button-color: rgb(255, 104, 19)!important;
	--prebanner-accept-all-button-text-color: #fff!important;
	--prebanner-reject-all-button-color: rgb(255, 104, 19)!important;
	--prebanner-reject-all-button-text-color: #fff!important;
	--prebanner-customise-all-button-color: #2e2e37!important;
	--prebanner-customise-all-button-text-color: #fff!important;
	--gpc-banner-background-color: #2e2e37!important;
	--gpc-banner-secondary-color: #fff!important;
	--gpc-banner-text-color: #fff!important;
	--gpc-banner-accept-all-button-color: rgb(255, 104, 19)!important;
	--gpc-banner-accept-all-button-text-color: #fff!important;
	--gpc-banner-accept-all-exc-gpc-button-color: #fff!important;
	--gpc-banner-accept-all-exc-gpc-button-text-color: #2e2e37!important;
	--gpc-banner-back-button-color: #2e2e37!important;
	--gpc-banner-back-button-text-color: #fff!important;
	--banner-background-color: #2e2e37!important;
	--banner-secondary-color: #4f4f50!important;
	--banner-text-color: #fff!important;
	--banner-submit-preferences-button-color: rgb(255, 104, 19)!important;
	--banner-submit-preferences-button-text-color: #fff!important;
	--banner-slider-background-off: #4f4f50!important;
	--banner-slider-background-on: rgb(255, 104, 19)!important;
	--banner-slider-toggle: #fff!important;
	--prebanner-background-color: #2e2e37!important;
	--prebanner-border-color: rgb(255, 104, 19)!important;
	--prebanner-text-color: #fff!important;
	--accept-all-button-background-color: rgb(255, 104, 19)!important;
	--accept-all-button-border-color: rgb(255, 104, 19)!important;
	--accept-all-button-text-color: #fff!important;
	--reject-all-button-background-color: rgb(255, 104, 19)!important;
	--reject-all-button-border-color: #fff!important;
	--reject-all-button-text-color: #2e2e37!important;
	--view-all-button-background-color: #2e2e37!important;
	--view-all-button-border-color: #2e2e37!important;
	--view-all-button-text-color: #fff!important;
	--view-all-button-icon-color: #fff!important;
	--cookie-modal-background-color: #2e2e37!important;
	--cookie-modal-border-color: rgb(255, 104, 19)!important;
	--cookie-modal-text-color: #fff!important;
	--close-modal-button-color: #4f4f50!important;
	--header-content-top-border-color: #4f4f50!important;
	--main-content-border-colour: #4f4f50!important;
	--tab-button-background-color: #4f4f50!important;
	--tab-button-text-color: #fff!important;
	--tab-button-border-color: #4f4f50!important;
	--active-button-border-color: #fff!important;
	--cookie-group-bottom-border-colour: #4f4f50!important;
	--expand-cookies-icon-color: rgb(255, 104, 19)!important;
	--cookie-children-container-background-color: #fff!important;
	--cookie-children-container-text-color: #4f4f50!important;
	--save-preferences-button-background-color: rgb(255, 104, 19)!important;
	--save-preferences-button-text-color: #fff!important;
	--save-preferences-button-border-color: rgb(255, 104, 19)!important;
	--scrollbar-background-color: #4f4f50!important;
	--scrollbar-thumb-color: #fff!important;
	--scrollbar-thumb-hover-color: rgb(255, 104, 19)!important;
	--slider-background-colour-unchecked: #4f4f50!important;
	--toggle-background-color: #fff!important;
	--slider-background-color-checked: rgb(255, 104, 19)!important;
	--manage-cookies-button-background-color: #2e2e37!important;
	--manage-cookies-button-text-color: #fff!important;
	--manage-cookies-button-border-color: rgb(255, 104, 19)!important;
}

/* ----- GLOBAL COOKIE MODULE STYLING ----- */

/* Style all <p> tags */
#cassie-widget .cassie-cookie-module p{
	font-family:'soehne',Helvetica, Arial;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

/* Style all links */
#cassie-widget .cassie-cookie-module a{
	color:#29B8F5;
	text-decoration:underline;
}

#cassie-widget .cassie-cookie-module a:hover{
	color:#67d2ff;
}

/* Style all buttons */
#cassie-widget .cassie-cookie-module button{
	font-family:'soehne',Helvetica, Arial;
	font-size:.8125rem;
	line-height:1.125;
	border-radius:100px;
	transition:0.2s;
}

/* ----- END GLOBAL COOKIE MODULE STYLING ----- */

/* ----- STYLE PRE-BANNER ----- */

/* Style pre-banner text */
#cassie-widget .cassie-cookie-module .cassie-pre-banner .cassie-pre-banner--text p{
	margin:0;
	font-size:.875rem;
	line-height:1.6;
	color:#ffffff;
}

/* Style pre-banner buttons */
#cassie-widget .cassie-pre-banner--button--container{
	align-items: center;
	align-content: center;
	margin-bottom:20px;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button{
	border:1px solid #ffffff;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button:hover{
	background-color:rgba(255,255,255,0.20);
	border:1px solid #062645;
	opacity:1;
}

#cassie-widget .cassie-pre-banner button.cassie-view-all{
	margin-top:10px;
}

@media only screen and (min-width: 768px){
	#cassie-widget .cassie-pre-banner--button--container{
		margin-bottom:0px;
	}

	#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button{
		width:80%;
	}
}

/* Style pre-banner size */
@media only screen and (min-width: 1200px) {
	#cassie-widget .cassie-cookie-module > div.cassie-pre-banner{
		margin:0 17%;
	}
}

/* ----- STYLE GPC-BANNER ----- */

#cassie-widget .cassie-gpc-pre-banner .cassie-gpc-pre-banner--text-container{
	margin-top:40px;
}

#cassie-widget .cassie-gpc-pre-banner h3.cassie-gpc-pre-banner-heading--text{
	color:#ffffff;
	margin-bottom:1rem;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner .cassie-pre-banner--text{
	margin-bottom:0;
}


/* ----- STYLE COOKIE BANNER ----- */

/* Resize cookie banner */
@media only screen and (min-width: 1200px) {
	#cassie-widget .cassie-cookie-module>.cassie-cookie-modal--center{
		margin:0 auto;
		width:54%;
	}
}

/* Update right border color */
@media only screen and (min-width: 768px){
	#cassie-widget .cassie-cookie-module > .cassie-cookie-modal{
		border-color:#062645;
	}
}

/* Style header content */
#cassie-widget .cassie-cookie-modal--header--content{
	border-top:none;
	margin-bottom:1.5rem;
}

#cassie-widget .cassie-cookie-modal--header--content, #cassie-widget .cassie-cookie-modal--group-head-container .cassie-cookie-group--description p{
	color:#ffffff;
}

#cassie-widget .cassie-cookie-modal--header-image{
	display:none;
}

#cassie-widget button.cassie-close-modal-button{
	width:auto;
	font-size:1.5rem;
}

/* Style Cookie script details */

#cassie-widget .cassie-cookie-modal--accept-all .cassie-cookie-modal--accept-all--text{
	max-width:70%;
	font-size:1rem;
	line-height:1.5;
}

#cassie-widget .cassie-expand-cookies--container .cassie-expand-cookies--icon{
	display:none;
}

#cassie-widget .cassie-expand-cookies--container .cassie-cookie-group--heading{
	color: #29B8F5;
}

#cassie-widget .cassie-cookie-modal--group-head-container .cassie-cookie-group--description{
	width:100%;
	margin-left:0;
	color:#ffffff;
}

/* Style toggle switch */
html[lang="fr"] #cassie-widget .cassie-cookie-modal .cassie-toggle-switch[aria-checked="true"] span.cassie-toggle-switch--status{
	top:6px;
	right:56px;
}
#cassie-widget .cassie-cookie-modal .cassie-toggle-switch[aria-checked="false"] span.cassie-toggle-switch--status{
	top:6px;
	right:45px;
}

#cassie-widget .cassie-cookie-modal .cassie-toggle-switch[aria-checked="true"] span.cassie-toggle-switch--status{
	top:6px;
	right:49px;
}


/* Style Save Preferences Button */
#cassie-widget .cassie-cookie-modal--footer-extra .cassie-cookie-modal--save-preferences--container{
	width:100%;
}

#cassie-widget button.cassie-cookie-modal--save-preferences{
	font-size:1rem;
}

@media only screen and (min-width: 768px){
	#cassie-widget .cassie-cookie-modal--footer-extra .cassie-cookie-modal--save-preferences--container{
		width:40%;
	}
}

/* Hide Cassie logo in footer */
#cassie-widget .cassie-cookie-modal--footer-image--container{
	display:none;
}


/* ----- END LIVINGSTON - CUSTOM CSS STYLING -----*/