/*
 * Schön template → Bootstrap 5 compatibility layer.
 *
 * The template was built on a customised Bootstrap 3.3.6. We keep Bootstrap 5 (project rule)
 * and load the template's own stylesheets (main.css, responsive.css) on top. This file restores
 * the few Bootstrap-3 base values and helper classes that the template markup/CSS relies on.
 * Grid classes are translated in the Yii views (BS3 xs→none, sm→md, md→lg, lg→xl), so no
 * col-xs-* emulation is needed here.
 */

/* Base values from the template's customised bootstrap.css */
:root {
    --bs-body-font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    --bs-body-font-size: 14px;
    --bs-body-line-height: 1.4285;
    --bs-body-color: #868686;
    --bs-link-color: #868686;
    --bs-link-color-rgb: 134, 134, 134;
    --bs-link-hover-color: #606060;
    --bs-link-hover-color-rgb: 96, 96, 96;
    --bs-link-decoration: none;
    --bs-heading-color: inherit;
}

a { text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.1; }
img { vertical-align: middle; }

/* BS3 container width (1230px) and 30px gutters */
.row { --bs-gutter-x: 30px; }
.container, .container-fluid { padding-left: 15px; padding-right: 15px; }
@media (min-width: 1200px) {
    .container { max-width: 1230px; }
}

/* BS3 helper classes used by template markup */
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
@media (max-width: 767.98px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

/* BS5 adds focus shadows / bg to form controls that the template styles itself */
#mt-main .form-control:focus { box-shadow: none; }

/* Template panels (FAQ accordion) use .collapse; BS5 provides the behaviour. */
.panel-collapse.collapse:not(.show) { display: none; }