:root{
	/* SUONO colours */
	--black: 0,0,0;
	--dark-grey:100,100,100;
	--grey:150,150,150;
	--light-grey:200,200,200;
	--white:255,255,255;
	--orange:255,166,0;
	--dark-orange:225,145,0;
	--grey-blue:144,178,203;
	--dark-blue:5,30,50;
	--blue:10,85,140;
	--red:230,0,0;
	--yellow:255,252,121;
	--light-blue:127,172,255;
	--faded-orange:255,210,127;
	--faded-dark-orange:241,207,155;
	--faded-blue:84,136,175;
	--green:144,203,178;
	--linkedin_blue:13,91,186;

	/* Normal Colour application. Dark colours on style-dark-mode.css */
	--logo:var(--black);
	--toolbar: var(--orange);
	--toolbaropt: var(--dark-orange);
	--toolbaropt2: rgba(var(--toolbaropt),0.5);
	--personhighlight:var(--black);
	--cookiebar:var(--dark-blue);
	--text:var(--black);
	--highlight: var(--black);
	--hover-highlight: var(--black);
	--button-hightlight: var(--toolbaropt);
	--page:var(--white) !important;
	--ahover:rgb(var(--page));
	--overlay:rgba(var(--text),0.15);
	--podlist:var(--white);
	--pod_more_hover:var(--page);
	--iconhover:var(--white);
	--navactive: rgb(var(--toolbar));
	--menu-bar: rgb(217, 217, 217);
	--menu-bar-open: rgb(240, 240, 240);
	--menu-buttons:rgb(var(--black));
	--menu-links-hover:rgb(var(--logo));
	--menu-button-icon-closed: rgb(217,217,217);
	--menu-button-icon-open: rgb(var(--orange));
	--hashtag:rgb(var(--orange));
	--linkedin-person-logo: rgb(var(--linkedin_blue));
	--linkedin-card-border: var(--overlay);
	--linkedin-card: rgb(var(--white));
	--linkedin-intro-border: rgb(var(--linkedin_blue));
	--linkedin-intro-card: rgb(var(--white));
	--glass:var(--white);
	--rightclose:var(--white);

	/* transitions */
	--default-ease:cubic-bezier(0.65, 0, 0.35, 1);
	--pod-ease:ease-in-out;
	--hover-transition: 200ms;
	--pod-transition: 300ms;
	--late-load-transition: 400ms;
	--flag-transition: border-radius 200ms, width 200ms, opacity 200ms;
	/* update this onload with js to avoid weird animations as page loads */
	--page-transition:0ms;
	--transition: 0ms; 
	--search-transition: 0ms;

	/* link types */
	--primary: var(--overlay);
	--search: var(--menu-buttons);
	--services: rgba(var(--toolbar),1);
	--experience: rgba(var(--toolbar),0.4);
	--experience-on-menu: rgba(var(--toolbar),0.6);
	--option-active:rgba(var(--red),0.2);

	/* SUONO elements */
	--logo-height:min(35vh, 150px);
	--logo-width:min(80vw, 414px);
	--toolbar-height:max(40pt, 3rem);
	--strapline-size:2rem;
	--footer-height:170px;

	/* Font Family */
	--font-headings: Helvetica;
	--font-base: Helvetica;
	--global--font-primary: var(--font-headings, Helvetica,  sans-serif);
	--global--font-secondary: var(--font-base, Helvetica,  sans-serif);

	/* Spacing */
	--global--spacing-horizontal: max(20px, 10vw);
	--responsive--aligndefault-width: min(700px, calc(100% - var(--global--spacing-horizontal)));
	--content-margins:5vw;
	--page-width-limit:1400px;
	--extended_quote-width: 600px;

}
@media only screen and (max-width: 600px) {:root{--content-margins:10px;}}

svg.linkedin-logo{
	width:calc(29px * 0.7 * 56 / 14);
}

.page-width-limit{
	width: min(calc(100% - 2 * var(--content-margins)), var(--page-width-limit));
	margin-left: auto !important;
	margin-right: auto !important;
}

/* all color transitions */
#page, .pod{
	-webkit-transition:
		background-color var(--transition) var(--pod-ease),
		color var(--transition) var(--pod-ease),
		opacity var(--page-transition) var(--pod-ease);

	-o-transition:
		background-color var(--transition) var(--pod-ease),
		color var(--transition) var(--pod-ease),
		opacity var(--page-transition) var(--pod-ease);

	-moz-transition:
		background-color var(--transition) var(--pod-ease),
		color var(--transition) var(--pod-ease),
		opacity var(--page-transition) var(--pod-ease);

	transition:
		background-color var(--transition) var(--pod-ease),
		color var(--transition) var(--pod-ease),
		opacity var(--page-transition) var(--pod-ease);
}

/* basic colour application */
.darkdiv{
	background-color: rgb(var(--toolbaropt));
	color:rgb(var(--logo));
}
img.fadeOnDark{
	background-color: rgb(var(--page));
	opacity: 1;
	/* transition: opacity var(--transition), background-color var(--transition); */
}
.grey{
	background-color: var(--overlay);
}
.orange{
	background-color: rgb(var(--toolbar));
}
:not(.noshadow)>.shadow{
	box-shadow: 0 0 10px rgba(var(--black),0.5);
}
.splide__slide .shadow,
.splide__slide.shadow{
	margin:10px !important;
}
.pointer{
	cursor: pointer;
}
.grabber{
	cursor:grab;
}
.hover-highlight{
	outline:solid rgb(var(--hover-highlight));
	outline-width: 0px;
	/* box-shadow: 0 0 10px rgba(var(--highlight),0); */
	transition:
		outline-width var(--hover-transition),
		box-shadow var(--hover-transition),
		filter var(--hover-transition)
		;
}
.hover-highlight:hover{
	outline-width: 2px;
}
.hover-highlight:not(.noshadow):hover{
	box-shadow: 0 0 10px rgba(var(--hover-highlight),1);
}
.lightwieght{
	font-weight: 400 !important;
}
.hashtag{
	font-weight: bold;
	color:var(--hashtag);
}

.no_drag {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.right{float: right;}
.bold{font-weight: 600;}
.italic{font-style: italic;}
a{color:rgb(var(--text))}
.flex_content_centre{
	display: flex;
	justify-content: center;
	align-content: center;
}

/* page and page load stuff */
#page{
	/* margin-top:var(--toolbar-height); */
	position: relative;
	display: flex;
	flex-direction: column;
	opacity: 0;
	min-height: calc(100vh - var(--toolbar-height));
	background-color: rgb(var(--page));
	transition: opacity var(--page-transition);
	margin-top:var(--toolbar-height);
	width: 100%;
}
#page:not(.hide){
	opacity: 1;
}

.the-content{
	display: flex;
	flex-direction: column;
	justify-content: center;		
}

.the-content h1 {
	/* margin: 30px var(--content-margins) 20px var(--content-margins); */
	margin: 30px 0 20px 0;
	font-size: 48px;
	font-weight: 400;
}
.the-content h2 {
	/* margin: 30px var(--content-margins) 5px var(--content-margins); */
	margin: 30px 0 5px 0;
	font-size: 20px;
	font-weight: 550;
}
.the-content h2.after_h1 {
	/* margin: 2px var(--content-margins) 20px var(--content-margins); */
	margin: 2px 0 20px 0;
}

.the-content .paragraphs h2{
	margin:20px 0 0 0;
	scroll-margin-top: 100px;
}

.glass{
    background: linear-gradient(rgba(var(--glass), 0.2), rgba(var(--glass), 0.5));
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.8px);
    -webkit-backdrop-filter: blur(5.8px);
    border: 1px solid rgba(var(--glass), 0.45);
}
.corners{
  --b: 3px;   /* thickness of the border */
  --c: white;   /* color of the border */
  --w: 30px;  /* width of border */
  
  padding:10px 12px;
  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--_g)) 0    0    / var(--_p),
    /* conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p), */
    /* conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p), */
    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);
	
}

.formatlinks a,
.full_quote a,
.quote a,
.paragraphs p a,
.paragraphs ul a{
	display: inline-block;
	background-color: var(--overlay);
	border-radius: 20px;
	padding:0 10px;
	font-weight: 500;
	text-decoration: none;
	font-size: 90%;
	line-height: 25px;
	font-style: normal;
	transition: background-color var(--hover-transition),
				color var(--hover-transition);
}

.formatlinks a:hover,
.full_quote a:hover,
.quote a:hover,
.paragraphs p a:hover,
.paragraphs ul a:hover{
	background-color: rgb(var(--orange));
	color: rgb(var(--page));
}

.formatlinks a.largelinks,
.formatlinks .largelinks a{
	width: fit-content;
	display: block;
	padding:5px 20px;
}


