/*Root*/
:root {
  --sans-serif: Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
  --serif: PlantinStd, Georgia, Times New Roman, Times, serif;
  --interactblue: #1f92d1;
  --hoverblue: #135c84;
  --skyblue: #71c5e8;
  --paleblue: #d3edf8;
  --orange: #ff671f;
  --paleorange: #eca154;
  --green: #78be20;
  --palegreen: #cedc00;
  --pink: #c6007e;
  --palepink: #dd9cdf;
  --purple: #753bbd;
  --teal: #008eaa;
  --grey: #ddd;
  --palegrey: #f1f1f1;
  --darkgrey: #858585;
  --red: #e60000;
  --darkred: #990000;
  --yellow: #ffd700;
  --black: #222;
  --pathfinderblue: #0a74c0;
  --emebackground: #e9f6fc;
}
/* Base classes */
.sans-serif {
  font-family:var(--sans-serif)
}
.serif {
  font-family: var(--serif)
}
/*Headers*/
#global-rsc-bar {
  width: 100%
}
.rsc-bar-ip {
  margin-left: auto;
  margin-right: -15px
}

#ip-auth0 {
  display: none;
  width: 15px;
  margin-left: auto;
  position: relative;
  height: 43px
}

#ip-auth--name {
  display: none;
  position: absolute;
  top: 0;
  right: 25px;
  height: 43px;
  background: rgba(255, 255, 255, .9);
  width: 725px
}

#ip-auth--name p {
  font-family: var(--sans-serif);
  font-size: .7rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--darkgrey);
  margin: 15px 0 0 0;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right
}

#ip-auth-padlock {
  fill: var(--darkgrey)
}

@media screen and (min-width:768px) {
  .rsc-bar-ip {
    margin-left: initial;
    margin-right: 0
  }

  #ip-auth0 {
    margin-right: auto;
    margin-left: initial;
    padding-left: 25px
  }

  #ip-auth--name {
    display: inline-block;
    bottom: 0;
    left: 45px
  }

  #ip-auth--name p {
    text-align: left
  }
}
/*Footers*/
.footer .footerSocial ul {
  margin-left: 0
}

.footer .webvision {
  padding: 12px;
  border-top: 0
}

.footer-block .sleeve {
  padding: 20px 10px 0 10px
}

.footer .footerTopNavPageText {
  border-top: 1px solid var(--grey)
}

.footer .topNav {
  border-bottom: 0
}

.footer .footerSocial {
  margin-bottom: 16px
}

.footer .bottomNav {
  margin-bottom: 16px
}

.footer .bottomNav>.inner-sleeve>ul {
  border-bottom: 0
}

@media screen and (max-width:479px) {
  .footer .topNav ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }

  .footer .topNav ul li {
    display: inline-block;
    width: 100%
  }

  .footer .bottomNav ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }
}

@media screen and (min-width:480px) {
  .footer-block .sleeve ul {
    margin-left: auto;
    margin-right: auto;
    width: 75%
  }
}

@media screen and (max-width:767px) {
  .footer-block .sleeve ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }
}

