/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    Resource list component.
------------------------------------------------------------------------ */
.resource-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .resource-list {
    margin-bottom: 30px;
  }
}
.resource-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    Record list component.
------------------------------------------------------------------------ */
.record-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .record-list {
    margin-bottom: 30px;
  }
}
.record-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.record-list li img {
  width: 60px;
}
@media screen and (min-width: 767px) {
  .record-list li img {
    width: 300px;
  }
}
.record-list-item-link {
  display: block;
}
.record-list-item-attributes li {
  padding-bottom: 15px;
}
.record-list-item-attributes li:last-child {
  margin-bottom: 15px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
YOUTUBE VIDEO CSS
------------------------------------------------------------------------ */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333333;
  opacity: .75;
  z-index: 9999 !important;
}
.youtube-video {
  display: flex;
  justify-content: center;
  border: unset;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #999;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .youtube-video {
    margin-bottom: 30px;
  }
}
.youtube-video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.youtube-video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border: none;
  background: none;
}
.youtube-video-play-button {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.youtube-video-img {
  width: 100%;
  height: 100%;
}
.youtube-video-play-img {
  position: absolute;
  width: 85px;
  height: 59px;
  top: calc(-30px - -50%);
  left: calc(-43px - -50%);
  z-index: 0;
  display: block;
  background-image: url("components/content/youtube-video/assets/images/youtube-play-icon.png");
}
.youtube-video-modal-container {
  border: none !important;
  background: white;
  padding: 0 !important;
  border-radius: 0px !important;
  margin: 0px !important;
  overflow: inherit !important;
  z-index: 10000 !important;
}
@media screen and (min-width: 768px) {
  .youtube-video-modal-container {
    width: 700px !important;
    height: 435px !important;
  }
}
@media screen and (min-width: 992px) {
  .youtube-video-modal-container {
    width: 914px !important;
    height: 555px !important;
  }
}
.youtube-video-modal {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  overflow: hidden !important;
}
.youtube-video-cross-icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 26px !important;
  color: #000;
  float: right;
  margin-right: 20px;
  margin-top: 5px;
  cursor: pointer;
  width: 40px;
  border: none;
  background: none;
  z-index: 10001;
}
.youtube-video-container {
  position: relative;
  width: 100%;
  margin-top: 48px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .youtube-video-container {
    height: 360px;
  }
}
@media screen and (min-width: 992px) {
  .youtube-video-container {
    height: 480px;
  }
}
.youtube-video-container > .youtube-video-iframe {
  position: relative;
  display: block;
  border: 2px solid #ffffff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .youtube-video-container > .youtube-video-iframe {
    width: 640px;
    height: 360px;
  }
}
@media screen and (min-width: 992px) {
  .youtube-video-container > .youtube-video-iframe {
    width: 854px;
    height: 480px;
  }
}
*:not([role="dialog"]) .youtube-video-modal {
  display: none;
}
.youtube-video-container:not([tabindex]) {
  position: static;
}

/*
* youtube-overlay.css
*
* Note: this file must remain CSS (not LESS) b/c
* the LESS JS portion of the YUI Compressor used 
* in /aem-core/ is outdated and does nto recognize 
* container query syntax (`@container`, etc.). If 
* we use straight CSS the minification and 
* concatenation processes work fine (with one tweak 
* regarding maintaining whitespace within container 
* query rules.
*
* Design-specific rules (such a typography, color, 
* link style, etc.) have been removed so we deliver 
* wireframe-type experience that can have these 
* specifics styled on a per-theme level. From core 
* we deliver only what is necessary to successfully 
* render the component in working visual state.
*
================================================== */

/* 
* Outermost component wrapper.
* Define as container. Using 'size' 
* vs. 'inline-size' allows us to use 
* container query units for height 
* and width.
*/
.youtube-video {
  container: yt-video-wrapper/size;
}

/*
* Poster image from YT ('maxresdefault.jpg')
*/
.youtube-video-inline-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
* "Mask" that overlays the poster 
* image and "play" icon.
*/
.background-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.yt-overlay {
  --yt-space-unit: 4;
  --yt-pad-y: clamp(
    calc((3 * var(--yt-space-unit)) * 1px), 
    calc((1 * var(--yt-space-unit)) * 1%), 
    calc((6 * var(--yt-space-unit)) * 1px)
  );
  --yt-pad-x: clamp(
    calc((3 * var(--yt-space-unit)) * 1px), 
    calc((3 * var(--yt-space-unit)) * 0.625cqw), 
    calc((20 * var(--yt-space-unit)) * 1px)
  );

  display: flex;
  align-items: center;
  gap: clamp(
    calc((4 * var(--yt-space-unit)) * 1px), 
    calc((1.125 * var(--yt-space-unit)) * 1%), 
    calc((7 * var(--yt-space-unit)) * 1px)
  );
  width: 100%;
  max-height: clamp(
    100%, 
    calc((15 * var(--yt-space-unit)) * 1cqh), 
    calc((43 * var(--yt-space-unit)) * 1px)
  ); 
  padding: var(--yt-pad-y) var(--yt-pad-x);
  background-color: rgba(255, 255, 255, 1.0);
  position: absolute;
  bottom: 0;

  /*
  * Text wrapper
  * Weak naming convention means we should 
  * nest inside the overlay class.
  */
  & .overlay-text-wrapper {
    display: inline-flex;
    flex: 1 1 auto;
    flex-direction: column;
    row-gap: calc((1 * var(--yt-space-unit)) * 1px);
    overflow-y: hidden;
    max-height: calc((27 * var(--yt-space-unit)) * 1px);
  }

  /*
  * Text block
  * Uses native CSS nesting
  * Lack of proper BEM naming convention means 
  * we should nest inside overlay class to avoid 
  * potential conflict. Element is a <div> but 
  * should use a proper tag, like <p> for A11Y 
  * and to avoid needing to set leading since 
  * semantic tag would use existing theme rules.
  */
  & .overlay-text {
    line-height: 1.5;
    word-break: break-word;
    hyphens: auto;
    overflow-y: auto;
    padding-inline-end: 0.5em;
  }

  /*
  * Header
  * Uses native CSS nesting
  * Lack for proper BEM naming convention means 
  * we should nest inside overlay class to avoid 
  * potential conflict.
  */
  & .overlay-header {
    font-weight: bold;
    margin-block-end: unset;
  }

  /*
  * CTA
  * Uses native CSS nesting
  * Double-up on classname to override conflict. 
  * Lack of proper BEM naming convention means 
  * we should nest inside overlay class to avoid 
  * potential conflict.
  */
  & .overlayButton.overlayButton {
    display: inline-flex;
    flex: 1 1 16.667%;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-width: max-content;
    /* Use of !hammer below is required to deal 
    *  with various margin rules for a "button" 
    *  style element found in various themese.
    */
    margin: auto !important;
  }
}

/*
* Container queries
* Hide header and reduce padding at 260px and under
* Note: commented whitespace method needed to prevent 
* YUI Compressor from removing this required syntax.
*/
@container yt-video-wrapper/*! */(max-width: 260px) {
  .overlay-header {
    display: none;
  }
  .yt-overlay.yt-overlay {
    padding: calc((3 * var(--yt-space-unit)) * 1px);
  }
}

/* Show header at 261px and up */
@container yt-video-wrapper/*! */(min-width: 261px) {
  .overlay-header {
    display: block;
  }
}

/* Stack when container is under 629px */
@container yt-video-wrapper/*! */(max-width: 629px) {
  .yt-overlay {
    flex-direction: column;
  }
}

/* Landscape when container is 630px and up */
@container yt-video-wrapper/*! */(min-width: 630px) {
  .yt-overlay {
    flex-direction: row;
  }
}

/* Prevent CTA from growing too wide for 1441px and up */
@container yt-video-wrapper/*! */(min-width: 1441px) {
  .yt-overlay {
    & .overlayButton.overlayButton {
      max-width: max-content;
    }
  }

}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2023
 */
