/* * These styles apply ONLY to the header and footer assets. */ [class*="titleBar-skipNav"] { display: none; } /* .vanilla-13d3pnn-titleBarLogo-logo-titleBarLogo-logo */ [class*="titleBarLogo-logo-titleBarLogo-logo"] { /* display: none !important;*/ } header { height: 75px !important; } @media screen and (min-width: 960px) { header { height: 115px !important; } } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1264px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* AC Styles */ .pt-nav { padding-top: 75px; } .pt-nav-secondary { padding-top: calc(75px + 64px); } html { overflow-x: hidden; scroll-behavior: smooth; } .nav-active { bottom: 0; left: 0; overflow: hidden; position: fixed; top: 0; right: 0; z-index: 101; } .nav-active::before { background: rgba(78, 84, 104, 0.4); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 98; } [id^=newnav-] { color: #1f2129; font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 100%; line-height: 28px; margin: 0; } [id^=newnav-] * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } [id^=newnav-] a, [id^=newnav-] article, [id^=newnav-] body, [id^=newnav-] code, [id^=newnav-] dd, [id^=newnav-] div, [id^=newnav-] dl, [id^=newnav-] dt, [id^=newnav-] fieldset, [id^=newnav-] footer, [id^=newnav-] form, [id^=newnav-] h1, [id^=newnav-] h2, [id^=newnav-] h3, [id^=newnav-] h4, [id^=newnav-] h5, [id^=newnav-] h6, [id^=newnav-] header, [id^=newnav-] html, [id^=newnav-] legend, [id^=newnav-] li, [id^=newnav-] main, [id^=newnav-] ol, [id^=newnav-] p, [id^=newnav-] pre, [id^=newnav-] section, [id^=newnav-] table, [id^=newnav-] td, [id^=newnav-] textarea, [id^=newnav-] th, [id^=newnav-] tr, [id^=newnav-] ul, [id^=newnav-] [type='email'], [id^=newnav-] [type='number'], [id^=newnav-] [type='password'], [id^=newnav-] [type='tel'], [id^=newnav-] [type='text'], [id^=newnav-] [type='url'], [id^=newnav-] .border-box { box-sizing: border-box; } [id^=newnav-] .rarr { content: ""; display: inline-block; height: 0; transition: 0.3s cubic-bezier(0.75, 0, 0.25, 1.25); vertical-align: 1px; width: 0; position: relative; transform: translateX(2px); will-change: transform; border-top-color: rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 4px 0 4px 4px; } [id^=newnav-] .hover-rarr:hover .rarr { transform: translateX(4px) !important; } [id^=newnav-] .darr { border-right-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0); border-left-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 4px 4px 0 4px; content: ''; display: inline-block; height: 0; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); vertical-align: 1px; width: 0; position: relative; transform: translateX(2px); will-change: transform; } [id^=newnav-] .none { display: none; } [id^=newnav-] .block { display: block; } [id^=newnav-] .inline-block { display: inline-block; } [id^=newnav-] .ws-no-wrap { white-space: nowrap; } [id^=newnav-] .ocean { color: #356ae6; } [id^=newnav-] .slate { color: #4e5468; } [id^=newnav-] .slate-40 { color: #ced3e0; } [id^=newnav-] .slate-60 { color: #9298ad; } [id^=newnav-] .slate-120 { color: #1f2129; } [id^=newnav-] .white { color: #fff; } [id^=newnav-] .bg-ocean { background-color: #356ae6; } [id^=newnav-] .bg-ocean-20 { background-color: #fafbff; } [id^=newnav-] .bg-ocean-60 { background-color: #c1d1f7; } [id^=newnav-] .bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .bg-white { background-color: #fff; } [id^=newnav-] .bg-mint { background-color: #19cca3; } [id^=newnav-] .bg-slate { background-color: #4e5468; } [id^=newnav-] .bg-transparent { background-color: rgba(255, 255, 255, 0); } [id^=newnav-] .hover-white:hover, [id^=newnav-] .hover-white:focus { color: #fff; } [id^=newnav-] .fw-500 { font-weight: 500; } [id^=newnav-] .fw-600 { font-weight: 600; } [id^=newnav-] .fw-700 { font-weight: 700; } [id^=newnav-] .inline-block { display: inline-block; } [id^=newnav-] .m-0 { margin: 0; } [id^=newnav-] .absolute { position: absolute; } [id^=newnav-] .relative { position: relative; } [id^=newnav-] .va-middle { vertical-align: middle; } [id^=newnav-] .mw-grid { max-width: 1080px; } [id^=newnav-] .mx-auto { margin-left: auto; margin-right: auto; } [id^=newnav-] .mx-2 { margin-left: 8px; margin-right: 8px; } [id^=newnav-] .mx-4 { margin-left: 16px; margin-right: 16px; } [id^=newnav-] .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } [id^=newnav-] .my-4 { margin-top: 16px; margin-bottom: 16px; } [id^=newnav-] .my-8 { margin-top: 32px; margin-bottom: 32px; } [id^=newnav-] .mb-0 { margin-bottom: 0px; } [id^=newnav-] .mb-1 { margin-bottom: 4px; } [id^=newnav-] .mb-4 { margin-bottom: 16px; } [id^=newnav-] .mb-6 { margin-bottom: 24px; } [id^=newnav-] .mb-8 { margin-bottom: 32px; } [id^=newnav-] .mb-10 { margin-bottom: 64px; } [id^=newnav-] .mr-2 { margin-right: 8px; } [id^=newnav-] .mr-4 { margin-right: 16px; } [id^=newnav-] .mr-5 { margin-right: 20px; } [id^=newnav-] .mr-6 { margin-right: 24px; } [id^=newnav-] .mr-8 { margin-right: 32px; } [id^=newnav-] .ml-1 { margin-left: 4px; } [id^=newnav-] .p-0 { padding: 0; } [id^=newnav-] .pr-2 { padding-right: 8px; } [id^=newnav-] .pr-5 { padding-right: 20px; } [id^=newnav-] .pr-8 { padding-right: 40px; } [id^=newnav-] .pr-9 { padding-right: 48px; } [id^=newnav-] .p-4 { padding: 16px; } [id^=newnav-] .p-5 { padding: 20px; } [id^=newnav-] .pb-1 { padding-bottom: 4px; } [id^=newnav-] .pb-4 { padding-bottom: 16px; } [id^=newnav-] .pb-10 { padding-bottom: 64px; } [id^=newnav-] .px-1 { padding-left: 4px; padding-right: 4px; } [id^=newnav-] .px-2 { padding-left: 8px; padding-right: 8px; } [id^=newnav-] .px-4 { padding-left: 16px; padding-right: 16px; } [id^=newnav-] .px-10 { padding-left: 4rem; padding-right: 4rem; } [id^=newnav-] .px-11 { padding-left: 5rem; padding-right: 5rem; } [id^=newnav-] .py-1 { padding-top: 2px; padding-bottom: 2px; } [id^=newnav-] .py-2 { padding-top: 8px; padding-bottom: 8px; } [id^=newnav-] .py-4 { padding-top: 16px; padding-bottom: 16px; } [id^=newnav-] .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } [id^=newnav-] .pt-1 { padding-top: 4px; } [id^=newnav-] .pt-7 { padding-top: 28px; } [id^=newnav-] .pt-10 { padding-top: 64px; } [id^=newnav-] .pl-8 { padding-left: 32px; } [id^=newnav-] .pl-10 { padding-left: 4rem; } [id^=newnav-] .px-8 { padding-left: 32px; padding-right: 32px; } [id^=newnav-] .pl-5 { padding-left: 20px; } [id^=newnav-] .py-5 { padding-top: 20px; padding-bottom: 20px; } [id^=newnav-] .px-6 { padding-left: 24px; padding-right: 24px; } [id^=newnav-] .bb { border-bottom-style: solid; } [id^=newnav-] .bt { border-top-style: solid; } [id^=newnav-] .bw-1 { border-width: 1px; } [id^=newnav-] .bs-solid { border-style: solid; } [id^=newnav-] .bc-ocean { border-color: #356ae6; } [id^=newnav-] .bc-ocean-40 { border-color: #e3ebfc; } [id^=newnav-] .bc-slate-80 { border-color: #5f667e; } [id^=newnav-] .bc-slate-40 { border-color: #ced3e0; } [id^=newnav-] .bw-2 { border-width: 0.125rem; } [id^=newnav-] .bl { border-left-style: solid; } [id^=newnav-] .br-1 { border-radius: 04px; } [id^=newnav-] .br-left-1 { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } [id^=newnav-] .br-right-1 { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } [id^=newnav-] .br-circle { border-radius: 100%; } [id^=newnav-] .bs-none { border-style: none; } [id^=newnav-] .dim { opacity: 1; transition: opacity 300ms ease-in; } [id^=newnav-] .list { list-style: none; } [id^=newnav-] .title { font-family: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif; } [id^=newnav-] .body { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; } [id^=newnav-] .body-1 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 0.75rem; line-height: 1rem; } [id^=newnav-] .body-2 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 14px; line-height: 20px; } [id^=newnav-] .body-3 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 16px; line-height: 24px; } [id^=newnav-] .body-4 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 18px; line-height: 1.75rem; } [id^=newnav-] .fs-0 { font-size: 0; } [id^=newnav-] .fs-1 { font-size: 10px; } [id^=newnav-] .fs-2 { font-size: 12px; } [id^=newnav-] .fs-3 { font-size: 14px; } [id^=newnav-] .fs-4 { font-size: 16px; } [id^=newnav-] .fs-5 { font-size: 18px; } [id^=newnav-] .fs-6 { font-size: 20px; } [id^=newnav-] .lh-0 { line-height: 0; } [id^=newnav-] .lh-1 { line-height: 12px; } [id^=newnav-] .lh-2 { line-height: 16px; } [id^=newnav-] .lh-3 { line-height: 20px; } [id^=newnav-] .lh-4 { line-height: 24px; } [id^=newnav-] .td-none { text-decoration: none; } [id^=newnav-] .tt-upper { text-transform: uppercase; } [id^=newnav-] .ls { letter-spacing: 1px; } [id^=newnav-] .w-1 { width: 16px; } [id^=newnav-] .w-100 { width: 100%; } [id^=newnav-] .w-50 { width: 50%; } [id^=newnav-] .w-75 { width: 75%; } [id^=newnav-] .mw-64 { max-width: 1024px; } [id^=newnav-] .link { text-decoration: none; transition: color 300ms ease-in; } [id^=newnav-] .link:link, [id^=newnav-] .link:visited { transition: color 300ms ease-in; } [id^=newnav-] .link:hover { transition: color 300ms ease-in; } [id^=newnav-] .link:active { transition: color 300ms ease-in; } [id^=newnav-] .link:focus { transition: color 300ms ease-in; outline: 1px dotted currentColor; } [id^=newnav-] .flex { display: flex; } [id^=newnav-] .flex-auto { flex: auto; } [id^=newnav-] .flex-shrink-0 { flex-shrink: 0; } [id^=newnav-] .flex-grow-0 { flex-grow: 0; } [id^=newnav-] .flex-grow-1 { flex-grow: 1; } [id^=newnav-] .flex-wrap { flex-wrap: wrap; } [id^=newnav-] .flex-column { flex-direction: column; } [id^=newnav-] .jc-start { justify-content: start; } [id^=newnav-] .jc-space-between { justify-content: space-between; } [id^=newnav-] .jc-flex-end { justify-content: flex-end; } [id^=newnav-] .jc-center { justify-content: center; } [id^=newnav-] .jc-space-around { justify-content: space-around; } [id^=newnav-] .ai-center { align-items: center; } [id^=newnav-] .ai-start { align-items: start; } [id^=newnav-] .ai-stretch { align-items: stretch; } [id^=newnav-] .ji-center { justify-items: center; } [id^=newnav-] .order-2 { order: 2; } [id^=newnav-] .pointer:hover { cursor: pointer; } [id^=newnav-] .fill-mint-100 svg, [id^=newnav-] .fill-mint-100 use { fill: #19cca3; } [id^=newnav-] .fill-ocean-100 svg, [id^=newnav-] .fill-ocean-100 use { fill: #356ae6; } [id^=newnav-] .icon { display: inline-block; height: 16px; position: relative; } [id^=newnav-] .icon-xs { display: inline-block; height: 16px; width: 16px; } [id^=newnav-] .icon-xs img, [id^=newnav-] .icon-xs svg { display: block; height: 100%; width: 100%; } [id^=newnav-] .icon-xs img { object-fit: contain; object-position: bottom; } [id^=newnav-] .icon-s { display: inline-block; height: 32px; width: 32px; } [id^=newnav-] .icon-s img, [id^=newnav-] .icon-s svg { display: block; height: 100%; width: 100%; } [id^=newnav-] .icon-s img.h-auto { height: auto; width: 24px; } [id^=newnav-] .icon-s img { object-fit: contain; object-position: bottom; } [id^=newnav-] .lead-in-1 { font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 700; } [id^=newnav-] .ta-center { text-align: center; } [id^=newnav-] .ta-left { text-align: left; } [id^=newnav-] .ta-right { text-align: right; } [id^=newnav-] .pointer, [id^=newnav-] .pointer:hover { cursor: pointer; } [id^=newnav-] .hover-link-border { position: relative; } [id^=newnav-] .hover-link-border::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; right: 0; opacity: 0; position: absolute; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: border-color, opacity, transform; } [id^=newnav-] .hover-link-border:hover:after, [id^=newnav-] .hover-link-border:focus:after { border-color: inherit; opacity: 1; transform: translateY(4px); } [id^=newnav-] .pe-none { pointer-events: none; } [id^=newnav-] .left-0 { left: 0; } [id^=newnav-] .bottom-0 { bottom: 0; } [id^=newnav-] .lh-3 { line-height: 20px; } [id^=newnav-] .lh-6 { line-height: 32px; } [id^=newnav-] .o-0 { opacity: 0; } [id^=newnav-] .bg-strawberry-20 { background-color: #fff2f6; } [id^=newnav-] .strawberry { color: #f3376b; } [id^=newnav-] .mb-2 { margin-bottom: 8px !important; } [id^=newnav-] .mt-2 { margin-top: 8px !important; } [id^=newnav-] .mt-5 { margin-top: 1.25rem; } [id^=newnav-] .mb-3 { margin-bottom: 0.75rem; } [id^=newnav-] .mb-5 { margin-bottom: 1.25rem; } [id^=newnav-] .button-reset, [id^=newnav-] .input-reset { -webkit-appearance: none; -moz-appearance: none; margin: 0; } [id^=newnav-] :focus { outline: none; } [id^=newnav-] .button-reset::-moz-focus-inner, [id^=newnav-] .input-reset::-moz-focus-inner { border: 0; margin: 0; padding: 0; } [id^=newnav-] .p-2 { padding: 8px; } [id^=newnav-] .p-3 { padding: 12px; } [id^=newnav-] ::placeholder { color: #9298ad; } [id^=newnav-] :-ms-input-placeholder { color: #9298ad !important; } [id^=newnav-] input, [id^=newnav-] button { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif !important; font-size: 14px; } [id^=newnav-] input { font-weight: 500; color: #1f2129; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .search-form .form-group, [id^=newnav-] .search-form button { background-color: #5f667e; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .search-form input { color: #fff; } [id^=newnav-] .search-form:focus-within .form-group { background-color: #fff; } [id^=newnav-] .search-form:focus-within input { color: #1f2129; } [id^=newnav-] .search-form:focus-within button { background-color: #356ae6; color: #fff; } [id^=newnav-] .bs-soft { box-shadow: 0 12px 26px 0 rgba(54, 141, 255, 0.1); } [id^=newnav-] .focus-border { box-shadow: 0 0 0 0 #f7f9ff; transition: all 0.2s ease; } [id^=newnav-] .focus-border:focus { box-shadow: 0 0 0 6.4px #f7f9ff; } [id^=newnav-] .grid { display: flex; flex-wrap: wrap; } @supports (display: grid) { [id^=newnav-] .grid { display: grid; } } [id^=newnav-] .g-cols { grid-template-columns: repeat(12, 1fr); } [id^=newnav-] .g-col-6 { width: 50%; } @supports (display: grid) { [id^=newnav-] .g-col-6 { width: auto; grid-column-end: span 6; } } [id^=newnav-] .gap-s>* { padding-right: 16px; } @supports (display: grid) { [id^=newnav-] .gap-s { grid-gap: 16px; gap: 16px; } [id^=newnav-] .gap-s>* { padding-right: 0; } } @media screen and (min-width: 480px) { [id^=newnav-] .s--g-col-4 { width: 33.3333333333%; } @supports (display: grid) { [id^=newnav-] .s--g-col-4 { width: auto; grid-column-end: span 4; } } [id^=newnav-] .s--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .s--flex { display: flex; } [id^=newnav-] .s--ai-center { align-items: center; } [id^=newnav-] .s--jc-flex-end { justify-content: flex-end; } [id^=newnav-] .s--jc-flex-start { justify-content: flex-start; } [id^=newnav-] .s--mw-20 { max-width: 320px; } [id^=newnav-] .s--m-0 { margin: 0; } [id^=newnav-] .s--ml-4 { margin-left: 16px; } [id^=newnav-] .s--mb-0 { margin-bottom: 0; } [id^=newnav-] .s--order-0 { order: 0; } [id^=newnav-] .s--order-2 { order: 2; } [id^=newnav-] .s--w-auto { width: auto; } } @media screen and (min-width: 720px) { [id^=newnav-] .m--pl-8 { padding-left: 32px; } [id^=newnav-] .m--mb-6 { margin-bottom: 24px; } [id^=newnav-] .m--g-col-3 { width: 25%; } @supports (display: grid) { [id^=newnav-] .m--g-col-3 { width: auto; grid-column-end: span 3; } } [id^=newnav-] .m--w-33 { width: 33.333%; } [id^=newnav-] .m--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .m--g-row-2 { grid-row-end: span 2; } } @media screen and (min-width: 960px) { [id^=newnav-] { /* nav-b */ } [id^=newnav-] .l--body-2 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 14px; line-height: 1.25rem; } [id^=newnav-] .l--body-3 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 16px; line-height: 1.5rem; } [id^=newnav-] .l--inline-block { display: inline-block; } [id^=newnav-] .l--none { display: none; } [id^=newnav-] .l--flex { display: flex; } [id^=newnav-] .l--g-col-1 { width: 8.33333%; } @supports (display: grid) { [id^=newnav-] .l--g-col-1 { width: auto; grid-column-end: span 1; } } [id^=newnav-] .l--g-col-2 { width: 16.6666666667%; } @supports (display: grid) { [id^=newnav-] .l--g-col-2 { width: auto; grid-column-end: span 2; } } [id^=newnav-] .l--g-row-1 { grid-row-end: span 1; } [id^=newnav-] .l--grid { display: flex; flex-wrap: wrap; } @supports (display: grid) { [id^=newnav-] .l--grid { display: grid; } } [id^=newnav-] .l--gap-none>* { padding: 0; } @supports (display: grid) { [id^=newnav-] .l--gap-none { grid-gap: 0; gap: 0; } [id^=newnav-] .l--gap-none>* { padding: 0; } } [id^=newnav-] .l--gap-s>* { padding: 0.5rem; } @supports (display: grid) { [id^=newnav-] .l--gap-s { grid-gap: 1rem; gap: 1rem; } [id^=newnav-] .l--gap-s>* { padding: 0; } } [id^=newnav-] .l--gap-m>* { padding: 0.75rem; } @supports (display: grid) { [id^=newnav-] .l--gap-m { grid-gap: 1.5rem; gap: 1.5rem; } [id^=newnav-] .l--gap-m>* { padding: 0; } } [id^=newnav-] .l--gap-l>* { padding: 1rem; } @supports (display: grid) { [id^=newnav-] .l--gap-l { grid-gap: 32px; gap: 32px; } [id^=newnav-] .l--gap-l>* { padding: 0; } } [id^=newnav-] .l--g-cols { grid-template-columns: repeat(12, 1fr); } [id^=newnav-] .l--mt-0 { margin-top: 0; } [id^=newnav-] .l--mb-5 { margin-bottom: 20px; } [id^=newnav-] .l--ml-10 { margin-left: 4rem; } [id^=newnav-] .l--pl-10 { padding-left: 4rem; } [id^=newnav-] .l--ml-10 { margin-left: 4rem; } [id^=newnav-] .l--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .l--py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } [id^=newnav-] .l--pl-0 { padding-left: 0; } [id^=newnav-] .l--pr-9 { padding-right: 48px; } [id^=newnav-] .l--px-5 { padding-left: 20px; padding-right: 20px; } [id^=newnav-] .l--px-10 { padding-left: 4rem; padding-right: 4rem; } [id^=newnav-] .l--px-11 { padding-left: 5rem; padding-right: 5rem; } [id^=newnav-] .l--w-auto { width: auto; } [id^=newnav-] .l--w-100 { width: 100%; } } .bg-slate { background-color: #4e5468; } .pb-10 { padding-bottom: 64px; } @media screen and (min-width: 1128px) { .xl--pb-0 { padding-bottom: 0; } } .newnav-global-spacer { display: block; flex-shrink: 0; background-color: #356ae6; height: 75px; z-index: 1; } @media screen and (min-width: 60em) { .newnav-global-spacer { height: calc(75px + 40px); } } [id^=newnav-].nav-global, [id^=newnav-] .nav-content-container, [id^=newnav-] .nav-logo-container, [id^=newnav-] .nav-toggle-container { box-sizing: border-box; display: flex; } [id^=newnav-] .nav-content-container, [id^=newnav-] .utility-bar { color: #1f2129; font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 18px; line-height: 28px; max-width: 1264px; padding: 0 40px; margin: 0 auto;; } [id^=newnav-].nav-global { justify-content: space-between; background-color: #356ae6; left: 0; position: fixed; right: 0; top: 0; z-index: 99; } @media screen and (min-width: 60em) { [id^=newnav-].nav-global { margin-top: 40px; padding: 0 20px; transition: all 150ms; } } @media screen and (max-width: 1300px) { [id^=newnav-] .nav-content-container { padding: 0 20px; } } .nav-active [id^=newnav-].nav-global { bottom: 0; } .nav-logo-container, .nav-toggle-container { align-items: center; transition: all 150ms; } .nav-logo, .nav-toggle { cursor: pointer; display: inline-block; font-size: 0; line-height: 1; } .nav-content-container { flex-direction: column; flex-grow: 1; max-width: 320px; transition: all 150ms; } .nav-active .nav-content-container { background: #fff; bottom: 0; left: 0; right: 0; top: 0; margin-left: 0; max-width: 320px; } @media screen and (min-width: 60em) { .nav-content-container { flex-direction: row; justify-content: space-between; margin: 0 auto; max-width: 1080px; } } .nav-logo-container { flex-shrink: 1; height: 75px; /* padding: 0 20px; */ } @media screen and (min-width: 60em) { .nav-logo-container { padding: 0; } } .nav-active .nav-logo-container { border-bottom: 1px solid #e3ebfc; } .nav-logo { fill: #fff; max-width: 200px; margin-right: 16px; } .nav-active .nav-logo { fill: #356ae6; } .nav-list-container { max-height: 0; overflow: hidden; } .nav-active .nav-list-container { max-height: none; overflow-y: auto; } @media screen and (min-width: 60em) { .nav-list-container { max-height: none; overflow: visible; } } .nav-list { list-style: none; margin: 0; padding: 0 20px; } @media screen and (min-width: 60em) { .nav-list { align-items: center; display: flex; height: 100%; transition: height 150ms; justify-content: end; padding: 0; } } .nav-list-item { font-weight: 500; } @media screen and (min-width: 60em) { .nav-list-item:nth-last-child(3) { display: none; } } @media screen and (min-width: 1120px) { .nav-list-item:nth-last-child(3):nth-last-child(3) { display: list-item; } } .nav-list-item:not(.cta):not(.hover-bg-none) { transition: height 150ms; } @media screen and (min-width: 60em) { .nav-list-item:not(.cta):not(.hover-bg-none) { height: 75px; } } .nav-list-item:not(.cta):not(.hover-bg-none):hover, .nav-list-item:not(.cta):not(.hover-bg-none):focus-within { background: #fff; } .nav-list-item.dropdown-active { background: #fff; bottom: 0; left: 0; padding: 0; position: fixed; top: 0; width: 320px; z-index: 1; } [id^=newnav-] .link-text { box-sizing: border-box; color: #356ae6; cursor: pointer; display: inline-block; padding: 16px 0; text-decoration: none; } [id^=newnav-] .link-text:hover, [id^=newnav-] .link-text:focus { text-decoration: underline; } @media screen and (min-width: 60em) { [id^=newnav-] .link-text { color: #4e5468; display: inline-block; position: relative; } [id^=newnav-] .link-text::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; opacity: 0; position: absolute; right: 0; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: border-color, opacity, transform; } [id^=newnav-] .link-text:hover, [id^=newnav-] .link-text:focus { color: #1f2129; text-decoration: none; } [id^=newnav-] .link-text:hover::after, [id^=newnav-] .link-text:focus::after { border-color: #356ae6; opacity: 1; transform: translateY(4px); } } @media screen and (min-width: 60em) { [id^=newnav-] .nav-list-item>.link-text { color: #fff; flex: 1; font-size: 14px; font-weight: 700; line-height: 75px; margin: 0 12px; padding: 0; /* transition: line-height 150ms; */ } [id^=newnav-] .nav-list-item>.link-text:hover::after, [id^=newnav-] .nav-list-item>.link-text:focus::after { /* border: none; */ } [id^=newnav-] .nav-list-item:not(.cta):focus-within>.link-text, [id^=newnav-] .nav-list-item:not(.cta):hover>.link-text { color: #356ae6; } } [id^=newnav-] .dropdown .link-text { align-items: center; display: flex; justify-content: space-between; } [id^=newnav-] .dropdown .link-text .back-arrow { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown .link-text { display: inline-block; justify-content: start; } [id^=newnav-] .dropdown .link-text .rarr { margin-left: 4px; transform: rotate(90deg); transition: 150ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: auto; } } [id^=newnav-] .dropdown-active>.link-text { border-bottom: 1px solid #e3ebfc; color: #1f2129; font-family: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif; font-size: 18px; height: 75px; justify-content: flex-start; } [id^=newnav-] .dropdown-active>.link-text .rarr { display: none; } [id^=newnav-] .dropdown-active>.link-text .back-arrow { border-right: 1px solid #e3ebfc; display: flex; align-items: center; height: 75px; margin-right: 20px; padding: 0 40px 0 20px; } [id^=newnav-] .cta .link-text { background-color: #19cca3; border-radius: 4px; border-style: none; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; line-height: 32px; padding: 8px 32px; text-decoration: none; transition: background-color 300ms; width: 100%; margin: 16px 0; } [id^=newnav-] .cta .link-text:hover, [id^=newnav-] .cta .link-text:focus { background-color: #16bb95; } @media screen and (min-width: 60em) { [id^=newnav-] .cta .link-text { font-size: 14px; margin: 0 0 0 12px; padding: 4px 20px; width: auto; } } [id^=newnav-] span.link-text { cursor: pointer; } @media screen and (min-width: 60em) { [id^=newnav-] span.link-text { cursor: default; } } [id^=newnav-] .mobile-nav-item { display: block; } @media screen and (min-width: 60em) { [id^=newnav-] .mobile-nav-item { display: none; } } [id^=newnav-] .link-text-lang { display: flex; } [id^=newnav-] .dropdown .link-text-lang { align-items: center; display: flex; justify-content: space-between; } [id^=newnav-] .dropdown-active .link-text-lang { justify-content: flex-start; } [id^=newnav-] .dropdown-active .link-text-lang .lang-globe-icon { display: none; } [id^=newnav-] .dropdown-active .link-text-lang .icon { display: inline-block; height: 16px; width: 16px; position: relative; opacity: 0; } [id^=newnav-] .dropdown-active .link-text-lang.active .icon { opacity: 1; } @media screen and (min-width: 60em) { .cta>.link-text::after, .dropdown>.link-text::after { display: none; } } @media screen and (min-width: 60em) { .dropdown:hover .dropdown-list-container, .dropdown:focus .dropdown-list-container { opacity: 1; pointer-events: all; } } [id^=newnav-] .dropdown-active .dropdown-list-container { height: calc(100% - 75px); } [id^=newnav-] .dropdown-list-container.mw-grid { max-width: 1184px;; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container { opacity: 0; pointer-events: none; position: absolute; top: 75px; transition: opacity 300ms, top 150ms; width: 100%; left: 0; right: 0; } } [id^=newnav-] .dropdown-list-container-inner { background-color: #fff; max-height: 0; overflow: hidden; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container-inner { max-height: calc(100vh - calc(75px + 40px) - 128px); overflow-y: auto; padding: 0 20px; } } [id^=newnav-] .dropdown-active .dropdown-list-container-inner { height: 100%; max-height: none; overflow-y: auto; } [id^=newnav-] .dropdown-list-container-shadow { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container-shadow { background: linear-gradient(to bottom, rgba(54, 141, 255, 0.3) 0%, transparent 100%); display: block; height: 16px; } } [id^=newnav-] .dropdown-list { list-style: none; padding: 0 20px; } [id^=newnav-] .dropdown-list ul { list-style: none; margin: 0; padding: 0; } [id^=newnav-] .dropdown-list .link-text .rarr { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list { border-radius: 4px; display: flex; padding: 16px 0; position: relative; width: 100%; } [id^=newnav-] .dropdown-list ul .link-text { font-size: 14px; font-weight: 500; margin-bottom: 6px; line-height: 24px; padding: 0; } [id^=newnav-] .dropdown-list .link-text .rarr { display: inline-block; transform: rotate(0); } } @media screen and (min-width: 960px) { [id^=newnav-] .dropdown-list::before { left: 49%; } } [id^=newnav-] .dropdown-list-product ul { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-product { flex-wrap: nowrap; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 16px 0; } [id^=newnav-] .dropdown-list-product ul { display: block; } [id^=newnav-] .dropdown-list-product>li { flex: 1 1 auto; width: 20%; } [id^=newnav-] .dropdown-list-product>li:not(:last-child) { padding: 0 16px 0 0; } [id^=newnav-] .dropdown-list-product>li>.link-text { color: #356ae6; padding: 0; margin: 16px 0; } [id^=newnav-] .dropdown-list-product>li>.link-text:hover, [id^=newnav-] .dropdown-list-product>li>.link-text:focus { color: #356ae6; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions>li { flex: 0 0 50%; } [id^=newnav-] .dropdown-list-solutions > ul li:first-of-type { padding: 0 2em 0 0!important; margin: 0 !important; width: 100% !important; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions-links { display: flex; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions-links>li { padding: 0 16px; flex: 1 1 auto; width: 33.333%; } } @media screen and (min-width: 1120px) { [id^=newnav-] .dropdown-list-solutions-links>li:first-child { padding: 0 16px 0 0; } [id^=newnav-] .dropdown-list-solutions-links>li:last-child { padding: 0 0 0 16px; } } @media screen and (min-width: 60em) { [id^=newnav-] .want-to-col { display: block; } } [id^=newnav-] .solutions-icon { display: inline-block; vertical-align: bottom; margin-right: 12px; } [id^=newnav-] .nav-toggle-container { justify-content: center; position: relative; width: 57px; height: 75px; margin-right: 5px; } @media screen and (min-width: 60em) { [id^=newnav-] .nav-toggle-container { display: none; } } [id^=newnav-].utility-bar-container { box-sizing: border-box; background-color: #1b54d9; display: none; height: 40px; left: 0; /* padding: 0 40px; */ position: fixed; right: 0; top: 0; z-index: 100; } @media screen and (min-width: 60em) { [id^=newnav-].utility-bar-container { display: block; } } [id^=newnav-] .search-link svg { fill: #c1d1f7; transition: fill 300ms; vertical-align: middle; } [id^=newnav-] .search-link:hover svg { fill: #fff; } [id^=newnav-] .language-selector .nav-popover { height: 40px; display: block; } [id^=newnav-] .language-selector .nav-popover svg { vertical-align: middle; margin-right: 8px; fill: #c1d1f7; transition: fill 300ms; } [id^=newnav-] .language-selector .popover-current { line-height: 40px; } [id^=newnav-] .language-selector .popover-arrow { vertical-align: middle; color: #ced3e0; } [id^=newnav-] .language-selector .popover-box { display: none; } [id^=newnav-] .language-selector .icon { height: 16px; width: 16px; opacity: 0; } [id^=newnav-] .language-selector .language-option.active .icon { opacity: 1; } [id^=newnav-] .language-selector .language-choosen { display: none; } [id^=newnav-] .language-selector .language-choosen.active { display: inline; } [id^=newnav-] .language-selector:hover, [id^=newnav-] .language-selector:focus { text-decoration: none; } [id^=newnav-] .language-selector:hover .nav-popover svg, [id^=newnav-] .language-selector:focus .nav-popover svg { fill: #fff; } [id^=newnav-] .language-selector:hover .popover-arrow, [id^=newnav-] .language-selector:focus .popover-arrow { color: #fff; } [id^=newnav-] .language-selector:hover .popover-current, [id^=newnav-] .language-selector:focus .popover-current { text-decoration: none; } [id^=newnav-] .language-selector:hover .popover-box, [id^=newnav-] .language-selector:focus .popover-box { display: block; } [id^=newnav-] .utility-links li { display: inline; line-height: 40px; margin-left: 20px; } [id^=newnav-] .nav-trial-form { flex-direction: column; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .nav-trial-form .error-message { transform: translateY(0); transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: opacity transform; } [id^=newnav-] .nav-trial-form .rarr { border-width: 4.8px 0 4.8px 6.4px; margin-left: 4px; vertical-align: 0; } [id^=newnav-] .nav-trial-form.dirty { box-shadow: none; } [id^=newnav-] .nav-trial-form.dirty input { box-shadow: 0 0 0 2px #e40e49; } [id^=newnav-] .nav-trial-form.dirty .error-message { transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: opacity transform; opacity: 1; visibility: visible; pointer-events: all; position: relative; } @media screen and (min-width: 60em) { [id^=newnav-] .nav-trial-form.dirty .error-message { transform: translateY(calc(100% + 8px)); position: absolute; } } @media screen and (min-width: 60em) { [id^=newnav-] .nav-trial-form { align-items: center; display: flex; height: 100%; margin: 0 0 0 12px; flex-direction: row; } [id^=newnav-] .nav-trial-form input, [id^=newnav-] .nav-trial-form button { font-size: 14px; } [id^=newnav-] .nav-trial-form input { padding: 4px 8px; margin: 0 8px 0 0 !important; } [id^=newnav-] .nav-trial-form button { padding: 4px 20px; } } .nav-toggle { height: 32px; width: 32px; } .nav-toggle g { stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 4px; stroke: #fff; } .nav-toggle .top, .nav-toggle .middle, .nav-toggle .bottom { transition-duration: 300ms; transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1.25); } .nav-toggle .top, .nav-toggle .bottom { transform: translate(0, 0) rotate(0deg); transition-property: transform; } .nav-toggle .top { transform-origin: top right; } .nav-toggle .bottom { transform-origin: bottom right; } .nav-toggle:hover .top { transform: translate(0, 7%) rotate(0deg); } .nav-toggle:hover .bottom { transform: translate(0, -7%) rotate(0deg); } .nav-active .nav-toggle { position: relative; top: -8px; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: transform; } .nav-active .nav-toggle:hover { transform: scale(0.95); } .nav-active .nav-toggle .top { transform: translate(-30%, 0) rotate(-45deg); } .nav-active .nav-toggle .middle { opacity: 0; } .nav-active .nav-toggle .bottom { transform: translate(-30%, 0) rotate(45deg); } .nav-active .nav-toggle::after { background: rgba(255, 255, 255, 0.3); border-radius: 100%; content: ''; display: block; height: 48px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 48px; } #newnav-footer { top: 0; } #newnav-footer nav { position: relative !important; } #newnav-footer h6 { font-weight: 700; } #newnav-footer .flex-nowrap { flex-wrap: nowrap; } #newnav-footer .flex-row { flex-direction: row; } @media screen and (min-width: 720px) { #newnav-footer .m--flex-row { flex-direction: row; } #newnav-footer .m--flex-wrap { flex-wrap: wrap; } } @media screen and (min-width: 960px) { #newnav-footer .l--flex-nowrap { flex-wrap: nowrap; } } #newnav-footer .selector-text { box-sizing: border-box; cursor: pointer; display: inline-block; text-decoration: none; line-height: 24px; } #newnav-footer .selector-text .active { border-bottom: 2px solid #fff; color: #fff; padding-bottom: 4px; } @media screen and (min-width: 60em) { #newnav-footer .selector-text { display: inline-block; position: relative; } #newnav-footer .selector-text::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; opacity: 0; position: absolute; right: 0; transition: 300ms ease-in; will-change: border-color, opacity, transform; } } #newnav-footer .hover-td-underline:hover, #newnav-footer .hover-td-underline:active { text-decoration: underline; } #newnav-footer .ov-hidden { overflow: hidden; } #newnav-footer .footer-featured-apps .app-card { color: #fff; } #newnav-footer .footer-featured-apps .app-card .app-card-icon { color: #fff; box-shadow: 0 0.25rem 0.75rem rgba(31, 33, 41, 0.06); width: 1.75rem; max-width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; flex: 1 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } #newnav-footer .footer-featured-apps .app-card .app-card-icon img { max-width: 28px; max-height: 28px; } #newnav-footer .footer-featured-apps .app-card:hover, #newnav-footer .footer-featured-apps .app-card:focus { color: initial; } .language-picker ul { text-align: center; } .language-picker ul li:not(:first-of-type):before { content: "\B7"; display: inline-block; margin: 0 8px; color: #ced3e0; font-weight: bold; } .bg-nav-slate-120, .bg-nav-ocean { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 75px; background-color: #356ae6; transition: all 150ms; } @media screen and (min-width: 60em) { .bg-nav-slate-120, .bg-nav-ocean { height: calc(75px + 40px); } } .bg-nav-slate-120 { background-color: #1f2129; } .nav-inactive .nav-global.scrolled { background-color: #356ae6; } .nav-inactive .nav-global.scrolled .nav-content-container, .nav-inactive .nav-global.scrolled .nav-logo-container, .nav-inactive .nav-global.scrolled .nav-toggle-container, .nav-inactive .nav-global.scrolled .nav-list-item:not(.cta), .nav-inactive .nav-global.scrolled .nav-list-item:not(.nav-trial-form) { height: 52px; } .nav-inactive .nav-global.scrolled .nav-list-item:not(.cta)>.link-text { line-height: 52px; } .nav-inactive .nav-global.scrolled .dropdown-list-container { top: 52px; } .nav-inactive .nav-global.scrolled~.bg-nav-ocean, .nav-inactive .nav-global.scrolled~.bg-nav-slate-120 { height: 52px; } @media screen and (min-width: 60em) { .nav-inactive .nav-global.scrolled~.bg-nav-ocean, .nav-inactive .nav-global.scrolled~.bg-nav-slate-120 { height: calc(52px + 40px); } } .nav-inactive .nav-global.scrolled~.secondary-nav { top: 52px; } @media screen and (min-width: 60em) { .nav-inactive .nav-global.scrolled~.secondary-nav { top: calc(52px + 40px); } } @media screen and (min-width: 720px) { .nav-inactive .nav-global.scrolled~.secondary-nav { background-color: #356ae6; } .nav-inactive .nav-global.scrolled~.secondary-nav .secondary-nav-topic { padding: 10px 0 12px 0; } } .nav-inactive .nav-global.scrolled~.secondary-nav .secondary-nav-dropdown { padding: 0; } /* nav-b */ #nav-b { line-height: 28px; } #nav-b .mb-2 { margin-bottom: 8px; } #nav-b .pr-8 { padding-right: 32px; } #nav-b .mx-auto { margin-left: auto; margin-right: auto; } #nav-b .z-2 { z-index: 2; } #nav-b .mw-32 { max-width: 32rem; } #nav-b .hover-cta-ocean:hover, #nav-b .hover-cta-ocean:focus { background-color: #356ae6; } @media screen and (min-width: 60em) { #nav-b .nav-list-item:not(.cta):not(.hover-bg-none):hover, #nav-b .nav-list-item:not(.cta):not(.hover-bg-none):focus-within { background: transparent; } } @media screen and (min-width: 60em) { #nav-b .nav-list-item:not(.cta), .nav-list-item:not(.cta):focus-within>#nav-b, .nav-list-item:not(.cta):hover>#nav-b { color: #fff; } #nav-b .nav-list-item:not(.cta):focus-within>.link-text, #nav-b .nav-list-item:not(.cta):hover>.link-text { cursor: pointer; color: #fff; } } #nav-b .link-text { color: #4e5468; } #nav-b .cta .link-text { color: #fff; } @media screen and (min-width: 60em) { #nav-b .nav-list-item>.link-text { color: #fff; } } @media screen and (min-width: 60em) { #nav-b .dropdown-list-container-inner { padding: 0; display: flex; box-shadow: 0 4px 12px rgba(31, 33, 41, 0.08); } } @media screen and (min-width: 60em) { #nav-b .dropdown-list ul .link-text { font-weight: 400; } } @media screen and (max-width: 980px) { #nav-b nav.nav-b-inner { position: unset !important; } } @media screen and (min-width: 60em) { #nav-b nav .dropdown-list { padding: 0; } } #nav-b nav .dropdown-list-product>li { width: unset; } #nav-b nav .dropdown-list-product>li:not(:last-child) { padding-right: 20px; } #nav-b nav .dropdown-list-product>li>.link-text { margin: 0 0 16px; } @media screen and (min-width: 60em) { #nav-b nav .dropdown-list-product>li>.link-text { color: #356ae6; } } #nav-b .dropdown-list-solutions-links .lead-in-1 { font-size: 12px; } @media screen and (min-width: 1120px) { #nav-b .dropdown-list-solutions-links>li:first-child { padding: 0; } #nav-b .dropdown-list-solutions-links>li:last-child { padding: 0; } } @media screen and (min-width: 480px) { #nav-b .s--none { display: none; } } @media screen and (min-width: 720px) { #nav-b .m--w-100 { width: 100%; } #nav-b .m--my-0 { margin-top: 0; margin-bottom: 0; } #nav-b .m--g-col-4 { width: 33.33333%; } @supports (display: grid) { #nav-b .m--g-col-4 { width: auto; grid-column-end: span 4; } } } @media screen and (min-width: 960px) { #nav-b .l--block { display: block; } } #nav-b .br-circle { border-radius: 100%; } #nav-b .app-card { color: #5f667e; } #nav-b .app-card .app-card-icon { color: #fff; box-shadow: 0 0.25rem 0.75rem rgba(31, 33, 41, 0.06); width: 3.375rem; max-width: 3.375rem; height: 3.375rem; display: flex; align-items: center; justify-content: center; flex: 1 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } #nav-b .app-card .app-card-icon img { max-width: 36px; max-height: 36px; } #nav-b .app-card .app-card-arrow { flex: 1 0 auto; text-align: right; } #nav-b .app-card:hover, #nav-b .app-card:focus, #nav-b .app-card:hover .app-card-icon, #nav-b .app-card:focus .app-card-icon { color: #356ae6; } #nav-b .app-card:hover .app-card-icon, #nav-b .app-card:focus .app-card-icon { box-shadow: 0px 8px 20px rgba(53, 106, 230, 0.2); }

Woocommerce, stop automation after buying

byadelaar

February 3 edited February 3 in Email Marketing

Hi, how can i stop an automation after somebody bought a product in my Woocommerce webshop?

Many thanks for helping me.

Pascal

0 ·

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

Related topics

/* * These styles apply ONLY to the header and footer assets. */ [class*="titleBar-skipNav"] { display: none; } /* .vanilla-13d3pnn-titleBarLogo-logo-titleBarLogo-logo */ [class*="titleBarLogo-logo-titleBarLogo-logo"] { /* display: none !important;*/ } header { height: 75px !important; } @media screen and (min-width: 960px) { header { height: 115px !important; } } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1264px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* AC Styles */ .pt-nav { padding-top: 75px; } .pt-nav-secondary { padding-top: calc(75px + 64px); } html { overflow-x: hidden; scroll-behavior: smooth; } .nav-active { bottom: 0; left: 0; overflow: hidden; position: fixed; top: 0; right: 0; z-index: 101; } .nav-active::before { background: rgba(78, 84, 104, 0.4); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 98; } [id^=newnav-] { color: #1f2129; font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 100%; line-height: 28px; margin: 0; } [id^=newnav-] * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } [id^=newnav-] a, [id^=newnav-] article, [id^=newnav-] body, [id^=newnav-] code, [id^=newnav-] dd, [id^=newnav-] div, [id^=newnav-] dl, [id^=newnav-] dt, [id^=newnav-] fieldset, [id^=newnav-] footer, [id^=newnav-] form, [id^=newnav-] h1, [id^=newnav-] h2, [id^=newnav-] h3, [id^=newnav-] h4, [id^=newnav-] h5, [id^=newnav-] h6, [id^=newnav-] header, [id^=newnav-] html, [id^=newnav-] legend, [id^=newnav-] li, [id^=newnav-] main, [id^=newnav-] ol, [id^=newnav-] p, [id^=newnav-] pre, [id^=newnav-] section, [id^=newnav-] table, [id^=newnav-] td, [id^=newnav-] textarea, [id^=newnav-] th, [id^=newnav-] tr, [id^=newnav-] ul, [id^=newnav-] [type='email'], [id^=newnav-] [type='number'], [id^=newnav-] [type='password'], [id^=newnav-] [type='tel'], [id^=newnav-] [type='text'], [id^=newnav-] [type='url'], [id^=newnav-] .border-box { box-sizing: border-box; } [id^=newnav-] .rarr { content: ""; display: inline-block; height: 0; transition: 0.3s cubic-bezier(0.75, 0, 0.25, 1.25); vertical-align: 1px; width: 0; position: relative; transform: translateX(2px); will-change: transform; border-top-color: rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 4px 0 4px 4px; } [id^=newnav-] .hover-rarr:hover .rarr { transform: translateX(4px) !important; } [id^=newnav-] .darr { border-right-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0); border-left-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 4px 4px 0 4px; content: ''; display: inline-block; height: 0; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); vertical-align: 1px; width: 0; position: relative; transform: translateX(2px); will-change: transform; } [id^=newnav-] .none { display: none; } [id^=newnav-] .block { display: block; } [id^=newnav-] .inline-block { display: inline-block; } [id^=newnav-] .ws-no-wrap { white-space: nowrap; } [id^=newnav-] .ocean { color: #356ae6; } [id^=newnav-] .slate { color: #4e5468; } [id^=newnav-] .slate-40 { color: #ced3e0; } [id^=newnav-] .slate-60 { color: #9298ad; } [id^=newnav-] .slate-120 { color: #1f2129; } [id^=newnav-] .white { color: #fff; } [id^=newnav-] .bg-ocean { background-color: #356ae6; } [id^=newnav-] .bg-ocean-20 { background-color: #fafbff; } [id^=newnav-] .bg-ocean-60 { background-color: #c1d1f7; } [id^=newnav-] .bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .bg-white { background-color: #fff; } [id^=newnav-] .bg-mint { background-color: #19cca3; } [id^=newnav-] .bg-slate { background-color: #4e5468; } [id^=newnav-] .bg-transparent { background-color: rgba(255, 255, 255, 0); } [id^=newnav-] .hover-white:hover, [id^=newnav-] .hover-white:focus { color: #fff; } [id^=newnav-] .fw-500 { font-weight: 500; } [id^=newnav-] .fw-600 { font-weight: 600; } [id^=newnav-] .fw-700 { font-weight: 700; } [id^=newnav-] .inline-block { display: inline-block; } [id^=newnav-] .m-0 { margin: 0; } [id^=newnav-] .absolute { position: absolute; } [id^=newnav-] .relative { position: relative; } [id^=newnav-] .va-middle { vertical-align: middle; } [id^=newnav-] .mw-grid { max-width: 1080px; } [id^=newnav-] .mx-auto { margin-left: auto; margin-right: auto; } [id^=newnav-] .mx-2 { margin-left: 8px; margin-right: 8px; } [id^=newnav-] .mx-4 { margin-left: 16px; margin-right: 16px; } [id^=newnav-] .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } [id^=newnav-] .my-4 { margin-top: 16px; margin-bottom: 16px; } [id^=newnav-] .my-8 { margin-top: 32px; margin-bottom: 32px; } [id^=newnav-] .mb-0 { margin-bottom: 0px; } [id^=newnav-] .mb-1 { margin-bottom: 4px; } [id^=newnav-] .mb-4 { margin-bottom: 16px; } [id^=newnav-] .mb-6 { margin-bottom: 24px; } [id^=newnav-] .mb-8 { margin-bottom: 32px; } [id^=newnav-] .mb-10 { margin-bottom: 64px; } [id^=newnav-] .mr-2 { margin-right: 8px; } [id^=newnav-] .mr-4 { margin-right: 16px; } [id^=newnav-] .mr-5 { margin-right: 20px; } [id^=newnav-] .mr-6 { margin-right: 24px; } [id^=newnav-] .mr-8 { margin-right: 32px; } [id^=newnav-] .ml-1 { margin-left: 4px; } [id^=newnav-] .p-0 { padding: 0; } [id^=newnav-] .pr-2 { padding-right: 8px; } [id^=newnav-] .pr-5 { padding-right: 20px; } [id^=newnav-] .pr-8 { padding-right: 40px; } [id^=newnav-] .pr-9 { padding-right: 48px; } [id^=newnav-] .p-4 { padding: 16px; } [id^=newnav-] .p-5 { padding: 20px; } [id^=newnav-] .pb-1 { padding-bottom: 4px; } [id^=newnav-] .pb-4 { padding-bottom: 16px; } [id^=newnav-] .pb-10 { padding-bottom: 64px; } [id^=newnav-] .px-1 { padding-left: 4px; padding-right: 4px; } [id^=newnav-] .px-2 { padding-left: 8px; padding-right: 8px; } [id^=newnav-] .px-4 { padding-left: 16px; padding-right: 16px; } [id^=newnav-] .px-10 { padding-left: 4rem; padding-right: 4rem; } [id^=newnav-] .px-11 { padding-left: 5rem; padding-right: 5rem; } [id^=newnav-] .py-1 { padding-top: 2px; padding-bottom: 2px; } [id^=newnav-] .py-2 { padding-top: 8px; padding-bottom: 8px; } [id^=newnav-] .py-4 { padding-top: 16px; padding-bottom: 16px; } [id^=newnav-] .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } [id^=newnav-] .pt-1 { padding-top: 4px; } [id^=newnav-] .pt-7 { padding-top: 28px; } [id^=newnav-] .pt-10 { padding-top: 64px; } [id^=newnav-] .pl-8 { padding-left: 32px; } [id^=newnav-] .pl-10 { padding-left: 4rem; } [id^=newnav-] .px-8 { padding-left: 32px; padding-right: 32px; } [id^=newnav-] .pl-5 { padding-left: 20px; } [id^=newnav-] .py-5 { padding-top: 20px; padding-bottom: 20px; } [id^=newnav-] .px-6 { padding-left: 24px; padding-right: 24px; } [id^=newnav-] .bb { border-bottom-style: solid; } [id^=newnav-] .bt { border-top-style: solid; } [id^=newnav-] .bw-1 { border-width: 1px; } [id^=newnav-] .bs-solid { border-style: solid; } [id^=newnav-] .bc-ocean { border-color: #356ae6; } [id^=newnav-] .bc-ocean-40 { border-color: #e3ebfc; } [id^=newnav-] .bc-slate-80 { border-color: #5f667e; } [id^=newnav-] .bc-slate-40 { border-color: #ced3e0; } [id^=newnav-] .bw-2 { border-width: 0.125rem; } [id^=newnav-] .bl { border-left-style: solid; } [id^=newnav-] .br-1 { border-radius: 04px; } [id^=newnav-] .br-left-1 { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } [id^=newnav-] .br-right-1 { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } [id^=newnav-] .br-circle { border-radius: 100%; } [id^=newnav-] .bs-none { border-style: none; } [id^=newnav-] .dim { opacity: 1; transition: opacity 300ms ease-in; } [id^=newnav-] .list { list-style: none; } [id^=newnav-] .title { font-family: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif; } [id^=newnav-] .body { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; } [id^=newnav-] .body-1 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 0.75rem; line-height: 1rem; } [id^=newnav-] .body-2 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 14px; line-height: 20px; } [id^=newnav-] .body-3 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 16px; line-height: 24px; } [id^=newnav-] .body-4 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 18px; line-height: 1.75rem; } [id^=newnav-] .fs-0 { font-size: 0; } [id^=newnav-] .fs-1 { font-size: 10px; } [id^=newnav-] .fs-2 { font-size: 12px; } [id^=newnav-] .fs-3 { font-size: 14px; } [id^=newnav-] .fs-4 { font-size: 16px; } [id^=newnav-] .fs-5 { font-size: 18px; } [id^=newnav-] .fs-6 { font-size: 20px; } [id^=newnav-] .lh-0 { line-height: 0; } [id^=newnav-] .lh-1 { line-height: 12px; } [id^=newnav-] .lh-2 { line-height: 16px; } [id^=newnav-] .lh-3 { line-height: 20px; } [id^=newnav-] .lh-4 { line-height: 24px; } [id^=newnav-] .td-none { text-decoration: none; } [id^=newnav-] .tt-upper { text-transform: uppercase; } [id^=newnav-] .ls { letter-spacing: 1px; } [id^=newnav-] .w-1 { width: 16px; } [id^=newnav-] .w-100 { width: 100%; } [id^=newnav-] .w-50 { width: 50%; } [id^=newnav-] .w-75 { width: 75%; } [id^=newnav-] .mw-64 { max-width: 1024px; } [id^=newnav-] .link { text-decoration: none; transition: color 300ms ease-in; } [id^=newnav-] .link:link, [id^=newnav-] .link:visited { transition: color 300ms ease-in; } [id^=newnav-] .link:hover { transition: color 300ms ease-in; } [id^=newnav-] .link:active { transition: color 300ms ease-in; } [id^=newnav-] .link:focus { transition: color 300ms ease-in; outline: 1px dotted currentColor; } [id^=newnav-] .flex { display: flex; } [id^=newnav-] .flex-auto { flex: auto; } [id^=newnav-] .flex-shrink-0 { flex-shrink: 0; } [id^=newnav-] .flex-grow-0 { flex-grow: 0; } [id^=newnav-] .flex-grow-1 { flex-grow: 1; } [id^=newnav-] .flex-wrap { flex-wrap: wrap; } [id^=newnav-] .flex-column { flex-direction: column; } [id^=newnav-] .jc-start { justify-content: start; } [id^=newnav-] .jc-space-between { justify-content: space-between; } [id^=newnav-] .jc-flex-end { justify-content: flex-end; } [id^=newnav-] .jc-center { justify-content: center; } [id^=newnav-] .jc-space-around { justify-content: space-around; } [id^=newnav-] .ai-center { align-items: center; } [id^=newnav-] .ai-start { align-items: start; } [id^=newnav-] .ai-stretch { align-items: stretch; } [id^=newnav-] .ji-center { justify-items: center; } [id^=newnav-] .order-2 { order: 2; } [id^=newnav-] .pointer:hover { cursor: pointer; } [id^=newnav-] .fill-mint-100 svg, [id^=newnav-] .fill-mint-100 use { fill: #19cca3; } [id^=newnav-] .fill-ocean-100 svg, [id^=newnav-] .fill-ocean-100 use { fill: #356ae6; } [id^=newnav-] .icon { display: inline-block; height: 16px; position: relative; } [id^=newnav-] .icon-xs { display: inline-block; height: 16px; width: 16px; } [id^=newnav-] .icon-xs img, [id^=newnav-] .icon-xs svg { display: block; height: 100%; width: 100%; } [id^=newnav-] .icon-xs img { object-fit: contain; object-position: bottom; } [id^=newnav-] .icon-s { display: inline-block; height: 32px; width: 32px; } [id^=newnav-] .icon-s img, [id^=newnav-] .icon-s svg { display: block; height: 100%; width: 100%; } [id^=newnav-] .icon-s img.h-auto { height: auto; width: 24px; } [id^=newnav-] .icon-s img { object-fit: contain; object-position: bottom; } [id^=newnav-] .lead-in-1 { font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 700; } [id^=newnav-] .ta-center { text-align: center; } [id^=newnav-] .ta-left { text-align: left; } [id^=newnav-] .ta-right { text-align: right; } [id^=newnav-] .pointer, [id^=newnav-] .pointer:hover { cursor: pointer; } [id^=newnav-] .hover-link-border { position: relative; } [id^=newnav-] .hover-link-border::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; right: 0; opacity: 0; position: absolute; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: border-color, opacity, transform; } [id^=newnav-] .hover-link-border:hover:after, [id^=newnav-] .hover-link-border:focus:after { border-color: inherit; opacity: 1; transform: translateY(4px); } [id^=newnav-] .pe-none { pointer-events: none; } [id^=newnav-] .left-0 { left: 0; } [id^=newnav-] .bottom-0 { bottom: 0; } [id^=newnav-] .lh-3 { line-height: 20px; } [id^=newnav-] .lh-6 { line-height: 32px; } [id^=newnav-] .o-0 { opacity: 0; } [id^=newnav-] .bg-strawberry-20 { background-color: #fff2f6; } [id^=newnav-] .strawberry { color: #f3376b; } [id^=newnav-] .mb-2 { margin-bottom: 8px !important; } [id^=newnav-] .mt-2 { margin-top: 8px !important; } [id^=newnav-] .mt-5 { margin-top: 1.25rem; } [id^=newnav-] .mb-3 { margin-bottom: 0.75rem; } [id^=newnav-] .mb-5 { margin-bottom: 1.25rem; } [id^=newnav-] .button-reset, [id^=newnav-] .input-reset { -webkit-appearance: none; -moz-appearance: none; margin: 0; } [id^=newnav-] :focus { outline: none; } [id^=newnav-] .button-reset::-moz-focus-inner, [id^=newnav-] .input-reset::-moz-focus-inner { border: 0; margin: 0; padding: 0; } [id^=newnav-] .p-2 { padding: 8px; } [id^=newnav-] .p-3 { padding: 12px; } [id^=newnav-] ::placeholder { color: #9298ad; } [id^=newnav-] :-ms-input-placeholder { color: #9298ad !important; } [id^=newnav-] input, [id^=newnav-] button { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif !important; font-size: 14px; } [id^=newnav-] input { font-weight: 500; color: #1f2129; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .search-form .form-group, [id^=newnav-] .search-form button { background-color: #5f667e; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .search-form input { color: #fff; } [id^=newnav-] .search-form:focus-within .form-group { background-color: #fff; } [id^=newnav-] .search-form:focus-within input { color: #1f2129; } [id^=newnav-] .search-form:focus-within button { background-color: #356ae6; color: #fff; } [id^=newnav-] .bs-soft { box-shadow: 0 12px 26px 0 rgba(54, 141, 255, 0.1); } [id^=newnav-] .focus-border { box-shadow: 0 0 0 0 #f7f9ff; transition: all 0.2s ease; } [id^=newnav-] .focus-border:focus { box-shadow: 0 0 0 6.4px #f7f9ff; } [id^=newnav-] .grid { display: flex; flex-wrap: wrap; } @supports (display: grid) { [id^=newnav-] .grid { display: grid; } } [id^=newnav-] .g-cols { grid-template-columns: repeat(12, 1fr); } [id^=newnav-] .g-col-6 { width: 50%; } @supports (display: grid) { [id^=newnav-] .g-col-6 { width: auto; grid-column-end: span 6; } } [id^=newnav-] .gap-s>* { padding-right: 16px; } @supports (display: grid) { [id^=newnav-] .gap-s { grid-gap: 16px; gap: 16px; } [id^=newnav-] .gap-s>* { padding-right: 0; } } @media screen and (min-width: 480px) { [id^=newnav-] .s--g-col-4 { width: 33.3333333333%; } @supports (display: grid) { [id^=newnav-] .s--g-col-4 { width: auto; grid-column-end: span 4; } } [id^=newnav-] .s--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .s--flex { display: flex; } [id^=newnav-] .s--ai-center { align-items: center; } [id^=newnav-] .s--jc-flex-end { justify-content: flex-end; } [id^=newnav-] .s--jc-flex-start { justify-content: flex-start; } [id^=newnav-] .s--mw-20 { max-width: 320px; } [id^=newnav-] .s--m-0 { margin: 0; } [id^=newnav-] .s--ml-4 { margin-left: 16px; } [id^=newnav-] .s--mb-0 { margin-bottom: 0; } [id^=newnav-] .s--order-0 { order: 0; } [id^=newnav-] .s--order-2 { order: 2; } [id^=newnav-] .s--w-auto { width: auto; } } @media screen and (min-width: 720px) { [id^=newnav-] .m--pl-8 { padding-left: 32px; } [id^=newnav-] .m--mb-6 { margin-bottom: 24px; } [id^=newnav-] .m--g-col-3 { width: 25%; } @supports (display: grid) { [id^=newnav-] .m--g-col-3 { width: auto; grid-column-end: span 3; } } [id^=newnav-] .m--w-33 { width: 33.333%; } [id^=newnav-] .m--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .m--g-row-2 { grid-row-end: span 2; } } @media screen and (min-width: 960px) { [id^=newnav-] { /* nav-b */ } [id^=newnav-] .l--body-2 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 14px; line-height: 1.25rem; } [id^=newnav-] .l--body-3 { font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 16px; line-height: 1.5rem; } [id^=newnav-] .l--inline-block { display: inline-block; } [id^=newnav-] .l--none { display: none; } [id^=newnav-] .l--flex { display: flex; } [id^=newnav-] .l--g-col-1 { width: 8.33333%; } @supports (display: grid) { [id^=newnav-] .l--g-col-1 { width: auto; grid-column-end: span 1; } } [id^=newnav-] .l--g-col-2 { width: 16.6666666667%; } @supports (display: grid) { [id^=newnav-] .l--g-col-2 { width: auto; grid-column-end: span 2; } } [id^=newnav-] .l--g-row-1 { grid-row-end: span 1; } [id^=newnav-] .l--grid { display: flex; flex-wrap: wrap; } @supports (display: grid) { [id^=newnav-] .l--grid { display: grid; } } [id^=newnav-] .l--gap-none>* { padding: 0; } @supports (display: grid) { [id^=newnav-] .l--gap-none { grid-gap: 0; gap: 0; } [id^=newnav-] .l--gap-none>* { padding: 0; } } [id^=newnav-] .l--gap-s>* { padding: 0.5rem; } @supports (display: grid) { [id^=newnav-] .l--gap-s { grid-gap: 1rem; gap: 1rem; } [id^=newnav-] .l--gap-s>* { padding: 0; } } [id^=newnav-] .l--gap-m>* { padding: 0.75rem; } @supports (display: grid) { [id^=newnav-] .l--gap-m { grid-gap: 1.5rem; gap: 1.5rem; } [id^=newnav-] .l--gap-m>* { padding: 0; } } [id^=newnav-] .l--gap-l>* { padding: 1rem; } @supports (display: grid) { [id^=newnav-] .l--gap-l { grid-gap: 32px; gap: 32px; } [id^=newnav-] .l--gap-l>* { padding: 0; } } [id^=newnav-] .l--g-cols { grid-template-columns: repeat(12, 1fr); } [id^=newnav-] .l--mt-0 { margin-top: 0; } [id^=newnav-] .l--mb-5 { margin-bottom: 20px; } [id^=newnav-] .l--ml-10 { margin-left: 4rem; } [id^=newnav-] .l--pl-10 { padding-left: 4rem; } [id^=newnav-] .l--ml-10 { margin-left: 4rem; } [id^=newnav-] .l--bg-slate-20 { background-color: #f7f9ff; } [id^=newnav-] .l--py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } [id^=newnav-] .l--pl-0 { padding-left: 0; } [id^=newnav-] .l--pr-9 { padding-right: 48px; } [id^=newnav-] .l--px-5 { padding-left: 20px; padding-right: 20px; } [id^=newnav-] .l--px-10 { padding-left: 4rem; padding-right: 4rem; } [id^=newnav-] .l--px-11 { padding-left: 5rem; padding-right: 5rem; } [id^=newnav-] .l--w-auto { width: auto; } [id^=newnav-] .l--w-100 { width: 100%; } } .bg-slate { background-color: #4e5468; } .pb-10 { padding-bottom: 64px; } @media screen and (min-width: 1128px) { .xl--pb-0 { padding-bottom: 0; } } .newnav-global-spacer { display: block; flex-shrink: 0; background-color: #356ae6; height: 75px; z-index: 1; } @media screen and (min-width: 60em) { .newnav-global-spacer { height: calc(75px + 40px); } } [id^=newnav-].nav-global, [id^=newnav-] .nav-content-container, [id^=newnav-] .nav-logo-container, [id^=newnav-] .nav-toggle-container { box-sizing: border-box; display: flex; } [id^=newnav-] .nav-content-container, [id^=newnav-] .utility-bar { color: #1f2129; font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif; font-size: 18px; line-height: 28px; max-width: 1264px; padding: 0 40px; margin: 0 auto;; } [id^=newnav-].nav-global { justify-content: space-between; background-color: #356ae6; left: 0; position: fixed; right: 0; top: 0; z-index: 99; } @media screen and (min-width: 60em) { [id^=newnav-].nav-global { margin-top: 40px; padding: 0 20px; transition: all 150ms; } } @media screen and (max-width: 1300px) { [id^=newnav-] .nav-content-container { padding: 0 20px; } } .nav-active [id^=newnav-].nav-global { bottom: 0; } .nav-logo-container, .nav-toggle-container { align-items: center; transition: all 150ms; } .nav-logo, .nav-toggle { cursor: pointer; display: inline-block; font-size: 0; line-height: 1; } .nav-content-container { flex-direction: column; flex-grow: 1; max-width: 320px; transition: all 150ms; } .nav-active .nav-content-container { background: #fff; bottom: 0; left: 0; right: 0; top: 0; margin-left: 0; max-width: 320px; } @media screen and (min-width: 60em) { .nav-content-container { flex-direction: row; justify-content: space-between; margin: 0 auto; max-width: 1080px; } } .nav-logo-container { flex-shrink: 1; height: 75px; /* padding: 0 20px; */ } @media screen and (min-width: 60em) { .nav-logo-container { padding: 0; } } .nav-active .nav-logo-container { border-bottom: 1px solid #e3ebfc; } .nav-logo { fill: #fff; max-width: 200px; margin-right: 16px; } .nav-active .nav-logo { fill: #356ae6; } .nav-list-container { max-height: 0; overflow: hidden; } .nav-active .nav-list-container { max-height: none; overflow-y: auto; } @media screen and (min-width: 60em) { .nav-list-container { max-height: none; overflow: visible; } } .nav-list { list-style: none; margin: 0; padding: 0 20px; } @media screen and (min-width: 60em) { .nav-list { align-items: center; display: flex; height: 100%; transition: height 150ms; justify-content: end; padding: 0; } } .nav-list-item { font-weight: 500; } @media screen and (min-width: 60em) { .nav-list-item:nth-last-child(3) { display: none; } } @media screen and (min-width: 1120px) { .nav-list-item:nth-last-child(3):nth-last-child(3) { display: list-item; } } .nav-list-item:not(.cta):not(.hover-bg-none) { transition: height 150ms; } @media screen and (min-width: 60em) { .nav-list-item:not(.cta):not(.hover-bg-none) { height: 75px; } } .nav-list-item:not(.cta):not(.hover-bg-none):hover, .nav-list-item:not(.cta):not(.hover-bg-none):focus-within { background: #fff; } .nav-list-item.dropdown-active { background: #fff; bottom: 0; left: 0; padding: 0; position: fixed; top: 0; width: 320px; z-index: 1; } [id^=newnav-] .link-text { box-sizing: border-box; color: #356ae6; cursor: pointer; display: inline-block; padding: 16px 0; text-decoration: none; } [id^=newnav-] .link-text:hover, [id^=newnav-] .link-text:focus { text-decoration: underline; } @media screen and (min-width: 60em) { [id^=newnav-] .link-text { color: #4e5468; display: inline-block; position: relative; } [id^=newnav-] .link-text::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; opacity: 0; position: absolute; right: 0; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: border-color, opacity, transform; } [id^=newnav-] .link-text:hover, [id^=newnav-] .link-text:focus { color: #1f2129; text-decoration: none; } [id^=newnav-] .link-text:hover::after, [id^=newnav-] .link-text:focus::after { border-color: #356ae6; opacity: 1; transform: translateY(4px); } } @media screen and (min-width: 60em) { [id^=newnav-] .nav-list-item>.link-text { color: #fff; flex: 1; font-size: 14px; font-weight: 700; line-height: 75px; margin: 0 12px; padding: 0; /* transition: line-height 150ms; */ } [id^=newnav-] .nav-list-item>.link-text:hover::after, [id^=newnav-] .nav-list-item>.link-text:focus::after { /* border: none; */ } [id^=newnav-] .nav-list-item:not(.cta):focus-within>.link-text, [id^=newnav-] .nav-list-item:not(.cta):hover>.link-text { color: #356ae6; } } [id^=newnav-] .dropdown .link-text { align-items: center; display: flex; justify-content: space-between; } [id^=newnav-] .dropdown .link-text .back-arrow { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown .link-text { display: inline-block; justify-content: start; } [id^=newnav-] .dropdown .link-text .rarr { margin-left: 4px; transform: rotate(90deg); transition: 150ms cubic-bezier(0.75, 0, 0.25, 1.25); will-change: auto; } } [id^=newnav-] .dropdown-active>.link-text { border-bottom: 1px solid #e3ebfc; color: #1f2129; font-family: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif; font-size: 18px; height: 75px; justify-content: flex-start; } [id^=newnav-] .dropdown-active>.link-text .rarr { display: none; } [id^=newnav-] .dropdown-active>.link-text .back-arrow { border-right: 1px solid #e3ebfc; display: flex; align-items: center; height: 75px; margin-right: 20px; padding: 0 40px 0 20px; } [id^=newnav-] .cta .link-text { background-color: #19cca3; border-radius: 4px; border-style: none; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; line-height: 32px; padding: 8px 32px; text-decoration: none; transition: background-color 300ms; width: 100%; margin: 16px 0; } [id^=newnav-] .cta .link-text:hover, [id^=newnav-] .cta .link-text:focus { background-color: #16bb95; } @media screen and (min-width: 60em) { [id^=newnav-] .cta .link-text { font-size: 14px; margin: 0 0 0 12px; padding: 4px 20px; width: auto; } } [id^=newnav-] span.link-text { cursor: pointer; } @media screen and (min-width: 60em) { [id^=newnav-] span.link-text { cursor: default; } } [id^=newnav-] .mobile-nav-item { display: block; } @media screen and (min-width: 60em) { [id^=newnav-] .mobile-nav-item { display: none; } } [id^=newnav-] .link-text-lang { display: flex; } [id^=newnav-] .dropdown .link-text-lang { align-items: center; display: flex; justify-content: space-between; } [id^=newnav-] .dropdown-active .link-text-lang { justify-content: flex-start; } [id^=newnav-] .dropdown-active .link-text-lang .lang-globe-icon { display: none; } [id^=newnav-] .dropdown-active .link-text-lang .icon { display: inline-block; height: 16px; width: 16px; position: relative; opacity: 0; } [id^=newnav-] .dropdown-active .link-text-lang.active .icon { opacity: 1; } @media screen and (min-width: 60em) { .cta>.link-text::after, .dropdown>.link-text::after { display: none; } } @media screen and (min-width: 60em) { .dropdown:hover .dropdown-list-container, .dropdown:focus .dropdown-list-container { opacity: 1; pointer-events: all; } } [id^=newnav-] .dropdown-active .dropdown-list-container { height: calc(100% - 75px); } [id^=newnav-] .dropdown-list-container.mw-grid { max-width: 1184px;; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container { opacity: 0; pointer-events: none; position: absolute; top: 75px; transition: opacity 300ms, top 150ms; width: 100%; left: 0; right: 0; } } [id^=newnav-] .dropdown-list-container-inner { background-color: #fff; max-height: 0; overflow: hidden; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container-inner { max-height: calc(100vh - calc(75px + 40px) - 128px); overflow-y: auto; padding: 0 20px; } } [id^=newnav-] .dropdown-active .dropdown-list-container-inner { height: 100%; max-height: none; overflow-y: auto; } [id^=newnav-] .dropdown-list-container-shadow { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-container-shadow { background: linear-gradient(to bottom, rgba(54, 141, 255, 0.3) 0%, transparent 100%); display: block; height: 16px; } } [id^=newnav-] .dropdown-list { list-style: none; padding: 0 20px; } [id^=newnav-] .dropdown-list ul { list-style: none; margin: 0; padding: 0; } [id^=newnav-] .dropdown-list .link-text .rarr { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list { border-radius: 4px; display: flex; padding: 16px 0; position: relative; width: 100%; } [id^=newnav-] .dropdown-list ul .link-text { font-size: 14px; font-weight: 500; margin-bottom: 6px; line-height: 24px; padding: 0; } [id^=newnav-] .dropdown-list .link-text .rarr { display: inline-block; transform: rotate(0); } } @media screen and (min-width: 960px) { [id^=newnav-] .dropdown-list::before { left: 49%; } } [id^=newnav-] .dropdown-list-product ul { display: none; } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-product { flex-wrap: nowrap; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 16px 0; } [id^=newnav-] .dropdown-list-product ul { display: block; } [id^=newnav-] .dropdown-list-product>li { flex: 1 1 auto; width: 20%; } [id^=newnav-] .dropdown-list-product>li:not(:last-child) { padding: 0 16px 0 0; } [id^=newnav-] .dropdown-list-product>li>.link-text { color: #356ae6; padding: 0; margin: 16px 0; } [id^=newnav-] .dropdown-list-product>li>.link-text:hover, [id^=newnav-] .dropdown-list-product>li>.link-text:focus { color: #356ae6; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions>li { flex: 0 0 50%; } [id^=newnav-] .dropdown-list-solutions > ul li:first-of-type { padding: 0 2em 0 0!important; margin: 0 !important; width: 100% !important; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions-links { display: flex; } } @media screen and (min-width: 60em) { [id^=newnav-] .dropdown-list-solutions-links>li { padding: 0 16px; flex: 1 1 auto; width: 33.333%; } } @media screen and (min-width: 1120px) { [id^=newnav-] .dropdown-list-solutions-links>li:first-child { padding: 0 16px 0 0; } [id^=newnav-] .dropdown-list-solutions-links>li:last-child { padding: 0 0 0 16px; } } @media screen and (min-width: 60em) { [id^=newnav-] .want-to-col { display: block; } } [id^=newnav-] .solutions-icon { display: inline-block; vertical-align: bottom; margin-right: 12px; } [id^=newnav-] .nav-toggle-container { justify-content: center; position: relative; width: 57px; height: 75px; margin-right: 5px; } @media screen and (min-width: 60em) { [id^=newnav-] .nav-toggle-container { display: none; } } [id^=newnav-].utility-bar-container { box-sizing: border-box; background-color: #1b54d9; display: none; height: 40px; left: 0; /* padding: 0 40px; */ position: fixed; right: 0; top: 0; z-index: 100; } @media screen and (min-width: 60em) { [id^=newnav-].utility-bar-container { display: block; } } [id^=newnav-] .search-link svg { fill: #c1d1f7; transition: fill 300ms; vertical-align: middle; } [id^=newnav-] .search-link:hover svg { fill: #fff; } [id^=newnav-] .language-selector .nav-popover { height: 40px; display: block; } [id^=newnav-] .language-selector .nav-popover svg { vertical-align: middle; margin-right: 8px; fill: #c1d1f7; transition: fill 300ms; } [id^=newnav-] .language-selector .popover-current { line-height: 40px; } [id^=newnav-] .language-selector .popover-arrow { vertical-align: middle; color: #ced3e0; } [id^=newnav-] .language-selector .popover-box { display: none; } [id^=newnav-] .language-selector .icon { height: 16px; width: 16px; opacity: 0; } [id^=newnav-] .language-selector .language-option.active .icon { opacity: 1; } [id^=newnav-] .language-selector .language-choosen { display: none; } [id^=newnav-] .language-selector .language-choosen.active { display: inline; } [id^=newnav-] .language-selector:hover, [id^=newnav-] .language-selector:focus { text-decoration: none; } [id^=newnav-] .language-selector:hover .nav-popover svg, [id^=newnav-] .language-selector:focus .nav-popover svg { fill: #fff; } [id^=newnav-] .language-selector:hover .popover-arrow, [id^=newnav-] .language-selector:focus .popover-arrow { color: #fff; } [id^=newnav-] .language-selector:hover .popover-current, [id^=newnav-] .language-selector:focus .popover-current { text-decoration: none; } [id^=newnav-] .language-selector:hover .popover-box, [id^=newnav-] .language-selector:focus .popover-box { display: block; } [id^=newnav-] .utility-links li { display: inline; line-height: 40px; margin-left: 20px; } [id^=newnav-] .nav-trial-form { flex-direction: column; transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); } [id^=newnav-] .nav-trial-form .error-message { transform: translateY(0); transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: opacity transform; } [id^=newnav-] .nav-trial-form .rarr { border-width: 4.8px 0 4.8px 6.4px; margin-left: 4px; vertical-align: 0; } [id^=newnav-] .nav-trial-form.dirty { box-shadow: none; } [id^=newnav-] .nav-trial-form.dirty input { box-shadow: 0 0 0 2px #e40e49; } [id^=newnav-] .nav-trial-form.dirty .error-message { transition: 300ms cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: opacity transform; opacity: 1; visibility: visible; pointer-events: all; position: relative; } @media screen and (min-width: 60em) { [id^=newnav-] .nav-trial-form.dirty .error-message { transform: translateY(calc(100% + 8px)); position: absolute; } } @media screen and (min-width: 60em) { [id^=newnav-] .nav-trial-form { align-items: center; display: flex; height: 100%; margin: 0 0 0 12px; flex-direction: row; } [id^=newnav-] .nav-trial-form input, [id^=newnav-] .nav-trial-form button { font-size: 14px; } [id^=newnav-] .nav-trial-form input { padding: 4px 8px; margin: 0 8px 0 0 !important; } [id^=newnav-] .nav-trial-form button { padding: 4px 20px; } } .nav-toggle { height: 32px; width: 32px; } .nav-toggle g { stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 4px; stroke: #fff; } .nav-toggle .top, .nav-toggle .middle, .nav-toggle .bottom { transition-duration: 300ms; transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1.25); } .nav-toggle .top, .nav-toggle .bottom { transform: translate(0, 0) rotate(0deg); transition-property: transform; } .nav-toggle .top { transform-origin: top right; } .nav-toggle .bottom { transform-origin: bottom right; } .nav-toggle:hover .top { transform: translate(0, 7%) rotate(0deg); } .nav-toggle:hover .bottom { transform: translate(0, -7%) rotate(0deg); } .nav-active .nav-toggle { position: relative; top: -8px; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1.25); transition-property: transform; } .nav-active .nav-toggle:hover { transform: scale(0.95); } .nav-active .nav-toggle .top { transform: translate(-30%, 0) rotate(-45deg); } .nav-active .nav-toggle .middle { opacity: 0; } .nav-active .nav-toggle .bottom { transform: translate(-30%, 0) rotate(45deg); } .nav-active .nav-toggle::after { background: rgba(255, 255, 255, 0.3); border-radius: 100%; content: ''; display: block; height: 48px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 48px; } #newnav-footer { top: 0; } #newnav-footer nav { position: relative !important; } #newnav-footer h6 { font-weight: 700; } #newnav-footer .flex-nowrap { flex-wrap: nowrap; } #newnav-footer .flex-row { flex-direction: row; } @media screen and (min-width: 720px) { #newnav-footer .m--flex-row { flex-direction: row; } #newnav-footer .m--flex-wrap { flex-wrap: wrap; } } @media screen and (min-width: 960px) { #newnav-footer .l--flex-nowrap { flex-wrap: nowrap; } } #newnav-footer .selector-text { box-sizing: border-box; cursor: pointer; display: inline-block; text-decoration: none; line-height: 24px; } #newnav-footer .selector-text .active { border-bottom: 2px solid #fff; color: #fff; padding-bottom: 4px; } @media screen and (min-width: 60em) { #newnav-footer .selector-text { display: inline-block; position: relative; } #newnav-footer .selector-text::after { border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0); bottom: 0; content: ''; display: block; height: auto; left: 0; opacity: 0; position: absolute; right: 0; transition: 300ms ease-in; will-change: border-color, opacity, transform; } } #newnav-footer .hover-td-underline:hover, #newnav-footer .hover-td-underline:active { text-decoration: underline; } #newnav-footer .ov-hidden { overflow: hidden; } #newnav-footer .footer-featured-apps .app-card { color: #fff; } #newnav-footer .footer-featured-apps .app-card .app-card-icon { color: #fff; box-shadow: 0 0.25rem 0.75rem rgba(31, 33, 41, 0.06); width: 1.75rem; max-width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; flex: 1 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } #newnav-footer .footer-featured-apps .app-card .app-card-icon img { max-width: 28px; max-height: 28px; } #newnav-footer .footer-featured-apps .app-card:hover, #newnav-footer .footer-featured-apps .app-card:focus { color: initial; } .language-picker ul { text-align: center; } .language-picker ul li:not(:first-of-type):before { content: "\B7"; display: inline-block; margin: 0 8px; color: #ced3e0; font-weight: bold; } .bg-nav-slate-120, .bg-nav-ocean { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 75px; background-color: #356ae6; transition: all 150ms; } @media screen and (min-width: 60em) { .bg-nav-slate-120, .bg-nav-ocean { height: calc(75px + 40px); } } .bg-nav-slate-120 { background-color: #1f2129; } .nav-inactive .nav-global.scrolled { background-color: #356ae6; } .nav-inactive .nav-global.scrolled .nav-content-container, .nav-inactive .nav-global.scrolled .nav-logo-container, .nav-inactive .nav-global.scrolled .nav-toggle-container, .nav-inactive .nav-global.scrolled .nav-list-item:not(.cta), .nav-inactive .nav-global.scrolled .nav-list-item:not(.nav-trial-form) { height: 52px; } .nav-inactive .nav-global.scrolled .nav-list-item:not(.cta)>.link-text { line-height: 52px; } .nav-inactive .nav-global.scrolled .dropdown-list-container { top: 52px; } .nav-inactive .nav-global.scrolled~.bg-nav-ocean, .nav-inactive .nav-global.scrolled~.bg-nav-slate-120 { height: 52px; } @media screen and (min-width: 60em) { .nav-inactive .nav-global.scrolled~.bg-nav-ocean, .nav-inactive .nav-global.scrolled~.bg-nav-slate-120 { height: calc(52px + 40px); } } .nav-inactive .nav-global.scrolled~.secondary-nav { top: 52px; } @media screen and (min-width: 60em) { .nav-inactive .nav-global.scrolled~.secondary-nav { top: calc(52px + 40px); } } @media screen and (min-width: 720px) { .nav-inactive .nav-global.scrolled~.secondary-nav { background-color: #356ae6; } .nav-inactive .nav-global.scrolled~.secondary-nav .secondary-nav-topic { padding: 10px 0 12px 0; } } .nav-inactive .nav-global.scrolled~.secondary-nav .secondary-nav-dropdown { padding: 0; } /* nav-b */ #nav-b { line-height: 28px; } #nav-b .mb-2 { margin-bottom: 8px; } #nav-b .pr-8 { padding-right: 32px; } #nav-b .mx-auto { margin-left: auto; margin-right: auto; } #nav-b .z-2 { z-index: 2; } #nav-b .mw-32 { max-width: 32rem; } #nav-b .hover-cta-ocean:hover, #nav-b .hover-cta-ocean:focus { background-color: #356ae6; } @media screen and (min-width: 60em) { #nav-b .nav-list-item:not(.cta):not(.hover-bg-none):hover, #nav-b .nav-list-item:not(.cta):not(.hover-bg-none):focus-within { background: transparent; } } @media screen and (min-width: 60em) { #nav-b .nav-list-item:not(.cta), .nav-list-item:not(.cta):focus-within>#nav-b, .nav-list-item:not(.cta):hover>#nav-b { color: #fff; } #nav-b .nav-list-item:not(.cta):focus-within>.link-text, #nav-b .nav-list-item:not(.cta):hover>.link-text { cursor: pointer; color: #fff; } } #nav-b .link-text { color: #4e5468; } #nav-b .cta .link-text { color: #fff; } @media screen and (min-width: 60em) { #nav-b .nav-list-item>.link-text { color: #fff; } } @media screen and (min-width: 60em) { #nav-b .dropdown-list-container-inner { padding: 0; display: flex; box-shadow: 0 4px 12px rgba(31, 33, 41, 0.08); } } @media screen and (min-width: 60em) { #nav-b .dropdown-list ul .link-text { font-weight: 400; } } @media screen and (max-width: 980px) { #nav-b nav.nav-b-inner { position: unset !important; } } @media screen and (min-width: 60em) { #nav-b nav .dropdown-list { padding: 0; } } #nav-b nav .dropdown-list-product>li { width: unset; } #nav-b nav .dropdown-list-product>li:not(:last-child) { padding-right: 20px; } #nav-b nav .dropdown-list-product>li>.link-text { margin: 0 0 16px; } @media screen and (min-width: 60em) { #nav-b nav .dropdown-list-product>li>.link-text { color: #356ae6; } } #nav-b .dropdown-list-solutions-links .lead-in-1 { font-size: 12px; } @media screen and (min-width: 1120px) { #nav-b .dropdown-list-solutions-links>li:first-child { padding: 0; } #nav-b .dropdown-list-solutions-links>li:last-child { padding: 0; } } @media screen and (min-width: 480px) { #nav-b .s--none { display: none; } } @media screen and (min-width: 720px) { #nav-b .m--w-100 { width: 100%; } #nav-b .m--my-0 { margin-top: 0; margin-bottom: 0; } #nav-b .m--g-col-4 { width: 33.33333%; } @supports (display: grid) { #nav-b .m--g-col-4 { width: auto; grid-column-end: span 4; } } } @media screen and (min-width: 960px) { #nav-b .l--block { display: block; } } #nav-b .br-circle { border-radius: 100%; } #nav-b .app-card { color: #5f667e; } #nav-b .app-card .app-card-icon { color: #fff; box-shadow: 0 0.25rem 0.75rem rgba(31, 33, 41, 0.06); width: 3.375rem; max-width: 3.375rem; height: 3.375rem; display: flex; align-items: center; justify-content: center; flex: 1 0 auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } #nav-b .app-card .app-card-icon img { max-width: 36px; max-height: 36px; } #nav-b .app-card .app-card-arrow { flex: 1 0 auto; text-align: right; } #nav-b .app-card:hover, #nav-b .app-card:focus, #nav-b .app-card:hover .app-card-icon, #nav-b .app-card:focus .app-card-icon { color: #356ae6; } #nav-b .app-card:hover .app-card-icon, #nav-b .app-card:focus .app-card-icon { box-shadow: 0px 8px 20px rgba(53, 106, 230, 0.2); }