/* ------------------ */
/* SUBSCRIBE CTA */
section.subscribe-cta {
	padding: 40px 10%;
	color:#ffffff;
}
section.subscribe-cta h2 {
	padding-bottom: 0px;
	color: #ffffff;
}

@media screen and (max-width: 768px){
    section.subscribe-cta h2 {
        font-size: 1.5rem;
        padding-bottom: 10px;
    }
}

/* button link-hover-active */
.subscribe-cta .btn--transparent, .subscribe-cta .btn--transparent:link, .subscribe-cta .btn--transparent:visited, body .subscribe-cta .text-component .btn.btn--transparent, body .subscribe-cta .text-component .btn.btn--transparent:link, body .subscribe-cta .text-component .btn.btn--transparent:visited  {
	border: 1px solid #ffffff;
	color: #ffffff;
	margin-top:20px;
	padding: 14px 43px;
	font-style:normal;
}
.subscribe-cta .btn--transparent:hover, .subscribe-cta .btn--transparent:focus, body .subscribe-cta .text-component .btn.btn--transparent:hover, body .subscribe-cta .text-component .btn.btn--transparent:focus {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #404041;
	transition: all ease .3s;
}
section.subscribe-cta:hover .btn--transparent {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #404041;
	transition: all ease .3s;	
}
.subscribe-cta .btn--transparent:active, body .subscribe-cta .text-component .btn.btn--transparent:active {
	background: #404041;
	border: 1px solid #ffffff;
	color: #ffffff;
}
/* ------------------ */
/* SECONDARY NAVIGATION */
.navigation-grey .secnav-twocol .secnav-twocol__pane .secnav-twocol__heading {
	color: #ffffff !important;
}
.navigation-grey .page-primary-col--burgundy .secnav-twocol .strip-btn {
	color: #ffffff !important;
}
@media screen and (max-width: 768px){
    #secondary_navigation { padding: 10px; }
    .secondary-navigation.section #secondary_navigation h2 {
        font-size: 1.5rem;
        margin-top: 10px;    
    }
}

/* strip background link-hover */
.navigation-grey .secnav-twocol .strip-btn {
	background: initial;
	background: transparent;
	color: #ffffff !important;
}
.navigation-grey .secnav-twocol .strip-btn:hover {
	background: #a32020 !important;
	color: #ffffff !important;
	transition: all ease .2s;
}


/* ------------------ */
/* INTRO PARAGRAPHS FOR HUB TEMPLATE LANDING PAGE -- full width section */
.intro-feature-promo {
	padding-top: 0px;
	padding-bottom: 15px;
}
.intro-feature-promo h2:first-child {
	padding-bottom:15px;
}

/* two-column, background | text | picture | */
.intro-feature-promo .pwccol2-longform {
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	margin-top:30px;
}
.intro-feature-promo .pwccol2-longform .parsys_column { /* remove padding for all columns */
	padding: 0px;
}
.intro-feature-promo .pwccol2-longform .parsys_column.pwccol2-longform-c0 { /* padding for text column */
	padding: 25px;
	padding-right:10px;
	vertical-align:top;
}
/* button at the bottom */
.intro-feature-promo .pwccol2-longform-c0 p:nth-last-child(2) {
	padding-bottom:20px;
}
.intro-feature-promo a.btn {
	position: absolute;
	bottom: 0px;
	margin-bottom:25px;
}
/* picture move */
/*
.intro-feature-promo .pwccol2-longform .parsys_column.pwccol2-longform-c1  div.image img {
	 transform: translateY(-15%) translateX(2px);
}
*/
/* INTRO PARAGRAPHS -- RESTYLING column controls to have one full-width coloured background */
.intro-feature-promo .pwccol2-longform .pwccol2-longform-c0 .text .text-component h3 {/* heading grey box */
	font-style:normal;
	font-size: 28px;
	font-size: 2.0rem;
	line-height: 1.3em;
}
.intro-feature-promo .pwccol2-longform .pwccol2-longform-c0 .text .text-component p {/* text */
	font-size: 18px;
	font-size: 1.286rem;
	line-height: 1.5em;
	font-style:normal;
	font-family: georgia, serif;
}