/* EXTENDED QUOTE */
body:has(.extended_quote.show){
	overflow: hidden;
}
#page:has(.extended_quote.show){
	/* filter: blur(2px); */
	/* backdrop-filter: blur(2px); */
}

.extended_quote{
	display: flex;
	flex-direction: column;
	padding:40px 40px 10px 40px;

	position: fixed;
	z-index: 900;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 3% 100%);
	background-color: rgb(var(--toolbar));
	overflow: hidden;
	top:var(--toolbar-height);
	bottom:0;
	right: max(-90%,calc(-1 * var(--extended_quote-width)));
	width: min(90%,var(--extended_quote-width));
	transition:
		right 800ms var(--default-ease),
		background-color var(--transition) var(--default-ease)
		;
}


.extended_quote.show{
	right: 0%;
	background-color: rgb(var(--toolbaropt));
	z-index: 901;
}
.extended_quote .head{
	color: white;
	margin-bottom: 40px;
}
.extended_quote .head h3{
	margin-top: 0 !important;
}
.extended_quote .foot{
	margin-top:20px;
}
.extended_quote>div{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.extended_quote .close{
	aspect-ratio: 1/1;
	width: 50px;
	background-color: white;
	mask-position:-100% -100%;
	mask-repeat: no-repeat;
	mask-size:120%;
	mask-image: url('/wp-content/themes/suono2025/assets/images/close-white.svg');
	rotate:270deg;
	float: right;
	position: absolute;
	right: 40px;
	transition: background-color var(--transition) var(--default-ease);
}
.extended_quote .close:hover{
	background-color: rgb(var(--highlight));
}

.extended_quote .full_quote{
	overflow-y: auto;
	padding-right: 10px;
	display: flex;
	flex-direction: column;
	gap:18px;
	width: 100%;
	font-size: 16px;
	min-height: 100px;
}
.extended_quote .full_quote p{
	margin: 0px;
}
.extended_quote .foot>div{
	flex:unset;
}
.extended_quote .foot .links{
	flex-direction: row;
	gap:15px;
}
.extended_quote .foot .section{
	min-width: unset !important;
	align-content: center;
}
.extended_quote .foot .group.images{
	flex-wrap: nowrap;
}

@media only screen and (max-width: 600px) {
	.extended_quote{
		right: max(-100%,calc(-1 * var(--extended_quote-width)));
		width: min(100%,var(--extended_quote-width));
		padding:20px 20px 5px 20px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	.extended_quote .head{margin-bottom: 15px;}
	.extended_quote .foot{margin-top:5px;}
	.extended_quote h3{margin:5px 0 !important;}
	.extended_quote .foot .section{margin-top:0px !important;}
	.extended_quote .foot .links{gap:0px;flex-direction: column;}
	.extended_quote .foot .group.images{gap:5px}
	.extended_quote .close{right:20px;}

}




.the-content h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 300;
	color: rgba(var(--text),0.5);
}
.the-content h4 {
	margin: 2px;
	font-size: 16px;
	font-weight: 600;
}
.the-content .cols{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;

	gap:0 50px ;
}
.the-content .cols:not(.nomargin){margin: 5px 0;}
.the-content .cols.nomargin{margin: 5px 0;}
.the-content .cols.nomargin .withmargin{margin: 0 0 !important;}

.read_more{
	aspect-ratio: 1/1;
	width: 20px;
	position: absolute;
	margin-left: 5px;
	display: inline-block;
	background-position:center;
	background-repeat: no-repeat;
	background-size:90%;
	background-image: url('/wp-content/themes/suono2025/assets/images/more.svg');
}
.company .read_more{
	background-color: rgb(var(--page));
	width: 23px;
	border-radius: 23px;
}
.is-dark-theme .read_more{
	background-image: url('/wp-content/themes/suono2025/assets/images/more-white.svg');
}

@media only screen and (min-width: 800px) {
	.columns{
		columns: 350px;
		column-gap: 40px;
		/* orphans: 3; */
		widows: 3;
	}
	.columns.nospill>*{
		break-inside: avoid;
		display: block;
	}

	.the-content .paragraphs.columns{
		/* flex:3; */
		padding-bottom: 20px;
		max-width: 1500px;
		/* column-fill:auto; */
		min-height: 200px;
	}
}

.the-content .paragraphs{
	flex:1;
	min-width: min(100%, 400px);
	max-width: 600px;
	font-size: 18px;
	line-height: 34px;
	padding-right: 20px;
}
.paragraphs ul{padding-left: 20px;}


.paragraphs.columns h2{column-span: all;}
.paragraphs.columns p{
	padding: 1px 0;
	/* page-break-inside: avoid; */
	/* display: inline-block; */
}
.paragraphs.columns .section{display: inline-block;}

.quote{
	font-size: 16px;
	line-height: 22px;
	min-width: 200px;
	max-width: 500px;
}
span.nobreak{
	display: inline-block;
}
a.quote{
	text-decoration: none !important;
}
.company{
	font-weight: 400;
	opacity: 0.5;
	display: inline-block;
	break-inside: avoid;
}


.the-content .cols.column{flex-direction: column;}
.the-content .cols.column .section{	width: 100% !important;}
.the-content .cols.column .paragraphs{
	max-width: unset;
	display: grid;
	column-gap:50px;
	grid-template-columns: repeat(auto-fit, minmax( min(100%,400px), 1fr));
}
.the-content .cols.grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax( min(100%,400px), 1fr));
	column-gap:50px;
}
.the-content .cols.grid .spacer{
	display: none;
	height: 2px;
	margin: 0 15%;
	background-color: rgb(var(--page));
	height: 20px;
	margin: 0 calc(-1 * var(--content-margins));
}

@media only screen and (max-width: 1050px) {
	.the-content .cols{flex-direction:column;}
	.the-content .paragraphs{max-width: none; padding-right: 0px;}
	.the-content .section{
		margin:20px 0 15px 0 !important;
		width: 100% !important;
		/* width:unset !important; */
	}
	.the-content .project-image{
		max-width: none;
	}
	.the-content .cols.grid{
		grid-template-columns: 1fr;
	}
	.the-content .cols.grid .spacer{
		display: block;
	}

}

.the-content .links{
	flex:1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: fit-content;
}

.the-content .section {
	flex: 1;
	min-width: 300px;
	width: fit-content;
	margin:10px 0 20px 0;
}

h1 .shuffle{margin-bottom: 28px;}
h3 .shuffle{margin-bottom: 5px;}
.shuffle{
	display: inline-block;
	height: 18px;
	aspect-ratio: 1/1;
	border-radius: 20px;
	cursor: pointer;

	background-color: var(--overlay) !important;
	background-position:center;
	background-repeat: no-repeat;
	background-size:100%;
	background-image: url('/wp-content/themes/suono2025/assets/images/shuffle-black.svg');
	transition:
		background-color var(--hover-transition)
		;
}
.is-dark-theme .shuffle{
	background-image: url('/wp-content/themes/suono2025/assets/images/shuffle-white.svg');
}
.shuffle:hover{
	background-color: rgb(var(--orange)) !important;
}
.reload{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	cursor: pointer;
	margin-top: 20px;
}
.reload>div{
	background-color: var(--overlay);
	border-radius: 25px;
	padding:8px 25px;
	font-size: 18px;
	font-weight: bold;
}
.the-content .section.people{
	/* min-width: 400px; */
	max-width: 500px;
}

.the-content .section h3{
	/* margin:10px 0 15px 0 !important; */
	margin:10px 0 15px 0;
	width: fit-content;
}

.the-content .group{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.the-content .group.images{gap:15px}
.the-content .group.images.stretch{justify-content: space-evenly;width: 100%;}
.the-content .group.images.centre-span{justify-content:center;}
.the-content .group.images.grid-stretch{--grid-min:250px;}
.the-content .group.images.grid-stretch.small{--grid-min:190px;}
.the-content .group.images.grid-stretch{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--grid-min), 1fr));
}
@media only screen and (max-width: 600px) {
	.the-content .group.images.grid-stretch.small{
		grid-template-columns: 1fr 1fr;
	}
}
.the-content .group.text{gap:2px}
.the-content .group.quotes{
	flex-direction: column;
	gap: 20px;
	margin-right: 40px;
}

.the-content .group .inline{
	margin:0 !important;
}
.the-content .group.text a{
	font-size: 16px;
	text-decoration: none;
	padding:5px 14px;
	border-radius: 20px;
	white-space:nowrap;
	box-sizing: border-box;
	transition: border-color var(--hover-transition);
	line-height:1.15;
	height: 2em;
}
.the-content .group.text.small{
	display: inline-block;
	line-height: 2;
	font-size: 15px;
	color:rgba(var(--text),0.5);
}