@media screen and (min-width:768px) {
  .footer-block .sleeve ul {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}
/*Navigation*/
.mobileMenu {
  top: 43px
}
.desktopNavigation .promotedStory a:hover .captionBlock .title {
  color: var(--hoverblue);
  text-decoration: none
}
.showMenu .showMenuPushed {
  transform: none !important
}
.desktopNavigation .subnav>ul li {
  font-size: 1.3rem;
  line-height: 1.5rem
}
.desktopNavigation .subnav>ul li li {
  line-height: 1.3rem
}
.hot-topics-container {
  font-family: var(--sans-serif)
}
.mobileMenu .main li.nav-highlight-red>a,
.mobileMenu .main li.nav-highlight-red>span,
ul.main>li.nav-item.nav-highlight-red a span {
  color: var(--red)
}
ul.main>li.nav-item.nav-highlight-red:hover {
  background: #1a1a1a
}
ul.main>li.nav-item.nav-highlight-red:hover a span {
  color: var(--red)
}
.desktopNavigation ul.main>li.nav-highlight-red>a>span:after {
  content: '';
  background: var(--red) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}
.desktopNavigation ul.main>li:hover.nav-highlight-red>a>span:after {
  transform: scale(1);
  opacity: 1
}

.mobileMenu .main li.nav-highlight-purple>a,
.mobileMenu .main li.nav-highlight-purple>span,
ul.main>li.nav-item.nav-highlight-purple a span {
  color: var(--purple)
}
ul.main>li.nav-item.nav-highlight-purple:hover {
  background: #1a1a1a
}
ul.main>li.nav-item.nav-highlight-purple:hover a span {
  color: var(--purple)
}
.desktopNavigation ul.main>li.nav-highlight-purple>a>span:after {
  content: '';
  background: var(--purple) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}
.desktopNavigation ul.main>li:hover.nav-highlight-purple>a>span:after {
  transform: scale(1);
  opacity: 1
}
.mobileMenu .main li.nav-highlight-pink>a,
.mobileMenu .main li.nav-highlight-pink>span,
ul.main>li.nav-item.nav-highlight-pink a span {
  color: var(--pink)
}
ul.main>li.nav-item.nav-highlight-pink:hover {
  background: #1a1a1a
}
ul.main>li.nav-item.nav-highlight-pink:hover a span {
  color: var(--pink)
}
.desktopNavigation ul.main>li.nav-highlight-pink>a>span:after {
  content: '';
  background: var(--pink) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}
.desktopNavigation ul.main>li:hover.nav-highlight-pink>a>span:after {
  transform: scale(1);
  opacity: 1
}
.mobileMenu .main li.nav-highlight-green>a,
.mobileMenu .main li.nav-highlight-green>span,
ul.main>li.nav-item.nav-highlight-green a span {
  color: var(--green)
}
ul.main>li.nav-item.nav-highlight-green:hover {
  background: #1a1a1a
}
ul.main>li.nav-item.nav-highlight-green:hover a span {
  color: var(--green)
}
.desktopNavigation ul.main>li.nav-highlight-green>a>span:after {
  content: '';
  background: var(--green) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}
.desktopNavigation ul.main>li:hover.nav-highlight-green>a>span:after {
  transform: scale(1);
  opacity: 1
}
.mobileMenu .main li.nav-highlight-orange>a,
.mobileMenu .main li.nav-highlight-orange>span,
ul.main>li.nav-item.nav-highlight-orange a span {
  color: var(--orange)
}
ul.main>li.nav-item.nav-highlight-orange:hover {
  background: #1a1a1a
}
ul.main>li.nav-item.nav-highlight-orange:hover a span {
  color: var(--orange)
}
.desktopNavigation ul.main>li.nav-highlight-orange>a>span:after {
  content: '';
  background: var(--orange) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}
.desktopNavigation ul.main>li:hover.nav-highlight-orange>a>span:after {
  transform: scale(1);
  opacity: 1
}

.mobileMenu .main li.nav-highlight-blue>a,
.mobileMenu .main li.nav-highlight-blue>span,
ul.main>li.nav-item.nav-highlight-blue a span {
  color: var(--interactblue)
}

ul.main>li.nav-item.nav-highlight-blue:hover {
  background: #1a1a1a
}

ul.main>li.nav-item.nav-highlight-blue:hover a span {
  color: var(--interactblue)
}

.desktopNavigation ul.main>li.nav-highlight-blue>a>span:after {
  content: '';
  background: var(--interactblue) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}

.desktopNavigation ul.main>li:hover.nav-highlight-blue>a>span:after {
  transform: scale(1);
  opacity: 1
}

.mobileMenu .main li.nav-highlight-gold>a,
.mobileMenu .main li.nav-highlight-gold>span,
ul.main>li.nav-item.nav-highlight-gold a span {
  color: var(--yellow)
}

ul.main>li.nav-item.nav-highlight-gold:hover {
  background: #1a1a1a
}

ul.main>li.nav-item.nav-highlight-gold:hover a span {
  color: var(--yellow)
}

.desktopNavigation ul.main>li.nav-highlight-gold>a>span:after {
  content: '';
  background: var(--yellow) none !important;
  transition: transform 250ms, opacity 250ms;
  transform: scale(0)
}

.desktopNavigation ul.main>li:hover.nav-highlight-gold>a>span:after {
  transform: scale(1);
  opacity: 1
}

.desktopNavigation ul.main>li ul li.nav-highlight-new>a,
.desktopNavigation ul.main>li ul li.nav-highlight-new>span,
.desktopNavigation ul.main>li.nav-highlight-new>a,
.desktopNavigation ul.main>li.nav-highlight-new>span,
.mobileMenu .main li.nav-highlight-new>a,
.mobileMenu .main li.nav-highlight-new>span {
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1zdmctcmVjdC1uZXciIGRhdGEtbmFtZT0iaWNvbiBzdmcgcmVjdCBuZXciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMxIDE2IiB3aWR0aD0iMzEiIGhlaWdodD0iMTYiPiAgPGRlZnM+ICAgIDxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgc3Ryb2tlOiAjMWY5MWQwOyAgICAgIH0gICAgICAuY2xzLTIgeyAgICAgICAgZmlsbDogIzFmOTJkMTsgICAgICB9ICAgICAgLmNscy0zIHsgICAgICAgIHN0cm9rZTogbm9uZTsgICAgICB9ICAgICAgLmNscy00IHsgICAgICAgIGZpbGw6IG5vbmU7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3MSAtMzI5KSI+ICAgIDxnIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcxIDMyOSkiPiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjE2Ii8+ICAgICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjE1Ii8+ICAgIDwvZz4gICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNS4yMywwLDIuMzgtNC42M0gyLjM1TDIuMzksMEguNzNWLTcuMDhIMi42OEw1LjUyLTIuNDZoLjAzTDUuNTEtNy4wOEg3LjE3VjBabTMuNCwwVi03LjA4aDQuNzZ2MS40NEgxMC4yOFYtNC4zaDIuOTR2MS4zN0gxMC4yOHYxLjQ3aDMuMjlWMFpNMjIuMiwwSDIwLjUxbC0xLjQtNC43OWgtLjAzTDE3LjY4LDBoLTEuN0wxMy45Ny03LjA4aDEuODRsMS4xMiw0LjcxaC4wM2wxLjI2LTQuNzFIMjBsMS4yNyw0LjcxaC4wM2wxLjE0LTQuNzFoMS43OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NCAzNDEpIi8+ICA8L2c+PC9zdmc+)
}