@media screen and (max-width: 768px) {
	.intro-feature-promo .pwccol1-longform .parsys_column.pwccol1-longform-c0, .intro-feature-promo div.parsys.sectionpar > div.text.parbase.section {/*grey full-width paragraph*/ /* heading */
		padding-left:15px;
		padding-right:15px;
	}	
	/* picture move */
	/* cancel picture offset on small screen	
	.intro-feature-promo .pwccol2-longform .parsys_column.pwccol2-longform-c1  div.image img { 
		transform: translateY(0) translateX(2px);
	}
	*/
	.intro-feature-promo h2:first-child {
		padding-bottom:5px;
	}
	.intro-feature-promo a.btn {
		position: relative;
		bottom: auto;
		margin-bottom: initial;
	}
	.intro-feature-promo .pwccol2-longform .parsys_column.pwccol2-longform-c0 {
		padding-bottom: 15px;
		order: 2;
	}
	.intro-feature-promo .pwccol2-longform .parsys_column.pwccol2-longform-c1 {
		padding-top: 0px;
		vertical-align:top;
		overflow:hidden;
	}
	/* FIRST FEATURE PROMO change order of columns with picture on the right */
	.intro-feature-promo .pwccol2-longform  {
		display: flex;
		flex-direction: column;
	}
}

section.intro-feature-promo .pwccol2-longform:hover {
	background-color: #fff;
	cursor:pointer;
}

.intro-feature-promo .pwccol2-longform-c0:hover h3:first-child {
		color: #a32020;
}

.intro-feature-promo .btn--transparent:hover, .intro-feature-promo .btn--transparent:focus, body .intro-feature-promo .text-component .btn.btn--transparent:hover, body .intro-feature-promo .text-component .btn.btn--transparent:focus,
section.intro-feature-promo .pwccol2-longform:hover .btn--secondary {
	background: #a32020;
	border: 1px solid #a32020;
	color: #ffffff;
	transition: all ease .3s;
}
.intro-feature-promo .btn--transparent:active, body .intro-feature-promo .text-component .btn.btn--transparent:active {
	background: #a32020;
	border: 1px solid #a32020;
	color: #ffffff;
}

/* ------------------ */
/* FEATURE PROMO feature-promo-primary*/

.feature-promo-primary {
	padding-bottom: 15px;
}

.feature-promo-primary .multi-featured-item .multi-featured-item__block .multi-featured-item__link:hover .multi-featured-item__content span.h3{/* colored heading on hover */
	color:#a32020;
}

.feature-promo-primary .multi-featured-item .multi-featured-item__block .multi-featured-item__link:hover .btn--featured-item { /* colored button on hover */
	background-color: #a32020;
	border: 1px solid #a32020;
	color: #fff;
}

.feature-promo-primary .lead {
	font-style: normal;
}