.the-content .group.text a.inline{margin: -0.25em 0 0 5px !important; }
.the-content .group.text a.primary{background-color: var(--primary);}
.the-content .group.text a.mb-search{background-color: var(--menu-button-icon-open) !important; border-color: orange !important;}
.the-content .group.text a.services{background-color: var(--services);}
.the-content .group.text a.experience{background-color: var(--experience);}
.option-options .group.text a.experience{background-color: var(--experience-on-menu);}
.option-options .group.text a.active{display: none;}

.the-content .group a:hover{color: rgb(var(--text)) !important;}

.the-content .group.text:not(.menu) a{border:2px solid rgb(var(--page));}
.the-content .group.text:not(.menu) a:hover{border-color: rgb(var(--text));}

.the-content .group.text.menu a{border:2px solid rgba(0,0,0,0);}
.the-content .group.text.menu a:not(.active):hover{border-color: var(--menu-links-hover);}


.affiliation{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	background-color: var(--overlay);
	padding:0 10px;
	text-decoration: none;
}
.affiliation .image{
	margin:0 auto;
	height: 50px;
	max-width:220px;
	width: 100%;
	margin-top: 10px;
}
.affiliation .image.mask{
	background-color: rgba(var(--text),1);
	mask-position:center;
	mask-repeat: no-repeat;
	mask-size:contain;
}
.affiliation .image.background{
	background-position:center;
	background-repeat: no-repeat;
	background-size:contain;
}
.affiliation span{
	font-size: 12px;
	font-weight: bold;
}


/* SEARCH AND OPTIONS BAR */
#menu-bar{
	display: flex;
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	justify-content: center;
	gap:min(1vw,10px);
    width:100%;
	margin:10px var(--content-margins);
}
#menu-bar>span{
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	gap:min(1vw,10px);
	transition:	max-width var(--search-transition);
}
#menu-bar .mb-search{max-width:200px;}
#menu-bar .mb-search.open{max-width:min(100%,550px);}
#menu-bar .mb-group{max-width:400px;}
#menu-bar .mb-group.open{max-width:min(100%,750px);}

@media only screen and (max-width: 780px) {
	#menu-bar .mb-search,
	#menu-bar .mb-group{max-width: 100%;min-width: 100%;}
	/* #menu-bar{flex-direction:column-reverse !important;} */
}

.filter-sticky{
	/* position: fixed; */
	position: sticky;
	top:var(--toolbar-height);
	z-index: 10;
}
.filter-menu{
	display: flex;
	flex-direction: row	;
    flex-wrap:nowrap;
    overflow:hidden;
    gap:5px;
	justify-content: center;
	width:100%;
    background-color: var(--menu-bar);
	max-height: 0px;
	transition: max-height var(--search-transition);
}
.show-filters .filter-menu{
	max-height: 110px;
}


.content-search,.content-option{--height:2em;}

.content-search,
.content-option{
	background-color: rgba(var(--logo),0.3);
	height:var(--height);
	border-radius: var(--height);
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	/* overflow: hidden; */
	flex: 1;
	text-align: center;
	align-content: center;
	transition:
		flex var(--search-transition),
		background-color var(--search-transition),
		opacity var(--search-transition)
		!important;
}
.content-option.nostretch{
	width: fit-content;
	flex: none;
}
.content-option{cursor: pointer;}
.content-search.open{background-color: var(--menu-buttons); opacity: 0.6;}
.content-search.open:focus-within{opacity: 1;}
.content-option.open{background-color: var(--menu-buttons);}
.content-option.open:not(.nostretch){flex:3;}


.content-option .menu-view{
	height: calc(100% - 10px);
	aspect-ratio: 1/1;
	flex: none;
	border-radius: var(--height);
	outline: none;
	padding: 0 0 0 20px; 
	border: 0;
	margin: auto 5px;
	position: relative;
	right: 0;
	cursor: pointer;
	background-color: var(--menu-button-icon-open) !important;
	mask-position:center;
	mask-repeat: no-repeat;
	mask-size:100%;
	mask-image: url('/wp-content/themes/suono2025/assets/images/up-mask.svg');
	rotate:180deg;
	transition:
		rotate var(--search-transition) var(--default-ease),
		height var(--search-transition),
		margin var(--search-transition)
		/* right var(--search-transition) */
		;
}
.mb-default .content-option .menu-view,
.mb-open .content-option .menu-view{
	rotate:0deg;
}
@media only screen and (max-width: 720px) {
	.mb-default .content-option .menu-view{rotate:180deg;}
}

.content-option:not(.open) .menu-view{
	height: 0;
	margin: auto 0;
	/* right:-50px; */
	rotate: -90deg;
	/* background-color: var(--menu-button-icon-closed) !important; */
	/* display: none; */
}


.content-search div.input,
.content-option div.input,
.content-option input[type="submit"]{
	min-width: 0;
	flex: 1;
	height: 100%;
	line-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: rgb(var(--page)) !important;
	background-color:unset !important;
	border:none;
}
.content-option input.button{
	padding: 0 20px;
}
.content-option input.button:focus{
	outline: none;
	/* border: none !important; */
}

.content-option div.input{
	padding:0 0 0 20px;
}
.content-search input[type="text"]{
	background-color: unset;
	color: rgb(var(--page));
	margin: 0 !important;
	padding: 0 20px !important;
	box-sizing: border-box; 
	border:none;
	outline: none;
}
.content-search input[type="text"]::placeholder{
	color:rgba(var(--page),0.8);
}

.mb-search.inline,
.content-search input[type="submit"]{
	height: calc(100% - 10px);
	aspect-ratio: 1/1;
	flex: none;
	border-radius: var(--height);
	outline: none;
	background-color: var(--menu-button-icon-closed) !important ;
	mask-position:center;
	mask-repeat: no-repeat;
	mask-size: 100%;
	mask-image: url('/wp-content/themes/suono2025/assets/images/search-mask.svg');
	padding: 0;
	border: 0;
	margin: 5px;
	cursor: pointer;
}
.content-search.open input[type="submit"] {background-color: var(--menu-button-icon-open) !important;}

.option-options{
	max-height: 0;
	overflow: hidden;
	transition: max-height var(--search-transition) var(--default-ease) 10ms;
}

.show-filters .mb-open .option-options,
.show-filters .mb-default .option-options{max-height: var(--maxheight);}

@media only screen and (max-width: 720px) {
	.show-filters .mb-default .option-options{max-height: 0px;}
}

.option-options .group.text{
	padding: 10px 15px;
}
.option-options .group.text.centre{
	justify-content: center;
	gap:8px;
}


/* LINKEDIN LINKS */
.linkedin_person{
	position: relative;
	left:0;
	width: fit-content;
	border-bottom: solid 3px;
	border-color: rgba(var(--personhighlight),0.3);
	margin-bottom: 30px;
	transition: border-color var(--hover-transition);
}
.linkedin_person:hover{
	border-color: rgba(var(--personhighlight),1);
}
.linkedin_person a{
	text-decoration: none;
	text-align: left;
}
.linkedin_person a:hover{
	color:rgb(var(--text));
}

.linkedin_person.floatright{
	width: 100%;
	z-index: 50;
	border-bottom: none;
	margin-bottom: 0;
}
.linkedin_person.floatright a{
	font-size: 16px;
	line-height: 1.5;
	position: absolute;
	top: -60px;
	right: var(--content-margins);
	background-color: rgb(var(--page));
	padding:2px 6px;
	border-radius: 10px;
}
.linkedin_person svg{
	margin:0 0 -4px 1px;
	fill:var(--linkedin-person-logo);
}
.linkedin_person img{
	height: 20px;
	margin:0 0 2px 0;
	/* filter: hue-rotate(90deg); */
}
.linkedin_person.floatright img{
	height: 20px;
	margin:0 0 5px 0;
}

#LinkedInFeed{
	margin: 0 var(--content-margins);
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


.suono_post{
	color: rgba(var(--text),0.5);
	background-color: var(--linkedin-card);
	width: 250px;
	height: 400px;
	display: flex;
	flex-direction: column;
	border: 2.5px solid;
	border-color: var(--linkedin-card-border);
	cursor:grab;
}
.suono_post .head{
	padding: 0 14px;
	margin-bottom: 8px;
	font-size: 12px;
	background-color: var(--linkedin-card-border);
	height: 29px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	border:0;
}
.suono_post.linkedin{
	border-color: var(--linkedin-intro-border);
	background-color: var(--linkedin-intro-card);
	width: 350px;
}
.suono_post.linkedin .head{
	background-color: var(--linkedin-intro-border);
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
}
.suono_post.linkedin .head svg{
	fill:var(--linkedin-intro-card);
	/* width:calc(29px * 0.7 * 56 / 14); */
}
.placeholder.linkedin .head svg{
	/* fill: rgb(var(--text)); */
	fill: var(--linkedin-person-logo);
	width: 196px;
}