.desktopNavigation ul.main>li ul li.nav-highlight-new>a,
.desktopNavigation ul.main>li ul li.nav-highlight-new>span {
  background-position: 5px 50%;
  padding: 10px 0 10px 45px
}
/* Desktop space showing on mobile*/
.desktopNavigationSpace {
  height:0
}
@media screen and (min-width:1024px){
  .desktopNavigationSpace {
    height:57px
  }
}
/**/
.btn-red {
  color: var(--red);
  border: 1px solid var(--red)
}
.btn-red:before {
  background-color: var(--red)
}
a.btn-red:link,
a.btn-red:visited {
  color: var(--red)
}
a.btn-red:focus,
a.btn-red:hover {
  color: #fff
}
.btn-red-close {
  color: var(--red)
}
a.btn-red-close:link,
a.btn-red-close:visited {
  color: var(--red)
}
a.btn-red-close:focus,
a.btn-red-close:hover {
  color: var(--darkred)
}
.btn-purple {
  color: var(--purple);
  border: 1px solid var(--purple)
}
.btn-purple:before {
  background-color: var(--purple)
}
a.btn-purple:link,
a.btn-purple:visited {
  color: var(--purple)
}
a.btn-purple:focus,
a.btn-purple:hover {
  color: #fff
}
.btn-pink {
  color: var(--pink);
  border: 1px solid var(--pink)
}
.btn-pink:before {
  background-color: var(--pink)
}
a.btn-pink:link,
a.btn-pink:visited {
  color: var(--pink)
}
a.btn-pink:focus,
a.btn-pink:hover {
  color: #fff
}
.btn-green {
  color: var(--green);
  border: 1px solid var(--green)
}
.btn-green:before {
  background-color: var(--green)
}
a.btn-green:link,
a.btn-green:visited {
  color: var(--green)
}
a.btn-green:focus,
a.btn-green:hover {
  color: #fff
}
.btn-orange {
  color: var(--orange);
  border: 1px solid var(--orange)
}
.btn-orange:before {
  background-color: var(--orange)
}
a.btn-orange:link,
a.btn-orange:visited {
  color: var(--orange)
}
a.btn-orange:focus,
a.btn-orange:hover {
  color: #fff
}
.btn-gold {
  color: var(--yellow);
  border: 1px solid var(--yellow)
}
.btn-gold:before {
  background-color: var(--yellow)
}
a.btn-gold:link,
a.btn-gold:visited {
  color: var(--yellow)
}
a.btn-gold:focus,
a.btn-gold:hover {
  color: #fff
}
/* File download icons*/
.file-icon {
  position:relative;
  align-items: center;
  display: flex;
  list-style: none;
}
p.file-icon {
  padding-left:46px
}
li.file-icon {
  padding-left: 16px
}
.file-icon:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url(../svg/sprite.css-3c7a68de.svg);
  background-position: -437px -200px; 
  width: 28px;
  height: 32px;
  position: absolute;
}
p.file-icon:before {
  left:0
  }
