/* PWC Normalise */
html{font-size:1.000em;line-height:1.5em;letter-spacing:0}
body{line-height:1.7em;font-size:16px}
html,body{color:#000000;font-family:"PwC Helvetica Neue",Arial,Sans-Serif}
p{font-size:1rem;line-height:1.7em;font-family:"PwC Helvetica Neue",Arial,Sans-Serif}
p small{font-size:85%}
h1,h2,.h1,.h2{font-family:"PwC ITC Charter",Georgia,Serif;font-style:normal;font-weight:normal;color:#000000}
h3,h4,h5,h6,.h3,.h4,.h5,.h6{font-family:"PwC Helvetica Neue",Arial,Sans-Serif;font-style:normal;font-weight:bold;color:#000000}
h1,.h1{font-size:2.5rem;font-weight:normal;line-height:1.3em}
h2,.h2{font-size:2.375rem;line-height:1.3em}
h3,.h3{font-size:2rem;line-height:1.3em}
h4,.h4{font-size:1.5rem;line-height:1.3em}
h5,.h5{font-size:1.25rem;line-height:1.4em}
h6,.h6{font-size:18px;font-size:1.286rem;line-height:1.5em}
small{font-size:85%}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-size:85%}
i{font-style:italic}
p em,li em,td em{font-style:italic}
a p,a h1,a h2,a h3,a h4,a h5,a h6{color:#000000}
strong,b{font-weight:bold}
sup{font-size:80%}

/* Bootstrap Override */

@media (min-width: 768px){
  .container {
    width: 750px;
    max-width: 750px;
  }
}
@media (min-width: 980px){
  .container {
    width: 1010px;
    max-width: 1010px;
  }
}
@media (min-width: 1200px){
  .container {
    width: 1170px;
    max-width: 1170px;
  }
}
@media (min-width: 768px){
  .container {
    width: 750px;
    max-width: 750px;
  }
}
@media (min-width: 992px){
  .container {
    width: 970px;
    max-width: 970px;
  }
}
@media (min-width: 1200px){
  .container {
    width: 1170px !important;
    max-width: 1170px !important;
  }
}
@media (min-width: 1400px){
  .container {
    width: 1370px !important;
    max-width: 1370px !important;
  }
}

.form-group {
  margin-bottom: 12px;
}
.card{
  border-radius: 0;
}
.btn-primary{
  background-color: #e0301e;
  border-radius: 0;
  border-color: #e0301e;
  font-family: "PwC Helvetica Neue",Arial,sans-serif !important;
  font-weight: normal;
}
.btn, .btn:link, .btn:hover, .btn:focus{
  font-weight: normal;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #a32517;
  border-color: #a32517;
  font-weight: normal;
}

/* Utilities */
.bg-orange{
  background-color: #d04a02;
}
.bg-red{
  background-color: #e0301e;
}
.text-16{
  font-size: 1rem !important;
}
.text-14{
  font-size: 0.875rem;
}
.text-12{
  font-size: 0.75rem;
}
.text-red{
  color: #e0301e;
}
.text-dark-gray{
  color: #000000 !important;
}
.text-bold{
  font-weight: bold;
}
.link{
  text-decoration: underline;
  color: #464646;
}
.link:hover{
  color:#FD5108;
}
.hide{
  display: none;
}
.mb-2{
  margin-bottom: 8px;
}

/* Components */

/* menu-bar */
.menu-bar{
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 5px;
}
.menu-bar a{
  text-decoration: none;
  font: 16px "PwC ITC Charter",Georgia,Serif;
  color: #000000;
}
.menu-bar .dropdown-toggle::after{
  display: none;
}

.menu-bar .dropdown .dropdown-toggle{
  text-decoration: none;
  font: 16px "PwC ITC Charter",Georgia,Serif;
  border: 2px solid #404041;
  border-radius: 5px;
  padding: 3px 8px;
  background-color: #fff;
}
.menu-bar .dropdown.show .dropdown-toggle svg{
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.menu-bar .dropdown .dropdown-toggle .cls-1{
  fill: #404041;
}
.menu-bar .dropdown .dropdown-toggle:hover{
  color: #e0301e;
  border-color: #e0301e;
}
.menu-bar .dropdown.show .dropdown-toggle svg{
  margin-top: -3px;
}
.menu-bar .dropdown .dropdown-toggle:hover .cls-1{
  fill: #e0301e;
}
.menu-bar .dropdown-menu{
  padding: 10px;
  width: 200px;
  top: 37px !important;
}
.menu-bar .dropdown-menu::before{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e0301e;
  position: absolute;
  top: -11px;
  right: 20px;
}
.menu-bar .dropdown-menu .dropdown-title{
  cursor: auto;
  line-height: 1.5;
  font-size: 1.142rem;
  margin-bottom: 8px;
  font-family: "PwC ITC Charter",Georgia,Serif;
}
.menu-bar .dropdown-menu .dropdown-item{
  padding: 8px 15px;
  font-size: 1rem;
  font-family: "PwC Helvetica Neue",Arial,Sans-Serif;
  line-height: 1.5;
  color: #404041;
  font-weight: 400;
  text-decoration: underline;
  width: 100%;
  display: inline-block;
}
.menu-bar .dropdown-menu .dropdown-item.selected{
  background-color: #f2f2f2;
  text-decoration: none;
  font-weight: bold;
}
.menu-bar .dropdown-menu .dropdown-item:hover{
  background-color: #6d6e71;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.menu-bar .menu-bar-header {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  padding: 8px 0;
}
.menu-bar .menu-bar-header>nav{
  margin: 16px 8px 0;
}


/* header-bar */
.header-bar{

}
.header-bar .header-bar__title{
  background-color: #000000;
  padding: 5px 20px;
  margin: 24px 0 !important;
  display: inline-block;
  color: #fff;
}

/* Preference center new */
#preference-center-new .expand-action.tab-spacer{
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/* Tab 1: newsletter titles → black */
#preference-center-new .expand-group .pref-box .title {
  color: #000000 !important;
}


#preference-center-new .expand-action.spacer-bottom{
  padding-bottom: 30px;
}
#preference-center-new .expand-action.actioned{
  font-weight: 600 !important;
}
#preference-center-new .expand-group .group-intro-text{
  margin: 0 8px 10px 8px;
  width:95%;
}
#preference-center-new .expand-group .eloqua-style .group-intro-text{
  margin: 0 0 10px 0;
}
#preference-center-new .expand-group .pref-box{
  color: #000000;
}
#preference-center-new .lead{
  font-size: 1rem;
}