.suono_post .flow p{
	padding:0 14px;
	font-size: 14px;
	overflow: hidden;
}
.suono_post .flow:not(.fill)>p{
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 7;
}
.suono_post .flow.fill{
	flex:1;
}
.suono_post .flow strong{
	font-size: 16px;
	color: rgb(var(--text));
	margin-bottom: 5px;
}
.suono_post .image{
	flex:1;
	width: 100%;
	background-position:bottom;
	background-repeat: no-repeat;
	background-size: 120%;
	justify-self: end;
	align-self: flex-end;
}
.suono_post .end{
	padding:8px 14px;
	display: flex;
	flex-direction: row;
	font-size: 12px;
}
.suono_post .end>*{
	align-self: flex-end;
}
.suono_post .end a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid;
	border-color: rgb(var(--text));
	color:rgb(var(--text));
	margin-left: auto;
	transition: border-color var(--hover-transition);
}
.suono_post .end a:hover{
	border-color:var(--hashtag);
}

.suono_post .end svg,
.placeholder .end svg{
	margin-left: 5px;
	fill: var(--linkedin-person-logo);
	width:24px;
}

.suono_post.other_posts .flow{
	flex:1;
	overflow-y: scroll;
	margin-bottom:5px;
}
.suono_post.other_posts .mini{
	font-size: 14px;
	margin:0px 5px 12px 5px;
}

.suono_post.other_posts .mini p,
.suono_post.other_posts .mini a{
	margin:0;
}
.suono_post.other_posts .mini p:not(.link){
	font-size: 12px;
	padding:0 10px 2px 10px;
}
.suono_post.other_posts .mini a.link{
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 10;
	overflow: hidden;


	text-decoration: none;
	background-color: var(--overlay);
	border-radius: 10px;
	cursor:pointer;
	padding:5px 10px;
	
	transition: background-color var(--hover-transition);
}
.suono_post.other_posts .mini a.link:hover{
	background-color: rgb(var(--orange));
	color:rgb(var(--black));
}

/* .linkedin_post .post_cover{
	position: absolute;
	height: var(--this-height);
	width: var(--this-width);
	cursor: pointer;
}
.linkedin_crop{
	overflow: hidden;
	border-radius: 8px;
}
.linkedin_post iframe{
	z-index: -2;
	box-sizing: border-box;
} */

/* FOOTNOTE CONTENT */
.footnote{
	background-color: rgb(var(--toolbaropt));
	/* background-color: var(--overlay); */
	font-size: 14px;
	padding: 10px var(--content-margins);
	color: rgb(var(--page),1);
	font-weight: 500;
	width: 100%;
}

.asterix{
	height: 15px;
	padding: 0;
	border: 0;
	aspect-ratio: 1/1;
	display: inline-block;
	margin: 0 0 28px 0;
	flex:none;

	background-color: rgba(var(--text),1);
	mask-position:center;
	mask-repeat: no-repeat;
	mask-size:180%;
	mask-image: url('/wp-content/themes/suono2025/assets/images/asterix.svg');
}

.footnote .asterix{
	background-color: rgb(var(--page));
	height: 10px;
	margin: 0 5px 3px 0;
}



/* .option-options .menu .services,
.option-options .menu .experience{
	border:2px solid rgb(var(--menu-bar)) !important;
}
.option-options .menu .services:hover,
.option-options .menu .experience:hover{
	border-color: rgb(var(--page));
} */




@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */

  }

/* SCROLLBARS */
*:not(.displayscroll)::-webkit-scrollbar{
	display: none;
}
html{
	scroll-behavior: smooth;
}

@supports (scrollbar-color: auto) {
	.displayscroll{
		scrollbar-color: rgb(var(--page));
		width: 5px;
	}
}
@supports selector(::-webkit-scrollbar) {
	.displayscroll::-webkit-scrollbar {  background: rgba(var(--page),0.5);  }
	.displayscroll::-webkit-scrollbar-thumb { background: rgb(var(--white)); }
	html::-webkit-scrollbar {
		/* display: none; */
		/* width: 0px; */
	}
}

/* headings */
h3{
	/* margin-top:60px !important; */
	margin-bottom: 20px !important;
	font-size: 28px;
	font-weight: bolder;
}


/* override other wordpress content */
.site-main{
	padding-top: 0px;
	padding-bottom: 0px;
}
.site-content{
	flex-grow:100;
}
.site-footer{
	/* min-height:50px; */
	height: var(--footer-height);
	background-color: rgb(var(--toolbar));
	/* -webkit-transition: background-color var(--transition);
	-o-transition: background-color var(--transition);
	-moz-transition: background-color var(--transition);
	transition: background-color var(--transition); */
	max-width: unset !important;
	width:100%;
	margin: 0px !important;
}
.faded .site-footer{
	background-color: rgb(var(--toolbaropt));
	transition: background-color 800ms;
}
.site-footer > div{
	width: 100%;
}
img.alignfull.size-full{
	display: block;
}

#colophon{
	padding:0px;
}



.entry-header {
	margin-bottom:0px !important;
	margin-top:0px;
	padding-bottom: 0px !important;
	padding-top:20px;
	z-index: 5;
	/* text-align: center; */
}
.entry-header .linktop{
	position: absolute;
	right: 0px;
	top:0px;
}

.entry-content{
	padding-top:20px;
	padding-bottom:20px;
	margin-top:0px;
	margin-bottom: 0px;
}
.entry-content .cols{
	margin-left: var(--content-margins) !important;
	margin-right: var(--content-margins) !important;
}
.entry-content.center{
	text-align: center;
}
.entry-content .linkbutton{
	display: block;
	float: center;
	text-align: center;
	padding:50px 0px;
	background-color: rgb(var(--toolbar));
	height:150px !important;
	width:150px;
}

.page h1{
	margin-bottom:20px;
}
.page h4{
	font-size: 20px;
	margin-top:25px !important;
	margin-bottom:10px !important;
}
.page ul {
	font-size: 20px;
	margin-top:unset;
	margin-bottom:20px;
	padding-left:40px;
}
.page p {
	font-size: 20px;
	line-height: unset;
	margin-top:unset;
	margin-bottom:20px;
}

div.wp-block-group,
div.wp-block-columns,
div.wp-block-buttons{
	margin-top:5px;
	margin-bottom:5px;
}
div.wp-block-button{
	margin:2px 0 !important;
}
.wp-block-button a{
	background-color: rgb(var(--toolbar)) !important;
	padding:5 10 !important;
	border: 0 !important;
	border-bottom: 4px solid rgb(var(--text)) !important;
	border-radius: 0 !important;
	margin-right: 30px;
	transition: background-color var(--transition);
	&:hover{
		background-color: unset !important;
		background-color: rgb(var(--button-hightlight)) !important;
	}

}

/* GTranslate.io (google translate) addin */
a.glink{
	margin:0 5px;
	--flag-size:25px;
}
a.glink>img{
	border-radius: 50%;	
	height: var(--flag-size);
	width: var(--flag-size);
	object-fit: cover;
	opacity:0.8;
	transition: var(--flag-transition);
    -webkit-transition: var(--flag-transition);
    -o-transition: var(--flag-transition);
    -moz-transition: var(--flag-transition);
}
a.glink.gt-current-lang>img{
	border-radius: 0%;	
	width: calc(var(--flag-size) / 0.75);
	opacity:1;
}
a.glink:hover>img{
	opacity:1;
}
div.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
div.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{
	display: none;
}
/* div.gtranslate_wrapper>*{ */
	/* position: fixed; */
	/* top:0; */
/* } */

/* cookie approval banner */
#cn-close-notice{display:none;}
#cookie-notice{
	/* background-color: var(--logo) !important; */
	background-color: rgb(var(--cookiebar)) !important;
	padding:0 calc(min(75px,5%));
	}
#cookie-notice .cookie-notice-container{
	color: rgb(var(--page)) !important;
}
span.cn-buttons-container .cn-button{
	background-color: rgb(var(--page)) !important;
	color: rgb(var(--text)) !important;
}

/* SUONO elements */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
		  }
.noscroll{
	overflow:hidden;
}
html {
	margin:0;
	scroll-behavior: smooth;
	transition: visibility 200ms;
    -webkit-transition: visibility 200ms;
    -o-transition: visibility 200ms;
    -moz-transition: visibility 200ms;
  }
body{
	margin:0px;
	font-family: "Helvetica Neue", "Helvetica" , "Arial", "sans-serif";
	-webkit-font-smoothing: subpixel-antialiased;
	/* -moz-osx-font-smoothing: grayscale; */

	/* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  */
	color: rgb(var(--text));
	scroll-behavior: smooth;
	/* background-color: rgb(var(--page)) !important; */
	background-color: rgb(var(--toolbar)) !important;

	overscroll-behavior-x: none;
	overscroll-behavior-y: none;
	width:100%;
}
/* body.show{
	transition: 300ms !important;
    -webkit-transition: 300ms !important;
    -o-transition: 300ms !important;
    -moz-transition: 300ms !important;
} */

