:root{ --font-base-size: 19px; --cs-font: 'HirmosPonomar', 'Franklin Gothic', Impact, monospace; --body-bg: #fbf5ea; --text-color: #2b2b2b; --secondary-bg: #fafafa; --secondary-text-color: #3a3a3a; --widget-color: #600; --accent-color: #900; --grey: #737373; } html { max-width: 100vw; max-height: 100vh; overflow-x: hidden !important; overflow-y: auto; scroll-behavior: smooth; font-size: var(--font-base-size, 19px); } body { margin: 0; overflow-x: hidden !important; width: 100%; font-family: Arial, Helvetica, sans-serif; } .fa.btn-settings { font-size: 17px; } .breadcrumbs { margin: 0; font-size: 12px; padding: 7px 30px 7px 0px; list-style: none; text-align: left; margin-left: 0; max-width: 100vw; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs li+li:before, .breadcrumbs a+a:before, .breadcrumbs span+a:before, .breadcrumbs a+span:before, .breadcrumbs span+span:before { content: " \BB "; text-decoration: none; color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); break-after: avoid; } .breadcrumbs a, .breadcrumbs a:focus { color: #900; color: var(--accent-color, #900); } .breadcrumbs li, .breadcrumbs a { display: contents; white-space: nowrap; } .help-btn { font-weight: 500; background: #4F99E3; color: #fff!important; border-radius: 40px; padding: .25em 1em .3em; text-decoration: none!important; } @supports (not(color: var(--text-color))) { .btn-dark { display: none!important; pointer-events: none; } } #totop{ position: fixed; z-index: 555; bottom: 0; right: 0; width: 1.5em; line-height: 1.5em; text-align: center; color: var(--text-color); } /* TOP MENU */ #main-nav { background: var(--secondary-bg, #fff)!important; border-bottom: 1px solid #eaeaea; } @media (max-width: 768px){ #nav-box{ display: block; overflow: hidden; max-height: 0px; transition: max-height 1s ease; } #nav-box.active{ max-height: 100vh; } } @media (min-width: 769px){ #main-nav .sub-menu{ background: var(--secondary-bg, #fff)!important; } }