header { background: #014a8f; background: linear-gradient(45deg, #2f2f3f 10%, #014a8f 50%); } header h3 { font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } header h3 span { background: url(./../assets/images/vlass-icon.png) no-repeat center left; background-size: contain; } header nav a, .dark header nav a { color: #fff !important; padding: 1.25em 1.5em; font-size: 1.1em; margin: 0; letter-spacing: 0.1rem; font-weight: 300; text-transform: uppercase; } header nav a.active { background: #012c56; } header nav a:hover { color: #fff; text-decoration: underline; box-shadow: none; background: #014a8f; } nav#main_nav { background: #473b67; box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.5); } nav#main_nav a, nav#sticky_nav a { display: block; padding: 1.25em 1.5em; font-size: 1.2em; line-height: 1em; color: #fff !important; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: 400; } nav#main_nav a:hover, nav#sticky_nav a:hover { background: none; text-decoration: underline; background: #573e7b; } nav#main_nav a.active, nav#sticky_nav a.active { background: #6e5ba0; color: #ffffff; } nav#main_nav .btn-group { opacity: 0.5; } nav#sticky_nav { display: none; } nav#sticky_nav.sticky { display: flex; width: 100%; position: fixed; top: 0; left: 0; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); z-index: 99; margin: 0; background: #473b67; } nav#sticky_nav div { background-color: #2f2f3f; } nav#sticky_nav a { padding: 1em 1.5em !important; font-size: 1em !important; } /* button.title-button { margin: 0.5em 0 0 0; } table.table thead { background: #5f5f5f; color: #fff; } table.table caption { padding: 0.25em 0; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fff; } */ footer { background: none; color: #ccc; border-top: 1px solid #595969; } /* mobile */ @media (max-width: 767px) { header nav a { padding: 1.25em; font-size: 1em; } nav#main_nav { box-shadow: none; } nav#main_nav ul li { display: inline-block; } }