[class*=eloqua-style] input, [class*=eloqua-style] select, [class*=eloqua-style] textarea{
  font-size: 1rem;
}

#preference-center-new .expand-group .pref-box.pref-box-interest{
  width: calc( 100% - 1rem);
}
#preference-center-new .expand-group .pref-box .title{
  color: #e0301e;
  font-weight: 600;
  width: 100%;
  overflow-wrap: break-word;
  margin-bottom: 0;
}
#preference-center-new .expand-group .pref-box .discripton{
  margin-top: 0.5rem;
  display: inline-block;
  color: #000000;   
  line-height: 26px;     
}


#preference-center-new .expand-group .pref-box input:checked ~ label::before {
  background-color: #FD5108;
  border-color: #FD5108;
}

#preference-center-new .expand-group .pref-box .pref-box-topics{
  margin-top: 20px;
}
#preference-center-new .expand-group .pref-box .pref-box-topics .title{
  padding-left: 2.8rem;
  padding-right: 0;
  color: #000000;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
}

#preference-center-new .expand-group .pref-box .pref-box-topics label::before{
  left: 0;
  top: -1px;
  height: 1.6rem;
  width: 3.1rem;
}
#preference-center-new .expand-group .pref-box .pref-box-topics label::after{
  height: calc(1.6rem - 6px);
  left: 5px;
  top: 2px;
  width: calc(1.6rem - 6px);
}
#preference-center-new .expand-group .pref-box .pref-box-topics input:checked ~ label::before{
  background-color: #FD5108;
  border-color: #FD5108;
}
#preference-center-new .expand-group .pref-box .pref-box-topics input:checked ~ label::after{
  -webkit-transform: translateX(1.3rem);
  transform: translateX(1.3rem);
}

