/* Burco Catalog replica - port of catalog.burcoinc.com /css/site.css plus the inline styles
   the legacy views carry on their elements. Bootstrap 5 is loaded separately. */
body {
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: "Maven Pro", sans-serif;
    font-size: 14px;
}
.body-content { padding-left: 15px; padding-right: 15px; }
input, select, textarea { max-width: 280px; }
.control-label { font-weight: bold; margin-bottom: 0px; }
.cat-bar { background-color: #ff7d0f; padding-bottom: 8px; }
.cat-bar select.form-control { margin-bottom: 3px; }
.cat-bar select.is-busy { opacity: .5; transition: opacity .4s ease; }
.gutter-2.row { margin-right: -5px; margin-left: -5px; }
.gutter-2 > [class^="col-"], .gutter-2 > [class^=" col-"] { padding-right: 5px; padding-left: 5px; }

/* results grid */
.cat-print { border: solid; border-width: thin; }
.cat-sides { background-color: #f7a252; font-weight: bold; font-family: "Arial Black", Arial, sans-serif; font-size: 14pt; }
.cat-sides .col { position: relative; }
.cat-lines { background-color: #f7a252; font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; }
.cat-sep { border-right: solid; border-width: thin; }
.cat-vehicle { font-family: "Arial Black", Arial, sans-serif; font-size: 12pt; background-color: black; color: white; padding-top: 5px; padding-bottom: 5px; }
.cat-row { display: flex; page-break-inside: avoid; }
.cat-row.cat-row-top { border-top: solid; border-width: thin; }
.col-a { background-color: #f7cb9c; padding: 0px; }
.col-b { padding: 0px; }
.cat-cell-link { padding-top: 5px; padding-bottom: 5px; }
.cat-cell { padding-top: 5px; padding-bottom: 5px; }
.sub-col-a { padding-left: 15px; padding-right: 0px; }
.sub-col-b { padding-left: 0px; padding-right: 15px; }
.cat-cell img { max-width: 100%; max-height: 150px; }
.cat-dims { font-family: Arial, sans-serif; font-size: 7pt; }
.itemID { font-family: "Arial Black", Arial, sans-serif; font-size: 10pt; }
.cat-bullets { font-size: 8pt; margin: 0px; padding-left: 10px; list-style: disc; text-align: left; }
.cat-hidden { display: none !important; }
.btn-prt { background-color: transparent; font-size: 0.8em; color: darkblue; position: absolute; right: 0px; top: 0; }
.btn-prt:hover { background-color: #ff7d0f; color: black; }
.cat-empty { padding: 30px 15px; font-family: Arial, sans-serif; font-size: 12pt; }

/* item page */
h3 { font-size: 24px; color: #383838; font-weight: 700; }
p { font-family: 'Roboto', sans-serif; line-height: 1.45; font-size: 16px; }
img { max-width: 100%; height: auto; }
.cat-item-bullets { font-size: 10pt; padding-left: 15px; }
.btn-green {
    transition: all .5s ease; font-size: 16px; font-weight: 700; background-color: transparent; display: inline-block;
    color: #8cd600; text-align: center; border-color: #8cd600; border-style: solid; border-width: 3px; width: 137px;
    padding: 5px; height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px;
}
ul.nav li { float: left; padding: 0px; margin: 0px; }
ul.nav li a { padding: 5px; margin: 0px; }
ul.nav li a:hover { background-color: transparent; }
ul.nav > li > a:focus { background-color: transparent; }
ul.nav > li > a.active > div.btn-green, .btn-green:hover { text-decoration: none; background-color: #8cd600; color: #fff; padding: 5px; }
.btn-orange {
    transition: all .5s ease; font-size: 1rem; font-weight: 700; padding: 3px; margin: 3px; background-color: transparent;
    display: inline-block; min-width: 90px; text-align: center; color: #ff7d0f;
}
.btn-orange:hover > div { text-decoration: none; color: #fff; background-color: #ff7d0f; }
.cat-buy { height: 100px; width: 137px; margin: 10px; padding-top: 10px; position: relative; border: solid; display: flex; flex-direction: column; justify-content: center; border-color: #ff7d0f; }
.cat-buy img { max-height: 55px; }
.cat-buy .cat-buy-label { font-weight: 700; font-size: 14px; bottom: 0; position: absolute; }
.cat-tab-title { position: absolute; left: 50%; top: 20px; transform: translate(-50%, 0%); }
.cat-tab-img { max-width: 100%; height: auto; border: solid; border-width: thin; }
.cat-pdf { float: left; width: 800px; max-width: 100%; height: 1100px; }
.cat-video { width: 100%; max-width: 900px; aspect-ratio: 16 / 9; border: 0; }

/* reverse lookup */
.cat-rev-head { background-color: #ff7d0f; }
.cat-rev-body { border-top: 5px solid black; }
.cat-rev-body .row > .col { padding-top: 3px; padding-bottom: 3px; }

@media print {
    .no-print, .no-print * { display: none !important; }
}
@media screen {
    .print-me { display: none !important; }
}