.fullwidth-section { width: 100%; background: #eee; .fullwidth-inner { max-width: 1200px; margin: 0 auto; padding: 2rem; } } /* RTE button styles (used by CKEditor style definitions) */ .btn-vitec { display: inline-block; padding: 0.6rem 1rem; border-radius: 0.25rem; border: 1px solid transparent; font-weight: 600; line-height: 1.2; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; &:focus-visible { outline: 3px solid #f47937; outline-offset: 2px; } } .btn-vitec--orange { background-color: #f47937; border-color: #f47937; color: #ffffff; &:hover, &:focus-visible { background-color: #db6324; border-color: #db6324; color: #ffffff; } } .btn-vitec--blue { background-color: #26358c; border-color: #26358c; color: #ffffff; &:hover, &:focus-visible { background-color: #1e2a70; border-color: #1e2a70; color: #ffffff; } } .btn-vitec--graphite { background-color: #313131; border-color: #313131; color: #ffffff; &:hover, &:focus-visible { background-color: #1f1f1f; border-color: #1f1f1f; color: #ffffff; } } .btn-vitec--midnight { background-color: #0d0d0d; border-color: #0d0d0d; color: #ffffff; &:hover, &:focus-visible { background-color: #000000; border-color: #000000; color: #ffffff; } } .btn-vitec--light { background-color: #cccccc; border-color: #cccccc; color: #0d0d0d; &:hover, &:focus-visible { background-color: #b5b5b5; border-color: #b5b5b5; color: #0d0d0d; } } .btn-vitec--outline-orange { background-color: transparent; border-color: #f47937; color: #f47937; &:hover, &:focus-visible { background-color: #f47937; border-color: #f47937; color: #ffffff; } } .btn-vitec--outline-blue { background-color: transparent; border-color: #26358c; color: #26358c; &:hover, &:focus-visible { background-color: #26358c; border-color: #26358c; color: #ffffff; } }