/* -- Business travel account CSS -- */
/* -- /content/dam/amex/nl-nl/zakelijk/business-travel-account -- */

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

/* --------------------------------------------------------- */
/* -- Custom CSS below ------------------------------------- */
/* --------------------------------------------------------- */

/* -- Header styling -- */
.container-fluid .Hero-custom#bta-header{margin-bottom:0;}
@media (max-width:1023px){.container-fluid .Hero-custom#bta-header{padding-bottom:var(--Sz3)}}
.container-fluid .Hero-custom#bta-header .card-img-bg{background-position:50% 5%;}

/* -- Adjust padding for description -- */
#plaat-tekst-hotel-kosten .col-md-6:last-child .richtext{padding-left:0; padding-top:var(--Sz0);}

.container-fluid .ListE .h2Small{
  color: var(--LightBlue); 
  font-size: 30px !important;
  line-height: 32px !important;
  margin-bottom: var(--Sz02) !important;
  padding-left: 50px;
  position: relative;
}

#blue-stripe .col-md-12{
  margin-bottom:0px!important;
}

/* BTA image adjustments */
#drie-stappen .row{align-items: center;}

.container-fluid .ListE ul{padding-left: calc(50px -  var(--Sz03));}

/* -- Language toggle styling -- */
/* -- Add ID #language-toggle -- */

#language-toggle .pad-tb{padding-bottom: 1rem!important; padding-top: 2rem!important;}
#language-toggle p{padding-bottom: 1rem!important; padding-top: 2rem!important; font-size: 14px!important;}
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px) {
#language-toggle .col-md-4, #language-toggle .col-md-2{flex:0 0 50%}
#language-toggle .pad-tb {padding-bottom: 0!important; padding-top: auto!important; height:auto;}
  #language-toggle p{padding-bottom: 0!important; padding-top: auto!important; height:auto;}}
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px) {
[class*=" col-"], [class^="col-"] #language-toggle{flex:0 0 50%}
#language-toggle .pad-tb {padding-bottom: 0rem!important; padding-top: auto!important;}}
#language-toggle p{margin-left:15px}
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:1023px) {
#language-toggle .breadcrumb{overflow-x: visible!important;}}