:root {
html, body {line-height: 1.4;}
#yw-topnav {
#yw-topnav .btn.btn-default {
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
h1 {
h2 {
h3,h4,h5,h6 {
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
section h2 {
#yw-topnav .navbar-nav > li > a {
@media (max-width: 800px) {
- -navbar-bg-color: #fff;
- -navbar-text-color: #333;
- -navbar-link-color: #333;
- -navbar-link-bg-color: transparent;
html, body {line-height: 1.4;}
#yw-topnav {
- border-bottom: none;
- box-shadow: 0 1px 10px rgba(15,0,0,.4);
#yw-topnav .btn.btn-default {
- background: var(--navbar-bg-color) !important;
- color: var(--navbar-link-color) !important;
- border: 2px solid transparent;
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
- background: transparent !important;
- color: var(--navbar-link-hover-color) !important;
- border: 2px solid var(--navbar-link-hover-color);
h1 {
- letter-spacing: initial;
- font-weight: 900;
h2 {
- font-weight: 700;
h3,h4,h5,h6 {
- font-weight: 500;
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
- margin-top: 0;
section h2 {
- margin: 0 0 .5em;
#yw-topnav .navbar-nav > li > a {
- font-family: var(--main-title-fontfamily);
@media (max-width: 800px) {
- #yw-topnav .navbar-header .navbar-brand {
- padding: 0;
- }
- #yw-topnav .btn .fa {
- font-size: 1rem !important;
- }
- #yw-topnav .yw-topnav-fast-access .btn.btn-default, #yw-topnav .btn.btn-menu.btn-default, #yw-topnav .yw-topnav-fast-access .btn.btn-default:hover, #yw-topnav .yw-topnav-fast-access .btn.btn-default:focus {
- font-size: 0;
- padding: 0;
- }
- #yw-topnav .yw-topnav-fast-access .btn {
- margin-left: 0;
- }
- #yw-topnav .yw-topnav-fast-access .btn i {
- font-size: 1rem;
- }
- #yw-topnav .btn.btn-default {
- min-height: 2rem;
- min-width: 2rem;
- display: flex;
- align-content: center;
- align-items: center;
- text-align: center;
- justify-content: center;
- }
- #yw-topnav .container {
- padding: 0 .25rem;
- }
- .yw-topnav-fast-access {
- min-width: 150px;
- min-height: 70px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- #yw-topnav .navbar-brand img {
- max-height: 2.5rem;
- width: auto;
- margin-left: 0;
- margin-top: .2rem;
- }