.feature-promo-primary .multi-featured-item {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* button at the bottom */
.feature-promo-primary .multi-featured-item .multi-featured-item__block .multi-featured-item__link .multi-featured-item__content span.lead {
	padding-bottom:60px;
}
.feature-promo-primary .multi-featured-item .multi-featured-item__block .multi-featured-item__link .btn--featured-item {
	margin-bottom:25px;
	position: absolute;
	bottom: 0px;
}

/* Footer/Header mobile gradient fix */
.glb-footer .simple-breadcrumb-component .breadcrumb-component__scroll-fade--left, .glb-footer .simple-breadcrumb-component .breadcrumb-component__scroll-fade--right {
    z-index: 950;
}



/*-----------------*/
/* LIST CHECKMARKS */
/*-----------------*/
.list-checkmarks .text-component ul {
  padding-left:0px !important;
}
.list-checkmarks .text-component ul li {
  /* this determines the size of the list text and therefore checkmark size */
  list-style-type: none; /* remove default list style */
  margin-bottom: 0.7em; /* lists need to be able to breathe */
  padding: 0em 0 0.5em 2.5em; /*  make room for the circle */
  position: relative; /*  because we want to position the circle in an absolute fashion */
}

.list-checkmarks .text-component ul li:before {
  content: " "; /* the circle itself is empty */
  display: block;
  border: solid 0.8em #7ed321; /* create a colored area... */
  border-radius: .8em; /*  ... and turn it into a circle */
  height: 0;
  width: 0;
  position: absolute; /*  the circle is then put into place */
  left: 0.9em;
  top: 40%; 
  margin-top: -0.8em;
}

.list-checkmarks .text-component ul li:after {
  content: " ";
  display: block;
  width: 0.5em; /*  the short bar of the mark is half as long as the long bar */
  height: 0.8em;
  border: solid white;
  border-width: 0 0.25em 0.25em 0; /*  creates the inverted "L" shape */
  position: absolute;
  left: 0.95em;
  top: 40%;
  margin-top: -0.5em;
  -webkit-transform: rotate(45deg); /*  tilts the shape */
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*------------------------------------------*/
/*  TEXT PICTURE BACK - REGULAR - SELECTION */
/*------------------------------------------*/
.text-picture-back-columns .pwccol2-longform,
.text-picture-back-columns .pwccol1-longform,
.text-picture-back-columns .pwccol3-longform,
.text-picture-back-columns .pwccol2-longformb,
.text-picture-back-columns .pwccol2-longformc,
.text-picture-back-columns .pwccol1-longformb 
 {
	background: #ffffff;
	margin: 40px auto !important;	
	background: rgba(256, 256, 256, 0.8);
}

.text-picture-back-columns .pwccol3-longform,
.text-picture-back-columns .pwccol2-longformc,
.text-picture-back-columns .pwccol2-longformb,
.text-picture-back-columns .pwccol2-longform,
.text-picture-back-columns .pwccol1-longform {
	padding: 25px 35px 25px 35px;
}

.text-picture-back-columns .pwccol1-longform {
	padding: 25px 35px 25px 35px;
    margin-top:20px;
}


.text-picture-back-columns .pwccol3-longform .parsys_column,
.text-picture-back-columns .pwccol2-longformc .parsys_column,
.text-picture-back-columns .pwccol2-longformb .parsys_column,
.text-picture-back-columns .pwccol2-longform .parsys_column  {
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;

}
/* column divider */
.text-picture-back-columns .pwccol3-longform .pwccol3-longform-c1{
	border: 0px #cccccc solid;
	border-width: 0 1px;
	padding-left: 15px;
	padding-right: 10px;
}
.text-picture-back-columns .pwccol2-longform .pwccol2-longform-c1,
.text-picture-back-columns .pwccol2-longformc .pwccol2-longformc-c1,
.text-picture-back-columns .pwccol2-longformb .pwccol2-longformb-c1 {
	border: 0px #cccccc solid;
	border-width: 0 0 0 1px;
	padding-left: 25px;
	padding-right: 10px;
}
.text-picture-back-columns .pwccol3-longform .pwccol3-longform-c0,
.text-picture-back-columns .pwccol2-longform .pwccol2-longform-c0 {
	padding-left: 0px;
	padding-right: 20px;
}
.text-picture-back-columns .pwccol3-longform .pwccol3-longform-c2 {
	padding-left: 15px;
	padding-right: 0px;
}
.text-picture-back-columns .pwccol1-longform .pwccol1-longform-c0 {
    padding-top:0px;
    padding-bottom:0px;
}

@media screen and (max-width: 768px) {
	.text-picture-back-columns .pwccol3-longform .pwccol3-longform-c1,
	.text-picture-back-columns .pwccol2-longform .pwccol2-longform-c1,
  .text-picture-back-columns .pwccol2-longformc .pwccol2-longformc-c1,
  .text-picture-back-columns .pwccol2-longformb .pwccol2-longformb-c1  {/*column divider*/
		border-width: 0px;
	}
		.text-picture-back-columns .pwccol3-longform .parsys_column,
	.text-picture-back-columns .pwccol2-longformc .parsys_column,
	.text-picture-back-columns .pwccol2-longformb .parsys_column,
	.text-picture-back-columns .pwccol2-longform .parsys_column,
.text-picture-back-columns .pwccol1-longform .parsys_column{
		padding-left: 15px;
		padding-right: 15px;
	}

	.text-picture-back-columns .pwccol3-longform,
	.text-picture-back-columns .pwccol2-longformc,
	.text-picture-back-columns .pwccol2-longformb,
	.text-picture-back-columns .pwccol2-longform,
	.text-picture-back-columns .pwccol1-longform { /*columns margin*/
		 padding: 0px;
	}
	.text-picture-back-columns .pwccol3-longform .text h3,
  .text-picture-back-columns .pwccol2-longform .text h3  {
		margin-bottom:15px;
    font-size: 1.35rem !important;
	}
	.standard-spacing .text-picture-back-columns .pwccol3-longform .text p,
	.standard-spacing .text-picture-back-columns .sectionpar .text.section p:last-child {
		margin-bottom: 10px;
	}
	.text-picture-back-columns .parsys h2:nth-of-type(n+1) {/* another main headine */
    padding-top: 20px;
  }
	.text-picture-back-columns  .pwccol3-longform:nth-child(n+3) .parsys_column,
	.text-picture-back-columns .pwccol2-longformc:nth-child(n+3) .parsys_column,
	.text-picture-back-columns  .pwccol2-longformb:nth-child(n+3) .parsys_column,
	.text-picture-back-columns .pwccol2-longform:nth-child(n+3) .parsys_column{ /* margin for next rows */
	   padding-top:10px;
  }

}

/*------------------------------------------*/
/*  VIDEO FRAME SECTION  */
/*------------------------------------------*/

/* transcript line */
.video-frame .videoplayer.section .viewtranscript {
	background: #ffffff;
	padding: 5px;
	margin:auto;
	background: rgba(256, 256, 256, 0.9);
	width: 71%;
}

/* player frame position and source */
/*----------------------------------*/
.video-frame .videoplayer {
    width: 100%;
    height: 100%;
    max-width: 1034px;
    max-height: 581px;
    margin: 0 auto;
}

.video-frame .videoplayer .jwmedia {
    position: relative;
    padding-top: 25px;
    padding-bottom: 66.0%;
    height: 0;
}

/* Screen frame position/source */
.video-frame .videoplayer .video-asset iframe { /* youtube */
    box-sizing: border-box;
    background: url(/content/dam/pwc/uk/en/ux23/images/video-screen-frame-16-9.png) center center no-repeat;
    background-size: contain;
    padding: 5% 9%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-frame .videoplayer .video-asset video { 
    box-sizing: border-box;
    background: url(/content/dam/pwc/uk/en/ux23/images/video-screen-frame-16-9.png) center center no-repeat;
    background-size: contain;
    padding: 8% 13%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-frame .videoplayer .jwmedia {
    position: relative;
    padding-top: 25px;
    padding-bottom: 66.0%;
    height: 0;
}


@media screen and (min-width: 1024px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 14.6%;
			padding-right: 14.6%;
	}
}
@media screen and (max-width: 992px) {
	.video-frame .videoplayer .video-asset video { 
		 padding-left: 18.9%;
		 padding-right: 18.9%;
	}
}
@media screen and (max-width: 768px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 20.6%;
			padding-right: 20.6%;
	}	
}
@media screen and (max-width: 690px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 21.5%;
			padding-right: 21.5%;
	}	
}
@media screen and (max-width: 640px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 23.5%;
			padding-right: 23.5%;
	}	
}
@media screen and (max-width: 620px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 24.5%;
			padding-right:24.5%;
	}	
}
@media screen and (max-width: 580px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 25.5%;
			padding-right: 25.5%;
	}	
}
@media screen and (max-width: 555px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 28.5%;
			padding-right: 28.5%;
	}	
}
@media screen and (max-width: 515px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 30.5%;
			padding-right: 30.5%;
	}	
}
@media screen and (max-width: 495px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 32.5%;
			padding-right: 32.5%;
	}	
}
@media screen and (max-width: 445px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 35.8%;
			padding-right: 35.8%;
	}	
}
@media screen and (max-width: 400px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 39.5%;
			padding-right: 39.5%;
	}	
}
@media screen and (max-width: 380px) {
	.video-frame .videoplayer .video-asset video { 
			padding-left: 41.5%;
			padding-right: 41.5%;
	}	
}


/* DPE player adjustments */
/*------------------------*/
/* DPE preview image position */
.video-frame .videoplayer .video-asset .jwplayer .jw-preview {
  margin: 5% 9%;
	width:82%;
	height:82%;
}

/* DPE jwp player width */
.video-frame .videoplayer .jwplayer{
	width:86% !important;
	background-color:transparent;
}
/* DPE position of whole control-progress bar */
.video-frame .videoplayer .jw-controlbar{
	width:81.8% !important;
	margin: auto 9.1% 5% 9.1%;
}

/* DPE position of coloured progress bar  */
.video-frame .videoplayer .jw-slider-container {
	top: 0px;
	height:99%;
}