/* ==========================================================
   BANK DEPOSIT
   Loaded only by resources/views/bank-deposit.blade.php.
   ========================================================== */

/* The theme sizes an accordion heading for a short question. A bank name
   with a qualifier after it — "BANK AL HABIB LTD. (Islamic Banking for
   Zakat)" — runs onto a second line and collided with the +/- marks, which
   the theme pins to a single line height. */
.bank-accordion > li > a {
    line-height: 1.4;
    /* room for the +/- marks on the right at any number of lines */
    padding-right: 55px;
    height: auto;
}

.bank-accordion > li > a i {
    top: 50%;
    transform: translateY(-50%);
}

/* Account numbers, IBANs and SWIFT codes are read a character at a time and
   copied by hand, so they are set in a monospaced face at a comfortable
   line height rather than the body font. */
.bank-accordion > li > p {
    line-height: 2;
}

.bank-accordion > li > p b {
    /* the labels stay in the body font; only the values are monospaced */
    font-weight: 600;
}

/* Two columns of accordions sit side by side; give the left one breathing
   room from the right at desktop width, and separate them when they stack. */
@media only screen and (max-width: 991px) {
    .bank-accordion {
        margin-bottom: 0;
    }
}