body.bu-theme {
/*--------------------------*/
/* GENERAL */
/*--------------------------*/
& {
/* Main Colors */
--rv-orange: #fd5108;
--rv-black: #000;
--rv-white: #fff;
--rv-orange50: #fff5ed;
--rv-orange100: #ffe8d4;
--rv-orange200: #ffcda8;
--rv-orange300: #ffaa72;
--rv-orange400: #fe7c39;
--rv-orange500: var(--rv-orange);
--rv-orange700: #c52b09;
--rv-grey50: #f5f7f8;
--rv-grey100: #eeeff1;
--rv-grey200: #dfe3e6;
--rv-grey300: #cbd1d6;
--rv-grey400: #b5bcc4;
--rv-grey500: #a1a8b3;
--rv-grey700: #787e8a;
--rv-grey800: #4c5056;
--rv-grey900: #303236;
/* PWC COLOURS */
--yellow-color: #ffb600;
--tangerine-color: #eb8c00;
--orange-color: var(--rv-orange);
--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;
}
/*-------------------------------------------------*/
/* ANIMATIONS, ANIMATED CONTENT */
/*-------------------------------------------------*/
.var--animated-content {
/* To keep spaces in between the value and the prexif/suffix, if needed. */
/* E.g. 50 % as the transformed `50 %` renders as `50%` while `50 %` would render as `50 %.` the way one would expect. */
white-space: pre;
}
/*-------------------------------------------------*/
/* ELEVATED CONTENT / FEATURED TILES */
/*-------------------------------------------------*/
.reading-variations.var_feature-tiles {}
.reading-variations.var_feature-tiles .var--feature-tiles--group {
margin-top: 40px;
margin-bottom: 40px;
}
.reading-variations.var_feature-tiles .var--feature-tiles--group:not(.columnControl) {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (width >=768px) {
.reading-variations.var_feature-tiles .var--feature-tiles--group:not(.columnControl) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >=992px) {
.reading-variations.var_feature-tiles:not(.var__2-cols) .var--feature-tiles--group:not(.columnControl) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.reading-variations.var_feature-tiles .text:not(.textimage) > .text-component {
width: auto !important;
}
.reading-variations.var_feature-tiles .textimage > .text-component {
width: 100% !important;
}
.reading-variations.var_feature-tiles .textimage {
position: relative;
display: flex;
flex-flow: row;
align-items: stretch;
align-content: start;
/* Overwrite DPE injecting 40px bottom margin on last child */
margin: 0px !important;
/* For some obscure reason needed for the card not to overflow */
height: 100%;
}
@media (width >=768px) {
.reading-variations.var_feature-tiles .textimage {
flex-flow: column;
}
}
.reading-variations.var_feature-tiles .textimage > div:empty {
display: none;
/* Hide empty div component to prevent grid layout breaking because of it */
}
.reading-variations.page-section--col-white.var_feature-tiles .textimage {
background: var(--rv-grey50);
}
.reading-variations.var_feature-tiles .textimage .textimage-image {
display: block;
margin: 0px;
width: 10px;
height: 100%;
float: none;
flex-shrink: 0;
background: var(--rv-orange);
}
.reading-variations.var_feature-tiles .textimage .textimage-image > * {
display: none;
}
@media (width >=480px) {
.reading-variations.var_feature-tiles .textimage .textimage-image {
width: 33.333%;
}
.reading-variations.var_feature-tiles .textimage .textimage-image > * {
display: unset;
}
}
@media (width >=768px) {
.reading-variations.var_feature-tiles .textimage .textimage-image {
width: 100%;
height: auto;
aspect-ratio: 16 / 7;
/* Reduce the image height as per mockup */
}
}
.reading-variations.var_feature-tiles .textimage .textimage-image .image-asset,
.reading-variations.var_feature-tiles .textimage .textimage-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reading-variations.var_feature-tiles .textimage .textimage-text {
width: 100%;
flex-grow: 1;
}
.reading-variations.var_feature-tiles .textimage .textimage-text .text-component {
position: relative;
display: flex;
flex-flow: column;
padding: 40px;
min-height: 100%;
min-width: auto;
z-index: 1;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0);
transition: margin-top 0.25s ease, border-top 0.25s ease;
}
/* width of intro text next to tile */
@media (min-width: 768px) {
.standard-reading .reading-variations.var_feature-tiles.page-section .parsys.sectionpar>.text.parbase.section:not(.textimage) .text-component {
width: 80%;
width: calc((100% / 24) * 20);
}
}
.reading-variations.var_feature-tiles .var--feature-tiles--expandable-content {
overflow: hidden;
}
.reading-variations.var_feature-tiles .var--feature-tiles--interactive {
background: var(--rv-white);
}
.reading-variations.page-section--col-white.var_feature-tiles .var--feature-tiles--interactive {
background: var(--rv-grey50);
}
.reading-variations.var_feature-tiles .var--feature-tiles--interactive .textimage-text,
.reading-variations.var_feature-tiles .var--feature-tiles--interactive .textimage-text .text-component {
background: inherit;
}
.reading-variations.page-section--col-white.var_feature-tiles .var--feature-tiles--interactive .textimage-text,
.reading-variations.page-section--col-white.var_feature-tiles .var--feature-tiles--interactive .textimage-text .text-component {
background: inherit;
}
.reading-variations.var_feature-tiles .textimage .textimage-text .text-component p {
margin: 0px;
}
.reading-variations.var_feature-tiles .textimage .textimage-text .text-component h4 {
margin: 10px 0px;
}
.reading-variations.var_feature-tiles.var__coloured .var--feature-tiles--interactive {
color: var(--rv-white);
background: var(--rv-orange50);
}
.reading-variations.var_feature-tiles.var__coloured .var--feature-tiles--interactive .text-component,
.reading-variations.var_feature-tiles.var__coloured .var--feature-tiles--interactive .text-component>* {
color: inherit;
}
.reading-variations.var_feature-tiles .textimage.var--feature-tiles--interactive .textimage-text .text-component .btn-cta--parent {
margin-top: auto;
}
/*-------------------------------------------------*/
/* FEATURED CONTENT */
/*-------------------------------------------------*/
.reading-variations.var_featured-content .featurecontent {}
@media only screen and (max-width: 767px) {
.reading-variations.var_featured-content .featurecontent .row {
display: block;
}
.reading-variations.var_featured-content .featurecontent .row .feature-content__container {
width: 100%;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel {
aspect-ratio: 1/1;
}
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel {
.feature-content__text {
display: flex;
flex-flow: column;
justify-content: space-between;
min-height: 0px;
background: var(--rv-grey50);
transition: min-height 0.2s ease;
}
&:hover .feature-content__heading {
background-color: transparent !important;
}
}
@media (min-width: 768px) {
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text {
min-height: 50%;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel:hover .feature-content__text,
.reading-variations.var_featured-content .featurecontent .feature-content__panel:focus .feature-content__text {
padding: unset;
min-height: 100%;
}
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text > .feature-content__heading,
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text > .feature-content_wrapper {
margin: 5px 10px 0px 30px;
padding: 0px;
background: unset;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content_wrapper {
background: unset;
}
@media (min-width: 768px) {
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content_wrapper {
overflow: hidden;
max-height: 0;
opacity: 0;
background: unset;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel:hover .feature-content__text .feature-content_wrapper,
.reading-variations.var_featured-content .featurecontent .feature-content__panel:focus .feature-content__text .feature-content_wrapper {
animation-name: featuredTileContentAppear;
animation-duration: 0.2s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
}
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content_wrapper p {
font-size: 1.25rem;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel:hover .feature-content__text .feature-content__heading span,
.reading-variations.var_featured-content .featurecontent .feature-content__panel:focus .feature-content__text .feature-content__heading span {
border: none;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content__tag-label {
display: none;
margin: 0px 10px 15px 30px;
padding: 0px 10px 5px 10px;
width: max-content;
color: var(--rv-black);
background: var(--rv-orange);
}
@media only screen and (min-width: 768px) {
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content__tag-label {
display: block;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel:hover .feature-content__text .feature-content__tag-label,
.reading-variations.var_featured-content .featurecontent .feature-content__panel:focus .feature-content__text .feature-content__tag-label {
display: none;
}
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content__read-more-label {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
margin: 15px 30px;
min-height: 30px;
font-size: 1.15rem;
font-weight: bold;
color: var(--rv-black);
}
@media only screen and (min-width: 768px) {
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content__read-more-label {
margin: 0px 30px;
height: 0px;
min-height: 0px;
opacity: 0;
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel:hover .feature-content__text .feature-content__read-more-label,
.reading-variations.var_featured-content .featurecontent .feature-content__panel:focus .feature-content__text .feature-content__read-more-label {
margin: 15px 30px;
height: 0px;
min-height: 30px;
opacity: 0;
animation-name: featuredTileContentAppear;
animation-duration: 0.2s;
animation-fill-mode: forwards;
}
}
.reading-variations.var_featured-content .featurecontent .feature-content__panel .feature-content__text .feature-content__read-more-label::after {
content: "";
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
display: block;
margin: auto;
padding: 13px;
border: 2px solid var(--rv-black);
border-radius: 100%;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 8 22 20 12' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 20 12 8 2' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: center;
background-size: 65% 65%;
background-repeat: no-repeat;
}
/*-------------------------------------------------*/
/* SYSTEM OVERWRITES */
/*-------------------------------------------------*/
/*----------------- signpost --------------------------*/
.fullwidth .signpost {
margin-top: 0px;
margin-bottom: 0px;
}
/*----------------- buttons chevrons --------------------------*/
.text-component p .btn.btn--transparent:is(.btn-cta--chevron,.btn-cta--download,.btn-cta--external,.btn) i + i {
display:none;
}
.text .btn-cta--parent a.btn i + i {
display: none !important;
}
.text-component .btn-cta--parent > .downloadfileSize {
display: none;
}
/*----------------- collections --------------------------*/
.collection-v3 .row {
max-width: 100vw;
}
.collectionShareIcon {
display: none !important;
}
/*----------------- awards / highlights --------------------------*/
@media screen and (max-width:767px) {
.dv-article.col-sm-4, .dv-article.col-sm-3 {
width: 100%;
}
}
.speakers .text-component p {
margin: 0 0 35px;
}
.hl-article.hl-preview .no-link.lg-text-link {
text-decoration-line: none;
}
/*----------------- empty summary explorer heading --------------------------*/
h2.summaryexplorerv2-heading:empty {
margin: 0;
margin-bottom: 60px;
}
.summaryexplorerv2-heading__container {
padding: 0;
}
h2.summaryexplorerv2-heading:not(:empty) {
padding: 40px 0 60px 0;
}
@media (min-width: 768px) {
.pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 10);
display: block;
}
.reading-variations.var_intro-panel-firmwide .parsys_column.pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 8);
display: block;
}
}
@media (min-width: 1200px) {
.pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 8 - (2*57px));
display: block;
}
.reading-variations.var_intro-panel-firmwide .parsys_column.pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 8);
display: block;
}
}
&.standard-reading .page-section .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 {
.text.parbase.section .text-component, .quote-component blockquote {
padding-right: 0px;
}
}
/*----------------- READING TEMPLATE STATS BAR / FEATURED CONTENT STAT BAR SYSTEM OVERRIDES --------------------------*/
#wrapper {
.statbar2-container {
margin-bottom: 20px;
.statbar2-wrapper {
.statbar-col {
p {
color: var(--rv-black);
}
.statline {
font-size: var(--stats-font-size);
}
}
}
}
/* regular stat bar featured content */
.stat-bar {
.stat-bar__stat {
font-size: var(--stats-font-size);
font-family: var(--helvetica-light);
}
.stat-bar__item::before {
width: var(--stats-top-line-width);
height: var(--stats-top-line-height);
}
.stat-bar__listing .stat-bar__item .stat-bar__item-content {
margin-top: 7px;
}
}
}
/* ----------------- VIDEO PLAYER MARGIN AS LAST CHILD ---------------------------*/
.columnControl .cmp-container div:last-child.videoplayer-v2 {
margin-bottom:0px;
}
/* ----------------- BOTTOM KICK MOBILE ---------------------------*/
@media screen and (max-width:767px) {
section#bottom-kick {
z-index:100;
}
}
/* TEXT QUOTE */
#wrapper {
.standard-spacing & {
.reading-variations {
&:where(.var__content-article, .var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before.textimage,
&.var_quote .parsys_column .text.spacer_before.textimage {
margin-top: 0px;
padding-top: 20px;
}
&.var_quote:where(.var__full-width, .var__half-width) .parsys_column .text.spacer_before.textimage{
margin-top: 0px;
padding-top: 25px;
}
&:where(.var__content-article, .var_quote) .sectionpar .quote .inlinequote:last-of-type {
margin-bottom: 20px;
}
&.var_quote {
&.var__half-width {
/* half-width no background in the middle */
@media screen and (max-width: 480px) {
.pwccol1-longform .text.spacer_before.textimage {
margin-top: 0px;
padding-top: 0px;
}
}
/* side quote on background */
&.var__background .parsys_column .text.spacer_before.textimage {
padding-bottom: 35px;
}
}
}
}
}
.reading-variations {
&.var__content-article .pwccol1-longform-left .text.spacer_before:not(.textimage) :where(b, strong),
&.var_quote:where(.var__full-width, .var__half-width, .var__content-article) .text.spacer_before:not(.textimage) :where(b, strong) {
font-weight: normal;
border-top-width: 0px;
font-family: var(--helvetica-light);
font-size: 32px;
font-size: 1.4rem;
line-height: 2.4rem;
/* full-width quote */
@media screen and (max-width: 991px) {
font-size: 30px;
font-size: 1.3rem;
line-height: 2.1rem;
}
}
/* quote blocks */
&.var_quote:where(.var__full-width, .var__half-width) {
:is(.pwccol3-longform, .pwccol2-longform, .pwccol2-longformc, .pwccol2-longformb) .text.spacer_before :where(b, strong) {
font-size: 30px;
font-size: 1.3rem;
line-height: 2.1rem;
}
}
}
}
/*-------------------------------------------------*/
/* STATIC TILES */
/*-------------------------------------------------*/
#wrapper {
.standard-spacing & .reading-variations.var_static-tiles .pwccol2-longform .parsys_column:is(.pwccol2-longform-c0, .pwccol2-longform-c1) .text,
.standard-spacing & .reading-variations.var_static-tiles .pwccol2-longformb .parsys_column:is(.pwccol2-longformb-c0, .pwccol2-longformb-c1) .text,
.standard-spacing & .reading-variations.var_static-tiles .pwccol2-longformc .parsys_column:is(.pwccol2-longformc-c0, .pwccol2-longformc-c1) .text,
.standard-spacing & .reading-variations.var_static-tiles .pwccol3-longform .parsys_column:is(.pwccol3-longform-c0, .pwccol3-longform-c1,.pwccol3-longform-c2) .text,
.standard-spacing & .reading-variations.var_static-tiles.var__full-width .pwccol1-longform .parsys_column:is(.pwccol1-longform-c0) .text {
margin-top:30px;
}
.reading-variations.var_static-tiles :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformb, .pwccol2-longformc) {
display: grid;
grid-gap: 20px;
justify-content: start;
}
.reading-variations.var_static-tiles :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformb, .pwccol2-longformc),
.reading-variations.var_static-tiles.var__full-width .pwccol1-longform {
margin-top: 30px;
}
.reading-variations.var_static-tiles .pwccol2-longform {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.reading-variations.var_static-tiles .pwccol3-longform {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.reading-variations.var_static-tiles .pwccol2-longformb {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.reading-variations.var_static-tiles .pwccol2-longformc {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.reading-variations.var_static-tiles .pwccol2-longform .parsys_column:is(.pwccol2-longform-c0, .pwccol2-longform-c1),
.reading-variations.var_static-tiles .pwccol3-longform .parsys_column:is(.pwccol3-longform-c0, .pwccol3-longform-c1, .pwccol3-longform-c2),
.reading-variations.var_static-tiles .pwccol2-longformb .parsys_column:is(.pwccol2-longformb-c0, .pwccol2-longformb-c1),
.reading-variations.var_static-tiles .pwccol2-longformc .parsys_column:is(.pwccol2-longformc-c0, .pwccol2-longformc-c1) {
width: auto;
}
.cmp-base-modernized & .reading-variations.var_static-tiles :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformc, .pwccol2-longformb) .cmp-container,
.cmp-base-modernized & .reading-variations.var_static-tiles.var__full-width :is(.pwccol1-longform) .cmp-container {
padding: 10px 20px 40px 20px;
}
.standard-reading & .page-section.reading-variations.var_static-tiles .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .text.parbase.section .text-component,
.standard-reading & .page-section.reading-variations.var_static-tiles .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .quote-component {
padding-left: 0px;
}
/* COLORS */
.reading-variations.var_static-tiles.page-section--col-light-grey .pwccol2-longform .parsys_column:is(.pwccol2-longform-c0, .pwccol2-longform-c1),
.reading-variations.var_static-tiles.page-section--col-light-grey .pwccol2-longformb .parsys_column:is(.pwccol2-longformb-c0, .pwccol2-longformb-c1),
.reading-variations.var_static-tiles.page-section--col-light-grey .pwccol2-longformc .parsys_column:is(.pwccol2-longformc-c0, .pwccol2-longformc-c1),
.reading-variations.var_static-tiles.page-section--col-light-grey .pwccol3-longform .parsys_column:is(.pwccol3-longform-c0, .pwccol3-longform-c1, .pwccol3-longform-c2) {
background-color:var(--rv-white);
}
.reading-variations.var_static-tiles.page-section--col-white .pwccol2-longform .parsys_column:is(.pwccol2-longform-c0, .pwccol2-longform-c1),
.reading-variations.var_static-tiles.page-section--col-white .pwccol2-longformb .parsys_column:is(.pwccol2-longformb-c0, .pwccol2-longformb-c1),
.reading-variations.var_static-tiles.page-section--col-white .pwccol2-longformc .parsys_column:is(.pwccol2-longformc-c0, .pwccol2-longformc-c1),
.reading-variations.var_static-tiles.page-section--col-white .pwccol3-longform .parsys_column:is(.pwccol3-longform-c0, .pwccol3-longform-c1, .pwccol3-longform-c2) {
background-color: var(--rv-grey50);
}
/* TRANSPARENT BOX - first-first, last-last, middle*/
.reading-variations.var_static-tiles.var__cols-start.var__transparent .columnControl:first-of-type .parsys_column:is(.pwccol3-longform-c0,.pwccol2-longform-c0),
.reading-variations.var_static-tiles.var__cols-end.var__transparent .columnControl:last-of-type .parsys_column:is(.pwccol3-longform-c2,.pwccol2-longform-c1),
.reading-variations.var_static-tiles.var__cols-middle.var__transparent .columnControl .parsys_column:is(.pwccol3-longform-c1) {
background: transparent !important;
}
/* FULL WIDTH COLOuR */
.reading-variations.var_static-tiles.page-section--col-light-grey.var__full-width .columnControl {
background-color: var(--rv-white);
}
.reading-variations.var_static-tiles.page-section--col-white.var__full-width .columnControl {
background-color: var(--rv-grey50);
}
/* center column */
.reading-variations.var_static-tiles.var__full-width .sectionpar .pwccol1-longform {
background-color: inherit;
}
@media screen and (max-width:960px) {
.reading-variations.var_static-tiles.var__full-width .sectionpar .parsys_column {
background-color: inherit;
}
.cmp-base-modernized & .reading-variations.var_static-tiles.var__full-width :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformc, .pwccol2-longformb) .parsys_column:nth-child(1) .cmp-container {
padding-top: 0px;
padding-bottom: 0px;
}
.cmp-base-modernized & .reading-variations.var_static-tiles.var__full-width :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformc, .pwccol2-longformb) .parsys_column:nth-child(2) .cmp-container {
padding-top: 0px;
}
}
/* small screens */
@media screen and (max-width:960px) {
.reading-variations.var_static-tiles :is(.pwccol2-longform, .pwccol3-longform, .pwccol2-longformb, .pwccol2-longformc) {
grid-template-columns:repeat(1, 100%);
}
}
/*----------------------------------*/
/* COMBINATION WITH STYLED FEATURE */
.reading-variations.var_static-tiles.var_styled-feature .image,
.reading-variations.var_static-tiles.var_styled-feature .image > .image-asset {
position: unset;
inset: 0;
inset: 0;
}
.reading-variations.var_static-tiles.var_styled-feature .image > .image-asset img {
margin: 0px;
width: 100%;
height: auto;
object-fit: contain;
}
.standard-spacing & .reading-variations.var_static-tiles.var_styled-feature .image {
padding-right: 0px;
padding-left: 0px;
}
.reading-variations.var_static-tiles.var_styled-feature .pwccol2-longform-c0 .text-component h2,
.reading-variations.var_static-tiles.var_styled-feature:is(.var__inline, .var__content-article) .text h3,
.reading-variations.var_static-tiles.var_styled-feature .pwccol2-longform-c0 .text-component > h6 {
margin-top: revert;
}
.reading-variations.var_static-tiles.var_styled-feature .columnControl > .parsys_column:is(.pwccol2-longformc) {
padding-left: 0px;
}
.reading-variations.var_static-tiles.var_styled-feature.var__right .pwccol2-longform {
padding: 0px 0px 0px 5px;
}
.reading-variations.var_static-tiles.var_styled-feature.var__left .pwccol2-longform {
padding: 0px;
}
.reading-variations.var_static-tiles.var_styled-feature :is(.pwccol2-longformb-c1,.pwccol2-longformc-c0) .cmp-container,
.reading-variations.var_static-tiles.var_styled-feature :is(.pwccol2-longformb-c1,.pwccol2-longformc-c0),
.reading-variations.var_static-tiles.var_styled-feature.var__right .pwccol2-longform .pwccol2-longform-c1,
.reading-variations.var_static-tiles.var_styled-feature.var__left .pwccol2-longform .pwccol2-longform-c0 {
padding: 0px;
}
.cmp-base-modernized & .reading-variations.var_static-tiles.var_styled-feature.var__left .pwccol2-longform .pwccol2-longform-c0 .cmp-container,
.cmp-base-modernized & .reading-variations.var_static-tiles.var_styled-feature.var__right .pwccol2-longform .pwccol2-longform-c1 .cmp-container {
padding: 0px;
}
@media screen and (max-width: 960px) {
.reading-variations.var_static-tiles.var_styled-feature .columnControl > .parsys_column {
padding-left: 0px;
}
.reading-variations.var_static-tiles.var_styled-feature .image > .image-asset img {
margin: 0px;
width: 100%;
height: auto;
object-fit: cover;
}
}
/* COLORS */
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-light-grey :is(.pwccol2-longformb,.pwccol2-longformc) :is(.pwccol2-longformb-c1,.pwccol2-longformc-c0),
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-white.var__right .pwccol2-longform .pwccol2-longform-c1,
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-white.var__left .pwccol2-longform .pwccol2-longform-c0 {
background-color: var(--rv-grey50);
}
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-white :is(.pwccol2-longformb,.pwccol2-longformc) :is(.pwccol2-longformb-c1,.pwccol2-longformc-c0),
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-white.var__right .pwccol2-longform .pwccol2-longform-c1,
.reading-variations.var_static-tiles.var_styled-feature.page-section--col-white.var__left .pwccol2-longform .pwccol2-longform-c0 {
background-color: var(--rv-white);
}
}
/*-------------------------------------------------*/
/* QUOTES */
/*-------------------------------------------------*/
/* GENERAL QUOTES -- REGULAR COMPONENT */
#wrapper {
.quote-component blockquote {
border-left: 0px solid var(--rv-orange);
padding-top: 8px;
padding-left: 0px;
}
.cmp-container > .quote:first-child {
margin-top: 40px;
.quote-component blockquote {
padding-top: 0px;
}
}
.page-primary-col--burgundy .quote-component blockquote p {
border-top: 0rem solid var(--rv-orange);
}
.quote-component blockquote:before {
content: "";
display: block;
width: 80px;
height: var(--top-line-height);
margin-bottom: 23.5px;
position: relative;
left: 0px;
border-top: 4px solid var(--orange-color);
}
.page-primary-col--red .quote-component blockquote:before,
.page-primary-col--rose .quote-component blockquote:before,
.page-primary-col--orange .quote-component blockquote:before {
border-color: var(--rv-orange);
}
/* quote component in 50/50 column on the right */
.standard-reading & .page-section.var-quote .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .quote-component {
padding-left: 0;
}
/* bottom of inlinequote */
.standard-spacing & .reading-variations.var_quote .sectionpar .quote .inlinequote:last-child {
margin-bottom: 10px;
}
/* REMOVE TOP TEXT COMPONENT BORDER */
.reading-variations:where(.var__content-article,.var_quote) .text.spacer_before {
border-top-width:0px;
}
/* TOP HEADLINE */
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before:not(.textimage)::before,
.reading-variations.var_quote:where(.var__full-width,.var__half-width) .text.spacer_before:not(.textimage)::before,
.reading-variations.var__content-article .pwccol1-longform-left .text.spacer_before:not(.textimage)::before {
content: "";
display: block;
width: var(--top-line-width);
height: var(--top-line-height);
margin-bottom: var(--top-line-margin-bottom);
position: relative;
left: 0px;
border-top: var(--top-line-height) solid var(--rv-orange);
}
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before.textimage::before,
.reading-variations.var_quote:where(.var__full-width,.var__half-width) .text.spacer_before.textimage::before {
display: none;
}
/* BACKGROUNDS */
/* basic - light grey*/
.reading-variations:where(.var__content-article,.var_quote.var__full-width).page-section--col-white .pwccol1-longform-left .text.spacer_before,
.reading-variations.var_quote.var__full-width.page-section--col-white .columnControl .text.spacer_before,
.reading-variations.var_quote.var__full-width.page-section--col-white :where(.pwccol3-longform-c0,.pwccol3-longform-c1,.pwccol3-longform-c2,.pwccol2-longform-c0,.pwccol2-longform-c1,.pwccol2-longformc-c0,.pwccol2-longformb-C0,.pwccol2-longformc-c1,.pwccol2-longformb-C1) ,
.reading-variations.var_quote.var__half-width.var__background.page-section--col-white .columnControl .text.spacer_before {
background-color:var(--rv-grey50);
color: var(--rv-black);
}
/* light */
.reading-variations:where(.var__content-article,.var_quote.var__full-width).var__light.page-section--col-light-grey .pwccol1-longform-left .text.spacer_before,
.reading-variations.var_quote.var__full-width.var__light.page-section--col-light-grey .columnControl .text.spacer_before,
.reading-variations.var_quote.var__full-width.var__light.page-section--col-light-grey :where(.pwccol3-longform-c0,.pwccol3-longform-c1,.pwccol3-longform-c2,.pwccol2-longform-c0,.pwccol2-longform-c1,.pwccol2-longformc-c0,.pwccol2-longformb-C0,.pwccol2-longformc-c1,.pwccol2-longformb-C1),
.reading-variations.var_quote.var__half-width.var__light.page-section--col-light-grey.var__dark .pwccol2-longform {
background-color: var(--rv-white);
color: var(--rv-black);
}
.reading-variations.var_quote.var__half-width.var__light.page-section--col-light-grey .pwccol2-longform .text.spacer_before{
background-color: var(--rv-white);
color: var(--rv-black);
}
/* transparent */
.reading-variations:where(.var__content-article,.var_quote.var__full-width).var__transparent .pwccol1-longform-left .text.spacer_before,
.reading-variations.var_quote.var__full-width.var__transparent .columnControl .text.spacer_before,
.reading-variations.var_quote.var__full-width.var__transparent :where(.pwccol3-longform-c0,.pwccol3-longform-c1,.pwccol3-longform-c2,.pwccol2-longform-c0,.pwccol2-longform-c1,.pwccol2-longformc-c0,.pwccol2-longformb-c0,.pwccol2-longformc-c1,.pwccol2-longformb-c1),
.reading-variations.var_quote.var__half-width.var__background.var__transparent .columnControl .text.spacer_before {
background-color:var(--transparent);
}
.reading-variations.var_quote.var__half-width.var__transparent .pwccol2-longform .text.spacer_before{
background-color:var(--transparent);
}
.reading-variations.var_quote.var__full-width.var__transparent :where(.pwccol3-longform, .pwccol2-longform, .pwccol2-longformc, .pwccol2-longformb) .text.spacer_before {
padding: 40px 0px 0px 0px;
}
.reading-variations.var_quote.var__full-width.var__transparent .parsys_column.pwccol3-longform .parsys_column {
padding-left: 0px;
}
/* CONTAINER SIZING */
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) {
margin-top: 30px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform-c0,.pwccol3-longform-c1,.pwccol2-longform-c0,.pwccol2-longformc-c0,.pwccol2-longformb-c0),
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform-c2,.pwccol2-longform-c1,.pwccol2-longformc-c1,.pwccol2-longformb-c1) {
margin-right: 15px;
}
@media screen and (min-width:768px) {
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform-c1,.pwccol3-longform-c2,.pwccol2-longform-c1,.pwccol2-longformc-c1,.pwccol2-longformb-c1),
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform-c0,.pwccol3-longform-c1,.pwccol2-longform-c0,.pwccol2-longformc-c0,.pwccol2-longformb-c0) {
margin-left: 15px;
}
}
/* left-66 size to 100 & other width quotes */
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column .pwccol1-longform-left-c0 {
width: 100%;
max-width: 100%;
max-width: calc((100% / 12) * 10);
margin: auto;
padding-bottom: 0px;
}
@media screen and (min-width:768px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column .pwccol1-longform-left-c0 {
max-width: 100%;
margin: 0px;
}
}
@media screen and (min-width:1199px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column .pwccol1-longform-left-c0 {
margin: 0px;
max-width: 100%;
}
}
@media screen and (min-width:1400px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column .pwccol1-longform-left-c0 {
margin: auto;
max-width: calc((100% / 12) * 10);
}
}
@media screen and (max-width:992px) {
.cmp-base-modernized & .reading-variations.var_quote.var__full-width .pwccol3-longform,
.cmp-base-modernized & .reading-variations.var_quote.var__full-width .pwccol2-longform {
display: block;
max-width: calc((100% / 12) * 12);
}
.reading-variations.var_quote.var__full-width .parsys_column .parsys_column.pwccol3-longform-c1 {
margin-top: 30px;
margin-bottom: 30px;
}
.reading-variations.var_quote.var__full-width .parsys_column .parsys_column.pwccol2-longform-c0 {
margin-bottom: 30px;
}
}
@media screen and (max-width:767px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column .pwccol1-longform-left-c0 {
max-width: calc((100% / 12) * 12);
max-width: 100%;
}
}
.reading-variations.var_quote.var__full-width .parsys_column .parsys_column {
width: 100%;
/* max-width:calc((100% / 12) * 12); */
max-width: 100%;
padding-bottom: 0px;
}
/* PADDINGS */
/* system padding overwrite */
.standard-reading & .page-section.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column.pwccol1-longform-left .parsys_column.pwccol1-longform-left-c0 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column.pwccol1-longform-left .parsys_column.pwccol1-longform-left-c0 .quote-component blockquote,
.reading-variations.var_quote.var__full-width .parsys_column .text.parbase.section.spacer_before .text-component,
.reading-variations.var_quote.var__full-width .parsys_column .quote-component blockquote {
padding-right: 0;
}
.standard-reading & .page-section.reading-variations.var_quote.var__full-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c0 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c0 .quote-component blockquote,
.standard-reading & .page-section.reading-variations.var_quote.var__full-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c1 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c1 .quote-component blockquote,
.standard-reading & .page-section.reading-variations.var_quote.var__full-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c2 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c2 .quote-component blockquote,
.standard-reading & .page-section.reading-variations.var_quote.var__full-width .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c0 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c0 .quote-component blockquote,
.standard-reading & .page-section.reading-variations.var_quote.var__full-width .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .quote-component {
padding-right: 0px;
padding-left: 0px;
}
.standard-reading & .page-section.reading-variations.var_quote.var__half-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c0 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote.var__half-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c1 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote.var__half-width .parsys_column.parsys_column.pwccol3-longform .parsys_column.pwccol3-longform-c2 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote.var__half-width .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c0 .text.parbase.section.spacer_before .text-component,
.standard-reading & .page-section.reading-variations.var_quote.var__half-width .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .text.parbase.section.spacer_before .text-component {
padding-right: 0px;
padding-left: 0px;
}
/* box edges - paddings full width */
@media screen and (min-width:768px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before{
padding: 40px 50px 10px 50px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 40px 15px 0px 15px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before:last-of-type,
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before:last-of-type {
padding-bottom: 40px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before.textimage {
padding-bottom: 25px;
/*padding-top: 30px;*/
}
}
@media screen and (min-width:1199px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before{
padding: 40px 90px 10px 90px;
margin-top: 0px;
}
}
@media screen and (max-width:991px) {
.reading-variations.var_quote.var__full-width .pwccol1-longform-left .text.spacer_before{
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (max-width:767px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before{
padding: 40px 40px 10px 40px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 40px 40px 0px 40px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before:last-of-type,
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before:last-of-type {
padding-bottom: 40px;
}
.reading-variations.var_quote.var__full-width .pwccol1-longform-left .text.spacer_before {
padding-right: 40px;
padding-left: 40px;
}
}
@media screen and (max-width:480px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before{
padding: 30px 20px 0px 20px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 30px 20px 0px 20px;
margin-top: 0px;
}
.reading-variations.var_quote.var__full-width :where(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before:last-of-type,
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before:last-of-type {
padding-bottom: 30px;
}
.reading-variations.var_quote.var__full-width .pwccol1-longform-left .text.spacer_before{
padding-right: 20px;
padding-left: 20px;
}
}
/* half-width no background */
.reading-variations.var_quote.var__half-width :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 50px 40px 0 0px;
margin-top: 0px;
}
@media screen and (max-width:767px) {
.reading-variations.var_quote.var__half-width :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 20px 0px 0px 10px;
margin-top: 0px;
}
.reading-variations.var_quote.var__half-width :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before + .text.spacer_before.textimage,
.reading-variations.var_quote.var__half-width :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before:last-of-type {
padding-bottom: 30px;
}
}
/* half-width no background in the middle */
.reading-variations.var_quote.var__half-width :where(.pwccol1-longform) .text.spacer_before {
padding-top: 10px;
padding-bottom:10px;
}
@media screen and (max-width:767px) {
.reading-variations.var_quote.var__half-width :where(.pwccol1-longform) .text.spacer_before {
padding-top: 30px;
padding-bottom:30px;
}
}
@media screen and (max-width:480px) {
.reading-variations.var_quote.var__half-width :where(.pwccol1-longform) .text.spacer_before.textimage {
padding-top: 0px;
padding-bottom:0px;
}
}
/* box edges - paddings half-width with background */
@media screen and (min-width:768px) {
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 40px 40px 0px 40px;
margin-top: 40px;
}
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before.textimage {
padding-bottom: 30px;
}
}
@media screen and (max-width:767px) {
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 40px 40px 0 40px;
margin-top: 20px;
}
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before.textimage {
padding-bottom: 40px;
}
}
@media screen and (max-width:480px) {
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before {
padding: 30px 20px 0 20px;
margin-top: 20px;
}
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before.textimage {
padding-bottom: 40px;
}
}
.reading-variations.var_quote.var__half-width:where(.var__background,.var__dark,.var__light) :where(.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before:last-of-type {
padding-bottom: 40px;
}
/* all quote boxes */
.reading-variations.var_quote.var__full-width .parsys_column.pwccol1-longform .parsys_column .text-component,
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .parsys_column.pwccol1-longform-left .parsys_column .text-component,
.reading-variations.var_quote.var__full-width .parsys_column.pwccol2-longform .parsys_column .text-component,
.reading-variations.var_quote.var__full-width .parsys_column.pwccol2-longformb .parsys_column .text-component,
.reading-variations.var_quote.var__full-width .parsys_column.pwccol2-longformc .parsys_column .text-component,
.reading-variations.var_quote.var__full-width .parsys_column.pwccol3-longform .parsys_column .text-component {
min-width: auto;
}
}
/*--------------------------*/
/* LINK EXPLORER */
/*--------------------------*/
.reading-variations.var_link-explorer .link-explorer__intro-heading {
font-family: "PwC ITC Charter", Georgia, serif;
margin-bottom: 40px;
}
.reading-variations.var_link-explorer .link-explorer__group {
padding-top: 0;
}
.reading-variations.var_link-explorer .link-explorer__group-heading {
border: none;
display: none;
}
.reading-variations.var_link-explorer .link-explorer__link {
border: 1px solid #fff;
padding: 20px;
padding-right:50px;
margin-bottom: 30px;
}
/* bold heading */
.reading-variations.var_link-explorer.var__bold .link-explorer .link-explorer__link .link-explorer__link-text {
font-weight: bold;
}
@media (max-width: 480px) {
.reading-variations.var_link-explorer .link-explorer__intro-heading {
margin-bottom: 30px;
}
}
/* arrows */
.reading-variations.var_link-explorer .link-explorer__link::after {
content: "";
position: absolute;
top: 0px;
right: 20px;
bottom: 0px;
margin: auto;
width: 13px;
height: 13px;
border-left: 1px solid;
border-bottom: 1px solid;
transform: translateY(-25%) rotate(-135deg);
}
.reading-variations.var_link-explorer .link-explorer__link:hover::after {
right: 10px;
}
.reading-variations.var_link-explorer .link-explorer__link {
position: relative;
}
/*-----------------------------------------*/
/* HERO CAMPAIGN & FIRMWIDE INTRO PANEL */
/*-----------------------------------------*/
/* HERO CAMPAIGN INTRO PANEL */
.reading-variations.var_intro-panel-campaign .columnControl {
position: relative;
background: var(--rv-white);
z-index: 3
}
.reading-variations.var_intro-panel-campaign.page-section--col-light-grey .columnControl {
background: var(--rv-grey50);
}
&.standard-reading .page-section.reading-variations.var_intro-panel-campaign .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text.parbase.section .text-component {
padding-right: 0px;
}
/* screens */
@media screen and (min-width: 768px) {
.reading-variations.var_intro-panel-campaign .columnControl:nth-child(1),
.reading-variations.var_intro-panel-campaign .columnControl:nth-child(1) .text.parbase.section {
margin-top: 0px;
padding-top: 0px;
margin-bottom: -10px;
min-height: 80px;
}
.reading-variations.var_intro-panel-campaign .hero-title-textpanel {
padding-bottom: 110px;
padding-left: 0px;
}
.cmp-base-modernized.standard-spacing .reading-variations.var_intro-panel-campaign.intro-panel_blank .parsys.sectionpar .columnControl:nth-last-child(1) {
margin-bottom: 0px;
}
.reading-variations.var_intro-panel-campaign .sectionpar {
width: 100%;
padding-top: 20px;
padding-left: 98px;
padding-right: 98px;
}
.reading-variations.var_intro-panel-campaign .pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 10);
}
}
@media screen and (min-width:1200px) {
.standard-spacing .reading-variations.var_intro-panel-campaign .text {
margin-top: 0px;
}
.standard-spacing .reading-variations.var_intro-panel-campaign .text p {
padding-top: 15px;
}
.reading-variations.var_intro-panel-campaign .columnControl .parsys_column .cmp-container {
padding: 0px;
}
}
@media screen and (min-width:1300px) {
.reading-variations.var_intro-panel-campaign .pwccol1-longform .pwccol1-longform-c0 {
width: calc((100% / 12) * 8);
}
}
@media screen and (max-width:1023px) {
.reading-variations.var_intro-panel-campaign .columnControl,
.reading-variations.var_intro-panel-campaign .text.parbase.section {
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width:767px) {
.reading-variations.var_intro-panel-campaign .pwccol1-longform-c0 {
width: calc((100% / 12) * 8);
}
}
@media (max-width: 640px) {
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol1-longform .parsys_column .text-component,
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol1-longform-left .parsys_column .text-component,
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol2-longform .parsys_column .text-component,
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol2-longformb .parsys_column .text-component,
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol2-longformc .parsys_column .text-component,
.reading-variations.var_intro-panel-campaign .parsys_column.pwccol3-longform .parsys_column .text-component {
min-width: auto;
}
.reading-variations.var_intro-panel-campaign .pwccol1-longform-c0 {
width: 90%;
}
}
/* FIRMWIDE INTRO PANEL */
.reading-variations.var_intro-panel-firmwide .text.spacer_before{
border-top-width:0px;
}
.reading-variations.var_intro-panel-firmwide .text.spacer_before::before {
content: "";
display: block;
width: 150px;
height: 3px;
margin-bottom: 22.5px;
position: relative;
left: 0px;
border-top: 8px solid var(--rv-orange);
}
.cmp-base-modernized.standard-spacing .reading-variations.var_intro-panel-firmwide .parsys.sectionpar .columnControl:nth-last-child(1) {
margin-bottom: 0px;
}
&.standard-reading .page-section.reading-variations.var_intro-panel-firmwide .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text.parbase.section.spacer_before .text-component {
padding-right: calc(2*57px);
width:100%;
width:initial;
}
@media screen and (max-width: 990px) {
&.standard-reading .page-section.reading-variations.var_intro-panel-firmwide .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text.parbase.section.spacer_before .text-component {
padding-right: 57px;
}
}
@media (max-width: 767px) {
.reading-variations.var_intro-panel-firmwide .text.spacer_before {
margin-right: 0px;
margin-left:30px;
}
.reading-variations.var_intro-panel-firmwide .parsys_column.pwccol1-longform .parsys_column .text-component {
min-width: auto;
}
}
/*-----------------------------------------*/
/* HERO INTERVIEW */
/*-----------------------------------------*/
/*----- SIMPLE + VIDEO ------*/
.reading-variations.var_hero-interview.var__simple#title .hero-card-wrapper .hero-card {
margin-bottom: 0px;
}
.reading-variations.var_hero-interview.var__simple#title .hero-card-wrapper .hero-card-wrapper--no-image.hero-card .hero-card__secondary {
margin-bottom: 0px;
padding-top:0px;
display:none;
}
.reading-variations.var_hero-interview.var__simple .hero-card-wrapper .hero-card-wrapper--no-image.hero-card .hero-card__primary-title {
font-size: 2.5rem;
font-style: normal;
line-height: 1.3em;
}
.reading-variations.var_hero-interview.var__simple .hero-card-wrapper .hero-card-wrapper--no-image.hero-card .hero-card__primary-eyebrow {
font-size: 1.5rem;
}
/* video section */
.reading-variations.var_hero-interview .videoplayer-v2,
.reading-variations.var_hero-interview .videoplayer-v3 {
margin-top:;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .videoplayer-v3.outline .videoplayerv3-wrapper {
padding-top: 0px;
padding-bottom: 0px;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .videoplayer-v3 .videoplayerv3-wrapper {
margin: 0px 0;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .videoplayer-v3.outline .videoplayerv3-wrapper {
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .videoplayer-v3 .videojs-description .short-data span.contentType {
display: none;
}
.page-section.page-section--col-white.reading-variations.var_hero-interview.var__simple:not(#title) {
height: 100%;
background: linear-gradient(180deg, var(--bu-grey50) 20%, #ffFFFF 0%);
}
.reading-variations.var_hero-interview.var__simple:not(#title) .vjs-poster,
.reading-variations.var_hero-interview.var__simple:not(#title) .video-js {
background-color: transparent;
background-image: none !important;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .video-js .vjs-big-play-button {
margin: auto;
}
.reading-variations.var_hero-interview.var__simple:not(#title) .video-js .vjs-big-play-button {
transform: scale(2);
}
/* Elevated content in the hero */
#wrapper#wrapper .reading-variations.var_styled-feature.var_hero-interview .pwccol2-longform,
#wrapper#wrapper .reading-variations.var_styled-feature.var_hero-interview .pwccol2-longform-c0 {
background-color: var(--rv-grey200);
}
/* AUTHOR BLOCK */
#wrapper {
.reading-variations:where(.var_quote,.var__content-article) .pwccol1-longform-left .text.spacer_before.textimage,
.reading-variations:where(.var_quote,.var__content-article) .quote .text.spacer_before.textimage,
.reading-variations.var_quote .text.spacer_before.textimage {
margin-top: 0px;
padding-top: 0px;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
}
.reading-variations:where(.var_quote,.var__content-article) .pwccol1-longform-left .text.spacer_before.textimage,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.textimage {
margin-top: 0px;
padding-top: 0px;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
}
.reading-variations.var_quote .text.spacer_before.textimage.image_left .textimage-image,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.textimage.image_left .textimage-image,
.reading-variations:where(.var_quote,.var__content-article) .pwccol1-longform-left .text.spacer_before.textimage.image_left .textimage-image {
margin: 0 0px 0px 0;
padding-right: 15px;
width: 120px;
max-width: 120px;
}
@media screen and (max-width: 767px) {
.reading-variations.var_quote .text.spacer_before.textimage.image_left .textimage-image,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.textimage.image_left .textimage-image,
.reading-variations:where(.var_quote,.var__content-article) .pwccol1-longform-left .text.spacer_before.textimage.image_left .textimage-image {
width:80px;
}
}
/* AUTHOR INFORMATION */
.reading-variations:is(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text:where(.spacer_before.textimage,.spacer_before) .text-component :is(strong, sub, sup, b) :is(sub, sup, strong, b),
.reading-variations.var_quote.var__half-width .text:where(.spacer_before.textimage,.spacer_before) .text-component :is(strong, sub, sup, b) :is(sub, sup, strong, b),
.reading-variations.var_quote:where(.var__full-width,.var__half-width) :is(.pwccol3-longform,.pwccol2-longform,.pwccol2-longformc,.pwccol2-longformb) .text.spacer_before :is(strong, sub, sup, b) :is(sub, sup, strong, b),
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before :is(strong, sub, sup, b) :is(sub, sup, strong, b) {
font-size: 1rem;
line-height: 1.3;
font-family: var(--helvetica-regular);
font-weight: normal;
border-top-width: 0px;
font-style: normal;
bottom: 0;
}
.reading-variations:is(.var_quote,.var__content-article) p :where(sub, sup, strong, b, em, i) :where(sub, sup, strong, b, em, i) :where(strong, b, em, i) {
font-family: var(--helvetica-bold);
font-weight: var(--bold-helvetica);
font-style: normal;
}
.reading-variations:is(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text:where(.spacer_before.textimage,.spacer_before) .text-component :is(strong, sub, sup, b) :is(sub, sup, strong, b) {
font-size: 1rem;
line-height: 1.3;
}
.reading-variations.var_quote.var__half-width .text:where(.spacer_before.textimage,.spacer_before) .text-component :is(strong, sub, sup, b) :is(sub, sup, strong, b) {
font-size: 1rem;
line-height: 1.3;
}
/* in textimage */
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.textimage .text-component p,
.reading-variations.var__content-article .pwccol1-longform-left .text.spacer_before.textimage .textimage-text p,
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before.textimage .textimage-text p {
line-height: 1.3;
}
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.textimage.image_left .textimage-text,
.reading-variations.var__content-article .pwccol1-longform-left .text.spacer_before.textimage.image_left .textimage-text,
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before.textimage.image_left .textimage-text {
margin-top:0px;
margin-bottom: 9px;
width: calc(100% - 60px);
}
.reading-variations.var_quote:is(.var__full-width,.var__half-width) .quote + .text.spacer_before.textimage.image_left .textimage-text {
width: calc(100% - 120px);
}
@media screen and (max-width:640px) {
.reading-variations.var__content-article .pwccol1-longform-left .text.spacer_before.textimage.image_left .textimage-text {
width: calc(100% - 60px);
}
}
/* author name */
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before.textimage .text-component :where(strong,sub,i,em,b) :where(strong,sub,i,em,b) :where(strong,sub,i,em,b),
.reading-variations.var_quote:where(.var__half-width,.var__content-article) .text.spacer_before.textimage .text-component :where(strong,sub,i,em,b) :where(strong,sub,i,em,b) :where(strong,sub,i,em,b),
.reading-variations:where(.var_quote,.var__content-article) .quote + .textimage.text.spacer_before .text-component :where(strong,sub,i,em,b) :where(strong,sub,i,em,b) :where(strong,sub,i,em,b) {
font-family: var(--helvetica-bold);
font-weight: var(--bold-helvetica);
font-style:normal;
line-height: 1rem;
}
/* PHOTO */
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before .textimage-image .asset-sharing-component > a > img,
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before .textimage-image .asset-sharing-component > a > img,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before .textimage-image .asset-sharing-component > a > img {
border-radius: 100%;
width: 90px;
max-width: 100px;
height: 90px;
max-height: 100%;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations:where(.var__content-article,.var_quote.var__full-width) .pwccol1-longform-left .text.spacer_before .textimage-image .asset-sharing-component > a > img,
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations.var_quote:where(.var__full-width,.var__half-width,.var__content-article) .text.spacer_before .textimage-image .asset-sharing-component > a > img,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before .textimage-image .asset-sharing-component > :where(img, a),
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before .textimage-image .asset-sharing-component > a > img {
width: 60px;
height: 60px;
}
}
/* no photo */
.reading-variations:where(.var_quote,.var__content-article) .text.spacer_before.textimage.image_right .textimage-image,
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.image_right .textimage-image {
margin: 0;
}
.reading-variations:where(.var_quote,.var__content-article) .quote + .text.spacer_before.image_right .textimage-text,
.reading-variations:where(.var_quote,.var__content-article) .text.spacer_before.textimage.image_right .textimage-text {
margin-bottom: 9px;
width: calc(100% - 80px);
}
/* REGULAR TEXT OVERWRITES */
/* overwrites */
.reading-variations.var__content-article .columnControl + .stats {
margin: 80px 0px;
}
.reading-variations.var__content-article .columnControl + .columnControl,
.reading-variations.var__content-article .stats + .columnControl,
.reading-variations.var__content-article .image + .columnControl .pwccol1-longform-left {
margin: 40px 0px;
}
.reading-variations:where(.var_quote.var__full-width,.var__content-article).page-section--col-light-grey .sectionpar > .columnControl > .pwccol1-longform-left,
.reading-variations.var_quote.var__full-width .sectionpar > .columnControl > .pwccol1-longform-left {
margin-top: 40px;
}
.reading-variations.var__content-article .columnControl + .columnControl .pwccol1-longform-c0 .text{
margin: 0;
}
.reading-variations:where(.var_quote, .var__content-article) .quote + .text.spacer_before.textimage {
padding-bottom: 30px; /* 17 November 2023 17.11. */
}
.reading-variations:where(.var_quote, .var__content-article) .quote + .text.spacer_before.textimage:last-of-type {
padding-bottom: 0px; /* 17 November 2023 17.11. */
}
/* small screens :not(.pwccol1-longform-left) */
@media screen and (max-width: 992px) {
.reading-variations.var__content-article .columnControl + .columnControl {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.reading-variations.var__content-article .columnControl + .columnControl {
margin: 20px 0 20px 0px;
}
}
}
/*-------------------------------------------------*/
/* NAVIGATION / ANCHOR LINKS / QUICK LINKS */
/*-------------------------------------------------*/
#wrapper {
.reading-variations.var_anchor-links .text-component-lead {
margin-bottom: 30px;
}
.reading-variations.var_anchor-links .text-component-lead p {
padding-top: 10px;
display: grid;
grid-template-columns: repeat(auto-fit, 220px);
gap: 1rem;
justify-content: center;
}
.reading-variations.var_anchor-links .text-component-lead p a {
justify-self: center;
text-align: center;
width: 100%;
}
@media (min-width: 1400px) {
.reading-variations.var_anchor-links .text-component-lead p {
padding-right: 0;
}
.reading-variations.var_anchor-links .columnControl .text-component-lead p {
padding-right: 0;
}
&.standard-reading & .page-section.reading-variations.var_anchor-links .columnControl .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text.parbase.section .text-component {
padding-right:0px;
}
}
@media (min-width: 1200px) {
.reading-variations.var_anchor-links .text-component-lead p {
padding-right: 0px;
}
.reading-variations.var_anchor-links .columnControl .text-component-lead p {
padding-right: 0;
}
}
.standard-reading & .page-section.reading-variations.var_anchor-links .parsys.sectionpar > .text.parbase.section.text-component-lead .text-component {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.reading-variations.var_anchor-links .text-component-lead p a {
padding: 0;
padding-top: 10px;
margin: 0;
color: var(--rv-black);
border-top: 2px solid var(--rv-black);
border-bottom: none;
display: grid;
grid-template-rows: auto;
gap: 0.8rem;
align-content: space-between;
justify-items: center;
font-style: normal;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
}
.reading-variations.var_anchor-links .text-component-lead p > a:is(:hover, :focus) {
color: var(--rv-orange700);
border-top-color: var(--rv-orange700);
border-bottom: none !important;
}
.reading-variations.var_anchor-links .text-component-lead p a::after {
border-style: solid;
border-width: 0.02em 0.02em 0 0;
content: '';
height: 0.8em;
width: 0.8em;
position: relative;
top: 0;
transform: rotate(135deg);
margin-left: 0em;
}
@media (max-width: 640px) {
.reading-variations.var_anchor-links .text-component-lead p a::after {
margin-bottom: 10px;
}
}
.standard-spacing .reading-variations.var_anchor-links .sectionpar > .text:last-child {
margin-bottom: 30px;
}
.standard-spacing .reading-variations.var_anchor-links .text {
margin-top: 0px;
}
}
/*--------------------------*/
/* HEADINGS */
/*--------------------------*/
.reading-variations.var__content-article h2,
.reading-variations.var_chapter-heading h2 {
font-size: 2.375rem;
line-height: 1.3em;
font-family: var(--helvetica-light);
font-style: normal;
font-weight: normal;
}
.reading-variations.var__content-article h2:not(:first-of-type),
.container .reading-variations.var__content-article p + h2{
margin-top: 80px;
}
@media (max-width: 767px) {
.reading-variations.var__content-article h2,
.reading-variations.var_chapter-heading h2 {
font-size: 1.6rem;
line-height: 1.2em;
}
}
.reading-variations h2:is([style*="text-align: center;"],[style*="text-align: center"],[style*="text-align:center;"],[style*="text-align:center"],[style*="text-align: center; "],[style*="text-align: center "]) {
width: fit-content;
margin-right: auto;
margin-left: auto;
}
/* .reading-variations:not(.var_styled-feature) h2:not(:empty)::before */
.reading-variations.var__content-article:not(.var_styled-feature) h2:not(:empty)::before,
.reading-variations.var_chapter-heading:not(.var_styled-feature) h2:not(:empty)::before {
content: "";
display: block;
width: var(--top-line-width);
height: var(--top-line-height);
margin-bottom: var(--top-line-margin-bottom);
position: relative;
left: 0px;
border-top: var(--top-line-height) solid var(--rv-orange);
}
.reading-variations.var__content-article:not(.var_styled-feature) :is(.cta-card) h2:not(:empty)::before,
.reading-variations.var_chapter-heading:not(.var_styled-feature) :is(.cta-card) h2:not(:empty)::before {
border-top: none;
margin-bottom:unset;
height: unset;
width: unset;
}
/* dark DPE component*/
.reading-variations:is(.var_chapter-heading,.var__content-article) .tabs-background__dark h2:not(:empty)::before {
border-top-color: var(--rv-white);
}
/* empty summary explroer heading */
.reading-variations.var__content-article :is(h2,.h2).summaryexplorerv2-heading:empty {
margin-bottom: 50px;
}
.reading-variations:is(.var__content-article).var__revert-headline-border h2::before {
display:none;
}
/*------------------------------*/
/* HORIZONTAL TABS */
/*------------------------------*/
@font-face {
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'stroke7pixeden';
src:url('/content/pwc/script/rm/en/stroke7pixeden/pe-icon-7-stroke.eot?u58ytb');
src:url('/content/pwc/script/rm/en/stroke7pixeden/pe-icon-7-stroke.eot?#iefixu58ytb') format('embedded-opentype'),
url('/content/pwc/script/rm/en/stroke7pixeden/pe-icon-7-stroke.woff?u58ytb') format('woff'),
url('/content/pwc/script/rm/en/stroke7pixeden/pe-icon-7-stroke.ttf?u58ytb') format('truetype'),
url('/content/pwc/script/rm/en/stroke7pixeden/pe-icon-7-stroke.svg?u58ytb#stroke7pixeden') format('svg');
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(1) a:before {
content: "\e68c";
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(2) a:before {
content: "\e68e";
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(3) a:before {
content: "\e622";
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(4) a:before {
content: "\e662";
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(5) a:before {
content: "\e671";
}
.reading-variations.var_horizontal-tabs .nav-tabs li:nth-child(6) a:before {
content: "\e6bc";
}
.reading-variations.var_horizontal-tabs a.btn--transparent {
border-color: var(--rv-white);
}
.reading-variations.var_horizontal-tabs a.btn--transparent:hover {
background: var(--rv-white);
color: var(--rv-grey300);
}
.reading-variations.var_horizontal-tabs .nav-tabs {
display: flex;
margin: 40px 0 0 0 !important;
padding: 0;
max-width: 1200px;
flex-flow: row wrap;
justify-content: flex-start;
box-shadow: 1px 0 0 0 rgba(224,48,30,1) inset;
}
.reading-variations.var_horizontal-tabs .nav-tabs.displayTags > li.active > a,
.reading-variations.var_horizontal-tabs .nav-tabs.displayTags > li.active > a, .nav-tabs.displayTags > li > a:hover,
.reading-variations.var_horizontal-tabs .nav-tabs.displayTags > li.active > a:hover,
.reading-variations.var_horizontal-tabs .nav-tabs.displayTags > li > a:focus,
.reading-variations.var_horizontal-tabs .nav-tabs.displayTags > li.active > a:focus {
border-color: transparent;
border: none;
}
.reading-variations.var_horizontal-tabs .nav-tabs li {
margin: 0;
flex: none;
position: relative;
z-index: 1;
display: block;
max-width: 150px;
word-wrap: normal;
}
.reading-variations.var_horizontal-tabs .nav-tabs li {
box-shadow: -1px 0 0 0 rgba(224,48,30,1) inset;
margin: 0;
}
.reading-variations.var_horizontal-tabs .nav-tabs a {
padding: 1.5rem 1.25rem .5rem;
text-align: center;
color: var(--rv-white);
transition: color 0.3s;
position: relative;
display: block;
overflow: hidden;
/* white-space: nowrap; */
white-space:wrap;
line-height: 1.5;
border-radius: 0;
background-color: none;
border: none;
font-size: 1.25rem;
font-family: var(--helvetica-light);
letter-spacing: 0.025rem;
}
.reading-variations.var_horizontal-tabs .nav-tabs a:hover,
.reading-variations.var_horizontal-tabs .nav-tabs a:focus {
color: var(--rv-grey200);
background-color: transparent;
}
.reading-variations.var_horizontal-tabs .nav-tabs li.active a {
color: var(--rv-white);
background-color: transparent;
}
.reading-variations.var_horizontal-tabs .nav-tabs a:before {
content: "\e614";
display: block;
margin: 0;
transition: transform 0.5s;
transform: translate3d(0, -5px, 0);
vertical-align: middle;
font-size: 2.25rem;
font-family: "stroke7pixeden";
line-height: 1;
speak: none;
}
.reading-variations.var_horizontal-tabs .nav-tabs li.active a:before, .reading-variations.var_horizontal-tabs .nav-tabs li:hover a:before {
transform: translate3d(0, -10px, 0);
}
.reading-variations.var_horizontal-tabs .nav-tabs a:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: var(--rv-orange700);
content: '';
transition: background-color 0.3s, transform 0.3s;
transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
transform: translate3d(0,100%,0) translate3d(0,0,0);
}
.reading-variations.var_horizontal-tabs .nav-tabs li.active {
transform: translate3d(0,0,0);
background: var(--rv-orange700);
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
.reading-variations.var_horizontal-tabs .nav-tabs a {
font-size: 1.15rem;
}
}
@media screen and (max-width: 1024px) {
.reading-variations.var_horizontal-tabs .nav-tabs a:after {
transform: translate3d(0,100%,0) translate3d(0,-1px,0);
}
.reading-variations.var_horizontal-tabs .nav-tabs {
display: block;
box-shadow: none;
}
.reading-variations.var_horizontal-tabs .nav-tabs li {
display: block;
flex: none;
width: 100%;
}
.reading-variations.var_horizontal-tabs .nav-tabs li a {
white-space: normal;
padding: 1rem;
box-shadow: none;
}
.reading-variations.var_horizontal-tabs .text-component a.btn {
white-space: normal;
}
}
@media screen and (max-width:767px){
.reading-variations.var_horizontal-tabs .tabsnew .tab-content .image {
display:none;
}
}
/*-------------------------------------------------*/
/* */
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* */
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* BACKGROUNDS VARIATIONS */
/*-------------------------------------------------*/
/* MEDIUM GREY */
.page-section.page-section--col-light-grey.reading-variations.var__mediumgrey,
.ixfsection .reading-variations.var__mediumgrey.ixf__light-grey {
background: var(--rv-grey50);
}
/* DARK GREY */
.page-section.page-section--col-light-grey.reading-variations.var__darkgrey,
.page-section.page-section--col-primary.reading-variations.var__darkgrey,
section.reading-variations.var__darkgrey.ixf__light-grey,
.reading-variations.var__darkgrey {
background: var(--rv-grey50);
}
/* DARK */
/* BLACK */
.page-section.page-section--col-light-grey.reading-variations.var__black,
.ixfsection .reading-variations.var__black.ixf__light-grey {
color: var(--rv-white);
background: var(--rv-black);
}
/* ? */
.page-section--col-light-grey.reading-variations.var__black .videoplayer-v2.colors-light-grey-parent,
.page-section--col-light-grey.reading-variations.var__black .videoplayerv2.video-asset-details,
.page-section--col-light-grey.reading-variations.var__black .videoplayerv2.white {
background: var(--rv-grey300);
background-color: transparent;
}
/* VIDEO ON DARK */
.reading-variations.var__darkgrey .new-modal,
.reading-variations.var__darkgrey .new-modal .facetednavigation_modal-body,
.reading-variations.var__mediumgrey .new-modal,
.reading-variations.var__mediumgrey .new-modal .facetednavigation_modal-body,
.reading-variations.var__black .new-modal,
.reading-variations.var__black .new-modal .facetednavigation_modal-body {
background: transparent !important;
}
.reading-variations .new-modal .facetednavigation_modal-body * {
color: var(--rv-grey300) !important;
}
.reading-variations.var__darkgrey .new-modal .facetednavigation_modal-body *,
.reading-variations.var__mediumgrey .new-modal .facetednavigation_modal-body *,
.reading-variations.var__black .new-modal .facetednavigation_modal-body *,
.black-bg .collection-v2 * {
color: var(--rv-white) !important;
}
.page-section.page-section--col-light-grey.reading-variations.var__black .collectionv2-component .video_mobile .heading {
color: var(--rv-white) !important;
}
/* BUTTONS */
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .btn--transparent,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .btn--transparent:link,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .btn--transparent:visited,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component .btn.btn--transparent,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component .btn.btn--transparent:link,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component .btn.btn--transparent:visited {
color: var(--rv-white);
}
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .btn--transparent:hover:is(.btn-cta--red,.btn-cta--orange,.btn-cta--digitalrose,.btn-cta--white,.btn-cta--burgundy),
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component .btn.btn--transparent:hover:is(.btn-cta--red,.btn-cta--orange,.btn-cta--digitalrose,.btn-cta--white,.btn-cta--burgundy) {
color: var(--rv-grey300);
}
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .btn--transparent,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .btn--transparent:link,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .btn--transparent:visited,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .text-component .btn.btn--transparent,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .text-component .btn.btn--transparent:link,
body .reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .collectionv2-component .video_mobile .text-component .btn.btn--transparent:visited {
color: var(--rv-grey300) !important;
}
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component p .btn.btn--transparent.btn-cta--chevron i {
background-image: url(/etc.clientlibs/pwc/clientlibs/rebrand-clientlibs/components-colors/resources/images/cta-btn-images/Right-Chevron-white.svg);
}
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component p .btn.btn--transparent.btn-cta--chevron:hover i,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component p .btn.btn--transparent.btn-cta--chevron:focus i,
.reading-variations:is(.var__dark,.var__darkgrey,.var__mediumgrey,.var__black,.var__darkgrey) .text-component p .btn.btn--transparent.btn-cta--chevron:active i {
background-image: url(/etc.clientlibs/pwc/clientlibs/rebrand-clientlibs/components-colors/resources/images/cta-btn-images/Right-Chevron-black.svg);
}
/*-------------------------------------------------*/
/* GENERAL MODIFICATIONS */
/*-------------------------------------------------*/
/* hide-remove live-copy removed part*/
.reading-variations .reference-xf .ghost {
visibility:hidden;
display:none;
}
/* var__circle */
.reading-variations.var__content-article.var__circle .textimage-image .asset-sharing-component img {
border-radius: 100%;
width:90px;
max-width:100px;
height:90px;
max-height:100%;
object-fit: cover;
}
/* var__no-bottom-padding */
.cmp-base-modernized.standard-spacing .reading-variations.var__no-bottom-padding .parsys.sectionpar .columnControl:nth-last-child(1) {
margin-bottom: 0px;
}
/* var__centered */
&.standard-reading .page-section.reading-variations.var__centered .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text.parbase.section .text-component {
padding-right: 0px;
}
.reading-variations.var__centered .parsys_column.pwccol1-longform .parsys_column.pwccol1-longform-c0 .text-component p .btn.btn--transparent {
margin-right: 0px;
}
/* var__bottom-padding-40 */
.reading-variations.var__bottom-padding-40 .parsys.sectionpar {
padding-bottom:40px;
}
/* TRANSPARENT BACKGROUND */
#wrapper .page-section:is(.page-section--col-light-grey,.page-section--col-white).reading-variations.var__transparent {
background: transparent !important;
}
/*----------------- centering center column --------------------------*/
@media screen and (max-width: 640px) {
.reading-variations .parsys_column.pwccol1-longform .parsys_column .text-component,
.reading-variations .parsys_column.pwccol1-longform-left .parsys_column .text-component,
.reading-variations .parsys_column.pwccol2-longform .parsys_column .text-component,
.reading-variations .parsys_column.pwccol2-longformb .parsys_column .text-component,
.reading-variations .parsys_column.pwccol2-longformc .parsys_column .text-component,
.reading-variations .parsys_column.pwccol3-longform .parsys_column .text-component {
min-width: auto;
}
}
/* var_textimate-icon, var__left var__right, var__indent-140 by 10 to var__indent-50 */
/* var__left */
.reading-variations.var__textimage-indent.var__left.var__140 .textimage-text {
margin-left: 140px;
}
.reading-variations.var__textimage-indent.var__left.var__130 .textimage-text {
margin-left: 130px;
}
.reading-variations.var__textimage-indent.var__left.var__120 .textimage-text {
margin-left: 120px;
}
.reading-variations.var__textimage-indent.var__left.var__110 .textimage-text {
margin-left: 110px;
}
.reading-variations.var__textimage-indent.var__left.var__100 .textimage-text {
margin-left: 100px;
}
.reading-variations.var__textimage-indent.var__left.var__90 .textimage-text {
margin-left: 90px;
}
.reading-variations.var__textimage-indent.var__left.var__80 .textimage-text {
margin-left: 80px;
}
.reading-variations.var__textimage-indent.var__left.var__70 .textimage-text {
margin-left: 70px;
}
.reading-variations.var__textimage-indent.var__left.var__60 .textimage-text {
margin-left: 60px;
}
.reading-variations.var__textimage-indent.var__left.var__50 .textimage-text {
margin-left: 50px;
}
@media screen and (max-wdith:768px) {
.reading-variations.var__textimage-indent.var__left.var__140 .textimage-text {
margin-left: 110px;
}
.reading-variations.var__textimage-indent.var__left.var__130 .textimage-text {
margin-left: 100px;
}
.reading-variations.var__textimage-indent.var__left.var__120 .textimage-text {
margin-left: 90px;
}
.reading-variations.var__textimage-indent.var__left.var__110 .textimage-text {
margin-left: 90px;
}
.reading-variations.var__textimage-indent.var__left.var__100 .textimage-text {
margin-left: 70px;
}
.reading-variations.var__textimage-indent.var__left.var__90 .textimage-text {
margin-left: 60px;
}
.reading-variations.var__textimage-indent.var__left.var__80 .textimage-text {
margin-left: 50px;
}
.reading-variations.var__textimage-indent.var__left.var__70 .textimage-text {
margin-left: 40px;
}
.reading-variations.var__textimage-indent.var__left.var__60 .textimage-text {
margin-left: 30px;
}
.reading-variations.var__textimage-indent.var__left.var__50 .textimage-text {
margin-left: 10px;
}
}
/* var__right */
.reading-variations.var__textimage-indent.var__right.var__140 .textimage-text {
margin-right: 140px;
}
.reading-variations.var__textimage-indent.var__right.var__130 .textimage-text {
margin-right: 130px;
}
.reading-variations.var__textimage-indent.var__right.var__120 .textimage-text {
margin-right: 120px;
}
.reading-variations.var__textimage-indent.var__right.var__110 .textimage-text {
margin-right: 110px;
}
.reading-variations.var__textimage-indent.var__right.var__100 .textimage-text {
margin-right: 100px;
}
.reading-variations.var__textimage-indent.var__right.var__90 .textimage-text {
margin-right: 90px;
}
.reading-variations.var__textimage-indent.var__right.var__80 .textimage-text {
margin-right: 80px;
}
.reading-variations.var__textimage-indent.var__right.var__70 .textimage-text {
margin-right: 70px;
}
.reading-variations.var__textimage-indent.var__right.var__60 .textimage-text {
margin-right: 60px;
}
.reading-variations.var__textimage-indent.var__right.var__50 .textimage-text {
margin-right: 50px;
}
@media screen and (max-wdith:768px) {
.reading-variations.var__textimage-indent.var__right.var__140 .textimage-text {
margin-right: 110px;
}
.reading-variations.var__textimage-indent.var__right.var__130 .textimage-text {
margin-right: 100px;
}
.reading-variations.var__textimage-indent.var__right.var__120 .textimage-text {
margin-right: 90px;
}
.reading-variations.var__textimage-indent.var__right.var__110 .textimage-text {
margin-right: 90px;
}
.reading-variations.var__textimage-indent.var__right.var__100 .textimage-text {
margin-right: 70px;
}
.reading-variations.var__textimage-indent.var__right.var__90 .textimage-text {
margin-right: 60px;
}
.reading-variations.var__textimage-indent.var__right.var__80 .textimage-text {
margin-right: 50px;
}
.reading-variations.var__textimage-indent.var__right.var__70 .textimage-text {
margin-right: 40px;
}
.reading-variations.var__textimage-indent.var__right.var__60 .textimage-text {
margin-right: 30px;
}
.reading-variations.var__textimage-indent.var__right.var__50 .textimage-text {
margin-right: 10px;
}
}
/*-------------------------------------------------*/
/* TEMPORARY OVERRIDES */
/*-------------------------------------------------*/
.reading-variations.var__temporary h2 {
font-family: "PwC ITC Charter",Georgia,Serif;
font-style: normal;
font-weight: normal;
color: var(--rv-grey300);
}
.reading-variations.var__temporary h2::before {
content: "";
width: unset;
height: unset;
margin-bottom: initial;
left: 0px;
border-top: 0px solid var(--rv-orange);
}
/*---------------------------------------*/
/* CUSTOM SIGN POST to be not used */
/*---------------------------------------*/
.reading-variations.custom-signpost .columnControl {
margin-top: 40px;
}
.reading-variations.custom-signpost .columnControl * {
color: var(--rv-white);
}
/* button color */
.reading-variations.custom-signpost .btn--transparent,
.reading-variations.custom-signpost .btn--transparent:link,
.reading-variations.custom-signpost .btn--transparent:visited,
body .reading-variations.custom-signpost .text-component .btn.btn--transparent,
body .reading-variations.custom-signpost .text-component .btn.btn--transparent:link,
body .reading-variations.custom-signpost .text-component .btn.btn--transparent:visited {
background: transparent;
border: 1px solid var(--rv-white);
color: var(--rv-white);
}
.reading-variations.custom-signpost .text-component p .btn.btn--transparent.btn-cta--chevron i {
background-image: url(/etc.clientlibs/pwc/clientlibs/rebrand-clientlibs/components-colors/resources/images/cta-btn-images/Right-Chevron-white.svg);
}
/* background column */
.reading-variations.custom-signpost .columnControl .pwccol2-longform-c0 {
background-color: var(--rv-orange);
}
.reading-variations.custom-signpost .columnControl .pwccol2-longform-c1 {
background-color: var(--rv-grey200);
}
/* text padding */
&.standard-spacing .reading-variations.custom-signpost .text {
margin-top: 0px;
}
&.standard-reading .page-section.reading-variations.custom-signpost .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c0 .text.parbase.section .text-component {
padding-right: 0px;
}
&.standard-reading .page-section.reading-variations.custom-signpost .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1 .text.parbase.section .text-component {
padding-left: 0px;
}
.page-section.reading-variations.custom-signpost .pwccol2-longform.parsys_column .cmp-container {
padding: 40px;
}
/*-------------------------------------------------*/
/* TABS FROM COLUMN CONTROL */
/*-------------------------------------------------*/
#wrapper {
.var_tabs {
/* Tabs from column control - additional tweaks */
.tabs-container {
&.darkgrey .tab-header {
border-color: var(--rv-grey50);
}
.pwccol2-longform {
flex-wrap: wrap;
flex-direction: column;
pwccol2-longform-c0, .pwccol2-longform-c1 {
width: 100%;
}
}
}
/* Override standard tabs */
.tabsnew {
margin-top: 0 !important;
.nav-tabs {
justify-content: space-between;
position: sticky;
top: 0;
z-index: 10;
@media (width <= 480px) {
overflow-x: scroll;
flex-wrap: nowrap;
background: var(--rv-white);
}
@media (width > 480px) {
justify-content: center;
&::before {
content: "";
display: block;
margin: 0px auto;
width: calc(100vw - 15px);
height: 100%;
background: var(--rv-grey50);
position: absolute;
}
section:is(.page-section--col-light-grey, .ixf__light-grey, .var__dark) &::before {
background: var(--rv-white);
}
}
& > li {
float: none;
margin: 0;
padding: 10px;
border-bottom: 5px solid var(--rv-grey200);
display: block;
text-align: center;
@media (width > 480px) {
padding: 10px 20px;
width: 33%;
.var_tabs.var__4-cols & {
width: 24.9%;
}
}
.displayTags &:is(.active, :hover) {
border-color: var(--orange-color);
}
&:not(:first-child) {
border-left: 1px solid transparent inset;
}
& > a {
color: var(--rv-black);
background: transparent !important;
font-weight: bold;
font-size: 1rem;
line-height: 1.35rem;
border: 0 !important;
opacity: .6;
transition: opacity .3s ease, border .3s ease;
.active &, &:hover {
color: var(--rv-black);
opacity: 1;
}
@media (width <= 980px) {
padding: 20px 0 10px 0;
}
}
}
}
}
}
}
/* ==================== */
/* INDEX LIST OVERWRITE */
/* ==================== */
#wrapper {
.standard-spacing .reading-variations .sectionpar > .indexlist:last-child {
margin-bottom: 0px;
}
.standard-spacing .reading-variations .indexlist {
margin-top: 0px;
}
.reading-variations .link-index {
padding-top: 0px;
h2.link-index__heading {
margin-top: 40px;
margin-bottom: 20px;
&:empty {
visibility: hidden;
display: none;
}
}
/* overwritting DPE styles */
/* regular links */
.link-index__group .link-index__link {
margin: 0px;
padding: 0px;
text-decoration: none;
border: none;
&.link-index__link--top-level {
margin-top: 30px;
margin-bottom: 10px;
display: block;
}
/* no links groups headings */
.var__no-top-nav-links & {
padding: 30px 0px 10px;
margin-top: 0px;
cursor: default;
display: block;
pointer-events: none;
}
.link-index__link-text {
position: relative;
display: block;
margin-bottom: 4px;
padding: 10px 40px 10px 15px;
color: var(--rv-black);
font-family: var(--helvetica-regular);
font-size: 1.1rem;
line-height: 1.3em;
line-height: 1.5em;
border: 1px solid var(--rv-grey200);
word-wrap: break-word;
box-sizing: border-box;
cursor: pointer;
transition: width 2s;
:is(.page-section.page-section--col-light-grey, .ixf__light-grey) & {
border-color: var(--rv-grey300);
}
&.link-index__top-level-link {
font-family: var(--helvetica-regular);
font-size: 1.3rem;
line-height: 2rem;
}
/* chevron */
&::after {
content: "";
position: absolute;
top: 0px;
right: 20px;
bottom: 0px;
display: block;
margin: auto;
width: 14px;
height: 14px;
border-style: solid;
border-color: var(--rv-black);
border-width: 1px 1px 0px 0px;
transform: rotate(45deg);
transition: right 0.25s ease-in-out;
}
.var__no-top-nav-links & {
&::after {
display: none;
}
}
}
&:is(:hover, :focus) .link-index__link-text {
color: var(--rv-white);
background: var(--rv-black);
border-color: var(--rv-black);
/* chevron */
&::after {
right: 10px;
border-color: var(--rv-white);
}
}
}
}
}
/* ==================== */
/* Webtile with image */
/* ==================== */
#wrapper {
.reading-variations.var_webtile-with-image {
.parsys {
background: var(--rv-orange50);
}
.text.textimage {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin: 0px auto;
padding: 40px 15px;
color: var(--rv-black);
@media (width >= 768px) {
grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr);
width: 750px;
&.var__reverse-order {
grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr);
}
}
@media (width >= 992px) {
width: 970px;
}
@media (width >= 1200px) {
width: 1170px;
}
@media (width >= 1400px) {
width: 1370px;
}
& > :empty {
display: none;
}
.textimage-image {
margin: 0px;
&.var__reverse-order {
order: 2;
}
.asset-sharing-component {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.textimage-text {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
&.var__reverse-order {
order: 1;
}
p {
position: static;
margin: 0px;
font-family: var(--helvetica-light);
font-weight: 100;
font-size: 34px;
line-height: 1.25em;
strong {
font-family: var(--helvetica-regular);
font-weight: bold;
font-size: inherit;
line-height: inherit;
}
a.btn {
&::before {
content: "";
position: absolute;
inset: 0px;
}
}
}
}
}
}
}
/*-------------------------------------------------*/
/* HEROs */
/*-------------------------------------------------*/
.reading-variations.var__top-left .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image img,
.reading-variations.var__top-left .hero-v2 .herov2__wrapper .herov2__asset-wrapper .herov2__image--fallback {
object-position: left top;
}
.reading-variations.var__bottom-left .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image img,
.reading-variations.var__bottom-left .hero-v2 .herov2__wrapper .herov2__asset-wrapper .herov2__image--fallback {
object-position: left bottom;
}
.reading-variations.var__top-right .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image img,
.reading-variations.var__top-right .hero-v2 .herov2__wrapper .herov2__asset-wrapper .herov2__image--fallback {
object-position: right top;
}
.reading-variations.var__bottom-right .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image img,
.reading-variations.var__bottom-right .hero-v2 .herov2__wrapper .herov2__asset-wrapper .herov2__image--fallback {
object-position: right bottom;
}
.reading-variations.var__center-15 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 15%;
}
.reading-variations.var__center-20 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 20%;
}
.reading-variations.var__center-25 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 25%;
}
.reading-variations.var__center-30 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 30%;
}
.reading-variations.var__center-35 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 35%;
}
.reading-variations.var__center-40 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 40%;
}
.reading-variations.var__center-45 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 45%;
}
.reading-variations.var__center-50 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 50%;
}
.reading-variations.var__center-55 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 55%;
}
.reading-variations.var__center-60 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 60%;
}
.reading-variations.var__center-65 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 65%;
}
.reading-variations.var__center-70 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 70%;
}
.reading-variations.var__center-75 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 75%;
}
.reading-variations.var__center-80 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 80%;
}
.reading-variations.var__center-85 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 85%;
}
.reading-variations.var__center-90 .hero-v2 .herov2__wrapper .herov2__asset-wrapper :is(.herov2__image--fallback, .herov2__video--source) {
object-position: 50% 90%;
}
/* ARTICLE */
.reading-variations.var_hero-article {
background: none !important;
/* Workaround hero section primary color breaking bottom layout */
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__primary .hero-card__primary-title {
font-size: 2.5rem;
line-height: 1.3em;
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__primary .hero-card__primary-eyebrow {
font-size: 1.5rem;
line-height: 1.15em;
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__primary ul.caption-text {
margin: 0px 0px 60px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1rem;
list-style: none;
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__primary ul.caption-text li {
align-items: center;
display: flex;
color: var(--rv-black);
font-weight: bold;
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__primary ul.caption-text li:not(:last-child)::after {
content: "";
margin: 0px 10px;
background: var(--rv-black);
display: inline-flex;
height: 1rem;
width: 1px;
}
.reading-variations.var_hero-hub .hero-card-wrapper--with-image .hero-card__secondary,
.reading-variations.var--hero-video .title.teaser.hero-card-wrapper .var--hero-card__video img,
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .hero-card__secondary .share-toggle-btn {
display: none
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .summary-text.text-component {
margin-top: -20px;
margin-bottom: 0px;
}
@media (min-width: 1024px) {
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .summary-text.text-component {
margin-top: -50px;
margin-bottom: 20px;
}
}
.reading-variations.var_hero-article .title.teaser.hero-card-wrapper .summary-text.text-component p {
font-family: var(--helvetica-bold);
font-weight: var(--bold-helvetica);
font-size: 1.325rem;
line-height: 1.75em;
}
/* summary text */
.reading-variations .summary-text p {
margin: 0 0 35px;
}
.reading-variations .summary-text p + p {
margin-top: -8px;
}
.reading-variations .summary-text p:last-of-type {
margin-bottom: 0px;
}
/* CAMPAIGN HERO - PLATFORM HERO */
.reading-variations.var_hero-campaign {}
.reading-variations.var_hero-campaign .hero-title-textpanel--compaign h1 {
text-align:left;
}
.reading-variations.var_hero-campaign .hero-title-component .hero-title .textColumn {
width: calc(100% - 30px);
display:flex;
justify-content: center;
background: var(--rv-white) !important;
padding: 0px;
margin-left:15px;
}
.page-primary-col--rose .page-section.page-section--col-primary.reading-variations.var_hero-campaign,
.page-primary-col--red .page-section.page-section--col-primary.reading-variations.var_hero-campaign,
.page-primary-col--orange .page-section.page-section--col-primary.reading-variations.var_hero-campaign {
background: transparent;
}
.reading-variations.var_hero-campaign.light-grey-background .hero-title-component .hero-title .textColumn {
background: var(--rv-grey50) !important;
}
.reading-variations.var_hero-campaign .hero-title-textpanel--compaign .compaign-hlight__inner {
background: none;
box-shadow: none;
color:var(--rv-black);
padding-bottom:0px;
padding-top: 0px;
}
.reading-variations.var_hero-campaign .hero-title-textpanel--compaign h1 {
line-height: 1.4em !important;
line-height: 1em !important;
font-size: 2.9rem !important;
margin-bottom: 20px !important;
margin-top: 10px !important;
}
.reading-variations.var_hero-campaign .hero-title-textpanel--compaign p.sub-heading {
margin-top: 30px !important;
line-height: 1.5em !important;
font-size: 1.3rem !important;
text-align:left;
margin-bottom: 20px !important;
}
.cmp-base-modernized .reading-variations.var_hero-campaign .hero-title-component .hero-title .textColumn {
z-index: 1;
}
@media screen and (min-width:768px) {
.reading-variations.var_hero-campaign .hero-title-textpanel {
padding: 19px 0px 10px 0px;
width: calc((100% / 12) * 10);
top: 10px !important;
position:relative;
}
.reading-variations.var_hero-campaign .hero-title-textpanel--compaign {
min-height: 400px !important;
}
body .reading-variations.var_hero-campaign .hero-title-component .hero-title {
height: calc(80vh - 200px);
max-height: calc(1000px + 60px);
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
body .reading-variations.var_hero-campaign .hero-title-component .hero-title {
height: calc(80vh - 200px);
max-height: calc(1000px + 60px);
}
}
@media screen and (max-width:768px) {
.reading-variations.var_hero-campaign .hero-title .hero-title-textpanel {
margin-top: 0px;
}
.reading-variations.var_hero-campaign .hero-title .hero-title-textpanel {
padding: 10px 50px;
}
.reading-variatons.var_hero-campaign .hero-title-textpanel--compaign h1 {
font-size: 2.33rem !important;
line-height: 1 !important;
}
}
/* video */
section.reading-variations.var_hero-campaign.videobg .parsys.sectionpar {
position: relative;
z-index: 10 !important;
}
/* HERO FIRMWIDE */
.reading-variations.var_hero-firmwide {}
.reading-variations.var_hero-firmwide .hero-title-component .hero-title .textColumn {
width: calc(100% - 30px);
display: flex;
justify-content: center;
background: var(--rv-white) !important;
padding: 0px;
margin-left: 15px;
}
.page-section.page-section--col-primary.reading-variations.var_hero-firmwide {
background: transparent;
}
.reading-variations.var_hero-firmwide.light-grey-background .hero-title-component .hero-title .textColumn {
background: var(--rv-grey50) !important;
}
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign .compaign-hlight__inner {
background: none;
box-shadow: none;
color: var(--rv-black);
padding-bottom: 0px;
padding-top: 0px;
word-wrap: break-word;
}
@media screen and (min-width:480px) {
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign h1 {
line-height: 1.4em !important;
line-height: 1em !important;
font-size: 2.9rem !important;
}
}
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign p.sub-heading {
margin-top: 10px !important;
line-height: 1em !important;
}
@media screen and (min-width:768px) {
.reading-variations.var_hero-firmwide .hero-title-textpanel {
padding: 19px 0px 10px 5px;
width: calc((100% / 12) * 8);
top: 10px !important;
position:relative;
}
body .reading-variations.var_hero-firmwide .hero-title-component .hero-title {
height: calc(500px + 60px);
height: calc(100vh - 200px);
max-height: calc(1000px + 60px);
}
.cmp-base-modernized .reading-variations.var_hero-firmwide .hero-title-component .hero-title .textColumn {
z-index: 0;
}
section.reading-variations.var_hero-firmwide .videobg .parsys.sectionpar {
position: relative;
z-index: 10 !important;
}
}
@media screen and (max-width:767px) {
.reading-variations.var_hero-firmwide .hero-title .hero-title-textpanel {
margin-top: 0px;
}
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign {
margin-top: 350px;
}
.reading-variations.var_hero-firmwide .hero-title .hero-title-textpanel {
padding: 10px;
padding-left: 15px;
margin-left: 15px;
}
.reading-variations.var_hero-firmwide .hero-title-component .hero-title .textColumn {
justify-content: left;
}
}
@media screen and (max-width:410px) {
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign {
margin-top: 300px;
}
}
@media screen and (max-width:360px) {
.reading-variations.var_hero-firmwide .hero-title-textpanel--compaign {
margin-top: 250px;
}
}
/* HERO FIRMWIDE & CAMPAIGN VIDEO POSITIONING */
/* move-up 25 */
section.videobg.reading-variations.var_hero-campaign.var__move-up-25 .sectionvideo,
section.videobg.reading-variations.var_hero-firmwide.var__move-up-25 .sectionvideo {
transform: translate(0%,-25%) !important;
}
@media screen and (max-width: 880px) {
section.videobg.reading-variations.var_hero-campaign.var__move-up-25 .sectionvideo,
section.videobg.reading-variations.var_hero-firmwide.var__move-up-25 .sectionvideo{
transform: translate(-15%,-25%) !important;
}
}
@media screen and (max-width: 767px) {
section.videobg.reading-variations.var_hero-campaign.var__move-up-25 .sectionvideo,
section.videobg.reading-variations.var_hero-firmwide.var__move-up-25 .sectionvideo {
object-fit: contain;
transform: translate(-15%,-30%) !important;
}
}
@media screen and (max-width: 480px) {
section.videobg.reading-variations.var_hero-campaign.var__move-up-25 .sectionvideo,
section.videobg.reading-variations.var_hero-firmwide.var__move-up-25 .sectionvideo {
top: 0% !important;
}
}
/* center move */
@media screen and (min-width: 769px) {
section.videobg.reading-variations.var_hero-firmwide.var__move-center .sectionvideo,
section.videobg.reading-variations.var_hero-campaign.var__move-center .sectionvideo {
margin-top: 60px;
}
}
section.videobg.reading-variations.var_hero-firmwide.var__move-center .sectionvideo,
section.videobg.reading-variations.var_hero-campaign.var__move-center .sectionvideo {
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%,-50%) !important;
-ms-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
}
/* VIDEO HERO */
/* Video & image */
.reading-variations.var--hero-video .title.teaser.hero-card-wrapper .var--hero-card__video img {
display: none;
}
.reading-variations.var--hero-video .var--hero-video-wrapper,
.reading-variations.var--hero-image .var--legacy-hero-image {
position: relative;
display: block;
width: 100%;
height: 186px;
z-index: 0;
}
.reading-variations.var--hero-video .var--hero-video-wrapper video,
.reading-variations.var--hero-image .var--legacy-hero-image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.reading-variations.var--hero-video .var--hero-video-wrapper video,
.reading-variations.var--hero-image.var__left .var--legacy-hero-image img {
object-position: left;
}
.reading-variations.var--hero-image .var--legacy-hero-image img,
.reading-variations.var--hero-video.hero-video--center .var--hero-video-wrapper video {
object-position: center;
}
.reading-variations.var--hero-video.var__right .var--hero-video-wrapper video,
.reading-variations.var--hero-image.var__right .var--legacy-hero-image img {
object-position: right;
}
@media (min-width: 768px) {
.reading-variations.var--hero-video .var--hero-video-wrapper,
.reading-variations.var--hero-image .var--legacy-hero-image {
height: 230px;
}
}
@media (min-width: 1024px) {
.reading-variations.var--hero-video .var--hero-video-wrapper,
.reading-variations.var--hero-image .var--legacy-hero-image {
height: 100%;
}
}
/* HERO HUB */
.reading-variations.var_hero-hub .hero-card-wrapper--with-image .hero-card__secondary {
display: none;
}
.reading-variations.var_hero-hub .hero-card__primary {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
justify-content: center;
}
.reading-variations.var_hero-hub .hero-card__primary-eyebrow {
margin-top: 1.5rem;
}
.reading-variations.var_hero-hub .hero-card-wrapper--with-image .hero-card__primary-title {
background: var(--rv-black);
padding: 5px 0;
box-shadow: 15px 0 0 var(--rv-black), -15px 0 0 var(--rv-black);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
@media (min-width: 1024px) {
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__primary {
padding: 110px 64px 110px 67px;
margin: 0;
}
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__primary-title {
font-size: 2.5rem;
line-height: 3rem;
}
.reading-variations.var_hero-hub .hero-card__primary-eyebrow {
font-size: 1.375rem;
line-height: 1.75rem;
font-weight: bold;
}
}
@media (max-width: 767px) {
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image {
height: 160px;
}
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card {
margin-bottom: 90px;
}
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image {
height: 100px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image img {
height: 350px;
}
.reading-variations.var_hero-hub .hero-card-wrapper .hero-card-wrapper--with-image .hero-card__image {
height: 310px;
}
}
/* LEGACY HERO VIDEO & IMAGE */
.reading-variations.var--hero-video.var--legacy-hero,
.reading-variations.var--hero-image.var--legacy-hero {
display: grid;
}
.reading-variations.var--hero-video.var--legacy-hero .var--hero-video-wrapper,
.reading-variations.var--hero-image.var--legacy-hero .var--legacy-hero-image {
position: relative;
order: 2;
}
.reading-variations.var--hero-video.var--legacy-hero .var--hero-video-wrapper {
z-index: 2;
/* Move video above image */
}
.reading-variations.var--hero-image.var--legacy-hero .var--legacy-hero-image {
z-index: 1;
}
.reading-variations.var--hero-video.var--legacy-hero .hero-title .textColumn .hero-title-textpanel,
.reading-variations.var--hero-image.var--legacy-hero .hero-title .textColumn .hero-title-textpanel {
margin: 0px;
}
@media (max-width: 767px) {
.reading-variations.var--hero-video.var--legacy-hero .hero-title .textColumn,
.reading-variations.var--hero-image.var--legacy-hero .hero-title .textColumn {
padding: 0px;
}
}
@media (min-width: 768px) {
.reading-variations.var--hero-video.var--legacy-hero,
.reading-variations.var--hero-image.var--legacy-hero {
background-size: 50% auto;
background-repeat: no-repeat;
}
.reading-variations.var--hero-video.var--legacy-hero .var--hero-video-wrapper,
.reading-variations.var--hero-image.var--legacy-hero .var--legacy-hero-image {
position: absolute;
display: block;
width: 50%;
min-width: 0px;
right: 0px;
height: 100%;
z-index: 0;
}
.reading-variations.var--hero-video.var--legacy-hero.var__right .var--hero-video-wrapper,
.reading-variations.var--hero-image.var--legacy-hero.var__right .var--legacy-hero-image {
left: 0px;
}
.reading-variations.var--hero-video.var--legacy-hero.var__right .title .row,
.reading-variations.var--hero-image.var--legacy-hero.var__right .title .row {
justify-content: end;
}
}
/* START NOT TRANSFERRED */
@media (min-width: 768px) {
.reading-variations.var--legacy-hero {
background-position: right top !important;
}
.reading-variations.var--legacy-hero.var__image-center {
background-position: right center !important;
}
.reading-variations.var--legacy-hero .hero-title .container {
width: 100%;
flex-direction: column;
justify-content: flex-end;
}
.reading-variations.var--legacy-hero .hero-title > .container > .row {
flex-direction: row;
}
.reading-variations.var--legacy-hero .hero-title-component .hero-title .textColumn {
min-height: 500px;
padding: 0 50px 0 100px;
width: 50%;
display: flex;
align-items: center;
position: relative;
}
@media screen and (max-width:1024px) {
.reading-variations.var--legacy-hero .hero-title-component .hero-title .textColumn {
padding: 0 10px 0 30px;
}
}
.reading-variations.var--legacy-hero .hero-title-textpanel {
display: flex;
flex-direction: column;
}
.reading-variations.var--legacy-hero .hero-title-textpanel h1 {
order: 2;
padding-left: 15px;
}
.reading-variations.var--legacy-hero .hero-title-textpanel h1 span {
background: var(--rv-black);
padding: 5px 0;
box-shadow: 15px 0 0 var(--rv-black),-15px 0 0 var(--rv-black);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.reading-variations.var--legacy-hero .hero-title-textpanel p.lead {
font-weight: bold;
font-size: 1.375rem !important;
order: 3;
}
.reading-variations.var--legacy-hero .hero-title-textpanel p.sub-heading {
font-weight: normal !important;
font-size: 1.5rem !important;
font-family: 'PwC Helvetica Neue Light','PwC Helvetica Neue',Arial,sans-serif;
order: 1;
}
/* Legacy hero color variations */
.reading-variations.var--legacy-hero .hero-title-textpanel,
.reading-variations.var_hero-hub .hero-title-component .hero-title .textColumn {
background: var(--rv-grey50);
p {
color: var(--rv-black);
}
}
}
/*-------------------------------------------------*/
/* ELEVATED CONTENT / FEATURED TILES, OLD */
/*-------------------------------------------------*/
.reading-variations.var_feature-tiles.var_old {}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--group {
margin-top: 40px;
margin-bottom: 40px;
}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--group:not(.columnControl) {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (width >= 768px) {
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--group:not(.columnControl) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 992px) {
.reading-variations.var_feature-tiles.var_old:not(.var__2-cols) .var--feature-tiles--group:not(.columnControl) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.reading-variations.var_feature-tiles.var_old .textimage>.text-component {
width: 100% !important;
}
.reading-variations.var_feature-tiles.var_old .textimage {
position: relative;
display: flex;
flex-flow: row;
align-items: stretch;
align-content: start;
margin: 0px !important;
/* Stupid DPE injecting 40px bottom margin on last child */
height: 100%;
/* For some obscure reason needed for the card not to overflow */
}
@media (width >= 768px) {
.reading-variations.var_feature-tiles.var_old .textimage {
flex-flow: column;
}
}
.reading-variations.var_feature-tiles.var_old .textimage>div:empty {
display: none;
/* Hide empty div component to prevent grid layout breaking because of it */
}
.reading-variations.page-section--col-white.var_feature-tiles.var_old .textimage {
background: var(--rv-grey50);
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image {
display: block;
margin: 0px;
width: 10px;
height: 100%;
float: none;
flex-shrink: 0;
background: var(--rv-orange);
transition: all 0.25s ease;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image>* {
display: none;
}
@media (width >= 480px) {
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image {
width: 33.333%;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image>* {
display: unset;
}
}
@media (width >= 768px) {
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image {
width: 100%;
height: auto;
aspect-ratio: 3 / 1;
/* Reduce the image height as per mockup */
}
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image .image-asset, .reading-variations.var_feature-tiles.var_old .textimage .textimage-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-image img {
transition: transform 0.25s ease;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-text {
width: 100%;
flex-grow: 1;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-text .text-component {
position: relative;
display: flex;
flex-flow: column;
padding: 40px;
min-height: 100%;
min-width: auto;
z-index: 1;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0);
transition: margin-top 0.25s ease, border-top 0.25s ease;
}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--interactive {
background: var(--rv-white);
}
.reading-variations.page-section--col-white.var_feature-tiles.var_old .var--feature-tiles--interactive {
background: var(--rv-grey50);
}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--interactive .textimage-text, .reading-variations.var_feature-tiles.var_old .var--feature-tiles--interactive .textimage-text .text-component {
background: inherit;
}
.reading-variations.page-section--col-white.var_feature-tiles.var_old .var--feature-tiles--interactive .textimage-text, .reading-variations.page-section--col-white.var_feature-tiles.var_old .var--feature-tiles--interactive .textimage-text .text-component {
background: inherit;
}
.reading-variations.var_feature-tiles.var_old .textimage .textimage-text .text-component p {
margin: 0px;
}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--interactive .var--feature-tiles--animated {
margin: 0px;
flex-grow: 1;
transition: all 0.25s ease;
overflow: hidden;
clip-path: polygon(0 6.7em, 100% 6.7em, 100% 0, 0 0);
}
.reading-variations.var_feature-tiles.var_old:not(.var--feature-tiles--crop) .var--feature-tiles--interactive .var--feature-tiles--animated {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
opacity: 0;
}
.reading-variations.var_feature-tiles.var_old .var--feature-tiles--interactive.var--feature-tiles--active .var--feature-tiles--animated {
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.reading-variations.var_feature-tiles.var_old:not(.var__full-height) .var--feature-tiles--interactive.var--feature-tiles--active .textimage .text-component {
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.reading-variations.var_feature-tiles.var_old.var__coloured .var--feature-tiles--interactive {
color: var(--rv-white);
background: var(--rv-orange);
}
.reading-variations.var_feature-tiles.var_old.var__coloured .var--feature-tiles--interactive .text-component, .reading-variations.var_feature-tiles.var_old.var__coloured .var--feature-tiles--interactive .text-component>* {
color: inherit;
}
.reading-variations.var_feature-tiles.var_old .textimage.var--feature-tiles--interactive .textimage-text .text-component .btn-cta--parent {
margin-top: auto;
}
/* Full height variant */
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive {
position: relative;
overflow: hidden;
min-height: 100%;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive .var--feature-tiles--animated {
max-height: 0px;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive:is(:hover, :focus) .var--feature-tiles--animated {
transition-delay: 0.15s;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive.var--feature-tiles--active .var--feature-tiles--animated {
max-height: 300px;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive .textimage .text-component {
position: unset;
padding-bottom: 120px;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive .textimage-image {
max-height: 250px;
opacity: 1;
flex-shrink: 0;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive.var--feature-tiles--active .textimage-image {
max-height: 0px;
opacity: 0;
}
.reading-variations.var_feature-tiles.var_old.var__full-height .var--feature-tiles--interactive .textimage-text {
flex-grow: 1;
}
/* Interview template */
.reading-variations.var_interview {}
.reading-variations.var_interview.var--interview--prod {
height: 258px;
margin-bottom: 40px;
}
.reading-variations.var_interview .caption-text:empty {
display: none;
}
.reading-variations.var_interview .title {
position: relative;
z-index: 1;
}
.reading-variations.var_interview.var--interview--prod .title {
transform: translateY(70px);
}
.reading-variations.var_interview .hero-card__primary-image-container {
display: grid;
grid-template-columns: 1fr;
margin: 0px;
padding: 0px;
background: var(--rv-grey50) !important;
z-index: 1;
}
@media (width >= 551px) {
.reading-variations.var_interview .hero-card__primary-image-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.reading-variations.var_interview .hero-card__primary-image-container .hero-card__image {
position: relative;
width: auto;
height: 100%;
min-height: 24em;
overflow: hidden;
}
.reading-variations.var_interview .image-left-side .hero-card__primary-image-container .hero-card__image {
order: 1;
}
.reading-variations.var_interview .hero-card__primary-image-container .hero-card__image img {
position: absolute;
inset: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.reading-variations.var_interview .hero-card__primary-image-container .hero-card__primary-wrapper {
position: relative;
display: block;
padding: 0px;
width: auto;
}
.reading-variations.var_interview .image-left-side .hero-card__primary-image-container .hero-card__primary-wrapper {
order: 2;
}
.reading-variations.var_interview .var--label {
position: absolute;
display: block;
padding: 6px 13px 7px 13px;
font-size: 1.1rem;
font-weight: bold;
line-height: 1.3em;
color: var(--rv-white);
background: var(--rv-orange);
z-index: 1;
}
.reading-variations.var_interview .hero-card__primary {
display: flex;
flex-flow: column;
width: 100%;
height: 100%;
justify-content: start;
padding: 40px !important;
}
.reading-variations.var_interview .hero-card__primary .hero-card__primary-eyebrow {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 28px;
color: var(--rv-orange);
}
.reading-variations.var_interview .hero-card__primary h1.hero-card__primary-title {
margin-bottom: auto;
font-size: 2.5rem;
font-weight: 400 !important;
line-height: 1.2em;
color: var(--rv-black);
}
.reading-variations.var_interview .hero-card__primary .text-component p {
margin-bottom: 1.1rem;
font-size: 1.65rem;
line-height: 2.2rem;
}
.reading-variations.var_interview .hero-card__primary .text-component p:last-of-type {
margin-bottom: 0px;
}
.reading-variations.var_interview .hero-card__secondary {
display: none;
}
/* quote re-styling */
.var__interview-quote .pwccol1-longform-left .text.spacer_before b,
.var__interview-quote .pwccol1-longform-left .text.spacer_before strong {
font-size: 1.625rem;
line-height: 1.25em;
color: var(--rv-black);
font-weight:normal;
font-family: "PwC Helvetica Neue",Arial,Sans-Serif;
font-weight: normal;
}
.var__interview-quote .parsys_column .pwccol1-longform-left-c0 {
padding-right:initial;
max-width: calc((100% / 12) * 8);
}
.var__interview-quote .pwccol1-longform-left .pwccol1-longform-left-c0 {
margin: 50px auto 0px auto;
}
&.standard-reading .page-section.var__interview-quote .parsys_column.pwccol1-longform-left .parsys_column.pwccol1-longform-left-c0 .text.parbase.section .text-component {
padding-right: calc(48.75px * 2);
}
.var__interview-quote .pwccol1-longform-left .text.spacer_before {
border-left-width: 2px;
border-left-style: solid;
border-left-color: var(--rv-grey200);
padding-left:20px;
border-top: 0;
}
.var__interview-quote .text.spacer_before b,
.var__interview-quote .text.spacer_before strong {
font-size: 1.625rem;
line-height: 1.25em;
color: var(--rv-black);
font-weight:normal;
}
.var__interview-quote .text.spacer_before .text-component strong sub,
.var__interview-quote .text.spacer_before .text-component sub strong,
.var__interview-quote .text.spacer_before .text-component sub b,
.var__interview-quote .text.spacer_before .text-component b sub {
font-size: 75%;
font-weight:normal;
font-style: normal;
}
.var__interview-quote .text.spacer_before .text-component p strong sub em,
.var__interview-quote .text.spacer_before .text-component p sub strong em,
.var__interview-quote .text.spacer_before .text-component p sub b em,
.var__interview-quote .text.spacer_before .text-component p b sub em,
.var__interview-quote .text.spacer_before .text-component p strong em sub,
.var__interview-quote .text.spacer_before .text-component p sub em strong,
.var__interview-quote .text.spacer_before .text-component p sub em b,
.var__interview-quote .text.spacer_before .text-component p b em sub{
font-weight:bold;
font-style: normal;
}
@media screen and (max-width: 992px) {
.var__interview-quote .parsys_column .pwccol1-longform-left-c0 {
padding-right:initial;
max-width: calc((100% / 12) * 8);
}
&.standard-reading .page-section.var__interview-quote .parsys_column.pwccol1-longform-left .parsys_column.pwccol1-longform-left-c0 .text.parbase.section .text-component {
padding-right: unset;
}
.var__interview-quote .pwccol1-longform-left .text.spacer_before b,
.var__interview-quote .pwccol1-longform-left .text.spacer_before strong {
font-size: 1.25rem;
line-height: 1.25em;
}
}
@media screen and (max-width: 767px) {
.var__interview-quote .parsys_column .pwccol1-longform-left-c0 {
width:100%;
max-width:100%;
}
.var__interview-quote .pwccol1-longform + div + .pwccol1-longform-left {
margin-top: 20px;
}
}
/*--------------------------*/
/*--- STATS ---*/
/*--------------------------*/
.reading-variations.var_stats {
/* Stats from text */
.text.spacer_both {
border: 0px;
font-family: var(--helvetica-light);
h5 {
font-size: 3.5rem;
font-weight: normal;
line-height: var(--stats-line-height);
color: var(--rv-orange);
font-family: var(--helvetica-light);
margin-bottom: 5px;
:is(b, strong) {
font-weight: normal;
}
&::before {
content: "";
display: block;
width: var(--stats-top-line-width);
height: var(--stats-top-line-height);
margin-bottom: 5px;
position: relative;
left: 0px;
border-top: var(--stats-top-line-height) solid var(--rv-orange);
}
}
.text-component h5 + p {
margin-bottom: 20px;
line-height: 1.5;
:is(strong, b) {
bottom: auto;
left: 0;
margin: 0;
position: relative;
right: 0;
font-size: 0.875rem;
}
}
}
/* Half-width variation */
&.var__half-width {
.pwccol2-longform-c1 .cmp-container {
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: 30px 50px;
place-items: start;
justify-items: start;
@media screen and (max-width: 767px) {
grid-template-columns: repeat(2, auto);
grid-gap: 20px 0;
}
@media screen and (max-width: 560px) {
grid-template-columns: repeat(1, auto);
grid-gap: 10px;
}
@media screen and (max-width: 990px) {
grid-template-columns: repeat(1, auto);
grid-gap: 10px;
}
}
.parsys_column.pwccol2-longform .parsys_column .text-component {
@media screen and (max-width: 767px) {
min-width: 100px;
}
}
}
/* Donut variation */
&.var__donut {
.text.var--with-stats {
display: grid;
grid-template-columns: minmax(90px, 120px) 2fr;
gap: 20px;
align-items: flex-start;
margin-right: 20px;
& > div:empty {
display: none;
}
.text-component {
padding: 0px !important;
}
.var__start-container {
display: flex;
flex-flow: column;
justify-content: center;
align-content: center;
gap: 20px;
margin: 0px 0px;
}
@media screen and (max-width: 767px) {
.spacer_both.var--with-stats {
margin-top: 40px;
}
}
}
svg.piechart {
margin: 0px;
padding: 0px;
width: 100%;
max-width: 256px;
circle {
stroke: var(--rv-white);
stroke-width: 32;
transform-origin: center;
transform: rotate(270deg);
&.piechart--background-circle {
stroke: var(--rv-grey200);
}
}
.pie-bits > rect {
fill: var(--rv-grey300);
&:nth-of-type(1) {
fill: var(--rv-orange);
}
&:nth-of-type(2) {
fill: var(--rv-orange400);
}
&:nth-of-type(3) {
fill: var(--rv-orange300);
}
&:nth-of-type(4) {
fill: var(--rv-orange200);
}
&:nth-of-type(5) {
fill: var(--rv-orange100);
}
}
}
&.var__dark {
svg.piechart circle.piechart--background-circle {
stroke: var(--rv-grey300);
}
}
.page-section--col-light-grey & svg.piechart circle.piechart--background-circle {
stroke: var(--rv-grey300);
}
}
}
/* Standard reading */
&.standard-reading {
.page-section.reading-variations.var_stats {
.parsys_column.pwccol2-longform {
.parsys_column.pwccol2-longform-c0 .text.parbase.section .text-component,
.parsys_column.pwccol2-longform-c1 .text.parbase.section .text-component {
padding-left: 20px;
}
}
}
}
/* TRANSPARENT BACKGROUND */
#wrapper .page-section:not(.cta-download):is(.page-section--col-light-grey, .page-section--col-white).reading-variations.var_stats.var__transparent .featurecontent .stat-bar {
background-color: transparent !important;
}
/*-------------------------------------------------*/
/* STYLED FEATURE */
/*-------------------------------------------------*/
#wrapper .reading-variations.var_styled-feature {
&:not(.var__content-article, .var_hero-interview.var__simple) {
padding-top: 40px;
}
.columnControl > .parsys_column {
padding-left: 15px;
& > .parsys_column {
position: relative;
&.pwccol2-longform-c1 {
padding-left: 0px;
padding-right: 0px;
}
}
}
.pwccol2-longform-c0 .text-component h2,
&:is(.var__inline, .var__content-article) .text h3,
.pwccol2-longform-c0 .text-component > h6 {
margin-top: 12px;
}
.image {
margin-top: 0px;
padding-right: 10px;
&,
& > .image-asset {
position: absolute;
inset: 0;
img {
margin: 18px 20px 20px 15px;
width: calc(100% - 40px);
height: calc(100% - 40px);
object-fit: cover;
}
}
}
.text {
margin-top: 0px;
padding-bottom: 20px;
.text-component {
padding-left: 15px;
padding-right: 15px;
min-width: auto !important;
color: var(--rv-black);
.btn.btn--secondary.btn--transparent {
margin-top: 0px;
margin-bottom: 0px;
&:is(:hover, :focus, :active) {
color: var(--rv-white);
background: var(--rv-black);
border-color: var(--rv-black);
i {
filter: brightness(0) invert(1);
}
}
&:not(.btn-cta) {
color: var(--bu-black);
background-color: var(--bu-transparent);
border-color: var(--bu-black);
&:is(:hover, :focus, :active) {
color: var(--rv-white);
background: var(--rv-black);
border-color: var(--rv-black);
i {
filter: brightness(0);
}
}
}
}
}
h2 {
font-family: var(--helvetica-light);
font-weight: normal;
padding-top: 0px;
}
}
&:is(.var__inline, .var__content-article) .text h3 {
font-size: var(--h3-heading-size);
font-family: var(--helvetica-bold);
font-weight: var(--bold-helvetica);
line-height: var(--h3-line-size);
&:not(:empty)::before {
content: "";
display: block;
width: var(--top-line-width);
height: var(--top-line-height);
margin-bottom: var(--top-line-margin-bottom);
position: relative;
left: 0px;
border-top: var(--top-line-height) solid var(--rv-orange);
}
}
@media (width >= 480px) {
.columnControl .text .text-component {
padding-left: 10px;
}
}
@media (width >= 768px) {
.columnControl > .parsys_column {
margin: 0px;
width: auto;
}
.columnControl .text .text-component {
padding-left: 0px;
}
}
/* TO BE REPLACED start OLD VERSION -- BACKGROUND */
.parsys .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1,
.parsys .parsys_column.pwccol1-longform-left .parsys_column.pwccol2-longform-left-c0 {
position: relative;
}
.parsys .parsys_column.pwccol2-longform .parsys_column.pwccol2-longform-c1::after {
content: "";
position: absolute;
display: block;
top: 10px;
right: 25px;
bottom: 20px;
left: 15px;
background-color:transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/* TO BE REPLACED end */
.sh-video {
background-color: var(--rv-grey50);
}
&:not(.var__content-article, .var_hero-interview.var__simple) {
padding-top: 40px;
}
.standard-spacing & .videoplayer.section,
.text,
.videoplayer {
margin-top: 0px !important;
}
.pwccol2-longform-c0,
.pwccol2-longform,
.pwccol1-longform-left-c0,
.pwccol1-longform-left,
.featured-video-child {
background-color: var(--rv-grey50);
}
&.var__light {
.pwccol2-longform-c0,
.pwccol2-longform,
.pwccol1-longform-left-c0,
.pwccol1-longform-left,
.featured-video-child {
background-color: var(--rv-grey50);
}
}
/* transformation change START */
&.page-section--col-light-grey.var__light {
.pwccol2-longform-c0,
.pwccol2-longform,
.pwccol1-longform-left-c0,
.pwccol1-longform-left,
.featured-video-child {
background-color: var(--rv-white);
}
}
/* transformation change END */
&:is(.var__inline,.var__content-article) :where(
.pwccol2-longform-c0,.pwccol2-longform,
.pwccol1-longform-left-c0,.pwccol1-longform-left,
.featured-video-child
) {
background-color: transparent;
}
.pwccol2-longform,
.pwccol1-longform-left {
padding: 15px 5px 10px 5px;
}
@media (min-width: 769px) {
.pwccol2-longform,
.pwccol1-longform-left {
padding-left: 15px;
}
&.featured-video-child .pwccol2-longform-c0,
&.featured-video-child .pwccol1-longform-left-c0 {
border-bottom-color: var(--rv-black);
}
.pwccol2-longform-c0 .text-component,
.pwccol1-longform-left-c0 .text-component {
padding-left: 10px;
}
.pwccol2-longform-c1 {
padding-left: 0px;
padding-right: 0px;
}
.jwplayer {
margin-left: 0px !important;
}
}
@media (max-width: 768px) {
.pwccol2-longform {
background: var(--rv-grey50);
}
&:is(.var__inline, .var__content-article) .pwccol2-longform {
background: var(--rv-grey50);
}
.pwccol2-longform-c0 .text-component,
.pwccol1-longform-left-c0 .text-component {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
.pwccol2-longform-c0 .text-component,
.pwccol1-longform-left-c0 .text-component {
padding-left: 15px;
padding-right: 15px;
min-width: auto !important;
}
}
/* video player v2 and v3*/
.videoplayerv2 .video-publish-date {
color: var(--rv-black);
}
.videoplayerv2 :is(h3, h4, h5, h6, .h3, .h4, .h5, .h6, .video-paragraph) {
font-family: var(--helvetica-light);
font-style: normal;
font-weight: normal;
color: var(--rv-black);
}
.videoplayerv2 .video-heading {
font-size: 1.3rem;
}
:is(.videoplayer-v2,.videoplayer-v3) {
margin: 0px;
margin-top: 20px;
padding: 20px;
padding-top: 0px;
padding-right: 25px;
}
&:is(.var__inline,.var__content-article) :is(.videoplayer-v2,.videoplayer-v3) {
margin-top: 10px;
}
.videoplayerv2 .jw-skin-pwc .jw-button-color {
color: var(--rv-white) !important;
}
/* transcript button */
:is(.videoplayer-v2, .videoplayer-v3) {
.btn--transparent {
&, &:link, &:visited {
position: relative;
z-index: 1;
border: none;
}
}
.btn {
&, &:link, &:hover, &:focus {
padding: 0;
font-size: 1rem;
line-height: 1.14em;
text-decoration: underline;
transition: none;
font-weight: normal;
background: initial;
}
}
}
.videoplayerv2.video-asset-details {
padding: 0px;
}
@media screen and (max-width:767px) {
:is(.videoplayer-v2, .videoplayer-v3) {
margin: 0px;
padding: 0px;
}
:is(.videoplayer-v2, .videoplayer-v3).colors-light-grey-parent {
background-color: transparent;
}
}
@media screen and (min-width:480px) {
:is(.videoplayer-v2, .videoplayer-v3){
padding-bottom: 10px;
}
}
@media screen and (max-width:992px) {
.pwccol2-longform .parsys_column.pwccol2-longform-c0,
.pwccol2-longform .parsys_column.pwccol2-longform-c1 {
display: block;
width: 100%;
}
.pwccol2-longform {
flex-wrap: wrap;
}
}
}
/*-------------------------------------------------*/
/* STYLED FEATURE _ VIDEO PLAYER _ VIDEO FEATURE */
/*-------------------------------------------------*/
#wrapper {
@media (min-width: 1025px) {
.reading-variations.var_video-feature .videoplayer-v2 {
display: flex;
flex-direction: row-reverse;
}
.reading-variations.var_video-feature.var__content-article :is(.videoplayer-v2,.videoplayer-v3) {
margin-top:60px;
}
.reading-variations.var_video-feature .videoplayer-v2 > div {
width: 50%;
}
.reading-variations.var_video-feature :is(.videoplayer-v2,.videoplayer-v3) > div {
background: var(--rv-grey50);
}
.reading-variations.var_video-feature:is(.var__inline,.var__content-article) :is(.videoplayer-v2,.videoplayer-v3) > div {
background: transparent;
}
.reading-variations.var_video-feature .videoplayerv2.video-asset-details {
padding: 40px;
}
.reading-variations.var_video-feature:is(.var__inline,.var__content-article) .videoplayerv2.video-asset-details {
padding: 0px 40px 40px;
}
/* light grey section */
.page-section--col-light-grey.reading-variations.var_video-feature .videoplayerv2.video-asset-details {
padding: 40px 40px 40px 0;
}
.page-section--col-light-grey.reading-variations.var_video-feature .videoplayerv2.video-asset-details {
margin: 0 auto 0 0;
}
.reading-variations.var_video-feature .videoplayerv2.asset-sharing-component.video-asset {
display: flex;
align-items: center;
}
.reading-variations.var_video-feature .videoplayerv2.video-asset-details a.btn,
.reading-variations.var_video-feature .videoplayerv2.video-asset-details a.btn:is(:hover, :focus) {
border: none;
padding: 0;
text-decoration: underline;
margin-top: 1rem;
color: var(--rv-black);
background: transparent;
}
.reading-variations.var_video-feature .video-js .vjs-big-play-button {
right: auto;
left: 0;
border-bottom: 1px solid var(--rv-grey200);
}
.reading-variations.var_video-feature .video-collection-duration {
left: auto;
right: 15px;
}
}
@media (min-width: 1600px) {
.reading-variations.var_video-feature .videoplayerv2 .video-paragraph,
.reading-variations.var_video-feature .videoplayerv2.video-asset-details a.btn {
font-size: var(--basic-font-size);
}
}
.reading-variations.var_video-feature .videoplayerv2 .video-heading{
font-family: var(--helvetica-regular);
font-weight: bold;
word-break: break-word;
line-height: var(--h3-line-size);
font-size: var(--h3-heading-size);
margin-bottom: 1.5rem;
}
.reading-variations.var_video-feature:is(.var__inline,.var__content-article) .videoplayerv2 .video-heading::before,
.reading-variations.var_video-feature .videoplayer-v3 .videoplayerv3-wrapper:is(.left,.right) .videojs-description h3::before {
content: "";
display:block;
margin-bottom: var(--top-line-margin-bottom);
width: var(--top-line-width);
height: var(--top-line-height);
border-top: var(--top-line-height) solid var(--rv-orange);
}
.reading-variations.var_video-feature .videoplayerv2 .video-paragraph {
color: var(--rv-black);
word-break: break-word;
}
@media screen and (max-width: 990px) {
.reading-variations.var_video-feature .videoplayerv2.video-asset-details {
background: var(--rv-grey50);
padding: 20px 40px;
}
}
/* video v3 specifics overwrites */
.reading-variations.var_styled-feature .columnControl .pwccol2-longform :where(.pwccol2-longform-c0,.pwccol2-longform-c1) .videoplayer-v3 .videoplayerv3-wrapper.bottom .videojs-description {
display: none;
}
.reading-variations.var_styled-feature .videoplayer-v3.outline .videoplayerv3-wrapper {
padding-top: 0px;
padding-bottom: 0px;
}
.reading-variations.var_styled-feature .videoplayer-v3 .videoplayerv3-wrapper {
margin: 0px 0;
}
.reading-variations:is(.var_styled-feature,.var_video-feature) .videoplayer-v3.outline .videoplayerv3-wrapper,
.reading-variations:is(.var_styled-feature,.var_video-feature) .columnControl :where(.pwccol2-longform-c0,.pwccol2-longform-c1) .videoplayer-v3 .videoplayerv3-wrapper.bottom {
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
}
.reading-variations:is(.var_styled-feature,.var_video-feature) .videoplayer-v3 .videojs-description .short-data span.contentType {
display: none;
}
.reading-variations.var_styled-feature.var__inline .columnControl .videoplayer-v3:is(.light-grey,.white) .videoplayerv3-wrapper .videojs-description {
padding: 0 !important;
display:none;
}
}
/*---------------------------------------*/
/* TI OVERLAY CARDS */
/*---------------------------------------*/
#wrapper .reading-variations.var_ti-overlay-cards {
&.var__dark {
color: var(--rv-black);
background-color: var(--rv-grey50);
}
.var__ti-overlay-cards--wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin: 40px auto;
&.cmp-container {
grid-auto-rows: 1fr; /* Same height cards */
}
@media (width >= 520px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px) and (max-width: 990px) {
&.cmp-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (width >= 1200px) {
:not(.cmp-container) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
.textimage {
position: relative;
margin: 0px !important;
overflow: hidden;
--title-height: 2em;
&:is(a) {
text-decoration: none;
&::after {
content: "";
position: absolute;
bottom: 15px;
right: 15px;
width: 30px;
aspect-ratio: 1 / 1;
background: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.textimage-image,
.textimage-image * {
position: absolute;
inset: 0px;
margin: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.textimage-text {
position: relative;
padding: 20px 25px 50px 25px;
height: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
color: var(--rv-black);
background: var(--rv-orange300);
transform: translateY(calc(100% - var(--title-height) - 35px));
transition: transform 0.25s ease-in-out;
a {
border-color: var(--rv-black);
}
:is(:hover, :focus) > & {
transform: translateY(0);
}
.textimage:nth-child(5n + 2) & {
background: var(--rv-orange200);
}
.textimage:nth-child(5n + 3) & {
background: var(--rv-orange100);
}
.textimage:nth-child(5n + 4) & {
background: var(--rv-orange50);
}
.textimage:nth-child(5n + 5) & {
background: var(--rv-grey50);
section:is(.page-section--col-light-grey, .ixf__light-grey, .var__dark) & {
background: var(--rv-white);
}
}
* {
font-family: var(--helvetica-regular);
font-size: 1em;
line-height: 1.25em;
color: inherit !important;
}
p + p {
margin-bottom: 15px;
}
p > strong,
p > b {
font-size: 1.25em;
}
.text-component {
min-width: 0px;
& > :not(:first-child) {
opacity: 0;
transition: opacity 0.25s ease-in-out;
animation-duration: 0.5s;
}
.textimage:is(:hover, :focus) & > :not(:first-child) {
opacity: 1;
animation-name: textFade;
animation-fill-mode: forwards;
}
}
}
}
.parsys.sectionpar > .text .text-component {
width: auto !important;
}
&.var__first-full-width :first-child {
grid-column: 1 / -1;
}
}
}
@keyframes featuredTileContentAppear {
from {
max-height: 0;
opacity: 0;
}
to {
/* Set this to a value larger than your content will ever be */
max-height: 500px;
opacity: 1;
}
}
@keyframes textFade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*------------------------------*/
/*--- STAT Component Counter ---*/
/*------------------------------*/
.reading-variations.counter {
/* Stats from Stats component */
--stat-counter-font-size: 100px;
--stat-counter-block-height: 130px;
&.large-stats {
.stats {
--stat-easing-new: cubic-bezier(.83, 0, .31, 1);
--stat-bg-transition-start: var(--rv-white);
--stat-bg-transition-end: var(--rv-orange100);
.grey-stat & {
--stat-bg-transition-end: var(--rv-grey100);
}
.page-section--col-grey-50 & {
--stat-bg-transition-start: var(--rv-grey50);
.grey-stat & {
--stat-bg-transition-end: var(--rv-grey200);
}
.white-stat & {
--stat-bg-transition-end: var(--rv-white);
}
}
.statbar-5050-wrapper {
display: flex;
flex-flow: column;
gap: 40px;
padding: 40px 20px;
width: 100%;
background-image: linear-gradient(55deg, var(--stat-bg-transition-end) var(--stat-guillotine), var(--stat-bg-transition-start) var(--stat-guillotine));
border: none;
transition: --stat-guillotine 1s var(--stat-easing-new);
&:has(.rv-stat-seen) {
--stat-guillotine: 100%;
}
.stat-left,
.stat-right {
width: auto;
}
.stat-left {
font-family: var(--helvetica-regular);
align-self: start;
--stat-counter-font-size: 145px;
}
.stat-right {
p {
font-family: var(--helvetica-regular);
font-size: 1.25rem;
line-height: 1.25em;
font-weight: bold;
}
}
}
}
}
/* Counters design */
/* Pie Chart Stats */
.stats {
overflow: hidden;
.stat-left {
position: relative;
display: flex;
flex-flow: row;
padding: 0px;
width: 100%;
height: var(--stat-counter-block-height);
font-family: var(--helvetica-regular);
font-weight: normal;
font-size: var(--stat-counter-font-size);
line-height: var(--stat-counter-block-height);
overflow: hidden;
transform-origin: left top;
& > span {
display: block;
position: relative;
width: auto;
float: left;
transition: margin-top 3s ease;
& > span {
display: block;
position: relative;
width: auto;
height: var(--stat-counter-block-height);
text-align: center;
}
&:not(.rv-stat-counter-value) {
align-self: end;
font-size: 70%;
line-height: 1em;
}
}
}
}
}
@property --stat-guillotine {
syntax: "";
initial-value: 0%;
inherits: false;
}