/* SPLASH */
	  /* #tbsplash{
		  text-align: center;
		  display: table;
		  position: fixed;
		  top:0px;
		  height:100%;
		  width:100%;
		  background-color: rgb(var(--toolbar));
		  transition: height 800ms, background-color 800ms;
		  -webkit-transition: height 800ms, background-color 800ms;
		  -o-transition: height 800ms, background-color 800ms;
		  -moz-transition: height 800ms, background-color 800ms;
		  z-index: 9999;
	  }

	#tbsplash .tbtop{
		display: block;
		padding-top: min(25vh,20%);
		transition: padding-top var(--transition);
		-webkit-transition: padding-top var(--transition);
		-o-transition: padding-top var(--transition);
		-moz-transition: padding-top var(--transition);
	}
	@media only screen and (max-height: 500px) {
		#tbsplash .tbtop{
			padding-top: 6%;
		}
	}
	   */
	/* #tbsplash #splashlogo{
		  height:var(--logo-height);
		  -webkit-transition: height 800ms;
		  -o-transition: height 800ms;
		  -moz-transition: height 800ms;
		  transition: height 800ms;
		  overflow: visible;
	  }
	#tbsplash #AnimatedLogo{
		height:var(--logo-height);
		max-width: var(--logo-width);
		pointer-events: none;
		-webkit-transition: height 800ms;
		-o-transition: height 800ms;
		-moz-transition: height 800ms;
  		transition: height 800ms;
	} */
	/* #strapline{
		font-size: var(--strapline-size);
		font-weight: bold;
		position: relative;
		padding-top:min(5%,30px);
		opacity: 0;
		animation: fadein 4s forwards;
		color:rgb(var(--text));
		margin:0 5%;
	}
	#strapline span{
		-webkit-transition: 800ms;
		-o-transition: 800ms;
		-moz-transition: 800ms;
		transition: 800ms;
	} */
	/* @media only screen and (max-height: 500px) {
	#strapline {
		padding-top: 2%;
		}
	} */
	/* @keyframes fadein {
	0%      { opacity: 0; filter:blur(1.5rem)}
	20%     { opacity: 0; filter:blur(1.5rem)}
	65%     { opacity: 0; filter:blur(1.5rem)}
	100%    { opacity: 1; filter:blur(0)}
	} */

	.tbbottom{
		position: fixed;
		bottom:0px;
		padding-bottom:max(30vh, 50px);
		-webkit-transition: 600ms;
		-o-transition: 600ms;
		-moz-transition: 600ms;
		transition: 600ms;
	  }
	.tbbottom > div{
		padding-top: 20px;
		position: fixed;
		height:400px;
		width:100%;
		background-color: rgb(var(--toolbar));
		/* -webkit-transition: var(--transition);
		-o-transition: var(--transition);
		-moz-transition: var(--transition);
		transition: var(--transition); */
	}
	.pgbottom > div div,
	.tbbottom > div div{
		display: inline-block !important;
		width: auto;
	}
	.pgbottom > div div p,
	.tbbottom > div div p{
		margin-top:0px;
		font-size: 16px;
		font-weight: bold;
	}
	.tbbottom svg{
		  margin:0 5px;
	}
	/* #homeclock{
        background-color: rgb(var(--page));
        width:calc(var(--size) * 0.90);
        height:calc(var(--size) * 0.90);
        margin:calc(var(--size) * 0.05);
		margin-left:calc(var(--size) * 0.05 + 5px);
        position: absolute;
		z-index: -1;
        border-radius:50%;
        clip-path:polygon(50% 0, 50% 50%, 50% 0, 50% 0, 50% 0,50% 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
	}
    #homeclock.animate{
        animation:octagon var(--timer) linear ;
    }
	@keyframes octagon {
		0%       {  clip-path:polygon(50% 0,    50% 50%,    50% 0,      50% 0,      50% 0,      50% 0,      50% 0,      50% 0,      50% 0, 50% 0, 50% 0);}
		6.25%    {  clip-path:polygon(50% 0,    50% 50%,    30% 0,      30% 0,      30% 0,      30% 0,      30% 0,      30% 0,      30% 0, 30% 0, 30% 0);}
		18.75%   {  clip-path:polygon(50% 0,    50% 50%,    0 30%,      0 30%,      0 30%,      0 30%,      0 30%,      0 30%,      0 30%, 0 30%, 30% 0);}
		31.25%   {  clip-path:polygon(50% 0,    50% 50%,    0 70%,      0 70%,      0 70%,      0 70%,      0 70%,      0 70%,      0% 70%, 0 30%, 30% 0);}
		43.75%   {  clip-path:polygon(50% 0,    50% 50%,    30% 100%,   30% 100%,   30% 100%,   30% 100%,   30% 100%,   30% 100%,   0% 70%, 0 30%, 30% 0);}
		56.25%   {  clip-path:polygon(50% 0,    50% 50%,    70% 100%,   70% 100%,   70% 100%,   70% 100%,   70% 100%,   30% 100%,   0% 70%, 0 30%, 30% 0);}
		68.75%   {  clip-path:polygon(50% 0,    50% 50%,    100% 70%,   100% 70%,   100% 70%,   100% 70%,   70% 100%,   30% 100%,   0% 70%, 0 30%, 30% 0);}
		81.25%   {  clip-path:polygon(50% 0,    50% 50%,    100% 30%,   100% 30%,   100% 30%,   100% 70%,   70% 100%,   30% 100%,   0% 70%, 0 30%, 30% 0);}
		93.75%   {  clip-path:polygon(50% 0,    50% 50%,    70% 0,      70% 0,     100% 30%,   100% 70%,   70% 100%,   30% 100%,   0% 70%, 0 30%, 30% 0);}
		100%     {  clip-path:polygon(50% 0,    50% 50%,    50% 0,      70% 0,      100% 30%,   100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%, 30% 0);}
	}	 */

	.pgbottom{
		margin:0px;
		padding-top: 20px;
		padding-bottom: 20px;
	  }
	.pgbottom div{
		width:100%;
		text-align: center;
	}
	.pgbottom svg{
		  margin:0 5px;
	  }
	#straplinefooter{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 0px;
	}

	.pgdetail p{
		display: inline;
		font-size: 14px !important;
		margin: 0 10px;
		line-height: unset;
		/* white-space: nowrap; */
	}
	.pgdetail a{
		font-size: 14px !important;
		font-weight: bold;
		margin: 0 10px;
		transition: 200ms;
		line-height: unset;
	}

/* splash svg buttons */
.tbbottom svg,
.pgbottom svg{
	height: 60px;
	cursor: pointer;
}
@media (hover: hover) {
	.tbbottom svg:hover .circle,
	.pgbottom svg:hover .circle{
		stroke:white;
		fill-opacity: 1;
	}
	.tbbottom svg:hover .outline,
	.pgbottom svg:hover .outline{
		animation-play-state: paused;
	}
	.tbbottom svg:hover .static,
	.pgbottom svg:hover .static{
		fill-opacity: 1;
	}
}
#iconAbout{animation-duration: 16s;}
#iconHome{animation-duration: 10s;}
#iconPhone{animation-duration: 12s;}

