.theme-green .btn-primary { background: #085100; border-color: #085100; } .theme-green .btn-primary:hover, .theme-green .btn-primary:active, .theme-green .btn-primary:focus { background: #085100; } .theme-green .btn-secondary { background: #c1d5b0; border-color: #c1d5b0; } .theme-green .btn-secondary:hover, .theme-green .btn-secondary:active, .theme-green .btn-secondary:focus { background: #c1d5b0; } /* VP1, add extra margin to the .btn class so they have some stack margin */ @media screen and (max-width: 767px) { .btn { margin-bottom: 5px; } } /* 508 focus indicator */ .btn:focus { outline: 1px auto #ffa500; } /* primary button styles */ .btn-primary { text-shadow: none; /* remove all text shadow */ color: #ffffff; font-weight: 700; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { text-decoration: underline; } /* secondary button styles */ .btn-secondary { text-shadow: none; /* remove all text shadow */ color: #000000; font-weight: 700; } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { text-decoration: underline; } /* disabled buttons */ .btn[disabled=disabled], .btn:disabled { background: #e5e5e5; color: #404040; font-weight: 700; } .btn[disabled=disabled]:hover, .btn:disabled:hover { text-decoration: none; } /* VP1 */ @media screen and (max-width: 767px) { input[type=submit].btn-fit, input[type=button].btn-fit, button.btn-fit { width: 100%; } }