@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";


a.text-link {padding-top: 0px!important; padding-bottom: 0px!important;}
.links-item i {display:none!important;}
.container-fluid .App {margin-bottom: 0!important;}
.container-fluid .card {background-color: #ececec!important;}
.Florish::after {z-index: 0!important; pointer-events: none!important;}
#floatingcta.ShopBar {position: relative; bottom:-130px; height: 75px; transition: bottom 0.5s ease-in-out;}
#floatingcta.ShopBar.active {bottom:0px;}
#floatingcta.ShopBar .row {position: relative;}
#floatingcta.ShopBar .row .col-md-12 {position: relative; left: 0px !important; top: 0px; height: 75px;}
#floatingcta.ShopBar .image.parbase:nth-child(1) {position: absolute; left: 40px; z-index: 2; }
#floatingcta.ShopBar .image.parbase:nth-child(1) img {width: 75px; height: auto; animation: scrolllAnnimation 5s infinite;}
#floatingcta.ShopBar .image.parbase:nth-child(2) {width: 100px; height: 75px;  position: absolute; left: -20px;}
#floatingcta.ShopBar .image.parbase:nth-child(2) img {position: relative; width: 100px; height: auto; box-shadow: var(--BoxShadow); bottom: -35px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
#floatingcta.ShopBar .container .col-md-12 div {justify-content: space-between !important;}
#floatingcta.ShopBar .container .col-md-12 p { padding-left: 110px;}
#floatingcta.ShopBar .ButtonStack {position: relative; /*! right: -10px; */}
#floatingcta.ShopBar .ButtonStack a.btn-app-badge-sm.google-play {margin-left: 10px;}
#amex-footer {margin-bottom: 6rem!important;}

/* 1280+  ------------------------------- */
@media only screen and (min-width: 1280px) {}

/* 1024:1279  --------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {}

/* 768:1023  --------------------------------- */
@media (min-width:768px) and (max-width:1023px) {}

/* 767  --------------------------------- */
@media only screen and (max-width:767px) {
    #floatingcta.ShopBar {height: 65px;}
    #floatingcta.ShopBar .container .col-md-12 p { padding-left: 0px; display: none;}
    #floatingcta.ShopBar .container .image {display: none!important}
    #floatingcta.ShopBar .container .richtext:nth-child(2) {display: none!important}
    .container-fluid .ShopBar .richtext.parbase {margin-left:0px;}
    #floatingcta.ShopBar .richtext {opacity: 1; bottom: 3px;}
    #floatingcta.ShopBar .ButtonStack {top: -5px; transform: scale(1.09);}
    #floatingcta.ShopBar .image.parbase:nth-child(1) {left: 5px;}
    #floatingcta.ShopBar .image.parbase:nth-child(1) img {width: 55px;}
    #floatingcta.ShopBar .image.parbase:nth-child(2) {width: 90px; height: 65px;  position: absolute; left: -60px; top: -30px;}
    .IconMobile{display: none;}
}


/* --Juridische blokken------------------------------------------------------------------------------------- */

#juridisch a{
    color:#97999b!important;
}
#juridisch a:hover{
    color:var(--LightBlue)!important;
}
#juridisch-row a{
    color:#97999b!important;
}
#juridisch-row a:hover{
    color:var(--LightBlue)!important;
}
.container-fluid #juridisch-row ul li::before{
    color:#97999b!important;
}