body { background-color: #fcfcfc; font-family: 'Merriweather'; } .tdn a { text-decoration: none !important; } .menu .menu-item { display: inline-block; padding: 0.375rem 0.75rem; background-color: #f8f9fa; border: none; border-radius: 0; text-decoration: none; } .menu a:hover, .menu .menu-item.active { color: #fff; border-radius: 0.25rem; } .menu a { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; } .menu a:hover { background-color: #0b5ed7; } .menu .menu-item.active { background-color: #0d6efd; } .logo-image { width: 2.5rem; height: 2.5rem; } .footer-logo-image { width: 3rem; height: 3rem; filter: grayscale(1); } .ls-0125 { letter-spacing: 0.125rem; } .ls-025 { letter-spacing: 0.25rem; } .ff-sans-serif { font-family: sans-serif; } header { background-color: #e2e3e5; } .btn-word { color: #000; background-color: #f2f2f2; border-color: #f2f2f2; text-align: left !important; } [dir=rtl] .btn-word { text-align: right !important; } .btn-word:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-word:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-word:active, .btn-word.active { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-word:active:focus, .btn-word.active:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-word:disabled, .btn-word.disabled { color: #000; background-color: #f2f2f2; border-color: #f2f2f2; } #footer-ad { margin-top: 2rem; }