/*
 * Bootstrap 4 -> 5 compatibility layer.
 * The theme (Agrotek / ThemetechMount) was built on Bootstrap 4.1.3. Bootstrap 5.3 is loaded
 * instead; these rules pin the BS4 metrics the theme's layout relies on so the design renders
 * exactly as the original site. Loaded after bootstrap.min.css and before the theme CSS.
 */

/* Grid: BS4 used 30px gutters and had no xxl container step */
.container, .container-fluid, .row { --bs-gutter-x: 30px; }
.row { --bs-gutter-y: 0; }
/* The theme ships a customised BS4 build with a 1170px container at xl (stock BS4/BS5: 1140px) */
@media (min-width: 1200px) { .container { max-width: 1170px; } }

/* Reboot differences */
a { color: #007bff; text-decoration: none; }
a:hover { color: #0056b3; text-decoration: underline; }
ol, ul { padding-left: 40px; }
hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); opacity: 1; }
h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
p { margin-top: 0; margin-bottom: 1rem; }
label { display: inline-block; margin-bottom: .5rem; }
legend { float: none; }

/* Utilities removed/renamed in BS5 */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.ml-0 { margin-left: 0 !important; }
.mr-10 { margin-right: 10px !important; }
.form-group { margin-bottom: 1rem; }
.font-weight-bold { font-weight: 700 !important; }

/* Tables (org chart / downloads) */
.table { --bs-table-bg: transparent; --bs-table-color: inherit; margin-bottom: 1rem; color: inherit; }
.table > :not(caption) > * > * { color: inherit; padding: .75rem; border-bottom-width: 0; border-top: 1px solid #dee2e6; box-shadow: none; }

/* Buttons used on the downloads page (BS4 palette) */
.btn { font-weight: 400; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }

/* Forms */
.form-control { padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; }

/* Modal close button (BS4 .close look) */
.modal-header .btn-close { padding: 1rem; margin: -1rem -1rem -1rem auto; }

/* BS4 grid columns were position:relative and always carried the 15px gutter padding, even when not a
   direct child of .row (home "featured boxes" column, .about-overlay-01 pattern anchored to its column).
   BS5 only pads .row > * and drops the positioning. Width/flex are left to BS5. */
.col, [class^="col-"], [class*=" col-"] { position: relative; padding-right: 15px; padding-left: 15px; }