/*KR Import font styles*/
/*@import url("https://prd-cdn.aberdeenstandard.net/-/media/files/styles/abrdn-foundation-styles.css");*/

@font-face {
  font-family: SharpSansMedium;
  font-display: swap;
  font-weight: 400;
  src: url(/styles/fonts/sharpsansdispno1-medium.woff2) format("woff2"),
    url(/styles/fonts/sharpsansdispno1-medium.woff) format("woff");
}

@font-face {
  font-family: SharpSansSemibold;
  font-display: swap;
  font-weight: 400;
  src: url(/styles/fonts/sharpsansdispno1-semibold.woff2) format("woff2"),
    url(/styles/fonts/sharpsansdispno1-semibold.woff) format("woff");
}
/*abrdn skinning*/
/*Base font updates*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: SharpSansMedium, arial, sans-serif;
  font-size: 100%; /*Override to 10px defualt so we can properly resize fonts to match corporate personal etc*/
}

body {
  background-color: #fff;
  color: #555;
  font-family: SharpSansMedium, arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4 {
  font-family: "SharpSansSemibold", arial, sans-serif;
  color: #000;
}

.h2,
h2 {
  font-size: 2rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

.h4,
h4 {
  font-size: 1.25rem;
}

.h5,
h5 {
  font-size: 1.125rem;
}

.hero__title {
  word-wrap: break-word;
  color: #fff;
  font-size: 45px;
  line-height: 1.24;
  font-weight: 300;
  letter-spacing: 0;
  margin-bottom: 20px;
  margin-top: 0;
  word-break: break-word;
}
@media (max-width: 768px) {
  .hero__title {
    font-size: 45px;
    line-height: 1.22;
  }
}
@media (max-width: 480px) {
  .hero__title {
    font-size: 45px;
    line-height: 1.3;
  }
}
.text-primary {
  color: #000;
}

.text-weight-bold {
  font-family: "SharpSansSemibold", arial, sans-serif;
}

/*Links and Buttons*/

a {
  color: #000;
}
a:focus,
a:hover {
  color: #000;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.text-aberdeen-dark-blue {
  color: #000000;
}

/*Buttons*/
.btn {
  border-radius: 50px;
  padding: 12px 32px;
  text-decoration: none;
  font-size: 16px;
  background: #000;
  color: #fff;
  font-family: "SharpSansSemibold", arial, sans-serif;
}
.btn:active,
.btn:focus,
.btn:hover,
.btn.btn--no-active:active,
.btn.btn--no-active:focus,
.hero .btn--bordered:hover,
.hero .btn--bordered:active,
.hero .btn--bordered:focus {
  background: #3f3f3f;
  color: #fff;
}
.btn--icon-right {
  padding-right: 45px;
}
.btn--bordered {
  background: transparent;
}
.btn--bordered:hover,
.btn--bordered:focus,
.btn--bordered:active {
  background: transparent;
}
.hero .btn--bordered {
  background: #000;
  color: #fff;
  border-color: #000;
}
.hero .btn--bordered:hover,
.hero .btn--bordered:active,
.hero .btn--bordered:focus {
  background: #3f3f3f;
  color: #fff;
  border-color: #3f3f3f;
}

.btn--bordered.btn--bordered-blue {
  border-color: #000;
  color: #000;
}
.btn--bordered.btn--bordered-blue:active,
.btn--bordered.btn--bordered-blue:focus,
.btn--bordered.btn--bordered-blue:hover,
.btn--bordered.btn--bordered-dark-blue {
  border-color: #002664;
  color: #002664;
}
.btn--naked {
  background: transparent;
  color: #000;
  padding: 9px 13px;
}
.btn--naked:hover,
.btn--naked:focus,
.btn--naked:active {
  background: transparent;
  color: #000;
}
.btn.btn--transparent {
  background: transparent;
  color: #000;
}
.btn.btn--transparent:hover,
.btn.btn--transparent:focus,
.btn.btn--transparent:active {
  color: #000;
  background: transparent;
  text-decoration: underline;
}
.btn--loading.btn--dark-blue {
  background: #3f3f3f !important;
}
.btn--loading.btn--dark-blue:before {
  background: #fff;
}
.btn--loading {
  background: #3f3f3f !important;
}
.btn--loading:before {
  border-radius: 50px;
  background: #fff;
}
/*Background colours*/
.bg-primary,
.bg-primary--transparent-100,
.bg-primary--transparent-90,
.bg-primary--transparent-80,
.bg-primary--transparent-70,
.bg-primary--transparent-60,
.bg-primary--transparent-50,
.bg-primary--transparent-40,
.bg-primary--transparent-30,
.bg-primary--transparent-20,
.bg-primary--transparent-10 {
  background: #0057b7;
}
.bg-aberdeen-light-blue,
.bg-aberdeen-light-blue--transparent-100,
.bg-aberdeen-light-blue--transparent-90,
.bg-aberdeen-light-blue--transparent-80,
.bg-aberdeen-light-blue--transparent-70,
.bg-aberdeen-light-blue--transparent-60,
.bg-aberdeen-light-blue--transparent-50,
.bg-aberdeen-light-blue--transparent-40,
.bg-aberdeen-light-blue--transparent-30,
.bg-aberdeen-light-blue--transparent-20,
.bg-aberdeen-light-blue--transparent-10 {
  background: #0057b7;
}
.bg-aberdeen-gradient-1 {
  background-image: none;
  background-color: #00205b;
}

.bg-aberdeen-dark-blue,
.bg-aberdeen-dark-blue--transparent-100,
.bg-aberdeen-dark-blue--transparent-90,
.bg-aberdeen-dark-blue--transparent-80,
.bg-aberdeen-dark-blue--transparent-70,
.bg-aberdeen-dark-blue--transparent-60,
.bg-aberdeen-dark-blue--transparent-50,
.bg-aberdeen-dark-blue--transparent-40,
.bg-aberdeen-dark-blue--transparent-30 {
  background-color: #00205b;
}

.bg-aberdeen-dark-blue--transparent-20,
.bg-aberdeen-dark-blue--transparent-10 {
  background-color: #ebecee;
}

.bg-grey,
.bg-light-grey,
.bg-light-grey--transparent-100,
.bg-light-grey--transparent-90,
.bg-light-grey--transparent-80,
.bg-light-grey--transparent-70,
.bg-light-grey--transparent-60,
.bg-light-grey--transparent-50,
.bg-light-grey--transparent-40,
.bg-light-grey--transparent-30,
.bg-light-grey--transparent-20,
.bg-light-grey--transparent-10 {
  background: #ebecee;
}

.bg-dark-grey,
.bg-dark-grey--transparent-100,
.bg-dark-grey--transparent-90,
.bg-dark-grey--transparent-80,
.bg-dark-grey--transparent-70,
.bg-dark-grey--transparent-60,
.bg-dark-grey--transparent-50,
.bg-dark-grey--transparent-40,
.bg-dark-grey--transparent-30,
.bg-dark-grey--transparent-20,
.bg-dark-grey--transparent-10 {
  background: #000;
}
/*Hero component changes*/
.hero .h1,
.hero .h2,
.hero .h3,
.hero .h4,
.hero .h5,
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5 {
  color: inherit;
}

.hero .bg-aberdeen-dark-blue,
.hero .bg-aberdeen-dark-blue--transparent-100,
.hero .bg-aberdeen-dark-blue--transparent-90,
.hero .bg-aberdeen-dark-blue--transparent-80,
.hero .bg-aberdeen-dark-blue--transparent-70,
.hero .bg-aberdeen-dark-blue--transparent-60,
.hero .bg-aberdeen-dark-blue--transparent-50,
.hero .bg-aberdeen-dark-blue--transparent-40,
.hero .bg-aberdeen-dark-blue--transparent-30,
.hero .bg-aberdeen-dark-blue--transparent-20,
.hero .bg-aberdeen-dark-blue--transparent-10,
.hero .bg-dark-grey,
.hero .bg-dark-grey--transparent-100,
.hero .bg-dark-grey--transparent-90,
.hero .bg-dark-grey--transparent-80,
.hero .bg-dark-grey--transparent-70,
.hero .bg-dark-grey--transparent-60,
.hero .bg-dark-grey--transparent-50,
.hero .bg-dark-grey--transparent-40,
.hero .bg-dark-grey--transparent-30,
.hero .bg-dark-grey--transparent-20,
.hero .bg-dark-grey--transparent-10 {
  background: #fff;
  color: #000;
  padding: 40px;
}
@media (max-width: 768px) {
  .hero .bg-aberdeen-dark-blue,
  .hero .bg-aberdeen-dark-blue--transparent-100,
  .hero .bg-aberdeen-dark-blue--transparent-90,
  .hero .bg-aberdeen-dark-blue--transparent-80,
  .hero .bg-aberdeen-dark-blue--transparent-70,
  .hero .bg-aberdeen-dark-blue--transparent-60,
  .hero .bg-aberdeen-dark-blue--transparent-50,
  .hero .bg-aberdeen-dark-blue--transparent-40,
  .hero .bg-aberdeen-dark-blue--transparent-30,
  .hero .bg-aberdeen-dark-blue--transparent-20,
  .hero .bg-aberdeen-dark-blue--transparent-10,
  .hero .bg-dark-grey,
  .hero .bg-dark-grey--transparent-100,
  .hero .bg-dark-grey--transparent-90,
  .hero .bg-dark-grey--transparent-80,
  .hero .bg-dark-grey--transparent-70,
  .hero .bg-dark-grey--transparent-60,
  .hero .bg-dark-grey--transparent-50,
  .hero .bg-dark-grey--transparent-40,
  .hero .bg-dark-grey--transparent-30,
  .hero .bg-dark-grey--transparent-20,
  .hero .bg-dark-grey--transparent-10 {
    padding: 20px;
  }
}
.hero .bg-aberdeen-dark-blue .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-100 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-90 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-80 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-70 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-60 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-50 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-40 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-30 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-20 .btn--bordered,
.hero .bg-aberdeen-dark-blue--transparent-10 .btn--bordered,
.hero .bg-dark-grey .btn--bordered,
.hero .bg-dark-grey--transparent-100 .btn--bordered,
.hero .bg-dark-grey--transparent-90 .btn--bordered,
.hero .bg-dark-grey--transparent-80 .btn--bordered,
.hero .bg-dark-grey--transparent-70 .btn--bordered,
.hero .bg-dark-grey--transparent-60 .btn--bordered,
.hero .bg-dark-grey--transparent-50 .btn--bordered,
.hero .bg-dark-grey--transparent-40 .btn--bordered,
.hero .bg-dark-grey--transparent-30 .btn--bordered,
.hero .bg-dark-grey--transparent-20 .btn--bordered,
.hero .bg-dark-grey--transparent-10 .btn--bordered {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.hero .bg-aberdeen-dark-blue .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-100 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-100 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-100 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-90 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-90 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-90 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-80 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-80 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-80 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-70 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-70 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-70 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-60 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-60 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-60 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-50 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-50 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-50 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-40 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-40 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-40 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-30 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-30 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-30 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-20 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-20 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-20 .btn--bordered:active,
.hero .bg-aberdeen-dark-blue--transparent-10 .btn--bordered:hover,
.hero .bg-aberdeen-dark-blue--transparent-10 .btn--bordered:focus,
.hero .bg-aberdeen-dark-blue--transparent-10 .btn--bordered:active,
.hero .bg-dark-grey .btn--bordered:hover,
.hero .bg-dark-grey .btn--bordered:focus,
.hero .bg-dark-grey .btn--bordered:active,
.hero .bg-dark-grey--transparent-100 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-100 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-100 .btn--bordered:active,
.hero .bg-dark-grey--transparent-90 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-90 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-90 .btn--bordered:active,
.hero .bg-dark-grey--transparent-80 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-80 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-80 .btn--bordered:active,
.hero .bg-dark-grey--transparent-70 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-70 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-70 .btn--bordered:active,
.hero .bg-dark-grey--transparent-60 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-60 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-60 .btn--bordered:active,
.hero .bg-dark-grey--transparent-50 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-50 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-50 .btn--bordered:active,
.hero .bg-dark-grey--transparent-40 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-40 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-40 .btn--bordered:active,
.hero .bg-dark-grey--transparent-30 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-30 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-30 .btn--bordered:active,
.hero .bg-dark-grey--transparent-20 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-20 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-20 .btn--bordered:active,
.hero .bg-dark-grey--transparent-10 .btn--bordered:hover,
.hero .bg-dark-grey--transparent-10 .btn--bordered:focus,
.hero .bg-dark-grey--transparent-10 .btn--bordered:active {
  background: #3f3f3f;
  color: #fff;
  border-color: #3f3f3f;
}
.hero .bg-aberdeen-dark-blue .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-100 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-90 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-80 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-70 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-60 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-50 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-40 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-30 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-20 .hero__copy,
.hero .bg-aberdeen-dark-blue--transparent-10 .hero__copy,
.hero .bg-dark-grey .hero__copy,
.hero .bg-dark-grey--transparent-100 .hero__copy,
.hero .bg-dark-grey--transparent-90 .hero__copy,
.hero .bg-dark-grey--transparent-80 .hero__copy,
.hero .bg-dark-grey--transparent-70 .hero__copy,
.hero .bg-dark-grey--transparent-60 .hero__copy,
.hero .bg-dark-grey--transparent-50 .hero__copy,
.hero .bg-dark-grey--transparent-40 .hero__copy,
.hero .bg-dark-grey--transparent-30 .hero__copy,
.hero .bg-dark-grey--transparent-20 .hero__copy,
.hero .bg-dark-grey--transparent-10 .hero__copy {
  color: #000;
  margin-bottom: 20px;
  padding-right: 33%;
}
.hero .hero__asset .btn--naked {
  color: #000;
}
/*Misc component changes*/
.content-preview__details {
  background: #0057b7;
  color: #fff;
  height: 100%;
  margin: 50% 0 0;
  overflow: hidden;
  padding: 20px;
  position: relative;
  z-index: 1;
}
.cookie-bar {
  background: #ebecee;
}
.accordion--light-blue .accordion__toggle,
.accordion--blue .accordion__toggle {
  background: #0057b7;
  color: #fff;
  margin: 0 0 10px;
}
.accordion--light-blue .accordion__toggle.accordion--active,
.accordion--light-blue .accordion__toggle:focus,
.accordion--light-blue .accordion__toggle:hover {
  background: #00205b;
}
.accordion--light-blue .accordion__toggle i {
  color: #fff;
}
.form-control.form-control--bordered-blue {
  border-color: #000;
  color: #000;
}
.accordion--light-blue-v2 .accordion__toggle {
  color: #000;
  background: #fff;
}
.accordion--light-blue-v2 .accordion__toggle.accordion--active,
.accordion--light-blue-v2 .accordion__toggle:focus,
.accordion--light-blue-v2 .accordion__toggle:hover {
  background: #ebecee;
}
.menu-search-v2 .search__submit-v2 {
  background-color: #000;
}
/*Our thinking specific changes*/
#thinking-aloud .bg-primary {
  background: #00205b;
}
.ta-filters__options
  > .ta-filters__group
  .ta-filters__checkbox:checked
  + .ta-filters__label {
  background: #00205b;
}
.ta-filters__checkbox:checked + .ta-filters__label {
  background: #0057b7;
}
.ta-filters__options
  > .ta-filters__group
  .ta-filters__checkbox
  + .ta-filters__label {
  background: #0057b7;
}
.ta-tile .ta-meta-container .ta-meta-title-container {
  background: #1c2939;
}
/*Related articles as per figma*/
.ta-tile.ta-tile--type-article h3:not(.ta-meta-title) {
  background: #1c2939;
  display: inline-block;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  width: 100%;
}
.ta-tile.ta-tile--type-article .stick-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.ta-hero h1 {
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: 4.5rem;
  font-weight: 300;
  -bottom: 10px;
  padding: 10px 20px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-property: background bottom opacity;
  -o-transition-property: background bottom opacity;
  -moz-transition-property: background bottom opacity;
  transition-property: background bottom opacity;
}
@media (max-width: 480px) {
  .ta-hero h1 {
    font-size: 2.625rem;
    line-height: 1.22;
  }
}
.ta-hero__panel-headings {
  background: #fff;
  color: #000;
  display: inline-block;
}
.ta-hero__panel-headings h1 {
  color: #000;
}
.ta-quote.ta-quote--background-blue {
  background: #0057b7;
}
.ta-quote.ta-quote--background-blue:before {
  border-left-color: #0057b7;
  border-top-color: #0057b7;
}
.tabs.tabs--style-tags ul a {
  border-radius: 24px;
  background: #fff;
  border: 2px solid #b2babf;
  color: #000;
  display: inline-block;
  font-weight: 400;
  margin: 0 8px 0 0;
  padding: 5px 10px;
  position: relative;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ta-meta li {
  background: #fff;
  color: #555;
  display: inline-block;
  margin: 0 10px 0 15px;
  padding: 8px 5px;
  position: relative;
  text-transform: uppercase;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  vertical-align: bottom;
}
.ta-meta li.tag,
.ta-meta li.tag:after,
.ta-meta li.tag:before {
  background-color: #00c1d4;
}
/*remove slants on titles*/
.ta-meta li.left:after, .ta-meta li.middle:after, .ta-meta li.middle:before, .ta-meta li.right:before {
  display: none;
}
.ta-meta li {
  margin: 0 5px 0 0;
}
.ta-tile.ta-tile--type-article h3 {
  padding: 16px 12px;
  line-height: 20px;
  width: 100%;
}
/*Navigation specific changes*/
/*Make black background*/
.app-header__menu .bg-primary {
  background-color: #000;
}
/*Remove blue rollover replace with white underline*/
.nav-menu a.is-active,
.nav-menu a:hover {
  background-color: transparent;
  color: #fff;
  padding-left: 5px;
  text-decoration: underline;
}
/*Fix parent link sizing*/
.nav-menu__group-parent-link {
  font-size: 16px;
  line-height: 32px;
}
/*Add black border bottom*/
.app-header {
  border-bottom: 1px solid #000;
}
/*Change drop down arrow colour*/
.app-header .investor-selector-toggle--active:after,
.app-header .investor-selector-toggle-mobile--active:after {
  color: #000;
}
/*Breadcrumbs*/
/*Remove chevron, add dot*/
.breadcrumb-scrollable > li + li:before {
  background: url(https://prd-cdn.aberdeenstandard.net/corporate/-/media/abrdn/dots/single%20dots/dot-grey.ashx);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 5px;
  margin: 4px 8px 2px;
  padding: 0;
  width: 4px;
}
/*Black background and white text*/
.breadcrumb-scrollable,
.breadcrumb-v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  font-family: "SharpSansSemibold", arial, sans-serif;
  color: #fff;
}
.breadcrumb-scrollable > li a {
  color: #fff;
}
/*Mobile menu styling*/
.nav-menu .btn--naked {
  line-height: 32px;
  color: #fff;
}
.nav-menu .btn--naked:active,
.nav-menu .btn--naked:focus,
.nav-menu .btn--naked:hover,
.nav-menu a:active,
.nav-menu a:focus,
.nav-menu a:hover {
  text-decoration: underline;
  color: #fff;
}
/*One trust fix*/
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
.save-preference-btn-handler {
  border-radius: 24px;
  padding: 12px 32px;
  text-decoration: none;
}
/*fund centre*/
/* prices */
.fc__shareclass-toggle {
  background: #ebecee;
  color: #000;
  padding: 15px 30px 15px 15px;
  margin: 0 0 15px 0;
}
.fc__shareclass-toggle:hover,
.fc__shareclass-toggle:focus,
.fc__shareclass-toggle:active {
  background-color: #b2babf;
  color: #000;
}
.input-group--search:before {
  background-position: -221px -141px;
}
.table > thead > tr > th {
  color: #000;
}
.shareclass-link {
  border: 1px solid #000;
  border-radius: 50px;
}
.shareclass-link:hover {
  background: #000;
  color: #fff;
}
.toggler .checkbox:checked + .checkbox-label {
  box-shadow: 0 0 0 2px #0057b7;
  background: #0057b7;
}
.toggler .checkbox:checked + .checkbox-label:before {
  box-shadow: 0 3px 3px rgb(0 0 0 / 20%), 0 0 0 2px #0057b7;
  color: #0057b7;
}
.fc__shareclass-toggle .fc__shareclass-toggle__badge {
  border: 1px solid #b2babf;
}
.input-group .form-control {
  height: 48px;
}
.fund-list {
  background: #0057b7;
}
.dropdown-group .btn {
  border-radius: 0px;
}
/* literature */
.icon-file-type .extension {
  background: none;
}
/* fund page */
.fund-page .hero {
  background: #00205b;
}
.form-control.form-control--autosize {
  padding: 0 32px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ebecee;
}
.tab-interface [role="tablist"] [aria-selected],
.tab-interface [role="tablist"] a:active,
.tab-interface [role="tablist"] a:focus,
.tab-interface [role="tablist"] a:hover {
  color: #00205b;
}
.section-performance .btn {
  border-radius: 0;
  padding: 9px 13px;
}
.hero .btn--naked {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .fund-list {
    background: rgba(0, 0, 0, 0.2);
  }
  .fc__shareclass-toggle {
    padding-right: 65px;
  }
  .tab-interface [role="tablist"] [aria-selected] {
    color: #fff;
    background: #00205b;
  }
}
/*fund centre end*/
/*Investor selector*/
.investor-selector {
  background-color: #000;
  color: #fff;
}
.investor-selector h2,
.investor-selector .h2 {
  color: #fff;
  font-size: 24px;
}
.investor-selector__sites .investor-selector__expand-disclaimer,
.investor-selector__sites .investor-selector__link {
  color: #fff;
  font-size: 18px;
  padding-left: 0px;
  font-family: SharpSansMedium, arial, sans-serif;
}
.investor-selector .btn--bordered.btn--bordered-blue {
  border-color: #fff;
  color: #fff;
}
.investor-selector .btn--naked {
  background: transparent;
  color: #fff;
  padding: 9px 13px;
}
.investor-selector .btn-primary {
  border-radius: 50px;
  padding: 12px 32px;
  text-decoration: none;
  font-size: 16px;
  background: #fff;
  color: #000;
  font-family: "SharpSansSemibold", arial, sans-serif;
}
.investor-selector ul li {
  list-style-type: none;
  padding-top: 4px;
  padding-bottom: 4px;
}
.investor-selector__sites .investor-selector__disclaimer-text {
  color: #525252;
  font-size: 16px;
  line-height: 20px;
  max-height: 120px;
  overflow: auto;
  padding: 32px 24px;
}
.investor-selector btn:active,
.investor-selector .btn:focus,
.investor-selector .btn:hover,
.investor-selector .btn.btn--no-active:active,
.investor-selector .btn.btn--no-active:focus {
  background: none;
  color: #fff;
}
.investor-selector__region .bb,
.investor-selector__countries .bb {
  border-bottom: none;
}
/*Media centre*/
.bg-aberdeen-light-blue-top-small:before,
.bg-aberdeen-light-blue-top:before {
  background: #00205b;
  content: "";
  height: 175px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.box-grid-simple__title {
  color: #000;
  font-weight: inherit;
  margin: 0 0 5px;
}
.box-grid-simple__pseudo-link {
  bottom: 20px;
  color: #000;
  left: 20px;
  position: absolute;
  right: 20px;
}
.box-grid-simple__link:before {
  background: #0057b7;
}
.article-header {
  background-image: none;
  background-color: #00205b;
  overflow: hidden;
  padding: 155px 0 50px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.article-header .btn--naked {
  color: #fff;
}
.contactus-tile__method__icon {
  color: #000;
}
/*Funds in focus*/
.campaign-promoted-funds .promoted-card {
  border-top: 3px solid #000;
}
/*General tiles*/
@media screen and (min-width: 991px) {
  .general-tiles li {
    width: 33.333333%;
    float: left;
  }
}
.general-tiles li {
  list-style: none;
}
.caption-wrapper {
  padding: 0px 12px;
}
.caption-wrapper h2 {
  font-size: 27px;
}