li.file-icon:before {
 left:-30px
  }
.file-icon-pdf:before {
  background-position: -437px -136px; 
  width: 28px;
  height: 32px;
}
.file-icon-doc:before {
  background-position: -437px -104px; 
  width: 28px;
  height: 32px;
}
.file-icon-xls:before {
  background-position: -437px -72px; 
  width: 28px;
  height: 32px;
}
.file-icon-ppt:before {
  background-position: -437px -168px; 
  width: 28px;
  height: 32px;
}
.file-icon-txt:before {
  background-position: -437px -232px; 
  width: 28px;
  height: 32px;
}
/* Show/hide SPIN on screen size*/
.show-large-screen {
  display:none
}
@media screen and (min-width:768px) {
  .show-small-screen {
    display:none
  }
  .show-large-screen {
    display:inherit
  }
}
/* Newsletter widget */
.newsletterSignup {
  border-top: 0;
  background-color: #fff
}

.newsletterSignup .newsletterSignupHead {
  background-color: var(--black);
  position: relative
}

.newsletterSignup .newsletterSignupHead .email {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 52px;
  background-position: unset;
  background-image: url(../svg/cw_marque_svg_481051.svg);
  background-size: cover
}

.newsletterSignup .newsletterSignupHead .headInfo {
  margin-left: 10px;
  margin-bottom: 10px;
  padding-right: 90px;
  font-family: var(--sans-serif)
}

.newsletterSignup .newsletterSignupHead h2 {
  color: #fff
}

.newsletterSignup .newsletterSignupHead p {
  font-size: .8rem;
  color: #fff
}

.newsletterSignup .form ul li .switch-label {
  font-family: var(--sans-serif);
  color: var(--black)
}

.newsletterSignup .newsletterSignupFoot {
  border-top: 1px solid var(--darkgrey);
  border-bottom: 1px solid var(--darkgrey);
  background: var(--palegrey);
  font-family: var(--sans-serif)
}
/* Newsletter one-click widget */
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-tag {
  text-transform:uppercase;
}
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-tag,
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-info p,
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-form-response {
  font-family:var(--sans-serif);
}
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-details .newsletterSignup-widget-info h2 {
  padding-bottom: unset;
  border-bottom: unset;
}
.newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-info li {    
font-family:var(--sans-serif);
  font-size: .889rem;
    line-height: 1.266rem;
    margin-bottom: 0.25rem;
}
.grecaptcha-badge {
  visibility: hidden;
}

