/* This file is generated. DO NOT EDIT. */
@charset "UTF-8";
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/**
@title Grid-Settings
*/
/**
* Max Width
* @desc {String} d used for max width of content
*/
/**
* Global Breakpoint variables
* @desc {String} d the number in the em represents pixles
* @section
* Converted em values based on 1em = 16px
* $bp-max-large: 90em
* $bp-min-large: 75em
* $bp-max-medium: 74.9375em
* $bp-min-medium: 48em
* $bp-max-small: 47.9375em
* $bp-min-small: 20em
*/
/** @title Colors
Colors used on the site
*/
/**
* Primary Colors
* @section
*/
/**
* Secondary Colors
* @section
*/
/**
* Functional Colors
* @section
*/
/**
* Alert Colors
* @section
*/
/**
* Themed Colors
* @desc {String} purpose: Should be used in places where it would be likely to need to change themes e.g. Family of Brands
* @section
*/
/*
Single brand stuff
*/
/**
* Single Brand Primary Colors
*
*/
/**
* Single Brand Secondary Colors
*
*/
/**
* Single Brand Color Tints
*
*/
/**
* Single Brand Functional Colors
*
*/
/*
* Miscellaneous Brand Colors
*/
/**
* Single Brand Themed Colors
* @desc {String} purpose: Should be used in places where it would be likely to need to change themes e.g. Family of Brands
* @section
*/
.icon {
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: middle;
fill: currentColor;
}
.icon--24x24 {
height: 1.5rem;
width: 1.5rem;
}
.icon--36x36 {
height: 2.25rem;
width: 2.25rem;
}
.icon--48x48 {
height: 3rem;
width: 3rem;
}
@font-face {
font-family: "Sul Sans";
src: url("../assets/font-icons/Sul Sans Light.woff2") format("woff2"), url("../assets/font-icons/Sul Sans Light.woff") format("woff");
font-weight: 300;
font-display: fallback;
}
@font-face {
font-family: "Sul Sans";
src: url("../assets/font-icons/Sul Sans Regular.woff2") format("woff2"), url("../assets/font-icons/Sul Sans Regular.woff") format("woff");
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Sul Sans";
src: url("../assets/font-icons/Sul Sans Medium.woff2") format("woff2"), url("../assets/font-icons/Sul Sans Medium.woff") format("woff");
font-weight: 600;
font-display: fallback;
}
@font-face {
font-family: "Sul Sans";
src: url("../assets/font-icons/Sul Sans Bold.woff2") format("woff2"), url("../assets/font-icons/Sul Sans Bold.woff") format("woff");
font-weight: 700;
font-display: fallback;
}
@font-face {
font-family: "Sul Sans";
src: url("../assets/font-icons/Sul Sans Black.woff2") format("woff2"), url("../assets/font-icons/Sul Sans Black.woff") format("woff");
font-weight: 800;
font-display: fallback;
}
body {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.25;
color: #231F20;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6,
.txt-h1, .txt-h2, .txt-h3, .txt-h4, .txt-h5, .txt-h6 {
margin: 0;
padding: 0;
line-height: 1.3;
}
h1, h2, h3 {
margin-bottom: 0.75rem;
}
h4, h5, h6 {
margin-bottom: 0.5625rem;
}
h1, .header--1, .txt-h1 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 64px;
line-height: 120%;
letter-spacing: 0;
color: #193062;
}
@media (min-width: 75em) and (max-width: 90em) {
h1, .header--1, .txt-h1 {
font-size: 52px;
}
}
@media (max-width: 74.9375em) {
h1, .header--1, .txt-h1 {
font-size: 40px;
}
}
h2, .header--2, .txt-h2 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 48px;
line-height: 60px;
letter-spacing: 0;
color: #646468;
}
@media (max-width: 74.9375em) {
h2, .header--2, .txt-h2 {
font-size: 33px;
line-height: 40px;
}
}
h3, .header--3, .txt-h3 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 33px;
line-height: 40px;
letter-spacing: 0;
color: #193062;
}
@media (max-width: 74.9375em) {
h3, .header--3, .txt-h3 {
font-size: 24px;
line-height: 30px;
}
}
h4, .header--4, .txt-h4 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
}
@media (max-width: 74.9375em) {
h4, .header--4, .txt-h4 {
font-size: 20px;
line-height: 26px;
}
}
h5, .header--5, .txt-h5 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 24px;
letter-spacing: 1px;
color: #646468;
}
@media (max-width: 74.9375em) {
h5, .header--5, .txt-h5 {
font-size: 18px;
line-height: 21px;
letter-spacing: 0;
}
}
h6, .header--6, .txt-h6 {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
color: #231F20;
}
@media (max-width: 74.9375em) {
h6, .header--6, .txt-h6 {
font-size: 16px;
line-height: 18.4px;
}
}
p {
margin: 0;
padding: 0;
margin-bottom: 1.125rem;
font-size: 1.125rem;
line-height: 1.6;
}
.txt-small {
font-size: 0.875rem;
}
/**
@title General Styles
the default styles that should come with the HTML
without any added classes
*/
* {
box-sizing: border-box;
}
body {
color: #231F20;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px;
margin: 0;
overflow-x: hidden;
}
body::before {
content: "large";
display: none;
}
@media (max-width: 74.9375em) {
body::before {
content: "medium";
}
}
@media (max-width: 47.9375em) {
body::before {
content: "small";
}
}
/**
* Paragraphs
* @example {HTML} p This is some paragraph text and how it will be default styled.
Tempor elit Lorem ea commodo fugiat eu voluptate reprehenderit anim.
*/
p {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.5px;
}
object,
video {
display: block;
max-width: 100%;
}
ol,
ul {
padding: 0;
margin-top: 0;
margin-left: 3.75rem;
margin-bottom: 1.875rem;
}
ol li,
ul li {
margin-bottom: 0.625rem;
}
ul ul,
ol ul,
ol ol,
ul ol {
margin-top: 0.625rem;
}
/**
* Organized Lists
* @example {HTML} ol
Organized list item one
item number two
and this is organized list item number three!
*/
ol {
counter-reset: ol-counter;
list-style: none;
margin-left: 0;
}
ol > li {
counter-increment: ol-counter;
}
ol > li:before {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 800;
font-style: normal;
content: counter(ol-counter, decimal-leading-zero);
color: #231F20;
font-size: 28px;
line-height: 32px;
margin-right: 10px;
vertical-align: top;
}
ol > li > ul, ol > li > ol {
margin-bottom: 0;
margin-left: 45px;
}
dl {
padding: 0;
margin-top: 0;
margin-left: 3.75rem;
margin-bottom: 1.875rem;
}
dl dd, dl dt {
margin-bottom: 0.625rem;
}
/**
* Link
* @example {HTML} a This is a link
*/
a {
color: #231F20;
transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
input:not([disabled]):focus,
select:not([disabled]):focus,
textarea:not([disabled]):focus,
button:not([disabled]):focus {
outline: 2px solid #646468;
outline-color: #646468;
}
textarea:not([disabled]):focus {
outline-offset: 1px;
}
iframe:focus,
[href]:focus,
[tabindex]:focus,
[contentEditable=true]:focus {
outline: 2px solid #646468;
outline-color: #646468;
}
/**
* Divider Line
* @example {HTML} hr This component loaded after all the javascript finished loading
*/
[v-cloak] {
display: none !important;
}
/**
@title Global
global style classes to use where ever
*/
/**
Global Variables
@section
*/
/* Global and Base Styles */
/* Global element styles */
ul.no-bullets {
list-style: none;
display: block;
margin-left: 0px;
}
ul.no-bullets.horizontal {
display: flex;
}
/** Desktop Only
@desc {String} d use on elements that will only show on desktop screen sizes
**/
@media (max-width: 74.9375em) {
.desktop-only {
display: none !important;
}
}
/**
Mobile and Tablet Only
@desc {String} d use on elements that should only show on mobile/tablet screen sizes
*/
@media (min-width: 75em) {
.mobile-only {
display: none !important;
}
}
/**
Mobile Only
@desc {String} d use on elements that should only show on mobile screen sizes
*/
@media (min-width: 48em) {
.small-mobile-only {
display: none !important;
}
}
/**
Desktop Only
@desc {String} d use on elements that should only show on desktop screen sizes
*/
@media (max-width: 74.9375em) {
.desktop-only {
display: none !important;
}
}
@media (max-width: 90em) {
.large-desktop-only {
display: none !important;
}
}
/**
Desktop and Tablet Only
@desc {String} d use on elements that should only show on desktop/tablet screen sizes
*/
@media (max-width: 47.9375em) {
.desktop-tablet-only {
display: none !important;
}
}
/**
Hidden
@desc {String} d use on elements that should be hidden
*/
.is-hidden {
display: none !important;
}
.no-overflow {
overflow: hidden !important;
}
.no-scroll {
overflow: hidden;
max-height: 100vh;
}
@media (min-width: 75em) {
body {
overflow-y: auto;
/* firefox/safari */
overflow-y: overlay;
}
body.no-scroll {
position: fixed;
left: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
}
}
/**
No outline
@desc {String} d use on elements that should not show an outline focus (use sparingly! Accessibility matters)
*/
.no-outline:focus {
outline: none;
}
.no-border {
border: none;
}
/**
Screen-reader Only
@desc {String} d text that should only be announced to users using a screenreader
@example {HTML} p This text is visible to all users. See code example. This text is only heard by screen readers
*/
.sr-only, .field-group--dropdown.sr-dropdown .vs__dropdown-menu {
opacity: 0;
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
left: -99999px;
outline: 0;
}
/**
Tab Only
@desc {String d} text that should only be visible when a keyboard tabbing
@example {HTML} div
Click on me
Then press tab on your keyboard
Now you see me!
*/
.tab-only {
opacity: 0;
height: 0;
padding: 0;
margin: 0;
position: absolute;
}
.tab-only:focus {
opacity: 1;
height: auto;
position: relative;
z-index: 1;
}
/**
Text Align Left
@desc {String} d use on text that should be aligned left
*/
.text--left {
text-align: left;
}
/**
Text Align Center
@desc {String} d use on text that should be aligned center
*/
.text--center {
text-align: center;
}
/**
Text Align Right
@desc {String} d use on text that should be aligned right
*/
.text--right {
text-align: right;
}
.text--error {
color: #d0021b !important;
}
.text--max-width {
max-width: 950px;
}
.text--sup {
font-size: 24px;
}
.margin-top {
margin-top: 20px;
}
.header--icon .icon {
height: 60px;
width: 60px;
vertical-align: text-bottom;
}
@media (max-width: 47.9375em) {
.header--icon .icon {
height: 40px;
width: 40px;
}
}
.header--icon-small .icon {
height: 40px;
width: 40px;
vertical-align: text-bottom;
}
/**
Subtitle
@example
*/
.subtitle {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px;
}
/**
Responsive Table
@desc {String} d this styling will also apply to table elements in RTEs
@example {HTML} div
Column 1
Column 2
Row A
A1
A2
Row B
B1
B2
*/
.table-responsive {
display: block;
max-width: 100%;
overflow: auto;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.table-responsive table,
.rich-text table {
border-spacing: 0;
margin-bottom: 40px;
}
.table-responsive thead tr th[colspan],
.table-responsive th[scope=colgroup],
.rich-text thead tr th[colspan],
.rich-text th[scope=colgroup] {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 33px;
line-height: 40px;
letter-spacing: 0;
color: #193062;
text-transform: uppercase;
letter-spacing: 2px;
color: #ffffff;
background-color: #231F20;
padding: 10px;
border-right: 5px solid #ffffff;
}
@media (max-width: 74.9375em) {
.table-responsive thead tr th[colspan],
.table-responsive th[scope=colgroup],
.rich-text thead tr th[colspan],
.rich-text th[scope=colgroup] {
font-size: 24px;
line-height: 30px;
}
}
.table-responsive thead tr th[colspan]:last-child,
.table-responsive th[scope=colgroup]:last-child,
.rich-text thead tr th[colspan]:last-child,
.rich-text th[scope=colgroup]:last-child {
border-right: 0;
}
.table-responsive thead tr:last-of-type th,
.table-responsive th[scope=col],
.rich-text thead tr:last-of-type th,
.rich-text th[scope=col] {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
background-color: #58595b;
padding: 10px 20px;
border: 5px solid #ffffff;
border-left: 0;
}
.table-responsive thead tr:last-of-type th:last-child,
.table-responsive th[scope=col]:last-child,
.rich-text thead tr:last-of-type th:last-child,
.rich-text th[scope=col]:last-child {
border-right: 0;
}
.table-responsive th[scope=rowgroup],
.rich-text th[scope=rowgroup] {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 600;
font-style: normal;
padding-right: 40px;
padding-left: 0;
text-transform: uppercase;
width: 1px;
vertical-align: top;
}
.table-responsive th[scope=rowgroup] span,
.rich-text th[scope=rowgroup] span {
writing-mode: tb-rl;
text-orientation: sideways;
transform: rotate(180deg);
}
@media (max-width: 47.9375em) {
.table-responsive th[scope=rowgroup],
.rich-text th[scope=rowgroup] {
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
position: static;
}
.table-responsive th[scope=rowgroup] span,
.rich-text th[scope=rowgroup] span {
display: block;
left: -10px;
position: relative;
z-index: 1;
}
}
.table-responsive tbody tr th,
.table-responsive th[scope=row],
.rich-text tbody tr th,
.rich-text th[scope=row] {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
max-width: 260px;
padding: 10px;
background-color: #ffffff;
position: sticky;
left: 0;
min-width: 0;
}
.table-responsive tbody tr th.text--center,
.table-responsive th[scope=row].text--center,
.rich-text tbody tr th.text--center,
.rich-text th[scope=row].text--center {
text-align: center;
}
@media (max-width: 47.9375em) {
.table-responsive tbody tr th,
.table-responsive th[scope=row],
.rich-text tbody tr th,
.rich-text th[scope=row] {
border-right: 1px solid #e6e7e8;
}
.table-responsive tbody tr th:before,
.table-responsive th[scope=row]:before,
.rich-text tbody tr th:before,
.rich-text th[scope=row]:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 100%;
background-color: #ffffff;
top: 0px;
left: -8px;
}
}
@media (max-width: 47.9375em) {
.table-responsive tbody tr th:first-child:not([scope=col]),
.rich-text tbody tr th:first-child:not([scope=col]) {
max-width: 160px;
}
}
.table-responsive tr:nth-child(even),
.rich-text tr:nth-child(even) {
background-color: #e6e7e8;
}
.table-responsive td,
.rich-text td {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media (max-width: 74.9375em) {
.table-responsive td,
.rich-text td {
font-size: 20px;
line-height: 26px;
}
}
.table-responsive td,
.table-responsive th,
.rich-text td,
.rich-text th {
padding: 10px;
}
.image {
display: flex;
}
.image img {
width: 100%;
}
.bf-product__label, .bf-product__eyebrow, .quote-other__pagination > button, .tile__label, .quote-primary__label, .quote-primary__eyebrow, .search-filters__group .field-group--checkbox input[type=checkbox] + label, .search-filters__group .custom-checkbox input[type=checkbox] + label,
.search-filters__group .field-group--checkbox input[type=checkbox] + .label-wrapper label,
.search-filters__group .custom-checkbox input[type=checkbox] + .label-wrapper label, .category {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 13px;
line-height: 26px;
letter-spacing: 1px;
text-transform: none;
color: #231F20;
font-weight: 600;
}
/**
Category
@example
*/
/**
Caption
@example
*/
.caption, .ds-brand footer > .text p, .ds-brand footer > p, .add-quote .field-group--dropdown .v-select + label.is-valid,
.add-quote .field-group--dropdown .v-select.vs--open + label, .product-form label[for=email].park-label, .brand-form .field-group--dropdown .v-select + label.is-valid,
.brand-form .field-group--dropdown .v-select.vs--open + label, .field-group--small-date .form__error, .field-group--small-date .field-group--textbox input:focus + label, .field-group--small-date .field-group--textbox input + label, .field-group--textarea .character-count, .field-group--textbox label.is-valid,
.field-group--textbox input.has-input + label, .field-group--textbox:not(.field-group--datepicker) input[readonly]:not(.is-empty) + label,
.field-group--textbox input:focus:not([aria-disabled=true]) + label,
.field-group--textbox input.has-input:not(.not-required) + label {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px;
color: #231F20;
font-weight: normal;
}
.field-group--datepicker input[disabled],
.field-group--datepicker input[aria-disabled=true],
.field-group--datepicker input[aria-readonly=true], .field-group--textbox:not(.field-group--datepicker) input.is-valid[readonly],
.field-group--textbox:not(.field-group--datepicker) input:focus[readonly],
.field-group--textbox:not(.field-group--datepicker) input[readonly] input[aria-disabled=true] {
cursor: default;
color: #58595b;
border-bottom: 0;
background-image: linear-gradient(to right, #58595b 15%, #ffffff 0%);
background-position: bottom;
background-size: 10px 2px;
background-repeat: repeat-x;
}
.field-group--datepicker input[disabled] + .label-wrapper label,
.field-group--datepicker input[aria-disabled=true] + .label-wrapper label,
.field-group--datepicker input[aria-readonly=true] + .label-wrapper label, .field-group--textbox:not(.field-group--datepicker) input.is-valid[readonly] + .label-wrapper label,
.field-group--textbox:not(.field-group--datepicker) input:focus[readonly] + .label-wrapper label,
.field-group--textbox:not(.field-group--datepicker) input[readonly] input[aria-disabled=true] + .label-wrapper label, .field-group--datepicker input[disabled] + label,
.field-group--datepicker input[aria-disabled=true] + label,
.field-group--datepicker input[aria-readonly=true] + label, .field-group--textbox:not(.field-group--datepicker) input.is-valid[readonly] + label,
.field-group--textbox:not(.field-group--datepicker) input:focus[readonly] + label,
.field-group--textbox:not(.field-group--datepicker) input[readonly] input[aria-disabled=true] + label {
color: #58595b;
}
/**
Divider
@example
*/
.divider {
background-color: #e6e7e8;
border: 0 none;
clear: both;
display: block;
height: 1px;
float: none;
margin: 50px auto;
width: 100%;
}
.tab {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
cursor: pointer;
background: 0;
border: 0;
color: #58595b;
font-size: 16px;
line-height: 26px;
padding: 15px 40px;
}
.tab.is-active {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
margin-bottom: 0;
border-bottom: 4px solid #fae07e;
color: #231F20;
}
@media (max-width: 74.9375em) {
.tab.is-active {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 47.9375em) {
.tab {
padding-left: 25px;
padding-right: 25px;
}
}
.custom-checkbox input[type=checkbox] + label,
.custom-checkbox input[type=checkbox] + .label-wrapper label, .contact-support__comment-subtitle, .address-update .component-whatsnext.rich-text,
.address-update .component-whatsnext.rich-text p,
.phone-update .component-whatsnext.rich-text,
.phone-update .component-whatsnext.rich-text p, .login .custom-checkbox input[type=checkbox] + label,
.login .custom-checkbox input[type=checkbox] + .label-wrapper label, .registration__call-us p, .econsent p, .econsent .rich-text p, .econsent .rich-text, .mfa-maintenance__tac__content p, .mfa-enrollment__tac__content p, .footer-simple__disclaimer p, .footer-simple__disclaimer section, .footer-simple__disclaimer, .js-sitecore-form div textarea, .form__note.form__note--small,
.form__note.form__note--small p, .field-group--textarea textarea, .body-copy {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: #231F20;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px;
}
/**
Body Copy
@example
*/
.beneficiary-update__choice-group .field-group__header, .econsent .subtitle, .health .subtitle, .glossary__results .subtitle, .request-call__form-header .subtitle,
.request-call__form-header .subtitle *, .loan-cost-calc__titles .subtitle, .link-columns .link-group ul li > a, .add-quote .field-group--dropdown .v-select + label, .faq .accordion__content p, .faq .accordion__content ul, .faq .accordion__content ol, .faq .accordion__content li,
.faq .accordion__content.rich-text p,
.faq .accordion__content.rich-text ul,
.faq .accordion__content.rich-text ol,
.faq .accordion__content.rich-text li, .faq .accordion__content,
.faq .accordion__content.rich-text, .search.search-box .result-item__text .subtitle,
.search-results .result-item__text .subtitle, .global-footer .btn--secondary, .global-footer .login .link, .login .global-footer .link, .global-footer .utility-nav--sticky .phone-link a, .utility-nav--sticky .phone-link .global-footer a, .global-footer .global-header .no-nav .global-header__top .global-header__top-right .phone-link a, .global-header .no-nav .global-header__top .global-header__top-right .phone-link .global-footer a, .global-footer .global-header__top-left .right-content .phone-link a, .global-header__top-left .right-content .phone-link .global-footer a, .brand-form .field-group--dropdown .v-select + label, .secondary-body-copy {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: #231F20;
font-size: 21px;
line-height: 38px;
letter-spacing: 0.5px;
}
/**
Secondary Body Copy
@example
*/
/**
Small Body Copy
@example
*/
.small-body-copy, .contact-support__summary, .login__help-area .btn--link, .login__help-area .content-list .list-item > a .header, .content-list .list-item > a .login__help-area .header, .login__help-area .promo .promo__link .header, .promo .promo__link .login__help-area .header, .login .btn--link.link-button, .login .content-list .list-item > a .link-button.header, .content-list .list-item > a .login .link-button.header, .login .promo .promo__link .link-button.header, .promo .promo__link .login .link-button.header, .form__note.form__note--medium,
.form__note.form__note--medium p {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: #231F20;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.4px;
}
@media (max-width: 74.9375em) {
.small-body-copy, .contact-support__summary, .login__help-area .btn--link, .login__help-area .content-list .list-item > a .header, .content-list .list-item > a .login__help-area .header, .login__help-area .promo .promo__link .header, .promo .promo__link .login__help-area .header, .login .btn--link.link-button, .login .content-list .list-item > a .link-button.header, .content-list .list-item > a .login .link-button.header, .login .promo .promo__link .link-button.header, .promo .promo__link .login .link-button.header, .form__note.form__note--medium,
.form__note.form__note--medium p {
font-size: 13px;
}
}
html {
scroll-behavior: smooth;
}
.anchor-propty {
display: inline-block;
height: 25px;
}
.beneficiary-update__percent-label, .login .okta-form-infobox-error,
.login .okta-form-input-error, .auto-pay .form__error, .hero .quote-form-panel .alert, .add-quote .field-group--dropdown .vs__selected, .alert--form-text,
.alert--form-text > p, .brand-form .field-group--textbox input, .brand-form .field-group--dropdown .vs__selected, .brand-form .form__field .form__error, .form__note,
.form__note p, .search-form__typeahead.is-invalid .form__error {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
}
@media (max-width: 74.9375em) {
.beneficiary-update__percent-label, .login .okta-form-infobox-error,
.login .okta-form-input-error, .auto-pay .form__error, .hero .quote-form-panel .alert, .add-quote .field-group--dropdown .vs__selected, .alert--form-text,
.alert--form-text > p, .brand-form .field-group--textbox input, .brand-form .field-group--dropdown .vs__selected, .brand-form .form__field .form__error, .form__note,
.form__note p, .search-form__typeahead.is-invalid .form__error {
font-size: 16px;
letter-spacing: 1.5px;
line-height: 26px;
padding-left: 10px;
padding-right: 10px;
}
}
.helper-text {
background-color: #ffffff;
color: #231F20;
border: 1px solid #36c49c;
border-radius: 5px;
padding: 30px;
display: inline-block;
}
.helper-text:not(.is-open) {
display: none;
}
.helper-text ul {
margin-left: 20px;
margin-bottom: 0;
}
.helper-text li:not(.is-valid) .checkmark {
display: none;
}
.helper-text li.is-valid {
list-style-type: none;
display: flex;
align-items: center;
position: relative;
}
.helper-text li.is-valid .checkmark {
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
left: -30px;
stroke: #077CAB;
fill: #077CAB;
}
.is-available:before {
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 59 59'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23077CAB' d='M40.888 21L25.962 35.935l-4.898-4.297-1.114-.975L18 32.916l7.057 6.178L26.1 40l15.831-15.84L43 23.113z' /%3E%3Cpath fill='none' stroke='%23077CAB' stroke-miterlimit='50' d='M40.888 21v0L25.962 35.935v0l-4.898-4.297v0l-1.114-.975v0L18 32.916v0l7.057 6.178v0L26.1 40v0l15.831-15.84v0L43 23.113v0z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
left: -30px;
}
/* Vue Transition Classes*/
.slide-enter-active {
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.slide-leave-active {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slide-enter-to,
.slide-leave {
max-height: 100px;
overflow: hidden;
}
.slide-enter,
.slide-leave-to {
overflow: hidden;
max-height: 0;
}
.section-heading {
margin-bottom: 100px;
}
.section-heading .subtitle {
max-width: 820px;
}
.featured-listing .featured-listing__featured .promo__image .image, .featured-listing .featured-listing__featured .list-item .image, .container--content-block .container__inner > .image, .promo__image .image {
width: 100%;
padding-top: 100%;
position: relative;
}
.quiz .quiz-header .image img, .featured-listing .featured-listing__featured .promo__image .image img, .container--content-block .container__inner > .image img, .promo__image img, .hero .image img {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/**
Header Legend
@example
*/
.header-legend {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
display: flex;
align-items: center;
width: 100%;
letter-spacing: 1px;
margin-bottom: 40px;
margin-top: 40px;
}
@media (max-width: 74.9375em) {
.header-legend {
font-size: 20px;
line-height: 26px;
}
}
.header-legend:after {
content: "";
height: 5px;
background-color: #e6e7e8;
flex-grow: 1;
margin-left: 40px;
}
.ts__row {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #e6e7e8;
margin-top: 30px;
}
.ts__row.ts__row--no-border {
border-bottom: none;
}
.ts__row.ts__row--overflow-borders,
.ts__row .ts__col--overflow-borders {
position: relative;
}
.ts__row.ts__row--overflow-borders:after,
.ts__row .ts__col--overflow-borders:after {
content: "";
width: 100vw;
height: 0;
border-bottom: 1px solid #e6e7e8;
position: absolute;
top: calc(100% - 1px);
left: 0;
}
.ts__row .ts__col--overflow-borders {
padding-bottom: 20px;
}
.ts__row:last-child {
border-bottom: none;
}
@media (max-width: 1290px) {
.ts__row {
flex-direction: column;
flex-wrap: nowrap;
}
}
@media (max-width: 47.9375em) {
.ts__row {
flex-direction: column;
flex-wrap: nowrap;
}
}
@media (min-width: 47.9375em) {
.ts__row.ts__row--vcenter {
align-items: center;
}
}
.ts__col {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.ts__col.ts__col--no-margin {
margin: 0;
}
.ts__col .btn, .ts__col .login .button, .ts__col .login .resend-email-btn, .login .ts__col .button, .login .ts__col .resend-email-btn {
align-self: flex-start;
}
.ts__col .ts__col__value + .form__note {
margin-top: 0;
}
.ts__col--flex {
flex-grow: 1;
flex-basis: 0;
margin-left: 0;
margin-bottom: 0;
}
.ts__col--flex:first-child {
margin-left: 0;
}
@media (max-width: 47.9375em) {
.ts__col--flex {
margin-left: 0;
flex-basis: auto;
}
}
@media (min-width: 74.9375em) {
.table-fit-screen {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
}
/**
Rule Header
@example
*/
.rule-header {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
color: #193062;
display: flex;
align-items: center;
width: 100%;
letter-spacing: 1px;
margin-bottom: 40px;
margin-top: 40px;
}
@media (max-width: 74.9375em) {
.rule-header {
font-size: 20px;
line-height: 26px;
}
}
.rule-header:after {
content: "";
height: 1px;
background-color: #D1D6E0;
flex-grow: 1;
margin-left: 40px;
}
/** @title Buttons */
/* Single Brand Styles */
.btn, .login .button, .login .resend-email-btn {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
display: inline-block;
padding: 0.9375rem 0.9375rem;
color: #231f20;
text-decoration: none;
border: 1px solid #74676a;
background-color: #a69b9e;
line-height: 1;
/* Prevent button from inheriting line-height */
vertical-align: middle;
transition: color 0.35s, background-color 0.35s, border-color 0.35s, opacity 0.35s;
cursor: pointer;
font-size: 0.875rem;
letter-spacing: 0;
min-width: 150px;
}
.btn:active, .login .button:active, .login .resend-email-btn:active, .btn:hover, .login .button:hover, .login .resend-email-btn:hover {
outline: 0;
color: #080707;
background-color: #8e8083;
border-color: #594f51;
}
@media (max-width: 74.9375em) {
.btn, .login .button, .login .resend-email-btn {
min-width: 130px;
letter-spacing: 0;
}
}
/**
* Primary Button
* @example {HTML} button Primary Button
* @example {HTML} link Primary Link
* @example {HTML} link Primary Block Link
*/
.btn--primary, .login .resend-email-btn, .login .enroll-choices .link-button,
.login .button-primary,
.login .sms-request-button,
.login .email-request-button,
.login .call-request-button, .login .enroll-choices .call-request-button,
.login .enroll-call .call-request-button,
.login .enroll-sms .call-request-button, .btn--cta, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line {
color: #193062;
background-color: #ffffff;
border: 1px solid #7583A1;
font-size: 16px;
padding: 0 15px 0 0;
text-align: left;
display: inline-flex;
align-items: center;
}
.btn--primary:before, .login .resend-email-btn:before, .login .enroll-choices .link-button:before,
.login .button-primary:before,
.login .sms-request-button:before,
.login .email-request-button:before,
.login .call-request-button:before, .login .enroll-choices .call-request-button:before,
.login .enroll-call .call-request-button:before,
.login .enroll-sms .call-request-button:before, .btn--cta:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23193062' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23193062' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
content: "";
color: #193062;
background-color: #fae07e;
width: 56px;
height: 56px;
font-size: 33px;
line-height: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: color 0.35s, background-color 0.35s;
flex-shrink: 0;
}
.btn--primary:active, .login .resend-email-btn:active, .login .enroll-choices .link-button:active,
.login .button-primary:active,
.login .sms-request-button:active,
.login .email-request-button:active,
.login .call-request-button:active, .btn--primary:hover, .login .resend-email-btn:hover, .login .enroll-choices .link-button:hover,
.login .button-primary:hover,
.login .sms-request-button:hover,
.login .email-request-button:hover,
.login .call-request-button:hover, .btn--cta:active, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line:active, .btn--cta:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line:hover {
color: #231F20;
}
.btn--primary:active:before, .login .resend-email-btn:active:before, .login .enroll-choices .link-button:active:before,
.login .button-primary:active:before,
.login .sms-request-button:active:before,
.login .email-request-button:active:before,
.login .call-request-button:active:before, .btn--primary:hover:before, .login .resend-email-btn:hover:before, .login .enroll-choices .link-button:hover:before,
.login .button-primary:hover:before,
.login .sms-request-button:hover:before,
.login .email-request-button:hover:before,
.login .call-request-button:hover:before, .btn--cta:active:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line:active:before, .btn--cta:hover:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line:hover:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: #193062;
color: #231F20;
}
.btn--primary.btn:hover, .login .enroll-choices .btn.link-button:hover,
.login .btn.button-primary:hover,
.login .btn.sms-request-button:hover,
.login .btn.email-request-button:hover,
.login .btn.call-request-button:hover, .login .btn--primary.button:hover, .login .resend-email-btn:hover, .login .enroll-choices .button.link-button:hover,
.login .button.button-primary:hover,
.login .button.sms-request-button:hover,
.login .button.email-request-button:hover,
.login .button.call-request-button:hover, .btn--cta.btn:hover, .login .btn--cta.button:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn.btn--hero--blue-line:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .login .btn--hero--blue-line.button:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .login .btn--hero--blue-line.resend-email-btn:hover, .login .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line.button:hover, .login .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line.resend-email-btn:hover {
background: #fff;
}
.btn--primary.btn--block, .login .btn--block.resend-email-btn, .login .enroll-choices .btn--block.link-button,
.login .btn--block.button-primary,
.login .btn--block.sms-request-button,
.login .btn--block.email-request-button,
.login .btn--block.call-request-button {
padding-top: 25px;
padding-bottom: 25px;
}
@media (max-width: 74.9375em) {
.btn--primary.btn--block, .login .btn--block.resend-email-btn, .login .enroll-choices .btn--block.link-button,
.login .btn--block.button-primary,
.login .btn--block.sms-request-button,
.login .btn--block.email-request-button,
.login .btn--block.call-request-button {
padding-top: 20px;
padding-bottom: 20px;
}
}
.btn--primary-disabled, .login .enroll-choices .call-request-button.btn-disabled,
.login .enroll-call .call-request-button.btn-disabled,
.login .enroll-sms .call-request-button.btn-disabled,
.btn--primary[aria-disabled=true],
.login [aria-disabled=true].resend-email-btn,
.login .enroll-choices [aria-disabled=true].link-button,
.login [aria-disabled=true].button-primary,
.login [aria-disabled=true].sms-request-button,
.login [aria-disabled=true].email-request-button,
.login [aria-disabled=true].call-request-button,
.btn--primary[disabled],
.login [disabled].resend-email-btn,
.login .enroll-choices [disabled].link-button,
.login [disabled].button-primary,
.login [disabled].sms-request-button,
.login [disabled].email-request-button,
.login [disabled].call-request-button {
pointer-events: none;
color: #646468;
border: 1px solid #7583A1;
}
.btn--primary-disabled:active, .login .enroll-choices .call-request-button.btn-disabled:active,
.login .enroll-call .call-request-button.btn-disabled:active,
.login .enroll-sms .call-request-button.btn-disabled:active, .btn--primary-disabled:hover, .login .enroll-choices .call-request-button.btn-disabled:hover,
.login .enroll-call .call-request-button.btn-disabled:hover,
.login .enroll-sms .call-request-button.btn-disabled:hover,
.btn--primary[aria-disabled=true]:active,
.login [aria-disabled=true].resend-email-btn:active,
.login .enroll-choices [aria-disabled=true].link-button:active,
.login [aria-disabled=true].button-primary:active,
.login [aria-disabled=true].sms-request-button:active,
.login [aria-disabled=true].email-request-button:active,
.login [aria-disabled=true].call-request-button:active,
.btn--primary[aria-disabled=true]:hover,
.login [aria-disabled=true].resend-email-btn:hover,
.login .enroll-choices [aria-disabled=true].link-button:hover,
.login [aria-disabled=true].button-primary:hover,
.login [aria-disabled=true].sms-request-button:hover,
.login [aria-disabled=true].email-request-button:hover,
.login [aria-disabled=true].call-request-button:hover,
.btn--primary[disabled]:active,
.login [disabled].resend-email-btn:active,
.login .enroll-choices [disabled].link-button:active,
.login [disabled].button-primary:active,
.login [disabled].sms-request-button:active,
.login [disabled].email-request-button:active,
.login [disabled].call-request-button:active,
.btn--primary[disabled]:hover,
.login [disabled].resend-email-btn:hover,
.login .enroll-choices [disabled].link-button:hover,
.login [disabled].button-primary:hover,
.login [disabled].sms-request-button:hover,
.login [disabled].email-request-button:hover,
.login [disabled].call-request-button:hover {
cursor: default;
color: #58595b;
background-color: #e6e7e8;
border-color: #e6e7e8;
}
.btn--primary-disabled:before, .login .enroll-choices .call-request-button.btn-disabled:before,
.login .enroll-call .call-request-button.btn-disabled:before,
.login .enroll-sms .call-request-button.btn-disabled:before,
.btn--primary[aria-disabled=true]:before,
.login [aria-disabled=true].resend-email-btn:before,
.login .enroll-choices [aria-disabled=true].link-button:before,
.login [aria-disabled=true].button-primary:before,
.login [aria-disabled=true].sms-request-button:before,
.login [aria-disabled=true].email-request-button:before,
.login [aria-disabled=true].call-request-button:before,
.btn--primary[disabled]:before,
.login [disabled].resend-email-btn:before,
.login .enroll-choices [disabled].link-button:before,
.login [disabled].button-primary:before,
.login [disabled].sms-request-button:before,
.login [disabled].email-request-button:before,
.login [disabled].call-request-button:before {
background-color: #f2f2f2;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23646468' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23646468' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/**
* CTA Button
* @example {HTML} button CTA Button
* @example {HTML} link CTA Link
* @example {HTML} disabled CTA Link
* @example {HTML} aria-disabled CTA Link
*/
.btn--cta .btn__text, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line .btn__text {
display: inline-flex;
align-items: center;
}
.btn--cta span.btn__text, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--hero--blue-line span.btn__text {
pointer-events: none;
}
.btn--cta[aria-disabled=true], .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line,
.btn--cta[disabled],
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line {
color: #58595b;
pointer-events: none;
}
.btn--cta[aria-disabled=true]:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line:before,
.btn--cta[disabled]:before,
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line:before {
background-color: #e6e7e8;
border-color: transparent;
}
.btn--cta[aria-disabled=true]:active, .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line:active, .btn--cta[aria-disabled=true]:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line:hover,
.btn--cta[disabled]:active,
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line:active,
.btn--cta[disabled]:hover,
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line:hover {
cursor: default;
}
.btn--cta[aria-disabled=true]:active:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line:active:before, .btn--cta[aria-disabled=true]:hover:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel [aria-disabled=true].btn--hero--blue-line:hover:before,
.btn--cta[disabled]:active:before,
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line:active:before,
.btn--cta[disabled]:hover:before,
.hero--60-40-bleed.hero--blue-line .container__col .content-panel [disabled].btn--hero--blue-line:hover:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23231f20' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23231f20' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
color: #58595b;
}
.btn--cta-pricing {
color: currentColor;
background-color: #fae07e;
border: 0;
font-size: 1rem;
height: 55px;
text-align: left;
display: inline-flex;
align-items: center;
padding-left: 25px;
padding-right: 25px;
}
@media (min-width: 1290px) {
.btn--cta-pricing {
margin-top: 20px;
}
}
@media (max-width: 1290px) {
.btn--cta-pricing {
margin-top: 0;
margin-bottom: 30px;
width: calc(100% - 15px);
}
}
@media (max-width: 47.9375em) {
.btn--cta-pricing {
width: 100%;
}
}
.btn--cta-pricing .btn__text {
display: inline-flex;
align-items: center;
}
.btn--cta-pricing span.btn__text {
width: -moz-max-content;
width: max-content;
display: inline-block;
text-align: center;
pointer-events: none;
}
@media (max-width: 1290px) {
.btn--cta-pricing span.btn__text {
width: 100%;
}
}
.btn--cta-pricing a {
display: inline-block;
text-align: center;
}
@media (max-width: 1290px) {
.btn--cta-pricing a {
width: 100%;
}
}
.btn--cta-pricing:active, .btn--cta-pricing:hover {
color: currentColor;
background-color: #077CAB;
}
.btn--cta-pricing[aria-disabled=true],
.btn--cta-pricing[disabled] {
color: #58595b;
pointer-events: none;
}
.btn--cta-pricing[aria-disabled=true]:active, .btn--cta-pricing[aria-disabled=true]:hover,
.btn--cta-pricing[disabled]:active,
.btn--cta-pricing[disabled]:hover {
cursor: default;
}
/**
* CTA Expanded Button
* @example {HTML} button CTA Expanded Button
* @example {HTML} link CTA Expanded Link
*/
.btn--cta-expanded {
color: currentColor;
background-color: transparent;
border: 0;
padding: 0;
display: flex;
align-items: center;
}
.btn--cta-expanded:before {
content: "";
display: block;
flex-grow: 1;
height: 3px;
background-color: #e6e7e8;
margin-left: 20px;
margin-right: 20px;
order: 1;
}
.btn--cta-expanded:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23231f20' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23231f20' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
color: #231f20;
background-color: #fae07e;
width: 55px;
height: 55px;
font-size: 33px;
line-height: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
order: 2;
transition: color 0.35s, background-color 0.35s;
}
.btn--cta-expanded:active, .btn--cta-expanded:hover {
color: currentColor;
background-color: transparent;
}
.btn--cta-expanded:active:after, .btn--cta-expanded:hover:after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: #077CAB;
color: #ffffff;
}
/**
* Primary Outline Button
* @example {HTML} button Primary Outline Button
* @example {HTML} link Primary Outline Link
*/
.btn--primary-outline {
height: 56px;
border: 4px solid #7583A1;
color: #193062;
background-color: #ffffff;
}
.btn--primary-outline:active, .btn--primary-outline:hover {
color: #193062;
background-color: #fae07e;
border: 4px solid #193062;
}
.btn--primary-alt-two {
color: #231f20;
border: 4px solid #fae07e;
background-color: #ffffff;
text-align: center;
}
.btn--primary-alt-two:active, .btn--primary-alt-two:hover {
color: #231f20;
background-color: #fae07e;
border-color: #fae07e;
}
.btn--primary.btn--disabled, .login .btn--disabled.resend-email-btn, .login .enroll-choices .btn--disabled.link-button,
.login .btn--disabled.button-primary,
.login .btn--disabled.sms-request-button,
.login .btn--disabled.email-request-button,
.login .btn--disabled.call-request-button {
opacity: 0.3;
}
.btn--primary.btn--ghost, .login .btn--ghost.resend-email-btn, .login .enroll-choices .btn--ghost.link-button,
.login .btn--ghost.button-primary,
.login .btn--ghost.sms-request-button,
.login .btn--ghost.email-request-button,
.login .btn--ghost.call-request-button {
color: #fae07e;
}
.btn--primary.btn--ghost:active, .login .btn--ghost.resend-email-btn:active, .login .enroll-choices .btn--ghost.link-button:active,
.login .btn--ghost.button-primary:active,
.login .btn--ghost.sms-request-button:active,
.login .btn--ghost.email-request-button:active,
.login .btn--ghost.call-request-button:active, .btn--primary.btn--ghost:hover, .login .btn--ghost.resend-email-btn:hover, .login .enroll-choices .btn--ghost.link-button:hover,
.login .btn--ghost.button-primary:hover,
.login .btn--ghost.sms-request-button:hover,
.login .btn--ghost.email-request-button:hover,
.login .btn--ghost.call-request-button:hover {
color: #077CAB;
}
/**
* Secondary Button
* @example {HTML} button Secondary Button
* @example {HTML} link Secondary Link
*/
.btn--secondary, .login .link, .utility-nav--sticky .phone-link a, .global-header__top-left .right-content .phone-link a, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a {
color: #231F20;
border: 0;
border-bottom: 2px solid #608CFF;
background-color: transparent;
padding: 5px 0;
min-width: 0;
transition: padding 0.35s ease;
position: relative;
z-index: 1;
}
.btn--secondary.tab-only, .login .tab-only.link, .utility-nav--sticky .phone-link a.tab-only, .global-header__top-left .right-content .phone-link a.tab-only, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a.tab-only {
position: absolute;
}
.btn--secondary.tab-only:focus, .login .tab-only.link:focus, .utility-nav--sticky .phone-link a.tab-only:focus, .global-header__top-left .right-content .phone-link a.tab-only:focus, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a.tab-only:focus {
position: relative;
}
.btn--secondary:before, .login .link:before, .utility-nav--sticky .phone-link a:before, .global-header__top-left .right-content .phone-link a:before, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:before {
content: "";
background-image: linear-gradient(to left, transparent 50%, #fae07e 50%);
background-position: right center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
left: -7px;
position: absolute;
top: 0;
width: calc(100% + 7px * 2);
z-index: -1;
opacity: 0;
}
.btn--secondary:after, .login .link:after, .utility-nav--sticky .phone-link a:after, .global-header__top-left .right-content .phone-link a:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:after {
content: "";
background-image: linear-gradient(to left, #fae07e 50%, transparent 50%);
background-position: left center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
position: absolute;
right: -7px;
top: 0;
transition: none;
width: calc(100% + 7px * 2);
z-index: -2;
}
@media (min-width: 75em) {
.btn--secondary:after, .login .link:after, .utility-nav--sticky .phone-link a:after, .global-header__top-left .right-content .phone-link a:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:after {
transition: background-position 0.25s ease;
}
}
.btn--secondary:active, .login .link:active, .utility-nav--sticky .phone-link a:active, .global-header__top-left .right-content .phone-link a:active, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:active, .btn--secondary:hover, .login .link:hover, .utility-nav--sticky .phone-link a:hover, .global-header__top-left .right-content .phone-link a:hover, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:hover {
background-color: transparent;
border-bottom: 2px solid transparent;
color: #231F20;
}
.btn--secondary:active:before, .login .link:active:before, .utility-nav--sticky .phone-link a:active:before, .global-header__top-left .right-content .phone-link a:active:before, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:active:before, .btn--secondary:hover:before, .login .link:hover:before, .utility-nav--sticky .phone-link a:hover:before, .global-header__top-left .right-content .phone-link a:hover:before, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:hover:before {
background-position: left center;
transition: background-position 0.25s ease;
-webkit-transition: background-position 0.25s ease;
opacity: 1;
}
@media (min-width: 75em) {
.btn--secondary:active:before, .login .link:active:before, .utility-nav--sticky .phone-link a:active:before, .global-header__top-left .right-content .phone-link a:active:before, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:active:before, .btn--secondary:hover:before, .login .link:hover:before, .utility-nav--sticky .phone-link a:hover:before, .global-header__top-left .right-content .phone-link a:hover:before, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:hover:before {
transition: background-position 0.25s ease;
}
}
.btn--secondary:active:after, .login .link:active:after, .utility-nav--sticky .phone-link a:active:after, .global-header__top-left .right-content .phone-link a:active:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:active:after, .btn--secondary:hover:after, .login .link:hover:after, .utility-nav--sticky .phone-link a:hover:after, .global-header__top-left .right-content .phone-link a:hover:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a:hover:after {
opacity: 0;
background-position: right center;
transition: background-position 0.25s ease;
-webkit-transition: background-position 0.25s ease;
}
.btn--secondary[aria-disabled=true], .login [aria-disabled=true].link, .utility-nav--sticky .phone-link a[aria-disabled=true], .global-header__top-left .right-content .phone-link a[aria-disabled=true], .global-header .no-nav .global-header__top .global-header__top-right .phone-link a[aria-disabled=true],
.btn--secondary[disabled],
.login [disabled].link,
.utility-nav--sticky .phone-link a[disabled],
.global-header__top-left .right-content .phone-link a[disabled],
.global-header .no-nav .global-header__top .global-header__top-right .phone-link a[disabled] {
pointer-events: none;
color: #58595b;
border-bottom: 2px solid #58595b;
}
.btn--secondary[aria-disabled=true]:active, .login [aria-disabled=true].link:active, .utility-nav--sticky .phone-link a[aria-disabled=true]:active, .global-header__top-left .right-content .phone-link a[aria-disabled=true]:active, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a[aria-disabled=true]:active, .btn--secondary[aria-disabled=true]:hover, .login [aria-disabled=true].link:hover, .utility-nav--sticky .phone-link a[aria-disabled=true]:hover, .global-header__top-left .right-content .phone-link a[aria-disabled=true]:hover, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a[aria-disabled=true]:hover,
.btn--secondary[disabled]:active,
.login [disabled].link:active,
.utility-nav--sticky .phone-link a[disabled]:active,
.global-header__top-left .right-content .phone-link a[disabled]:active,
.global-header .no-nav .global-header__top .global-header__top-right .phone-link a[disabled]:active,
.btn--secondary[disabled]:hover,
.login [disabled].link:hover,
.utility-nav--sticky .phone-link a[disabled]:hover,
.global-header__top-left .right-content .phone-link a[disabled]:hover,
.global-header .no-nav .global-header__top .global-header__top-right .phone-link a[disabled]:hover {
cursor: default;
color: #58595b;
background-color: transparent;
border-color: #58595b;
padding: 5px;
}
.btn--secondary.btn--disabled, .login .btn--disabled.link, .utility-nav--sticky .phone-link a.btn--disabled, .global-header__top-left .right-content .phone-link a.btn--disabled, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a.btn--disabled {
opacity: 0.35;
}
.btn--cta.btn--external:active:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--external.btn--hero--blue-line:active:before, .btn--cta.btn--external:hover:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .btn--external.btn--hero--blue-line:hover:before {
content: "↗";
}
.btn--secondary.btn--external:active:after, .login .btn--external.link:active:after, .utility-nav--sticky .phone-link a.btn--external:active:after, .global-header__top-left .right-content .phone-link a.btn--external:active:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a.btn--external:active:after, .btn--secondary.btn--external:hover:after, .login .btn--external.link:hover:after, .utility-nav--sticky .phone-link a.btn--external:hover:after, .global-header__top-left .right-content .phone-link a.btn--external:hover:after, .global-header .no-nav .global-header__top .global-header__top-right .phone-link a.btn--external:hover:after {
content: "↗";
margin-left: 9px;
font-size: 18px;
}
.btn--primary-alt-one {
color: #193062;
border: 1px solid #7583A1;
background-color: #fae07e;
text-align: center;
min-width: 110px;
padding: 15px 5px;
}
.btn--primary-alt-one:active, .btn--primary-alt-one:hover {
color: #ffffff;
background-color: #193062;
border-color: #193062;
}
.btn--primary-alt-two {
font-size: 14px;
font-weight: 700;
color: #193062;
border: 4px solid #7583A1;
background-color: #ffffff;
text-align: center;
min-width: 110px;
padding: 8px 16px;
min-height: 56px;
line-height: 32px; /* height - padding - border */
}
.btn--primary-alt-two:active, .btn--primary-alt-two:hover {
background-color: #fae07e;
border-color: #193062;
}
.btn--primary-alt-disabled,
.btn--primary-alt[aria-disabled=true],
.btn--primary-alt[disabled] {
min-width: 110px;
padding: 15px 5px;
color: #646468;
border: 1px solid #7583A1;
background-color: #f2f2f2;
}
.btn--secondary-alt-one {
color: #ffffff;
border: 1px solid #608CFF;
background-color: #608CFF;
text-align: center;
min-width: 110px;
padding: 15px 5px;
}
.btn--secondary-alt-one:active, .btn--secondary-alt-one:hover {
color: #ffffff;
background-color: #193062;
border-color: #193062;
}
.btn--secondary-alt-two,
.btn--cta-tertiary {
font-size: 14px;
color: #193062;
border: 4px solid #608CFF;
background-color: #ffffff;
text-align: center;
padding: 8px 16px;
line-height: 32px;
min-height: 56px;
}
.btn--secondary-alt-two:active, .btn--secondary-alt-two:hover,
.btn--cta-tertiary:active,
.btn--cta-tertiary:hover {
color: #ffffff;
background-color: #608CFF;
border-color: #608CFF;
}
/**
* Link Button
* @example {HTML} button Link Button
* @example {HTML} link Link Link
*/
.btn--link, .promo .promo__link .header, .content-list .list-item > a .header,
.btn--reset {
border: 0;
background-color: transparent;
min-width: 0;
padding: 7px 0;
position: relative;
z-index: 1;
}
.btn--link:before, .promo .promo__link .header:before, .content-list .list-item > a .header:before,
.btn--reset:before {
content: "";
background-image: linear-gradient(to left, transparent 51%, #fae07e 50%);
background-position: right center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0;
width: calc(100% + 0px * 2);
z-index: -1;
opacity: 0;
}
.btn--link:after, .promo .promo__link .header:after, .content-list .list-item > a .header:after,
.btn--reset:after {
content: "";
background-image: linear-gradient(to left, #fae07e 50%, transparent 50%);
background-position: left center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
position: absolute;
right: 0px;
top: 0;
transition: none;
width: calc(100% + 0px * 2);
z-index: -2;
}
@media (min-width: 75em) {
.btn--link:after, .promo .promo__link .header:after, .content-list .list-item > a .header:after,
.btn--reset:after {
transition: background-position 0.25s ease;
}
}
.btn--link:active, .promo .promo__link .header:active, .content-list .list-item > a .header:active, .btn--link:hover, .promo .promo__link .header:hover, .content-list .list-item > a .header:hover,
.btn--reset:active,
.btn--reset:hover {
background-color: transparent;
color: #231f20;
}
.btn--link:active:before, .promo .promo__link .header:active:before, .content-list .list-item > a .header:active:before, .btn--link:hover:before, .promo .promo__link .header:hover:before, .content-list .list-item > a .header:hover:before,
.btn--reset:active:before,
.btn--reset:hover:before {
background-position: left center;
transition: none;
opacity: 1;
}
@media (min-width: 75em) {
.btn--link:active:before, .promo .promo__link .header:active:before, .content-list .list-item > a .header:active:before, .btn--link:hover:before, .promo .promo__link .header:hover:before, .content-list .list-item > a .header:hover:before,
.btn--reset:active:before,
.btn--reset:hover:before {
transition: background-position 0.25s ease;
}
}
.btn--link:active:after, .promo .promo__link .header:active:after, .content-list .list-item > a .header:active:after, .btn--link:hover:after, .promo .promo__link .header:hover:after, .content-list .list-item > a .header:hover:after,
.btn--reset:active:after,
.btn--reset:hover:after {
opacity: 0;
background-position: right center;
}
.btn--link[disabled], .promo .promo__link [disabled].header, .content-list .list-item > a [disabled].header,
.btn--reset[disabled] {
color: #bdbdbd;
cursor: default;
text-decoration: none;
}
.btn--link[disabled]:after, .promo .promo__link [disabled].header:after, .content-list .list-item > a [disabled].header:after, .btn--link[disabled]:before, .promo .promo__link [disabled].header:before, .content-list .list-item > a [disabled].header:before,
.btn--reset[disabled]:after,
.btn--reset[disabled]:before {
display: none;
}
.btn--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.btn--ghost {
background-color: transparent;
}
.btn--ghost:active, .btn--ghost:hover {
background-color: transparent;
}
.btn--tag {
padding: 0.125rem 0.25rem;
font-weight: bold;
}
.btn--tag .icon {
height: 1rem;
width: 1rem;
margin-left: 0.25rem;
fill: #74676a;
transition: fill 0.35s;
}
.btn--tag:hover .icon {
fill: #231f20;
}
.btn--sort {
border: 0;
background-color: transparent;
overflow: hidden;
}
.btn--icon-group {
position: relative;
padding-right: 1.5rem;
}
.btn--icon-group .btn_icon-group {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.btn--icon-group .btn_icon-group .icon {
position: absolute;
right: 0;
height: 1.846em;
max-height: 1.5rem;
width: 1.846em;
max-width: 1.5rem;
fill: currentColor;
opacity: 1;
visibility: visible;
transition: opacity 0.35s;
}
.btn--icon-group .btn_icon-group .icon:first-child {
bottom: 35%;
transform: translateY(35%);
}
.btn--icon-group .btn_icon-group .icon:last-child {
top: 35%;
transform: translateY(-35%);
}
.btn--small-text {
font-size: 14px;
letter-spacing: 0.5px;
line-height: 21px;
}
.rich-text .card a.btn--cta:before, .rich-text .card .hero--60-40-bleed.hero--blue-line .container__col .content-panel a.btn--hero--blue-line:before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .rich-text .card a.btn--hero--blue-line:before {
height: 55px;
}
.rich-text .card a.btn--cta:hover, .rich-text .card .hero--60-40-bleed.hero--blue-line .container__col .content-panel a.btn--hero--blue-line:hover, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .rich-text .card a.btn--hero--blue-line:hover {
border-bottom: 1px solid #7583A1;
}
.rich-text .card a.btn--secondary, .rich-text .card .login a.link, .login .rich-text .card a.link, .rich-text .card .utility-nav--sticky .phone-link a, .utility-nav--sticky .phone-link .rich-text .card a, .rich-text .card .global-header__top-left .right-content .phone-link a, .global-header__top-left .right-content .phone-link .rich-text .card a, .rich-text .card .global-header .no-nav .global-header__top .global-header__top-right .phone-link a, .global-header .no-nav .global-header__top .global-header__top-right .phone-link .rich-text .card a {
z-index: 1;
}
.btn--cta-blue {
color: #193062;
background-color: transparent;
border: 1px solid #7583A1;
font-size: 16px;
padding: 0 15px 0 0;
text-align: left;
display: inline-flex;
align-items: center;
}
.btn--cta-blue:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cg%3E%3Cg transform='rotate(-360 4.5 -15)'%3E%3Cg transform='rotate(-360 16 -15)'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='50' stroke-width='2' d='M24 1v0l4 4v0l-4 4v0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M0 5a1 1 0 0 1 1-1h27a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
content: "";
color: #ffffff;
background-color: #608CFF;
width: 55px;
height: 55px;
font-size: 33px;
line-height: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: color 0.35s, background-color 0.35s;
flex-shrink: 0;
}
.btn--cta-blue:active, .btn--cta-blue:hover {
color: currentColor;
background-color: transparent;
}
.btn--cta-blue:active:before, .btn--cta-blue:hover:before {
background-color: #193062;
color: #231F20;
}
.btn--header-cta {
color: #193062;
border: 1px solid #7583A1;
background-color: #fae07e;
text-align: center;
min-width: 110px;
padding: 15px 5px;
}
.btn--header-cta:active, .btn--header-cta:hover {
color: #ffffff;
background-color: #193062;
border-color: #193062;
}
.text--cta-three, .text--cta-two, .text--cta-one,
.btn--cta-secondary {
font-size: 21px;
color: #231F20;
background-color: transparent;
min-width: 0;
padding: 7px 0;
position: relative;
z-index: 1;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid #608CFF;
}
.text--cta-three:before, .text--cta-two:before, .text--cta-one:before,
.btn--cta-secondary:before {
content: "";
background-image: linear-gradient(to left, transparent 51%, #fae07e 50%);
background-position: right center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
left: -7px;
position: absolute;
top: 0;
width: calc(100% + 14px);
z-index: -1;
opacity: 0;
}
.text--cta-three:after, .text--cta-two:after, .text--cta-one:after,
.btn--cta-secondary:after {
content: "";
background-image: linear-gradient(to left, #fae07e 50%, transparent 50%);
background-position: left center;
background-size: 201% 100%;
background-repeat: no-repeat;
display: block;
height: 100%;
position: absolute;
right: -7px;
top: 0;
transition: none;
width: calc(100% + 14px);
z-index: -2;
}
@media (min-width: 75em) {
.text--cta-three:after, .text--cta-two:after, .text--cta-one:after,
.btn--cta-secondary:after {
transition: background-position 0.25s ease;
}
}
.text--cta-three:active, .text--cta-two:active, .text--cta-one:active,
.btn--cta-secondary:active, .text--cta-three:hover, .text--cta-two:hover, .text--cta-one:hover,
.btn--cta-secondary:hover {
border-bottom: 2px solid transparent;
background-color: transparent;
color: #231F20;
}
.text--cta-three:active:before, .text--cta-two:active:before, .text--cta-one:active:before,
.btn--cta-secondary:active:before, .text--cta-three:hover:before, .text--cta-two:hover:before, .text--cta-one:hover:before,
.btn--cta-secondary:hover:before {
background-position: left center;
transition: none;
opacity: 1;
}
@media (min-width: 75em) {
.text--cta-three:active:before, .text--cta-two:active:before, .text--cta-one:active:before,
.btn--cta-secondary:active:before, .text--cta-three:hover:before, .text--cta-two:hover:before, .text--cta-one:hover:before,
.btn--cta-secondary:hover:before {
transition: background-position 0.25s ease;
}
}
.text--cta-three:active:after, .text--cta-two:active:after, .text--cta-one:active:after,
.btn--cta-secondary:active:after, .text--cta-three:hover:after, .text--cta-two:hover:after, .text--cta-one:hover:after,
.btn--cta-secondary:hover:after {
opacity: 0;
background-position: right center;
}
.text--cta-two {
font-size: 16px;
}
.text--cta-three {
font-size: 14px;
}
.btn--cta-pricing {
color: #193062;
background-color: #fae07e;
border: 1px solid #7583A1;
font-size: 14px;
height: 56px;
text-align: center;
display: inline-flex;
align-items: center;
padding: 8px 16px;
min-width: auto;
}
@media (min-width: 1290px) {
.btn--cta-pricing {
margin-top: 19px;
}
}
@media (max-width: 1290px) {
.btn--cta-pricing {
margin-top: 0;
margin-bottom: 30px;
width: calc(100% - 15px);
}
}
@media (max-width: 47.9375em) {
.btn--cta-pricing {
width: 100%;
}
}
.btn--cta-pricing .btn__text {
display: inline-flex;
align-items: center;
}
.btn--cta-pricing span.btn__text {
width: -moz-max-content;
width: max-content;
display: inline-block;
text-align: center;
pointer-events: none;
}
@media (max-width: 1290px) {
.btn--cta-pricing span.btn__text {
width: 100%;
}
}
.btn--cta-pricing a {
display: inline-block;
text-align: center;
}
@media (max-width: 1290px) {
.btn--cta-pricing a {
width: 100%;
}
}
.btn--cta-pricing:active, .btn--cta-pricing:hover {
color: #ffffff;
background-color: #193062;
}
.global-header__top .btn--primary, .global-header__top .login .resend-email-btn, .login .global-header__top .resend-email-btn, .global-header__top .login .enroll-choices .link-button, .login .enroll-choices .global-header__top .link-button,
.global-header__top .login .button-primary,
.login .global-header__top .button-primary,
.global-header__top .login .sms-request-button,
.login .global-header__top .sms-request-button,
.global-header__top .login .email-request-button,
.login .global-header__top .email-request-button,
.global-header__top .login .call-request-button,
.login .global-header__top .call-request-button {
color: #193062;
border: 1px solid #7583A1;
background-color: #fae07e;
padding: 25px;
font-size: 14px;
text-align: center;
min-width: auto;
}
.global-header__top .btn--primary:before, .global-header__top .login .resend-email-btn:before, .login .global-header__top .resend-email-btn:before, .global-header__top .login .enroll-choices .link-button:before, .login .enroll-choices .global-header__top .link-button:before,
.global-header__top .login .button-primary:before,
.login .global-header__top .button-primary:before,
.global-header__top .login .sms-request-button:before,
.login .global-header__top .sms-request-button:before,
.global-header__top .login .email-request-button:before,
.login .global-header__top .email-request-button:before,
.global-header__top .login .call-request-button:before,
.login .global-header__top .call-request-button:before {
content: none;
}
.global-header__top .btn--primary:hover, .global-header__top .login .resend-email-btn:hover, .login .global-header__top .resend-email-btn:hover, .global-header__top .login .enroll-choices .link-button:hover, .login .enroll-choices .global-header__top .link-button:hover,
.global-header__top .login .button-primary:hover,
.login .global-header__top .button-primary:hover,
.global-header__top .login .sms-request-button:hover,
.login .global-header__top .sms-request-button:hover,
.global-header__top .login .email-request-button:hover,
.login .global-header__top .email-request-button:hover,
.global-header__top .login .call-request-button:hover,
.login .global-header__top .call-request-button:hover {
background: #193062;
color: #ffffff;
}
.btn--anchor {
text-decoration: underline;
color: #193062;
background-color: transparent;
cursor: pointer;
word-break: break-word;
border: none;
padding: 5px 0;
}
.btn--anchor:hover {
color: #608CFF;
background: transparent;
outline: none;
}
.btn--anchor:active, .btn--anchor:focus {
text-decoration: none;
color: #193062;
outline: 1px solid #555555;
}
.btn--anchor:visited {
color: #591B46;
}
.econsent .ds__confirm-action__btn-group .btn--primary, .econsent .ds__confirm-action__btn-group .login .resend-email-btn, .login .econsent .ds__confirm-action__btn-group .resend-email-btn, .econsent .ds__confirm-action__btn-group .login .enroll-choices .link-button, .login .enroll-choices .econsent .ds__confirm-action__btn-group .link-button,
.econsent .ds__confirm-action__btn-group .login .button-primary,
.login .econsent .ds__confirm-action__btn-group .button-primary,
.econsent .ds__confirm-action__btn-group .login .sms-request-button,
.login .econsent .ds__confirm-action__btn-group .sms-request-button,
.econsent .ds__confirm-action__btn-group .login .email-request-button,
.login .econsent .ds__confirm-action__btn-group .email-request-button,
.econsent .ds__confirm-action__btn-group .login .call-request-button,
.login .econsent .ds__confirm-action__btn-group .call-request-button {
color: #193062;
border: 1px solid #7583a1;
background-color: #fae07e;
padding: 15px 25px;
font-size: 16px;
text-align: center;
min-width: 130px;
justify-content: center;
}
.econsent .ds__confirm-action__btn-group .btn--primary:before, .econsent .ds__confirm-action__btn-group .login .resend-email-btn:before, .login .econsent .ds__confirm-action__btn-group .resend-email-btn:before, .econsent .ds__confirm-action__btn-group .login .enroll-choices .link-button:before, .login .enroll-choices .econsent .ds__confirm-action__btn-group .link-button:before,
.econsent .ds__confirm-action__btn-group .login .button-primary:before,
.login .econsent .ds__confirm-action__btn-group .button-primary:before,
.econsent .ds__confirm-action__btn-group .login .sms-request-button:before,
.login .econsent .ds__confirm-action__btn-group .sms-request-button:before,
.econsent .ds__confirm-action__btn-group .login .email-request-button:before,
.login .econsent .ds__confirm-action__btn-group .email-request-button:before,
.econsent .ds__confirm-action__btn-group .login .call-request-button:before,
.login .econsent .ds__confirm-action__btn-group .call-request-button:before {
content: none;
display: none;
}
.econsent .ds__confirm-action__btn-group .btn--primary:hover, .econsent .ds__confirm-action__btn-group .login .resend-email-btn:hover, .login .econsent .ds__confirm-action__btn-group .resend-email-btn:hover, .econsent .ds__confirm-action__btn-group .login .enroll-choices .link-button:hover, .login .enroll-choices .econsent .ds__confirm-action__btn-group .link-button:hover,
.econsent .ds__confirm-action__btn-group .login .button-primary:hover,
.login .econsent .ds__confirm-action__btn-group .button-primary:hover,
.econsent .ds__confirm-action__btn-group .login .sms-request-button:hover,
.login .econsent .ds__confirm-action__btn-group .sms-request-button:hover,
.econsent .ds__confirm-action__btn-group .login .email-request-button:hover,
.login .econsent .ds__confirm-action__btn-group .email-request-button:hover,
.econsent .ds__confirm-action__btn-group .login .call-request-button:hover,
.login .econsent .ds__confirm-action__btn-group .call-request-button:hover {
background: #193062;
color: #fff;
}
.ds__message-section .btn.btn--primary, .ds__message-section .login .enroll-choices .btn.link-button, .login .enroll-choices .ds__message-section .btn.link-button,
.ds__message-section .login .btn.button-primary,
.login .ds__message-section .btn.button-primary,
.ds__message-section .login .btn.sms-request-button,
.login .ds__message-section .btn.sms-request-button,
.ds__message-section .login .btn.email-request-button,
.login .ds__message-section .btn.email-request-button,
.ds__message-section .login .btn.call-request-button,
.login .ds__message-section .btn.call-request-button, .ds__message-section .login .btn--primary.button, .ds__message-section .login .resend-email-btn, .ds__message-section .login .enroll-choices .button.link-button,
.ds__message-section .login .button.button-primary,
.ds__message-section .login .button.sms-request-button,
.ds__message-section .login .button.email-request-button,
.ds__message-section .login .button.call-request-button, .login .ds__message-section .btn--primary.button, .login .ds__message-section .resend-email-btn, .login .ds__message-section .enroll-choices .button.link-button, .login .enroll-choices .ds__message-section .button.link-button,
.login .ds__message-section .button.button-primary,
.login .ds__message-section .button.sms-request-button,
.login .ds__message-section .button.email-request-button,
.login .ds__message-section .button.call-request-button {
padding: 0 15px 0 0;
}
/**
@title Containers
manages column spacing
*/
/**
* Container Variables
* @desc {String} d the number in the em represents pixles
* @section
*/
.container {
position: relative;
margin-bottom: 3.75rem;
}
.container.is-adjacent {
margin-bottom: 0;
}
/**
* Full Bleed Container
* @example {HTML} button
*/
.container--bleed {
max-width: 161.25rem;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-position: center;
}
.container--bleed > .container__col {
position: relative;
}
.container--bleed > .container__col .container:last-child:not(.container--overlap.is-bottom) {
margin-bottom: 0;
}
@media (max-width: calc(90em + 100px)) {
.container--bleed:has(.hero--60-40-bleed.hero--yellow-bg) {
margin-left: 30px;
margin-right: 30px;
}
}
.container--bleed.has-image, .container--bleed.has-color {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media (min-width: 75em) {
.container--bleed .container--100,
.container--bleed .container--70-30,
.container--bleed .container--60-40,
.container--bleed .container--50-50,
.container--bleed .container--40-60,
.container--bleed .container--30-70,
.container--bleed .testimonial--70-30,
.container--bleed .testimonial--30-70 {
margin-left: auto;
margin-right: auto;
}
}
/**
* Full Width Container
* @example {HTML} button
*/
.container--100,
.container--70-30,
.container--60-40,
.container--50-50,
.container--40-60,
.container--30-70,
.testimonial--70-30,
.testimonial--30-70 {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
}
.container--100:after,
.container--70-30:after,
.container--60-40:after,
.container--50-50:after,
.container--40-60:after,
.container--30-70:after,
.testimonial--70-30:after,
.testimonial--30-70:after {
content: "";
clear: both;
display: block;
}
@media (max-width: calc(90em + 100px)) {
.container--100,
.container--70-30,
.container--60-40,
.container--50-50,
.container--40-60,
.container--30-70,
.testimonial--70-30,
.testimonial--30-70 {
margin-left: 30px;
margin-right: 30px;
}
}
/**
* 70-30 Container
* @example {HTML} button
*/
.container--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
@media (max-width: 74.9375em) {
.container--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
@media (max-width: 74.9375em) {
.container--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
.container--70-30.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.container--70-30.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--70-30.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--70-30.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
@media (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:first-of-type,
.container--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.container--70-30.container--overlap .container__col:first-of-type:last-child,
.container--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:first-of-type,
.container--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:first-of-type:last-child,
.container--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:last-of-type,
.container--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--70-30.container--overlap .container__col:last-of-type:last-child,
.container--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:last-of-type,
.container--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:last-of-type:last-child,
.container--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--70-30 .container__col {
margin-bottom: 3.75rem;
}
.container--70-30.container--overlap .container__col:first-of-type,
.container--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--70-30.container--overlap .container__col:first-of-type:last-child,
.container--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:first-of-type,
.container--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:first-of-type:last-child,
.container--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--70-30.container--overlap .container__col:last-of-type,
.container--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--70-30.container--overlap .container__col:last-of-type:last-child,
.container--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--70-30.container--overlap .container__col:last-of-type,
.container--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--70-30.container--overlap .container__col:last-of-type:last-child,
.container--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
.testimonial--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
margin-left: 75px;
margin-right: 0;
}
.testimonial--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
@media (max-width: 74.9375em) {
.testimonial--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
.testimonial--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 3 - 2%);
float: none;
}
.testimonial--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 3);
}
@media (max-width: 74.9375em) {
.testimonial--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
.testimonial--70-30.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
.testimonial--70-30.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 3 - 2%);
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 3);
}
@media (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:first-of-type,
.testimonial--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child,
.testimonial--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:first-of-type,
.testimonial--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child,
.testimonial--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:last-of-type,
.testimonial--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child,
.testimonial--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:last-of-type,
.testimonial--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child,
.testimonial--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--70-30 .container__col {
margin-bottom: 0.75em;
margin-right: auto;
margin-left: auto;
float: none;
}
.testimonial--70-30.container--overlap .container__col:first-of-type,
.testimonial--70-30 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-right: auto;
margin-left: auto;
float: none;
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child,
.testimonial--70-30 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:first-of-type,
.testimonial--70-30 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:first-of-type:last-child,
.testimonial--70-30 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:last-of-type,
.testimonial--70-30 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 2.75em;
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child,
.testimonial--70-30 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--70-30.container--overlap .container__col:last-of-type,
.testimonial--70-30 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--70-30.container--overlap .container__col:last-of-type:last-child,
.testimonial--70-30 .container__col:last-of-type:last-child {
width: 100%;
}
}
.testimonial--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
margin-left: 75px;
margin-right: 0;
}
.testimonial--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
@media (max-width: 74.9375em) {
.testimonial--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
.testimonial--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 3 - 2%);
float: none;
}
.testimonial--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 3);
}
@media (max-width: 74.9375em) {
.testimonial--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
.testimonial--30-70.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
.testimonial--30-70.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 3 - 2%);
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 3);
}
@media (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:last-of-type,
.testimonial--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child,
.testimonial--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:last-of-type,
.testimonial--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child,
.testimonial--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:first-of-type,
.testimonial--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child,
.testimonial--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:first-of-type,
.testimonial--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child,
.testimonial--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--30-70 .container__col {
margin-bottom: 0.75em;
margin-right: auto;
margin-left: auto;
float: none;
}
.testimonial--30-70.container--overlap .container__col:last-of-type,
.testimonial--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-right: auto;
margin-left: auto;
float: none;
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child,
.testimonial--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:last-of-type,
.testimonial--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:last-of-type:last-child,
.testimonial--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:first-of-type,
.testimonial--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 2.75em;
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child,
.testimonial--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.testimonial--30-70.container--overlap .container__col:first-of-type,
.testimonial--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.testimonial--30-70.container--overlap .container__col:first-of-type:last-child,
.testimonial--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
/**
* 60-40 Container
* @example {HTML} button
*/
.container--60-40 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 7 - 2%);
}
.container--60-40 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 7);
}
@media (max-width: 74.9375em) {
.container--60-40 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40 .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--60-40 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 5 - 2%);
}
.container--60-40 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 5);
}
@media (max-width: 74.9375em) {
.container--60-40 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40 .container__col:last-of-type:last-child {
width: 100%;
}
}
.container--60-40.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.container--60-40.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--60-40.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 5 - 2%);
}
.container--60-40.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 5);
}
@media (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:first-of-type,
.container--60-40 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.container--60-40.container--overlap .container__col:first-of-type:last-child,
.container--60-40 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:first-of-type,
.container--60-40 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:first-of-type:last-child,
.container--60-40 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:last-of-type,
.container--60-40 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--60-40.container--overlap .container__col:last-of-type:last-child,
.container--60-40 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:last-of-type,
.container--60-40 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:last-of-type:last-child,
.container--60-40 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--60-40 .container__col {
margin-bottom: 3.75rem;
}
.container--60-40.container--overlap .container__col:first-of-type,
.container--60-40 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--60-40.container--overlap .container__col:first-of-type:last-child,
.container--60-40 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:first-of-type,
.container--60-40 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:first-of-type:last-child,
.container--60-40 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--60-40.container--overlap .container__col:last-of-type,
.container--60-40 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--60-40.container--overlap .container__col:last-of-type:last-child,
.container--60-40 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--60-40.container--overlap .container__col:last-of-type,
.container--60-40 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--60-40.container--overlap .container__col:last-of-type:last-child,
.container--60-40 .container__col:last-of-type:last-child {
width: 100%;
}
}
/**
* 50-50 Container
* @example {HTML} button
*/
.container--50-50 .container__col,
.container--50-50 .container__col:first-of-type,
.container--50-50 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 6 - 2%);
/* support nesting in these containers */
}
.container--50-50 .container__col:last-child,
.container--50-50 .container__col:first-of-type:last-child,
.container--50-50 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 6);
}
@media (max-width: 74.9375em) {
.container--50-50 .container__col,
.container--50-50 .container__col:first-of-type,
.container--50-50 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--50-50 .container__col:last-child,
.container--50-50 .container__col:first-of-type:last-child,
.container--50-50 .container__col:last-of-type:last-child {
width: 100%;
}
}
.container--30-70 .container--50-50 .container__col, .container--70-30 .container--50-50 .container__col,
.container--30-70 .container--50-50 .container__col:first-of-type,
.container--70-30 .container--50-50 .container__col:first-of-type,
.container--30-70 .container--50-50 .container__col:last-of-type,
.container--70-30 .container--50-50 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 6 - 2%);
}
.container--30-70 .container--50-50 .container__col:last-child, .container--70-30 .container--50-50 .container__col:last-child,
.container--30-70 .container--50-50 .container__col:first-of-type:last-child,
.container--70-30 .container--50-50 .container__col:first-of-type:last-child,
.container--30-70 .container--50-50 .container__col:last-of-type:last-child,
.container--70-30 .container--50-50 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 6);
}
@media (max-width: 74.9375em) {
.container--30-70 .container--50-50 .container__col, .container--70-30 .container--50-50 .container__col,
.container--30-70 .container--50-50 .container__col:first-of-type,
.container--70-30 .container--50-50 .container__col:first-of-type,
.container--30-70 .container--50-50 .container__col:last-of-type,
.container--70-30 .container--50-50 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70 .container--50-50 .container__col:last-child, .container--70-30 .container--50-50 .container__col:last-child,
.container--30-70 .container--50-50 .container__col:first-of-type:last-child,
.container--70-30 .container--50-50 .container__col:first-of-type:last-child,
.container--30-70 .container--50-50 .container__col:last-of-type:last-child,
.container--70-30 .container--50-50 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--50-50 .container__col {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--50-50 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--50-50 .container__col {
width: 100%;
margin-right: 0;
}
.container--50-50 .container__col:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--50-50 .container__col {
margin-bottom: 3.75rem;
}
.container--50-50 .container__col:last-of-type {
margin-bottom: 0;
}
}
/**
* 30-70 Container
* @example {HTML} button
*/
.container--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
@media (max-width: 74.9375em) {
.container--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
@media (max-width: 74.9375em) {
.container--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
.container--30-70.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--30-70.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
@media (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--30-70.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.container--30-70.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:first-of-type,
.container--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--30-70.container--overlap .container__col:first-of-type:last-child,
.container--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:first-of-type,
.container--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:first-of-type:last-child,
.container--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:last-of-type,
.container--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.container--30-70.container--overlap .container__col:last-of-type:last-child,
.container--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:last-of-type,
.container--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:last-of-type:last-child,
.container--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--30-70 .container__col {
margin-bottom: 3.75rem;
}
.container--30-70.container--overlap .container__col:first-of-type,
.container--30-70 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--30-70.container--overlap .container__col:first-of-type:last-child,
.container--30-70 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:first-of-type,
.container--30-70 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:first-of-type:last-child,
.container--30-70 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--30-70.container--overlap .container__col:last-of-type,
.container--30-70 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--30-70.container--overlap .container__col:last-of-type:last-child,
.container--30-70 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--30-70.container--overlap .container__col:last-of-type,
.container--30-70 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--30-70.container--overlap .container__col:last-of-type:last-child,
.container--30-70 .container__col:last-of-type:last-child {
width: 100%;
}
}
/**
* 40-60 Container
* @example {HTML} button
*/
.container--40-60 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 5 - 2%);
}
.container--40-60 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 5);
}
@media (max-width: 74.9375em) {
.container--40-60 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60 .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--40-60 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 7 - 2%);
}
.container--40-60 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 7);
}
@media (max-width: 74.9375em) {
.container--40-60 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60 .container__col:last-of-type:last-child {
width: 100%;
}
}
.container--40-60.container--overlap .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 5 - 2%);
}
.container--40-60.container--overlap .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 5);
}
@media (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:first-of-type:last-child {
width: 100%;
}
}
.container--40-60.container--overlap .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 9 - 2%);
max-width: calc((100% - 1440px) / 2 + 1440px * 0.75);
}
.container--40-60.container--overlap .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 9);
}
@media (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:first-of-type,
.container--40-60 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--40-60.container--overlap .container__col:first-of-type:last-child,
.container--40-60 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:first-of-type,
.container--40-60 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:first-of-type:last-child,
.container--40-60 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:last-of-type,
.container--40-60 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.container--40-60.container--overlap .container__col:last-of-type:last-child,
.container--40-60 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:last-of-type,
.container--40-60 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:last-of-type:last-child,
.container--40-60 .container__col:last-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--40-60 .container__col {
margin-bottom: 3.75rem;
}
.container--40-60.container--overlap .container__col:first-of-type,
.container--40-60 .container__col:first-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
}
.container--40-60.container--overlap .container__col:first-of-type:last-child,
.container--40-60 .container__col:first-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:first-of-type,
.container--40-60 .container__col:first-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:first-of-type:last-child,
.container--40-60 .container__col:first-of-type:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--40-60.container--overlap .container__col:last-of-type,
.container--40-60 .container__col:last-of-type {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--40-60.container--overlap .container__col:last-of-type:last-child,
.container--40-60 .container__col:last-of-type:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--40-60.container--overlap .container__col:last-of-type,
.container--40-60 .container__col:last-of-type {
width: 100%;
margin-right: 0;
}
.container--40-60.container--overlap .container__col:last-of-type:last-child,
.container--40-60 .container__col:last-of-type:last-child {
width: 100%;
}
}
/**
* 60 Container
* @example {HTML} button
*/
.container--60 .container__col {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 7 - 2%);
}
.container--60 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 7);
}
@media (max-width: 74.9375em) {
.container--60 .container__col {
width: 100%;
margin-right: 0;
}
.container--60 .container__col:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--60 .container__col {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
max-width: none;
}
.container--60 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--60 .container__col {
width: 100%;
margin-right: 0;
}
.container--60 .container__col:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--60 .container__col {
margin-bottom: 3.75rem;
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--60 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--60 .container__col {
width: 100%;
margin-right: 0;
}
.container--60 .container__col:last-child {
width: 100%;
}
}
/**
* 70 Container
* @example {HTML} button
*/
.container--70 .container__col {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--70 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
@media (max-width: 74.9375em) {
.container--70 .container__col {
width: 100%;
margin-right: 0;
}
.container--70 .container__col:last-child {
width: 100%;
}
}
@media (max-width: 74.9375em) {
.container--70 .container__col {
float: left;
margin-right: 2%;
width: calc(100% / 12 * 8 - 2%);
}
.container--70 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 8);
}
}
@media (max-width: 74.9375em) and (max-width: 74.9375em) {
.container--70 .container__col {
width: 100%;
margin-right: 0;
}
.container--70 .container__col:last-child {
width: 100%;
}
}
@media (max-width: 47.9375em) {
.container--70 .container__col {
margin-bottom: 3.75rem;
float: left;
margin-right: 2%;
width: calc(100% / 12 * 4 - 2%);
margin-bottom: 0;
}
.container--70 .container__col:last-child {
margin-right: 0;
width: calc(100% / 12 * 4);
}
}
@media (max-width: 47.9375em) and (max-width: 74.9375em) {
.container--70 .container__col {
width: 100%;
margin-right: 0;
}
.container--70 .container__col:last-child {
width: 100%;
}
}
/**
* Overlap Container
* @example {HTML} button
* @example {HTML} button
70 Container overlap bottom aligned
*/
.container--overlap {
position: relative;
max-width: 100%;
}
.container--overlap.container--40-60 .container__col:first-of-type, .container--overlap.container--30-70 .container__col:first-of-type, .container--overlap.container--60-40 .container__col:last-of-type, .container--overlap.container--70-30 .container__col:last-of-type {
position: absolute;
top: 0;
z-index: 1;
width: calc((100% - 1440px) / 2 + 540px);
}
.container--overlap.container--40-60 .container__col:first-of-type .container__inner > *, .container--overlap.container--30-70 .container__col:first-of-type .container__inner > *, .container--overlap.container--60-40 .container__col:last-of-type .container__inner > *, .container--overlap.container--70-30 .container__col:last-of-type .container__inner > * {
background-color: #ffffff;
max-width: 540px;
}
@media (max-width: 74.9375em) {
.container--overlap.container--40-60 .container__col:first-of-type, .container--overlap.container--30-70 .container__col:first-of-type, .container--overlap.container--60-40 .container__col:last-of-type, .container--overlap.container--70-30 .container__col:last-of-type {
position: static;
width: 100%;
max-width: none;
}
.container--overlap.container--40-60 .container__col:first-of-type .container__inner > *, .container--overlap.container--30-70 .container__col:first-of-type .container__inner > *, .container--overlap.container--60-40 .container__col:last-of-type .container__inner > *, .container--overlap.container--70-30 .container__col:last-of-type .container__inner > * {
max-width: none;
}
}
.container--overlap.container--40-60.is-bottom .container__col:first-of-type, .container--overlap.container--30-70.is-bottom .container__col:first-of-type, .container--overlap.container--60-40.is-bottom .container__col:last-of-type, .container--overlap.container--70-30.is-bottom .container__col:last-of-type {
top: auto;
bottom: -90px;
}
.container--overlap.container--40-60.is-bottom .container__col:first-of-type .container__inner > *, .container--overlap.container--30-70.is-bottom .container__col:first-of-type .container__inner > *, .container--overlap.container--60-40.is-bottom .container__col:last-of-type .container__inner > *, .container--overlap.container--70-30.is-bottom .container__col:last-of-type .container__inner > * {
max-width: 540px;
box-shadow: 0 11px 14px 4px rgba(0, 0, 0, 0.05);
}
@media (max-width: 74.9375em) {
.container--overlap.container--40-60.is-bottom .container__col:first-of-type .container__inner > *, .container--overlap.container--30-70.is-bottom .container__col:first-of-type .container__inner > *, .container--overlap.container--60-40.is-bottom .container__col:last-of-type .container__inner > *, .container--overlap.container--70-30.is-bottom .container__col:last-of-type .container__inner > * {
max-width: none;
align-self: stretch !important;
}
}
.container--overlap.container--gray.container--70-30 .container__col:first-of-type .container__inner, .container--overlap.container--gray.container--30-70 .container__col:last-of-type .container__inner {
background-color: rgba(230, 231, 232, 0.35);
}
.container--overlap.container--gray.container--60-40 .container__col:first-of-type .container__inner, .container--overlap.container--gray.container--40-60 .container__col:last-of-type .container__inner {
background-color: #f2f2f2;
}
.container--overlap.is-bottom.container--grey.container--60-40 .container__col:first-of-type .container__inner, .container--overlap.is-bottom.container--grey.container--40-60 .container__col:last-of-type .container__inner {
background-color: #f2f2f2;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner {
background-color: #231F20;
color: #ffffff;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .choice-icon, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .choice-icon, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .choice-icon, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .choice-icon {
stroke: #fae07e;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .field-group input, .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .login .okta-form-input-field input, .login .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .okta-form-input-field input, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .field-group input, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .login .okta-form-input-field input, .login .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .okta-form-input-field input, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .field-group input, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .login .okta-form-input-field input, .login .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .okta-form-input-field input, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .field-group input, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .login .okta-form-input-field input, .login .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .okta-form-input-field input {
border-bottom-color: #ffffff;
color: #ffffff;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .field-group input.has-input, .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .login .okta-form-input-field input.has-input, .login .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .okta-form-input-field input.has-input, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .field-group input.has-input, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .login .okta-form-input-field input.has-input, .login .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .okta-form-input-field input.has-input, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .field-group input.has-input, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .login .okta-form-input-field input.has-input, .login .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .okta-form-input-field input.has-input, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .field-group input.has-input, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .login .okta-form-input-field input.has-input, .login .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .okta-form-input-field input.has-input {
border-bottom-color: #fae07e;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .field-group input:focus, .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .login .okta-form-input-field input:focus, .login .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .okta-form-input-field input:focus, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .field-group input:focus, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .login .okta-form-input-field input:focus, .login .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .okta-form-input-field input:focus, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .field-group input:focus, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .login .okta-form-input-field input:focus, .login .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .okta-form-input-field input:focus, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .field-group input:focus, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .login .okta-form-input-field input:focus, .login .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .okta-form-input-field input:focus {
border-bottom-color: #36c49c;
outline-offset: 0px;
}
.container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .field-group input.is-invalid, .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .login .okta-form-input-field input.is-invalid, .login .container--overlap.container--black.container--70-30 .container__col:first-of-type .container__inner .okta-form-input-field input.is-invalid, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .field-group input.is-invalid, .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .login .okta-form-input-field input.is-invalid, .login .container--overlap.container--black.container--60-40 .container__col:first-of-type .container__inner .okta-form-input-field input.is-invalid, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .field-group input.is-invalid, .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .login .okta-form-input-field input.is-invalid, .login .container--overlap.container--black.container--40-60 .container__col:last-of-type .container__inner .okta-form-input-field input.is-invalid, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .field-group input.is-invalid, .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .login .okta-form-input-field input.is-invalid, .login .container--overlap.container--black.container--30-70 .container__col:last-of-type .container__inner .okta-form-input-field input.is-invalid {
border-bottom-color: #fd0826;
}
.container--overlap.container--purple.container--70-30 .container__col:first-of-type .container__inner, .container--overlap.container--purple.container--60-40 .container__col:first-of-type .container__inner, .container--overlap.container--purple.container--40-60 .container__col:last-of-type .container__inner, .container--overlap.container--purple.container--30-70 .container__col:last-of-type .container__inner {
background-color: #231F20;
color: #ffffff;
}
.container--overlap.container--70-30, .container--overlap.container--60-40, .container--overlap.container--40-60, .container--overlap.container--30-70 {
display: block;
}
.container--overlap.container--70-30 .container__inner > *, .container--overlap.container--60-40 .container__inner > *, .container--overlap.container--40-60 .container__inner > *, .container--overlap.container--30-70 .container__inner > * {
margin-bottom: 0;
}
*:not(.hero--60-40-bleed) > .container--overlap.container--70-30.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--60-40.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--40-60.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--30-70.is-bottom {
margin-bottom: calc(3.75rem - -90px);
}
@media (max-width: 74.9375em) {
.container--overlap.container--70-30.is-bottom, .container--overlap.container--60-40.is-bottom, .container--overlap.container--40-60.is-bottom, .container--overlap.container--30-70.is-bottom {
margin-bottom: 60px;
}
*:not(.hero--60-40-bleed) > .container--overlap.container--70-30.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--60-40.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--40-60.is-bottom, *:not(.hero--60-40-bleed) > .container--overlap.container--30-70.is-bottom {
margin-bottom: 60px;
}
.container--overlap.container--70-30.is-bottom .container__col:last-of-type,
.container--overlap.container--70-30.is-bottom .container__col:first-of-type, .container--overlap.container--60-40.is-bottom .container__col:last-of-type,
.container--overlap.container--60-40.is-bottom .container__col:first-of-type, .container--overlap.container--40-60.is-bottom .container__col:last-of-type,
.container--overlap.container--40-60.is-bottom .container__col:first-of-type, .container--overlap.container--30-70.is-bottom .container__col:last-of-type,
.container--overlap.container--30-70.is-bottom .container__col:first-of-type {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.container--overlap.container--70-30.is-bottom .container__col:last-of-type .container__inner,
.container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner, .container--overlap.container--60-40.is-bottom .container__col:last-of-type .container__inner,
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner, .container--overlap.container--40-60.is-bottom .container__col:last-of-type .container__inner,
.container--overlap.container--40-60.is-bottom .container__col:first-of-type .container__inner, .container--overlap.container--30-70.is-bottom .container__col:last-of-type .container__inner,
.container--overlap.container--30-70.is-bottom .container__col:first-of-type .container__inner {
padding-left: 0;
padding-right: 0;
}
}
.container--overlap.container--60-40 .container__col:last-of-type, .container--overlap.container--70-30 .container__col:last-of-type {
right: 0;
}
.container--overlap.container--60-40 .container__col:last-of-type .container__inner > *, .container--overlap.container--70-30 .container__col:last-of-type .container__inner > * {
align-self: flex-start;
}
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > * {
width: 100%;
max-width: 1440px;
margin-left: auto;
justify-content: flex-start;
}
@media (min-width: 90em) {
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--container, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.content-block, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--container, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.content-block {
max-width: calc(100% - (100vw - 1440px) / 2 + 8px);
padding-left: 0;
}
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--container, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--container {
min-height: 720px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health .login, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--header .login, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--container .login, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health .login, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--header .login, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--container .login {
padding: 0;
}
}
@media (min-width: 161.25rem) {
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--container, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.content-block, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--header, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--container, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.content-block {
max-width: calc(100% - (161.25rem - 1440px) / 2 + 8px);
padding-left: 0;
}
}
@media (min-width: 74.9375em) {
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health:after, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--header:after, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.login--container:after, .container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.content-block:after, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health:after, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--header:after, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.login--container:after, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.content-block:after {
content: "";
min-height: calc(720px - 60px);
font-size: 0;
}
}
@media (max-width: 90em) and (min-width: 75em) {
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health .health__form, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health .health__form {
max-width: 70%;
}
}
@media (max-width: 90em) {
.container--overlap.container--60-40.is-bottom .container__col:first-of-type .container__inner > *.health, .container--overlap.container--70-30.is-bottom .container__col:first-of-type .container__inner > *.health {
padding: 40px 30px;
}
}
.container--overlap.container--40-60 .container__col:first-of-type, .container--overlap.container--30-70 .container__col:first-of-type {
left: 0;
}
.container--overlap.container--40-60 .container__col:first-of-type .container__inner > *, .container--overlap.container--30-70 .container__col:first-of-type .container__inner > * {
align-self: flex-end;
}
.container--overlap.container--40-60.is-bottom .container__col:last-of-type .container__inner > *, .container--overlap.container--30-70.is-bottom .container__col:last-of-type .container__inner > * {
width: 100%;
max-width: 1440px;
margin-right: auto;
}
.container--overlap.container--40-60 .container__col:last-of-type, .container--overlap.container--30-70 .container__col:last-of-type {
float: right;
}
@media (max-width: 74.9375em) {
.container--overlap.container--40-60, .container--overlap.container--30-70 {
display: flex;
flex-direction: column-reverse;
}
.container--overlap.container--40-60 .container__col:last-of-type, .container--overlap.container--30-70 .container__col:last-of-type {
margin-right: 0;
margin-bottom: 0;
}
}
@media (max-width: 90em) {
.container--overlap {
margin-left: 0;
margin-right: 0;
}
.container--overlap .container__col:first-of-type,
.container--overlap .container__col:last-of-type {
position: static;
}
}
@media (max-width: 74.9375em) {
.container--overlap {
overflow-x: hidden;
}
}
.container--70-30,
.container--60-40,
.container--50-50,
.container--40-60,
.container--30-70,
.testimonial--70-30,
.testimonial--30-70 {
display: flex;
}
@media (max-width: 74.9375em) {
.container--70-30,
.container--60-40,
.container--50-50,
.container--40-60,
.container--30-70,
.testimonial--70-30,
.testimonial--30-70 {
display: block;
}
}
.container--60-40 .container__col:last-of-type > .container__inner,
.container--70-30 .container__col:last-of-type > .container__inner,
.container--40-60 .container__col:first-of-type > .container__inner,
.container--30-70 .container__col:first-of-type > .container__inner,
.testimonial--70-30 .container__col:first-of-type > .container__inner,
.testimonial--30-70 .container__col:last-of-type > .container__inner {
height: 100%;
display: flex;
flex-direction: column;
}
.container--sticky {
flex-grow: 1;
}
@media (max-width: 74.9375em) {
.container--sticky {
margin-bottom: 30px;
}
}
.container__sticky-group {
position: sticky;
top: 100px;
}
.container__sticky-group > .rich-text {
margin-bottom: 0;
}
/* Colors */
.container--connect {
background-color: #eeeeee;
}
.container__toggle-content {
display: none;
}
.container__toggle-content.has-padding {
padding-left: 60px;
padding-right: 60px;
}
.container__toggle-btn {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
cursor: pointer;
background: 0;
border: 0;
width: 100%;
display: flex;
margin-bottom: 90px;
align-items: center;
}
@media (max-width: 74.9375em) {
.container__toggle-btn {
font-size: 20px;
line-height: 26px;
}
}
.container__toggle-btn:before, .container__toggle-btn:after {
content: "";
display: block;
flex-grow: 1;
height: 2px;
background-color: #e6e7e8;
}
@media (max-width: 47.9375em) {
.container__toggle-btn:before, .container__toggle-btn:after {
display: none;
}
}
.container__toggle-btn > span {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-left: 20px;
margin-right: 20px;
}
@media (max-width: 47.9375em) {
.container__toggle-btn > span {
flex-grow: 1;
}
}
.container__toggle-btn .icon {
fill: #608CFF;
width: 40px;
height: 40px;
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
transition: transform 0.25s linear;
}
.container__toggle-btn.is-closed .icon {
transform: translateX(-50%) rotate(180deg);
}
.global-notifications .container--100 {
margin-bottom: 0;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url("/assets/img/slick/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("/assets/img/slick/fonts/slick.eot");
src: url("/assets/img/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/img/slick/fonts/slick.woff") format("woff"), url("/assets/img/slick/fonts/slick.ttf") format("truetype"), url("/assets/img/slick/fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #231F20;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #231F20;
opacity: 0.75;
}
.u-hidden {
display: none !important;
visibility: hidden;
}
.u-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.u-invisible {
visibility: hidden;
}
.u-clearfix:before,
.u-clearfix:after {
content: " ";
display: table;
}
.u-clearfix:after {
clear: both;
}
.u-clearfix {
*zoom: 1;
}
.u-wire-label {
margin: 0;
padding: 0;
display: inline-block;
padding: 0.625rem;
font-size: 0.8125rem;
text-transform: uppercase;
color: #9e9e9e;
background: rgba(245, 245, 245, 0.75);
border: 1px solid #f5f5f5;
}
.u-color-pair *:not(.u-color-pair) {
color: inherit !important;
}
.u-uppercase {
text-transform: uppercase;
}
.u-relative {
position: relative;
}
.u-overflow-scroll {
max-height: 360px;
overflow: auto;
padding: 20px 40px;
box-shadow: 0px 0px 10px 5px #e6e7e8;
}
.u-print-only {
display: none;
}
@media print {
.u-print-only {
display: block !important;
}
}
.u-no-margin {
margin: 0 !important;
}
.u-neg-margin {
margin-top: -90px !important;
}
.u-margin-bottom--small, .health__titles {
margin-bottom: 20px !important;
}
.u-margin-bottom--medium {
margin-bottom: 30px !important;
}
.u-margin-bottom--large, .health__form-footer {
margin-bottom: 40px !important;
}
.u-margin-bottom--xlarge {
margin-bottom: 60px !important;
}
.u-margin-top--small {
margin-top: 20px !important;
}
.u-margin-top--medium {
margin-top: 30px !important;
}
.u-margin-top--large {
margin-top: 40px !important;
}
.u-margin-right--small {
margin-right: 20px !important;
}
.u-margin-right--medium {
margin-right: 30px !important;
}
.u-margin-right--large {
margin-right: 40px !important;
}
.u-margin-right--xlarge {
margin-right: 60px !important;
}
.u-margin--component {
margin-bottom: 100px;
}
.g-outer-container {
width: 100%;
}
.g-column-container {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
}
.g-column-container:after {
content: "";
clear: both;
display: block;
}
.l-full {
width: 100%;
}
.l-pull-left {
float: left;
margin-bottom: 1.875rem;
margin-right: 1.875rem;
}
.l-pull-right {
float: right;
margin-bottom: 1.875rem;
margin-left: 1.875rem;
}
.l-table {
position: relative;
display: table;
border-collapse: collapse;
}
.l-centered {
display: flex;
justify-content: center;
align-items: center;
}
.l-left-centered {
display: flex;
align-items: center;
}
.l-left-bottom {
display: flex;
align-items: flex-end;
}
.l-center-top {
margin-left: auto;
margin-right: auto;
}
.l-center-bottom {
display: flex;
justify-content: center;
align-items: flex-end;
}
.l-right-top {
margin-left: auto;
}
.l-right-centered {
display: flex;
justify-content: flex-end;
align-items: center;
}
.l-right-bottom {
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin-top: auto;
}
.l-inline {
display: inline;
}
:not(output):-moz-ui-invalid {
box-shadow: none;
}
.label-wrapper {
display: flex;
align-items: center;
}
.form__field.highlight-all input.is-valid:not(:focus) {
border-bottom-color: #d0021b;
}
.field-group input, .login .okta-form-input-field input {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
border-bottom: 2px solid #231f20;
border-left: 0;
border-right: 0;
border-top: 0;
border-radius: 0;
font-size: 16px;
padding-bottom: 13px;
padding-top: 5px;
transition: padding-left 0.2s linear;
vertical-align: top;
}
.field-group input.is-highlighted, .login .okta-form-input-field input.is-highlighted {
border-bottom-color: #608CFF;
}
.field-group input.is-invalid, .login .okta-form-input-field input.is-invalid {
border-bottom-color: #d0021b;
}
.field-group input.is-valid, .login .okta-form-input-field input.is-valid {
border-bottom-color: #231f20;
}
.field-group input:focus, .login .okta-form-input-field input:focus {
border-bottom-color: #608CFF;
padding-left: 3px;
}
.field-group label, .login .okta-form-input-field label,
.field-group .display-label,
.login .okta-form-input-field .display-label {
color: #231F20;
font-size: 21px;
line-height: 21px;
}
@media (max-width: 74.9375em) {
.field-group label, .login .okta-form-input-field label,
.field-group .display-label,
.login .okta-form-input-field .display-label {
font-size: 16px;
line-height: 26px;
}
}
.field-group label .tooltip, .login .okta-form-input-field label .tooltip,
.field-group .display-label .tooltip,
.login .okta-form-input-field .display-label .tooltip {
z-index: 2;
}
.field-group .icon, .login .okta-form-input-field .icon {
stroke: #193062;
}
.quote-form .quote-form__fields .field-group label, .quote-form .quote-form__fields .login .okta-form-input-field label, .login .quote-form .quote-form__fields .okta-form-input-field label {
color: #193062;
}
.field-group--textbox {
display: flex;
padding-top: 20px;
position: relative;
width: 100%;
}
.field-group--textbox input {
background: none;
flex-grow: 1;
height: 55px;
padding-top: 10px;
position: relative;
z-index: 1;
}
.field-group--textbox input + label {
left: 0;
position: absolute;
bottom: 20px;
transition: all 0.15s ease;
}
.field-group--textbox label.is-valid,
.field-group--textbox input.has-input + label, .field-group--textbox:not(.field-group--datepicker) input[readonly]:not(.is-empty) + label,
.field-group--textbox input:focus:not([aria-disabled=true]) + label,
.field-group--textbox input.has-input:not(.not-required) + label {
bottom: calc(100% - 20px);
}
.field-group--textbox .btn, .field-group--textbox .login .button, .field-group--textbox .login .resend-email-btn, .login .field-group--textbox .button, .login .field-group--textbox .resend-email-btn {
margin-left: 15px;
max-width: 55px;
min-width: 0;
}
.field-group--textbox .icon {
height: 25px;
width: 25px;
}
.field-group--textarea {
display: flex;
flex-direction: column;
}
.field-group--textarea textarea {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
border-radius: 5px;
border: 2px solid #231f20;
color: #231f20;
width: 100%;
padding: 30px;
resize: none;
}
.field-group--textarea textarea::-moz-placeholder {
color: inherit;
}
.field-group--textarea textarea::placeholder {
color: inherit;
}
.field-group--textarea textarea:focus {
border-color: #077CAB;
}
.field-group--textarea textarea.is-invalid {
border-color: #d0021b;
}
.field-group--textarea .character-count {
float: right;
}
@media (max-width: 47.9375em) {
.field-group--textarea .character-count {
float: none;
display: block;
margin-top: 20px;
}
}
.field-group--inline {
display: flex;
align-items: flex-end;
}
.field-group--inline input {
max-width: 80px;
}
.field-group--radio {
border: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
}
.field-group--radio.field-group--radio-horizontal {
display: block;
}
.field-group--radio.field-group--radio-horizontal .field-group__radio-item {
display: inline-block;
width: auto;
margin-bottom: 0;
}
.field-group--radio.field-group--radio-horizontal .field-group__radio-item + .field-group__radio-item {
margin-left: 30px;
}
.field-group--radio input[type=radio] {
position: absolute;
opacity: 0;
}
.field-group--radio input[type=radio] + label,
.field-group--radio input[type=radio] + .label-wrapper label {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
cursor: pointer;
display: flex;
align-items: center;
}
@media (max-width: 74.9375em) {
.field-group--radio input[type=radio] + label,
.field-group--radio input[type=radio] + .label-wrapper label {
font-size: 20px;
line-height: 26px;
}
}
.field-group--radio input[type=radio] + label .choice-icon,
.field-group--radio input[type=radio] + .label-wrapper label .choice-icon {
width: 55px;
height: 55px;
display: inline-block;
margin-right: 15px;
margin-top: -5px;
border: 2px solid #608cff;
border-radius: 50%;
stroke: #608CFF;
fill: #608CFF;
background-image: none;
}
@media (max-width: 47.9375em) {
.field-group--radio input[type=radio] + label .choice-icon,
.field-group--radio input[type=radio] + .label-wrapper label .choice-icon {
flex-shrink: 0;
}
}
.field-group--radio input[type=radio] + label .choice-icon.choice-icon--checked,
.field-group--radio input[type=radio] + .label-wrapper label .choice-icon.choice-icon--checked {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjgxNzYgMi41NDQ5Mkw5LjYwNTI2IDE0Ljc2NDZMNS41OTc4MyAxMS4yNDg5TDQuNjg2MTkgMTAuNDUwOEwzLjA5MDgyIDEyLjI5NDFMOC44NjQ1MyAxNy4zNDkyTDkuNzE5MTYgMTguMDkwNEwyMi42NzE3IDUuMTI5OTVMMjMuNTQ1NCA0LjI3NDhMMjEuODE3NiAyLjU0NDkyWiIgZmlsbD0iIzYwOENGRiIgc3Ryb2tlPSIjMTkzMDYyIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-size: 22px;
background-position: center;
}
.field-group--radio input[type=radio] + label .choice-icon use,
.field-group--radio input[type=radio] + .label-wrapper label .choice-icon use {
visibility: hidden;
}
.field-group--radio input[type=radio]:focus + label .choice-icon,
.field-group--radio input[type=radio]:focus + .label-wrapper label .choice-icon {
outline: 2px solid #808285;
outline-offset: 5px;
}
.field-group--radio label + .field-group--dropdown,
.field-group--radio .label-wrapper + .field-group--dropdown {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
margin-left: 10px;
}
@media (max-width: 74.9375em) {
.field-group--radio label + .field-group--dropdown,
.field-group--radio .label-wrapper + .field-group--dropdown {
font-size: 20px;
line-height: 26px;
}
}
.field-group--small-radio input[type=radio] + label,
.field-group--small-radio input[type=radio] + .label-wrapper label {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 21px;
}
.field-group--small-radio input[type=radio] + label .choice-icon,
.field-group--small-radio input[type=radio] + .label-wrapper label .choice-icon {
width: 30px;
height: 30px;
display: inline-block;
margin-right: 10px;
flex-shrink: 0;
background-image: none;
}
.field-group__radio-item {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
margin-bottom: 30px;
}
.field-group__radio-item:last-child {
margin-bottom: 0;
}
.field-group--dropdown {
min-width: 160px;
display: flex;
align-items: center;
}
.field-group--dropdown > * {
width: 100%;
}
.field-group--dropdown input,
.field-group--dropdown input:focus {
border-bottom: 0;
padding: 0;
}
.field-group--dropdown .vs__dropdown-toggle {
border: 0;
border-bottom: 2px solid #231f20;
border-radius: 0;
}
.field-group--dropdown.is-highlighted .vs__dropdown-toggle {
border-bottom-color: #004085;
}
.field-group--dropdown.is-invalid .vs__dropdown-toggle {
border-bottom-color: #d0021b;
}
.field-group--dropdown.is-reversed .vs__dropdown-menu {
top: auto;
bottom: calc(-100% + 100px);
}
.field-group--dropdown .vs__selected {
padding-left: 0;
}
.field-group--dropdown .vs--single.vs--open .vs__selected {
position: static;
opacity: 1;
}
.field-group--dropdown .vs__dropdown-menu {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
top: calc(100% + 2px * -1);
color: #231f20;
padding-top: 0px;
padding-bottom: 0;
border: 0;
border-radius: 0;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
max-width: 400px;
overflow-x: hidden;
}
.field-group--dropdown .vs__open-indicator:before {
content: "";
width: 0;
height: 0;
top: 13px;
position: relative;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #231f20;
}
.field-group--dropdown .vs__dropdown-option {
padding: 15px 40px;
margin-bottom: 0;
white-space: normal;
white-space: initial;
}
.field-group--dropdown .vs__dropdown-option:last-child {
margin-bottom: 0;
}
.field-group--dropdown .vs__dropdown-option--highlight {
background-color: #f7f7f8;
color: #231f20;
}
.field-group--dropdown .vs--disabled .vs__search,
.field-group--dropdown .vs--disabled .vs__open-indicator,
.field-group--dropdown .vs--disabled .vs__dropdown-toggle {
cursor: default;
background-color: transparent;
color: #58595b;
}
.field-group--dropdown .vs--disabled .vs__dropdown-toggle {
border-bottom: 0;
background-image: linear-gradient(to right, #58595b 15%, #ffffff 0%);
background-position: bottom;
background-size: 10px 2px;
background-repeat: repeat-x;
}
.field-group--dropdown .vs--disabled + label {
color: #58595b;
}
.field-group--dropdown .vs__clear {
width: 30px;
height: 30px;
}
.field-group--dropdown.has-focus .vs__dropdown-toggle {
outline: 2px solid #808285;
outline-offset: 3px;
}
.field-group--dropdown .vs--single.vs--searching .vs__selected {
display: flex;
}
.field-group--dropdown.sr-dropdown .vs--open .vs__open-indicator {
transform: unset;
}
.add-quote .field-group--checkbox .singlebrand-checkbox-container div.choice-icon, .add-quote .custom-checkbox .singlebrand-checkbox-container div.choice-icon {
background: none;
}
.field-group--checkbox, .custom-checkbox, .login .custom-checkbox {
border: 0;
display: flex;
align-items: center;
padding: 0;
}
.field-group--checkbox input[type=checkbox], .custom-checkbox input[type=checkbox], .login .custom-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
}
.field-group--checkbox input[type=checkbox] + label, .custom-checkbox input[type=checkbox] + label, .login .custom-checkbox input[type=checkbox] + label,
.field-group--checkbox input[type=checkbox] + .label-wrapper label,
.custom-checkbox input[type=checkbox] + .label-wrapper label {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
display: flex;
align-items: center;
}
@media (max-width: 74.9375em) {
.field-group--checkbox input[type=checkbox] + label, .custom-checkbox input[type=checkbox] + label, .login .custom-checkbox input[type=checkbox] + label,
.field-group--checkbox input[type=checkbox] + .label-wrapper label,
.custom-checkbox input[type=checkbox] + .label-wrapper label {
font-size: 20px;
line-height: 26px;
}
}
.field-group--checkbox input[type=checkbox] + label .choice-icon, .custom-checkbox input[type=checkbox] + label .choice-icon,
.field-group--checkbox input[type=checkbox] + .label-wrapper label .choice-icon,
.custom-checkbox input[type=checkbox] + .label-wrapper label .choice-icon {
content: "";
width: 60px;
height: 60px;
display: inline-block;
margin-right: 15px;
flex-shrink: 0;
stroke: #608CFF;
fill: #608CFF;
stroke-width: 3px;
}
.field-group--checkbox input[type=checkbox]:focus + label .choice-icon, .custom-checkbox input[type=checkbox]:focus + label .choice-icon,
.field-group--checkbox input[type=checkbox]:focus + .label-wrapper label .choice-icon,
.custom-checkbox input[type=checkbox]:focus + .label-wrapper label .choice-icon {
outline: 2px solid #808285;
outline-offset: 5px;
}
.field-group--checkbox label + .field-group--dropdown, .custom-checkbox label + .field-group--dropdown, .login .custom-checkbox label + .field-group--dropdown,
.field-group--checkbox .label-wrapper + .field-group--dropdown,
.custom-checkbox .label-wrapper + .field-group--dropdown {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
margin-left: 10px;
}
@media (max-width: 74.9375em) {
.field-group--checkbox label + .field-group--dropdown, .custom-checkbox label + .field-group--dropdown, .login .custom-checkbox label + .field-group--dropdown,
.field-group--checkbox .label-wrapper + .field-group--dropdown,
.custom-checkbox .label-wrapper + .field-group--dropdown {
font-size: 20px;
line-height: 26px;
}
}
.field-group--checkbox.field-group--checkbox-horizontal, .field-group--checkbox-horizontal.custom-checkbox, .login .field-group--checkbox-horizontal.custom-checkbox {
display: block;
}
.field-group--checkbox.field-group--checkbox-horizontal .field-group__checkbox-item, .field-group--checkbox-horizontal.custom-checkbox .field-group__checkbox-item {
display: inline-block;
width: auto;
margin-bottom: 0;
margin-right: 30px;
}
.field-group--checkbox.field-group--checkbox-horizontal .field-group__checkbox-item:last-child, .field-group--checkbox-horizontal.custom-checkbox .field-group__checkbox-item:last-child {
margin-right: 0;
}
.field-group--checkbox.align-top input[type=checkbox] + label, .align-top.custom-checkbox input[type=checkbox] + label,
.field-group--checkbox.align-top input[type=checkbox] + .label-wrapper label,
.align-top.custom-checkbox input[type=checkbox] + .label-wrapper label {
align-items: flex-start;
}
.field-group--checkbox.align-top input[type=checkbox] + label:before, .align-top.custom-checkbox input[type=checkbox] + label:before,
.field-group--checkbox.align-top input[type=checkbox] + .label-wrapper label:before,
.align-top.custom-checkbox input[type=checkbox] + .label-wrapper label:before {
margin-top: 5px;
}
.singlebrand-checkbox-container div.choice-icon {
width: 30px;
height: 30px;
display: block;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBzdHJva2U9IiM2MDhDRkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.singlebrand-checkbox-container div.choice-icon.choice-icon--checked {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBzdHJva2U9IiM2MDhDRkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTkuODQxOCAxMUwxMi43NzE1IDE4LjA3NDZMMTAuNDUxNCAxNi4wMzkyTDkuOTIzNjMgMTUuNTc3MUw5IDE2LjY0NDNMMTIuMzQyNyAxOS41NzA5TDEyLjgzNzUgMjBMMjAuMzM2MyAxMi40OTY2TDIwLjg0MjEgMTIuMDAxNUwxOS44NDE4IDExWiIgZmlsbD0iIzYwOENGRiIgc3Ryb2tlPSIjMTkzMDYyIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
display: block;
background-repeat: no-repeat;
}
.js-add-2018-form.add-quote .add-quote__container .field-group--small-checkbox input[type=checkbox] + label .choice-icon, .js-add-2018-form.add-quote .add-quote__container .custom-checkbox input[type=checkbox] + label .choice-icon,
.js-add-2018-form.add-quote .add-quote__container .field-group--small-checkbox input[type=checkbox] + .label-wrapper label .choice-icon,
.js-add-2018-form.add-quote .add-quote__container .custom-checkbox input[type=checkbox] + .label-wrapper label .choice-icon {
width: 30px;
height: 30px;
}
.field-group--small-checkbox input[type=checkbox] + label, .custom-checkbox input[type=checkbox] + label, .login .custom-checkbox input[type=checkbox] + label,
.field-group--small-checkbox input[type=checkbox] + .label-wrapper label,
.custom-checkbox input[type=checkbox] + .label-wrapper label {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.field-group--small-checkbox input[type=checkbox] + label .choice-icon, .custom-checkbox input[type=checkbox] + label .choice-icon,
.field-group--small-checkbox input[type=checkbox] + .label-wrapper label .choice-icon,
.custom-checkbox input[type=checkbox] + .label-wrapper label .choice-icon {
width: 30px;
height: 30px;
display: inline-block;
margin-right: 15px;
flex-shrink: 0;
}
.field-group--checkbox.field-group--plain input[type=checkbox] + label .choice-icon, .field-group--plain.custom-checkbox input[type=checkbox] + label .choice-icon, .field-group--checkbox.field-group--plain input[type=checkbox] + .label-wrapper label .choice-icon, .field-group--plain.custom-checkbox input[type=checkbox] + .label-wrapper label .choice-icon,
.field-group--checkbox.field-group--plain input[type=radio] + label .choice-icon,
.field-group--plain.custom-checkbox input[type=radio] + label .choice-icon,
.field-group--checkbox.field-group--plain input[type=radio] + .label-wrapper label .choice-icon,
.field-group--plain.custom-checkbox input[type=radio] + .label-wrapper label .choice-icon,
.field-group--radio.field-group--plain input[type=checkbox] + label .choice-icon,
.field-group--radio.field-group--plain input[type=checkbox] + .label-wrapper label .choice-icon,
.field-group--radio.field-group--plain input[type=radio] + label .choice-icon,
.field-group--radio.field-group--plain input[type=radio] + .label-wrapper label .choice-icon {
display: none;
}
.field-group--checkbox.field-group--plain input[type=checkbox]:focus + label, .field-group--plain.custom-checkbox input[type=checkbox]:focus + label, .field-group--checkbox.field-group--plain input[type=checkbox]:focus + .label-wrapper label, .field-group--plain.custom-checkbox input[type=checkbox]:focus + .label-wrapper label,
.field-group--checkbox.field-group--plain input[type=radio]:focus + label,
.field-group--plain.custom-checkbox input[type=radio]:focus + label,
.field-group--checkbox.field-group--plain input[type=radio]:focus + .label-wrapper label,
.field-group--plain.custom-checkbox input[type=radio]:focus + .label-wrapper label,
.field-group--radio.field-group--plain input[type=checkbox]:focus + label,
.field-group--radio.field-group--plain input[type=checkbox]:focus + .label-wrapper label,
.field-group--radio.field-group--plain input[type=radio]:focus + label,
.field-group--radio.field-group--plain input[type=radio]:focus + .label-wrapper label {
outline: 2px solid #808285;
outline-color: #808285;
}
.field-group--checkbox.field-group--plain input[type=checkbox]:checked + label, .field-group--plain.custom-checkbox input[type=checkbox]:checked + label, .field-group--checkbox.field-group--plain input[type=checkbox]:checked + .label-wrapper label, .field-group--plain.custom-checkbox input[type=checkbox]:checked + .label-wrapper label,
.field-group--checkbox.field-group--plain input[type=radio]:checked + label,
.field-group--plain.custom-checkbox input[type=radio]:checked + label,
.field-group--checkbox.field-group--plain input[type=radio]:checked + .label-wrapper label,
.field-group--plain.custom-checkbox input[type=radio]:checked + .label-wrapper label,
.field-group--radio.field-group--plain input[type=checkbox]:checked + label,
.field-group--radio.field-group--plain input[type=checkbox]:checked + .label-wrapper label,
.field-group--radio.field-group--plain input[type=radio]:checked + label,
.field-group--radio.field-group--plain input[type=radio]:checked + .label-wrapper label {
cursor: pointer;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.search-form__typeahead {
flex-grow: 1;
position: relative;
}
.search-form__typeahead input {
width: 100%;
}
.search-form__typeahead input + label {
transform: translateY(-50%);
font-size: 18px;
bottom: calc(100% - 45px);
}
.search-form__typeahead input:focus {
border-bottom: solid #608CFF;
}
.search-form__typeahead input:focus:not([aria-disabled=true]) + label,
.search-form__typeahead input.has-input:not(.not-required) + label,
.search-form__typeahead input:focus + label,
.search-form__typeahead input.has-input + label {
bottom: 100%;
transform: translateY(0);
top: -20px;
}
.search-form__typeahead.is-invalid input {
border-bottom-color: #d0021b;
}
.search-form__typeahead.is-invalid .form__error {
color: #d0021b;
margin-top: 10px;
font-size: 16px;
}
.search-form__typeahead + .btn--cta, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .search-form__typeahead + .btn--hero--blue-line {
align-self: flex-start;
flex-shrink: 0;
}
.search-form__typeahead + .btn--cta::before, .hero--60-40-bleed.hero--blue-line .container__col .content-panel .search-form__typeahead + .btn--hero--blue-line::before {
width: 53px;
height: 54px;
}
.search-form__typeahead .autosuggest__results-container {
position: absolute;
min-width: 100%;
margin-top: 40px;
z-index: 2;
color: #231f20;
}
.is-reversed .search-form__typeahead .autosuggest__results-container {
bottom: 100%;
margin-top: 0px;
}
@media (max-width: 47.9375em) {
.search-form__typeahead .autosuggest__results-container {
max-width: 100%;
}
}
.search-form__typeahead .autosuggest__results {
box-shadow: 0 2px 28px 0 rgba(210, 210, 210, 0.5);
padding-top: 10px;
width: 100%;
background-color: #ffffff;
max-height: 200px;
overflow-y: auto;
}
.search-form__typeahead .autosuggest__results ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-form__typeahead .autosuggest__results ul li {
margin-left: 1px;
margin-right: 1px;
padding: 10px 25px;
white-space: nowrap;
}
@media (max-width: 47.9375em) {
.search-form__typeahead .autosuggest__results {
padding-top: 20px;
margin-top: 20px;
}
.search-form__typeahead .autosuggest__results ul li {
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
white-space: normal;
}
}
.search-form__typeahead .autosuggest__results-item--highlighted {
cursor: pointer;
background-color: #e6e7e8;
outline: 1px solid #646468;
}
.field-group__checkbox-item {
display: flex;
margin-bottom: 30px;
}
.field-group__checkbox-item:last-child {
margin-bottom: 0;
}
.field-group__header {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 36px;
letter-spacing: 0;
color: #193062;
font-weight: 700;
margin: 0 0 25px;
}
@media (max-width: 74.9375em) {
.field-group__header {
font-size: 20px;
line-height: 26px;
}
}
.search-form .field-group--textbox {
max-width: 520px;
}
.search-form__edit-btns {
margin-top: 60px;
display: flex;
align-items: flex-start;
text-align: left;
}
.search-form__edit-btns button {
flex-shrink: 0;
}
.search-form__edit-btns button + button {
margin-left: 40px;
}
.search-form__edit-btns .search-form__remove {
background-color: transparent;
border: 0;
text-align: left;
padding: 0;
flex-shrink: 1;
}
.search-form__edit-btns .search-form__remove:hover span {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.search-form__edit-btns .search-form__remove span {
line-height: 25px;
display: inline-block;
border: none;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-color: #608CFF;
text-decoration-color: #608CFF;
text-decoration-thickness: 2px;
text-underline-offset: 8px;
padding-top: 0;
}
.form__note,
.form__note p {
line-height: 26px;
margin-top: 20px;
}
.form__note p:last-child,
.form__note p p:last-child {
margin: 0;
}
.form__note.is-highlighted, .form__note.is-highlighted p,
.form__note p.is-highlighted,
.form__note p.is-highlighted p {
color: #004085;
}
@media (max-width: 74.9375em) {
.form__note p,
.form__note p p {
padding-left: 0;
padding-right: 0;
}
}
.form__note.form__note--large,
.form__note.form__note--large p {
font-size: 21px;
}
@media (max-width: 74.9375em) {
.form__note.form__note--large,
.form__note.form__note--large p {
font-size: 16px;
}
}
.form__note.form__note--medium p:last-child,
.form__note.form__note--medium p p:last-child {
margin: 0;
}
.form__note.form__note--small p:last-child,
.form__note.form__note--small p p:last-child {
margin: 0;
}
.form__note.form__note--extra-small,
.form__note.form__note--extra-small p {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.56px;
color: #231F20;
font-weight: normal;
}
@media (max-width: 74.9375em) {
.form__note.form__note--extra-small,
.form__note.form__note--extra-small p {
font-size: 16px;
line-height: 26px;
letter-spacing: 1.71px;
}
}
.form__note.form__note--extra-small p:last-child,
.form__note.form__note--extra-small p p:last-child {
margin: 0;
}
.field-group--date {
display: flex;
}
.field-group--date > * {
flex-basis: 0;
flex-grow: 1;
margin-left: 30px;
}
.field-group--date > *:first-of-type {
margin-left: 0;
}
.field-group--date > *:first-of-type .field-group--textbox {
margin-left: 0;
}
.field-group--date > *:first-of-type .field-group--textbox:before {
display: none;
}
.field-group--date .field-group--textbox {
position: relative;
}
.field-group--date .field-group--textbox input {
width: 100%;
}
.field-group--date .field-group--textbox:before {
content: "/";
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
display: inline-flex;
align-items: flex-end;
margin-right: 10px;
position: absolute;
left: -20px;
bottom: 0;
}
.field-group--date .field-group--dropdown, .field-group--date > .form__field {
margin-bottom: 0;
}
@media (max-width: 47.9375em) {
.field-group--date {
flex-wrap: wrap;
}
.field-group--date > .field-group--dropdown {
margin-left: 0px;
}
.field-group--date > .field-group--dropdown.has-selected {
padding-top: 20px;
}
}
.field-group--small-date {
max-width: 400px;
}
.field-group--small-date .form__field {
margin-left: 25px;
}
.field-group--small-date .form__field:first-child {
margin-left: 0;
}
.field-group--small-date .field-group--textbox:before {
left: -15px;
}
.field-group--small-date .field-group--textbox input {
font-size: 16px;
height: 35px;
width: 100%;
}
.field-group--small-date .field-group--textbox input + label {
bottom: calc(20px / 2);
}
.field-group--small-date .field-group--textbox input:focus + label {
bottom: calc(100% - 20px);
}
.field-group--datepicker input ~ label {
left: 0;
position: absolute;
}
.form__field.is-highlighted input {
border-bottom-color: #004085;
}
.bold-note {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 14px;
letter-spacing: 1px;
color: #58595b;
line-height: 17px;
margin: 40px 0;
}
.bold-note * {
font: inherit;
line-height: inherit;
}
.form__note,
.form__note p {
line-height: 26px;
margin-top: 20px;
}
.form__note p:last-child,
.form__note p p:last-child {
margin: 0;
}
.form__note.is-highlighted, .form__note.is-highlighted p,
.form__note p.is-highlighted,
.form__note p.is-highlighted p {
color: #004085;
}
@media (max-width: 74.9375em) {
.form__note p,
.form__note p p {
padding-left: 0;
padding-right: 0;
}
}
.brand-form fieldset {
border: 0;
padding: 0;
margin: 0;
}
.brand-form .note {
color: #58595b;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.brand-form .note p {
color: inherit;
font: inherit;
line-height: inherit;
max-width: 1300px;
}
.brand-form .note a {
color: inherit;
font-weight: 800;
}
.brand-form .form__field {
margin-bottom: 30px;
}
.brand-form .form__field + .btn--secondary.subtext, .brand-form .login .form__field + .subtext.link, .login .brand-form .form__field + .subtext.link, .brand-form .utility-nav--sticky .phone-link .form__field + a.subtext, .utility-nav--sticky .phone-link .brand-form .form__field + a.subtext, .brand-form .global-header__top-left .right-content .phone-link .form__field + a.subtext, .global-header__top-left .right-content .phone-link .brand-form .form__field + a.subtext, .brand-form .global-header .no-nav .global-header__top .global-header__top-right .phone-link .form__field + a.subtext, .global-header .no-nav .global-header__top .global-header__top-right .phone-link .brand-form .form__field + a.subtext {
margin-bottom: 30px;
margin-top: -10px;
}
.brand-form .form__field.has-side-note {
display: flex;
flex-wrap: nowrap;
align-items: start;
}
.brand-form .form__field.has-side-note .form__note {
margin-top: 0;
}
@media (max-width: 74.9375em) {
.brand-form .form__field.has-side-note .form__note {
margin-top: 20px;
}
}
.brand-form .form__field.has-side-note > * {
flex-grow: 1;
flex-basis: 0;
}
.brand-form .form__field.has-side-note > *:first-child {
margin-right: 60px;
}
@media (max-width: 74.9375em) {
.brand-form .form__field.has-side-note {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
.brand-form .form__field.has-side-note > * {
width: 100%;
flex-basis: auto;
}
.brand-form .form__field.has-side-note > *:first-child {
margin-right: 0;
}
.brand-form .form__field.has-side-note .form__note p {
padding-left: 0;
padding-right: 0;
}
.brand-form .form__field.has-side-note .form__note p:first-child {
margin-top: 0;
}
}
.brand-form .form__field.is-invalid input {
border-bottom-width: 3px;
border-bottom-color: #d0021b;
}
.brand-form .form__field .form__error {
margin-top: 20px;
color: #d0021b;
display: block;
}
.brand-form .form__field .form__error:empty {
margin-top: 0px;
}
.brand-form .form__field legend {
padding-top: 30px;
}
.brand-form .field-group--dropdown {
flex-wrap: wrap;
position: relative;
margin-bottom: 30px;
}
.brand-form .field-group--dropdown .v-select {
height: 52px;
margin-top: 20px;
}
.brand-form .field-group--dropdown .v-select + label {
position: absolute;
bottom: 5px;
transition: all 0.15s ease;
z-index: -1;
}
.brand-form .field-group--dropdown .v-select + label.is-valid,
.brand-form .field-group--dropdown .v-select.vs--open + label {
translate: transformY(0);
bottom: 100%;
}
.brand-form .field-group--dropdown .vs__selected-options {
padding-left: 0;
height: 52px;
}
.brand-form .field-group--dropdown .vs__selected {
margin: 0;
}
.brand-form .field-group--dropdown .vs--disabled + label {
color: #58595b;
}
.brand-form .field-group--dropdown .vs--open .vs__selected {
top: 15px;
}
.brand-form .field-group--dropdown .vs__dropdown-menu {
max-width: 100%;
}
.brand-form .field-group--dropdown .vs__dropdown-toggle {
padding: 0;
}
.brand-form .field-group--dropdown.is-invalid .vs__dropdown-toggle {
border-bottom-width: 3px;
}
.brand-form .field-group--textbox input {
padding-bottom: 8px;
transition: none;
}
@media (max-width: 74.9375em) {
.brand-form .field-group--textbox input:focus {
padding-left: 10px;
}
}
.brand-form .field-group--textbox input:focus {
border-bottom-color: #608CFF;
}
.brand-form .field-group--textbox input.is-invalid {
border-bottom-width: 3px;
}
.brand-form .field-group--date .form__field {
margin-bottom: 0;
}
input[aria-disabled=true]:focus, textarea[aria-disabled=true]:focus, select[aria-disabled=true]:focus {
outline: none;
}
.guest-pay .field-group--checkbox input[type=checkbox] + .label-wrapper label .choice-icon, .guest-pay .custom-checkbox input[type=checkbox] + .label-wrapper label .choice-icon {
width: 35px;
height: 37px;
}
div.CULookup div.field-group--textbox {
padding-top: 0px;
margin-bottom: 0px;
}
div.CULookup div.field-group--textbox label {
top: 20px;
}
.loan-cost-calc .field-group--textbox input {
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
padding-left: 10px;
font-size: 48px;
font-weight: 700;
}
.invisible-recaptcha {
font-size: 12px;
margin-top: 16px;
}
.invisible-recaptcha a {
color: #608CFF;
font-weight: bold;
text-decoration: none;
}
.invisible-recaptcha a:hover {
text-decoration: underline;
}
.grecaptcha-badge {
visibility: hidden;
}
/* B2B Sitecore Forms*/
.js-sitecore-form {
display: flex;
flex-direction: column;
}
.js-sitecore-form input[type=number] {
-moz-appearance: textfield;
}
.js-sitecore-form input::-webkit-outer-spin-button,
.js-sitecore-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.js-sitecore-form h1 {
color: #646468;
}
.js-sitecore-form > div {
margin-bottom: 20px;
}
.js-sitecore-form .field-group--fileupload label {
margin-top: 20px;
position: static;
}
.js-sitecore-form .validation-summary-errors ~ div label {
top: 0 !important;
font-size: 13px !important;
}
.js-sitecore-form span.forms-loader .loader.loader--inline {
text-align: left;
flex-direction: row;
}
.js-sitecore-form span.field-validation-error {
margin-top: 20px;
color: #d0021b;
display: block;
font-style: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
}
.js-sitecore-form div {
display: flex;
flex-direction: column;
position: relative;
}
.js-sitecore-form div label {
color: #231F20;
font-size: 18px;
line-height: 16px;
left: 0;
position: absolute;
bottom: auto;
top: 30px;
transition: 0.15s;
}
@media (min-width: 48em) {
.js-sitecore-form div label {
font-size: 21px;
line-height: 21px;
}
}
.js-sitecore-form div label.labelup {
top: 0;
font-size: 13px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0;
color: #231F20;
}
@media (min-width: 48em) {
.js-sitecore-form div label.labelup {
bottom: calc(100% - 20px);
}
}
.js-sitecore-form div input[type=text],
.js-sitecore-form div input[type=email],
.js-sitecore-form div input[type=number],
.js-sitecore-form div select {
padding-bottom: 8px;
transition: none;
font-family: "Sul Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
background: 0;
box-flex: 1;
flex-grow: 1;
height: 55px;
padding-top: 10px;
position: relative;
z-index: 1;
border-bottom: 2px solid #231F20;
border-right: 0;
border-left: 0;
border-top: 0;
border-radius: 0;
vertical-align: top;
}
.js-sitecore-form div input[type=text].is-valid,
.js-sitecore-form div input[type=email].is-valid,
.js-sitecore-form div input[type=number].is-valid,
.js-sitecore-form div select.is-valid {
border-bottom-color: #231F20;
}
.js-sitecore-form div input[type=text]:focus,
.js-sitecore-form div input[type=email]:focus,
.js-sitecore-form div input[type=number]:focus,
.js-sitecore-form div select:focus {
border-bottom-color: #608CFF;
padding-left: 3px;
}
.js-sitecore-form div.field-group--dropdown {
margin-top: 20px;
margin-bottom: 30px;
align-items: flex-start;
}
.js-sitecore-form div.field-group--dropdown label {
top: 10px;
padding-right: 20px;
}
.js-sitecore-form div.field-group--dropdown label.labelup {
top: -20px;
}
.js-sitecore-form div select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
background: url('data:image/svg+xml,