/* ---------------------------------------------------------------------
YOUKU VIDEO CSS
------------------------------------------------------------------------ */
.youku-video {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  margin-bottom: 15px;
  border: 1px solid #919191;
  pointer-events: none;
  aspect-ratio: 1.77777778;
  width: unset;
  height: unset;
  overflow: unset;
  padding-bottom: unset;
  max-width: 100%;
}
* + .youku-video {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .youku-video {
    margin-bottom: 30px;
  }
}
.youku-video__restriction-overlay {
  width: 100%;
  height: 100%;
  background: #00000080;
  position: absolute;
  top: 0;
  left: 0;
}
.youku-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.youku-video__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border: none;
  background: none;
  transition: 0.2s all;
  z-index: 10;
}
.youku-video__overlay {
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  display: none;
  flex-flow: row nowrap;
  padding: 20px 40px;
  max-height: 100%;
  overflow-y: auto;
  pointer-events: auto;
  gap: 20px;
}
.youku-video__overlay-text {
  color: #333;
}
.youku-video__overlay-header {
  font-size: 18px;
  line-height: 110%;
  font-weight: 700;
  margin-bottom: 10px;
  color: #151515;
}
.youku-video__overlay-action {
  align-self: center;
  background: #9e007e;
  color: #fefefe;
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 30px;
  font-weight: 600;
  border: 0;
  white-space: nowrap;
}
.youku-video__overlay-action:hover {
  background: #be4b90;
  transform: scale(1.05);
  transition: 0.3s;
}
.youku-video.isOverlay .youku-video__overlay {
  display: flex;
}
.youku-video.isPolicyActive {
  pointer-events: auto;
}
.youku-video.isPolicyActive .youku-video__overlay {
  display: none;
}
.youku-video.isPolicyActive .youku-video__restriction-overlay {
  display: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
XLSTAT FORM CSS
------------------------------------------------------------------------ */
.xlstat-form .error {
  color: #d30018;
  padding: 10px;
  font-size: 14px;
  font-family: arial;
}
.xlstat-form .error-message .error {
  display: block;
}
.xlstat-form .error-message > p {
  display: none;
  margin: 0px;
  padding: 5px 0;
}
.xlstat-licensekey-text {
  color: red;
}
.xlstat-title sup {
  font-size: 1.1rem;
  color: #003057;
  font-weight: 600;
}
.xlstat-head {
  padding-top: 20px;
}
.xlstat-form .xlstat {
  padding-bottom: 30px;
}
.xlstat-form .access-code,
.xlstat-form .email-address {
  font-weight: 500;
  padding-bottom: 15px;
}
.xlstat-form .access-code .error-input,
.xlstat-form .email-address .error-input {
  outline-width: .125em;
  outline-color: #d30018;
}
.xlstat-form #invisible1,
.xlstat-form #invisible {
  padding-bottom: 5px;
}
.xlstat-form button {
  padding-top: 5px;
}
.xlstat-form .input-group {
  align-items: baseline;
}
.xlstat-form .input-group .form-control {
  height: 2.5em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .xlstat-form .input-group .form-control.col-md-2 {
    max-width: 13.5%;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2023
 */
/* ---------------------------------------------------------------------
VIMEO VIDEO CSS
------------------------------------------------------------------------ */
.vimeo-video {
  position: relative;
  aspect-ratio: 1.77777778;
  max-inline-size: 100%;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #999;
}
.vimeo-video__restriction-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.vimeo-video__iframe {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  border: none;
}

/* vimeo-overlay.component.css
*
*  Note: this file must remain CSS (not LESS) b/c
*  the LESS JS portion of the YUI Compressor used 
*  in /aem-core/ is outdated and does nto recognize 
*  container query syntax (`@container`, etc.). If 
*  we use straight CSS the minification and 
*  concatenation processes work fine (with one tweak 
*  regarding maintaining whitespace within container 
*  query rules.
*
*  Design-specific rules (such a typography, color, 
*  link style, etc.) have been removed so we deliver 
*  wireframe-type experience that can have these 
*  specifics styled on a per-theme level. From core 
*  we deliver only what is necessary to successfully 
*  render the component in working visual state.
================================================== */

/* 
* Outermost component wrapper.
* Define as container. Using 'size' 
* vs. 'inline-size' allows us to use 
* container query units for height 
* and width.
*/
.vimeo-video {
  container: vimeo-video-wrapper/size;

  /* 
  * Policy Present But Not Accepted
  * ===================================
  * Class added via vimeo-overlay.js
  * in component clientlib. If not
  * present the default display for
  * .vimeo-video__overlay is 'none'
  */
  &.isOverlay .vimeo-video__overlay {
    display: flex;
  }

  /*
  * Policy Accepted and Cookie Created
  * ===================================
  * Policy is active when user has
  * accepted the terms and cookie
  * is created.
  */
  &.isPolicyActive .vimeo-video__overlay,
  &.isPolicyActive .vimeo-video__restriction-overlay {
    display: none;
  }
}

/* Privacy overlay (wrapper) */
.vimeo-video__overlay {
  --vm-space-unit: 4;
  --vm-pad-y: clamp(
    calc((3 * var(--vm-space-unit)) * 1px), 
    calc((1 * var(--vm-space-unit)) * 1%), 
    calc((6 * var(--vm-space-unit)) * 1px)
  );
  --vm-pad-x: clamp(
    calc((3 * var(--vm-space-unit)) * 1px), 
    calc((3 * var(--vm-space-unit)) * 0.625cqw), 
    calc((20 * var(--vm-space-unit)) * 1px)
  );

  display: flex;
  align-items: center;
  gap: clamp(
    calc((4 * var(--vm-space-unit)) * 1px), 
    calc((1.125 * var(--vm-space-unit)) * 1%), 
    calc((7 * var(--vm-space-unit)) * 1px)
  );
  inline-size: 100%;
  max-block-size: clamp(
    100%, 
    calc((15 * var(--vm-space-unit)) * 1cqh), 
    calc((43 * var(--vm-space-unit)) * 1px)
  ); 
  padding: var(--vm-pad-y) var(--vm-pad-x);
  background-color: rgba(255, 255, 255, 1.0);
  position: absolute;
  inset-block-end: 0;
}

/* Privacy overlay (text wrapper) */
.vimeo-video__overlay-text-wrapper {
  display: inline-flex;
  flex: 1 1 auto;
  flex-direction: column;
  row-gap: calc((1 * var(--vm-space-unit)) * 1px);
  overflow-y: hidden;
  max-block-size: calc((27 * var(--vm-space-unit)) * 1px);
}

/* Privacy overlay (text header) */
.vimeo-video__overlay-header {
  font-weight: bold;
  margin-block-end: unset;
}

/* Privacy overlay (text wrapper) */
.vimeo-video__overlay-text {
  line-height: 1.5;
  word-break: break-word;
  hyphens: auto;
  overflow-y: auto;
  padding-inline-end: 0.5em;
}

/* Privacy overlay (CTA button) */
.vimeo-video__overlay-action {
  display: inline-flex;
  flex: 1 1 16.667%;
  justify-content: center;
  text-align: center;
  inline-size: 100%;
  min-inline-size: max-content;
  /* Use of !hammer below is required to deal 
  *  with various margin rules for a "button" 
  *  style element found in various themes.
  */
  margin: auto !important;
}

/*
* Container queries
* Hide header and reduce padding at 260px and under
* Note: commented whitespace method needed to prevent 
* YUI Compressor from removing this required syntax.
*/
@container vimeo-video-wrapper/*! */(max-width: 260px) {
  .vimeo-video__overlay.vimeo-video__overlay {
    padding: calc((3 * var(--vm-space-unit)) * 1px);
  }
  .vimeo-video__overlay-header {
    display: none;
  }
}

/* Show header at 261px and up */
@container vimeo-video-wrapper/*! */(min-width: 261px) {
  .vimeo-video__overlay-header {
    display: block;
  }
}

/* Stack when container is under 629px */
@container vimeo-video-wrapper/*! */(max-width: 629px) {
  .vimeo-video__overlay {
    flex-direction: column;
  }
}

/* Landscape when container is 630px and up */
@container vimeo-video-wrapper/*! */(min-width: 630px) {
  .vimeo-video__overlay {
    flex-direction: row;
  }
}

/* Prevent CTA from growing too wide for 1441px and up */
@container vimeo-video-wrapper/*! */(min-width: 1441px) {
  .vimeo-video__overlay {
    & .vimeo-video__overlay-action.vimeo-video__overlay-action {
      max-inline-size: max-content;
    }
  }

}
.background-video__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 481px) and (max-width: 767px) {
  .background-video__container {
    padding-bottom: 90px;
  }
}
.background-video__container > [class*="container"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: inherit;
  position: relative;
  z-index: 3;
}
.background-video__container > [class*="container"] > .row {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: auto;
}
.background-video__wrap-outer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none !important;
}
.background-video__wrap-inner {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.background-video__contrast-mask {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.background-video__media {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top center;
  margin: 0;
  position: absolute;
  z-index: 1;
}
@media (max-width: 480px) {
  .background-video__media {
    display: none;
  }
}
.background-video__control {
  height: 32px;
  width: 32px;
  line-height: 1;
  padding: 0;
  border: none;
  border-radius: 0;
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 4;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.background-video__control.is-visible {
  opacity: 0.60;
  visibility: visible;
}
.background-video__control.is-visible:hover,
.background-video__control.is-visible:active,
.background-video__control.is-visible:focus {
  opacity: 1;
}
.background-video__control.play {
  background-image: url("components/content/video-common/assets/icons/sprites/sprite--play-pause.svg#icon-play--chalk-white");
}
.background-video--dark-controls .background-video__control.play {
  background-image: url("components/content/video-common/assets/icons/sprites/sprite--play-pause.svg#icon-play--soft-black");
}
.background-video__control.pause {
  background-image: url("components/content/video-common/assets/icons/sprites/sprite--play-pause.svg#icon-pause--chalk-white");
}
.background-video--dark-controls .background-video__control.pause {
  background-image: url("components/content/video-common/assets/icons/sprites/sprite--play-pause.svg#icon-pause--soft-black");
}
@media (max-width: 480px) {
  .background-video__control {
    display: none;
  }
}
.background-video__fallback-container {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.background-video__fallback-image {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.sibling-uses--pull-up-10percent {
  padding-bottom: calc(10% + 45px);
}
@media (max-width: 1169px) {
  .sibling-uses--pull-up-10percent .background-video__control {
    bottom: calc(10% + 45px);
  }
}
.min-height--400 {
  min-height: 400px;
}
.min-height--600 {
  min-height: 600px;
}
.min-height--45vh {
  min-height: 45vh;
}
.min-height--65vh {
  min-height: 65vh;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .background-video__container > [class*="container"]::after {
    content: "";
  }
  .min-height--400.background-video__container > [class*="container"]::after {
    height: 400px;
  }
  .min-height--600.background-video__container > [class*="container"]::after {
    height: 600px;
  }
  .min-height--45vh.background-video__container > [class*="container"]::after {
    height: 45vh;
  }
  .min-height--65vh.background-video__container > [class*="container"]::after {
    height: 65vh;
  }
  .background-video__container > [class*="container"] .row {
    align-self: center;
  }
  .background-video__media,
  .background-video__fallback-image {
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .background-video__fallback-image {
    max-width: none;
  }
  .background-video__control {
    z-index: 5;
  }
  .background-video__wrap-outer + .container {
    z-index: 4;
  }
  .background-video__contrast-mask {
    z-index: 3;
  }
  .background-video__media {
    z-index: 2;
  }
  .background-video__fallback-image {
    z-index: 1;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2021
 */
.video {
  position: relative;
}

.containerTitle {
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.29;
  letter-spacing: 0px;
  text-align: center;
}
.noPadding {
  padding: 0;
}
.twitterContainer {
  background: #f2f2f2;
  margin: 1rem 0 1rem 0;
}
.tweetBox {
  margin: 1rem 0 1rem 0;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e1e8ed;
  border-radius: 4px;
  padding: 20px 20px 11.6px 20px;
}
.twitterImg {
  border-radius: 50%;
}
.userDetails {
  margin-left: -2rem;
  margin-top: 0.5rem;
}
.twitterName {
  font-weight: 700;
  line-height: 1;
}
.twitterId {
  color: #697882;
}
.twitterIcon img {
  float: left;
  height: 3rem;
  width: 3rem;
}
.tweetText {
  margin: 1rem 0 0 0 ;
}
.tweetActions,
.tweetMetadata {
  margin: 0 0 0.5rem 0;
  font-size: 14px;
  color: #697882;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* -------------------------
TAGS
------------------------- */
.tags {
  min-height: 50px;
  padding: 15px 10px;
  overflow: auto;
  margin-bottom: 15px;
  background-color: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .tags {
    margin-bottom: 30px;
  }
}
.tags h6 {
  float: left;
  margin-right: 15px;
}
.tags ul {
  float: left;
  max-width: 85%;
}
.tags li {
  margin-left: 0;
  margin-right: 15px;
  float: left;
  list-style: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
TAG LIST CSS
------------------------------------------------------------------------ */
.tag-list {
  max-width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .tag-list {
    margin-bottom: 30px;
  }
}
.tag-list h3 {
  margin-bottom: 15px;
}
.tag-list li {
  margin-left: 0;
  margin-bottom: 15px;
  list-style-type: none;
}
.tag-list .selected {
  font-weight: bold;
}
.tag-list a {
  cursor: pointer;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
TABLE RESPONSIVE CSS
------------------------------------------------------------------------ */
.table-responsive {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .table-responsive {
    margin-bottom: 30px;
  }
}
.table-responsive > table {
  border-collapse: collapse;
  border: 1px solid #666666;
}
.table-responsive td,
.table-responsive th {
  border: 1px solid #666666;
  padding: 0.25rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 3.75px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > table {
    margin-bottom: 10px;
  }
  .table-responsive > table > thead > tr > th,
  .table-responsive > table > tbody > tr > th,
  .table-responsive > table > tfoot > tr > th,
  .table-responsive > table > thead > tr > td,
  .table-responsive > table > tbody > tr > td,
  .table-responsive > table > tfoot > tr > td {
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Tab panel component.
------------------------------------------------------------------------ */
.tab-panel {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .tab-panel {
    margin-bottom: 30px;
  }
}
.tab-panel li {
  margin-left: 0;
}
.tab-panel .tab-pane {
  position: fixed;
  left: -9999px;
  display: block;
}
.tab-panel .tab-pane.active {
  position: static;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
SUBJECT PANEL CSS
------------------------------------------------------------------------ */
.subject-panel {
  *zoom: 1;
  width: 100%;
  overflow: auto;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .subject-panel {
    margin-bottom: 20px;
  }
}
.subject-panel a {
  display: block;
  width: 100%;
  clear: both;
  cursor: pointer;
}
.subject-panel h2 {
  display: block;
  width: 100%;
  line-height: 1.18182;
  margin-bottom: 10px;
}
.subject-panel-image-container img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.subject-panel-subtitle {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}
.subject-panel-txt {
  width: 100%;
  clear: both;
  cursor: default;
  margin-bottom: 10px;
}

.members-list__senior {
  color: #000;
}
.members-list__senior .static-collection-card {
  margin: 0 auto 20px;
  width: 100% !important;
  max-width: 550px;
}
.members-list__senior .c-collection--grid {
  padding: 24px 20px;
}
.members-list__senior .c-collection--grid .container {
  padding: 0;
}
.members-list__senior .c-collection--grid .c-collection__row {
  order: 0;
  padding: 0;
  margin: 0;
  transform: none;
}
.members-list__senior .c-collection--grid .c-collection__item {
  border-radius: 8px;
  border: 1px solid #C2C2C2;
  background: #FFF;
  height: 100%;
  width: unset;
}
.members-list__senior .c-collection--grid .c-collection__img img {
  width: 100%;
}
.members-list__senior .c-collection--grid .c-collection__footer {
  padding: 37px 24px 32px;
  gap: 0;
}
.members-list__senior .c-collection--grid .c-collection__footer-title {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px !important;
}
.members-list__senior .c-collection--grid .c-collection__footer-desc {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 24px !important;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom {
  text-align: unset;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom .text-primary-link {
  color: #007394;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom .text-primary-link:after {
  display: none;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom .text-primary-link:hover {
  color: #003057;
  text-underline-offset: unset;
  text-decoration-thickness: 1px;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom .text-primary-link:visited {
  color: #9E007E;
}
.members-list__senior .c-collection--grid .c-collection__footer-bottom .text-primary-link:focus-visible {
  box-shadow: 0px 0px 2px 4px #219EA3;
  border-radius: 2px;
  outline: none;
}
.members-list__global .container {
  padding: 10px 16px;
}
.members-list__global .c-collection__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.members-list__global .static-collection-card {
  width: 100% !important;
}
.members-list__global .c-collection--grid .c-collection__row {
  padding: 0;
  margin: 0;
  transform: none;
  gap: 24px 16px;
}
.members-list__global .c-collection--grid .c-collection__img {
  height: unset;
}
.members-list__global .c-collection--grid .c-collection__img img {
  border-radius: 8px;
  width: 100%;
}
.members-list__global .c-collection--grid .c-collection__footer {
  padding: 16px 8px;
  gap: 0;
}
.members-list__global .c-collection--grid .c-collection__footer-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.members-list__global .c-collection--grid .c-collection__footer-desc {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

@media all and (min-width: 768px) {
  .members-list__senior .static-collection-card {
    margin: 0;
    width: unset;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-collection--grid {
    padding: 24px 32px;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-collection--grid .c-collection__row {
    gap: 64px 20px;
  }
}
@media all and (max-width: 769px) {
  .members-list__senior .c-collection--grid .c-collection__row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-collection--grid .c-collection__footer-title {
    font-size: 24px;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-collection--grid .c-collection__footer-desc {
    margin: 0 0 40px !important;
  }
}
@media all and (min-width: 768px) {
  .members-list__global .container {
    padding: 40px 150px;
  }
}
@media all and (min-width: 768px) {
  .members-list__global .c-collection--grid .c-collection__row {
    gap: 56px 22px;
  }
}
@media all and (min-width: 768px) {
  .members-list__global .c-collection--grid .c-collection__img img {
    border-radius: 8px 8px 0 0;
  }
}

.members-list__senior .c-modal.static-collection__modal:not(.active) {
  display: block;
  visibility: hidden;
  pointer-events: none;
  z-index: -9999;
}
.members-list__senior .c-modal.static-collection__modal.active {
  z-index: 1000;
}
.members-list__senior .c-modal.static-collection__modal .c-modal__wrap,
.members-list__senior .c-modal.static-collection__modal .c-modal__content {
  height: 100%;
}
.members-list__senior .c-modal.static-collection__modal .js-c-collection {
  height: 85%;
  overflow-y: scroll;
}
.members-list__senior .c-modal.static-collection__modal .dialog-backdrop {
  padding: 0 !important;
  margin: 0 !important;
}
.members-list__senior .c-modal.static-collection__modal .default_dialog[role="dialog"] {
  width: 100vw;
  max-width: 375px;
  height: 100vh;
}
.members-list__senior .c-modal.static-collection__modal .c-modal__content {
  padding: 64px 16px 0;
}
.members-list__senior .c-modal.static-collection__modal .collection-modal__item-text {
  padding-right: 10px;
  margin-top: 34px;
}
.members-list__senior .c-modal.static-collection__modal .collection-modal__item-title {
  margin-bottom: 16px;
}
.members-list__senior .c-modal.static-collection__modal .c-modal__close {
  top: 16px;
  right: 16px;
}
.members-list__senior .static-collection__modal .slick-slider {
  position: static;
}
.members-list__senior .static-collection__modal .slick-slider .slick-track {
  display: flex;
}
.members-list__senior .static-collection__modal .slick-slider .slick-slide {
  flex: 1;
}
.members-list__senior .static-collection__modal .slick-slider .slick-slide > div,
.members-list__senior .static-collection__modal .slick-slider .slick-slide .static-collection-card,
.members-list__senior .static-collection__modal .slick-slider .slick-slide .c-collection__item {
  height: 100%;
}
.members-list__senior .static-collection__modal .slick-slider .slick-dots {
  display: none !important;
}

@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .default_dialog[role="dialog"] {
    width: 95vw;
    min-width: 768px;
    max-width: 1238px;
    min-height: 725px;
    max-height: 90vh;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .c-modal__content {
    padding: 144px 40px;
  }
}
@media all and (min-width: 1400px) {
  .members-list__senior .c-modal.static-collection__modal .c-modal__content {
    padding: 144px 138px;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .c-modal__close {
    top: 35px;
    right: 35px;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .js-c-collection {
    height: 100%;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item {
    display: flex !important;
    align-items: flex-start;
    gap: 24px;
  }
}
@media all and (min-width: 1400px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item {
    gap: 0;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item img {
    max-width: 400px;
  }
}
@media all and (min-width: 1400px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item img {
    margin-right: 120px;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item-text {
    margin-top: 0;
  }
}
@media all and (min-width: 768px) {
  .members-list__senior .c-modal.static-collection__modal .collection-modal__item-subtitle {
    margin-bottom: 16px;
  }
}

html[dir="rtl"] .members-list__senior .c-modal.static-collection__modal .collection-modal__item-text {
  padding: 0 0 0 10px;
}
@media all and (min-width: 768px) {
  html[dir="rtl"] .members-list__senior .c-modal.static-collection__modal .collection-modal__item-title {
    padding-left: 100px;
    padding-right: 0;
  }
}
@media all and (min-width: 1400px) {
  html[dir="rtl"] .members-list__senior .c-modal.static-collection__modal .collection-modal__item img {
    margin-left: 120px;
    margin-right: 0;
  }
}
html[dir="rtl"] .members-list__senior .c-modal.static-collection__modal .c-modal__close {
  right: unset;
  left: 16px;
}
@media all and (min-width: 768px) {
  html[dir="rtl"] .members-list__senior .c-modal.static-collection__modal .c-modal__close {
    left: 35px;
  }
}

/*  Pearson Social Links Component
    Confluence reference URL: 
    https://one-confluence.pearson.com/display/PMC/CCL+-+Footer+Social+Links
============================================================================= */
.social-links {
  line-height: 1;
}
.social-links__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (min-width: 481px) {
  footer .social-links__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.social-links__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  list-style-type: none;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
}
.social-links__item + .social-links__item {
  margin-left: 10px;
}
[class*="social-links--"] {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: center center;
}
.social-links--facebook {
  background-color: #305891;
  background-image: url('components/content/social-links/icons/icon-facebook.svg');
}
.social-links--linkedin {
  background-color: #4498c8;
  background-image: url('components/content/social-links/icons/icon-linkedin.svg');
}
.social-links--instagram {
  background-color: #4498c8;
  background-image: url('components/content/social-links/icons/icon-instagram.svg');
}
.social-links--twitter {
  background-color: #2ca8d2;
  background-image: url('components/content/social-links/icons/icon-twitter.svg');
}
.social-links--youtube {
  background-color: #cd201f;
  background-image: url('components/content/social-links/icons/icon-youtube.svg');
}
.social-links--tiktok {
  background-color: #000000;
  background-image: url('components/content/social-links/icons/icon-tiktok.svg');
}
.social-links--youku {
  background-color: #cd201f;
  background-image: url('components/content/social-links/icons/icon-youtube.svg');
}
.social-links--weibo {
  background-color: #ffffff;
  background-image: url('../../one-dot-com/one-dot-com/vue-theme/assets/icons/social/weibo-icon.svg');
}

.share-page__action-button {
  display: block;
  border: 0;
  padding: 0;
  background: transparent;
  color: #007a9c;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.share-page__action-button:hover,
.share-page__action-button:focus {
  color: #005d77;
  text-decoration: underline;
}
.share-page__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 110.145ms 0ms;
  visibility: hidden;
}
.share-page__modal.is-active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.share-page__modal.is-active .share-page__holder {
  opacity: 1;
  transform: translateY(0);
}
.share-page__holder {
  max-width: 570px;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 8px;
  padding: 45px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  position: relative;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 400ms, transform 400ms;
  transition-delay: 300ms;
}
.share-page__title {
  margin-bottom: 30px;
  text-align: center;
}
.share-page__title h3 {
  margin: 0;
}
.share-page__content {
  flex: 1;
  font-size: 22px;
  line-height: 24px;
}
.share-page__social-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.share-page__social-link {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  background: #000000 no-repeat center center;
  background-size: auto 22px;
}
.share-page__mail-form {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
  margin: 30px 0 0;
}
.share-page__mail-input {
  height: 100%;
  padding: 12px 20px;
}
.share-page__mail-copy-button {
  background: none;
  font-size: 16px;
  flex-shrink: 0;
}
.share-page__close {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 23px;
  height: 23px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: .3s transform;
}
.share-page__close:before,
.share-page__close:after {
  content: '';
  position: absolute;
  left: 11px;
  top: 3px;
  display: block;
  width: 2px;
  height: 18px;
  background: #000;
  transform: rotate(45deg);
}
.share-page__close:after {
  left: 11px;
  top: 3px;
  transform: rotate(-45deg);
}
.share-page .icon-mail {
  background-image: url('components/content/share-this-page/icons/icon-mail.svg');
}
.share-page .icon-twitter {
  background-image: url('components/content/share-this-page/icons/icon-twitter.svg');
}
.share-page .icon-linkedin {
  background-image: url('components/content/share-this-page/icons/icon-linkedin.svg');
}
.share-page .icon-facebook {
  background-image: url('components/content/share-this-page/icons/icon-facebook.svg');
}
.share-page .icon-weibo {
  background-image: url('components/content/share-this-page/icons/icon-weibo.svg');
}
.share-page .screenreader {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 0;
}
@media screen and (max-width: 980px) {
  .share-page__holder {
    width: 90%;
  }
  .share-page__close {
    top: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 480px) {
  .share-page__mail-form {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
SECONDARY NAVIGATION CSS
------------------------------------------------------------------------ */
.secondary-nav {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  background-color: #333333;
}
@media screen and (min-width: 768px) {
  .secondary-nav {
    min-height: 70px;
    margin-bottom: 30px;
    background-color: #e7e7e7;
  }
}
.secondary-nav-header {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .secondary-nav-header {
    display: none;
  }
}
.secondary-nav-toggle {
  position: relative;
  width: 100%;
  cursor: pointer;
  color: white;
  padding: 15px 0px;
  background-color: #333333;
  border-style: none;
}
.secondary-nav-toggle-icon {
  float: right;
  font-size: 30px;
  margin-top: -5px;
  height: 20px;
}
@media screen and (min-width: 768px) {
  .secondary-nav-toggle {
    display: none;
  }
}
.secondary-nav-selected-text {
  float: left;
  width: 90%;
  text-align: left;
}
.secondary-nav-collapse {
  margin: 0 -15px;
  background-color: #e7e7e7;
  clear: both;
}
@media screen and (min-width: 768px) {
  .secondary-nav-collapse {
    display: block;
    min-height: 70px;
  }
}
.secondary-nav-lvl1-link {
  color: #666666;
  display: block;
  text-decoration: none;
  padding: 15px 15px 15px 15px;
  border-width: 1px;
  border-top-style: solid;
  border-color: #999999;
}
.secondary-nav-lvl1-link:hover {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl1-link:hover:focus {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl1-link:focus:active {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl1-link:focus {
  text-decoration: none;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .secondary-nav-lvl1-link {
    padding: 20px 15px 20px 15px;
    border-style: none;
  }
}
.secondary-nav-lvl2-link {
  color: #666666;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 15px 15px 15px 25px;
  border-width: 1px;
  border-top-style: solid;
  border-color: #999999;
}
.secondary-nav-lvl2-link:hover {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl2-link:hover:focus {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl2-link:focus:active {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.secondary-nav-lvl2-link:focus {
  text-decoration: none;
  color: #333333;
}
.secondary-nav .nav-dropdown {
  position: relative;
}
.secondary-nav-lvl1 {
  list-style: none;
  background-color: inherit;
  padding: 0;
  margin: 0;
}
.secondary-nav-lvl1 li {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .secondary-nav-lvl1 .open .secondary-nav-lvl2 {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
  }
  .secondary-nav-lvl1 .open .secondary-nav-lvl2 .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
}
.secondary-nav-lvl1 .secondary-nav-open {
  background-color: #E04854;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .secondary-nav-lvl1 {
    float: left;
  }
  .secondary-nav-lvl1 > li {
    float: left;
    line-height: 20px;
  }
}
.secondary-nav-lvl2 {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  list-style: none;
  text-align: left;
  background-color: #e7e7e7;
  border-width: 1px;
  border-top-style: solid;
  border-color: #999999;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .secondary-nav-lvl2 {
    min-width: 150px;
    z-index: 1;
  }
}
.secondary-nav-lvl2 .secondary-nav-open {
  background-color: #FA5664;
  color: #FFFFFF;
}
.secondary-nav-lvl2 .secondary-nav-lvl1-link {
  border-style: none;
  padding: 15px 15px 15px 15px;
}
@media screen and (max-width: 767px) {
  .secondary-nav-dropdown-toggle:after {
    content: '+';
    float: right;
    font-size: 24px;
    font-weight: bold;
    margin-top: -5px;
  }
}
.secondary-nav .open > .secondary-nav-lvl2 {
  display: block;
}
@media screen and (max-width: 767px) {
  .secondary-nav .open > .secondary-nav-dropdown-toggle:after {
    content: '-';
    float: right;
    font-size: 24px;
    font-weight: bold;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
SEARCH RESULTS CSS
------------------------------------------------------------------------ */
.search-results-list {
  width: 100%;
  min-height: 100px;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .search-results-list {
    margin-bottom: 30px;
  }
}
.search-results-list-results {
  width: 100%;
  overflow: inherit;
}
.search-results-list-results li {
  width: 100%;
  overflow: inherit;
  margin-bottom: 25px;
  list-style: none;
  margin-left: 0;
}
.search-results-list-results article {
  overflow: auto;
}
.search-results-list-results img {
  width: 50px;
  margin-right: 20px;
  float: left;
}
@media screen and (min-width: 768px) {
  .search-results-list-results img {
    width: 60px;
  }
}
.search-results-list-results div {
  float: left;
  margin-left: 70px;
  width: calc(-70px - -100%);
}
@media screen and (min-width: 768px) {
  .search-results-list-results div {
    margin-left: 80px;
    width: calc(-80px - -100%);
  }
}
.search-results-list-results img + div {
  margin-left: 0px;
}
.search-results-list-results .no-image {
  margin-left: 0px;
  width: 100%;
}
.search-results-list-results h2 {
  margin-bottom: 5px;
}
.search-results-list-results cite {
  word-wrap: break-word;
  margin-bottom: 5px;
  display: block;
}
.search-results-list-results p {
  margin-bottom: 5px;
  cursor: default;
}
.search-results-list-pages-container {
  width: 100%;
  overflow: auto;
  text-align: center;
  -ms-overflow-style: none;
}
@media screen and (max-width: 767px) {
  .search-results-list-pages-container {
    min-height: 48px;
  }
}
.search-results-list-pages-elements {
  font-size: 16px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .search-results-list-pages-elements {
    width: 100%;
    display: block;
  }
}
.search-results-list-pages-elements ol {
  list-style: none;
  float: left;
}
.search-results-list-pages-elements ol li {
  float: left;
  padding-right: 10px;
  margin: 0;
}
.search-results-list-pages-elements ol li:last-child {
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .search-results-list-pages-elements ol {
    display: none;
  }
}
.search-results-list-pages-prev {
  float: left;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .search-results-list-pages-prev {
    border: 1px solid #cccccc;
    padding: 15px 0;
    width: 85px;
    text-align: center;
    position: absolute;
    left: 15px;
  }
}
.search-results-list-pages-mobile {
  text-align: center;
  position: absolute;
  left: 100px;
  right: 100px;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .search-results-list-pages-mobile {
    display: none;
  }
}
.search-results-list-pages-next {
  float: left;
}
@media screen and (max-width: 767px) {
  .search-results-list-pages-next {
    border: 1px solid #cccccc;
    padding: 15px 0;
    width: 85px;
    text-align: center;
    position: absolute;
    right: 15px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
.search-facets {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .search-facets {
    margin-bottom: 15px;
  }
}
.search-facets-container {
  padding-left: 0;
  list-style: none;
}
.search-facets-container > li {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .search-facets-container > li {
    margin-bottom: 15px;
  }
}
.search-facets-container > li > a {
  text-decoration: none;
  margin-right: 20px;
  color: #333333;
  cursor: pointer;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .search-facets-container > li > a {
    font-size: inherit;
  }
}
.search-facets-container > li > a:hover {
  color: #000000;
}
.search-facets-selected {
  border-bottom: 6px solid #333333;
  padding-bottom: 10px;
  font-weight: bold;
  cursor: default;
  margin-right: 20px;
  color: #333333;
  margin-bottom: 10px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .search-facets-selected {
    margin-bottom: 15px;
    font-size: inherit;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Search box
------------------------------------------------------------------------ */
.search-box {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .search-box {
    margin-bottom: 30px;
  }
}
.search-box form {
  position: relative;
}
.search-box-input {
  width: 100%;
  padding: 0px 25px 0px 5px;
}
.search-box-icon {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(components/content/search-box/images/icon_search.png) top left no-repeat;
  background-size: contain;
}

.search-results-popup {
  position: absolute;
  width: 290px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  z-index: 3;
  background: #fff;
  box-shadow: 0px 4px 8px 0px #00000040;
  border-radius: 4px;
}
.search-results-popup.hidden {
  display: none;
}
.search-results-popup .search-results-wrapper {
  margin: 0;
}
.search-results-popup .search-result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #000;
  padding: 16px 13px;
}
.search-results-popup .search-result-item:hover {
  background: #E4FAFF;
  text-decoration: none;
}
.search-results-popup .search-result-item:active {
  font-weight: 700;
  color: #007394;
  background: #E4FAFF;
}
.search-results-popup .search-result-item:active strong {
  font-weight: 700 !important;
}
.search-results-popup .search-result-item:focus-visible {
  background: #E4FAFF;
  box-shadow: inset 0 0 2px 4px #219EA3;
  outline: none;
}
.search-results-popup .search-result-item::after {
  content: '';
  width: 12px;
  min-width: 12px;
  height: 16px;
  margin-left: 10px;
  display: block;
  background: url(components/content/search-box/images/arrow.svg) center center no-repeat;
}
.search-results-popup .search-result-viewall {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 16px 13px;
  color: #007394;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
.search-results-popup .search-result-viewall:hover {
  background: #E4FAFF;
  color: #007394;
  text-decoration: underline;
  text-underline-offset: unset;
  text-decoration-thickness: 0.5px;
}
.search-results-popup .search-result-viewall:focus-visible {
  background: #E4FAFF;
  box-shadow: inset 0 0 2px 4px #219EA3;
  outline: none;
}
.search-results-popup .search-results-loader {
  width: 35px;
  height: 35px;
  margin: 0 auto;
}
.search-results-popup .search-results-loader.hidden {
  display: none;
}
.search-results-popup .search-results-message {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
  padding: 10px 20px 10px 12px;
  color: #000;
}
.search-results-popup .search-results-message::before {
  content: '\f848';
  display: block;
  font-family: 'Font Awesome 6 Pro';
  color: #FDA215;
  margin-top: 5px;
  font-weight: 600;
}
.search-results-popup .search-results-message.error::before {
  content: '\f071';
  color: #DA3100;
}

ol:has(>li>span[class*=lowercase-alpha-for-ordered-list]) {
list-style-type: lower-alpha;
}

ol:has(>li>span[class*=uppercase-alpha-for-ordered-list]) {
list-style-type: upper-alpha;
}

ol:has(>li>span[class*=lowercase-roman-for-ordered-list]) {
list-style-type: lower-roman;
}

ol:has(>li>span[class*=uppercase-roman-for-ordered-list]) {
list-style-type: upper-roman;
}


/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    RSS Feed component.
------------------------------------------------------------------------ */
.rss-feed .rss-feed-container {
  list-style-type: none;
  margin-left: -15px;
  margin-right: -15px;
}
.rss-feed .rss-feed-container .rss-feed-item {
  margin: 0;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .rss-feed .rss-feed-container .rss-feed-item {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .rss-feed .rss-feed-container .rss-feed-item {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 768px) {
  .rss-feed .rss-feed-container .rss-feed-item {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.rss-feed .rss-feed-container .rss-feed-item .rss-feed-enclosure {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.rss-feed .rss-feed-container .rss-feed-item .rss-feed-enclosure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  max-height: none;
  max-width: 125%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.rss-feed .rss-feed-container .rss-feed-item dl {
  background: white;
  padding: 30px;
}
.rss-feed .rss-feed-container .rss-feed-item dl dt {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.rss-feed .rss-feed-container .rss-feed-item dl .rss-feed-pubdate,
.rss-feed .rss-feed-container .rss-feed-item dl .rss-feed-author {
  font-size: 14px;
  font-weight: 600;
}
.rss-feed .rss-feed-container .rss-feed-item dl .rss-feed-description {
  line-height: 1.45;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    Row component.
------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  .row-grid .hidden-mobile {
    left: -9999px;
    position: absolute;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .row-grid .hidden-tablet {
    left: -9999px;
    position: absolute;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .row-grid .hidden-desktop {
    left: -9999px;
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .row-grid .hidden-desktopLarge {
    left: -9999px;
    position: absolute;
  }
}

/* ---------------------------------------------------------------------
PEARSON MARKETING CLOUD
_______________________

Responsive iFrame component.
------------------------------------------------------------------------ */
.responsive-iframe {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .responsive-iframe {
    margin-bottom: 30px;
  }
}
.responsive-iframe iframe {
  top: 0;
  left: 0;
  min-width: 100px;
  overflow: hidden;
}
.responsive-iframe .responsive-iframe-error-popup {
  border: solid #000 1px;
  position: fixed;
  top: 50%;
  left: 20%;
  padding: 10px;
  background-color: #fff;
  font-size: 14px;
  display: none;
  z-index: 10000;
}
.responsive-iframe .responsive-iframe-error-popup .responsive-iframe-error-popup-close {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
.responsive-iframe .responsive-iframe-error-popup .responsive-iframe-error-popup-heading {
  width: 100%;
  text-align: center;
}
.responsive-iframe .responsive-iframe-error-popup .responsive-iframe-error-popup-js-link {
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
	_______________________
	
    Pearson banner component.
------------------------------------------------------------------------ */
.pearson-banner {
  height: 68px;
}
@media screen and (min-width: 768px) {
  .pearson-banner {
    height: 87px;
  }
}
.pearson-banner-logo {
  float: left;
  width: 120px;
  height: 36px;
  margin: 16px 1px;
}
@media screen and (min-width: 768px) {
  .pearson-banner-logo {
    width: 180px;
    height: 55px;
    margin: 16px 0;
  }
}
.pearson-banner-always-learning {
  position: absolute;
  left: 0;
  top: -9999px;
}
@media screen and (min-width: 768px) {
  .pearson-banner-always-learning {
    position: static;
    float: right;
    height: 87px;
    width: 248px;
    height: 18px;
    margin: 34px 0;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Page search box
------------------------------------------------------------------------ */
.page-search-box {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .page-search-box {
    width: 600px;
    margin-bottom: 30px;
  }
}
.page-search-box-input {
  border: 1px outset #cccccc;
  height: 40px;
  width: 100%;
  padding: 0px 45px 0px 5px;
  -webkit-appearance: none;
  border-radius: 0;
}
.page-search-box-icon {
  border: none;
  background-color: #0099ff;
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
News Feed
------------------------------------------------------------------------ */
.news-feed {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .news-feed {
    margin-bottom: 30px;
  }
}
.news-feed-container {
  background-color: #e7e7e7;
  min-height: 80px;
  overflow: hidden;
}
.news-feed-title {
  float: left;
  margin-top: 30px;
  padding-left: 15px;
  color: #333333;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .news-feed-title {
    margin-top: 28px;
    min-width: 0%;
  }
}
.news-feed-news {
  position: relative;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .news-feed-news {
    padding-right: 15px;
    min-width: 0%;
  }
}
.news-feed-news > .item {
  position: fixed;
  left: -9999px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.news-feed-news .active {
  opacity: 1;
  position: relative;
  left: 0px;
}
.news-feed-headlines {
  margin: 15px 0 10px 0;
  float: left;
  text-align: left;
  min-width: 100%;
  height: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-feed-headlines:hover,
.news-feed-headlines:focus,
.news-feed-headlines:active {
  text-decoration: none;
}
.news-feed footer {
  position: relative;
  float: right;
  padding-right: 15px;
}
.news-feed-left-arrow {
  width: 30px;
  height: 30px;
  background-color: #cccccc;
  display: block;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
}
.news-feed-pause,
.news-feed-play {
  width: 30px;
  height: 30px;
  background-color: #cccccc;
  display: block;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
}
.news-feed-right-arrow {
  width: 30px;
  height: 30px;
  background-color: #cccccc;
  display: block;
  cursor: pointer;
  float: left;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  padding-left: 2px;
}
@media screen and (min-width: 768px) {
  .col-md-12 .news-feed-news {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) {
  .col-12 .news-feed-headlines {
    min-width: 0%;
    margin-top: 30px;
    margin-bottom: 0px;
    height: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-12 .news-feed-headlines {
    height: 38px;
  }
}
.col-md-8 .news-feed-news {
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .col-md-8 .news-feed-headlines {
    min-width: 0%;
    margin-top: 30px;
    margin-bottom: 0px;
    height: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-8 .news-feed-headlines {
    height: 38px;
    margin-bottom: 10px;
  }
}
.col-md-6 .news-feed-news {
  padding-left: 15px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-6 .news-feed-news {
    clear: both;
  }
}
@media screen and (min-width: 768px) {
  .col-md-6 .news-feed-headlines {
    min-width: 0%;
    margin-top: 30px;
    margin-bottom: 0px;
    height: 57px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-6 .news-feed-headlines {
    height: 57px;
    margin-top: 20px;
  }
}
.col-md-4 .news-feed-news {
  padding-left: 15px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .col-md-4 .news-feed-headlines {
    min-width: 0%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 57px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-4 .news-feed-headlines {
    height: 76px;
  }
}
.col-md-3 .news-feed-news {
  padding-left: 15px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .col-md-3 .news-feed-headlines {
    min-width: 0%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 76px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-3 .news-feed-headlines {
    height: 133px;
  }
}
@media screen and (min-width: 768px) {
  .container-fluid .col-md-3 .news-feed-headlines {
    min-width: 0%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 57px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container-fluid .col-md-3 .news-feed-headlines {
    height: 95px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
MODAL COMPONENT CSS
------------------------------------------------------------------------ */
/* this is added to the body when a dialog is open */
.has-dialog {
  overflow: hidden;
}
.modal-component {
  position: fixed;
  z-index: 99999;
}
.c-modal {
  display: none;
}
.c-modal.active {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.c-modal.active .dialog-backdrop {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 100vh;
  padding: 60px;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .c-modal.active .dialog-backdrop {
    padding: 45px;
  }
}
@media (max-width: 480px) {
  .c-modal.active .dialog-backdrop {
    padding: 30px;
  }
}
.c-modal.active .dialog-backdrop .dialog-backgdrop__close-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.c-modal.active [role="dialog"] {
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 8px;
  min-height: unset;
  min-width: unset;
  background-color: #ffffff;
}
.c-modal__title {
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.334;
  color: #151515;
}
.c-modal__col-12 [role="dialog"] {
  max-width: 1080px;
}
.c-modal__col-9 [role="dialog"] {
  max-width: 810px;
}
.c-modal__col-8 [role="dialog"] {
  max-width: 720px;
}
.c-modal__col-6 [role="dialog"] {
  max-width: 540px;
}
.c-modal__col-4 [role="dialog"] {
  max-width: 360px;
}
@media (max-width: 768px) {
  .c-modal__col-12 [role="dialog"] {
    max-width: 1110px;
  }
  .c-modal__col-9 [role="dialog"] {
    max-width: 832.5px;
  }
  .c-modal__col-8 [role="dialog"] {
    max-width: 740px;
  }
  .c-modal__col-6 [role="dialog"] {
    max-width: 555px;
  }
  .c-modal__col-4 [role="dialog"] {
    max-width: 370px;
  }
}
@media (max-width: 480px) {
  .c-modal__col-12 [role="dialog"],
  .c-modal__col-9 [role="dialog"],
  .c-modal__col-8 [role="dialog"],
  .c-modal__col-6 [role="dialog"],
  .c-modal__col-4 [role="dialog"] {
    max-width: unset;
  }
}
.c-modal__wrap {
  position: relative;
  padding: 60px 60px 60px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .c-modal__wrap {
    padding: 60px 45px 45px;
  }
}
@media (max-width: 480px) {
  .c-modal__wrap {
    padding: 60px 30px 30px;
  }
}
.c-modal__content {
  overflow: auto;
}
.c-modal__content > .column-control > .container {
  width: auto;
  max-width: unset;
  padding: 0;
  overflow-x: hidden;
}
.c-modal__content :is(h1, h2, h3, h4, h5, h6) {
  line-height: 1.4;
}
.c-modal__close {
  cursor: pointer;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 10px;
  right: 10px;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  transition: background-color 0.135s ease-in-out;
}
.c-modal__close:before,
.c-modal__close:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 20px;
  top: 19px;
  left: 10px;
  background-color: #151515;
  border-radius: 1px;
}
.c-modal__close:before {
  transform: rotate(45deg);
}
.c-modal__close:after {
  transform: rotate(-45deg);
}
.c-modal__close:hover,
.c-modal__close:focus,
.c-modal__close:focus-visible {
  background-color: #e6e6e6;
}
.c-modal__close:focus:not(:focus-visible) {
  outline: none;
}
.modal-component[class*="cq-"] {
  position: relative;
  z-index: auto;
}
.modal-component[class*="cq-"] .c-modal {
  display: block;
}
.screenreader {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 0;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2020
 */
/* ---------------------------------------------------------------------
Variables
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
Meta Product component
------------------------------------------------------------------------ */
.product-data__container {
  border-top: 1px solid #bfbfbf;
}
.product-data__list.product-data__list {
  margin: 0;
  /* RTE = grrr! */
}
.product-data__list.product-data__list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 481px) and (max-width: 1024px) {
  .product-data__list.product-data__list ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.product-data__list.product-data__list li {
  list-style-type: none;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
@media (min-width: 769px) {
  .product-data__list.product-data__list li {
    padding: 15px 30px;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .product-data__list.product-data__list li {
    padding: 15px;
    margin-bottom: 45px;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  .product-data__list.product-data__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .product-data__list.product-data__list li:first-child {
    padding-left: 15px;
  }
  .product-data__list.product-data__list li:nth-child(3) {
    border: none;
  }
}
@media (max-width: 600px) {
  .product-data__list.product-data__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .product-data__list.product-data__list li:nth-child(even) {
    border: none;
  }
}
.product-data__list.product-data__list li b {
  display: block;
  margin-top: 0;
  margin-left: 35px;
}
.product-data__list.product-data__list li .typecase-upper {
  text-transform: none;
  display: block;
  margin-top: 0;
  margin-left: 35px;
}
.product-data__list.product-data__list li::before {
  content: "";
  display: none;
}
.product-data__list.product-data__list li:first-of-type {
  padding-top: 15px;
}
@media (min-width: 769px) {
  .product-data__list.product-data__list li:first-of-type {
    padding-left: 0;
  }
}
.product-data__list.product-data__list li:last-of-type {
  padding-right: 0;
  border-right: 0;
}
.product-data__list.product-data__list br {
  display: none;
}
a[id^="product-data-icon"] {
  display: inline-block;
  float: left;
  margin-left: 0;
}
a[id^="product-data-icon"]::before {
  background-image: url("components/content/metaproduct/icons/ic_time.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: '';
  display: inline-block;
  vertical-align: middle;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Mega navigation component.
------------------------------------------------------------------------ */
.mega-nav {
  margin-bottom: 15px;
  /* Style for 1st level Menu */
  /* To show the sub menu in full width */
}
.mega-nav .dropdown {
  margin: 0px;
}
.mega-nav li > a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .mega-nav {
    margin-bottom: 30px;
  }
}
.mega-nav .collapse,
.mega-nav .dropup,
.mega-nav .dropdown {
  position: static;
}
.mega-nav .container {
  position: relative;
}
.mega-nav .dropdown-menu {
  left: auto;
}
.mega-nav-content {
  padding: 20px 30px;
}
.mega-nav-full-width .dropdown-menu {
  z-index: 9000;
  left: 0;
  right: 0;
}
.mega-nav-full-width .container {
  width: 100%;
}
.mega-nav .dropdown-menu > li {
  margin: 5px;
  padding: 0px;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Locale selection component.
------------------------------------------------------------------------ */
.locale-selection {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .locale-selection {
    margin-bottom: 30px;
  }
}
.locale-selection__button .caret {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 0;
  height: 0;
  padding: 3px 4px;
  background-image: url(components/content/locale-selection/assets/icon-chevron-open.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-attachment: scroll;
  margin-left: 10px;
}
.locale-selection__button {
  padding-top: 0px;
  padding-bottom: 0px;
}
.locale-selection__button[aria-expanded="true"] .caret {
  -webkit-transform: translateY(-1px) rotate(0);
  transform: translateY(-1px) rotate(0);
}
.locale-selection__button:focus {
  outline: none;
}
.locale-selection__dropdown {
  position: absolute;
  display: none;
}
.locale-selection__dropdown ul {
  list-style-type: none;
  padding-left: 5px;
}
.locale-selection__dropdown ul li {
  margin: 0px;
  padding: 5px 5px;
}
.screenreader {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 0;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2015
 */
/* ---------------------------------------------------------------------
LINK LIST
------------------------------------------------------------------------ */
.link-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .link-list {
    margin-bottom: 30px;
  }
}
.link-list-tile-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.link-list .link-list-tags {
  list-style: none;
  overflow: auto;
}
.link-list .link-list-tags li {
  margin: 0 5px 10px 0;
  float: left;
}
.link-list h2 {
  margin-bottom: 10px;
}
.link-list li {
  margin: 0 0 10px 0;
  list-style-type: none;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Legal Notification
------------------------------------------------------------------------ */
.legal-notification {
  margin-bottom: 15px;
  padding: 7px 0;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
@media screen and (min-width: 768px) {
  .legal-notification {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .legal-notification {
    min-height: 50px;
    padding: 15px 10px 5px 10px;
  }
}
.legal-notification-copy {
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .legal-notification-copy {
    float: left;
    /* cleared in screen.css */
    margin-bottom: 0;
    /* override screen.css */
  }
}
.legal-notification-links {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .legal-notification-links {
    float: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .legal-notification-links {
    float: none;
    clear: left;
    padding-top: 10px;
  }
}
.legal-notification-links li {
  float: left;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
IFRAME CSS
------------------------------------------------------------------------ */
.iframe {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .iframe {
    margin-bottom: 30px;
  }
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* EXTRACTED FROM PEARSONBASE */
.bg--graphite-grey {
  background-color: #505759;
}
.bg--ice-blue {
  background-color: #d4eae4;
}
.bg--ink-black {
  background-color: #000000;
}
.bg--lime-green {
  background-color: #d2db0e;
}
.bg--midnight-blue {
  background-color: #003057;
}
.bg--grey95 {
  background-color: #f5f5f5;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-65 {
  min-height: 65%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-65 .slider-slide-content {
  min-height: 65%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-65 .slick-list {
  min-height: 65%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-65 .slick-track {
  min-height: 65%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-45 {
  min-height: 45%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-45 .slick-list {
  min-height: 45%;
}
html[class*="aem-AuthorLayer-"] .slider-slide--height-45 .slick-track {
  min-height: 45%;
}
@media all and (min-width: 768px) {
  html[class*="aem-AuthorLayer-"] .slider-slide--height-45 .slider-slide-content {
    min-height: 45%;
  }
}
@media (max-width: 767px) {
  html[class*="aem-AuthorLayer-"] .slider-slide--has-image-left picture img,
  html[class*="aem-AuthorLayer-"] .slider-slide--has-image-right picture img {
    width: auto;
    margin: 0 auto;
  }
  .slider-slide--height-45html[class*="aem-AuthorLayer-"] .slider-slide--has-image-left picture img,
  .slider-slide--height-45html[class*="aem-AuthorLayer-"] .slider-slide--has-image-right picture img {
    max-height: calc(22.5% + 30px);
  }
  .slider-slide--height-65html[class*="aem-AuthorLayer-"] .slider-slide--has-image-left picture img,
  .slider-slide--height-65html[class*="aem-AuthorLayer-"] .slider-slide--has-image-right picture img {
    max-height: calc(32.5% + 30px);
  }
}
@media (min-width: 768px) {
  html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content source,
  html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content img {
    width: auto;
  }
  .slider-slide--height-45 html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content source,
  .slider-slide--height-45 html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content img {
    max-height: 22%;
  }
  .slider-slide--height-65 html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content source,
  .slider-slide--height-65 html[class*="aem-AuthorLayer-"] .slider-slide .slider-slide-content img {
    max-height: 42%;
  }
}
.slider-slide {
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: top center;
  color: #003057;
  outline: none;
  display: none;
  width: calc(100% + 2px);
  left: -1px;
}
.slick-loading .slider-slide {
  visibility: hidden;
}
.slick-initialized .slider-slide {
  display: block;
}
.cq-wcm-edit .slider-slide,
.cq-wcm-preview .slider-slide {
  display: block;
}
.slider-slide,
.slider-slide div {
  height: 100%;
}
.slider-slide--height-65 {
  min-height: 65vh;
}
.slider-slide--height-65 .slider-slide-content,
.slider-slide--height-65 .slick-list,
.slider-slide--height-65 .slick-track {
  min-height: 65vh;
}
.slider-slide--height-45 {
  min-height: 45vh;
}
.slider-slide--height-45 .slick-list,
.slider-slide--height-45 .slick-track {
  min-height: 45vh;
}
@media (max-width: 767px) {
  .slider-slide--height-45 .slider-slide-content {
    padding-top: 30px;
  }
}
@media all and (min-width: 768px) {
  .slider-slide--height-45 .slider-slide-content {
    min-height: 45vh;
  }
}
@media (max-width: 767px) {
  .slider-slide .slider-slide__container [class*="col-"] {
    height: auto;
  }
}
.slider-slide .hero-buttons-wrapper {
  height: auto;
  width: max-content;
}
.slider-slide .hero-buttons-wrapper > a {
  display: inline-block;
}
.slider-slide .hero-buttons-wrapper > a:not(:first-child) {
  margin-left: 20px;
}
.slider-slide .hero-buttons-wrapper:after {
  clear: both;
}
@media (max-width: 768px) {
  .slider-slide .hero-buttons-wrapper {
    width: auto;
  }
  .slider-slide .hero-buttons-wrapper > a {
    display: block;
  }
  .slider-slide .hero-buttons-wrapper > a:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.slider-slide--has-image-center .slider-slide-content--bg {
  text-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.slider-slide--has-image-left .slider-slide-content,
.slider-slide--has-image-right .slider-slide-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .slider-slide--has-image-left .slider-slide-content,
  .slider-slide--has-image-right .slider-slide-content {
    min-height: auto;
    padding-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .slider-slide--has-image-left .slider-slide-content picture,
  .slider-slide--has-image-right .slider-slide-content picture {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .slider-slide--has-image-left > .row,
  .slider-slide--has-image-right > .row {
    height: calc(100% - 60px);
    overflow: hidden;
  }
  .slider-slide--has-image-left [class*="col-"],
  .slider-slide--has-image-right [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .slider-slide--has-image-left [class*="col-"] + [class*="col-"] .slider-slide-content,
  .slider-slide--has-image-right [class*="col-"] + [class*="col-"] .slider-slide-content {
    padding-top: 25px;
    margin-bottom: 50px;
  }
  .slider-slide--has-image-left picture img,
  .slider-slide--has-image-right picture img {
    width: auto;
    margin: 0 auto;
  }
  .slider-slide--height-45.slider-slide--has-image-left picture img,
  .slider-slide--height-45.slider-slide--has-image-right picture img {
    max-height: calc(22.5vh + 30px);
  }
  .slider-slide--height-65.slider-slide--has-image-left picture img,
  .slider-slide--height-65.slider-slide--has-image-right picture img {
    max-height: calc(32.5vh + 30px);
  }
}
@media (min-width: 768px) {
  .slider-slide--has-image-left picture {
    margin-right: auto;
  }
  .slider-slide--has-image-right picture {
    margin-left: auto;
  }
}
.slider-slide--theme-light::before,
.slider-slide--theme-dark::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slider-slide--theme-light {
  color: #151515;
}
.slider-slide--theme-light.slider-slide--gradient::before {
  background: linear-gradient(25deg, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 60%);
}
@media (max-width: 767px) {
  .slider-slide--theme-light.slider-slide--gradient::before {
    display: none;
  }
}
.slider-slide--theme-light.slider-slide--transparency-20::before {
  background: rgba(255, 255, 255, 0.2);
}
.slider-slide--theme-dark {
  color: #ffffff;
}
.slider-slide--theme-dark.slider-slide--gradient::before {
  background: linear-gradient(25deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 60%);
}
@media (max-width: 767px) {
  .slider-slide--theme-dark.slider-slide--gradient::before {
    display: none;
  }
}
.slider-slide--theme-dark.slider-slide--transparency-20::before {
  background: rgba(0, 0, 0, 0.2);
}
/* stylelint-disable */
.slider-slide-content {
  /* stylelint-enable */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 15%;
  /* Pull color from theme */
}
@media all and (-ms-high-contrast: none) {
  .slider-slide-content > *:not(.hero-buttons-wrapper) {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .slider-slide-content {
    padding-bottom: 18%;
  }
}
.hero-carousel .slick-slide:only-of-type .slider-slide-content {
  padding-bottom: 10%;
}
@media all and (max-width: 767px) {
  .slider-slide-content {
    padding-top: 5%;
  }
}
@media all and (min-width: 768px) {
  [data-breadcrumb="true"] .slider-slide-content {
    padding-top: 16.665%;
  }
  [data-breadcrumb="false"] .slider-slide-content {
    padding-top: 5%;
  }
}
.slider-slide-content--end {
  justify-content: flex-end;
}
.slider-slide-content--center {
  justify-content: center;
}
.slider-slide-content h1,
.slider-slide-content h2,
.slider-slide-content__title {
  font-size: 4rem;
  font-family: "Playfair Display", serif;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .slider-slide-content h1,
  .slider-slide-content h2,
  .slider-slide-content__title {
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .slider-slide-content h1,
  .slider-slide-content h2,
  .slider-slide-content__title {
    margin: 0 0 30px;
  }
}
@media (min-width: 1280px) {
  .slider-slide-content h1,
  .slider-slide-content h2,
  .slider-slide-content__title {
    margin: 0 0 45px;
    font-size: 5rem;
  }
}
.slider-slide-content h3,
.slider-slide-content h4,
.slider-slide-content h5,
.slider-slide-content h6,
.slider-slide-content p,
.slider-slide-content__subtitle {
  font-size: 2.4rem;
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .slider-slide-content h3,
  .slider-slide-content h4,
  .slider-slide-content h5,
  .slider-slide-content h6,
  .slider-slide-content p,
  .slider-slide-content__subtitle {
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .slider-slide-content h3,
  .slider-slide-content h4,
  .slider-slide-content h5,
  .slider-slide-content h6,
  .slider-slide-content p,
  .slider-slide-content__subtitle {
    margin: 0 0 45px;
  }
}
@media (min-width: 1280px) {
  .slider-slide-content h3,
  .slider-slide-content h4,
  .slider-slide-content h5,
  .slider-slide-content h6,
  .slider-slide-content p,
  .slider-slide-content__subtitle {
    margin: 0 0 60px;
    font-size: 3rem;
  }
}
.slider-slide-content h3:last-child,
.slider-slide-content h4:last-child,
.slider-slide-content h5:last-child,
.slider-slide-content h6:last-child,
.slider-slide-content p:last-child,
.slider-slide-content__subtitle:last-child {
  margin-bottom: 0;
}
.slider-slide-content p,
.slider-slide-content h1,
.slider-slide-content h2,
.slider-slide-content h3,
.slider-slide-content h4,
.slider-slide-content h5,
.slider-slide-content h6,
.slider-slide-content a:not(.button),
.slider-slide-content span {
  color: inherit;
}
.slider-slide-content p *,
.slider-slide-content h1 *,
.slider-slide-content h2 *,
.slider-slide-content h3 *,
.slider-slide-content h4 *,
.slider-slide-content h5 *,
.slider-slide-content h6 *,
.slider-slide-content a:not(.button) *,
.slider-slide-content span * {
  color: inherit;
}
@media (min-width: 768px) {
  .slider-slide-content picture {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .slider-slide-content source,
  .slider-slide-content img {
    width: auto;
  }
  .slider-slide--height-45 .slider-slide-content source,
  .slider-slide--height-45 .slider-slide-content img {
    max-height: 22vh;
  }
  .slider-slide--height-65 .slider-slide-content source,
  .slider-slide--height-65 .slider-slide-content img {
    max-height: 42vh;
  }
}
@media all and (-ms-high-contrast: none) and (max-width: 767px) {
  *::-ms-backdrop,
  [class*="col-"] {
    height: auto !important;
  }
  *::-ms-backdrop,
  .slider-slide-content {
    align-items: stretch;
  }
  *::-ms-backdrop,
  picture img {
    display: block;
    -ms-flex: none;
    flex: none;
  }
}
.slick-initialized {
  overflow: hidden;
}
.slick-prev,
.slick-next {
  position: absolute;
  /* stylelint-disable */
  display: none !important;
  /* stylelint-enable */
  height: 60px;
  width: 60px;
  max-height: 60px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #ffffff;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  opacity: 0.4;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .slick-prev,
  .slick-next {
    /* stylelint-disable */
    display: block !important;
    /* stylelint-enable */
  }
}
@media all and (min-width: 1280px) {
  .slick-prev,
  .slick-next {
    height: 80px;
    width: 80px;
    max-height: 80px;
  }
}
.slick-prev::before,
.slick-next::before {
  display: none;
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  border-right: 2px solid #007fa3;
  border-bottom: 2px solid #007fa3;
}
@media all and (min-width: 1280px) {
  .slick-prev::before,
  .slick-next::before {
    height: 22px;
    width: 22px;
  }
}
.slick-prev.slick-prev,
.slick-next.slick-prev {
  left: -30px;
  margin-left: -16px;
}
@media all and (min-width: 1280px) {
  .slick-prev.slick-prev,
  .slick-next.slick-prev {
    margin-left: -24px;
  }
}
.slick-prev.slick-prev:hover,
.slick-next.slick-prev:hover,
.slick-prev.slick-prev:focus,
.slick-next.slick-prev:focus {
  margin-left: 0;
}
.slick-prev.slick-prev::before,
.slick-next.slick-prev::before {
  content: "";
  margin-left: 40px;
  transform: scaleX(-1) rotate(-45deg);
}
@media all and (min-width: 1280px) {
  .slick-prev.slick-prev::before,
  .slick-next.slick-prev::before {
    margin-left: 42px;
  }
}
.slick-prev.slick-next,
.slick-next.slick-next {
  right: -30px;
  margin-right: -16px;
}
@media all and (min-width: 1280px) {
  .slick-prev.slick-next,
  .slick-next.slick-next {
    margin-right: -24px;
  }
}
.slick-prev.slick-next:hover,
.slick-next.slick-next:hover,
.slick-prev.slick-next:focus,
.slick-next.slick-next:focus {
  margin-right: 0;
}
.slick-prev.slick-next::before,
.slick-next.slick-next::before {
  content: "";
  margin-left: 4px;
  transform: rotate(-45deg);
}
@media all and (min-width: 1280px) {
  .slick-prev.slick-next::before,
  .slick-next.slick-next::before {
    margin-left: 14px;
  }
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  opacity: 0.8;
}
.slick-prev:hover::before,
.slick-next:hover::before,
.slick-prev:focus::before,
.slick-next:focus::before {
  display: block;
}
.slick-prev:active,
.slick-next:active {
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.25;
}
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media all and (min-width: 1280px) {
  .slick-dots {
    bottom: 30px;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 5px;
  padding: 4px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  border-radius: 50%;
  background: #007fa3;
  display: block;
  height: 12px;
  width: 12px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background: #ffffff;
}
.slick-dots li.slick-active button {
  background: #ffffff;
}
.slick-track {
  display: flex;
}
.cq-wcm-edit .slick-track,
.cq-wcm-preview .slick-track {
  display: block;
}
.slick-track > .slick-slide {
  height: auto;
}
.hero-carousel-slide {
  height: 100%;
}
.hero-carousel-slide .background-video__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.hero-carousel-slide .background-video__media {
  object-position: center center;
}
.hero-carousel-slide .slider-slide-content {
  position: relative;
  z-index: 5;
}
a.clickable-anchor:hover {
  text-decoration: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Header search box
------------------------------------------------------------------------ */
.header-search-box {
  display: inline-block;
  border: 1px outset #cccccc;
  position: absolute;
  right: 15px;
  top: 10px;
}
@media screen and (min-width: 768px) {
  .header-search-box {
    position: relative;
    float: right;
    margin-top: 10px;
    right: 0px;
    top: 0px;
  }
}
.header-search-box-input {
  border: none;
  height: 30px;
  width: 150px;
  padding: 0px 35px 0px 5px;
  -webkit-appearance: none;
  border-radius: 0;
}
.header-search-box-input::-webkit-input-placeholder {
  color: #666666;
}
.header-search-box-input::-moz-placeholder {
  color: #666666;
}
.header-search-box-input:-ms-input-placeholder {
  color: #666666;
}
.header-search-box-icon {
  border: none;
  background: none;
  font-size: 13px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  color: #666666;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
TOP NAVIGATION CSS
------------------------------------------------------------------------ */
.header-nav {
  position: relative;
}
@media screen and (min-width: 768px) {
  .header-nav {
    width: 85%;
    position: relative;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .header-nav {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-nav {
    width: 75%;
  }
}
.header-nav-container {
  position: relative;
  height: 100%;
}
.header-nav-header {
  float: left;
}
.header-nav-toggle {
  position: relative;
  float: left;
  cursor: pointer;
  color: white;
  font-size: 30px;
  padding: 5px;
  background: none;
  border: none;
}
@media screen and (min-width: 768px) {
  .header-nav-toggle {
    display: none;
  }
}
.header-nav-collapse {
  background-color: #333333;
  clear: both;
  margin: 0px -15px;
}
@media screen and (min-width: 768px) {
  .header-nav-collapse {
    display: block;
  }
}
.header-nav-lvl1 {
  list-style: none;
}
.header-nav-lvl1 .header-nav-lvl2 li {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .header-nav-lvl1 li {
    margin: 0;
  }
  .header-nav-lvl1 .open .header-nav-lvl2 {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
  }
  .header-nav-lvl1 .header-nav-lvl2 li {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .header-nav-lvl1 {
    float: left;
  }
  .header-nav-lvl1 > li {
    margin: 0;
    float: left;
  }
}
.header-nav-lvl1-link {
  color: #ffffff;
  display: block;
  text-decoration: none;
  padding: 10px 15px 10px 15px;
  border-width: 1px;
  border-top-style: solid;
  border-color: white;
  font-size: 16px;
}
.header-nav-lvl1-link:hover {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl1-link:hover:focus {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl1-link:focus:active {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl1-link:focus {
  text-decoration: none;
  color: #cccccc;
}
@media screen and (min-width: 768px) {
  .header-nav-lvl1-link {
    padding: 16px 30px 16px 15px;
    border-style: none;
    font-size: inherit;
  }
  .header-nav-lvl1-link:hover {
    outline: none;
    font-size: inherit;
  }
  .header-nav-lvl1-link:hover:focus {
    outline: none;
    font-size: inherit;
  }
  .header-nav-lvl1-link:focus:active {
    outline: none;
    font-size: inherit;
  }
  .header-nav-lvl1-link:focus {
    font-size: inherit;
  }
}
.header-nav-lvl2-link {
  color: #ffffff;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 15px 10px 25px;
  border-width: 1px;
  border-top-style: solid;
  border-color: white;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .header-nav-lvl2-link {
    font-size: inherit;
  }
}
.header-nav-lvl2-link:hover {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl2-link:hover:focus {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl2-link:focus:active {
  text-decoration: none;
  outline: none;
  color: #cccccc;
}
.header-nav-lvl2-link:focus {
  text-decoration: none;
  color: #cccccc;
}
.header-nav .nav-dropdown {
  position: relative;
}
@media screen and (min-width: 992px) {
  .header-nav .nav-dropdown:hover .header-nav-lvl2 {
    display: block;
  }
}
.header-nav-lvl2 {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  list-style: none;
  text-align: left;
  background-color: #333333;
  border-width: 1px;
  border-top-style: solid;
  border-color: white;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .header-nav-lvl2 {
    min-width: 150px;
    z-index: 1;
  }
}
.header-nav-lvl2 .header-nav-lvl1-link {
  border-style: none;
  padding: 10px 15px 10px 15px;
}
@media screen and (max-width: 767px) {
  .header-nav-dropdown-toggle:after {
    content: '+';
    float: right;
    font-size: 24px;
    font-weight: bold;
    margin-top: -5px;
  }
}
.header-nav .open > .header-nav-lvl2 {
  display: block;
}
@media screen and (max-width: 767px) {
  .header-nav .open > .header-nav-dropdown-toggle:after {
    content: '-';
    float: right;
    font-size: 24px;
    font-weight: bold;
  }
}
.header-nav-selected {
  font-weight: bold;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Header Links
------------------------------------------------------------------------ */
.header-links-body {
  cursor: auto;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .header-links-body {
    /* override screen.css */
    background-color: transparent;
    *zoom: 1;
    margin-bottom: 20px;
    float: right;
    padding: 15px 0 0 0;
  }
  .header-links-body:after {
    content: " ";
    display: table;
    clear: both;
  }
  .header-links-body:before {
    content: " ";
    display: table;
  }
}
.header-links-body > * {
  padding: 10px 15px;
  border-bottom: 1px solid #e5e6e2;
}
@media screen and (min-width: 768px) {
  .header-links-body > * {
    float: left;
    padding: 0;
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header-links-body > * {
    padding: 0 0 0 15px;
    border-bottom: none;
  }
}
.header-links-body > li {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .header-links-body > * + * {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header-links-body > * + * {
    margin-left: 0;
  }
}
.header-links-body-item {
  display: block;
  height: 18px;
  cursor: pointer;
}
.header-links-body-item:focus {
  background: #cccccc;
}
@media screen and (min-width: 768px) {
  .header-links-body-item {
    display: block;
    color: #505050;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Variables
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
Header Banner component
------------------------------------------------------------------------ */
.header-banner {
  height: 45px;
}
.header-banner-theme {
  background-color: #000000;
  width: 100%;
  height: 100%;
}
.header-banner-body {
  margin: 0 auto;
  clear: both;
  height: 100%;
}
.header-banner-logo-anchor {
  display: block;
  float: left;
  height: 100%;
  width: 84px;
}
@media screen and (min-width: 768px) {
  .header-banner-logo-anchor {
    width: 112px;
  }
}
.header-banner-logo-img {
  display: block;
  float: left;
  max-height: 100%;
  cursor: pointer;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Opera, Chrome, and Safari */
  width: 84px;
  height: 14px;
}
@media screen and (min-width: 768px) {
  .header-banner-logo-img {
    width: 112px;
    height: 18px;
  }
}
.header-banner-tagline {
  position: absolute;
  left: 0;
  top: -9999px;
}
@media screen and (min-width: 768px) {
  .header-banner-tagline {
    position: static;
    display: block;
    margin-top: 13px;
    float: right;
    width: 137px;
    height: 13px;
    background: transparent url(components/content/header-banner/assets/images/always-learning.png) no-repeat 0 5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    *text-indent: 0;
    *font-size: 0;
  }
}

/* pmc-alert.less

  Pearson PMC Alert Component (AEM) presentation
  ================================================== */
.pmc-alert {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.pmc-alert--banner {
  background-color: #d4eae4;
}
.pmc-alert.is-visible,
.cq-wcm-edit .pmc-alert {
  display: block;
}
.pmc-alert * {
  box-sizing: border-box;
}
.pmc-alert__icon {
  display: inline-block;
  flex: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin: 4px 10px 0 0;
}
.pmc-alert__icon--default {
  display: none;
}
.pmc-alert__icon--error {
  background-image: url(components/content/global-message/assets/icons/icon--alert.svg);
}
.pmc-alert__icon--alert {
  background-image: url(components/content/global-message/assets/icons/icon--exclamation.svg);
}
.pmc-alert__icon--info {
  background-image: url(components/content/global-message/assets/icons/icon--info.svg);
}
.pmc-alert__icon--success {
  background-image: url(components/content/global-message/assets/icons/icon--checkmark.svg);
}
.pmc-alert__inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1200px;
  padding: 15px;
  margin: auto;
}
.pmc-alert__content {
  position: relative;
  flex: 1 1 auto;
}
.pmc-alert__content > * {
  word-break: break-word;
  padding: 0;
  margin: 0;
}
.pmc-alert__content > * + * {
  margin-top: 20px;
}
.pmc-alert__dismiss.pmc-alert__dismiss {
  display: inline-block;
  flex: none;
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  background-image: url("components/content/global-message/assets/icons/icon--close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  padding: 0;
  margin: 4px 0 0 auto;
}
@media (min-width: 481px) {
  .pmc-alert__dismiss.pmc-alert__dismiss {
    margin-left: 60px;
  }
}
@media (max-width: 480px) {
  .pmc-alert__dismiss.pmc-alert__dismiss {
    margin-left: 40px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
FUNCTION PANEL CSS
------------------------------------------------------------------------ */
.function-panel {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .function-panel {
    margin-bottom: 30px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2019
 */
.custom-dropdown-control-label {
  order: 0 !important;
}
.c-select__dropdown {
  display: none;
}
.c-select__dropdown-item {
  display: flex;
  font-size: 1.6rem;
  line-height: 26px;
  padding: 11px 12px;
  text-overflow: ellipsis;
  -webkit-box-pack: justify;
  justify-content: space-between;
  outline: none;
  cursor: pointer;
}
.c-select__button {
  margin: 5px 23px 5px 0px !important;
  display: block;
  width: 100%;
  height: 47px;
  border: 1px solid #919191;
  border-radius: 0.25em;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 26px;
  padding: 11px 34px 11px 13px;
  position: relative;
  background: #ffffff;
  text-align: left;
  outline: none;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.c-select__button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 47px;
  width: 48px;
  background: transparent url("components/content/form-dropdown-list/assets/icon-chevron-close.svg") no-repeat;
  background-size: 16px 16px;
  background-position: center;
  pointer-events: none;
  -webkit-transition: transform 300ms ease-in-out;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.c-select__button:hover::after,
.isActive .c-select__button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 47px;
  width: 48px;
  background: transparent url("components/content/form-dropdown-list/assets/icon-chevron-close.svg") no-repeat;
  background-size: 16px 16px;
  background-position: center;
  pointer-events: none;
  -webkit-transition: transform 300ms ease-in-out;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.c-select__button.isActive::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.c-select__dropdown {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
}
.c-select__dropdown.isActive {
  display: block;
  height: auto;
  position: absolute;
  top: 0px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  z-index: 2;
}
.c-select__dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 26px;
  padding: 5px 5px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  outline: none;
  cursor: pointer;
}
.c-select__dropdown-item:hover,
.c-select__dropdown-item:focus {
  background-color: #f5f5f5;
  text-decoration: none;
}
.c-select__button:focus-visible,
.c-select__dropdown-item:focus-visible {
  outline: 1px solid #000000;
}
.dropdown-list-custom i::after {
  background-image: none;
}
.dropdown-list-custom i {
  background-color: #fff;
}
/* Support: IE <= 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-select .c-select__button:focus,
  .c-select .c-select__dropdown-item:focus {
    outline: 1px solid #000000;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
FORM ASSEMBLY CSS
------------------------------------------------------------------------ */
.g-recaptcha iframe {
  min-height: 79px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
FORM COMPONENT
------------------------------------------------------------------------ */
.form label {
  font-weight: bold;
  margin-bottom: 5px;
}
.form-field-required {
  padding-left: 10px;
}
.form .check-box-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .check-box-list {
    margin-bottom: 30px;
  }
}
.form .check-box-list label {
  font-weight: normal;
  margin-bottom: 0px;
}
.form .check-box-list fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.form .check-box-list fieldset legend {
  font-weight: bold;
}
.form .check-box-list fieldset .error-message {
  font-weight: normal;
}
.form .check-box-list .checkbox {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  cursor: pointer;
}
.form .check-box-list .checkbox + .checkbox {
  margin-top: -5px;
}
.form .check-box-list .checkbox-inline {
  margin: 10px 10px 10px 0px;
}
.form .check-box-list .help-block {
  margin-top: 0;
}
.form .dropdown-list,
.form .dropdown-list-v2,
.form .drilldown {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .dropdown-list,
  .form .dropdown-list-v2,
  .form .drilldown {
    margin-bottom: 30px;
  }
}
.form .dropdown-list option,
.form .dropdown-list-v2 option,
.form .drilldown option {
  padding: 6px 0;
}
.form .drilldown1 {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .drilldown1 {
    margin-bottom: 30px;
  }
}
.form .multiline-text-field {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .multiline-text-field {
    margin-bottom: 30px;
  }
}
.form .multiline-text-field textarea {
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.form .radio-button-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .radio-button-list {
    margin-bottom: 30px;
  }
}
.form .radio-button-list fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.form .radio-button-list fieldset legend {
  font-weight: bold;
}
.form .radio-button-list fieldset .error-message {
  font-weight: normal;
}
.form .radio-button-list .radio {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  cursor: pointer;
}
.form .radio-button-list .radio + .radio {
  margin-top: -5px;
}
.form .radio-button-list .radio-inline {
  margin: 10px 10px 10px 0px;
  font-weight: normal;
}
.form .radio-button-list .help-block {
  margin-top: 0;
}
.form .submit-button {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .submit-button {
    margin-bottom: 30px;
  }
}
.form .submit-button button {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  border-radius: 4px;
}
.form .submit-button button:hover {
  cursor: pointer;
}
.form .submit-button button:hover,
.form .submit-button button:focus,
.form .submit-button button:active {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.form .submit-button button:focus,
.form .submit-button button:active:focus {
  outline: thin dotted;
  outline-offset: -2px;
}
.form .text-field {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form .text-field {
    margin-bottom: 30px;
  }
}
.form .has-error .error-message {
  color: #a94442;
  font-style: italic;
  clear: both;
  display: block;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .form .has-error .error-message {
    clear: none;
    display: inline;
    padding-left: 15px;
  }
}
.form .has-error option {
  color: #a94442;
}
.form .error-message {
  display: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
FOOTER CSS
------------------------------------------------------------------------ */
.footer {
  width: 100%;
  background-color: #333333;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .footer {
    border-bottom: none;
  }
}
.footer-container {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  .footer-container {
    border-style: none;
  }
}
.footer-header {
  width: 100%;
  color: #999999;
  clear: both;
  min-height: 22px;
  cursor: default;
}
.footer-links {
  width: 100%;
  cursor: pointer;
  list-style: none;
  padding: 2px 0 0;
  color: #cccccc;
}
.footer-links-item {
  width: 100%;
  margin: 8px 0 0 0;
  color: inherit;
}
.footer-links-anchor {
  color: inherit;
}
.footer-text {
  width: 100%;
  margin-top: 10px;
  color: #cccccc;
  cursor: default;
}
.footer-text a {
  color: #cccccc;
  cursor: pointer;
}

.external-image {
  display: flex;
}
.external-image .js-modal-trigger {
  position: relative;
}
.external-image .js-modal-trigger a[href^="#"] {
  background-image: url("components/content/external-image/assets/images/external-image.svg");
  background-repeat: no-repeat;
  padding: 1.5rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
EVENTS SUMMARY
------------------------------------------------------------------------ */
.events-summary {
  position: relative;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .events-summary {
    margin-bottom: 30px;
  }
}
.events-summary li {
  list-style-type: none;
  margin: 0;
}
.events-summary time {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.events-summary h6 {
  margin-bottom: 10px;
}
.events-summary p {
  margin-bottom: 10px;
}
.events-summary p a {
  margin: 0;
}
.events-summary a {
  display: block;
  margin-bottom: 10px;
}
.events-summary .hidden {
  display: none;
}
.events-summary .left {
  float: left;
}
.events-summary .right {
  float: right;
}
.events-summary .item {
  position: fixed;
  left: -9999px;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}
.events-summary .active {
  opacity: 1;
  position: relative;
  left: 0px;
}
.events-summary .events-summary-control {
  cursor: pointer;
  height: 30px;
  background-color: #ffffff;
  outline: 0;
}
.events-summary .events-summary-control.left {
  left: 0;
}
.events-summary .events-summary-control.right {
  right: 0;
}
.events-summary .events-summary-indicators {
  text-align: center;
}
.events-summary .events-summary-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 7px 10px 0;
  text-indent: -999px;
  border: solid 1px #cccccc;
  border-radius: 15px;
  cursor: pointer;
  background-color: #ffffff;
}
.events-summary .events-summary-indicators .active {
  background-color: #cccccc;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
EVENTS CALENDAR
------------------------------------------------------------------------ */
.events-calendar {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .events-calendar {
    padding: 0px;
    margin-bottom: 30px;
  }
}
.events-calendar-controls {
  text-align: center;
}
.events-calendar-controls span {
  display: inline-block;
  margin-top: 5px;
}
.events-calendar-controls button {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
}
.events-calendar-days,
.events-calendar-day-headers {
  clear: both;
}
.events-calendar-day-headers .events-calendar-day {
  color: #990000;
  float: left;
  padding: 10px 0 15px;
  border-bottom: 1px gray solid;
}
.events-calendar-day {
  display: inline-block;
  position: relative;
  width: 14.28571429%;
  text-align: center;
}
.events-calendar-day a {
  color: #000000;
  display: inline-block;
  width: 40px;
  max-width: 100%;
  padding: 11px 0;
  cursor: pointer;
  text-decoration: none;
}
.events-calendar-day a:hover {
  background-color: #F5E6E6;
}
.events-calendar-day .events-calendar-indicator {
  display: inline-block;
  height: 7px;
  width: 7px;
  position: absolute;
  top: calc(100% - 8px);
  right: calc(50% - 4px);
  border-radius: 50%;
  background-color: #000000;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.events-calendar-day.today a {
  background-color: #cccccc;
}
.events-calendar-day.selected a {
  background-color: #990000;
  color: #ffffff;
}
.events-calendar-day.selected .events-calendar-indicator {
  background-color: #ffffff;
}
.events-calendar-day.not-current a {
  cursor: default;
  color: #dddddd;
}
.events-calendar-day.not-current a:hover {
  background-color: #ffffff;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2020
 */
/* ---------------------------------------------------------------------
 EVENT LISTING
 ------------------------------------------------------------------------ */
.event-list {
  background: inherit;
}
.event-list.empty-list {
  background: inherit;
  padding: 0;
}
.event-list .event-list-time {
  font-weight: 400;
}
.event-list .event-list-time:not(:last-of-type) {
  border-bottom: 1px solid #dbdbdb;
}
.c-eventListing {
  color: #333333;
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
}
.c-eventListing .c-tabs-wrapper .c-tabs-content__wrapper {
  padding: 0;
}
.c-eventListing .c-eventListing__body {
  display: flex;
  flex-direction: row;
  padding: 0 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll {
  margin-right: 30px;
  display: inline-block;
  flex: 3;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-pagination-wrapper {
  display: flex;
  justify-content: center;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-pagination {
  margin: 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  font-size: 1.6rem;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .event-date-pcl {
  display: none;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content p {
  font-size: 1.6rem !important;
  line-height: 1.625;
  margin: 20px 0;
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  color: #333333;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content picture {
  display: none;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__title {
  margin: 0 0 20px;
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  color: #006f8f;
  font-size: 20px;
  font-weight: 600;
  line-height: 32.5px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__title h6 {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.625;
  margin: 0 0 20px 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__title h6 a {
  color: inherit;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.6rem;
  margin-top: 20px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__date {
  flex: 3;
  font-weight: 400;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__date::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-listing/assets/icons/Icon-Event-18.svg");
  height: 19px;
  width: 18px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__time {
  flex: 3;
  font-weight: 400;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__time::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-listing/assets/icons/Icon-Time-18.svg");
  height: 20px;
  width: 18px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__recorded {
  font-weight: 600;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__button {
  float: right;
  color: #006f8f;
  text-align: right;
  font-weight: 400;
  text-transform: capitalize;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__button:after {
  content: " >";
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__location::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-listing/assets/icons/Icon-Location-24.svg");
  height: 22px;
  width: 18px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__duration,
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__address {
  margin: 20px 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__presenter,
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__presenterMobile {
  margin: 10px 0 0;
  line-height: 26px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__presenterMobile {
  display: none;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__presenter {
  margin: 20px 0 0;
  line-height: 26px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__border {
  padding: 0 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__border:last-of-type {
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 20px;
}
.c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content > div:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__sidebar {
  flex: 1.4;
}
.c-eventListing .c-eventListing__body .c-eventListing__sidebar .c-eventListing__tags {
  display: inline-block;
  border-top: 4px solid #003057;
  padding: 30px;
  background: #ffffff;
  height: max-content;
  flex: 1.4;
}
.c-eventListing .c-eventListing__body .c-eventListing__sidebar .c-eventListing__tagsTitle {
  margin: 0 0 20px;
}
.c-eventListing .c-eventListing__body .c-eventListing__sidebar .c-eventListing__tagsLinks {
  margin: 0;
}
.c-eventListing .c-eventListing__body .c-eventListing__sidebar .c-eventListing__education {
  display: inline-block;
  padding: 30px;
  background: #d4eae4;
  height: max-content;
  margin-top: 30px;
}
.c-eventListing__header {
  width: 100%;
  background: #d4eae4;
  padding: 60px 85px;
}
.c-eventListing__header .c-eventListing__headerTitle {
  width: 523px;
  color: #003057;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 52px;
  margin: 0;
  margin-bottom: 20px;
}
.c-eventListing__header .c-eventListing__headerDesc {
  width: 514px;
  line-height: 26px;
  margin: 0;
}
.c-eventListing__typePersonOne {
  flex: 2;
}
.c-eventListing__typePersonTwo {
  flex: 1;
}
.c-eventListing__typePersonOne::before,
.c-eventListing__typePersonTwo::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-listing/assets/icons/Icon-Account-18.svg");
  height: 19px;
  width: 18px;
}
.c-eventListing__typeOnlineOne {
  flex: 1;
}
.c-eventListing__typeOnlineTwo,
.c-eventListing__location {
  margin: 15px 0 0;
}
.c-eventListing__typeOnlineOne::before,
.c-eventListing__typeOnlineTwo::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-listing/assets/icons/Icon-Webcast-18.svg");
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 1025px) {
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column !important;
    margin-top: 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__button {
    text-align: left;
    padding: 0 0 20px;
    margin-bottom: 20px;
    margin: 0 0 20px 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__date,
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__time,
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__recorded {
    margin-bottom: 10px;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations .c-eventListing__presenterMobile {
    display: block;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations:last-of-type .c-eventListing__button {
    border-bottom: none;
    margin-bottom: 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__desc {
    padding: 20px 0 10px 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__desc p {
    margin: 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__presenter {
    display: none;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__address,
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__duration {
    margin: 0;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__address p,
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__duration p {
    margin: 0;
  }
  .event-list .event-list-time {
    margin-top: 10px;
  }
  .event-list .event-list-time:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 769px) {
  .c-eventListing__body {
    display: block;
  }
  .c-eventListing__body .c-eventListing__contentAll {
    margin: 0 0 30px;
  }
  .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content p.c-eventListing-recorded-presenter {
    display: none;
  }
  .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations p.c-eventListing-recorded-presenterMobile {
    display: block;
  }
  .c-eventListing__header .c-eventListing__headerTitle,
  .c-eventListing__header .c-eventListing__headerDesc {
    width: 70%;
  }
}
.event-list.hide-no-results-message .c-eventListing__body > div.no-upcoming-events {
  display: none;
}
@media screen and (min-width: 770px) {
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content p.c-eventListing-recorded-presenter {
    display: block;
  }
  .c-eventListing .c-eventListing__body .c-eventListing__contentAll .c-eventListing__content .c-eventListing__informations p.c-eventListing-recorded-presenterMobile {
    display: none;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
EVENT LIST
------------------------------------------------------------------------ */
.event-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .event-list {
    margin-bottom: 30px;
  }
}
.event-list li {
  list-style-type: none;
  margin: 0;
}
.event-list article {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}
.event-list article img {
  width: 100%;
  margin-bottom: 20px;
}
.event-list a:hover {
  cursor: pointer;
}
.event-list h2 {
  margin-bottom: 20px;
}
.event-list p {
  margin-bottom: 20px;
}
.event-list-time {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .event-list-time {
    font-size: inherit;
  }
}
.event-list-time ul {
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .event-list-time ul {
    padding-left: 40px;
  }
}
.event-list-time ul li span {
  padding-left: 4px;
}
.event-list-time .fa {
  font-size: 18px;
  float: left;
}
@media screen and (min-width: 768px) {
  .event-list-time .fa {
    font-size: 28px;
  }
}
.event-list-address {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .event-list-address {
    font-size: inherit;
  }
}
.event-list-address ul {
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .event-list-address ul {
    padding-left: 40px;
  }
}
.event-list-address .fa {
  font-size: 18px;
  float: left;
}
@media screen and (min-width: 768px) {
  .event-list-address .fa {
    font-size: 28px;
  }
}
.event-list-address p {
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .event-list-address p {
    padding-left: 40px;
  }
}
.event-list-readmore {
  margin-bottom: 20px;
  cursor: pointer;
  font-weight: bold;
}
.event-list nav {
  min-height: 30px;
}
.event-list-nav-left {
  float: left;
  font-weight: bold;
  cursor: pointer;
}
.event-list-nav-right {
  float: right;
  font-weight: bold;
  cursor: pointer;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2020
 */
/* ---------------------------------------------------------------------
EVENT DETAILS
------------------------------------------------------------------------ */
.js .event-registration-link {
  opacity: inherit;
  visibility: inherit;
}
.auhtor-mode-padding {
  padding-top: 45px;
}
.c-eventDetails {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  color: #333333;
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 26px;
}
.c-eventDetails .c-eventDetails__content {
  display: inline-block;
  margin-right: 30px;
  flex: 3;
}
.c-eventDetails .c-eventDetails__content .event-details-legacy,
.c-eventDetails .c-eventDetails__content .event-address-legacy {
  display: none;
}
.c-eventDetails .c-eventDetails__content .default-image {
  display: none;
  visibility: hidden;
}
.c-eventDetails .c-eventDetails__content picture {
  display: block;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__title {
  margin: 0 0 30px;
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 52px;
  color: #003057;
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  word-break: break-word;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__share {
  color: #007fa3;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__share::before {
  content: "";
  display: inline;
  background-image: url("components/content/events/event-details/assets/icons/Icon-Share-24.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center 60%;
  margin-right: 10px;
  padding: 0 11px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__presenter {
  margin: 30px 0 15px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__summary {
  display: none;
  margin: 0 0 30px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__description {
  padding-bottom: 30px;
  border-bottom: 4px solid #f5f5f5;
  margin: 0 0 30px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__upcoming {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #dbdbdb;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__past {
  padding-bottom: 30px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__register {
  float: right;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__time {
  flex: 2;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__time::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-details/assets/icons/Icon-Time-18.svg");
  height: 20px;
  width: 18px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__date {
  flex: 2;
  font-weight: 600;
  min-height: 54px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__date.startDate.nextDayEnding {
  margin-bottom: 10px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__date.startDate span {
  font-weight: 400;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__date::before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-image: url("components/content/events/event-details/assets/icons/Icon-Event-18.svg");
  height: 19px;
  width: 18px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenter,
.c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenterMobile {
  margin: -18px 0 0;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenterMobile {
  display: none;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__pastPresenter {
  margin: 10px 0 30px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__recorded,
.c-eventDetails .c-eventDetails__content .c-eventDetails__duration {
  line-height: 22px;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__recorded {
  font-weight: 600;
}
.c-eventDetails .c-eventDetails__content .c-eventDetails__extraInformation {
  margin: 15px 0 30px;
}
.c-eventDetails .c-eventDetails__content .c-youtube-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.c-eventDetails .c-eventDetails__content .c-youtube-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.c-eventDetails .button,
.c-eventDetails .btn-primary--main-include,
.c-eventDetails .btn-secondary--main-include {
  font-family: "Open Sans", "Helvetica", "Verdana", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: normal;
  text-decoration: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: .88em 1.66em;
  border-radius: .22em;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  margin: 0 15px 20px 0;
}
.c-eventDetails .button:hover,
.c-eventDetails .btn-primary--main-include:hover,
.c-eventDetails .btn-secondary--main-include:hover,
.c-eventDetails .button:active,
.c-eventDetails .btn-primary--main-include:active,
.c-eventDetails .btn-secondary--main-include:active,
.c-eventDetails .button:focus,
.c-eventDetails .btn-primary--main-include:focus,
.c-eventDetails .btn-secondary--main-include:focus {
  text-decoration: none;
}
.c-eventDetails .button:only-of-type,
.c-eventDetails .btn-primary--main-include:only-of-type,
.c-eventDetails .btn-secondary--main-include:only-of-type,
.c-eventDetails .button:last-of-type,
.c-eventDetails .btn-primary--main-include:last-of-type,
.c-eventDetails .btn-secondary--main-include:last-of-type {
  margin: 0 0 20px 0;
}
.c-eventDetails .button.disabled-btn,
.c-eventDetails .btn-primary--main-include.disabled-btn,
.c-eventDetails .btn-secondary--main-include.disabled-btn,
.c-eventDetails .button.button--is-disabled,
.c-eventDetails .btn-primary--main-include.button--is-disabled,
.c-eventDetails .btn-secondary--main-include.button--is-disabled {
  background-color: #e6e6e6;
  color: #666;
  border-color: #e6e6e6;
  pointer-events: none;
}
.c-eventDetails .button.disabled-btn:hover,
.c-eventDetails .btn-primary--main-include.disabled-btn:hover,
.c-eventDetails .btn-secondary--main-include.disabled-btn:hover,
.c-eventDetails .button.button--is-disabled:hover,
.c-eventDetails .btn-primary--main-include.button--is-disabled:hover,
.c-eventDetails .btn-secondary--main-include.button--is-disabled:hover,
.c-eventDetails .button.disabled-btn:active,
.c-eventDetails .btn-primary--main-include.disabled-btn:active,
.c-eventDetails .btn-secondary--main-include.disabled-btn:active,
.c-eventDetails .button.button--is-disabled:active,
.c-eventDetails .btn-primary--main-include.button--is-disabled:active,
.c-eventDetails .btn-secondary--main-include.button--is-disabled:active,
.c-eventDetails .button.disabled-btn:focus,
.c-eventDetails .btn-primary--main-include.disabled-btn:focus,
.c-eventDetails .btn-secondary--main-include.disabled-btn:focus,
.c-eventDetails .button.button--is-disabled:focus,
.c-eventDetails .btn-primary--main-include.button--is-disabled:focus,
.c-eventDetails .btn-secondary--main-include.button--is-disabled:focus {
  text-decoration: none;
  cursor: default;
  background-color: #e6e6e6;
}
@media all and (max-width: 480px) {
  .c-eventDetails .button,
  .c-eventDetails .btn-primary--main-include,
  .c-eventDetails .btn-secondary--main-include {
    display: block;
    text-align: center;
    margin-right: 0;
    width: 100%;
  }
}
.c-eventDetails .button-primary--button-only {
  color: #ffffff;
  background-color: #007fa3;
}
.c-eventDetails .button-primary--button-only::after {
  opacity: .825;
  background-image: url('components/content/events/event-details/assets/icons/ic_chevron_white.svg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-left: 8px;
  width: 6px;
  height: 12px;
  content: "";
  display: inline-block;
  margin-bottom: -1px;
}
.c-eventDetails .button-primary--button-only:hover,
.c-eventDetails .button-primary--button-only:active,
.c-eventDetails .button-primary--button-only:focus {
  color: #003057;
  background-color: #ffffff;
  border-color: currentColor;
}
.c-eventDetails .button-primary--button-only:hover::after,
.c-eventDetails .button-primary--button-only:active::after,
.c-eventDetails .button-primary--button-only:focus::after {
  opacity: 1;
  background-image: url('components/content/events/event-details/assets/icons/ic_chevron_midnight-blue.svg');
}
.c-eventDetails .button--ctas {
  color: #003057;
  background-color: #d4eae4;
  border-color: #d4eae4;
  padding: 12px 1.66em;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  transition: all 0.135s ease;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  float: right;
}
.c-eventDetails .button--ctas:hover {
  color: #003057;
  background-color: #ffffff;
  border-color: #003057;
}
.c-eventDetails .button--ctas:after {
  background-image: none;
  width: 0;
  margin: 0;
}
.c-eventDetails span.c-eventDetails__presenter-link {
  font-weight: 600;
}
.c-eventDetails__tags {
  background-color: #f5f5f5;
  border-top: 5px solid #003057;
  padding: 30px 27px;
  margin: 0;
  height: max-content;
  flex: 1.4;
}
.c-eventDetails__tags ul {
  margin: 0;
  padding: 0;
}
.c-eventDetails__tags ul li {
  display: inline-block;
  line-height: 26px;
  letter-spacing: 0;
  padding: 0;
}
.c-eventDetails__tags ul li:not(:first-child):not(:last-child):after {
  content: ",";
  margin-right: 5px;
}
@media screen and (max-width: 992px) {
  .c-eventDetails .c-eventDetails__content {
    margin-right: 0;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenter {
    margin: 0;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations {
    display: flex;
    flex-direction: column;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__time {
    margin: 10px 0;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__register {
    margin-bottom: 10px;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations ul {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .c-eventDetails {
    display: block;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__tags {
    margin-top: 20px;
    margin-right: 30px;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations {
    display: flex;
    flex-direction: column;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__date {
    min-height: auto;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__register {
    margin: 10px 0 20px 0;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 481px) {
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenter {
    display: none;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingPresenterMobile {
    display: block;
    margin: 0 0 10px 0;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__register {
    margin: 10px 0 0px 0;
    text-align: center;
    width: 100%;
  }
  .c-eventDetails .c-eventDetails__content .c-eventDetails__upcomingInformations .c-eventDetails__date.startDate.nextDayEnding {
    margin-bottom: 10px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
EVENT
------------------------------------------------------------------------ */
.event {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .event {
    margin-bottom: 30px;
  }
}
.event li {
  list-style-type: none;
}
.event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) {
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) {
    font-size: inherit;
  }
}
.event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) ul {
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) ul {
    padding-left: 40px;
  }
}
.event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) ul li {
  margin: 0;
}
.event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) ul li span {
  padding-left: 4px;
}
.event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) .fa {
  font-size: 18px;
  float: left;
}
@media screen and (min-width: 768px) {
  .event-time:not(.c-eventDetails__date):not(.c-eventDetails__time) .fa {
    font-size: 28px;
  }
}
.event-address {
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .event-address {
    font-size: inherit;
  }
}
.event-address ul {
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .event-address ul {
    padding-left: 40px;
  }
}
.event-address ul li {
  margin: 0;
}
.event-address .fa {
  font-size: 18px;
  float: left;
}
@media screen and (min-width: 768px) {
  .event-address .fa {
    font-size: 28px;
  }
}
.event a:hover {
  cursor: pointer;
}
.event h2 {
  margin-bottom: 10px;
}
.event p {
  margin-bottom: 20px;
}
.event img {
  width: 100%;
  margin-bottom: 10px;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Dynamic content list.
------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {
  .dynamic-content-list {
    margin-bottom: 15px;
  }
}
.dynamic-content-list li {
  margin: 0 0 20px 0;
  list-style-type: none;
}
.dynamic-content-list-tile-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.dynamic-content-list-tags {
  list-style: none;
  overflow: auto;
}
.dynamic-content-list-tags li {
  margin: 0 5px 10px 0;
  float: left;
}
.dynamic-content-list ol {
  overflow: auto;
}
.dynamic-content-list h2 {
  margin-bottom: 15px;
}
.dynamic-content-list article {
  overflow: auto;
}
.dynamic-content-list article a {
  color: inherit;
}
.dynamic-content-list article a:hover {
  text-decoration: none;
}
.dynamic-content-list img {
  display: block;
  margin: 0 10px 0 0;
  float: left;
}
.dynamic-content-list div {
  float: left;
}
.dynamic-content-list a + div {
  margin-left: 0px;
}
.dynamic-content-list .no-image {
  margin-left: 0px;
  width: 100%;
}
.dynamic-content-list time {
  display: block;
  margin-bottom: 5px;
}
.dynamic-content-list h4 {
  overflow: hidden;
}

/*
* Project: Pearson DMCP
* Copyright(c): 2015
*/
/* ---------------------------------------------------------------------
LINK LIST
------------------------------------------------------------------------ */
.document-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .document-list {
    margin-bottom: 30px;
  }
}
.document-list-tile-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.document-list .document-list-tags {
  list-style: none;
  overflow: auto;
}
.document-list .document-list-tags li {
  margin: 0 5px 10px 0;
  float: left;
}
.document-list h2 {
  margin-bottom: 10px;
}
.document-list li {
  margin: 0 0 10px 0;
  list-style-type: none;
}
.document-list li .icon {
  display: inline-block;
  background-image: url('components/content/document-list/assets/images/sprite.png');
}
.document-list li .icon-DOC {
  background-position: -24px 0px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-DOCX {
  background-position: -72px 0px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-EPS {
  background-position: 0px -24px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-GIF {
  background-position: -24px -24px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-JPEG {
  background-position: -48px 0px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-JPG {
  background-position: -48px -24px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-MP3 {
  background-position: 0px -48px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-PDF {
  background-position: -24px -48px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-PNG {
  background-position: -48px -48px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-PPT {
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-PPTX {
  background-position: -72px -24px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-RTF {
  background-position: -72px -48px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-TXT {
  background-position: 0px -72px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-WAV {
  background-position: -24px -72px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-WMA {
  background-position: -48px -72px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-XLS {
  background-position: -72px -72px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-XLSX {
  background-position: -96px 0px;
  width: 24px;
  height: 24px;
}
.document-list li .icon-ZIP {
  background-position: -96px -24px;
  width: 24px;
  height: 24px;
}
.document-list li .fa-external-link:before {
  font-family: 'FontAwesome';
  font-size: 19px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/*
 * Cookie Notification
 */
.cookie-notification {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  font-size: 13px;
  line-height: 1.3636363636363635;
  background: #000000;
  color: #ffffff;
  min-height: 50px;
  padding: 15px 0;
}
.cookie-notification a {
  color: #ffffff;
  text-decoration: underline;
}
.cookie-notification a:focus {
  background-color: #ffffff;
  color: #000000;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
CONTENT TILE CSS
------------------------------------------------------------------------ */
.content-tile {
  width: 100%;
  overflow: auto;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .content-tile {
    margin-bottom: 20px;
  }
}
.content-tile figure a {
  color: inherit;
}
.content-tile figure a:hover {
  text-decoration: none;
}
.content-tile figure img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.content-tile-title {
  font-weight: bold;
}
.content-tile-title,
.content-tile h2,
.content-tile-text {
  margin-bottom: 10px;
}
.content-tile-subtitle {
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
.content-tile-tags {
  list-style: none;
  overflow: auto;
}
.content-tile-tags li {
  margin: 0 5px 10px 0;
  float: left;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Content Search Result List Component.
------------------------------------------------------------------------ */
.content-search-results-list {
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .content-search-results-list {
    margin-bottom: 30px;
  }
}
.content-search-results-list-results {
  width: 100%;
  overflow: inherit;
}
.content-search-results-list-results li {
  width: 100%;
  margin-bottom: 25px;
  list-style: none;
  margin-left: 0;
}
.content-search-results-list-results img {
  width: 100%;
  margin-right: 20px;
  float: left;
}
@media screen and (min-width: 768px) {
  .content-search-results-list-results img {
    width: 100%;
  }
}
.content-search-results-list-results img + div {
  margin-left: 0px;
}
.content-search-results-list-results .no-image {
  margin-left: 0px;
  width: 100%;
}
.content-search-results-list-results h2 {
  margin-bottom: 5px;
}
.content-search-results-list-results p {
  margin-bottom: 5px;
  cursor: default;
}
.content-search-results-list .pagination {
  list-style: none;
}
.content-search-results-list .pagination .pageNumber .hide {
  display: none;
}
.content-search-results-list .pagination li {
  float: left;
  cursor: pointer;
  padding-right: 10px;
}
.content-search-results-list .pagination .active {
  font-weight: 600;
}
.content-search-results-list .numbers {
  list-style: none;
}
.content-search-results-list .numbers li {
  float: left;
  cursor: pointer;
}
.content-search-results-list .numbers .selected,
.content-search-results-list .numbers .active {
  font-weight: bold;
}
.content-search-results-list-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.content-search-results-list-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -25px;
}
.content-search-results-list-highlight {
  font-weight: bold;
}
.content-search-results-list-hideLoader {
  position: static;
}
.content-search-results-list-showLoader {
  position: relative;
}
.content-search-results-list .prev {
  float: left;
}
@media screen and (max-width: 767px) {
  .content-search-results-list .prev {
    text-align: center;
    position: absolute;
  }
}
.content-search-results-list .current-page {
  text-align: center;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .content-search-results-list .current-page {
    display: none;
  }
}
.content-search-results-list .next {
  float: left;
}
@media screen and (max-width: 767px) {
  .content-search-results-list .next {
    text-align: center;
    position: absolute;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
COLUMN NAVIGATION CSS
------------------------------------------------------------------------ */
.column-nav {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .column-nav {
    margin-bottom: 30px;
  }
}
.column-nav-lvl1 {
  list-style: none;
}
.column-nav-lvl1 > li {
  margin: 0;
  padding: 0;
}
.column-nav-lvl1 > li > a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 15px 30px 15px 10px;
  border-top: 1px solid #cccccc;
  color: #333333;
}
.column-nav-lvl1 > li > a:hover,
.column-nav-lvl1 > li > a:focus {
  text-decoration: none;
  color: #000000;
  outline: 0;
}
@media screen and (min-width: 768px) {
  .column-nav-lvl1 > li > a {
    padding: 25px 35px 25px 30px;
  }
}
.column-nav-lvl2 {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  min-width: 100%;
}
.column-nav-lvl2 > li {
  margin: 0;
}
.column-nav-lvl2 > li > a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 15px 30px 15px 10px;
  border-top: 1px solid #cccccc;
  color: #333333;
  padding-left: 20px;
}
.column-nav-lvl2 > li > a:hover,
.column-nav-lvl2 > li > a:focus {
  text-decoration: none;
  color: #000000;
  outline: 0;
}
@media screen and (min-width: 768px) {
  .column-nav-lvl2 > li > a {
    padding: 25px 35px 25px 30px;
  }
}
@media screen and (min-width: 768px) {
  .column-nav-lvl2 > li > a {
    padding-left: 45px;
  }
}
.column-nav-lvl3 {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  min-width: 100%;
}
.column-nav-lvl3 > li {
  margin: 0;
}
.column-nav-lvl3 > li > a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 15px 30px 15px 10px;
  border-top: 1px solid #cccccc;
  color: #333333;
  padding-left: 30px;
}
.column-nav-lvl3 > li > a:hover,
.column-nav-lvl3 > li > a:focus {
  text-decoration: none;
  color: #000000;
  outline: 0;
}
@media screen and (min-width: 768px) {
  .column-nav-lvl3 > li > a {
    padding: 25px 35px 25px 30px;
  }
}
@media screen and (min-width: 768px) {
  .column-nav-lvl3 > li > a {
    padding-left: 60px;
  }
}
.column-nav-dropdown {
  position: relative;
}
.column-nav-toggle {
  display: inline-block;
  float: right;
  padding: 15px;
  margin-top: -11px;
  margin-right: -30px;
  background: transparent;
}
@media screen and (min-width: 768px) {
  .column-nav-toggle {
    padding: 10px;
    margin-top: -8px;
    margin-right: -20px;
  }
}
.column-nav-highlight {
  background-color: #cccccc;
  border-top: 1px solid #ffffff !important;
}
.column-nav .open > a {
  font-weight: bold;
}
.column-nav .open > .column-nav-lvl1,
.column-nav .open > .column-nav-lvl2,
.column-nav .open > .column-nav-lvl3 {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  display: block;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2019
 */
@media (min-width: 768px) {
  .col-10pct {
    -webkit-box-flex: 0;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-20pct {
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-80pct {
    -webkit-box-flex: 0;
    flex: 0 0 80%;
    max-width: 80%;
  }
}
.column-control {
  position: relative;
}
.column-control--bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
}
.column-control--mask-light-solid:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(225, 225, 225, 0.2);
}
.column-control--mask-light-gradient:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(225, 225, 225, 0.55) 0%, rgba(0, 0, 0, 0) 40%);
}
.column-control--mask-dark-solid:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}
.column-control--mask-dark-gradient:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(225, 225, 225, 0) 40%);
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Child page list component.
------------------------------------------------------------------------ */
.child-page-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .child-page-list {
    margin-bottom: 30px;
  }
}
.child-page-list-level-1 {
  overflow: hidden;
}
.child-page-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.child-page-list li {
  line-height: 30px;
  position: relative;
  margin: 0 0 0 5px;
}
.child-page-list li ul {
  padding-left: 15px;
}
.child-page-list-expand-collapse-button {
  float: right;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
}

/* breakpoints.variables.less
  ================================================== */
.big-gallery {
  overflow: hidden;
}
.gallery-slider {
  overflow: hidden;
}
.gallery-slider .slick-track {
  display: flex;
}
.gallery-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: -40px;
  margin: -70px 0 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  background: rgba(245, 245, 245, 0.5);
  border: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 100%;
  transition: background 0.3s;
}
.gallery-slider .slick-arrow:hover {
  background: rgba(245, 245, 245, 0.8);
}
.gallery-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.gallery-slider .slick-arrow:before {
  position: absolute;
  content: '';
  top: 50%;
  margin: -6px 0 0;
  right: 15px;
  width: 15px;
  height: 15px;
  border: black solid;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}
.gallery-slider .slick-arrow.gallery-next {
  left: auto;
  right: -40px;
}
.gallery-slider .slick-arrow.gallery-next:before {
  right: 51px;
  transform: rotate(-45deg);
}
.gallery-slider .slick-slide {
  padding: 0 0 70px;
  height: auto;
}
.gallery-slider .slick-slide iframe {
  display: none;
}
.gallery-slider .slick-slide.slick-current iframe {
  display: block;
}
.gallery-slider .zoom-button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #151515;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 7px;
  width: 48px;
  height: 48px;
  border: 0;
  overflow: hidden;
}
.gallery-slider .zoom-button:hover {
  background: #000;
}
@media (min-width: 768px) {
  .gallery-slider .zoom-button {
    padding: 7px 10px;
  }
}
.gallery-slider .zoom-button span {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.gallery-slider .youtube-video-frame {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-slider .youtube-video-frame iframe {
  border: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1.77777778;
}
.gallery-slider .youtube-video.youtube-video {
  outline: none;
  border: 1px solid #999;
  display: flex;
  height: 100%;
}
.gallery-slider .img-holder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-slider .img-holder .img-frame {
  position: relative;
  width: 100%;
}
.gallery-slider .img-holder picture {
  height: 100%;
}
.gallery-slider .img-holder img {
  width: 100%;
  object-fit: contain;
}
.gallery-slider h3,
.gallery-slider .carousel-title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  height: 70px;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.gallery-slider h3 .paging-info,
.gallery-slider .carousel-title .paging-info {
  margin: 0 5px 0 0;
}
.gallery-slider h3 span,
.gallery-slider .carousel-title span {
  align-self: flex-start;
  padding: 5px 10px;
  background: #F5F5F5;
}
.gallery-slider h3 span:nth-child(2),
.gallery-slider .carousel-title span:nth-child(2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-gallery-slider .slick-track {
  display: flex;
}
.nav-gallery-slider.slick-vertical .slick-track {
  display: block;
}
.nav-gallery-slider.slick-vertical .slick-track:before,
.nav-gallery-slider.slick-vertical .slick-track:after {
  display: none;
}
.nav-gallery-slider .slick-slide {
  padding: 0 5px;
}
@media (min-width: 1024px) {
  .nav-gallery-slider .slick-slide {
    padding: 0 10px;
  }
}
.nav-gallery-slider .slick-slide .video-thumbnail-item {
  position: relative;
  height: 100%;
}
.nav-gallery-slider .slick-slide .video-thumbnail-item::before {
  content: '';
  position: absolute;
  width: 36px;
  height: 26px;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: block;
  background-image: url("components/content/youtube-video/assets/images/youtube-play-icon.png");
  background-size: 100%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}
.nav-gallery-slider .slick-slide.slick-current {
  position: relative;
}
.nav-gallery-slider .slick-slide.slick-current:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 5px;
  right: 5px;
  border-bottom: 5px solid #FFBB1C;
}
@media (min-width: 1024px) {
  .nav-gallery-slider .slick-slide.slick-current:after {
    left: 10px;
    right: 10px;
  }
}
.nav-gallery-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.nav-gallery-slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 30px;
  background: rgba(245, 245, 245, 0.5);
  border: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 0 8px 8px 0;
  transition: background 0.3s;
}
.nav-gallery-slider .slick-arrow:hover {
  background: rgba(245, 245, 245, 0.8);
}
.nav-gallery-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.nav-gallery-slider .slick-arrow:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 1px;
  margin: -7px 0 0;
  width: 15px;
  height: 15px;
  border: black solid;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}
.nav-gallery-slider .slick-arrow.nav-gallery-next {
  left: auto;
  right: 0;
  border-radius: 8px 0 0 8px;
}
.nav-gallery-slider .slick-arrow.nav-gallery-next:before {
  right: 13px;
  transform: rotate(-45deg);
}
@media (max-width: 767.98px) {
  .portrait-mode .nav-gallery-slider .slick-slide {
    height: auto !important;
  }
}
.portrait-mode .nav-gallery-slider picture {
  height: 100%;
}
.portrait-mode .nav-gallery-slider img {
  height: 25vw;
}
@media (min-width: 768px) {
  .portrait-mode .nav-gallery-slider img {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .portrait-mode .big-gallery {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
  .portrait-mode .gallery-slider {
    width: 80%;
    margin: 0;
  }
  .portrait-mode .nav-gallery-slider {
    width: 20%;
    max-width: 165px;
    padding: 0 15px 0 0;
    margin: -5px 0 0;
    align-self: flex-start;
  }
  .portrait-mode .nav-gallery-slider .slick-slide {
    padding: 5px 0;
  }
  .portrait-mode .nav-gallery-slider .slick-slide.slick-current {
    position: relative;
  }
  .portrait-mode .nav-gallery-slider .slick-slide.slick-current:after {
    position: absolute;
    content: '';
    bottom: 5px;
    left: 0;
    right: 0;
    border-bottom: 5px solid #FFBB1C;
  }
  .portrait-mode .nav-gallery-slider .slick-arrow {
    top: 5px;
    left: 0;
    right: 15px;
    bottom: auto;
    width: auto;
    height: 30px;
    border-radius: 0 0 8px 8px;
  }
  .portrait-mode .nav-gallery-slider .slick-arrow:before {
    top: 13px;
    right: 50%;
    margin: 0 -7px 0 0;
    transform: rotate(-135deg);
  }
  .portrait-mode .nav-gallery-slider .slick-arrow.nav-gallery-next {
    top: auto;
    bottom: 5px;
    border-radius: 8px 8px 0 0;
  }
  .portrait-mode .nav-gallery-slider .slick-arrow.nav-gallery-next:before {
    top: 4px;
    transform: rotate(45deg);
  }
}
.square-mode .nav-gallery-slider {
  max-width: 690px;
  margin: 0 auto;
}
.square-mode .nav-gallery-slider img {
  aspect-ratio: 1;
}
.landscape-mode .nav-gallery-slider {
  max-width: 690px;
  margin: 0 auto;
}
.landscape-mode .nav-gallery-slider img {
  aspect-ratio: 1.6;
}
.videos-thumbnails-layout.portrait-mode .gallery__slider-slide-img {
  height: auto;
}
.videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-title,
.videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 10px 0 0.125em;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  font-size: 14px;
}
.videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-subtitle {
  display: none;
}
@media screen and (min-width: 768px) {
  .videos-thumbnails-layout.portrait-mode .nav-gallery-slider {
    width: 40%;
    max-width: 400px;
  }
  .videos-thumbnails-layout.portrait-mode .nav-gallery-slider .slick-slide.slick-current .gallery__slider-slide-descr::after {
    display: block;
  }
  .videos-thumbnails-layout.portrait-mode .nav-gallery-slider .slick-slide.slick-current::after {
    display: none;
  }
  .videos-thumbnails-layout.portrait-mode .gallery-slider {
    width: 60%;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide {
    display: flex;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-img {
    flex: 0.4;
    height: 100%;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr {
    flex: 0.6;
    position: relative;
    height: 100%;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-title,
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-subtitle {
    padding: 5px 10px 0 10px;
    font-size: 14px;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    width: 5px;
    height: 100%;
    background: #FFBB1C;
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .videos-thumbnails-layout.portrait-mode .nav-gallery-slider {
    width: 30%;
    max-width: 400px;
  }
  .videos-thumbnails-layout.portrait-mode .gallery-slider {
    width: 70%;
  }
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 1390px) {
  .videos-thumbnails-layout.portrait-mode .gallery__slider-slide-descr-subtitle {
    display: -webkit-box;
  }
}
.gallery-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 21, 21, 0.7);
  overflow: hidden;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.gallery-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  padding: 0;
  border-radius: 100%;
  background: white;
  cursor: pointer;
  z-index: 1;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .gallery-popup-close {
    top: 20px;
    right: 20px;
  }
}
.gallery-popup-close:before,
.gallery-popup-close:after {
  position: absolute;
  content: '';
  top: 17px;
  left: 6px;
  right: 6px;
  height: 2px;
  background: black;
  transform: rotate(45deg);
}
.gallery-popup-close:after {
  transform: rotate(-45deg);
}
.gallery-popup .popup-zoom-button {
  position: absolute;
  left: 70px;
  top: 10px;
  z-index: 1;
  background: #151515;
  border: 0;
  color: white;
  padding: 12px 12px 8px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .gallery-popup .popup-zoom-button {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 20px;
  }
}
.gallery-popup .popup-zoom-button.button-zoom-in {
  left: 10px;
}
@media (min-width: 768px) {
  .gallery-popup .popup-zoom-button.button-zoom-in {
    top: auto;
    left: auto;
    right: 75px;
  }
}
.gallery-popup .popup-zoom-button[disabled] {
  color: #505759;
  background: white;
  cursor: not-allowed;
}
.gallery-popup .img-zoom {
  height: 100%;
  overflow: auto;
  pointer-events: none;
  scroll-snap-type: both;
}
.gallery-popup .img-zoom::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}
.gallery-popup .img-zoom::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}
.gallery-popup .img-zoom::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.gallery-popup .img-zoom picture {
  height: 100%;
}
.gallery-popup .img-zoom img {
  pointer-events: auto;
  height: 100%;
  min-height: 100%;
  max-height: 400%;
  min-width: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  transition: height 0.2s, width 0.2s, max-width 0.2s;
  margin: 0 auto;
  scroll-snap-align: center;
}
.gallery-popup button,
.gallery-popup .slick-slide {
  visibility: hidden;
}
.gallery-popup-active .gallery-popup {
  z-index: 10000;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.5s;
}
.gallery-popup-active .gallery-popup button,
.gallery-popup-active .gallery-popup .slick-slide {
  visibility: visible;
}
.popup-gallery-slider {
  height: 100%;
}
.popup-gallery-slider .slick-list,
.popup-gallery-slider .slick-track,
.popup-gallery-slider .slick-slide {
  height: 100%;
}
.popup-gallery-slider h3,
.popup-gallery-slider .carousel-title {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
  color: #151515;
  display: flex;
}
@media (min-width: 768px) {
  .popup-gallery-slider h3,
  .popup-gallery-slider .carousel-title {
    bottom: 20px;
    left: 50%;
    right: auto;
    max-width: 700px;
    transform: translateX(-50%);
  }
}
.popup-gallery-slider h3 .paging-info,
.popup-gallery-slider .carousel-title .paging-info {
  margin: 0 5px 0 0;
}
.popup-gallery-slider h3 span,
.popup-gallery-slider .carousel-title span {
  align-self: flex-start;
  padding: 5px 10px;
  background: #F5F5F5;
}
.popup-gallery-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: -40px;
  margin: -40px 0 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: rgba(245, 245, 245, 0.5);
  border: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  transition: background 0.3s;
}
.popup-gallery-slider .slick-arrow:hover {
  background: rgba(245, 245, 245, 0.8);
}
.popup-gallery-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.popup-gallery-slider .slick-arrow:before {
  position: absolute;
  content: '';
  top: 50%;
  margin: -10px 0 0;
  right: 11px;
  width: 20px;
  height: 20px;
  border: black solid;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
  z-index: 1;
}
@media (min-width: 768px) {
  .popup-gallery-slider .slick-arrow.popup-gallery-prev {
    background: none;
    left: 100px;
  }
  .popup-gallery-slider .slick-arrow.popup-gallery-prev::before {
    right: 8px;
  }
  .popup-gallery-slider .slick-arrow.popup-gallery-prev::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 80px;
    background: rgba(245, 245, 245, 0.5);
    transition: background 0.3s;
  }
  .popup-gallery-slider .slick-arrow.popup-gallery-prev:hover::after {
    background: rgba(245, 245, 245, 0.8);
  }
}
.popup-gallery-slider .slick-arrow.popup-gallery-next {
  left: auto;
  right: -40px;
}
@media (min-width: 768px) {
  .popup-gallery-slider .slick-arrow.popup-gallery-next {
    left: auto;
  }
}
.popup-gallery-slider .slick-arrow.popup-gallery-next:before {
  right: 51px;
  transform: rotate(-45deg);
}
.popup-nav-gallery-slider-holder {
  position: absolute !important;
  top: 20px;
  left: -200px;
  bottom: 20px;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .popup-nav-gallery-slider-holder {
    left: 20px;
    visibility: visible;
  }
}
.popup-nav-gallery-slider-holder .slick-slider {
  width: 120px;
}
.popup-nav-gallery-slider-holder .slick-vertical .slick-track {
  display: block;
}
.popup-nav-gallery-slider-holder .slick-slide {
  padding: 5px 0;
}
.popup-nav-gallery-slider-holder .slick-slide picture {
  height: 100%;
}
.popup-nav-gallery-slider-holder .slick-slide img {
  max-height: 100%;
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.landscape-mode .popup-nav-gallery-slider-holder .slick-slide img {
  height: 70px;
}
.square-mode .popup-nav-gallery-slider-holder .slick-slide img {
  height: 120px;
}
.popup-nav-gallery-slider-holder .slick-slide.slick-current {
  position: relative;
}
.popup-nav-gallery-slider-holder .slick-slide.slick-current:after {
  position: absolute;
  content: '';
  bottom: 5px;
  left: 0;
  right: 0;
  border-bottom: 5px solid #ffbb1c;
}
.popup-nav-gallery-slider-holder .slick-arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 30px;
  background: rgba(245, 245, 245, 0.5);
  border: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  transition: background 0.3s;
  border-radius: 0 0 8px 8px;
}
.popup-nav-gallery-slider-holder .slick-arrow:hover {
  background: rgba(245, 245, 245, 0.8);
}
.popup-nav-gallery-slider-holder .slick-arrow.slick-disabled {
  display: none !important;
}
.popup-nav-gallery-slider-holder .slick-arrow:before {
  position: absolute;
  content: '';
  top: 16px;
  right: 50%;
  margin: 0 -8px 0 0;
  width: 15px;
  height: 15px;
  border: black solid;
  border-width: 0 2px 2px 0;
  transform: rotate(225deg);
}
.popup-nav-gallery-slider-holder .slick-arrow.popup-nav-gallery-next {
  top: auto;
  bottom: 0;
  border-radius: 8px 8px 0 0;
}
.popup-nav-gallery-slider-holder .slick-arrow.popup-nav-gallery-next:before {
  top: 5px;
  transform: rotate(45deg);
}
.cq-Editable-dom .gallery-popup,
.cq-Editable-dom .zoom-button,
.cq-Editable-dom .slick-arrow,
.cq-Editable-dom .paging-info {
  display: none !important;
}
.cq-Editable-dom .portrait-mode .big-gallery {
  display: block !important;
}
.cq-Editable-dom .gallery-slider {
  width: 100%;
}
.cq-Editable-dom .nav-gallery-slider {
  width: 100% !important;
  max-width: 100% !important;
}
.cq-Editable-dom .nav-gallery-slider .slick-list,
.cq-Editable-dom .nav-gallery-slider .slick-track {
  width: auto !important;
  height: auto !important;
}
.cq-Editable-dom .nav-gallery-slider .slick-track {
  display: flex !important;
  flex-wrap: wrap !important;
}
.cq-Editable-dom .nav-gallery-slider .slick-slide {
  width: 25% !important;
  padding: 5px !important;
}
.cq-Editable-dom .nav-gallery-slider .slick-slide:after {
  display: none !important;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Carousel
------------------------------------------------------------------------ */
.carousel {
  position: relative;
  padding: 0px 0px 40px;
  margin-bottom: 15px;
  min-height: 100px;
}
@media screen and (min-width: 768px) {
  .carousel {
    padding: 0px;
    margin-bottom: 30px;
  }
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  position: fixed;
  left: -9999px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}
.carousel-inner .active {
  opacity: 1;
  position: relative;
  left: 0px;
}
.carousel-inner img {
  width: 100%;
  overflow: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .carousel-inner img {
    min-height: 190px;
  }
}
.carousel-anchor {
  display: block;
  width: 100%;
  clear: both;
  cursor: pointer;
  color: inherit;
}
.carousel-anchor:hover {
  text-decoration: none;
}
.carousel-caption {
  width: 100%;
  overflow: auto;
  margin-top: 10px;
  color: black;
}
@media screen and (min-width: 768px) {
  .carousel-caption {
    width: 50%;
    position: absolute;
    top: 0px;
    margin-top: 20px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .carousel-caption {
    width: 70%;
  }
}
.carousel-no-image {
  position: relative;
}
.carousel-title {
  width: 100%;
  display: block;
  text-align: left;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .carousel-title {
    width: 80%;
  }
}
.carousel-text {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  clear: both;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .carousel-text {
    width: 80%;
  }
}
.carousel-control {
  display: none;
  background: none;
}
@media screen and (min-width: 768px) {
  .carousel-control {
    position: absolute;
    top: calc(-20px - -50%);
    left: 15px;
  }
  .carousel-control.left {
    font-size: 40px;
    cursor: pointer;
  }
  .carousel-control.right {
    font-size: 40px;
    left: auto;
    right: 15px;
    cursor: pointer;
  }
}
.carousel-indicators {
  position: absolute;
  left: 50%;
  z-index: 15;
  width: 60%;
  bottom: 0px;
  margin: 0 0 0 -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
  bottom: 10px;
}
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px;
  text-indent: -999px;
  border: solid 1px #000000;
  border-radius: 15px;
  cursor: pointer;
  background-color: #cccccc;
}
.carousel-indicators .active {
  margin: 0;
  width: 16px;
  height: 16px;
  background-color: #000000;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Breadcrumb
------------------------------------------------------------------------ */
.breadcrumb {
  overflow: auto;
  max-width: 100%;
  margin-bottom: 5px;
  color: #555555;
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    margin-bottom: 20px;
  }
}
.breadcrumb li {
  margin-left: 0;
  list-style-type: none;
  float: left;
  margin-bottom: 10px;
}
.breadcrumb a {
  margin-right: 10px;
  float: left;
  cursor: pointer;
  color: #555555;
}
.breadcrumb a:hover {
  color: #333333;
}
.breadcrumb p {
  margin-right: 10px;
  float: left;
  cursor: default;
}
.breadcrumb span {
  padding-right: 10px;
  float: left;
}
.breadcrumb-wrapper-nav-hide {
  display: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
BLOG POST CSS
------------------------------------------------------------------------ */
.blog-post {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .blog-post {
    margin-bottom: 30px;
  }
}
.blog-post header {
  overflow: auto;
  padding-bottom: 15px;
}
.blog-post header img {
  width: 50px;
  float: right;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .blog-post header img {
    width: 60px;
  }
}
.blog-post header p {
  float: left;
  margin-bottom: 0;
}
.blog-post header span {
  padding-left: 4px;
}
.blog-post h1 {
  width: calc(-55px - -100%);
  float: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .blog-post h1 {
    width: calc(-65px - -100%);
  }
}
.blog-post img {
  width: 100%;
  margin-bottom: 15px;
}
.blog-post p {
  margin-bottom: 15px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
BLOG-LIST CSS
------------------------------------------------------------------------ */
.blog-list {
  max-width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .blog-list {
    margin-bottom: 30px;
  }
}
.blog-list li {
  list-style-type: none;
  margin: 0;
}
.blog-list article {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .blog-list article {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.blog-list article img {
  width: 100%;
  margin-bottom: 10px;
}
.blog-list header {
  overflow: auto;
  padding-bottom: 10px;
}
.blog-list header img {
  width: 50px;
  float: right;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .blog-list header img {
    width: 60px;
  }
}
.blog-list header p {
  float: left;
  margin-bottom: 0;
}
.blog-list header span {
  padding-left: 4px;
}
.blog-list h2 {
  width: calc(-55px - -100%);
  float: left;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .blog-list h2 {
    width: calc(-65px - -100%);
  }
}
.blog-list p {
  margin-bottom: 10px;
}
.blog-list-readmore {
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: bold;
}
.blog-list nav {
  min-height: 30px;
}
.blog-list-nav-left {
  float: left;
  font-weight: bold;
  cursor: pointer;
}
.blog-list-nav-right {
  float: right;
  font-weight: bold;
  cursor: pointer;
}
.blog-list-feed {
  color: #ffa500;
  cursor: pointer;
  font-size: 28px;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 25px;
}
.blog-list-feed:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .blog-list-feed {
    margin-top: 50px;
  }
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
BILIBILI VIDEO CSS
------------------------------------------------------------------------ */
.bilibili-video {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  margin-bottom: 15px;
  border: 1px solid #919191;
  pointer-events: none;
  aspect-ratio: 1.77777778;
  width: unset;
  height: unset;
  overflow: unset;
  padding-bottom: unset;
  max-width: 100%;
}
* + .bilibili-video {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .bilibili-video {
    margin-bottom: 30px;
  }
}
.bilibili-video__img-overlay {
  width: 100%;
  height: 100%;
  background: #00000080;
  position: absolute;
  top: 0;
  left: 0;
}
.bilibili-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.bilibili-video__iframe--inline + .bilibili-video__wrapper.current-dialog-trigger {
  visibility: hidden;
  opacity: 0;
}
.bilibili-video__iframe--modal {
  display: none;
}
.bilibili-video__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border: none;
  background: none;
  transition: 0.2s all;
  z-index: 10;
}
.bilibili-video__img {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.bilibili-video__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bilibili-video__play-img {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: block;
  background-image: url("components/content/bilibili-video/assets/images/play-bilibili.svg");
}
.bilibili-video__modal-container {
  border: none !important;
  background: white;
  border-radius: 0 !important;
  overflow: inherit !important;
  z-index: 10000 !important;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  width: 90vw !important;
  max-width: 1200px;
  height: auto !important;
  padding: 0;
  background: none;
}
.bilibili-video__modal {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 1;
  background-color: #FFF;
}
.bilibili-video__modal iframe {
  display: block;
}
.bilibili-video__cross-icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 26px !important;
  color: #000;
  float: right;
  margin-right: 20px;
  margin-top: 5px;
  cursor: pointer;
  width: 40px;
  border: none;
  background: none;
  z-index: 10001;
}
.bilibili-video__container {
  position: relative;
  width: 100%;
  margin-top: 48px;
  clear: both;
  aspect-ratio: 1.77777778;
  width: unset;
  height: unset;
  overflow: unset;
  padding-bottom: unset;
  max-width: 100%;
  outline: transparent solid 2px;
  transition: outline 0.125s ease-in-out;
}
.bilibili-video__overlay {
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  display: none;
  flex-flow: row nowrap;
  padding: 20px 40px;
  max-height: 100%;
  overflow-y: auto;
  pointer-events: auto;
  gap: 20px;
}
.bilibili-video__overlay-text {
  color: #333;
}
.bilibili-video__overlay-header {
  font-size: 18px;
  line-height: 110%;
  font-weight: 700;
  margin-bottom: 10px;
  color: #151515;
}
.bilibili-video__overlay-action {
  align-self: center;
  background: #9e007e;
  color: #fefefe;
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 30px;
  font-weight: 600;
  border: 0;
  white-space: nowrap;
}
.bilibili-video__overlay-action:hover {
  background: #be4b90;
  transform: scale(1.05);
  transition: 0.3s;
}
.bilibili-video.isOverlay .bilibili-video__overlay {
  display: flex;
}
.bilibili-video.isPolicyActive {
  pointer-events: auto;
}
.bilibili-video.isPolicyActive .bilibili-video__overlay {
  display: none;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
AUTHOR LIST CSS
------------------------------------------------------------------------ */
.author-list {
  max-width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .author-list {
    margin-bottom: 30px;
  }
}
.author-list h3 {
  margin-bottom: 15px;
}
.author-list li {
  margin-left: 0;
  margin-bottom: 15px;
  list-style-type: none;
}
.author-list .selected {
  font-weight: bold;
}
.author-list a {
  cursor: pointer;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
ARTICLE CSS
------------------------------------------------------------------------ */
.article {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .article {
    margin-bottom: 30px;
  }
}
.article h1 {
  margin-bottom: 15px;
}
.article img {
  width: 100%;
  margin-bottom: 15px;
}
.article p {
  margin-bottom: 14px;
}
.article p:last-child {
  margin-bottom: 15px;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
ARCHIVE LIST CSS
------------------------------------------------------------------------ */
.archive-list {
  max-width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .archive-list {
    margin-bottom: 30px;
  }
}
.archive-list h3 {
  margin-bottom: 15px;
}
.archive-list li {
  margin-left: 0;
  margin-bottom: 15px;
  list-style-type: none;
}
.archive-list .selected {
  font-weight: bold;
}
.archive-list a {
  cursor: pointer;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    Accordion component.
------------------------------------------------------------------------ */
.accordion {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .accordion {
    margin-bottom: 30px;
  }
}
.accordion-panel-header {
  cursor: pointer;
}
.accordion-panel-header a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.accordion-panel-header a:hover {
  text-decoration: none;
}
.accordion-panel-content {
  border: 1px solid #c6c6c6;
}
.accordion-panel-show {
  position: static;
}
.accordion-panel-hide {
  left: -9999px;
  position: absolute;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Related items list.
------------------------------------------------------------------------ */
.related-items-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .related-items-list {
    margin-bottom: 30px;
  }
}
.related-items-list h3 {
  margin-bottom: 15px;
}
.related-items-list p,
.related-items-list h6 {
  margin-bottom: 10px;
}
.related-items-list a {
  display: inline-block;
  margin-bottom: 10px;
}
.related-items-list a img {
  margin-bottom: 0;
}
.related-items-list img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}
.related-items-list li {
  margin-left: 0;
  list-style-type: none;
}
.related-items-list-item li {
  margin-bottom: 15px;
}
.related-items-list .item-attribute-multivalue-list {
  clear: both;
}
.related-items-list .item-attribute-multivalue-list li {
  border: none;
  display: inline;
}
.related-items-list .item-attribute-multivalue-list p {
  display: inline-block;
}
.related-items-list .item-attribute-label {
  display: inline;
}
.related-items-list .form-control {
  margin-bottom: 10px;
}
.related-items-list .submit-button {
  margin-bottom: 10px;
  cursor: pointer;
}
.related-items-list-message {
  margin-bottom: 10px;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.related-items-list .icon-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search results sort.
------------------------------------------------------------------------ */
.product-search-results-sort {
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-results-sort {
    margin-bottom: 30px;
  }
}
.product-search-results-sort-label {
  padding: 8px;
  min-width: 10%;
}
.product-search-results-sort-wrapper {
  float: left;
}

/* ---------------------------------------------------------------------
        PEARSON MARKETING CLOUD
      _______________________

        Product search results pagination.
------------------------------------------------------------------------ */
.product-search-results-pagination {
  min-height: 30px;
}
.product-search-results-pagination ul {
  list-style: none;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-results-pagination ul {
    margin-bottom: 30px;
  }
}
.product-search-results-pagination ul li {
  margin-left: 15px;
}
.product-search-results-pagination .page-number {
  display: inline-block;
}
.product-search-results-pagination .selected {
  font-weight: bold;
}
.product-search-results-pagination .disabled {
  display: none;
}
@media screen and (min-width: 768px) {
  .left-tab-panel .product-search-results-list {
    margin-bottom: 0px;
  }
}
.product-search-results-pagination.section.new-pagination {
  display: block !important;
}
.product-search-results-pagination .product-search-results-pagination-container nav {
  width: 100%;
}
body .product-search-results-pagination .product-search-results-pagination-container ul li a {
  pointer-events: inherit;
  pointer-events: visible;
}
.product-search-results-pagination .product-search-results-pagination-container ul li.selected a {
  font-weight: bold;
  color: #003057;
  pointer-events: none;
}
.product-search-results-pagination .product-search-results-pagination-container ul li.ais-pagination--item__last {
  display: none;
}
.product-search-results-pagination .product-search-results-pagination-container ul li.next,
.product-search-results-pagination .product-search-results-pagination-container ul li.prev {
  background: none;
  color: #333;
  padding-left: 0;
}
.product-search-results-pagination .product-search-results-pagination-container ul li.next:hover,
.product-search-results-pagination .product-search-results-pagination-container ul li.prev:hover {
  background: none;
}
.product-search-results-pagination.new-pagination + .visible-pagination {
  display: none;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search results list.
------------------------------------------------------------------------ */
.product-search-results-list {
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-results-list {
    margin-bottom: 30px;
  }
}
.product-search-results-list li {
  overflow: auto;
  list-style: none;
  margin-left: 0;
}
.product-search-results-list h3 {
  margin-bottom: 10px;
}
.product-search-results-list div[class^="attribute-"] {
  margin-bottom: 10px;
}
.product-search-results-list article {
  overflow: auto;
}
.product-search-results-list a {
  cursor: pointer;
}
.product-search-results-list p {
  cursor: default;
}
.product-search-results-list img {
  float: left;
}
.product-search-results-list .attribute-multivalue-list {
  list-style-type: none;
}
.product-search-results-list .attribute-multivalue-list li {
  display: inline-block;
}
.product-search-results-list .attribute-multivalue-list li .delimiter {
  margin-left: 5px;
}
.product-search-results-list .attribute-multivalue-list li:last-child .delimiter {
  display: none;
}
.product-search-results-list .no-image {
  margin-left: 0px;
  width: 100%;
}

/* ---------------------------------------------------------------------
        PEARSON MARKETING CLOUD
      _______________________

        Product search results count.
------------------------------------------------------------------------ */
.product-search-results-count {
  min-height: 30px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-results-count {
    margin-bottom: 30px;
  }
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product facets
------------------------------------------------------------------------ */
.product-search-facets {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-facets {
    margin-bottom: 30px;
  }
}
.product-search-facets-root.ais-root__collapsed .product-search-facets-list {
  display: none;
}
.product-search-facets-header span {
  float: right;
}
.product-search-facets-header a:before {
  content: "";
}
.product-search-facets-list {
  overflow: auto;
}
.product-search-facets-list-item {
  margin: 0;
}
.product-search-facets-list-item a,
.product-search-facets-list-item p {
  margin-bottom: 10px;
}
.product-search-facets-list-item a:before,
.product-search-facets-list-item p:before {
  content: '\f096';
  font-family: Fontawesome;
  padding-right: 5px;
}
.product-search-facets-list-item a:hover,
.product-search-facets-list-item p:hover {
  text-decoration: none;
}
.product-search-facets-list-item.selected {
  font-weight: bold;
}
.product-search-facets-list-item.selected a:before,
.product-search-facets-list-item.selected p:before {
  content: '\f046';
  font-family: Fontawesome;
  padding-right: 5px;
}
.product-search-facets-selected-delete-icon {
  cursor: pointer;
  padding: 5px;
  float: right;
}
.product-search-facets-selected-delete-icon:hover {
  text-decoration: none;
}
.product-search-facets-selected-title {
  width: 90%;
  display: inline-block;
}
.product-search-facets-selected-list-item {
  clear: both;
}
.product-search-facets-selected-list-item a:before {
  content: "\f00d";
}
.product-search-facets-selected-list-item:last-child {
  padding-bottom: 20px;
}
.product-search-facets .show-more-less {
  background: transparent;
  cursor: pointer;
}

/* ---------------------------------------------------------------------
        PEARSON MARKETING CLOUD
      _______________________

        Product search box.
------------------------------------------------------------------------ */
.product-search-box {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-search-box {
    margin-bottom: 30px;
  }
}
.product-search-box-container {
  position: relative;
}
.product-search-box input {
  width: 100%;
  padding: 0px 25px 0px 5px;
}
.product-search-box-icon {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(components/commerce/content/product-search-box/images/icon_search.png) top left no-repeat;
  background-size: contain;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product category component.
------------------------------------------------------------------------ */
.product-category {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .product-category {
    margin-bottom: 30px;
  }
}
.product-category ul {
  list-style: none;
  margin: 0 0 0 20px;
}
.product-category > ul,
.product-category li {
  margin: 0;
}
.product-category a {
  display: inline-block;
}
.product-category a:hover {
  text-decoration: none;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Item title
------------------------------------------------------------------------ */
.item-title {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .item-title {
    margin-bottom: 30px;
  }
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Item image gallery component.
------------------------------------------------------------------------ */
.item-image-gallery {
  position: relative;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .item-image-gallery {
    margin-bottom: 30px;
  }
}
.item-image-gallery-inner {
  position: relative;
  overflow: hidden;
}
.item-image-gallery-inner .item {
  position: fixed;
  left: -9999px;
  opacity: 0;
  margin: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}
.item-image-gallery-inner .active {
  opacity: 1;
  position: relative;
  left: 0px;
}
.item-image-gallery-inner img {
  width: 100%;
  overflow: auto;
  display: block;
}
.item-image-gallery ul {
  list-style: none;
}
.item-image-gallery-control {
  display: none;
  position: absolute;
  z-index: 999;
}
.item-image-gallery-control:hover {
  text-decoration: none;
}
.item-image-gallery-control:focus {
  outline: none;
}
@media screen and (min-width: 768px) {
  .item-image-gallery-control.left {
    left: 0;
  }
  .item-image-gallery-control.right {
    right: 0;
  }
}
.item-image-gallery-indicators {
  overflow: hidden;
}
.item-image-gallery-indicators li {
  float: left;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.item-image-gallery-modal-icon {
  display: none;
  position: absolute;
  z-index: 1000;
  cursor: pointer;
}
.item-image-gallery-modal-icon:focus {
  outline: none;
}
.item-image-gallery-modal-icon.open {
  right: 15px;
  top: 15px;
}
.item-image-gallery-modal-icon.close {
  right: -40px;
  top: -40px;
}
.item-image-gallery-modal-container {
  border: none;
  padding: 0;
  border-radius: 0px;
  margin: 0px;
  overflow: inherit;
  z-index: 10000!important;
  width: 84%!important;
  left: 8%!important;
  top: 50px!important;
}
.item-image-gallery-modal-container.ui-widget .open {
  display: none!important;
}
.item-image-gallery-modal-container.ui-widget .close {
  display: block;
}
.item-image-gallery-modal-container .item-image-gallery-container {
  text-align: center;
  position: relative;
  margin: 0 auto;
  outline: none;
}
.item-image-gallery-modal-container .item-image-gallery-inner li {
  display: inline-block;
}
.item-image-gallery-modal-container .item-image-gallery-inner img {
  width: auto;
  max-width: 80%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .item-image-gallery-modal-container + .ui-widget-overlay {
    display: none!important;
  }
}
.item-image-gallery-modal {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  overflow: visible!important;
  display: none;
}
.item-image-gallery .swipe-image {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
  overflow: hidden;
  color: white;
  display: none;
}
@media screen and (max-width: 767px) {
  .item-image-gallery .swipe-image {
    display: table;
  }
}
.item-image-gallery .swipe-image div {
  display: table-cell;
  vertical-align: middle;
}
.item-image-gallery .swipe-image img {
  width: 200px;
  height: 218.666666666px;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Item image
------------------------------------------------------------------------ */
.item-image {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .item-image {
    margin-bottom: 30px;
  }
}
.item-image img {
  width: 100%;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Item attribute
------------------------------------------------------------------------ */
.item-attribute {
  margin-bottom: 15px;
}
.item-attribute p {
  display: inline;
}
.item-attribute-label {
  font-weight: bold;
}
.item-attribute a {
  cursor: pointer;
}
.item-attribute-multivalue-list {
  clear: both;
}
.item-attribute-multivalue-list li {
  margin: 0;
  display: inline;
}
.item-attribute-multivalue-list p {
  display: inline-block;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Featured product list.
------------------------------------------------------------------------ */
.featured-product-list {
  overflow: auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .featured-product-list {
    margin-bottom: 30px;
  }
}
.featured-product-list li {
  overflow: auto;
  list-style: none;
}
.featured-product-list a {
  cursor: pointer;
}
.featured-product-list p {
  cursor: default;
}
.featured-product-list img {
  float: left;
  margin-right: 20px;
}
.featured-product-list .no-image {
  margin-left: 0;
  width: 100%;
}

/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Category child list component.
------------------------------------------------------------------------ */
.category-child-list {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .category-child-list {
    margin-bottom: 30px;
  }
}
.category-child-list-level-1 {
  overflow: hidden;
}
.category-child-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.category-child-list li {
  line-height: 30px;
  position: relative;
  margin: 0 0 0 5px;
  clear: both;
}
.category-child-list li ul {
  padding-left: 15px;
}
.category-child-list-has-child {
  float: left;
  width: calc(-32px - -100%);
}
.category-child-list-expand-collapse-button {
  float: right;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
}

/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
While adding in css.txt we are not able to access variable from one less file into another. 
Hence loading all less files in one major less file and including this in css.txt
------------------------------------------------------------------------ */
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* -------------------------
FONT PATH
------------------------- */
/* Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('components/page/base-page/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('components/page/base-page/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('components/page/base-page/fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
/* Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('components/page/base-page/fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
/* ---------------------------------------------------------------------
RESET CSS
------------------------------------------------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
center,
dl,
dt,
dd,
button,
ul,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}
/* ---------------------------------------------------------------------
Base Styles
------------------------------------------------------------------------ */
html,
body {
  height: auto;
}
a {
  text-decoration: none;
  color: #0089b7;
}
a:hover {
  text-decoration: underline;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}
li {
  margin: 0 0 0 1.5em;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}
/* Not letting iOS and WinMobile mobile-optimize text for you */
html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  font-family: "Open Sans", "Gill Sans", "Gill Sans MT", Calibri, sans-serif, Verdana;
  font-size: 14px;
  line-height: 1.30769;
  color: #333333;
}
h1 {
  font-size: 34px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
  font-weight: bold;
}
h5 {
  font-size: 16px;
  font-weight: bold;
}
h6 {
  font-size: 14px;
  font-weight: bold;
}
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Layout Wrappers
------------------------------------------------------------------------ */
.site-hd {
  position: relative;
  z-index: 10;
  /* position above .site-bd */
  *zoom: 1;
  min-height: 100px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .site-hd {
    min-height: 90px;
    margin-bottom: 30px;
  }
}
.site-bd {
  display: block;
  overflow: auto;
  height: auto;
  position: relative;
  z-index: 0;
  min-height: 350px;
}
@media screen and (min-width: 992px) {
  .site-bd {
    min-height: 650px;
  }
}
.site-ft {
  overflow: auto;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
div.image {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  div.image {
    margin-bottom: 30px;
  }
}
div.image img {
  width: 100%;
}
div.title {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  div.title {
    margin-bottom: 30px;
  }
}
div.text {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  div.text {
    margin-bottom: 30px;
  }
}
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Header
------------------------------------------------------------------------ */
body > header {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  body > header {
    margin-bottom: 30px;
  }
}
body > header section.column-control {
  position: relative;
  min-height: 50px;
  background-color: #333333;
}
.header {
  position: relative;
}
.box-shadow {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.header a:focus {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.header-body {
  position: relative;
  min-height: 50px;
  background-color: #333333;
  border-bottom: 1px solid #333333;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Billing details component
------------------------------------------------------------------------ */
.billing-details label {
  position: absolute;
  text-indent: -9999px;
}
.billing-details-copy-address label,
.billing-details-tax-exemption-option label {
  position: static;
  text-indent: 0;
}
.billing-details-country-code,
.billing-details-phone-number,
.billing-details-customer-title select,
.billing-details-address-postal-code input {
  width: 48%;
  float: left;
}
.billing-details-tax-exemption-code {
  width: 50%;
}
.billing-details-phone-number {
  margin-left: 4%;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Child Page List Component.
------------------------------------------------------------------------ */
.child-page-list-level-1 {
  border-bottom: 1px solid #797979;
}
.child-page-list a {
  text-decoration: none;
}
.child-page-list li:after {
  position: absolute;
  content: "";
  border-top: 1px solid #797979;
  z-index: -1;
  right: -45px;
  left: -45px;
  top: 0;
}
.child-page-list-level-1 {
  border-left: 1px solid #797979;
  border-right: 1px solid #797979;
}
.child-page-list-level-1 > li {
  font-weight: bold;
  color: #0089B7;
}
.child-page-list-level-2 > li {
  font-weight: normal;
}
.child-page-list-level-3 > li {
  font-weight: normal;
}
.child-page-list-current-page {
  font-weight: bold;
  color: black;
}
.child-page-list h4 {
  font-size: 20px;
  padding-bottom: 5px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Related items list.
------------------------------------------------------------------------ */
.related-items-list-item li {
  padding-bottom: 5px;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  min-height: 95px;
}
.related-items-list [class^="price-"] {
  text-align: right;
  font-weight: bold;
  width: calc(-75px - -40%);
  padding-top: 2px;
  position: absolute;
  top: 0;
  right: 60px;
}
.related-items-list [class^="image-"],
.related-items-list .item-attribute-label,
.related-items-list a,
.related-items-list .code,
.related-items-list h6 {
  width: 60%;
  float: left;
}
.related-items-list a [class^="image-"] {
  width: 100%;
}
.related-items-list [class^="attribute-"] {
  width: 60%;
  float: left;
}
.related-items-list .attribute-shortdescription {
  font-size: 12px;
}
.related-items-list .code {
  font-style: italic;
}
.related-items-list input {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 25px;
  padding: 0 0 0 6px;
  border-radius: 0;
  border-color: #797979;
}
.related-items-list .add-to-cart {
  position: absolute;
  top: 40px;
  right: 0;
  width: calc(-15px - -40%);
  max-width: 200px;
}
.related-items-list .submit-button {
  background-color: white;
  border: 1px solid #797979;
  padding: 6px 12px;
}
.related-items-list .submit-button span {
  margin-left: 5px;
  color: #999999;
}
.related-items-list-message {
  font-size: 12px;
  margin-top: 90px;
  padding: 10px 10px 0 10px;
  clear: both;
  overflow: auto;
}
.related-items-list-message .submit-button {
  font-size: 14px;
  width: auto;
  color: #333333;
}
.related-items-list-message .submit-button:hover {
  text-decoration: none;
}
.related-items-list .message-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.related-items-list .message-title:before {
  color: #333;
  font-size: 12px;
  font-family: Fontawesome;
  padding-right: 5px;
}
.related-items-list .success {
  background-color: #E1F0D9;
  border: 1px solid #339900;
}
.related-items-list .success .message-title:before {
  content: '\f00c';
}
.related-items-list .error {
  background-color: #F0D9D9;
  border: 1px solid #990000;
}
.related-items-list .error .message-title:before {
  content: '\f071';
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Content tile component.
------------------------------------------------------------------------ */
.content-tile-tags li {
  color: #ffffff;
  background-color: #0089b7;
  padding: 5px 10px;
  border-radius: 5px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Content Search results list component.
------------------------------------------------------------------------ */
.content-search-results-list-overlay {
  background: #ECECEC;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.content-search-results-list-loading {
  font-size: 30px;
  color: black;
}
.content-search-results-list .numbers li {
  padding-right: 10px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Checkout Process Container component
------------------------------------------------------------------------ */
.checkout-process-container h4 {
  font-size: 16px;
}
.checkout-process-container-error-message {
  color: #a94442;
  font-style: italic;
  font-size: 14px;
}
.checkout-process-container-address-validation-error-message {
  color: #a94442;
  font-style: italic;
  font-size: 14px;
}
.checkout-process-container-panel-heading {
  background: #666666;
  padding: 15px;
}
.checkout-process-container-panel-heading h4 {
  color: white;
}
.checkout-process-container-panel-heading a {
  color: white;
  text-decoration: underline;
}
.checkout-process-container-continue-button {
  background: #339900;
  border: 1px solid #006600;
  padding: 10px 15px;
  color: #ffffff;
}
.checkout-process-container-list {
  border: 1px solid #e4e4e4;
}
.checkout-process-container-list > li {
  border-top: 1px solid #e4e4e4;
}
.checkout-process-container-list > li:first-child {
  border-top: none;
}
.checkout-process-container .form-control {
  padding: 5px;
}
.checkout-process-container select.form-control {
  padding: 2px;
}
.checkout-process-container .parsley-errors-list {
  padding-top: 2px;
}
.checkout-process-container-expanded-section .checkout-process-container-editable-data {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .checkout-process-container-expanded-section .checkout-process-container-editable-data {
    padding-top: 30px;
  }
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Delivery details component
------------------------------------------------------------------------ */
.delivery-details label {
  position: absolute;
  text-indent: -9999px;
}
.delivery-details-country-code,
.delivery-details-phone-number,
.delivery-details-customer-title select,
.delivery-details-address-postal-code input {
  width: 48%;
  float: left;
}
.delivery-details-phone-number {
  margin-left: 4%;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Delivery options component
------------------------------------------------------------------------ */
.delivery-options {
  padding: 0 15px;
}
.delivery-options legend {
  display: none;
}
.delivery-options .radio {
  cursor: pointer;
}
.delivery-options textarea {
  height: 80px;
  resize: none;
  width: calc(-20px - -100%);
}
.delivery-options .parsley-errors-list {
  padding-left: 20px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Dynamic content list component.
------------------------------------------------------------------------ */
.dynamic-content-list-tags li {
  color: #ffffff;
  background-color: #0089b7;
  padding: 5px 10px;
  border-radius: 5px;
}
.dynamic-content-list img {
  width: 60px;
  height: 60px;
}
@media screen and (min-width: 992px) {
  .dynamic-content-list img {
    width: 100px;
    height: 100px;
  }
}
.dynamic-content-list div {
  width: calc(-70px - -100%);
  margin-left: 70px;
}
@media screen and (min-width: 992px) {
  .dynamic-content-list div {
    width: calc(-110px - -100%);
  }
}
@media screen and (min-width: 992px) {
  .dynamic-content-list div {
    margin-left: 110px;
  }
}
.dynamic-content-list h4 {
  max-height: 69px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Link list component.
------------------------------------------------------------------------ */
.link-list-tags li {
  color: #ffffff;
  background-color: #0089b7;
  padding: 5px 10px;
  border-radius: 5px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Locale selection component.
------------------------------------------------------------------------ */
.locale-selection select {
  width: 200px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Login status component.
------------------------------------------------------------------------ */
.login-status {
  overflow: hidden;
}
.login-status ul {
  overflow: hidden;
}
.login-status ul li {
  float: right;
  margin: 0 5px 10px 0;
}
.login-status-details {
  clear: both;
  float: right;
}
.login-status-details a {
  margin-right: 10px;
}
.login-status-user-info {
  color: #ffffff;
}
.login-status-user-name {
  padding-left: 5px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    IDAM component's base styles.
------------------------------------------------------------------------ */
.forgotten-password .has-message .error,
.reset-password .has-message .error {
  color: #a94442;
}
.forgotten-password .has-message .success,
.reset-password .has-message .success {
  color: #008000;
}
.login .has-error .error-message {
  color: #a94442;
  font-style: italic;
}
.forgotten-password .submit-button,
.reset-password .submit-button,
.login .submit-button,
.user-registration .submit-button {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  border-radius: 4px;
}
.forgotten-password .submit-button:hover,
.reset-password .submit-button:hover,
.login .submit-button:hover,
.user-registration .submit-button:hover,
.forgotten-password .submit-button:focus:active,
.reset-password .submit-button:focus:active,
.login .submit-button:focus:active,
.user-registration .submit-button:focus:active {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.forgotten-password .submit-button:focus,
.reset-password .submit-button:focus,
.login .submit-button:focus,
.user-registration .submit-button:focus,
.forgotten-password .submit-button:active:focus,
.reset-password .submit-button:active:focus,
.login .submit-button:active:focus,
.user-registration .submit-button:active:focus {
  outline: thin dotted;
  outline-offset: -2px;
}
.login-status ul li {
  background-color: #6c6c6c;
  padding: 5px 10px;
  border-radius: 5px;
}
.login-status ul li a {
  color: #ffffff;
}
.login-status-user-info span {
  padding-right: 15px;
}
.user-registration div,
.user-registration fieldset {
  margin-bottom: 15px;
}
.user-registration label,
.user-registration legend {
  font-weight: bold;
  margin-bottom: 5px;
}
.user-registration .generic-error {
  color: #a94442;
  clear: both;
  display: block;
  margin-bottom: 10px;
}
.user-registration .has-error .error-message {
  color: #a94442;
  clear: both;
  display: block;
  margin-top: 5px;
}
.user-registration .submit-button {
  margin-top: 5px;
}
.user-registration-recaptcha {
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 10px;
}
.user-registration-recaptcha cite {
  color: #cccccc;
  font-size: 12px;
}
.user-registration-recaptcha .recaptcha_image {
  margin-bottom: 0px;
}
.user-registration-recaptcha_icons {
  min-height: 20px;
  min-width: 20px;
}
.user-registration-recaptcha-icon {
  font-size: 25px;
}
@media screen and (min-width: 768px) {
  .user-registration-recaptcha-icon {
    font-size: 17px;
    padding-bottom: 10px;
  }
}
.user-registration-terms label {
  padding-left: 25px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Item image gallery component.
------------------------------------------------------------------------ */
.item-image-gallery-container {
  background: black;
}
.item-image-gallery-control {
  width: 2%;
  background: rgba(0, 0, 0, 0.5);
  padding: 60px 40px 60px 20px;
  top: calc(-160px - -40%);
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  .item-image-gallery-control.left {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
  }
  .item-image-gallery-control.right {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
  }
}
.item-image-gallery-indicators {
  padding: 15px 15px 0;
}
.item-image-gallery-indicators li {
  margin: 0 15px 15px 0;
  width: 60px;
  height: 60px;
}
.item-image-gallery-indicators .active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 5px solid white;
}
.item-image-gallery-indicators img {
  width: 60px;
  height: 60px;
}
.item-image-gallery-modal-icon {
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid white;
  color: white;
  border-radius: 5px;
  padding: 2px 5px;
}
.item-image-gallery-modal-container {
  background: black;
}
.item-image-gallery-modal-container.ui-widget .close {
  font-size: 20px;
}
.item-image-gallery-modal-container .item-image-gallery-control {
  background: none;
}
.item-image-gallery-modal-container .item-image-gallery-control.left {
  left: -80px;
}
.item-image-gallery-modal-container .item-image-gallery-control.right {
  right: -80px;
}
.item-image-gallery-modal-container .item-image-gallery-indicators {
  padding: 15px 0;
}
.item-image-gallery-modal-container .item-image-gallery-indicators li,
.item-image-gallery-modal-container .item-image-gallery-indicators img {
  width: 120px;
  height: 120px;
}
.item-image-gallery-modal-container + .ui-widget-overlay {
  background: black;
  opacity: 1;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Mini-cart.
------------------------------------------------------------------------ */
.mini-cart {
  font-size: 12px;
  width: 100%;
  max-width: 360px;
  position: relative;
}
.mini-cart-dropdown {
  width: 100%;
  position: absolute;
  background-color: white;
  z-index: 9999;
  padding: 15px;
  border: 1px solid #797979;
  border-top: 0;
}
.mini-cart-button {
  border: 1px solid #797979;
  height: 47px;
  color: #339900;
}
.mini-cart-button p {
  padding-left: 10px;
}
.mini-cart-button a {
  color: #339900;
}
.mini-cart-button .mini-cart-checkout {
  width: auto;
  position: absolute;
  top: 1px;
  right: 0;
}
@media screen and (min-width: 768px) {
  .mini-cart-button .mini-cart-checkout {
    position: static;
  }
}
.mini-cart-button .fa-shopping-cart {
  font-size: 30px;
  position: relative;
  top: 7px;
}
.mini-cart-link {
  height: 46px;
  padding-left: 10px;
}
.mini-cart-list {
  max-height: 547px;
}
.mini-cart li {
  border-bottom: 1px solid #797979;
}
.mini-cart li:last-child {
  border-bottom: 0;
}
.mini-cart [class^="image-"] {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.mini-cart h5 {
  font-size: 12px;
  width: calc(-70px - -100%);
  font-weight: bold;
}
.mini-cart-child-item-list li {
  position: relative;
  border-bottom: 0;
}
.mini-cart .attribute-title {
  font-weight: bold;
  width: calc(-125px - -100%);
}
.mini-cart .code {
  font-style: italic;
  width: calc(-125px - -100%);
}
.mini-cart [class^="price-"] {
  font-weight: bold;
  width: calc(-125px - -100%);
}
.mini-cart-controls {
  position: absolute;
  top: 0;
  right: 0;
}
.mini-cart input {
  font-size: 12px;
  width: 45px;
  height: 30px;
  padding: 0 10px;
  border-radius: 0;
  border-color: #797979;
  border-width: 1px 0;
  margin: 0;
  text-align: right;
}
.mini-cart input[type=number]::-webkit-inner-spin-button,
.mini-cart input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mini-cart .fa-plus,
.mini-cart .fa-minus {
  height: 30px;
  padding: 8px 10px;
  border: 1px solid #797979;
}
.mini-cart-product-delete {
  color: #990000;
  padding-top: 10px;
  width: auto;
}
.mini-cart-product-delete span {
  padding-right: 5px;
}
.mini-cart-product-delete :before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f00d";
}
.mini-cart table {
  width: 100%;
  padding: 10px;
  border: 1px solid #797979;
  background-color: #f2f2f2;
  vertical-align: bottom;
}
.mini-cart table tr:last-child {
  font-weight: bold;
}
.mini-cart button {
  font-size: 14px;
  width: calc(-5px - -50%);
  background-color: white;
  border: 1px solid #797979;
  padding: 12px;
}
.mini-cart button span {
  padding-left: 5px;
}
.mini-cart .mini-cart-checkout {
  background-color: #339900;
  color: #ffffff;
  font-weight: bold;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Order confirmation component
------------------------------------------------------------------------ */
.order-confirmation-delivery-details h4,
.order-confirmation-order-summary h4,
.order-confirmation-payment-details h4 {
  background-color: #f2f2f2;
  padding: 10px 15px;
}
.order-confirmation-delivery-option,
.order-confirmation-tax-code,
.order-confirmation-number {
  font-weight: bold;
}
.order-confirmation-product-image {
  width: 60px;
  height: 60px;
}
.order-confirmation h5 {
  padding-left: 70px;
}
@media screen and (max-width: 767px) {
  .order-confirmation h5 {
    font-size: 12px;
  }
}
.order-confirmation-order-summary {
  overflow: auto;
}
.order-confirmation table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}
.order-confirmation th {
  padding: 10px 0 5px 0;
  font-weight: bold;
  text-align: right;
}
.order-confirmation th:first-child {
  text-align: left;
}
.order-confirmation td {
  padding: 15px 0;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-confirmation td {
    padding: 0;
  }
}
.order-confirmation td:first-child {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .order-confirmation td.order-confirmation-product-details {
    padding-top: 15px;
  }
}
.order-confirmation td.order-confirmation-product-quantity span {
  float: left;
}
@media screen and (max-width: 767px) {
  .order-confirmation td.order-confirmation-product-quantity {
    display: block;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .order-confirmation td.order-confirmation-product-quantity[data-grouping-enabled] {
    padding-left: 70px;
  }
}
@media screen and (max-width: 767px) {
  .order-confirmation tr {
    display: block;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .order-confirmation tr:last-child .order-confirmation-product-quantity {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .order-confirmation tr:last-child .order-confirmation-product-subtotal {
    bottom: 15px;
  }
}
.order-confirmation-product-details-column {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .order-confirmation-product-details-column {
    width: 100%;
  }
}
.order-confirmation-product-code-column {
  width: 15%;
}
.order-confirmation-product-quantity-column {
  width: 15%;
}
.order-confirmation-product-price-column,
.order-confirmation-product-subtotal-column {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .order-confirmation-product-title {
    font-weight: normal;
  }
}
.order-confirmation-product-code,
.order-confirmation-tax {
  font-style: italic;
}
.order-confirmation-product-unit-price,
.order-confirmation-product-subtotal {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-confirmation-product-unit-price,
  .order-confirmation-product-subtotal {
    padding: 0;
  }
}
.order-confirmation-product-subtotal {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .order-confirmation-product-subtotal {
    position: absolute;
    bottom: 1px;
    right: 0px;
    padding: 0;
  }
}
.order-confirmation-product-details {
  padding-left: 70px;
}
.order-confirmation-final-prices {
  border-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .order-confirmation-final-prices tr {
    display: table-row;
  }
}
.order-confirmation-final-prices tr:last-child {
  font-size: 14px;
  font-weight: bold;
}
.order-confirmation-final-prices tr:first-child td {
  padding-top: 15px;
}
.order-confirmation-final-prices td {
  border: 0;
  padding: 5px 0;
  text-align: right !important;
}
.order-confirmation-price-label-column {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .order-confirmation-price-label-column {
    width: 60%;
  }
}
.order-confirmation-sold-to-label,
.order-confirmation-special-instructions-label {
  font-weight: bold;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Order summary component
------------------------------------------------------------------------ */
.order-summary {
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .order-summary h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .order-summary-navigation:last-child {
    display: block;
  }
}
.order-summary-product-image {
  width: 60px;
  height: 60px;
}
.order-summary h5 {
  padding-left: 70px;
}
@media screen and (max-width: 767px) {
  .order-summary h5 {
    font-size: 12px;
  }
}
.order-summary table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .order-summary table {
    border-bottom: 1px solid #cccccc;
  }
}
.order-summary-column-headers {
  border-bottom: 1px solid #cccccc;
}
.order-summary th {
  padding: 10px 0 5px 0;
  font-weight: bold;
}
.order-summary th:first-child {
  text-align: left;
}
.order-summary td {
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .order-summary td {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .order-summary td.order-summary-product-details {
    padding-top: 15px;
  }
}
.order-summary tr:last-child td {
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
  .order-summary tr:last-child td {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .order-summary tr:last-child td.order-summary-product-subtotal,
  .order-summary tr:last-child td.order-summary-product-quantity {
    margin-bottom: 15px;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .order-summary tr {
    display: block;
    width: 100%;
    position: relative;
  }
}
.order-summary-product-details-column {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .order-summary-product-details-column {
    width: 100%;
  }
}
.order-summary-product-code-column {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .order-summary-product-code-column {
    width: 100%;
  }
}
.order-summary-product-quantity-column,
.order-summary-product-subtotal-column {
  width: 12.5%;
}
.order-summary-product-price-column {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .order-summary-product-title {
    text-decoration: underline;
  }
}
.order-summary-tax-class {
  font-style: italic;
}
[data-hide-tax-label="true"] .order-summary-tax-class {
  display: none;
}
.order-summary-product-code {
  font-style: italic;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-summary-product-code {
    text-align: left;
  }
}
.order-summary-product-unit-price,
.order-summary-product-subtotal,
.order-summary-product-code-header,
.order-summary-product-quantity {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-summary-product-unit-price,
  .order-summary-product-subtotal,
  .order-summary-product-code-header,
  .order-summary-product-quantity {
    padding: 0;
  }
}
.order-summary-product-subtotal {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .order-summary-product-subtotal {
    padding: 0;
    position: absolute;
    bottom: 1px;
    right: 0px;
  }
}
.order-summary-product-details {
  padding: 0 0 0 70px;
}
.order-summary-final-prices {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-summary-final-prices tr {
    display: table-row;
  }
}
.order-summary-final-prices tr:last-child {
  font-size: 14px;
  font-weight: bold;
}
.order-summary-final-prices tr:last-child td {
  border: none;
}
.order-summary-final-prices td {
  border: 0;
  padding: 5px 0;
}
.order-summary-price-label-column {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .order-summary-price-label-column {
    width: 60%;
  }
}
.order-summary textarea {
  resize: none;
  height: 80px;
}
.order-summary input[type="text"],
.order-summary input[type="email"] {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .order-summary input[type="text"],
  .order-summary input[type="email"] {
    width: 100%;
  }
}
.order-summary label,
.order-summary-terms-and-conditions-heading,
.order-summary-special-instructions-label,
.order-summary-sold-to-label,
.order-summary legend {
  font-weight: bold;
}
.order-summary-terms-and-conditions label {
  font-weight: normal;
}
.order-summary-terms-and-conditions-label {
  padding-left: 25px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Payment options component
------------------------------------------------------------------------ */
.payment-options {
  padding: 0 15px;
}
.payment-options legend {
  display: none;
}
.payment-options .radio {
  cursor: pointer;
}
.payment-options input[type="text"] {
  width: calc(-20px - -100%);
}
.payment-options .parsley-errors-list {
  padding-left: 20px;
}
.payment-options-iframe-container {
  padding-bottom: 550px;
}
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Product Search Box
------------------------------------------------------------------------ */
.product-search-box {
  width: 150px;
  border: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  .product-search-box {
    width: 600px;
  }
}
.product-search-box input {
  height: 40px;
  padding-right: 45px;
}
.product-search-box-icon {
  width: 40px;
  height: 40px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product category component.
------------------------------------------------------------------------ */
.product-category a {
  color: #000;
  margin-bottom: 10px;
}
.product-category .active > a {
  font-weight: bold;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search facets.
------------------------------------------------------------------------ */
.product-search-facets-list {
  margin-bottom: 15px;
}
.product-search-facets-list:last-child {
  margin-bottom: 0px;
}
.product-search-facets-list-item {
  margin-bottom: 10px;
  cursor: pointer;
}
.product-search-facets-list-item:last-child {
  margin-bottom: 0px;
}
.product-search-facets-list-item a:before,
.product-search-facets-list-item p:before {
  color: black;
}
.product-search-facets-header {
  background-color: #e4e4e4;
  content: "\e114";
  font-size: 20px;
  padding: 5px;
  margin-bottom: 15px;
  cursor: pointer;
}
.product-search-facets-header span {
  font-size: 16px;
  padding: 5px;
}
.product-search-facets span {
  padding-left: 5px;
}
.product-search-facets .selected p {
  font-weight: bold;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search results list.
------------------------------------------------------------------------ */
.product-search-results-list ol > li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.product-search-results-list img {
  margin-right: 20px;
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
}
@media screen and (min-width: 768px) {
  .product-search-results-list img {
    width: 100px;
    height: 100px;
  }
}
.product-search-results-list label {
  font-weight: bold;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search results pagination.
------------------------------------------------------------------------ */
.product-search-results-pagination {
  overflow: auto;
  -ms-overflow-style: none;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .product-search-results-pagination {
    min-height: 48px;
  }
}
.product-search-results-pagination nav {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .product-search-results-pagination nav {
    display: block;
  }
}
.product-search-results-pagination li {
  padding-right: 10px;
}
.product-search-results-pagination li:last-child {
  padding-right: 30px;
}
.product-search-results-pagination .prev {
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .product-search-results-pagination .prev {
    border: 1px solid #cccccc;
    padding: 15px 0;
    width: 85px;
    left: 15px;
  }
}
.product-search-results-pagination .selected {
  left: 100px;
  right: 100px;
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  .product-search-results-pagination .next {
    border: 1px solid #cccccc;
    padding: 15px 0;
    width: 85px;
    right: 15px;
  }
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Product search results sort.
------------------------------------------------------------------------ */
.product-search-results-sort {
  width: 600px;
  max-width: 100%;
}
.product-search-results-sort-wrapper {
  position: relative;
}
.product-search-results-sort-wrapper:last-child {
  width: 70%;
}
.product-search-results-sort select {
  width: 100%;
  height: 40px;
  padding: 0 45px 0 5px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333333;
}
.product-search-results-sort-label {
  font-weight: bold;
}
.product-search-results-sort h4 {
  font-size: 14px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Record list component.
------------------------------------------------------------------------ */
.record-list-item {
  padding: 5px;
}
.record-list-item-attributes li:last-child {
  border-bottom: 1px solid #C3C3C3;
}
/*
 * Project: Pearson DMCP
 * Copyright(c): 2014
 */
/* ---------------------------------------------------------------------
Search Box
------------------------------------------------------------------------ */
.search-box {
  width: 150px;
  border: 1px solid #cccccc;
}
.search-box-input {
  height: 30px;
  -webkit-appearance: none;
  padding-right: 35px;
}
.search-box-input::-webkit-input-placeholder,
.search-box-input::-moz-placeholder,
.search-box-input:-ms-input-placeholder {
  color: #666666;
}
.search-box-icon {
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 768px) {
  main .search-box {
    width: 600px;
  }
}
main .search-box-input {
  height: 40px;
  padding-right: 45px;
}
main .search-box-icon {
  width: 40px;
  height: 40px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Shopping cart.
------------------------------------------------------------------------ */
.shopping-cart {
  font-size: 12px;
  border: 1px solid #cccccc;
  padding: 15px 15px 0 15px;
}
@media screen and (max-width: 767px) {
  .shopping-cart h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .shopping-cart-navigation:last-child {
    display: block;
  }
}
.shopping-cart-error-message {
  color: #a94442;
  font-style: italic;
  font-size: 14px;
}
.shopping-cart-back,
.shopping-cart-checkout {
  font-size: 14px;
  padding: 9px 12px;
  color: white;
  border-radius: 0;
  border: 1px solid #797979;
  max-width: 50%;
}
.shopping-cart-back span,
.shopping-cart-checkout span {
  font-size: 12px;
}
.shopping-cart-back {
  background-color: #999999;
}
@media screen and (max-width: 767px) {
  .shopping-cart-back {
    font-size: 10px;
    height: 40px;
    width: 75px;
    text-align: center;
  }
}
.shopping-cart-checkout {
  background-color: #339900;
}
@media screen and (max-width: 767px) {
  .shopping-cart-checkout {
    width: 150px;
    height: 40px;
    text-align: center;
    max-width: none;
  }
}
.shopping-cart-product-image {
  width: 60px;
  height: 60px;
}
.shopping-cart h5 {
  padding-left: 70px;
}
@media screen and (max-width: 767px) {
  .shopping-cart h5 {
    font-size: 12px;
  }
}
.shopping-cart table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  position: relative;
}
.shopping-cart-column-headers {
  border-bottom: 1px solid #cccccc;
}
.shopping-cart th {
  padding: 10px 0 5px 0;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}
.shopping-cart th:first-child {
  text-align: left;
}
.shopping-cart td {
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .shopping-cart tr {
    display: block;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .shopping-cart-quantity {
    width: 40%;
    position: absolute;
    bottom: -6px;
    right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .shopping-cart-quantity label {
    float: right;
    padding-top: 8px;
  }
}
.shopping-cart-product-details-column {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .shopping-cart-product-details-column {
    width: 100%;
  }
}
.shopping-cart-product-quantity-column {
  width: 20%;
}
.shopping-cart-product-price-column,
.shopping-cart-product-subtotal-column {
  width: 15%;
}
.shopping-cart-product-title {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .shopping-cart-product-title {
    font-weight: normal;
    text-decoration: underline;
  }
}
.shopping-cart-product-code {
  font-style: italic;
}
.shopping-cart-product-unit-price,
.shopping-cart-product-subtotal {
  text-align: right;
}
.shopping-cart-product-subtotal {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .shopping-cart-product-subtotal {
    position: absolute;
    bottom: 1px;
    right: 0px;
  }
}
.shopping-cart-product-details {
  padding-left: 70px;
}
@media screen and (max-width: 767px) {
  .shopping-cart-product-details {
    min-height: 65px;
  }
}
.shopping-cart-product-details + .shopping-cart-product-delete {
  position: absolute;
  left: 70px;
}
@media screen and (max-width: 767px) {
  .shopping-cart-product-details + .shopping-cart-product-delete {
    position: static;
  }
}
.shopping-cart input {
  font-size: 12px;
  width: 45px;
  height: 30px;
  padding: 6px;
  text-align: right;
  border-radius: 0;
  border: 1px solid #797979;
}
.shopping-cart-product-update,
.shopping-cart-product-delete {
  font-size: 12px;
  background-color: #ffffff;
}
.shopping-cart-product-delete {
  color: #990000;
}
.shopping-cart-final-prices {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .shopping-cart-final-prices {
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .shopping-cart-final-prices tr {
    display: table-row;
  }
}
.shopping-cart-final-prices tr:last-child {
  font-size: 14px;
  font-weight: bold;
}
.shopping-cart-final-prices tr:first-child td {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
}
.shopping-cart-final-prices td {
  border: 0;
  padding: 5px 0;
}
.shopping-cart-price-label-column {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .shopping-cart-price-label-column {
    width: 60%;
  }
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Tab panel component.
------------------------------------------------------------------------ */
.tab-panel .nav-tabs {
  border-bottom-color: #666;
}
.tab-panel .nav-tabs li a,
.tab-panel .nav-tabs li a:hover,
.tab-panel .nav-tabs li a:focus {
  color: black;
  border-color: #666;
  background: #eaeaea;
}
.tab-panel .nav-tabs li.active a {
  background: white;
  font-weight: bold;
  border-bottom-color: transparent;
}
.tab-panel .tab-content .tab-pane {
  border: 1px solid #666;
  border-top-color: transparent;
  padding: 15px;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________

    Accordion component.
------------------------------------------------------------------------ */
.accordion {
  padding: 15px 15px 0;
}
.accordion-panel-header {
  padding: 14px 12px;
  background: #666666;
  color: #ffffff;
  font-size: 14px;
  text-align: left;
}
.accordion-panel-content {
  padding: 15px;
}
.accordion-panel-header + .accordion-panel-content * {
  margin: 0;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Mega nav component.
------------------------------------------------------------------------ */
.mega-nav .dropdown-menu {
  width: 100%;
}
.mega-nav .column-control {
  background-color: #ffffff;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Resource list component
------------------------------------------------------------------------ */
.resource-list-item {
  padding: 5px;
  border-bottom: 1px solid #C3C3C3;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Legal Notification
------------------------------------------------------------------------ */
.legal-notification {
  font-size: 13px;
  line-height: 1.3636363636363635;
  background: #000000;
  color: #ffffff;
}
.legal-notification a {
  color: #ffffff;
}
.legal-notification a:focus {
  background-color: #ffffff;
  color: #000000;
}
/* ---------------------------------------------------------------------
    PEARSON MARKETING CLOUD
  _______________________
  
    Featured product list.
------------------------------------------------------------------------ */
.featured-product-list li {
  margin-left: 0;
  margin-bottom: 10px;
}
.featured-product-list img {
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
}
@media screen and (min-width: 768px) {
  .featured-product-list img {
    width: 100px;
    height: 100px;
  }
}