.icon.outline {
	fill:rgb(var(--logo));
	stroke: rgb(var(--logo));
	stroke-linecap:square;
	stroke-linejoin:round;
	stroke-width:4px;
	stroke-dasharray:192%;

	animation-name: drawIcon;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
.icon.circle{
	fill-opacity: 0;
	fill:rgb(var(--logo));
	stroke: rgb(var(--logo));
	stroke-width:3px;
	-webkit-transition: 500ms;
	-o-transition: 500ms;
	-moz-transition: 500ms;
	transition: 500ms;
}
.icon.static{
	fill-opacity: 0;
	fill: rgb(var(--iconhover));
	stroke:none;
	-webkit-transition: 500ms;
	-o-transition: 500ms;
	-moz-transition: 500ms;
	transition: 500ms;
}
@keyframes drawIcon {
	0%    {stroke-dashoffset: 0%; stroke-width: 2.5px; fill-opacity: 0;}
	10%    {stroke-dashoffset: 0%; stroke-width: 2.5px;}
	20%   {fill-opacity: 0;}
	45%   {stroke-dashoffset: 195%; stroke-width: 0px;}
	50%   {fill-opacity: 1;}
	55%   {stroke-dashoffset: 195%; stroke-width: 0px;}
	80%   {fill-opacity: 0;}
	90%  {stroke-dashoffset: 390%; stroke-width: 2.5px;}
	100%  {stroke-dashoffset: 390%; stroke-width: 2.5px; fill-opacity: 0;}
}

	  
  /* Splash Collapsed */
  	#tbsplash.hidden{
		display: none;
	}
	.tbcollapse.hide{
		animation: tbfade 500ms;
		animation-fill-mode: forwards;
	}
	@keyframes tbfade {
		0%    { opacity: 1; }
		10%   { opacity: 1; }
		100%  { opacity: 0; z-index: -1;}
	}

	.tbcollapse{
		height: var(--toolbar-height) !important;
		}
	.tbcollapse .tbtop{
		padding-top:0px !important;
		}
	.tbcollapse #splashlogo,
	.tbcollapse #AnimatedLogo{
		height: var(--toolbar-height) !important;
		}
	.tbcollapse #strapline {
		padding-top:0;
		max-height: 0px;
		}
	.tbcollapse #strapline span{
		filter:blur(5rem);
		opacity:0;
	}
	.tbcollapse .tbbottom {
		padding-bottom:0px;
	}
	

  /* Toolbar */
	#toolbar{
		height: var(--toolbar-height);
		width: 100%;
		position: fixed;
		display: block;
		top:0pt;
		text-align: center;
		background-color:  rgb(var(--toolbar));
		z-index: 100;
		-webkit-transition: var(--transition);
		-o-transition: var(--transition);
		-moz-transition: var(--transition);
		transition: var(--transition);
	}
	.faded #toolbar{
		background-color: rgb(var(--toolbaropt));
		/* transition: background-color 800ms; */
	}
	#tbcontrols{
		height: 100%;
	}
	#tbcontrols .logo{
		display: inline-block;
		height: var(--toolbar-height);
		cursor: pointer;
	}
	#tblogo{
		display:inline-block;
		width:unset;
		height:100%;
		pointer-events: none;
	}	
	#tbcontrols .tbbutton{
		position:fixed;
		padding:5px;
		top:0px;
		height: var(--toolbar-height);
		cursor: pointer;
		background-color: inherit !important;
		border:none ;
		outline: none;
		z-index: 50;
	}
	  .tbleft{ left:0px; margin-left:5px !important;}
	  .tbright{ right:0px; margin-right:5px !important; }

	  .tbbutton .tbsvg svg{
		  height:calc(var(--toolbar-height)*0.8);
		  width:calc(var(--toolbar-height)*0.8);
	  }
	  .tbbutton .tbsvg.hidden{
		  display: none;
	  }

/* Menu options */
/* Tab view */
#tboptions{
	position: fixed;
	top:0px;
	height:100%;
	left:0px;
	width:0%;
	z-index: 1000;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
	background-color: rgb(var(--toolbar));
	transition:
		width 400ms var(--default-ease),
		background-color var(--transition)
		;
	overflow: hidden;
	pointer-events: none;
}


#tboptions ul{
	position: fixed;
	top:var(--toolbar-height);
	left:min(max(5%,20px),50px);
	padding:0px;
	margin:0px;
	text-align: left;
	/* white-space: nowrap; */
}
#tboptions li{
	position: relative;
	display:block;
	margin-top:20%;
}
#tboptions li a{
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
	color: white;
	position: relative;
}

#tboptions.show{
	width:min(max(40%, 250px),400px);
	pointer-events:unset;
}
#tbslogo {
	position: fixed;
	bottom:40px;
	left:calc( min(max(5%,20px),50px) - 8px);
	display: flex;
	flex-direction: column;
	gap:15px;
	text-align: left;
}
#tbslogo svg{
	width:40px;
	height: auto;
}
#tbslogo svg *{
	fill:white !important;
}

#tboptions a {
	color: rgb(var(--logo));
	text-decoration: none;
	transition: var(--transition);
	/* border-bottom: 3px  solid transparent; */
}

@media (hover: hover) {
		#tboptions li a:hover{
			color:rgb(var(--highlight));
			/* border-bottom: 3px solid; */
		}
	
	}


/* dark light control */
	#dark-mode-toggler {
		display: flex !important;
		align-items: center;
		text-align: left;
		height:100%;
		vertical-align: middle;
		background-color: none;
		border: none;
		color:rgb(var(--text));
		transition: color var(--transition) var(--default-ease);
	}
	#dark-mode-toggler label{
		height:30px;
		width:60px;
		background-color: rgb(var(--logo));
		margin: 0px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		position: relative;
		cursor: pointer;
		transition: background-color var(--transition) var(--default-ease);
	}
	#dark-mode-toggler label, #dark-mode-toggler .DLtoggle{
		border-radius: 100px;
	}
	#dark-mode-toggler .DLicon{
		max-height: 18px;
		max-width: 18px;
		height: auto;
		vertical-align: middle;
		border-style: none;
	}
	#dark-mode-toggler .DLtoggle{
		height: 25px;
		width: 25px;
		top:50%;
		transform: translateY(-50%) !important;
		left:3px;
		background-color: rgb(var(--toolbar));
		position: absolute;
		box-shadow: 0 2px 15px rgb(0 0 0 / 15%);
		transition: background-color var(--transition), left var(--transition);
	}
	.faded .DLtoggle{
		background-color: rgb(var(--toolbaropt)) !important;
		transition: background-color var(--transition) var(--default-ease);
	}
	html.is-dark-theme .DLtoggle{
		left:33px !important;
	}


  /* Content */
	  .flex-wrapper {
		  display: flex;
		  min-height: calc(100vh - var(--toolbar-height));
		  flex-direction: column;
	  }
	  .flex-wrapper > div {
		  padding:1rem;
	  }
  

/* TEXT BLOCK */
.textblock{
	background-color: rgb(var(--toolbaropt));
	margin:0px;
	color: var(--image-detail-bodytext-colour)
}
.textblock .cols{
	gap: 10px 50px;
}

.textblock h2{
	/* color: rgb(var(--page)); */
	color: rgb(var(--white));
	margin: 15px 0 !important;
}
.textblock :not(h2){
	line-height: 130%;
	font-size: 18px !important;
}
.textblock strong,
.textblock a{
	color: rgb(var(--white));
	text-decoration: none;
	font-weight: bold;
}
.textblock a{
	display: inline-block;
}


