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

.container-fluid .card {box-shadow: var(--SmallBoxShadow);}
.container-fluid .card .image-wrap{display:none;}
.container-fluid .card .pad .heading-4.offer-header p {color: var(--Black) !important;}
.container-fluid #fraudepreventiedesk .grid .container .row .col-md-6 .image .pad img {box-shadow: var(--BoxShadow)!important; border-radius: var(--BrSmall)!important; overflow: hidden!important; min-width: 100% !important; width: 100% !important; max-width: 100% !important;}
#header .btn.btn-block.btn-secondary.ios.dls-bright-blue.icon.icon-lg {height: 120px;}
.list-links-inline li {vertical-align: top !important;}
.container-fluid .App {margin: 0px!important; position: relative;}
.ButtonStack a img {transition: 300ms; transform: scale(1);}
.ButtonStack a img:hover {transform: scale(1.1); box-shadow: var(--SmallBoxShadow);}

/* --------------------------------------------------------------- */
/* -- Broken text links fix -------------------- V1 - 22/02/24 --- */
/* --------------------------------------------------------------- */
a.text-link {
    padding-top: 0;
    padding-bottom: 0;
    min-width: auto;
    min-height: auto;
}

/* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 448px) {    
.container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
.ButtonStack {position: inherit;}
.App .container .row .col-md-6.margin-0-tb {padding-bottom:0px!important;}
.TextPlaat.TxPl.Sz1Top.Sz2Bottom {  padding-bottom: var(--Sz1)!important;}
#voordelenenprivileges {padding-top: var(--Sz4)!important;}
.container-fluid .grid #voordelenenprivileges .container .row .col-md-12 {margin-bottom: 0px !important;}
#lidmaatschap {padding-top: var(--Sz0)!important;}
#verzekeringen {padding-bottom: var(--Sz2)!important;}
#fbkaarten {padding-bottom: 0px !important; margin-bottom: 0px !important;}
#prykaarten {padding-bottom: 0px !important;}
}

/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
#header {padding-bottom: var(--Sz1);}
.container-fluid .ButtonStack .apple img {margin-right: var(--Sz01);}
.ButtonStack {position: inherit;}
.App .container .row .col-md-6.margin-0-tb {padding-bottom:0px!important;}
.TextPlaat.TxPl.Sz1Top.Sz2Bottom {  padding-bottom: var(--Sz1)!important;}
#voordelenenprivileges {padding-top: var(--Sz4)!important;}
.container-fluid .grid #voordelenenprivileges .container .row .col-md-12 {margin-bottom: 0px !important;}
#lidmaatschap {padding-top: var(--Sz0)!important;
#verzekeringen {padding-bottom: var(--Sz1)!important;}
}

/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {    
.container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
#lidmaatschap {padding-top: var(--Sz0)!important;}
#verzekeringen {padding-bottom: var(--Sz1)!important;}
.TextPlaat.TxPl.Sz1Top.Sz2Bottom {padding-bottom: var(--Sz1)!important;}
}

/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279px) {
.container-fluid .ButtonStack .apple img {margin-right: var(--Sz01);}
#verzekeringen {padding-bottom: var(--Sz1);}
}

/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1280px) {
.container-fluid .ButtonStack .apple {margin-right: var(--Sz01);}
#verzekeringen {padding-bottom: var(--Sz1)!important;}
#fbkaarten {padding-bottom: var(--Sz0)!important;}
}

/* --------------------------------------------------------------------------------------------------------- */