/* Toggle OFF – newsletters */
#preference-center-new .expand-group .pref-box label::before {
  background-color: #DFE3E6;
  border: 2px solid #DFE3E6;
}

/* Toggle OFF – topics (if you need to scope it tighter) */
#preference-center-new .expand-group .pref-box .pref-box-topics label::before {
  background-color: #DFE3E6;
  border: 2px solid #DFE3E6;
}

/* boxes around each newsletter / topic / frequency panel */
#preference-center-new .pref-box,
#preference-center-new .pref-box-interest,
#preference-center-new .pref-box-frequency,
#preference-center-new .pref-box-unsubscribe {
  border-color: #CCC !important;
}

/* divider under each section title */
#preference-center-new .group-intro-text {
  border-bottom-color: #CCC !important;
}

/* lines between checkboxes */
#preference-center-new .form-check {
  border-top-color: #CCC !important;
}

#preference-center-new .expand-group .pref-box .pref-box-topics .form-check{
  position: relative;
  margin-bottom: 8px;
}
#preference-center-new .expand-group .pref-box.pref-box-unsubscribe{
  padding: 0.5rem 1rem;
}
#preference-center-new .expand-group .pref-box.pref-box-unsubscribe .lead{
  margin: 12px 0 5px;
}
#preference-center-new .form-group-border{
  border: 1px solid #ccc;
  padding: 10px;
  padding-left: 2.1rem !important;
}
#preference-center-new .form-check{
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
#preference-center-new .form-check label{
  margin: 0;
}
#preference-center-new .form-check span.lead{
  line-height: 1.5rem;
  display: inline-block;
  margin: 0;
}

#preference-center-new .group-intro-text{
  width: 100%;
}

#preference-center-new .form-check input[type="checkbox"]{
  position: absolute;
  margin-top: 7px;
  margin-left: -1.2rem;
}

#preference-center-new .btn-next-wrap{
  width: 100%;
  margin: 0.5rem;
  padding-top: 15px;
}

#preference-center-new .btn-next-wrap .col{
  padding-left: 0 !important;
}

#preference-center-new .btn-next, #preference-center-new .btn-home{
  padding-right: 50px;
  position: relative;
  min-width: 100px;
}
#preference-center-new .btn-next::after, #preference-center-new .btn-home::after{
  content: "";
  width: 17px;
  height: 17px;
  background: url(https://image.email.pwc.com/lib/fe311170756404747d1577/m/1/d3448718-66ef-472c-99c3-3a6604ea3ef4.png) center center no-repeat;
  background-size: 17px 17px;
  position: absolute;
  right: 25px;
  top: 15px;
}
#preference-center-new .eloqua-style{
  width: 100%;
}
#preference-center-new .eloqua-style fieldset:last-of-type{
  margin: 0;
}

#preference-center-new .select-wrapper {
  position: relative;
}
#preference-center-new .select-wrapper:before {
  content:'\25B2';
  color: #000000;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 7px;
  pointer-events: none;
  font-size: 10px;
}
#preference-center-new .select-wrapper:after {
  content:'\25BC';
  color: #000000;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 16px;
  pointer-events: none;
  font-size: 10px;
}
#preference-center-new .interest-empty, #preference-center-new .frequency-empty{
  margin-bottom: 70px;
}
#preference-center-new .thankyou-tab .thankyou-title-wrap{
  margin: 0 0.5rem;
}
#preference-center-new .thankyou-tab .thankyou-title{
  margin: 0 0 15px 0;
}
#preference-center-new .thankyou-tab .group-intro-text{
  margin-bottom: 20px;
}
#preference-center-new .thankyou-tab .closing{
  margin-bottom: 10px;
}