/* PODS */
.pod {
	background-color: rgb(var(--toolbaropt));
	margin:0px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.pod .podinfo{
	font-size: 20px;
	margin-top:40px;
	display: flex;
	width: 100%;
}
.pod .podinfo > div{
	vertical-align: top;
}
.pod .margins{
	padding-left: max(40px, 10vw);
	padding-right: max(40px, 10vw);
}
.pod .thelist{
	text-align: right;
	width:40%;
	margin-left:20px;
	padding-right:20px;
	padding-bottom: 20px;
	color: rgb(var(--podlist));
}
.pod .thecontent{
	width:60%;
	padding-left: 10px;
	padding-right: max(40px, 10vw);
	text-align: left;
	color: rgb(var(--text));
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
.pod .thecontent>span{
	flex: 1;
}
.podblock{
	background-color: rgb(var(--toolbaropt));
	padding-bottom: 0px;
	transition: background-color var(--transition) var(--pod-ease);
}

.podblock .entry-content{
	margin-top:5px;
	margin-bottom: 5px;
	padding-top:20px;
	padding-bottom:20px;
}
.podblock h4{
	color: rgb(var(--podlist));
	margin-top:5px !important;
	/* margin-bottom: 0px; */
}

.pod .pod_positions{
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

.pod .pod_positions > div{
	display: inline-block;
	height:16px;
	width:16px;
	margin-left:3px;
	background-color: rgb(var(--podlist));
	opacity: 0.55;
	-webkit-transition: var(--pod-transition) var(--pod-ease);
	-o-transition: var(--pod-transition) var(--pod-ease);
	-moz-transition: var(--pod-transition) var(--pod-ease);
	transition: var(--pod-transition) var(--pod-ease);
	border-radius: 100px;
	cursor: pointer;
}
.pod .pod_positions > div.selected{
	opacity: 1;
	width:45px;
	height:8px;
	border-radius: 0px;
	margin-bottom: 4px;
}

.pod .podtitle{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}
.pod .podintro{
	color: rgb(var(--podlist));
	font-size: 24px;
}
.is-dark-theme .pod .podintro{
	color: rgba(255,255,255,0.55);
}
.pod .pod_action{
	font-weight: bolder;
	color: rgb(var(--text));
	font-size: 17px;
	white-space: nowrap;
}
.pod_action a{
	color:unset;
	text-decoration: none;
	border-bottom: 1px solid;
	transition: var(--pod-transition) ;
}

@media (hover: hover) {
	.pod_action a:hover{
		color:rgb(var(--highlight));
		border-bottom: 1px solid transparent;
		}
	}

.pod ul{
	padding-left:0px;
	list-style-type:none;
	display: inline-block;
	line-height:26px;
}
.pod li{
	opacity: 0.55;
	-webkit-transition: var(--pod-transition) var(--pod-ease);
	-o-transition: var(--pod-transition) var(--pod-ease);
	-moz-transition: var(--pod-transition) var(--pod-ease);
	transition: var(--pod-transition) var(--pod-ease);
	cursor: pointer;
}
.pod li.selected{
	opacity: 1;
	cursor:default;
}

/* scrolling pods */
.pod .thecontents{
	width:60%;
	padding-left: 10px;
	padding-right: 40%;
	text-align: left;
	color: rgb(var(--text));
	display: flex;
	overflow-x: scroll;
	scroll-behavior: smooth;
}
.scrollsnap{
	scroll-snap-type: x mandatory;
}
.pod .thecontents::-webkit-scrollbar{
	/* display: none; */
	width: 0px;
}
.pod .thecontents :last-child{
	flex-shrink: 0;
	width:400px;
}
.pod .listcontent{
	scroll-snap-align: start;
	flex-shrink: 0;
	width:calc(60vw - 25px);
	margin-left:0px;
	margin-right:400px;
}


@media (hover: hover) {
	.pod li:not(.selected):hover{
		opacity: 1;
		color: rgb(var(--highlight));
	}
	.pod .pod_positions > div:not(.selected):hover{
		opacity: 1;
		background-color: rgb(var(--highlight));
	}
	a:hover{
		color: rgb(var(--highlight));
		/* text-decoration: none; */
	}
}
@media only screen and (max-width: 750px) {
	.pod .pod_positions{
		text-align: center;
	}
}
@media only screen and (max-width: 630px) {
	.pod .margins{
		padding-left: max(10px, 5vw);
		padding-right: max(10px, 5vw);
	}
	.pod .thelist{
		text-align: left;
		width: 100%;
		padding-top:10px;
		padding-bottom: 0px;
		margin-left:0px;
		padding-right: 0px;
		font-size: smaller;
	}
	.pod ::-webkit-scrollbar{
		/* display: none; */
		width: 0px;
	}
	.pod ul{
		/* padding-right: 100%; */
		margin-bottom:10px;
		width: 100%;

	}
	.pod li{
		display: block;
		padding-right:20px;
	}
	.pod li.selected{
		font-weight: bold;
	}

	.pod .thecontent{
		/* box-sizing:content-box; */
		width:100%;
		padding-left: 0px;
		padding-right: 0px;
		display: block;
	}
	.pod .podinfo{
		margin-top:20px;
		display:block;
		padding-left: max(10px, 5vw);
		padding-right: max(10px, 5vw);
	}

	.is-dark-theme .pod .listcontent{
		color: rgba(255,255,255,0.55);
	}
	
}


/* POD MORE BUTTONS */

.image_more_button{
	float: right;
}
.pod_more_button,
.image_more_button{
	padding-top: 10px;
	text-align: center;
	margin-bottom: 30px;

    /* overflow: hidden; */
	cursor: pointer;
	--pod_more_bg:rgba(255,255,255,0.5);
}
.pod_more_button:hover,
.image_more_button:hover{
	--pod_more_bg:rgba(var(--pod_more_hover),1);
}
.pod_more_button>a,
.image_more_button>a{
	border-radius: 20px;
	padding: 6px 16px;
	font-size: 18px;

	text-decoration: none;
	color:black;
	background-color: var(--pod_more_bg);
	transition: background-color var(--transition);

}


.caption{
	margin:10px 10px !important;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}



.parallax { 
	margin:0px !important;
	width:100%;
	background-attachment:scroll;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
  }
.is-dark-theme .parallax.darken{
	opacity: 0.8;
}

.parallax .overlay {
	position: absolute;
	bottom:0px;
	right:0px;
	font-size: 14px;
	padding:5px;
	/* margin-right:20px; */

}
.parallax .overlay > div > div{
	background-color: rgb(var(--toolbaropt));
	margin:2px;
	padding:5px 10px;
	min-height: 16px;
	float: right;
}
.parallax .imagedropdown{
	background-color: rgb(var(--toolbaropt));
	display: inline-block;
	cursor: pointer;
	padding:5px 5px !important;
	/* transition: 200ms; */
}
.parallax .imagetitle {
	font-weight: bold;
}

.parallax .imagedropdown div{
	height: 16px;
	width: 16px;
	background-color: rgb(var(--logo));
	/* clip-path: polygon(100% 0, 0 0, 50% 100%); */
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	transition: var(--transition);
}

.parallax .imagedetail{
	max-height: 150px;
	transition: max-height 200ms, padding 200ms, margin 200ms;
	overflow: hidden;
	min-height: 0px !important;
	max-width:50vw;
	text-align: right;
}

.parallax .imagedetail a{
	color: white;
	text-decoration:underline;
	text-underline-offset: unset;
	/* white-space: nowrap; */

	/* border-bottom: 2px; */
	transition: var(--transition);
}

.parallax .closed .imagedropdown div{
	clip-path: polygon(60% 0, 40% 0, 40% 40%, 0 40%, 0 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%);
	/* clip-path: polygon(50% 0, 0% 100%, 100% 100%); */
}

.parallax .closed .imagedetail{
	max-height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom: 0px;
}

@media (hover: hover) {
	.parallax { 
		background-attachment:fixed;
	}
	.parallax .imagedropdown:hover  {
		background-color: rgb(var(--toolbar));
	}
	.parallax .imagedetail a:hover{
		color: rgb(var(--highlight));
		text-decoration: none;
	}
}

@media only screen and (max-width: 630px) {
	.parallax .imagedetail{
		max-width:75vw;
	}
}




.peopleinfo{
	display: flex;
	margin-top:0px;
	padding-top:40px;
	padding-bottom:40px;
}
.peopleblocks{
	display: unset;
	margin-top:0px;
	width:200px;
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
}
.peopleblocks span{
	/* white-space: nowrap; */
	display: inline-block
}
.peopleblocks.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.mid-spread-images{
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
	margin-bottom: 20px;
}
.mid-spread-images div{
	margin: 0 3vw;
	transition: margin var(--transition);
}
.mid-spread-images div.keep{
	z-index: 1;
}
@media only screen and (max-width: 750px) {
	.mid-spread-images div{	margin: 0 -100px;}
}

.peopleinfo.margins{
	padding-left: max(40px, 5vw);
	padding-right: max(40px, 5vw);
}

.people-group{
	margin: 20px 0 30px 0;
}
.person{
	display: block;
	margin-left:20px;
	margin-right:20px;
	text-align: center;
	width: 50%;
}
.person.inline{
	display: inline-block !important;
	width: unset;
	min-width: 130px;
	padding-top:0px;
	cursor: pointer;
	margin-top:15px;
	margin-bottom: 15px;
	margin-left:10px;
	margin-right:10px;
}

a.person.inline{
	text-decoration: none;
}
.person.inline h4{
	margin-top:10px !important;
}
.person.inline h2,
.person.inline h3{
	margin:0px !important;
}

.person-image{
	height: 200px;
	aspect-ratio: 1/1;
	margin:auto;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 500px;

	/* background-blend-mode:luminosity; */
}
.person-card{
	aspect-ratio: 2/1;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
}

.person-card.greyscale,
.person-image.greyscale{
	filter: grayscale(100%);
}

.person-card.small,
.person-image.small{
	height: 150px;
}
.person-card.smaller,
.person-image.smaller{
	height: 100px;
}
.person-card.vsmall,
.person-image.vsmall{
	height: 75px;
}

@media (hover: hover) {
	.person-card:not(.nolink).small,
	.person-card:not(.nolink).vsmall,
	.person-image:not(.nolink).small,
	.person-image:not(.nolink).vsmall{
		opacity: 0.85;
	}
	.person.inline:hover .person-image, 
	.the-content .person-image:not(.nolink):hover{
		/* border-color: var(--logo); */
		/* background-color: rgb(var(--page)); */
		/* border-color: rgb(var(--personhighlight)); */
		opacity: 1;
	}
	.person.inline:hover{color: inherit;}
	.person.inline:hover .person-image.greyscale.colour_on_hover{
		filter: grayscale(0%);
	}

}

.selected .person-card.small,
.selected .person-image.small{
	border:solid 5px !important;
	border-color: rgb(var(--personhighlight)) !important;
	background-color: rgb(var(--page));
	opacity: 1;
}
.person.selected h4 {
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-color:rgb(var(--personhighlight));
	text-decoration-thickness: 5px;
}

/* SEE CONTENT-PAGE-PEOPLE FOR CSS OF LIMITED WIDTH SCREEN FORMATTING */

#personinfo.withdata #closeperson svg{
	stroke:rgb(var(--logo));
	stroke-width: 1px;
	height:27px !important;
	width:27px !important;
	}
#personinfo {overflow:hidden; transition: height 400ms}
#personinfo #closeperson{
	padding-top:20px;
	display: block;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: -23px;
}
#personinfo #closeperson:focus{
	background-color: unset;
}
.person-name{
	padding-top:20px;
	padding-bottom:20px;
	font-size: 25px;
	font-weight: bold;
}

