.mobile { width: 400px; } /* Colors Colors: $color-gptw-bg-blue: #E3F7FF - background color $color-gptw-bg-dark-blue: #0045FF - background color $color-gptw-bg-charcoal: #181818 - background color $color-gptw-bg-gray: #f7f7f7 - background color $color-gptw-bg-green: #def2bf - background color $color-gptw-bg-purple: #eee6fc - background color $color-gptw-bg-yellow: #FFFAC1 - background color $color-gptw-bg-royal-blue: #174bd6 - background color $color-gptw-bg-dark-purple: #401A80 - background color $color-gptw-bg-pink: #ffd3e8 - background color $color-gptw-black: #292b30 - accent color $color-gptw-bright-green: #7dcc00 - accent color $color-gptw-bright-red: #ff5a5a - accent color $color-gptw-dark-green: #007373 - accent color $color-gptw-gold: #ffb81a - accent color $color-gptw-logo-red: #d50000 - accent color $color-gptw-teal: #2cd9dd - accent color $color-gptw-text-navy-blue: #002171 - text color $color-gptw-text-bright-blue: #0045FF - text color $color-gptw-text-light-blue: #337DFF - text color $color-gptw-text-light-grey: #b3b3b3 - text color $color-gptw-text-medium-grey: #5c6066 - text color $color-gptw-text-white: #ffffff - text color $color-gptw-link-background: #DCE6FF - link background color Styleguide Colors */ /* Background colours */ /* Accent colors */ /* Colors Various text colors Markup:

A paragraph tag

.font-grey - grey .font-lighter-grey - light grey .font-blue - blue Styleguide Text - Colors */ /* CHART COLOURS */ /* LEGACY COLOUR DEFINITIONS */ .full-width { width: 100%; padding-top: 60px; padding-bottom: 60px; } @media (min-width: 768px) { .full-width { padding-top: 80px; padding-bottom: 80px; } } .full-width.no-y-padding { padding-top: 0; padding-bottom: 0; } a.btn { display: inline-block; } .btn { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; font-size: 12px !important; } @media (min-width: 992px) { .btn { font-size: 16px; } } .btn.btn-secondary { background-color: #174BD6; } .btn.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .btn:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .btn:hover.btn-secondary { background-color: #0d2b7a; } .btn:active { background-color: #0037cc; box-shadow: none; } .btn:active.btn-secondary { background-color: #123ba8; } .btn:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .btn:focus.btn-secondary { outline-color: #174BD6; } .btn:focus:active { color: white; outline: none; } .btn.light { background-color: white; color: #0045FF; text-decoration: none; } .btn.light:hover { background-color: white; color: #f9f9f9; } .btn.inline { display: inline-block; } .btn.margin-right { margin-right: 20px; } p .btn { margin-bottom: 0; } .btn { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; } @media (min-width: 992px) { .btn { font-size: 16px; } } .btn.btn-secondary { background-color: #174BD6; } .btn.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .btn:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .btn:hover.btn-secondary { background-color: #0d2b7a; } .btn:active { background-color: #0037cc; box-shadow: none; } .btn:active.btn-secondary { background-color: #123ba8; } .btn:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .btn:focus.btn-secondary { outline-color: #174BD6; } .btn:focus:active { color: white; outline: none; } .btn.light { background-color: white; color: #0045FF; text-decoration: none; } .btn.light:hover { background-color: white; color: #f9f9f9; } .btn.inline { display: inline-block; } .btn.margin-right { margin-right: 20px; } .btn.btn-secondary { background-color: #174BD6; color: white; } .btn.btn-secondary:hover { background-color: #7c9cf1; } .btn.btn-secondary:active { color: #002171; outline: none; } .btn.btn-tertiary { background-color: white; border: 2px solid #0045FF; color: #0045FF; } .btn.btn-tertiary:hover { background-color: white; border-color: #668fff; color: #668fff; } .btn.btn-tertiary:active { color: #0045FF; outline: none; } .btn.btn-tertiary:focus { color: #0045FF; } .btn-great, .model-btn { text-align: center; } .btn-great a, .model-btn a { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; } @media (min-width: 992px) { .btn-great a, .model-btn a { font-size: 16px; } } .btn-great a.btn-secondary, .model-btn a.btn-secondary { background-color: #174BD6; } .btn-great a.btn-lg, .model-btn a.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .btn-great a:hover, .model-btn a:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .btn-great a:hover.btn-secondary, .model-btn a:hover.btn-secondary { background-color: #0d2b7a; } .btn-great a:active, .model-btn a:active { background-color: #0037cc; box-shadow: none; } .btn-great a:active.btn-secondary, .model-btn a:active.btn-secondary { background-color: #123ba8; } .btn-great a:focus, .model-btn a:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .btn-great a:focus.btn-secondary, .model-btn a:focus.btn-secondary { outline-color: #174BD6; } .btn-great a:focus:active, .model-btn a:focus:active { color: white; outline: none; } .btn-great a.light, .model-btn a.light { background-color: white; color: #0045FF; text-decoration: none; } .btn-great a.light:hover, .model-btn a.light:hover { background-color: white; color: #f9f9f9; } .btn-great a.inline, .model-btn a.inline { display: inline-block; } .btn-great a.margin-right, .model-btn a.margin-right { margin-right: 20px; } .btn-great a.btn-white, .model-btn a.btn-white { background-color: white; color: black; border: 2px solid black; } .btn-great a.btn-white:hover, .model-btn a.btn-white:hover { background-color: white; color: black; } .model-btn a { background-color: white; } .contact_us_link { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; background-color: white; color: black; border: 2px solid black; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 992px) { .contact_us_link { font-size: 16px; } } .contact_us_link.btn-secondary { background-color: #174BD6; } .contact_us_link.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .contact_us_link:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .contact_us_link:hover.btn-secondary { background-color: #0d2b7a; } .contact_us_link:active { background-color: #0037cc; box-shadow: none; } .contact_us_link:active.btn-secondary { background-color: #123ba8; } .contact_us_link:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .contact_us_link:focus.btn-secondary { outline-color: #174BD6; } .contact_us_link:focus:active { color: white; outline: none; } .contact_us_link.light { background-color: white; color: #0045FF; text-decoration: none; } .contact_us_link.light:hover { background-color: white; color: #f9f9f9; } .contact_us_link.inline { display: inline-block; } .contact_us_link.margin-right { margin-right: 20px; } .contact_us_link:hover { background-color: white; color: black; } .contact_us_link i { margin-left: 5px; } .a-desk-widget-chat, .assistly-widget a { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; background-color: white; color: black; border: 2px solid black; } @media (min-width: 992px) { .a-desk-widget-chat, .assistly-widget a { font-size: 16px; } } .a-desk-widget-chat.btn-secondary, .assistly-widget a.btn-secondary { background-color: #174BD6; } .a-desk-widget-chat.btn-lg, .assistly-widget a.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .a-desk-widget-chat:hover, .assistly-widget a:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .a-desk-widget-chat:hover.btn-secondary, .assistly-widget a:hover.btn-secondary { background-color: #0d2b7a; } .a-desk-widget-chat:active, .assistly-widget a:active { background-color: #0037cc; box-shadow: none; } .a-desk-widget-chat:active.btn-secondary, .assistly-widget a:active.btn-secondary { background-color: #123ba8; } .a-desk-widget-chat:focus, .assistly-widget a:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .a-desk-widget-chat:focus.btn-secondary, .assistly-widget a:focus.btn-secondary { outline-color: #174BD6; } .a-desk-widget-chat:focus:active, .assistly-widget a:focus:active { color: white; outline: none; } .a-desk-widget-chat.light, .assistly-widget a.light { background-color: white; color: #0045FF; text-decoration: none; } .a-desk-widget-chat.light:hover, .assistly-widget a.light:hover { background-color: white; color: #f9f9f9; } .a-desk-widget-chat.inline, .assistly-widget a.inline { display: inline-block; } .a-desk-widget-chat.margin-right, .assistly-widget a.margin-right { margin-right: 20px; } .a-desk-widget-chat:hover, .assistly-widget a:hover { background-color: white; color: black; } .a-desk-widget-chat i, .assistly-widget a i { margin-right: 5px; } .banner-cont .banner-cont-desc .btn-transperant.btn-white { font-family: "Sailec-Bold"; font-size: 16px; line-height: 140%; letter-spacing: 0; display: inline-block; margin: 0; margin-top: 20px; text-transform: capitalize !important; min-width: auto !important; letter-spacing: 1.5px; line-height: 100%; border-radius: 60px; border: none; color: white; transition: background-color 300ms ease; font-size: 12px; letter-spacing: 0.15em; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; padding-right: 25px; background-color: #0045FF; background-color: white; color: black; border: 2px solid black; display: block; max-width: 300px; } @media (min-width: 992px) { .banner-cont .banner-cont-desc .btn-transperant.btn-white { font-size: 16px; } } .banner-cont .banner-cont-desc .btn-transperant.btn-white.btn-secondary { background-color: #174BD6; } .banner-cont .banner-cont-desc .btn-transperant.btn-white.btn-lg { padding: 30px; padding-top: 20px; padding-bottom: 20px; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover { cursor: pointer; color: white; background-color: #071E5C; box-shadow: none; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover.btn-secondary { background-color: #0d2b7a; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:active { background-color: #0037cc; box-shadow: none; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:active.btn-secondary { background-color: #123ba8; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus { color: white; outline: 1px dashed #0045FF; outline-offset: 3px; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus.btn-secondary { outline-color: #174BD6; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus:active { color: white; outline: none; } .banner-cont .banner-cont-desc .btn-transperant.btn-white.light { background-color: white; color: #0045FF; text-decoration: none; } .banner-cont .banner-cont-desc .btn-transperant.btn-white.light:hover { background-color: white; color: #f9f9f9; } .banner-cont .banner-cont-desc .btn-transperant.btn-white.inline { display: inline-block; } .banner-cont .banner-cont-desc .btn-transperant.btn-white.margin-right { margin-right: 20px; } .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover { background-color: white; color: black; } #gptw-accordion .description, #gptw-accordion .title { padding: 10px 10px; } #gptw-accordion .description { display: none; border-bottom: 1px solid grey; } #gptw-accordion .title { cursor: pointer; background-color: #f3f3f3; border-bottom: 1px solid grey; } .contact_us_link { text-transform: uppercase; } /* @import 'gptw-framework-variables'; @import 'gptw-modules'; */ /*# sourceMappingURL=backwards-compatible-css.css.map */