/* #preference-center-new .subscriptions-form-wrap > form.subscriptions-form {
  background-color: #F5F7F8;
  padding: 1rem;
  padding-bottom: 0px;
} */

/* 0) make the white pages truly transparent everywhere */
#preference-center-new section.page-section--col-white {
  background-color: transparent !important;
}

/* 1) grey-out the whole form container on both update & register pages 
#preference-center-new
  .subscriptions-form-wrap  > form.subscriptions-form, */
#preference-center-new
  .subscriptions-register-form-wrap > form.subscriptions-register-form
{
  background-color: #F5F7F8;
  padding: 1rem;
}


/* 2) completely remove that grey from the “tab5” panel itself */
#preference-center-new
  .subscriptions-form-wrap  > .expand-group expand-group-tab5 actioned,
#preference-center-new
  .subscriptions-register-form-wrap > .expand-group-tab5
{
  background: transparent !important;
  padding:    0           !important;
}

/* 3) re-apply the grey *only* to the pieces we actually want (everything after the first child) */
#preference-center-new
  .subscriptions-form-wrap  > .expand-group-tab5 > *:not(:first-child),
#preference-center-new
  .subscriptions-register-form-wrap > .expand-group-tab5 > *:not(:first-child)
{
  background-color: #F5F7F8 !important;
  padding:          1rem   !important; /* your inner gutter */
}


/* 4) collapse bottom margin on the very last block so the submit button sits flush */
#tab5Content 
{
  background-color: #F5F7F8;
  padding: 1rem;

}

#tab5intro-text
{
padding-top: 1rem;
}


  #tab1Content {
background-color: #F5F7F8;
  padding: 1rem;
}


  #tab2Content {
background-color: #F5F7F8;
  padding: 1rem;


}


  #tab3Content {
background-color: #F5F7F8;
  padding: 1rem;

}


  #tab4Content {
background-color: #F5F7F8;
  padding: 1rem;

}


/* ─────────────────────────────────────────────────────────────
   Register Preference Center buttons: new orange + Arial bold
   ───────────────────────────────────────────────────────────── */
#preference-center-new .subscriptions-register-form-wrap .btn-primary {
  background-color: #FD5108 !important;
  border-color:     #FD5108 !important;
  color:            #FFFFFF !important;
  font-family:      Arial, sans-serif !important;
  font-weight:      bold !important;
  font-size:        16px !important;
}

/* hover/active state: */
#preference-center-new .subscriptions-register-form-wrap .btn-primary:hover,
#preference-center-new .subscriptions-register-form-wrap .btn-primary:focus,
#preference-center-new .subscriptions-register-form-wrap .btn-primary:active {
  background-color: #e14907 !important;  /* a slightly darker orange, or keep #FD5108 if you prefer */
  border-color:     #e14907 !important;
}



/* active tab – orange stripe + light-orange fill */
#preference-center-new .expand-action.actioned {
  /* make the vertical bar solid #FD5108 */
  border-left: 5px solid #FD5108 !important;
  /* swap the pale-red fill for a light orange */
  background-color: #FFE8D4 !important;
}

/* keep flip-down arrow as is */
#preference-center-new .expand-action.actioned .collapse-icon {
  transform: scaleY(-1);
}

/* target the “You don’t have to leave completely” heading */
#preference-center-new .expand-group-tab5 h3.group-intro-text {
  font-size: 24px !important;
  color: #000000;
}


label.error, .text-red{
  color: #DC2626;
}
.form-control.error + .error{
  display: block !important;
  word-break: break-word;
}

[class*=eloqua-style] label {
  margin: 0 0 2px;
}

@media (max-width: 767px){
  .logo-link svg {
    height: 40px;
    top: -18px;
  }
}