/*--------------------------*/
/* GENERAL */
/*--------------------------*/
 .reading-variations {
}

/* Main Colors */
 .page-primary-col--orange {
	 --primary-background-color: #d04a02;
	 --primary-foreground-color: #fff;
}
 .page-primary-col--red {
	 --primary-background-color: #e0301e;
	 --primary-foreground-color: #fff;
}
 .page-primary-col--burgundy {
	 --primary-background-color: #a32020;
	 --primary-foreground-color: #fff;
}
 .page-primary-col--rose {
	 --primary-background-color: #d93954;
	 --primary-foreground-color: #fff;
}
:root {
  --bu-orange:#fd5108;
  --bu-black:#000;
  --bu-white:#fff;
  --bu-orange50:#fff5ed;
  --bu-orange100:#ffe8d4;
  --bu-orange700:#c52b09;
  --bu-grey50:#f5f7f8;
  --bu-grey200:#dfe3e6;
  --bu-grey300:#cbd1d6;
  --bu-grey700:#787e8a;
  --bu-grey800:#4c5056;
  --bu-grey900:#303236;
  --bu-transparent:transparent;
  --bu-form-asterisk:var(--bu-orange);
  --bu-form-success:#059669;
  --bu-form-error:#dc2626
  
   
   
  /* GREY PWC COLOURS */
	/* BACKGROUND GREY / LIGHT */
	 --grey-background: #f2f2f2;
	/* LIGHT GREY */
	 --lightgrey-color: #dedede;
	/* GREY */
	 --grey-color: #7d7d7d;
	/* MEDIUM GREY */
	 --mediumgrey-color: #464646;
	/* DARK GREY */
	 --darkgrey-color: #2d2d2d;
	/* DARK */
	 --darkergrey-color: #111111;
	/* BLACK */
	 --black-color: #000000;
	
	/* DARK & LIGHT COLOR */
	 --dark-color: #2d2d2d;
	 --light-color: #f2f2f2;
	
	 --white-color: #ffffff;
	
	/* PWC COLOURS */
	 --yellow-color: #ffb600;
	 --tangerine-color: #eb8c00;
	 --orange-color: #d04a02;
	 --rose-color: #d93954;
	 --red-color: #e0301e;

	 
	/* FONT FAMILIES */		 
	--helvetica-regular: "PwC Helvetica Neue","Helvetica Neue",Arial,Sans-Serif;
	--helvetica-light: "PwC Helvetica Neue Light","Helvetica Neue Light","PwC Helvetica Neue","Helvetica Neue",Arial,Sans-Serif;
	
	/* Bold font-face removed from system 03.12.2023 */
	/* --helvetica-bold: "PwC Helvetica Neue Bold","Helvetica Neue Bold","PwC Helvetica Neue","Helvetica Neue",Arial,Sans-Serif; */
	--helvetica-bold: "PwC Helvetica Neue","Helvetica Neue",Arial,Sans-Serif;
	--bold-helvetica: bold;
	 
	 /* TOP LINE PROPERTIES */
	--top-line-width: 80px;
	--top-line-height: 4px;
	--top-line-margin-bottom: 15px;
	 
	/* BASIC FONT SIZE */
	--basic-font-size: 1.125rem;
	 
	/* FONT SIZE */
	--h3-line-size: 2rem;
	--h3-heading-size: 1.75rem;
	 
	/* STATS NUMBER SIZING PROPERTIES */
	--stats-font-size: 3.5rem;
	--stats-line-height:1.2em;
	--stats-top-line-width: 50px;
	--stats-top-line-height: 4px;
}

.upper-kick-ref-point {}

.upper-kick {
	position: relative;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 2;
}

.upper-kick.upper-kick--sticky {
	position: sticky;
	top: 50px;
}

.upper-kick.upper-kick--fixed {
	max-height: 100%;
}

.upper-kick.upper-kick--fullview.upper-kick--fixed {
	overflow-y: scroll;
}

.upper-kick.upper-kick--fixed.upper-kick--detached {
	position: fixed;
	z-index: 1000;
}

.upper-kick.upper-kick--minimised {
	cursor: pointer;
}

.upper-kick .parsys {
	overflow: hidden;
	color: var(--black-color);
	background: var(--bu-grey50);
	border-top: 1px solid var(--bu-grey700)
}

.upper-kick .parsys * {
	color: var(--black-color) !important;
}

.upper-kick .upper-kick--toggle-section {
	overflow: hidden;
	max-height: 70vh;
	overflow-y: scroll;
	scrollbar-width: none;  /* Firefox */
}

 /* Hide scrollbar for Chrome, Safari and Opera */
.upper-kick .upper-kick--toggle-section::-webkit-scrollbar {
	display: none;
}

.upper-kick .upper-kick--toggle-section.upper-kick--in-transition {
	transition: height 0.3s ease;
}

.upper-kick.upper-kick--minimised .upper-kick--toggle-section {
	height: 0px;
}

.upper-kick .upper-kick--expand-shrink-button {
	position: absolute;
	right: 20px;
	bottom: -40px;
	display: block;
	padding: 20px;
	width: min-content;
	font-size: 0px;
	line-height: 0;
	background: var(--bu-grey50);
	border-radius: 100%;
	cursor: pointer;
	clip: rect(40px, auto, auto, auto);
}

.upper-kick.upper-kick--fullview.upper-kick--fixed .upper-kick--expand-shrink-button {
	top: 0px;
	right: 0px;
	bottom: auto;
	left: auto;
	margin: 0px;
	padding: 0px 20px 20px 20px;
	border-radius: 0;
	clip: unset;
}

.upper-kick .upper-kick--expand-shrink-button .upper-kick--button-arrow {
	display: block;
	margin: 10px;
	padding: 10px;
	width: 0px;
	height: 0px;
	border-right: 1px solid var(--bu-grey700);
	border-bottom: 1px solid var(--bu-grey700);
	transform-origin: center;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
}

.upper-kick.upper-kick--fullview .upper-kick--expand-shrink-button .upper-kick--button-arrow {
	transform: rotate(-135deg) translateX(-50%) translateY(-50%);
}

@media screen and (min-width: 768px) {
	.upper-kick .upper-kick--expand-shrink-button {
		right: 10%;
		clip: rect(50px, auto, auto, auto);
	}

	.upper-kick .upper-kick--expand-shrink-button .upper-kick--button-arrow {
		margin: 20px;
		padding: 16px;
	}
}

/*
@media screen and (min-width: 992px) {
	.upper-kick.upper-kick--sticky {
		top: 50px;
	}
}

*/