@container newsletterSignupWidget (max-width:599px) {
  .newsletterSignup-widget .newsletterSignup-widget-content .newsletterSignup-widget-img {
    height:150px
  }
}
/* Styling for ad-text */
.ad-text {
	font-family: var(--sans-serif);
   text-transform: uppercase;
	text-align:center;
   color: var(--darkgrey);
   font-weight: 500;
   letter-spacing: .05em;
   font-size: .7rem;
   line-height: .9rem;
}
/*Styling for CLS*/
.ad-mpu {
  min-height: 50px
}
.ad-ldrbrd {
  min-height: 110px
}
@media screen and (min-width:1024px) {
  #ad-slot-b .ad-mpu,
  #ad-slot-c .ad-mpu,
  #ad-slot-e .ad-mpu,
  #ad-slot-f .ad-mpu {
    min-height: 200px
  }
}
/* Sign in */
.formbox.signIn.forgot .formButton p {
  font-family: var(--sans-serif)
}
.signin-mem-content {
  border-top: 1px solid var(--palegrey);
  padding: 20px 0;
  display: flex;
  flex-direction: column
}
.signin-mem-logo {
  width: 40%;
  order: 1;
  margin-bottom: 12px
}
.signin-mem-logo img {
  width: 100%;
  height: auto
}
.signin-mem-text {
  font-family: var(--sans-serif);
  width: 100%;
  order: 2
}
.signin-mem-text>p {
  font-size: .9rem;
  line-height: 1.2rem;
  margin-bottom: 0;
  padding-bottom: 12px
}
@media screen and (min-width:600px) {
  .signin-mem-content {
    flex-direction: row
  }
  .signin-mem-logo {
    width: 23.2%;
    margin-right: 2.3%;
    margin-bottom: 0;
    align-self: center
  }
  .signin-mem-text {
    width: 74.5%
  }
}
/* Show/hide SPIN on screen size*/
.spin-large-screen {
  display:none
}
@media screen and (min-width:768px) {
  .spin-small-screen {
    display:none
  }
  .spin-large-screen {
    display:block
  }
}
/* Share toolbar */
.share-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%
}

.share-toolbar>a,
.share-toolbar.podcast-subscribe a{
  align-items: center;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 1px solid var(--grey);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: none;
  font-size: .6rem;
  height: 36px;
  justify-content: center;
  margin-top: .5rem;
  margin-right: .5rem;
  width: 36px
}

.share-toolbar>a:hover,
.share-toolbar.podcast-subscribe a:hover {
  background-color: var(--palegrey)
}

.share-toolbar.podcast-subscribe {
  border-left: .25rem solid var(--grey);
  flex-direction: column;
  margin-bottom: 1rem;
  padding-left: 1rem
}

.share-toolbar.podcast-subscribe a {
  border-radius: 25%;
  margin-bottom: 0;
  margin-top: .5rem
}

.share-toolbar.podcast-subscribe>div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.share-toolbar.podcast-subscribe p {
  font-family: var(--sans-serif);
  font-size: .9rem;
  line-height: .9rem;
  margin-bottom: 0
}
/* Advert tag on non-enhanced ads when not empty */
div[id^=div-gpt-ad]>div[id^=google_ads_iframe]:not(:empty):before{
  content:'Advertisement';
  font-family: var(--sans-serif);
  text-transform: uppercase;
  text-align: center;
  color: var(--darkgrey);
  font-weight: 500;
  letter-spacing: .05em;
  font-size: .7rem;
  line-height: .9rem;
  text-align:center;
  margin:0 auto;
  display:block;
  padding-bottom:0.25rem;
}