/* -- Generic CSS for business product pages -- */
@import "/content/dam/amex/nl-nl/zakelijk/kaarten/business-gold-card/business.css";
/* Using a string */

/* -- Custom business green CSS -- */

.ModalCustom .ModalContent div.button .btn{
    margin-left: calc(var(--Sz1) - var(--Sz02) - var(--Sz02));}

.container-fluid .ShopBar {
  overflow: hidden;
}
.container-fluid .ShopBar .richtext.parbase {
  position: relative;
}
.container-fluid .ShopBar .richtext.parbase p {
  font-family: var(--FontA);
  color: white;
}
.container-fluid .ShopBar .richtext.parbase p b {
  color: white;
  font-size: 22px;
}
.container-fluid .ShopBar .richtext.parbase::after {
  position: absolute;
  height: 200%;
  width: 200%;
  top: -50%;
  left: -70%;
  content: "";
  pointer-events: none;
  background-color: var(--LightBlue);
  z-index: -1;
}/*# sourceMappingURL=custom.css.map */

/* sticky CTA */
.container-fluid .ShopBar {bottom: -140px; transition: bottom 0.5s ease-in-out;}
.container-fluid .ShopBar.active {bottom: 0px;}
#amex-footer {margin-bottom: 6rem!important;}

.container-fluid .ShopBar .richtext.parbase::after {position: absolute; height: 200%; width: 200%; top: -50%; left: -70%; content: ""; pointer-events: none; background-color: var(--LightBlue); z-index: -1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Webkit fixes for *SAFARI ONLY* Only use when flip animation is used on page ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Fix for ShopBar overlap -------------------------------------------------------------------------------------------------------------------------- */
    .container-fluid .ShopBar.down {-webkit-transform: translateZ(400px) translateY(100%);} 
    .container-fluid .ShopBar {-webkit-transform: translateZ(400px) translateY(0%);} 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Fix for Modal overlap ---------------------------------------------------------------------------------------------------------------------------- */
    .container-fluid .ModalCustom.Open {-webkit-transform: translateZ(400px);} 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Fix for Amex floating header overlap ------------------------------------------------------------------------------------------------------------- */
    .axp-global-header__dls-module__module___1_EeR .axp-global-header__dls-module__nav___9Aq3L, 
    .axp-global-header__dls-module__module___1_EeR .axp-global-header__dls-module__navMenu___2v96a{-webkit-transform: translateZ(400px);} 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- End of Webkit fixes for *SAFARI*  ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */