/*
|--------------------------------------------------------------------------
| Finance CMS
| Layout
|--------------------------------------------------------------------------
| Global layout rules
|--------------------------------------------------------------------------
*/

:root {
    --finance-container: 1280px;
    --finance-container-small: 1080px;
}

/* ==========================================================
   Main Container
========================================================== */

.finance-page,
.finance-home-page,
.finance-bank-page,
.finance-card-page,
.finance-prestamo-page,
.finance-financiera-page,
.finance-archive-page {
    width: min(calc(100% - 48px), var(--finance-container));
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================
   Universal Container  (used by Nav Hub, sections, header inner)
========================================================== */

.finance-container {
    width: min(calc(100% - 48px), var(--finance-container));
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================
   Narrow Container
========================================================== */

.finance-container-small {
    width: min(calc(100% - 48px), var(--finance-container-small));
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================
   Images
========================================================== */

.finance-page img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* ==========================================================
   Links
========================================================== */

.finance-page a {
    text-decoration: none;
}

/* ==========================================================
   Lists
========================================================== */

.finance-page ul,
.finance-page ol {
    margin: 0;
    padding-left: 22px;
}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width: 768px) {

    .finance-page,
    .finance-home-page,
    .finance-bank-page,
    .finance-card-page,
    .finance-prestamo-page,
    .finance-financiera-page,
    .finance-archive-page,
    .finance-container,
    .finance-container-small {
        width: calc(100% - 32px);
    }

}