.person-text{
	text-align: left;
}
.person-text p{
	line-height:25px;
}

@media only screen and (max-width: 750px) {
	.peopleinfo.margins{
		padding-left: max(10px, 5vw);
		padding-right: max(10px, 5vw);
	}
	.peopleinfo{
		display: block;
		padding-top:0px;
		padding-bottom:20px;
	}
	.person{
		width:auto;
		margin-left:0px;
		margin-right:0px;
		padding-top:40px;
	}	
}


/* TO CHANGE FORMATTING OF CONTENT ON PAGES (RATHER THAN POSTS) */
.page-entry{
	/* margin: 5px var(--content-margins); */
}
.page-entry .columns{
	columns: 380px auto;
	margin-bottom: 50px;
	widows: 3;
	vertical-align: text-top;
}
.page-entry .columns>div{
	break-inside: avoid;
	padding: 1px 0;
}
.page-entry .columns h3{
	margin:20px 0 !important;
}

.late-load{opacity: 1;overflow: hidden;}
.late-load.hide{opacity: 0;}

.slide-slow-load .splide__slide{opacity: 1;}
.slide-slow-load.hide .splide__slide{opacity: 0;}

.slide-slow-load{
	background-color: rgba(var(--text),0);;
}
.slide-slow-load.hide{
	background-color: rgba(var(--text),0.1);
}


.hold-image{
	background-color:rgba(var(--text),0.1);
	width:100%;
	height: 100%;
	justify-self: center;
	opacity: 1;
	transition: opacity var(--late-load-transition);
}

.hold-image.hide{opacity: 0;}


/* CONTACT US */
.contact{
	--flag-size:70px;
}
.offices-options{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:20px;
}
.offices-options .image{
	height: var(--flag-size);
	width: calc(var(--flag-size) * 2);
	background-position:center;
	background-repeat: no-repeat;
	background-size:cover;
	cursor: pointer;
	transition: var(--transition) var(--default-ease);
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.offices-options img{
	width: 100%;
	transform: scaleX(1.3);

}

.offices{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}
.offices li{
	display: flex;
	flex-direction: column;
	gap:10px;
}
.offices li>div{
	display: flex;
	gap:10px 30px;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.offices li>div>div{
	display: flex;
	flex-direction: column;
}
.offices li>div>div:not(.postal_address){
	max-width: 400px;
}

.offices li h2{text-align: center; width: 100%; font-weight: bold;}
.offices li span{font-size: small;opacity: 0.5;margin-bottom: 5px;}

.offices .detail{
	padding:calc( var(--clip-lean) + 10px);
}

.offices-options div.selected{
	box-shadow: 0 0 10px rgba(var(--text),0.5);
	outline-color: rgb(var(--page));
	outline-width: 2px;
}
.offices-options div.selected:hover{
	cursor: default;
}
.offices-options div:not(.selected){
	opacity: 0.5;
	width:var(--flag-size);
	border-radius: var(--flag-size);
}

.offices li:not(.selected){
	display: none;
}

.contact{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:0px;
}
.contact .centre{
	width: 100%;
	text-align: center;
	display: block;
	margin:0 auto;

}
.contact .linkedin svg{
	fill:var(--linkedin-person-logo);
	height:var(--flag-size);
	width: calc(var(--flag-size) * 0.7 * 56 / 14);
	margin: 0px 0 10px 0;
}


@media only screen and (min-width: 800px) {
	.contact{
		flex-direction: row;
		gap:40px;
	}
	.contact>*{
		flex: 1 1 0;
	}
	.contact .linkedin svg{
		margin: 0 0 30px 0;
	}

}
@media only screen and (max-width: 799px) {
	.contact.reverse{
		flex-direction: column-reverse;
		gap:30px;
	}

	.offices li>div{
		margin:0 var(--content-margins);
	}
	.page-width-limit .no-margins{
		margin-left: calc((min(100% - 2 * var(--content-margins), var(--page-width-limit)) - 100%) / 2);
		margin-right: calc((min(100% - 2 * var(--content-margins), var(--page-width-limit)) - 100%) / 2);
	}
	.contact .content{
		padding:40px 0;
		/* background-color: rgba(var(--text),0.1); */
		background-color: rgb(var(--toolbaropt));
	}

}

/* cookieyes tweaks */
.cli-bar-btn_container{	margin:0 auto !important;}
.cli-bar-container{
	margin: 0 auto;
	gap:5px 0px;
	max-width: 900px;
	transition: margin var(--transition);
	justify-content: center;
	/* justify-content: center; */
}
@media (max-width: 1100px) {.cli-bar-container{margin: 0 max(100px,5vw);}}
@media (max-width: 960px) {.cli-bar-container{margin: 0 5vw;}}
@media (max-width: 600px) {.cli-bar-container{margin: 0 10px;}}

.cli-bar-message{
	font-size: 0.9em;
}
@media (max-width: 450px) {.cli-bar-message{text-align: center !important;}}

#cookie-law-info-bar{
	background-color: rgb(var(--cookiebar)) !important;
	color:rgb(var(--page)) !important;
	box-shadow: 0 0 15px rgba(var(--blue),0.8);
	padding:15px 0 15px 0 !important;
	transition: padding var(--transition), background-color var(--transition);
}
.cli-modal-open #cookie-law-info-bar span{
	display: none;
}

@media (max-width: 440px) {
	#cookie-law-info-bar{padding:15px 0 50px 0 !important;	}
	.cli-bar-message{
		display: flex;
		flex-direction: column;
		gap:10px;
	}
}


.cli-bar-message strong{
	font-size: large !important;
	line-height:1.4;
	font-weight: bold !important;
	display: block !important;
}
.cli-bar-message a{
	display: inline-block;
	padding:0 10px !important;
	border-radius: 20px;
	background-color: rgba(var(--page),0.25);
	color:inherit !important;
	font-size: 90% ;
	text-decoration: none !important;
	line-height: 1.4 !important;
	margin:0 2px;
}
.cli-bar-container a{
	transition: background-color var(--transition),
			color var(--transition),
			opacity var(--transition);
}
.cli_settings_button{background-color: rgba(var(--grey-blue),0.8) !important;}
.cli-bar-container a:hover{background-color: rgb(var(--orange)) !important;}

.cli-modal-content{
	background-color: rgb(var(--page));
	box-shadow: 0 0 15px rgba(var(--dark-blue),0.8);
}
.cli-tab-section{background-color: rgba(var(--text),0.1);}

.cli-tab-header,.cli-tab-content{background-color: unset;}
.cli-privacy-overview *,.cli-tab-header *,.cli-tab-content *{color:rgb(var(--text)) !important;}
.cli-tab-header a:before{border-color: rgb(var(--text)) !important;}
.cli-modal-close svg{fill:rgb(var(--text)) !important;}
.cli-switch .cli-slider:after{color:unset;}

table.cookielawinfo-winter,
table.cookielawinfo-winter tbody tr,
table.cookielawinfo-winter tbody td,
table.cookielawinfo-winter tbody th{
	background: unset !important;
	background-color: rgb(var(--page)) !important;
}

p a.cli-plugin-button{
	background-color: var(--overlay) !important;
	border-radius: 20px !important;
	padding:0 10px !important;
	font-size: 90% !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	line-height: 25px !important;
	margin:0 !important;
	color: inherit !important
}
p a.cli-plugin-button:hover{
	background-color: rgb(var(--orange)) !important;
	color: rgb(var(--page)) !important;	
}


#cookie_action_close_header,
#wt-cli-privacy-save-btn
	{
	background-color: rgb(var(--toolbar)) !important;
	color:rgb(var(--text)) !important;
}
#cliModalClose{
	background-color: unset !important;
}

.cli-switch .cli-slider:before {
	background-color: rgb(var(--page));
}
.cli-switch .cli-slider{
	background-color: rgb(var(--text)) !important;
	-webkit-transition: 100ms;
	-o-transition: 100ms;
	-moz-transition: 100ms;
	transition: 100ms;
}
.cli-switch .cli-slider:before{
	-webkit-transition: 100ms;
	-o-transition: 100ms;
	-moz-transition: 100ms;
	transition: 100ms;
}
.cli-switch input:checked + .cli-slider{
	background-color: rgb(var(--orange)) !important;
}
table.cookielawinfo-row-cat-table th{
	background-color: rgb(var(--orange)) !important;
	color:rgb(var(--text)) !important;
}