@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);}

/* --------------------------------------------------------------------------------------------------------- */
@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;}
    #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;}
}

/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {    
    .container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
    #lidmaatschap {padding-top: var(--Sz0)!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);}
}

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