/**
* Motif v4.0.0
* A responsive front-end framework to tell *your* story
* http://getmotif.com
*/
/**
* Global Stylesheet
* The site's main (and perhaps only) stylesheet. All supporting stylesheet
* files are imported into and compiled from here.
*/
/**
* GRID SUBWIDTHS
*
* When mixin is included in a style, the variable @g-width-x-xofxtox becomes available for use
* within that block
*
* Example:
*
* .my-class {
* .g-width-l-1of1to5();
* padding-left: @g-width-l-1of1to5;
* }
*
*/
.icons__icon {
width: 1em;
height: 1em;
display: inline-block;
vertical-align: middle;
fill: currentColor;
}
.no-svg .icons__icon {
display: none;
}
.m-images__image-as-bg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.no-objectfit .m-images__image-as-bg {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.is-hidden {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.is-hidden.focusable:active,
.is-hidden.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .is-hidden a,
body:hover .is-hidden input,
body:hover .is-hidden button {
display: none;
}
@media all and (max-width: 47.9375em) {
.table-responsive {
display: block;
overflow-x: scroll;
width: auto !important;
}
}
/**
* Normalize
* Using the Normalize.css (http://necolas.github.io/normalize.css/) with only minor modification.
*/
*,
*:before,
*:after {
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
margin: 0;
width: 100%;
overflow-x: hidden;
}
html {
font-size: 16px;
}
.no-scroll {
overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
a:focus,
a:active,
a:hover {
outline: 0;
}
img {
max-width: 100%;
width: 100%;
height: auto;
display: inline-block;
}
figure {
margin: 20px 0 0 0;
}
._media__figure-nm {
margin: 0;
}
._media__figure-as-bg {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
._media__figure-as-bg img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
._media__figure-as-bg img.lazyloaded {
opacity: 1;
}
.lazyload {
opacity: 0;
transition: opacity 150ms linear;
}
.lazyload.lazyloaded {
opacity: 1;
}
svg {
fill: currentColor;
height: 1em;
width: 1em;
}
table {
border-collapse: collapse;
width: 100%;
}
tr td:first-of-type {
border-left: none;
}
th {
padding: 10px 7.5px;
text-align: center;
border-bottom: 2px solid #212121;
font-weight: 500;
}
@media all and (min-width: 48em) {
th {
padding: 10px 15px;
}
}
td {
padding: 10px 7.5px;
text-align: center;
border-bottom: 1px solid #212121;
border-left: 1px solid #979797;
}
@media all and (min-width: 48em) {
td {
padding: 10px 15px;
}
}
thead th {
border-bottom: 2px solid #212121;
}
tbody tr:first-of-type td {
border-top: 1px solid #212121;
}
._tables__td-highlight {
background: #3763C5;
color: white;
}
._tables__td-popular {
border-bottom: 2px solid #3BC0C7;
border-top: 2px solid #3BC0C7;
}
._tables__td-popular td {
border-bottom: 2px solid #3BC0C7;
border-top: 2px solid #3BC0C7;
}
@font-face {
font-family: 'Overpass';
src: url('../../fonts/overpass/Overpass-Light.eot');
src: url('../../fonts/overpass/Overpass-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/overpass/Overpass-Light.woff') format('woff'), url('../../fonts/overpass/Overpass-Light.ttf') format('truetype'), url('../../fonts/overpass/Overpass-Light.svg#OverpassLight') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('../../fonts/overpass/Overpass-Regular.eot');
src: url('../../fonts/overpass/Overpass-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/overpass/Overpass-Regular.woff') format('woff'), url('../../fonts/overpass/Overpass-Regular.ttf') format('truetype'), url('../../fonts/overpass/Overpass-Regular.svg#OverpassRegular') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('../../fonts/overpass/Overpass-Bold.eot');
src: url('../../fonts/overpass/Overpass-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/overpass/Overpass-Bold.woff') format('woff'), url('../../fonts/overpass/Overpass-Bold.ttf') format('truetype'), url('../../fonts/overpass/Overpass-Bold.svg#OverpassBold') format('svg');
font-weight: 700;
font-style: normal;
}
/**
* Font Declarations
*/
._fonts__font-interstate,
._styles__basic-text,
._styles__bold-text,
._styles__loud-text {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
._fonts__font-interstate-compressed,
._styles__title-text,
._styles__pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
body {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
/**
* Font Weights
*/
._fonts__text-light {
font-weight: 400;
}
._fonts__text-regular,
._styles__basic-text {
font-weight: 500;
}
._fonts__text-bold,
._styles__title-text,
._styles__bold-text,
._styles__pre-heading,
._styles__loud-text {
font-weight: 700;
}
._fonts__text-uncompressed {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
._fonts__text-compressed {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
._hierarchy__inch-text {
font-size: 8.5rem;
line-height: 0.88235294;
}
._hierarchy__super-canon-text {
font-size: 5.875rem;
line-height: 0.95744681;
}
._hierarchy__canon-text {
font-size: 4.75rem;
line-height: 1.05263158;
}
._hierarchy__super-paragon-text {
font-size: 3rem;
line-height: 1.25;
}
._hierarchy__paragon-text {
font-size: 2.25rem;
line-height: 1.38888889;
}
._hierarchy__primer-text {
font-size: 1.875rem;
line-height: 1.26666667;
}
._hierarchy__grand-text {
font-size: 1.625rem;
line-height: 1.46153846;
}
._hierarchy__tertia-text {
font-size: 1.5rem;
line-height: 1.25;
}
._hierarchy__great-text {
font-size: 1.25rem;
line-height: 1.3;
}
._hierarchy__large-text {
font-size: 1.125rem;
line-height: 1.27777778;
}
._hierarchy__normal-text {
font-size: 1rem;
line-height: 1.875;
}
._hierarchy__minion-text {
font-size: 0.875rem;
line-height: 1.85714286;
}
._hierarchy__petite-text {
font-size: 0.75rem;
line-height: 1.66666667;
}
._hierarchy__pica-text {
font-size: 0.6875rem;
line-height: 1.45454545;
}
body,
._styles__body-text {
font-size: 1rem;
line-height: 1.875;
color: #4a4a4a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 40px;
margin-bottom: 0;
color: #212121;
}
p,
ul,
ol,
li {
font-size: 1rem;
line-height: 1.875;
margin-bottom: 0;
}
._styles__unstyled-list {
list-style: none outside none;
padding-left: 0;
}
._styles__primary-heading {
font-size: 2.25rem;
line-height: 1.38888889;
text-transform: uppercase;
}
@media all and (min-width: 48em) {
._styles__primary-heading {
font-size: 5.875rem;
line-height: 0.95744681;
}
}
._styles__secondary-heading {
font-size: 1.875rem;
line-height: 1.26666667;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
._styles__tertiary-heading {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
._styles__title-text,
._styles__pre-heading {
text-transform: uppercase;
}
._styles__pre-heading {
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.359285em;
}
@media all and (min-width: 48em) {
._styles__pre-heading {
font-size: 1.125rem;
line-height: 1.27777778;
letter-spacing: 0.357222em;
}
}
h1 {
font-size: 3rem;
line-height: 1.25;
}
h2 {
font-size: 2.25rem;
line-height: 1.38888889;
}
h3 {
font-size: 1.875rem;
line-height: 1.26666667;
}
h4 {
font-size: 1.625rem;
line-height: 1.46153846;
}
h5 {
font-size: 1.5rem;
line-height: 1.25;
}
._styles__basic-text {
text-transform: none;
}
._styles__loud-text {
text-transform: uppercase;
}
button {
cursor: pointer;
}
._buttons__button {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
}
._buttons__button:hover,
._buttons__button:focus {
text-decoration: none;
}
/**
* Note: If updating here, also update the WYSIWYG styles for buttons
*/
._buttons__button-primary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-primary:hover,
._buttons__button-primary:focus {
text-decoration: none;
}
._buttons__button-primary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary:hover,
._buttons__button-primary:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary:not(:disabled):hover:before,
._buttons__button-primary:not(:disabled):focus:before,
._buttons__button-primary:not(:disabled):hover:after,
._buttons__button-primary:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-primary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary:disabled:hover,
._buttons__button-primary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-primary-full:hover,
._buttons__button-primary-full:focus {
text-decoration: none;
}
._buttons__button-primary-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-full:hover,
._buttons__button-primary-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-full:not(:disabled):hover:before,
._buttons__button-primary-full:not(:disabled):focus:before,
._buttons__button-primary-full:not(:disabled):hover:after,
._buttons__button-primary-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-primary-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-full:disabled:hover,
._buttons__button-primary-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-wide {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
padding-left: 90px;
padding-right: 90px;
}
._buttons__button-primary-wide:hover,
._buttons__button-primary-wide:focus {
text-decoration: none;
}
._buttons__button-primary-wide:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-wide:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-wide:hover,
._buttons__button-primary-wide:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-wide:not(:disabled):hover:before,
._buttons__button-primary-wide:not(:disabled):focus:before,
._buttons__button-primary-wide:not(:disabled):hover:after,
._buttons__button-primary-wide:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-primary-wide:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-wide:disabled:hover,
._buttons__button-primary-wide:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-primary-small:hover,
._buttons__button-primary-small:focus {
text-decoration: none;
}
._buttons__button-primary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-small:hover,
._buttons__button-primary-small:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-small:disabled:hover,
._buttons__button-primary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-small-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-primary-small-full:hover,
._buttons__button-primary-small-full:focus {
text-decoration: none;
}
._buttons__button-primary-small-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-small-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-small-full:hover,
._buttons__button-primary-small-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-small-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-small-full:disabled:hover,
._buttons__button-primary-small-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-tiny {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 5px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-primary-tiny:hover,
._buttons__button-primary-tiny:focus {
text-decoration: none;
}
._buttons__button-primary-tiny:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-tiny:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-tiny:hover,
._buttons__button-primary-tiny:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-tiny:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-tiny:disabled:hover,
._buttons__button-primary-tiny:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-primary-tiny-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 5px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-primary-tiny-full:hover,
._buttons__button-primary-tiny-full:focus {
text-decoration: none;
}
._buttons__button-primary-tiny-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-tiny-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-primary-tiny-full:hover,
._buttons__button-primary-tiny-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-primary-tiny-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-primary-tiny-full:disabled:hover,
._buttons__button-primary-tiny-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-secondary:hover,
._buttons__button-secondary:focus {
text-decoration: none;
}
._buttons__button-secondary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary:hover,
._buttons__button-secondary:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary:hover:not(:disabled):before,
._buttons__button-secondary:focus:not(:disabled):before,
._buttons__button-secondary:hover:not(:disabled):after,
._buttons__button-secondary:focus:not(:disabled):after {
transform: translateX(0) translateY(0);
}
._buttons__button-secondary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary:disabled:hover,
._buttons__button-secondary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-secondary-full:hover,
._buttons__button-secondary-full:focus {
text-decoration: none;
}
._buttons__button-secondary-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-full:hover,
._buttons__button-secondary-full:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary-full:hover:not(:disabled):before,
._buttons__button-secondary-full:focus:not(:disabled):before,
._buttons__button-secondary-full:hover:not(:disabled):after,
._buttons__button-secondary-full:focus:not(:disabled):after {
transform: translateX(0) translateY(0);
}
._buttons__button-secondary-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary-full:disabled:hover,
._buttons__button-secondary-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-secondary-small:hover,
._buttons__button-secondary-small:focus {
text-decoration: none;
}
._buttons__button-secondary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-small:hover,
._buttons__button-secondary-small:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary-small:disabled:hover,
._buttons__button-secondary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary-small-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-secondary-small-full:hover,
._buttons__button-secondary-small-full:focus {
text-decoration: none;
}
._buttons__button-secondary-small-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-small-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-small-full:hover,
._buttons__button-secondary-small-full:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary-small-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary-small-full:disabled:hover,
._buttons__button-secondary-small-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary-tiny {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 5px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-secondary-tiny:hover,
._buttons__button-secondary-tiny:focus {
text-decoration: none;
}
._buttons__button-secondary-tiny:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-tiny:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-tiny:hover,
._buttons__button-secondary-tiny:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary-tiny:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary-tiny:disabled:hover,
._buttons__button-secondary-tiny:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-secondary-tiny-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 5px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-secondary-tiny-full:hover,
._buttons__button-secondary-tiny-full:focus {
text-decoration: none;
}
._buttons__button-secondary-tiny-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-tiny-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-secondary-tiny-full:hover,
._buttons__button-secondary-tiny-full:focus {
background: #000;
color: #ffffff;
}
._buttons__button-secondary-tiny-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-secondary-tiny-full:disabled:hover,
._buttons__button-secondary-tiny-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-emphasis {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
._buttons__button-emphasis:hover,
._buttons__button-emphasis:focus {
text-decoration: none;
}
._buttons__button-emphasis:hover,
._buttons__button-emphasis:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-emphasis:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._buttons__button-emphasis:not(:disabled):hover:after,
._buttons__button-emphasis:not(:disabled):focus:after {
background-position: 0 50%;
}
._buttons__button-emphasis:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-emphasis:disabled:hover,
._buttons__button-emphasis:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-emphasis:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._buttons__button-emphasis-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
width: 100%;
}
._buttons__button-emphasis-full:hover,
._buttons__button-emphasis-full:focus {
text-decoration: none;
}
._buttons__button-emphasis-full:hover,
._buttons__button-emphasis-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-emphasis-full:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._buttons__button-emphasis-full:not(:disabled):hover:after,
._buttons__button-emphasis-full:not(:disabled):focus:after {
background-position: 0 50%;
}
._buttons__button-emphasis-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-emphasis-full:disabled:hover,
._buttons__button-emphasis-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-emphasis-full:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._buttons__button-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-icon:hover,
._buttons__button-icon:focus {
text-decoration: none;
}
._buttons__button-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon:hover,
._buttons__button-icon:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon:not(:disabled):hover:before,
._buttons__button-icon:not(:disabled):focus:before,
._buttons__button-icon:not(:disabled):hover:after,
._buttons__button-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon:disabled:hover,
._buttons__button-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-icon-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-icon-full:hover,
._buttons__button-icon-full:focus {
text-decoration: none;
}
._buttons__button-icon-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-full > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon-full:hover,
._buttons__button-icon-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon-full:not(:disabled):hover:before,
._buttons__button-icon-full:not(:disabled):focus:before,
._buttons__button-icon-full:not(:disabled):hover:after,
._buttons__button-icon-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon-full:disabled:hover,
._buttons__button-icon-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-icon-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 10px 48px 10px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-icon-small:hover,
._buttons__button-icon-small:focus {
text-decoration: none;
}
._buttons__button-icon-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-small > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 20px;
width: 20px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon-small:hover,
._buttons__button-icon-small:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon-small:not(:disabled):hover:before,
._buttons__button-icon-small:not(:disabled):focus:before,
._buttons__button-icon-small:not(:disabled):hover:after,
._buttons__button-icon-small:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon-small:disabled:hover,
._buttons__button-icon-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-icon-small-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 10px 48px 10px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-icon-small-full:hover,
._buttons__button-icon-small-full:focus {
text-decoration: none;
}
._buttons__button-icon-small-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-small-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-small-full > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 20px;
width: 20px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon-small-full:hover,
._buttons__button-icon-small-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon-small-full:not(:disabled):hover:before,
._buttons__button-icon-small-full:not(:disabled):focus:before,
._buttons__button-icon-small-full:not(:disabled):hover:after,
._buttons__button-icon-small-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon-small-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon-small-full:disabled:hover,
._buttons__button-icon-small-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-icon-tiny {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 12px 33px 12px 30px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-icon-tiny:hover,
._buttons__button-icon-tiny:focus {
text-decoration: none;
}
._buttons__button-icon-tiny:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-tiny:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-tiny > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 16px;
width: 16px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon-tiny:hover,
._buttons__button-icon-tiny:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon-tiny:not(:disabled):hover:before,
._buttons__button-icon-tiny:not(:disabled):focus:before,
._buttons__button-icon-tiny:not(:disabled):hover:after,
._buttons__button-icon-tiny:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon-tiny:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon-tiny:disabled:hover,
._buttons__button-icon-tiny:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-icon-tiny-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 12px 33px 12px 30px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-icon-tiny-full:hover,
._buttons__button-icon-tiny-full:focus {
text-decoration: none;
}
._buttons__button-icon-tiny-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-tiny-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-icon-tiny-full > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 16px;
width: 16px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._buttons__button-icon-tiny-full:hover,
._buttons__button-icon-tiny-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-icon-tiny-full:not(:disabled):hover:before,
._buttons__button-icon-tiny-full:not(:disabled):focus:before,
._buttons__button-icon-tiny-full:not(:disabled):hover:after,
._buttons__button-icon-tiny-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-icon-tiny-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-icon-tiny-full:disabled:hover,
._buttons__button-icon-tiny-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-only-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
._buttons__button-only-icon:hover,
._buttons__button-only-icon:focus {
text-decoration: none;
}
._buttons__button-only-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-only-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-only-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._buttons__button-only-icon:hover,
._buttons__button-only-icon:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-only-icon:not(:disabled):hover:before,
._buttons__button-only-icon:not(:disabled):focus:before,
._buttons__button-only-icon:not(:disabled):hover:after,
._buttons__button-only-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-only-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-only-icon:disabled:hover,
._buttons__button-only-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-only-icon-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
._buttons__button-only-icon-full:hover,
._buttons__button-only-icon-full:focus {
text-decoration: none;
}
._buttons__button-only-icon-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-only-icon-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._buttons__button-only-icon-full > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._buttons__button-only-icon-full:hover,
._buttons__button-only-icon-full:focus {
background: #C6070F;
color: #ffffff;
}
._buttons__button-only-icon-full:not(:disabled):hover:before,
._buttons__button-only-icon-full:not(:disabled):focus:before,
._buttons__button-only-icon-full:not(:disabled):hover:after,
._buttons__button-only-icon-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._buttons__button-only-icon-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-only-icon-full:disabled:hover,
._buttons__button-only-icon-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-outline-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: transparent;
color: #e31b23;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
border: 2px solid #e31b23;
}
._buttons__button-outline-small:hover,
._buttons__button-outline-small:focus {
text-decoration: none;
}
._buttons__button-outline-small:hover,
._buttons__button-outline-small:focus {
background: #e31b23;
color: #ffffff;
}
._buttons__button-outline-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-outline-small:disabled:hover,
._buttons__button-outline-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-outline-small-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: transparent;
color: #e31b23;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
border: 2px solid #e31b23;
width: 100%;
}
._buttons__button-outline-small-full:hover,
._buttons__button-outline-small-full:focus {
text-decoration: none;
}
._buttons__button-outline-small-full:hover,
._buttons__button-outline-small-full:focus {
background: #e31b23;
color: #ffffff;
}
._buttons__button-outline-small-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-outline-small-full:disabled:hover,
._buttons__button-outline-small-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-outline-tiny {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: transparent;
color: #e31b23;
padding: 7px 18px 7px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
border: 2px solid #e31b23;
}
._buttons__button-outline-tiny:hover,
._buttons__button-outline-tiny:focus {
text-decoration: none;
}
._buttons__button-outline-tiny:hover,
._buttons__button-outline-tiny:focus {
background: #e31b23;
color: #ffffff;
}
._buttons__button-outline-tiny:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-outline-tiny:disabled:hover,
._buttons__button-outline-tiny:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__button-outline-tiny-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: transparent;
color: #e31b23;
padding: 7px 18px 7px 15px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
border: 2px solid #e31b23;
width: 100%;
}
._buttons__button-outline-tiny-full:hover,
._buttons__button-outline-tiny-full:focus {
text-decoration: none;
}
._buttons__button-outline-tiny-full:hover,
._buttons__button-outline-tiny-full:focus {
background: #e31b23;
color: #ffffff;
}
._buttons__button-outline-tiny-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._buttons__button-outline-tiny-full:disabled:hover,
._buttons__button-outline-tiny-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._buttons__no-button {
background: transparent;
color: inherit;
border: 0;
}
._buttons__no-button:hover,
._buttons__no-button:focus,
._buttons__no-button.is-current {
background: transparent;
color: inherit;
}
a {
outline: 0;
color: #212121;
}
a:hover,
a:focus {
color: #e31b23;
}
a::-moz-focus-inner {
border: 0;
}
._links__link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
}
._links__link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link:hover,
._links__link:focus {
color: #212121;
}
._links__link:hover:after,
._links__link:focus:after {
background: #831D22;
}
._links__link:visited {
color: #212121;
}
._links__link-white {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
color: #ffffff;
}
._links__link-white:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-white:hover,
._links__link-white:focus {
color: #212121;
}
._links__link-white:hover:after,
._links__link-white:focus:after {
background: #831D22;
}
._links__link-white:visited {
color: #212121;
}
._links__link-white:hover,
._links__link-white:focus {
color: #ffffff;
}
._links__link-white:visited {
color: #ffffff;
}
._links__link-white:before {
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
}
._links__link-small {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
}
._links__link-small:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-small:hover,
._links__link-small:focus {
color: #212121;
}
._links__link-small:hover:after,
._links__link-small:focus:after {
background: #831D22;
}
._links__link-small:visited {
color: #212121;
}
._links__link-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
margin-left: 38px;
}
._links__link-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-icon:hover,
._links__link-icon:focus {
color: #212121;
}
._links__link-icon:hover:after,
._links__link-icon:focus:after {
background: #831D22;
}
._links__link-icon:visited {
color: #212121;
}
._links__link-icon > svg {
height: 34px;
width: 34px;
position: absolute;
left: -38px;
top: 0;
fill: #e31b23;
}
._links__link-icon:hover > svg,
._links__link-icon:focus > svg {
fill: #831D22;
}
._links__link-small-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
margin-left: 29px;
}
._links__link-small-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-small-icon:hover,
._links__link-small-icon:focus {
color: #212121;
}
._links__link-small-icon:hover:after,
._links__link-small-icon:focus:after {
background: #831D22;
}
._links__link-small-icon:visited {
color: #212121;
}
._links__link-small-icon > svg {
height: 22px;
width: 22px;
position: absolute;
left: -29px;
top: 0;
fill: #e31b23;
}
._links__link-small-icon:hover > svg,
._links__link-small-icon:focus > svg {
fill: #831D22;
}
._links__link-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
}
._links__link-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-emphasis:hover,
._links__link-emphasis:focus {
color: #212121;
}
._links__link-emphasis:hover:after,
._links__link-emphasis:focus:after {
background: #831D22;
}
._links__link-emphasis:visited {
color: #212121;
}
._links__link-emphasis:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis:hover:before,
._links__link-emphasis:focus:before {
background-position: 0 50%;
}
._links__link-emphasis:hover:after,
._links__link-emphasis:focus:after {
transform: translateX(0);
}
._links__link-emphasis-white {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
color: #ffffff;
}
._links__link-emphasis-white:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-emphasis-white:hover,
._links__link-emphasis-white:focus {
color: #212121;
}
._links__link-emphasis-white:hover:after,
._links__link-emphasis-white:focus:after {
background: #831D22;
}
._links__link-emphasis-white:visited {
color: #212121;
}
._links__link-emphasis-white:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis-white:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis-white:hover:before,
._links__link-emphasis-white:focus:before {
background-position: 0 50%;
}
._links__link-emphasis-white:hover:after,
._links__link-emphasis-white:focus:after {
transform: translateX(0);
}
._links__link-emphasis-white:hover,
._links__link-emphasis-white:focus {
color: #ffffff;
}
._links__link-emphasis-white:visited {
color: #ffffff;
}
._links__link-emphasis-white:before {
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
}
._links__link-small-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-right: 36px;
}
._links__link-small-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-small-emphasis:hover,
._links__link-small-emphasis:focus {
color: #212121;
}
._links__link-small-emphasis:hover:after,
._links__link-small-emphasis:focus:after {
background: #831D22;
}
._links__link-small-emphasis:visited {
color: #212121;
}
._links__link-small-emphasis:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis:after {
transform: translateX(-36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis:hover:before,
._links__link-small-emphasis:focus:before {
background-position: 0 50%;
}
._links__link-small-emphasis:hover:after,
._links__link-small-emphasis:focus:after {
transform: translateX(0);
}
._links__link-small-emphasis-white {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-right: 36px;
color: #ffffff;
}
._links__link-small-emphasis-white:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-small-emphasis-white:hover,
._links__link-small-emphasis-white:focus {
color: #212121;
}
._links__link-small-emphasis-white:hover:after,
._links__link-small-emphasis-white:focus:after {
background: #831D22;
}
._links__link-small-emphasis-white:visited {
color: #212121;
}
._links__link-small-emphasis-white:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis-white:after {
transform: translateX(-36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis-white:hover:before,
._links__link-small-emphasis-white:focus:before {
background-position: 0 50%;
}
._links__link-small-emphasis-white:hover:after,
._links__link-small-emphasis-white:focus:after {
transform: translateX(0);
}
._links__link-small-emphasis-white:hover,
._links__link-small-emphasis-white:focus {
color: #ffffff;
}
._links__link-small-emphasis-white:visited {
color: #ffffff;
}
._links__link-small-emphasis-white:before {
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
}
._links__link-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
padding-right: 0;
padding-left: 40px;
}
._links__link-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-emphasis-left:hover,
._links__link-emphasis-left:focus {
color: #212121;
}
._links__link-emphasis-left:hover:after,
._links__link-emphasis-left:focus:after {
background: #831D22;
}
._links__link-emphasis-left:visited {
color: #212121;
}
._links__link-emphasis-left:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis-left:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis-left:hover:before,
._links__link-emphasis-left:focus:before {
background-position: 0 50%;
}
._links__link-emphasis-left:hover:after,
._links__link-emphasis-left:focus:after {
transform: translateX(0);
}
._links__link-emphasis-left:before {
right: auto;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
}
._links__link-emphasis-left:after {
transform: translateX(40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-emphasis-left:hover:before,
._links__link-emphasis-left:focus:before {
background-position: 0 50%;
}
._links__link-emphasis-left:hover:after,
._links__link-emphasis-left:focus:after {
transform: translateX(0);
}
._links__link-small-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-left: 36px;
}
._links__link-small-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._links__link-small-emphasis-left:hover,
._links__link-small-emphasis-left:focus {
color: #212121;
}
._links__link-small-emphasis-left:hover:after,
._links__link-small-emphasis-left:focus:after {
background: #831D22;
}
._links__link-small-emphasis-left:visited {
color: #212121;
}
._links__link-small-emphasis-left:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis-left:after {
transform: translateX(36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._links__link-small-emphasis-left:hover:before,
._links__link-small-emphasis-left:focus:before {
background-position: 0 50%;
}
._links__link-small-emphasis-left:hover:after,
._links__link-small-emphasis-left:focus:after {
transform: translateX(0);
}
._links__link-no-style {
text-decoration: none;
}
._links__link-inline {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._links__link-inline:hover,
._links__link-inline:focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._links__link-inline:visited {
color: currentColor;
}
.loadingButton__reset {
font-size: 1em;
line-height: 1em;
}
.is-loading .loadingButton__reset {
visibility: hidden;
}
.loadingButton__loader {
border-radius: 50%;
width: 1em;
height: 1em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loading-button 2s infinite linear;
animation: loading-button 2s infinite linear;
background: #ffffff;
display: none;
font-size: 0.75em;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
text-indent: -9999em;
transform: translate3d(-50%, -50%, 0);
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.loadingButton__loader-relative {
position: relative;
top: auto;
left: auto;
transform: none;
}
.loadingButton__loader--large {
width: 50px;
height: 50px;
}
.is-loading .loadingButton__loader {
display: block;
}
.loadingButton__loader:before {
border-radius: 50%;
width: 1em;
height: 1em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loading-button 2s infinite linear;
animation: loading-button 2s infinite linear;
background: #ffffff;
content: '';
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%) translateX(-5px);
}
.loadingButton__loader:after {
border-radius: 50%;
width: 1em;
height: 1em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loading-button 2s infinite linear;
animation: loading-button 2s infinite linear;
background: #ffffff;
content: '';
position: absolute;
top: 0;
left: 0;
transform: translateX(100%) translateX(5px);
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes loading-button {
0%,
100% {
background-color: #ffffff;
}
50% {
background-color: transparent;
}
}
@keyframes loading-button {
0%,
100% {
background-color: #ffffff;
}
50% {
background-color: transparent;
}
}
/*
Forms
*/
/*
Basic Form Elements
Inputs and textareas are set to `width: 100%` to adapt to the width of their
wrapper. (Great for grids.) Select boxes are set to the width of their content,
maxing out at `100%`.
Almost all the form elements in Motif are best used inside a `label`.
*/
input,
textarea {
font-size: 1em;
outline: none;
width: 100%;
background: #f9f9f9;
border: 2px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 2px solid #dddddd;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
color: #4a4a4a;
padding: 10px 15px;
}
input:hover,
textarea:hover {
border-color: #bfbfbf;
}
input:focus,
textarea:focus {
border-color: #767676;
background: #ffffff;
color: #212121;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus,
input:active,
textarea:active,
input._elements__is-current,
textarea._elements__is-current {
z-index: 1;
}
input[type="checkbox"],
input[type="radio"] {
width: auto;
}
._elements__lte7 input[type="checkbox"],
._elements__lte7 input[type="radio"] {
width: 13px;
}
textarea {
height: 80px;
}
/*
Input Label Elements
Child form elements of the `.input-label` class are given a little bit of
spacing to separate them from the label text. (See also `.input-label` in the
form `_type.less` file.)
````input-label-elements
````
*/
/*
Input Widths
While you are encouraged to use the responsive grid system in conjunction with
your form styles, sometimes it's useful to have form field widths that are
simply consistent across viewports. These are those.
*/
._elements__input--eighth {
width: 12.5%;
}
._elements__input--quarter {
width: 25%;
}
._elements__input--half {
width: 50%;
}
._elements__input--xxxs {
max-width: 1.875rem;
}
._elements__input--xxs {
max-width: 3.125rem;
}
._elements__input--xs {
max-width: 6.25rem;
}
._elements__input--s {
max-width: 10.9375rem;
}
._elements__input--m {
max-width: 15.625rem;
}
._elements__input--l {
max-width: 21.875rem;
}
/*
Form Modules
````attached-label-before
````
````attached-label-after
````
````attached-label-before-and-after
````
````attached-label-submit
````
*/
._elements__attached-label {
display: table;
overflow: hidden;
}
._elements__attached-label > * {
margin-top: 0;
display: table-cell;
vertical-align: middle;
}
._elements__attached-label > * > :first-child {
margin-top: 0;
}
._elements__attached-label [class*="btn"] {
display: block;
width: 100%;
}
._inputs__field {
border: 1px solid transparent;
box-shadow: inset 0 3px 0 #eaeaea;
background: #f0f0f0;
border-radius: 0;
padding: 0 12px;
color: #212121;
font-size: 0.75rem;
line-height: 1.66666667;
}
._inputs__field:focus {
box-shadow: none;
border-color: #212121;
}
._inputs__label {
margin: 0;
text-transform: uppercase;
color: #212121;
font-size: 0.75rem;
line-height: 1.66666667;
font-weight: 700;
}
/**
* FLEX OVERLAP GRID
*
* Grid is based on a flex overlap ratio
*
* Base screens: 2, 1, 2
* Medium screens: 1, 4, 2, 4, 1
* Large screens: 1, 4, 2, 1, 2, 4, 1
*
*/
@media all and (max-width: 47.9375em) {
._grid__row-s {
margin-left: -15px;
margin-right: -15px;
}
._grid__row-s:before,
._grid__row-s:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-s:after {
clear: both;
}
._grid__row-s > [class*="col-"] {
float: left;
padding-left: 15px;
padding-right: 15px;
}
._grid__row-s:not(._grid__row-s-flex)._grid__row-s-right > [class*="col-"] {
float: right;
}
._grid__row-s-super-tight {
margin-left: -3.75px;
margin-right: -3.75px;
}
._grid__row-s-super-tight:before,
._grid__row-s-super-tight:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-s-super-tight:after {
clear: both;
}
._grid__row-s-super-tight > [class*="col-"] {
float: left;
padding-left: 3.75px;
padding-right: 3.75px;
}
._grid__row-s-super-tight:not(._grid__row-s-flex)._grid__row-s-right > [class*="col-"] {
float: right;
}
/**
* When using flex, compose in both `row-s` and `row-s-flex`.
*
* Examples:
* Row Flex with items being "stretched"
* .row {
* composes: row-s row-s-flex-stretch from '../_grid.css';
* }
*/
._grid__row-s-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
._grid__row-s-flex-stretch {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
._grid__row-s-flex-start {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
._grid__row-s-flex-end {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
._grid__row-s-flex._grid__row-s-right,
._grid__row-s-flex-stretch._grid__row-s-right,
._grid__row-s-flex-start._grid__row-s-right,
._grid__row-s-flex-end._grid__row-s-right {
flex-direction: row-reverse;
}
._grid__col-s-1 {
width: 40%;
}
._grid__col-s-2 {
width: 20%;
}
._grid__col-s-3 {
width: 40%;
}
._grid__col-s-1to2 {
width: 60%;
}
._grid__col-s-1to3 {
width: 100%;
}
._grid__col-s-2to3 {
width: 60%;
}
._grid__alt-col-s-1,
._grid__alt-col-s-2 {
width: 50%;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
._grid__row-m {
margin-left: -15px;
margin-right: -15px;
}
._grid__row-m:before,
._grid__row-m:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-m:after {
clear: both;
}
._grid__row-m > [class*="col-"] {
float: left;
padding-left: 15px;
padding-right: 15px;
}
._grid__row-m:not(._grid__row-m-flex)._grid__row-m-right > [class*="col-"] {
float: right;
}
._grid__row-m-tight {
margin-left: -7.5px;
margin-right: -7.5px;
}
._grid__row-m-tight:before,
._grid__row-m-tight:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-m-tight:after {
clear: both;
}
._grid__row-m-tight > [class*="col-"] {
float: left;
padding-left: 7.5px;
padding-right: 7.5px;
}
._grid__row-m-tight:not(._grid__row-m-flex)._grid__row-m-right > [class*="col-"] {
float: right;
}
._grid__row-m-super-tight {
margin-left: -3.75px;
margin-right: -3.75px;
}
._grid__row-m-super-tight:before,
._grid__row-m-super-tight:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-m-super-tight:after {
clear: both;
}
._grid__row-m-super-tight > [class*="col-"] {
float: left;
padding-left: 3.75px;
padding-right: 3.75px;
}
._grid__row-m-super-tight:not(._grid__row-m-flex)._grid__row-m-right > [class*="col-"] {
float: right;
}
/**
* When using flex, compose in both `row-m` and `row-m-flex`.
*
* Examples:
* Row Flex with items being "stretched"
* .row {
* composes: row-m row-m-flex-stretch from '../_grid.css';
* }
*/
._grid__row-m-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
._grid__row-m-flex-stretch {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
._grid__row-m-flex-start {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
._grid__row-m-flex-end {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
._grid__row-m-flex._grid__row-m-right,
._grid__row-m-flex-stretch._grid__row-m-right,
._grid__row-m-flex-start._grid__row-m-right,
._grid__row-m-flex-end._grid__row-m-right {
flex-direction: row-reverse;
}
._grid__col-m-1 {
width: 8.33333333%;
}
._grid__col-m-2 {
width: 33.33333333%;
}
._grid__col-m-3 {
width: 16.66666667%;
}
._grid__col-m-4 {
width: 33.33333333%;
}
._grid__col-m-5 {
width: 8.33333333%;
}
._grid__col-m-9 {
width: 75%;
}
._grid__col-m-1to2 {
width: 41.66666667%;
}
._grid__col-m-1to3 {
width: 58.33333333%;
}
._grid__col-m-1to4 {
width: 91.66666667%;
}
._grid__col-m-1to5 {
width: 100%;
}
._grid__col-m-2to3 {
width: 50%;
}
._grid__col-m-2to4 {
width: 83.33333333%;
}
._grid__col-m-2to5 {
width: 91.66666667%;
}
._grid__col-m-3to4 {
width: 50%;
}
._grid__col-m-3to5 {
width: 58.33333333%;
}
._grid__col-m-4to5 {
width: 41.66666667%;
}
/**
* Alternate Grid
*
* This is a secondary grid that compliments the main grid for specific use cases.
* The main use case for this grid is when we want to go three columns across, which is not
* currently achievable using the main five column grid
*/
._grid__alt-col-m-1 {
width: 33.33333333%;
}
._grid__alt-col-m-2 {
width: 33.33333333%;
}
._grid__alt-col-m-3 {
width: 33.33333333%;
}
._grid__alt-col-m-1to2 {
width: 66.66666667%;
}
._grid__alt-col-m-1to3 {
width: 100%;
}
._grid__alt-col-m-2to3 {
width: 66.66666667%;
}
._grid__alt-col-m-1to3 {
width: 100%;
}
}
@media all and (min-width: 62.5625em) {
._grid__row-l {
margin-left: -15px;
margin-right: -15px;
}
._grid__row-l:before,
._grid__row-l:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-l:after {
clear: both;
}
._grid__row-l > [class*="col-"] {
float: left;
padding-left: 15px;
padding-right: 15px;
}
._grid__row-l:not(._grid__row-l-flex)._grid__row-l-right > [class*="col-"] {
float: right;
}
._grid__row-l-tight {
margin-left: -7.5px;
margin-right: -7.5px;
}
._grid__row-l-tight:before,
._grid__row-l-tight:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-l-tight:after {
clear: both;
}
._grid__row-l-tight > [class*="col-"] {
float: left;
padding-left: 7.5px;
padding-right: 7.5px;
}
._grid__row-l-tight:not(._grid__row-l-flex)._grid__row-l-right > [class*="col-"] {
float: right;
}
._grid__row-l-super-tight {
margin-left: -3.75px;
margin-right: -3.75px;
}
._grid__row-l-super-tight:before,
._grid__row-l-super-tight:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._grid__row-l-super-tight:after {
clear: both;
}
._grid__row-l-super-tight > [class*="col-"] {
float: left;
padding-left: 3.75px;
padding-right: 3.75px;
}
._grid__row-l-super-tight:not(._grid__row-l-flex)._grid__row-l-right > [class*="col-"] {
float: right;
}
/**
* When using flex, compose in both `row-l` and `row-l-flex`.
*
* Examples:
* Row Flex with items being "stretched"
* .row {
* composes: row-l row-l-flex-stretch from '../_grid.css';
* }
*/
._grid__row-l-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
._grid__row-l-flex-stretch {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
._grid__row-l-flex-start {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
._grid__row-l-flex-end {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
._grid__row-l-flex._grid__row-l-right,
._grid__row-l-flex-stretch._grid__row-l-right,
._grid__row-l-flex-start._grid__row-l-right,
._grid__row-l-flex-end._grid__row-l-right {
flex-direction: row-reverse;
}
._grid__col-l-1 {
width: 6.66666667%;
}
._grid__col-l-2 {
width: 26.66666667%;
}
._grid__col-l-3 {
width: 13.33333333%;
}
._grid__col-l-4 {
width: 6.66666667%;
}
._grid__col-l-5 {
width: 13.33333333%;
}
._grid__col-l-6 {
width: 26.66666667%;
}
._grid__col-l-7 {
width: 6.66666667%;
}
._grid__col-l-1to2 {
width: 33.33333333%;
}
._grid__col-l-1to3 {
width: 46.66666667%;
}
._grid__col-l-1to4 {
width: 53.33333333%;
}
._grid__col-l-1to5 {
width: 66.66666667%;
}
._grid__col-l-1to6 {
width: 93.33333333%;
}
._grid__col-l-1to7 {
width: 100%;
}
._grid__col-l-2to3 {
width: 40%;
}
._grid__col-l-2to4 {
width: 46.66666667%;
}
._grid__col-l-2to5 {
width: 60%;
}
._grid__col-l-2to6 {
width: 86.66666667%;
}
._grid__col-l-2to7 {
width: 93.33333333%;
}
._grid__col-l-3to4 {
width: 20%;
}
._grid__col-l-3to5 {
width: 33.33333333%;
}
._grid__col-l-3to6 {
width: 60%;
}
._grid__col-l-3to7 {
width: 66.66666667%;
}
._grid__col-l-4to5 {
width: 20%;
}
._grid__col-l-4to6 {
width: 46.66666667%;
}
._grid__col-l-4to7 {
width: 53.33333333%;
}
._grid__col-l-5to6 {
width: 40%;
}
._grid__col-l-5to7 {
width: 46.66666667%;
}
._grid__col-l-6to7 {
width: 33.33333333%;
}
/** Partial Grids **/
._grid__col-l-4to7of4to7 {
width: 100%;
}
._grid__col-l-4to5of4to7 {
width: 37.5%;
}
._grid__col-l-6to7of4to7 {
width: 62.5%;
}
._grid__col-l-3of3to6 {
width: 22.22222222%;
}
._grid__col-l-4to6of3to6 {
width: 77.77777778%;
}
._grid__col-l-4to5of4to6 {
width: 42.85714285%;
}
/**
* Alternate Grid
*
* This is a secondary grid that compliments the main grid for specific use cases.
* The main use case for this grid is when we want to go four columns across, which is not
* currently achievable using the main seven column grid
*/
._grid__alt-col-l-1 {
width: 25%;
}
._grid__alt-col-l-2 {
width: 25%;
}
._grid__alt-col-l-3 {
width: 25%;
}
._grid__alt-col-l-4 {
width: 25%;
}
._grid__alt-col-l-1to2 {
width: 50%;
}
._grid__alt-col-l-1to3 {
width: 75%;
}
._grid__alt-col-l-1to4 {
width: 100%;
}
._grid__alt-col-l-2to3 {
width: 50%;
}
._grid__alt-col-l-2to4 {
width: 75%;
}
._grid__alt-col-l-3to4 {
width: 50%;
}
}
._utilities__wrapper {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
._utilities__wrapper-hero {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1500px;
}
._utilities__wrapper-full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
._utilities__wrapper-extra-long {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
._utilities__group:before,
._utilities__group:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
._utilities__group:after {
clear: both;
}
/*
"No Scroll"
Paired with "motif.utitlies.js" to make the page non-scrollable
*/
html.presentational__no-scroll,
body.presentational__no-scroll {
height: 100%;
width: 100%;
overflow: hidden;
position: fixed;
}
._presentational__is-hidden {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
._presentational__is-hidden.focusable:active,
._presentational__is-hidden.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover ._presentational__is-hidden a,
body:hover ._presentational__is-hidden input,
body:hover ._presentational__is-hidden button {
display: none;
}
._presentational__relative {
position: relative;
}
._block-backgrounds__background,
._block-backgrounds__bg-light-grey,
._block-backgrounds__bg-black,
._block-backgrounds__bg-blue,
._block-backgrounds__bg-dark-blue,
._block-backgrounds__bg-teal {
padding-top: 10px;
padding-bottom: 10px;
}
@media all and (min-width: 48em) {
._block-backgrounds__background,
._block-backgrounds__bg-light-grey,
._block-backgrounds__bg-black,
._block-backgrounds__bg-blue,
._block-backgrounds__bg-dark-blue,
._block-backgrounds__bg-teal {
padding-top: 40px;
padding-bottom: 40px;
}
}
._block-backgrounds__bg-light-grey {
background: #f6f6f6;
}
._block-backgrounds__bg-black {
background: #212121;
}
._block-backgrounds__bg-blue {
background: #004AA1;
}
._block-backgrounds__bg-dark-blue {
background: #003e6b;
}
._block-backgrounds__bg-teal {
background: #3BC0C7;
}
._block-backgrounds__bg-black-wysiwyg * {
color: #ffffff;
}
._block-backgrounds__bg-black-wysiwyg a:not([class*="button"]),
._block-backgrounds__bg-black-wysiwyg a.link,
._block-backgrounds__bg-black-wysiwyg a.link-small,
._block-backgrounds__bg-black-wysiwyg a.link-emphasis,
._block-backgrounds__bg-black-wysiwyg a.link-small-emphasis,
._block-backgrounds__bg-black-wysiwyg a.link-icon,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon {
color: #ffffff !important;
}
._block-backgrounds__bg-black-wysiwyg a:not([class*="button"]):hover,
._block-backgrounds__bg-black-wysiwyg a.link:hover,
._block-backgrounds__bg-black-wysiwyg a.link-small:hover,
._block-backgrounds__bg-black-wysiwyg a.link-emphasis:hover,
._block-backgrounds__bg-black-wysiwyg a.link-small-emphasis:hover,
._block-backgrounds__bg-black-wysiwyg a.link-icon:hover,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon:hover,
._block-backgrounds__bg-black-wysiwyg a:not([class*="button"]):focus,
._block-backgrounds__bg-black-wysiwyg a.link:focus,
._block-backgrounds__bg-black-wysiwyg a.link-small:focus,
._block-backgrounds__bg-black-wysiwyg a.link-emphasis:focus,
._block-backgrounds__bg-black-wysiwyg a.link-small-emphasis:focus,
._block-backgrounds__bg-black-wysiwyg a.link-icon:focus,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon:focus {
color: #ffffff !important;
}
._block-backgrounds__bg-black-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._block-backgrounds__bg-black-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus {
color: #e31b23 !important;
background: #ffffff !important;
box-shadow: 3px 2px 0 #ffffff, 3px -2px 0 #ffffff, -3px 2px 0 #ffffff, -3px -2px 0 #ffffff !important;
border-bottom-color: #ffffff !important;
}
._block-backgrounds__bg-black-wysiwyg a.link-emphasis:before,
._block-backgrounds__bg-black-wysiwyg a.link-small-emphasis:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
._block-backgrounds__bg-black-wysiwyg a.link-icon > svg,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon > svg {
fill: #ffffff;
}
._block-backgrounds__bg-black-wysiwyg a.link-icon > svg:hover > svg,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon > svg:hover > svg,
._block-backgrounds__bg-black-wysiwyg a.link-icon > svg:focus > svg,
._block-backgrounds__bg-black-wysiwyg a.link-small-icon > svg:focus > svg {
fill: #e31b23;
}
._block-backgrounds__bg-black h1,
._block-backgrounds__bg-black-wysiwyg h1,
._block-backgrounds__bg-black h2,
._block-backgrounds__bg-black-wysiwyg h2,
._block-backgrounds__bg-black h3,
._block-backgrounds__bg-black-wysiwyg h3,
._block-backgrounds__bg-black h4,
._block-backgrounds__bg-black-wysiwyg h4,
._block-backgrounds__bg-black h5,
._block-backgrounds__bg-black-wysiwyg h5,
._block-backgrounds__bg-black h6,
._block-backgrounds__bg-black-wysiwyg h6 {
color: #e31b23;
}
._block-backgrounds__bg-dark-blue-wysiwyg *,
._block-backgrounds__bg-blue-wysiwyg * {
color: #ffffff;
}
._block-backgrounds__bg-dark-blue-wysiwyg a:not([class*="button"]),
._block-backgrounds__bg-blue-wysiwyg a:not([class*="button"]),
._block-backgrounds__bg-dark-blue-wysiwyg a.link,
._block-backgrounds__bg-blue-wysiwyg a.link,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small,
._block-backgrounds__bg-blue-wysiwyg a.link-small,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-emphasis,
._block-backgrounds__bg-blue-wysiwyg a.link-emphasis,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-emphasis,
._block-backgrounds__bg-blue-wysiwyg a.link-small-emphasis,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon,
._block-backgrounds__bg-blue-wysiwyg a.link-icon,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon {
color: #ffffff !important;
}
._block-backgrounds__bg-dark-blue-wysiwyg a:not([class*="button"]):hover,
._block-backgrounds__bg-blue-wysiwyg a:not([class*="button"]):hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link:hover,
._block-backgrounds__bg-blue-wysiwyg a.link:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small:hover,
._block-backgrounds__bg-blue-wysiwyg a.link-small:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-emphasis:hover,
._block-backgrounds__bg-blue-wysiwyg a.link-emphasis:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-emphasis:hover,
._block-backgrounds__bg-blue-wysiwyg a.link-small-emphasis:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon:hover,
._block-backgrounds__bg-blue-wysiwyg a.link-icon:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon:hover,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon:hover,
._block-backgrounds__bg-dark-blue-wysiwyg a:not([class*="button"]):focus,
._block-backgrounds__bg-blue-wysiwyg a:not([class*="button"]):focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link:focus,
._block-backgrounds__bg-blue-wysiwyg a.link:focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small:focus,
._block-backgrounds__bg-blue-wysiwyg a.link-small:focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-emphasis:focus,
._block-backgrounds__bg-blue-wysiwyg a.link-emphasis:focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-emphasis:focus,
._block-backgrounds__bg-blue-wysiwyg a.link-small-emphasis:focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon:focus,
._block-backgrounds__bg-blue-wysiwyg a.link-icon:focus,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon:focus,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon:focus {
color: #ffffff !important;
}
._block-backgrounds__bg-dark-blue-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._block-backgrounds__bg-blue-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._block-backgrounds__bg-dark-blue-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus,
._block-backgrounds__bg-blue-wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus {
color: #e31b23 !important;
background: #ffffff !important;
box-shadow: 3px 2px 0 #ffffff, 3px -2px 0 #ffffff, -3px 2px 0 #ffffff, -3px -2px 0 #ffffff !important;
border-bottom-color: #ffffff !important;
}
._block-backgrounds__bg-dark-blue-wysiwyg a.link-emphasis:before,
._block-backgrounds__bg-blue-wysiwyg a.link-emphasis:before,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-emphasis:before,
._block-backgrounds__bg-blue-wysiwyg a.link-small-emphasis:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-icon > svg,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon > svg {
fill: #ffffff;
}
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon > svg:hover > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-icon > svg:hover > svg,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon > svg:hover > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon > svg:hover > svg,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-icon > svg:focus > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-icon > svg:focus > svg,
._block-backgrounds__bg-dark-blue-wysiwyg a.link-small-icon > svg:focus > svg,
._block-backgrounds__bg-blue-wysiwyg a.link-small-icon > svg:focus > svg {
fill: #e31b23;
}
._block-backgrounds__bg-dark-blue h1,
._block-backgrounds__bg-blue h1,
._block-backgrounds__bg-dark-blue-wysiwyg h1,
._block-backgrounds__bg-blue-wysiwyg h1,
._block-backgrounds__bg-dark-blue h2,
._block-backgrounds__bg-blue h2,
._block-backgrounds__bg-dark-blue-wysiwyg h2,
._block-backgrounds__bg-blue-wysiwyg h2,
._block-backgrounds__bg-dark-blue h3,
._block-backgrounds__bg-blue h3,
._block-backgrounds__bg-dark-blue-wysiwyg h3,
._block-backgrounds__bg-blue-wysiwyg h3,
._block-backgrounds__bg-dark-blue h4,
._block-backgrounds__bg-blue h4,
._block-backgrounds__bg-dark-blue-wysiwyg h4,
._block-backgrounds__bg-blue-wysiwyg h4,
._block-backgrounds__bg-dark-blue h5,
._block-backgrounds__bg-blue h5,
._block-backgrounds__bg-dark-blue-wysiwyg h5,
._block-backgrounds__bg-blue-wysiwyg h5,
._block-backgrounds__bg-dark-blue h6,
._block-backgrounds__bg-blue h6,
._block-backgrounds__bg-dark-blue-wysiwyg h6,
._block-backgrounds__bg-blue-wysiwyg h6 {
color: #FEC831;
}
._block-backgrounds__bg-dark-blue ul li:before,
._block-backgrounds__bg-blue ul li:before,
._block-backgrounds__bg-dark-blue-wysiwyg ul li:before,
._block-backgrounds__bg-blue-wysiwyg ul li:before {
background: #FEC831 !important;
}
._block-backgrounds__bg-dark-blue ol li:before,
._block-backgrounds__bg-blue ol li:before,
._block-backgrounds__bg-dark-blue-wysiwyg ol li:before,
._block-backgrounds__bg-blue-wysiwyg ol li:before {
color: #FEC831 !important;
}
._block-backgrounds__bg-teal *,
._block-backgrounds__bg-teal-wysiwyg * {
color: #000;
}
._block-backgrounds__bg-teal h1,
._block-backgrounds__bg-teal-wysiwyg h1,
._block-backgrounds__bg-teal h2,
._block-backgrounds__bg-teal-wysiwyg h2,
._block-backgrounds__bg-teal h3,
._block-backgrounds__bg-teal-wysiwyg h3,
._block-backgrounds__bg-teal h4,
._block-backgrounds__bg-teal-wysiwyg h4,
._block-backgrounds__bg-teal h5,
._block-backgrounds__bg-teal-wysiwyg h5,
._block-backgrounds__bg-teal h6,
._block-backgrounds__bg-teal-wysiwyg h6 {
color: #003e6b;
}
._block-backgrounds__bg-teal ul li:before,
._block-backgrounds__bg-teal-wysiwyg ul li:before {
background: #003e6b !important;
}
._block-backgrounds__bg-teal ol li:before,
._block-backgrounds__bg-teal-wysiwyg ol li:before {
color: #003e6b !important;
}
._captions__caption h1:first-child,
._captions__caption h2:first-child,
._captions__caption h3:first-child,
._captions__caption h4:first-child,
._captions__caption h5:first-child,
._captions__caption h6:first-child,
._captions__caption p:first-child {
margin-top: 0;
}
._captions__caption h1 {
font-size: 1rem;
line-height: 1.875;
}
._captions__caption h2,
._captions__caption h3,
._captions__caption h4,
._captions__caption h5,
._captions__caption h6 {
font-size: 0.875rem;
line-height: 1.85714286;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
._captions__caption p {
font-size: 0.875rem;
line-height: 1.85714286;
margin-top: 5px;
}
._captions__caption p a:not(.button) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._captions__caption p a:not(.button):hover,
._captions__caption p a:not(.button):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._captions__caption p a:not(.button):visited {
color: currentColor;
}
._captions__caption p strong,
._captions__caption p b {
font-weight: 700;
}
._captions__caption p i,
._captions__caption p em {
font-style: italic;
}
._captions__caption a:not(.button) {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
}
._captions__caption a:not(.button):after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._captions__caption a:not(.button):hover,
._captions__caption a:not(.button):focus {
color: #212121;
}
._captions__caption a:not(.button):hover:after,
._captions__caption a:not(.button):focus:after {
background: #831D22;
}
._captions__caption a:not(.button):visited {
color: #212121;
}
p ._captions__caption a:not(.button) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
p ._captions__caption a:not(.button):hover,
p ._captions__caption a:not(.button):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
p ._captions__caption a:not(.button):visited {
color: currentColor;
}
._captions__caption .button,
._captions__caption .button-primary,
._captions__caption .button-primary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._captions__caption .button:hover,
._captions__caption .button-primary:hover,
._captions__caption .button-primary-small:hover,
._captions__caption .button:focus,
._captions__caption .button-primary:focus,
._captions__caption .button-primary-small:focus {
text-decoration: none;
}
._captions__caption .button:before,
._captions__caption .button-primary:before,
._captions__caption .button-primary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button:after,
._captions__caption .button-primary:after,
._captions__caption .button-primary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button:hover,
._captions__caption .button-primary:hover,
._captions__caption .button-primary-small:hover,
._captions__caption .button:focus,
._captions__caption .button-primary:focus,
._captions__caption .button-primary-small:focus {
background: #C6070F;
color: #ffffff;
}
._captions__caption .button:disabled,
._captions__caption .button-primary:disabled,
._captions__caption .button-primary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._captions__caption .button:disabled:hover,
._captions__caption .button-primary:disabled:hover,
._captions__caption .button-primary-small:disabled:hover,
._captions__caption .button:disabled:focus,
._captions__caption .button-primary:disabled:focus,
._captions__caption .button-primary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._captions__caption .button-secondary,
._captions__caption .button-secondary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._captions__caption .button-secondary:hover,
._captions__caption .button-secondary-small:hover,
._captions__caption .button-secondary:focus,
._captions__caption .button-secondary-small:focus {
text-decoration: none;
}
._captions__caption .button-secondary:before,
._captions__caption .button-secondary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-secondary:after,
._captions__caption .button-secondary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-secondary:hover,
._captions__caption .button-secondary-small:hover,
._captions__caption .button-secondary:focus,
._captions__caption .button-secondary-small:focus {
background: #000;
color: #ffffff;
}
._captions__caption .button-secondary:disabled,
._captions__caption .button-secondary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._captions__caption .button-secondary:disabled:hover,
._captions__caption .button-secondary-small:disabled:hover,
._captions__caption .button-secondary:disabled:focus,
._captions__caption .button-secondary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._captions__caption .button-emphasis {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
margin-top: 20px;
}
._captions__caption .button-emphasis:hover,
._captions__caption .button-emphasis:focus {
text-decoration: none;
}
._captions__caption .button-emphasis:hover,
._captions__caption .button-emphasis:focus {
background: #C6070F;
color: #ffffff;
}
._captions__caption .button-emphasis:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._captions__caption .button-emphasis:not(:disabled):hover:after,
._captions__caption .button-emphasis:not(:disabled):focus:after {
background-position: 0 50%;
}
._captions__caption .button-emphasis:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._captions__caption .button-emphasis:disabled:hover,
._captions__caption .button-emphasis:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._captions__caption .button-emphasis:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._captions__caption .button-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._captions__caption .button-icon:hover,
._captions__caption .button-icon:focus {
text-decoration: none;
}
._captions__caption .button-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._captions__caption .button-icon:hover,
._captions__caption .button-icon:focus {
background: #C6070F;
color: #ffffff;
}
._captions__caption .button-icon:not(:disabled):hover:before,
._captions__caption .button-icon:not(:disabled):focus:before,
._captions__caption .button-icon:not(:disabled):hover:after,
._captions__caption .button-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._captions__caption .button-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._captions__caption .button-icon:disabled:hover,
._captions__caption .button-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._captions__caption .button-only-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._captions__caption .button-only-icon:hover,
._captions__caption .button-only-icon:focus {
text-decoration: none;
}
._captions__caption .button-only-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-only-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._captions__caption .button-only-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._captions__caption .button-only-icon:hover,
._captions__caption .button-only-icon:focus {
background: #C6070F;
color: #ffffff;
}
._captions__caption .button-only-icon:not(:disabled):hover:before,
._captions__caption .button-only-icon:not(:disabled):focus:before,
._captions__caption .button-only-icon:not(:disabled):hover:after,
._captions__caption .button-only-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._captions__caption .button-only-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._captions__caption .button-only-icon:disabled:hover,
._captions__caption .button-only-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._captions__caption ul {
padding-left: 0;
list-style: none;
margin-top: 0;
font-size: 0.875rem;
line-height: 1.85714286;
}
._captions__caption ul li {
margin-top: 8px;
line-height: 1.75;
}
._captions__caption ul li *:first-child {
margin-top: 0;
}
._captions__caption ul li {
position: relative;
padding-left: 15px;
}
._captions__caption ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 11px;
}
._captions__caption ul li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._captions__caption ul li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._captions__caption ul li ul li:first-child {
margin-top: 28px;
}
._captions__caption ul li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._captions__caption li {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: ordered-list-counter;
font-size: 0.875rem;
line-height: 1.85714286;
}
._captions__caption li li {
margin-top: 8px;
line-height: 1.75;
}
._captions__caption li li *:first-child {
margin-top: 0;
}
._captions__caption li li {
position: relative;
padding-left: 20px;
}
._captions__caption li li:first-child {
margin-top: 28px;
}
._captions__caption li li:before {
content: counter(ordered-list-counter, decimal);
counter-increment: ordered-list-counter;
color: #e31b23;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
._captions__caption li li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._captions__caption li li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._captions__caption li li ul li:first-child {
margin-top: 28px;
}
._captions__caption li li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg,
._wysiwyg__wysiwyg {
/**
* Table Styles
*
* Includes some custom classes to easily recreate great looking tables!
*/
/**
* Spacing
*
* Utility spacing classes
*/
/**
* Alignment
*/
}
._wysiwyg.tinymce,
._wysiwyg__wysiwyg.tinymce {
padding: 10px 7.5px;
}
._wysiwyg h1,
._wysiwyg__wysiwyg h1,
._wysiwyg h2,
._wysiwyg__wysiwyg h2,
._wysiwyg h3,
._wysiwyg__wysiwyg h3,
._wysiwyg h4,
._wysiwyg__wysiwyg h4,
._wysiwyg h5,
._wysiwyg__wysiwyg h5,
._wysiwyg h6,
._wysiwyg__wysiwyg h6 {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
}
._wysiwyg h1 + h1,
._wysiwyg__wysiwyg h1 + h1,
._wysiwyg h2 + h1,
._wysiwyg__wysiwyg h2 + h1,
._wysiwyg h3 + h1,
._wysiwyg__wysiwyg h3 + h1,
._wysiwyg h4 + h1,
._wysiwyg__wysiwyg h4 + h1,
._wysiwyg h5 + h1,
._wysiwyg__wysiwyg h5 + h1,
._wysiwyg h6 + h1,
._wysiwyg__wysiwyg h6 + h1,
._wysiwyg h1 + h2,
._wysiwyg__wysiwyg h1 + h2,
._wysiwyg h2 + h2,
._wysiwyg__wysiwyg h2 + h2,
._wysiwyg h3 + h2,
._wysiwyg__wysiwyg h3 + h2,
._wysiwyg h4 + h2,
._wysiwyg__wysiwyg h4 + h2,
._wysiwyg h5 + h2,
._wysiwyg__wysiwyg h5 + h2,
._wysiwyg h6 + h2,
._wysiwyg__wysiwyg h6 + h2,
._wysiwyg h1 + h3,
._wysiwyg__wysiwyg h1 + h3,
._wysiwyg h2 + h3,
._wysiwyg__wysiwyg h2 + h3,
._wysiwyg h3 + h3,
._wysiwyg__wysiwyg h3 + h3,
._wysiwyg h4 + h3,
._wysiwyg__wysiwyg h4 + h3,
._wysiwyg h5 + h3,
._wysiwyg__wysiwyg h5 + h3,
._wysiwyg h6 + h3,
._wysiwyg__wysiwyg h6 + h3,
._wysiwyg h1 + h4,
._wysiwyg__wysiwyg h1 + h4,
._wysiwyg h2 + h4,
._wysiwyg__wysiwyg h2 + h4,
._wysiwyg h3 + h4,
._wysiwyg__wysiwyg h3 + h4,
._wysiwyg h4 + h4,
._wysiwyg__wysiwyg h4 + h4,
._wysiwyg h5 + h4,
._wysiwyg__wysiwyg h5 + h4,
._wysiwyg h6 + h4,
._wysiwyg__wysiwyg h6 + h4,
._wysiwyg h1 + h5,
._wysiwyg__wysiwyg h1 + h5,
._wysiwyg h2 + h5,
._wysiwyg__wysiwyg h2 + h5,
._wysiwyg h3 + h5,
._wysiwyg__wysiwyg h3 + h5,
._wysiwyg h4 + h5,
._wysiwyg__wysiwyg h4 + h5,
._wysiwyg h5 + h5,
._wysiwyg__wysiwyg h5 + h5,
._wysiwyg h6 + h5,
._wysiwyg__wysiwyg h6 + h5,
._wysiwyg h1 + h6,
._wysiwyg__wysiwyg h1 + h6,
._wysiwyg h2 + h6,
._wysiwyg__wysiwyg h2 + h6,
._wysiwyg h3 + h6,
._wysiwyg__wysiwyg h3 + h6,
._wysiwyg h4 + h6,
._wysiwyg__wysiwyg h4 + h6,
._wysiwyg h5 + h6,
._wysiwyg__wysiwyg h5 + h6,
._wysiwyg h6 + h6,
._wysiwyg__wysiwyg h6 + h6 {
margin-top: 5px;
}
@media all and (min-width: 48em) {
._wysiwyg h1:first-child,
._wysiwyg__wysiwyg h1:first-child,
._wysiwyg h2:first-child,
._wysiwyg__wysiwyg h2:first-child,
._wysiwyg h3:first-child,
._wysiwyg__wysiwyg h3:first-child,
._wysiwyg h4:first-child,
._wysiwyg__wysiwyg h4:first-child,
._wysiwyg h5:first-child,
._wysiwyg__wysiwyg h5:first-child,
._wysiwyg h6:first-child,
._wysiwyg__wysiwyg h6:first-child,
._wysiwyg p:first-child,
._wysiwyg__wysiwyg p:first-child {
margin-top: 0;
}
}
._wysiwyg p strong,
._wysiwyg__wysiwyg p strong,
._wysiwyg p b,
._wysiwyg__wysiwyg p b {
font-weight: 700;
}
._wysiwyg p i,
._wysiwyg__wysiwyg p i,
._wysiwyg p em,
._wysiwyg__wysiwyg p em {
font-style: italic;
}
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style),
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited,
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited {
color: currentColor;
}
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg__wysiwyg a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: #ffffff;
background: #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 3px 2px 0 #e31b23, 3px -2px 0 #e31b23, -3px 2px 0 #e31b23, -3px -2px 0 #e31b23;
border-bottom-color: #e31b23;
}
._wysiwyg .link,
._wysiwyg__wysiwyg .link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
}
._wysiwyg .link:after,
._wysiwyg__wysiwyg .link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link:hover,
._wysiwyg__wysiwyg .link:hover,
._wysiwyg .link:focus,
._wysiwyg__wysiwyg .link:focus {
color: #212121;
}
._wysiwyg .link:hover:after,
._wysiwyg__wysiwyg .link:hover:after,
._wysiwyg .link:focus:after,
._wysiwyg__wysiwyg .link:focus:after {
background: #831D22;
}
._wysiwyg .link:visited,
._wysiwyg__wysiwyg .link:visited {
color: #212121;
}
._wysiwyg .link-small,
._wysiwyg__wysiwyg .link-small {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
}
._wysiwyg .link-small:after,
._wysiwyg__wysiwyg .link-small:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-small:hover,
._wysiwyg__wysiwyg .link-small:hover,
._wysiwyg .link-small:focus,
._wysiwyg__wysiwyg .link-small:focus {
color: #212121;
}
._wysiwyg .link-small:hover:after,
._wysiwyg__wysiwyg .link-small:hover:after,
._wysiwyg .link-small:focus:after,
._wysiwyg__wysiwyg .link-small:focus:after {
background: #831D22;
}
._wysiwyg .link-small:visited,
._wysiwyg__wysiwyg .link-small:visited {
color: #212121;
}
._wysiwyg .link-emphasis,
._wysiwyg__wysiwyg .link-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
}
._wysiwyg .link-emphasis:after,
._wysiwyg__wysiwyg .link-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-emphasis:hover,
._wysiwyg__wysiwyg .link-emphasis:hover,
._wysiwyg .link-emphasis:focus,
._wysiwyg__wysiwyg .link-emphasis:focus {
color: #212121;
}
._wysiwyg .link-emphasis:hover:after,
._wysiwyg__wysiwyg .link-emphasis:hover:after,
._wysiwyg .link-emphasis:focus:after,
._wysiwyg__wysiwyg .link-emphasis:focus:after {
background: #831D22;
}
._wysiwyg .link-emphasis:visited,
._wysiwyg__wysiwyg .link-emphasis:visited {
color: #212121;
}
._wysiwyg .link-emphasis:before,
._wysiwyg__wysiwyg .link-emphasis:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-emphasis:after,
._wysiwyg__wysiwyg .link-emphasis:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-emphasis:hover:before,
._wysiwyg__wysiwyg .link-emphasis:hover:before,
._wysiwyg .link-emphasis:focus:before,
._wysiwyg__wysiwyg .link-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg .link-emphasis:hover:after,
._wysiwyg__wysiwyg .link-emphasis:hover:after,
._wysiwyg .link-emphasis:focus:after,
._wysiwyg__wysiwyg .link-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg .link-small-emphasis,
._wysiwyg__wysiwyg .link-small-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-right: 36px;
}
._wysiwyg .link-small-emphasis:after,
._wysiwyg__wysiwyg .link-small-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-small-emphasis:hover,
._wysiwyg__wysiwyg .link-small-emphasis:hover,
._wysiwyg .link-small-emphasis:focus,
._wysiwyg__wysiwyg .link-small-emphasis:focus {
color: #212121;
}
._wysiwyg .link-small-emphasis:hover:after,
._wysiwyg__wysiwyg .link-small-emphasis:hover:after,
._wysiwyg .link-small-emphasis:focus:after,
._wysiwyg__wysiwyg .link-small-emphasis:focus:after {
background: #831D22;
}
._wysiwyg .link-small-emphasis:visited,
._wysiwyg__wysiwyg .link-small-emphasis:visited {
color: #212121;
}
._wysiwyg .link-small-emphasis:before,
._wysiwyg__wysiwyg .link-small-emphasis:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-small-emphasis:after,
._wysiwyg__wysiwyg .link-small-emphasis:after {
transform: translateX(-36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-small-emphasis:hover:before,
._wysiwyg__wysiwyg .link-small-emphasis:hover:before,
._wysiwyg .link-small-emphasis:focus:before,
._wysiwyg__wysiwyg .link-small-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg .link-small-emphasis:hover:after,
._wysiwyg__wysiwyg .link-small-emphasis:hover:after,
._wysiwyg .link-small-emphasis:focus:after,
._wysiwyg__wysiwyg .link-small-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg .link-emphasis-left,
._wysiwyg__wysiwyg .link-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
padding-right: 0;
padding-left: 40px;
}
._wysiwyg .link-emphasis-left:after,
._wysiwyg__wysiwyg .link-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-emphasis-left:hover,
._wysiwyg__wysiwyg .link-emphasis-left:hover,
._wysiwyg .link-emphasis-left:focus,
._wysiwyg__wysiwyg .link-emphasis-left:focus {
color: #212121;
}
._wysiwyg .link-emphasis-left:hover:after,
._wysiwyg__wysiwyg .link-emphasis-left:hover:after,
._wysiwyg .link-emphasis-left:focus:after,
._wysiwyg__wysiwyg .link-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg .link-emphasis-left:visited,
._wysiwyg__wysiwyg .link-emphasis-left:visited {
color: #212121;
}
._wysiwyg .link-emphasis-left:before,
._wysiwyg__wysiwyg .link-emphasis-left:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-emphasis-left:after,
._wysiwyg__wysiwyg .link-emphasis-left:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-emphasis-left:hover:before,
._wysiwyg__wysiwyg .link-emphasis-left:hover:before,
._wysiwyg .link-emphasis-left:focus:before,
._wysiwyg__wysiwyg .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg .link-emphasis-left:hover:after,
._wysiwyg__wysiwyg .link-emphasis-left:hover:after,
._wysiwyg .link-emphasis-left:focus:after,
._wysiwyg__wysiwyg .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg .link-emphasis-left:before,
._wysiwyg__wysiwyg .link-emphasis-left:before {
right: auto;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
}
._wysiwyg .link-emphasis-left:after,
._wysiwyg__wysiwyg .link-emphasis-left:after {
transform: translateX(40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-emphasis-left:hover:before,
._wysiwyg__wysiwyg .link-emphasis-left:hover:before,
._wysiwyg .link-emphasis-left:focus:before,
._wysiwyg__wysiwyg .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg .link-emphasis-left:hover:after,
._wysiwyg__wysiwyg .link-emphasis-left:hover:after,
._wysiwyg .link-emphasis-left:focus:after,
._wysiwyg__wysiwyg .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg .link-small-emphasis-left,
._wysiwyg__wysiwyg .link-small-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-left: 36px;
}
._wysiwyg .link-small-emphasis-left:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-small-emphasis-left:hover,
._wysiwyg__wysiwyg .link-small-emphasis-left:hover,
._wysiwyg .link-small-emphasis-left:focus,
._wysiwyg__wysiwyg .link-small-emphasis-left:focus {
color: #212121;
}
._wysiwyg .link-small-emphasis-left:hover:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:hover:after,
._wysiwyg .link-small-emphasis-left:focus:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg .link-small-emphasis-left:visited,
._wysiwyg__wysiwyg .link-small-emphasis-left:visited {
color: #212121;
}
._wysiwyg .link-small-emphasis-left:before,
._wysiwyg__wysiwyg .link-small-emphasis-left:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-small-emphasis-left:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:after {
transform: translateX(36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .link-small-emphasis-left:hover:before,
._wysiwyg__wysiwyg .link-small-emphasis-left:hover:before,
._wysiwyg .link-small-emphasis-left:focus:before,
._wysiwyg__wysiwyg .link-small-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg .link-small-emphasis-left:hover:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:hover:after,
._wysiwyg .link-small-emphasis-left:focus:after,
._wysiwyg__wysiwyg .link-small-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg .link-icon,
._wysiwyg__wysiwyg .link-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
margin-left: 38px;
}
._wysiwyg .link-icon:after,
._wysiwyg__wysiwyg .link-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-icon:hover,
._wysiwyg__wysiwyg .link-icon:hover,
._wysiwyg .link-icon:focus,
._wysiwyg__wysiwyg .link-icon:focus {
color: #212121;
}
._wysiwyg .link-icon:hover:after,
._wysiwyg__wysiwyg .link-icon:hover:after,
._wysiwyg .link-icon:focus:after,
._wysiwyg__wysiwyg .link-icon:focus:after {
background: #831D22;
}
._wysiwyg .link-icon:visited,
._wysiwyg__wysiwyg .link-icon:visited {
color: #212121;
}
._wysiwyg .link-icon > svg,
._wysiwyg__wysiwyg .link-icon > svg {
height: 34px;
width: 34px;
position: absolute;
left: -38px;
top: 0;
fill: #e31b23;
}
._wysiwyg .link-icon:hover > svg,
._wysiwyg__wysiwyg .link-icon:hover > svg,
._wysiwyg .link-icon:focus > svg,
._wysiwyg__wysiwyg .link-icon:focus > svg {
fill: #831D22;
}
._wysiwyg .link-small-icon,
._wysiwyg__wysiwyg .link-small-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
margin-left: 29px;
}
._wysiwyg .link-small-icon:after,
._wysiwyg__wysiwyg .link-small-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .link-small-icon:hover,
._wysiwyg__wysiwyg .link-small-icon:hover,
._wysiwyg .link-small-icon:focus,
._wysiwyg__wysiwyg .link-small-icon:focus {
color: #212121;
}
._wysiwyg .link-small-icon:hover:after,
._wysiwyg__wysiwyg .link-small-icon:hover:after,
._wysiwyg .link-small-icon:focus:after,
._wysiwyg__wysiwyg .link-small-icon:focus:after {
background: #831D22;
}
._wysiwyg .link-small-icon:visited,
._wysiwyg__wysiwyg .link-small-icon:visited {
color: #212121;
}
._wysiwyg .link-small-icon > svg,
._wysiwyg__wysiwyg .link-small-icon > svg {
height: 22px;
width: 22px;
position: absolute;
left: -29px;
top: 0;
fill: #e31b23;
}
._wysiwyg .link-small-icon:hover > svg,
._wysiwyg__wysiwyg .link-small-icon:hover > svg,
._wysiwyg .link-small-icon:focus > svg,
._wysiwyg__wysiwyg .link-small-icon:focus > svg {
fill: #831D22;
}
._wysiwyg .link-no-style,
._wysiwyg__wysiwyg .link-no-style {
text-decoration: none;
}
._wysiwyg .link-inline,
._wysiwyg__wysiwyg .link-inline {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg .link-inline:hover,
._wysiwyg__wysiwyg .link-inline:hover,
._wysiwyg .link-inline:focus,
._wysiwyg__wysiwyg .link-inline:focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg .link-inline:visited,
._wysiwyg__wysiwyg .link-inline:visited {
color: currentColor;
}
._wysiwyg .button,
._wysiwyg__wysiwyg .button,
._wysiwyg .button-primary,
._wysiwyg__wysiwyg .button-primary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button:hover,
._wysiwyg__wysiwyg .button:hover,
._wysiwyg .button-primary:hover,
._wysiwyg__wysiwyg .button-primary:hover,
._wysiwyg .button:focus,
._wysiwyg__wysiwyg .button:focus,
._wysiwyg .button-primary:focus,
._wysiwyg__wysiwyg .button-primary:focus {
text-decoration: none;
}
._wysiwyg .button:before,
._wysiwyg__wysiwyg .button:before,
._wysiwyg .button-primary:before,
._wysiwyg__wysiwyg .button-primary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button:after,
._wysiwyg__wysiwyg .button:after,
._wysiwyg .button-primary:after,
._wysiwyg__wysiwyg .button-primary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button:hover,
._wysiwyg__wysiwyg .button:hover,
._wysiwyg .button-primary:hover,
._wysiwyg__wysiwyg .button-primary:hover,
._wysiwyg .button:focus,
._wysiwyg__wysiwyg .button:focus,
._wysiwyg .button-primary:focus,
._wysiwyg__wysiwyg .button-primary:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg .button:not(:disabled):hover:before,
._wysiwyg__wysiwyg .button:not(:disabled):hover:before,
._wysiwyg .button-primary:not(:disabled):hover:before,
._wysiwyg__wysiwyg .button-primary:not(:disabled):hover:before,
._wysiwyg .button:not(:disabled):focus:before,
._wysiwyg__wysiwyg .button:not(:disabled):focus:before,
._wysiwyg .button-primary:not(:disabled):focus:before,
._wysiwyg__wysiwyg .button-primary:not(:disabled):focus:before,
._wysiwyg .button:not(:disabled):hover:after,
._wysiwyg__wysiwyg .button:not(:disabled):hover:after,
._wysiwyg .button-primary:not(:disabled):hover:after,
._wysiwyg__wysiwyg .button-primary:not(:disabled):hover:after,
._wysiwyg .button:not(:disabled):focus:after,
._wysiwyg__wysiwyg .button:not(:disabled):focus:after,
._wysiwyg .button-primary:not(:disabled):focus:after,
._wysiwyg__wysiwyg .button-primary:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg .button:disabled,
._wysiwyg__wysiwyg .button:disabled,
._wysiwyg .button-primary:disabled,
._wysiwyg__wysiwyg .button-primary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button:disabled:hover,
._wysiwyg__wysiwyg .button:disabled:hover,
._wysiwyg .button-primary:disabled:hover,
._wysiwyg__wysiwyg .button-primary:disabled:hover,
._wysiwyg .button:disabled:focus,
._wysiwyg__wysiwyg .button:disabled:focus,
._wysiwyg .button-primary:disabled:focus,
._wysiwyg__wysiwyg .button-primary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-primary-small,
._wysiwyg__wysiwyg .button-primary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button-primary-small:hover,
._wysiwyg__wysiwyg .button-primary-small:hover,
._wysiwyg .button-primary-small:focus,
._wysiwyg__wysiwyg .button-primary-small:focus {
text-decoration: none;
}
._wysiwyg .button-primary-small:before,
._wysiwyg__wysiwyg .button-primary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-primary-small:after,
._wysiwyg__wysiwyg .button-primary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-primary-small:hover,
._wysiwyg__wysiwyg .button-primary-small:hover,
._wysiwyg .button-primary-small:focus,
._wysiwyg__wysiwyg .button-primary-small:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg .button-primary-small:disabled,
._wysiwyg__wysiwyg .button-primary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-primary-small:disabled:hover,
._wysiwyg__wysiwyg .button-primary-small:disabled:hover,
._wysiwyg .button-primary-small:disabled:focus,
._wysiwyg__wysiwyg .button-primary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-secondary,
._wysiwyg__wysiwyg .button-secondary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button-secondary:hover,
._wysiwyg__wysiwyg .button-secondary:hover,
._wysiwyg .button-secondary:focus,
._wysiwyg__wysiwyg .button-secondary:focus {
text-decoration: none;
}
._wysiwyg .button-secondary:before,
._wysiwyg__wysiwyg .button-secondary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-secondary:after,
._wysiwyg__wysiwyg .button-secondary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-secondary:hover,
._wysiwyg__wysiwyg .button-secondary:hover,
._wysiwyg .button-secondary:focus,
._wysiwyg__wysiwyg .button-secondary:focus {
background: #000;
color: #ffffff;
}
._wysiwyg .button-secondary:hover:not(:disabled):before,
._wysiwyg__wysiwyg .button-secondary:hover:not(:disabled):before,
._wysiwyg .button-secondary:focus:not(:disabled):before,
._wysiwyg__wysiwyg .button-secondary:focus:not(:disabled):before,
._wysiwyg .button-secondary:hover:not(:disabled):after,
._wysiwyg__wysiwyg .button-secondary:hover:not(:disabled):after,
._wysiwyg .button-secondary:focus:not(:disabled):after,
._wysiwyg__wysiwyg .button-secondary:focus:not(:disabled):after {
transform: translateX(0) translateY(0);
}
._wysiwyg .button-secondary:disabled,
._wysiwyg__wysiwyg .button-secondary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-secondary:disabled:hover,
._wysiwyg__wysiwyg .button-secondary:disabled:hover,
._wysiwyg .button-secondary:disabled:focus,
._wysiwyg__wysiwyg .button-secondary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-secondary-small,
._wysiwyg__wysiwyg .button-secondary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button-secondary-small:hover,
._wysiwyg__wysiwyg .button-secondary-small:hover,
._wysiwyg .button-secondary-small:focus,
._wysiwyg__wysiwyg .button-secondary-small:focus {
text-decoration: none;
}
._wysiwyg .button-secondary-small:before,
._wysiwyg__wysiwyg .button-secondary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-secondary-small:after,
._wysiwyg__wysiwyg .button-secondary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-secondary-small:hover,
._wysiwyg__wysiwyg .button-secondary-small:hover,
._wysiwyg .button-secondary-small:focus,
._wysiwyg__wysiwyg .button-secondary-small:focus {
background: #000;
color: #ffffff;
}
._wysiwyg .button-secondary-small:disabled,
._wysiwyg__wysiwyg .button-secondary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-secondary-small:disabled:hover,
._wysiwyg__wysiwyg .button-secondary-small:disabled:hover,
._wysiwyg .button-secondary-small:disabled:focus,
._wysiwyg__wysiwyg .button-secondary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-emphasis,
._wysiwyg__wysiwyg .button-emphasis {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
margin-top: 20px;
}
._wysiwyg .button-emphasis:hover,
._wysiwyg__wysiwyg .button-emphasis:hover,
._wysiwyg .button-emphasis:focus,
._wysiwyg__wysiwyg .button-emphasis:focus {
text-decoration: none;
}
._wysiwyg .button-emphasis:hover,
._wysiwyg__wysiwyg .button-emphasis:hover,
._wysiwyg .button-emphasis:focus,
._wysiwyg__wysiwyg .button-emphasis:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg .button-emphasis:not(:disabled):after,
._wysiwyg__wysiwyg .button-emphasis:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .button-emphasis:not(:disabled):hover:after,
._wysiwyg__wysiwyg .button-emphasis:not(:disabled):hover:after,
._wysiwyg .button-emphasis:not(:disabled):focus:after,
._wysiwyg__wysiwyg .button-emphasis:not(:disabled):focus:after {
background-position: 0 50%;
}
._wysiwyg .button-emphasis:disabled,
._wysiwyg__wysiwyg .button-emphasis:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-emphasis:disabled:hover,
._wysiwyg__wysiwyg .button-emphasis:disabled:hover,
._wysiwyg .button-emphasis:disabled:focus,
._wysiwyg__wysiwyg .button-emphasis:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-emphasis:disabled:after,
._wysiwyg__wysiwyg .button-emphasis:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg .button-icon,
._wysiwyg__wysiwyg .button-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button-icon:hover,
._wysiwyg__wysiwyg .button-icon:hover,
._wysiwyg .button-icon:focus,
._wysiwyg__wysiwyg .button-icon:focus {
text-decoration: none;
}
._wysiwyg .button-icon:before,
._wysiwyg__wysiwyg .button-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-icon:after,
._wysiwyg__wysiwyg .button-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-icon > svg,
._wysiwyg__wysiwyg .button-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._wysiwyg .button-icon:hover,
._wysiwyg__wysiwyg .button-icon:hover,
._wysiwyg .button-icon:focus,
._wysiwyg__wysiwyg .button-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg .button-icon:not(:disabled):hover:before,
._wysiwyg__wysiwyg .button-icon:not(:disabled):hover:before,
._wysiwyg .button-icon:not(:disabled):focus:before,
._wysiwyg__wysiwyg .button-icon:not(:disabled):focus:before,
._wysiwyg .button-icon:not(:disabled):hover:after,
._wysiwyg__wysiwyg .button-icon:not(:disabled):hover:after,
._wysiwyg .button-icon:not(:disabled):focus:after,
._wysiwyg__wysiwyg .button-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg .button-icon:disabled,
._wysiwyg__wysiwyg .button-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-icon:disabled:hover,
._wysiwyg__wysiwyg .button-icon:disabled:hover,
._wysiwyg .button-icon:disabled:focus,
._wysiwyg__wysiwyg .button-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg .button-only-icon,
._wysiwyg__wysiwyg .button-only-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg .button-only-icon:hover,
._wysiwyg__wysiwyg .button-only-icon:hover,
._wysiwyg .button-only-icon:focus,
._wysiwyg__wysiwyg .button-only-icon:focus {
text-decoration: none;
}
._wysiwyg .button-only-icon:before,
._wysiwyg__wysiwyg .button-only-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-only-icon:after,
._wysiwyg__wysiwyg .button-only-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg .button-only-icon > svg,
._wysiwyg__wysiwyg .button-only-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._wysiwyg .button-only-icon:hover,
._wysiwyg__wysiwyg .button-only-icon:hover,
._wysiwyg .button-only-icon:focus,
._wysiwyg__wysiwyg .button-only-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg .button-only-icon:not(:disabled):hover:before,
._wysiwyg__wysiwyg .button-only-icon:not(:disabled):hover:before,
._wysiwyg .button-only-icon:not(:disabled):focus:before,
._wysiwyg__wysiwyg .button-only-icon:not(:disabled):focus:before,
._wysiwyg .button-only-icon:not(:disabled):hover:after,
._wysiwyg__wysiwyg .button-only-icon:not(:disabled):hover:after,
._wysiwyg .button-only-icon:not(:disabled):focus:after,
._wysiwyg__wysiwyg .button-only-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg .button-only-icon:disabled,
._wysiwyg__wysiwyg .button-only-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg .button-only-icon:disabled:hover,
._wysiwyg__wysiwyg .button-only-icon:disabled:hover,
._wysiwyg .button-only-icon:disabled:focus,
._wysiwyg__wysiwyg .button-only-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg ul,
._wysiwyg__wysiwyg ul {
padding-left: 0;
list-style: none;
margin-top: 0;
}
._wysiwyg ul li,
._wysiwyg__wysiwyg ul li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg ul li *:first-child,
._wysiwyg__wysiwyg ul li *:first-child {
margin-top: 0;
}
._wysiwyg ul li,
._wysiwyg__wysiwyg ul li {
position: relative;
padding-left: 15px;
}
._wysiwyg ul li:before,
._wysiwyg__wysiwyg ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 11px;
}
._wysiwyg ul li ul,
._wysiwyg__wysiwyg ul li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg ul li ul li,
._wysiwyg__wysiwyg ul li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg ul li ul li:first-child,
._wysiwyg__wysiwyg ul li ul li:first-child {
margin-top: 28px;
}
._wysiwyg ul li ul li:before,
._wysiwyg__wysiwyg ul li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg ol,
._wysiwyg__wysiwyg ol {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: ordered-list-counter;
}
._wysiwyg ol li,
._wysiwyg__wysiwyg ol li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg ol li *:first-child,
._wysiwyg__wysiwyg ol li *:first-child {
margin-top: 0;
}
._wysiwyg ol li,
._wysiwyg__wysiwyg ol li {
position: relative;
padding-left: 20px;
}
._wysiwyg ol li:first-child,
._wysiwyg__wysiwyg ol li:first-child {
margin-top: 28px;
}
._wysiwyg ol li:before,
._wysiwyg__wysiwyg ol li:before {
content: counter(ordered-list-counter, decimal);
counter-increment: ordered-list-counter;
color: #e31b23;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
._wysiwyg ol li ul,
._wysiwyg__wysiwyg ol li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg ol li ul li,
._wysiwyg__wysiwyg ol li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg ol li ul li:first-child,
._wysiwyg__wysiwyg ol li ul li:first-child {
margin-top: 28px;
}
._wysiwyg ol li ul li:before,
._wysiwyg__wysiwyg ol li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg iframe,
._wysiwyg__wysiwyg iframe {
max-width: 100%;
}
._wysiwyg img,
._wysiwyg__wysiwyg img {
width: auto;
}
._wysiwyg figure figcaption,
._wysiwyg__wysiwyg figure figcaption {
display: block;
width: 100%;
padding: 20px 15px;
position: relative;
}
._wysiwyg figure figcaption:before,
._wysiwyg__wysiwyg figure figcaption:before {
content: '';
z-index: -1;
border: 14px solid #f0f0f0;
display: block;
position: absolute;
bottom: 0;
top: -40px;
right: 0;
left: 0;
}
._wysiwyg figure.img--left,
._wysiwyg__wysiwyg figure.img--left {
float: left;
margin-right: 15px;
margin-top: 0;
}
._wysiwyg figure.img--left figcaption,
._wysiwyg__wysiwyg figure.img--left figcaption {
padding-right: 30px;
}
._wysiwyg figure.img--left figcaption:before,
._wysiwyg__wysiwyg figure.img--left figcaption:before {
left: -30px;
right: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg figure.img--left,
._wysiwyg__wysiwyg figure.img--left {
float: none;
}
}
._wysiwyg figure.img--right,
._wysiwyg__wysiwyg figure.img--right {
float: right;
margin-left: 15px;
margin-top: 0;
}
._wysiwyg figure.img--right figcaption,
._wysiwyg__wysiwyg figure.img--right figcaption {
padding-left: 30px;
}
._wysiwyg figure.img--right figcaption:before,
._wysiwyg__wysiwyg figure.img--right figcaption:before {
right: -30px;
left: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg figure.img--right,
._wysiwyg__wysiwyg figure.img--right {
float: none;
}
}
._wysiwyg figure.img--center,
._wysiwyg__wysiwyg figure.img--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg .tooltip,
._wysiwyg__wysiwyg .tooltip {
display: inline-block;
position: relative;
cursor: pointer;
}
._wysiwyg .tooltip:focus .tooltip__text,
._wysiwyg__wysiwyg .tooltip:focus .tooltip__text,
._wysiwyg .tooltip:hover .tooltip__text,
._wysiwyg__wysiwyg .tooltip:hover .tooltip__text {
display: block;
}
._wysiwyg .tooltip__trigger,
._wysiwyg__wysiwyg .tooltip__trigger {
display: inline-block;
background: #f0f0f0;
}
._wysiwyg .tooltip__trigger:hover,
._wysiwyg__wysiwyg .tooltip__trigger:hover {
background: none;
}
._wysiwyg .tooltip__trigger:hover:after,
._wysiwyg__wysiwyg .tooltip__trigger:hover:after {
content: '';
width: 100%;
height: 4px;
background: #f0f0f0;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg .tooltip__text,
._wysiwyg__wysiwyg .tooltip__text {
font-size: 0.875rem;
line-height: 1.14285714;
display: none;
position: absolute;
top: -6px;
left: 50%;
width: 250px;
transform: translateY(-100%) translateX(-50%);
padding: 20px 15px;
background: #004AA1;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
color: #ffffff;
line-height: 1.25;
}
._wysiwyg .tooltip__text:after,
._wysiwyg__wysiwyg .tooltip__text:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #004AA1;
}
._wysiwyg table,
._wysiwyg__wysiwyg table {
margin-top: 20px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg .table-responsive,
._wysiwyg__wysiwyg .table-responsive {
display: block;
overflow-x: scroll;
width: auto !important;
}
}
._wysiwyg .td-highlight,
._wysiwyg__wysiwyg .td-highlight {
background: #3763C5;
color: white;
}
._wysiwyg .tr-popular,
._wysiwyg__wysiwyg .tr-popular {
background: rgba(234, 234, 234, 0.5);
}
._wysiwyg .tr-popular td,
._wysiwyg__wysiwyg .tr-popular td {
border-bottom: 2px solid #3BC0C7;
border-top: 2px solid #3BC0C7;
}
._wysiwyg .disclaimer-text,
._wysiwyg__wysiwyg .disclaimer-text {
font-size: 0.75rem;
line-height: 1.66666667;
}
._wysiwyg .mtn,
._wysiwyg__wysiwyg .mtn {
margin-top: 0 !important;
}
._wysiwyg .mts,
._wysiwyg__wysiwyg .mts {
margin-top: 5px !important;
}
._wysiwyg .mtm,
._wysiwyg__wysiwyg .mtm {
margin-top: 10px !important;
}
._wysiwyg .mtl,
._wysiwyg__wysiwyg .mtl {
margin-top: 20px !important;
}
._wysiwyg .mtx,
._wysiwyg__wysiwyg .mtx {
margin-top: 40px !important;
}
._wysiwyg .mt2x,
._wysiwyg__wysiwyg .mt2x {
margin-top: 60px !important;
}
._wysiwyg .mbn,
._wysiwyg__wysiwyg .mbn {
margin-bottom: 0 !important;
}
._wysiwyg .mbs,
._wysiwyg__wysiwyg .mbs {
margin-bottom: 5px !important;
}
._wysiwyg .mbm,
._wysiwyg__wysiwyg .mbm {
margin-bottom: 10px !important;
}
._wysiwyg .mbl,
._wysiwyg__wysiwyg .mbl {
margin-bottom: 20px !important;
}
._wysiwyg .mbx,
._wysiwyg__wysiwyg .mbx {
margin-bottom: 40px !important;
}
._wysiwyg .mb2x,
._wysiwyg__wysiwyg .mb2x {
margin-bottom: 60px !important;
}
._wysiwyg .mrn,
._wysiwyg__wysiwyg .mrn {
margin-right: 0 !important;
}
._wysiwyg .mrs,
._wysiwyg__wysiwyg .mrs {
margin-right: 3.75px !important;
}
._wysiwyg .mrm,
._wysiwyg__wysiwyg .mrm {
margin-right: 7.5px !important;
}
._wysiwyg .mrl,
._wysiwyg__wysiwyg .mrl {
margin-right: 15px !important;
}
._wysiwyg .mrx,
._wysiwyg__wysiwyg .mrx {
margin-right: 30px !important;
}
._wysiwyg .mr2x,
._wysiwyg__wysiwyg .mr2x {
margin-right: 60px !important;
}
._wysiwyg .mln,
._wysiwyg__wysiwyg .mln {
margin-left: 0 !important;
}
._wysiwyg .mls,
._wysiwyg__wysiwyg .mls {
margin-left: 3.75px !important;
}
._wysiwyg .mlm,
._wysiwyg__wysiwyg .mlm {
margin-left: 7.5px !important;
}
._wysiwyg .mll,
._wysiwyg__wysiwyg .mll {
margin-left: 15px !important;
}
._wysiwyg .mlx,
._wysiwyg__wysiwyg .mlx {
margin-left: 30px !important;
}
._wysiwyg .ml2x,
._wysiwyg__wysiwyg .ml2x {
margin-left: 60px !important;
}
._wysiwyg .man,
._wysiwyg__wysiwyg .man {
margin: 0 !important;
}
._wysiwyg .mas,
._wysiwyg__wysiwyg .mas {
margin: 5px 3.75px !important;
}
._wysiwyg .mam,
._wysiwyg__wysiwyg .mam {
margin: 10px 7.5px !important;
}
._wysiwyg .mal,
._wysiwyg__wysiwyg .mal {
margin: 20px 15px !important;
}
._wysiwyg .max,
._wysiwyg__wysiwyg .max {
margin: 40px 30px !important;
}
._wysiwyg .ma2x,
._wysiwyg__wysiwyg .ma2x {
margin: 60px 60px !important;
}
._wysiwyg .mvn,
._wysiwyg__wysiwyg .mvn {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._wysiwyg .mvs,
._wysiwyg__wysiwyg .mvs {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
._wysiwyg .mvm,
._wysiwyg__wysiwyg .mvm {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
._wysiwyg .mvl,
._wysiwyg__wysiwyg .mvl {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
._wysiwyg .mvx,
._wysiwyg__wysiwyg .mvx {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
._wysiwyg .mv2x,
._wysiwyg__wysiwyg .mv2x {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
._wysiwyg .mhn,
._wysiwyg__wysiwyg .mhn {
margin-left: 0 !important;
margin-right: 0 !important;
}
._wysiwyg .mhs,
._wysiwyg__wysiwyg .mhs {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
._wysiwyg .mhm,
._wysiwyg__wysiwyg .mhm {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
._wysiwyg .mhl,
._wysiwyg__wysiwyg .mhl {
margin-left: 15px !important;
margin-right: 15px !important;
}
._wysiwyg .mhx,
._wysiwyg__wysiwyg .mhx {
margin-left: 30px !important;
margin-right: 30px !important;
}
._wysiwyg .mh2x,
._wysiwyg__wysiwyg .mh2x {
margin-left: 60px !important;
margin-right: 60px !important;
}
._wysiwyg .ptn,
._wysiwyg__wysiwyg .ptn {
padding-top: 0 !important;
}
._wysiwyg .pts,
._wysiwyg__wysiwyg .pts {
padding-top: 5px !important;
}
._wysiwyg .ptm,
._wysiwyg__wysiwyg .ptm {
padding-top: 10px !important;
}
._wysiwyg .ptl,
._wysiwyg__wysiwyg .ptl {
padding-top: 20px !important;
}
._wysiwyg .ptx,
._wysiwyg__wysiwyg .ptx {
padding-top: 40px !important;
}
._wysiwyg .pt2x,
._wysiwyg__wysiwyg .pt2x {
padding-top: 60px !important;
}
._wysiwyg .pbn,
._wysiwyg__wysiwyg .pbn {
padding-bottom: 0 !important;
}
._wysiwyg .pbs,
._wysiwyg__wysiwyg .pbs {
padding-bottom: 5px !important;
}
._wysiwyg .pbm,
._wysiwyg__wysiwyg .pbm {
padding-bottom: 10px !important;
}
._wysiwyg .pbl,
._wysiwyg__wysiwyg .pbl {
padding-bottom: 20px !important;
}
._wysiwyg .pbx,
._wysiwyg__wysiwyg .pbx {
padding-bottom: 40px !important;
}
._wysiwyg .pb2x,
._wysiwyg__wysiwyg .pb2x {
padding-bottom: 60px !important;
}
._wysiwyg .prn,
._wysiwyg__wysiwyg .prn {
padding-right: 0 !important;
}
._wysiwyg .prs,
._wysiwyg__wysiwyg .prs {
padding-right: 3.75px !important;
}
._wysiwyg .prm,
._wysiwyg__wysiwyg .prm {
padding-right: 7.5px !important;
}
._wysiwyg .prl,
._wysiwyg__wysiwyg .prl {
padding-right: 15px !important;
}
._wysiwyg .prx,
._wysiwyg__wysiwyg .prx {
padding-right: 30px !important;
}
._wysiwyg .pr2x,
._wysiwyg__wysiwyg .pr2x {
padding-right: 60px !important;
}
._wysiwyg .pln,
._wysiwyg__wysiwyg .pln {
padding-left: 0 !important;
}
._wysiwyg .pls,
._wysiwyg__wysiwyg .pls {
padding-left: 3.75px !important;
}
._wysiwyg .plm,
._wysiwyg__wysiwyg .plm {
padding-left: 7.5px !important;
}
._wysiwyg .pll,
._wysiwyg__wysiwyg .pll {
padding-left: 15px !important;
}
._wysiwyg .plx,
._wysiwyg__wysiwyg .plx {
padding-left: 30px !important;
}
._wysiwyg .pl2x,
._wysiwyg__wysiwyg .pl2x {
padding-left: 60px !important;
}
._wysiwyg .pan,
._wysiwyg__wysiwyg .pan {
padding: 0 !important;
}
._wysiwyg .pas,
._wysiwyg__wysiwyg .pas {
padding: 5px 3.75px !important;
}
._wysiwyg .pam,
._wysiwyg__wysiwyg .pam {
padding: 10px 7.5px !important;
}
._wysiwyg .pal,
._wysiwyg__wysiwyg .pal {
padding: 20px 15px !important;
}
._wysiwyg .pax,
._wysiwyg__wysiwyg .pax {
padding: 40px 30px !important;
}
._wysiwyg .pa2x,
._wysiwyg__wysiwyg .pa2x {
padding: 60px 60px !important;
}
._wysiwyg .pvn,
._wysiwyg__wysiwyg .pvn {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._wysiwyg .pvs,
._wysiwyg__wysiwyg .pvs {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
._wysiwyg .pvm,
._wysiwyg__wysiwyg .pvm {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
._wysiwyg .pvl,
._wysiwyg__wysiwyg .pvl {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
._wysiwyg .pvx,
._wysiwyg__wysiwyg .pvx {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
._wysiwyg .pv2x,
._wysiwyg__wysiwyg .pv2x {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
._wysiwyg .phn,
._wysiwyg__wysiwyg .phn {
padding-left: 0 !important;
padding-right: 0 !important;
}
._wysiwyg .phs,
._wysiwyg__wysiwyg .phs {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
._wysiwyg .phm,
._wysiwyg__wysiwyg .phm {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
._wysiwyg .phl,
._wysiwyg__wysiwyg .phl {
padding-left: 15px !important;
padding-right: 15px !important;
}
._wysiwyg .phx,
._wysiwyg__wysiwyg .phx {
padding-left: 30px !important;
padding-right: 30px !important;
}
._wysiwyg .ph2x,
._wysiwyg__wysiwyg .ph2x {
padding-left: 60px !important;
padding-right: 60px !important;
}
._wysiwyg .align--left,
._wysiwyg__wysiwyg .align--left {
float: left;
}
._wysiwyg .align--right,
._wysiwyg__wysiwyg .align--right {
float: right;
}
._wysiwyg .align--center,
._wysiwyg__wysiwyg .align--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg .text--center,
._wysiwyg__wysiwyg .text--center {
text-align: center;
}
._wysiwyg .text--left,
._wysiwyg__wysiwyg .text--left {
text-align: left;
}
._wysiwyg .text--right,
._wysiwyg__wysiwyg .text--right {
text-align: right;
}
._wysiwyg .text--uppercase,
._wysiwyg__wysiwyg .text--uppercase {
text-transform: uppercase;
}
._wysiwyg .primary-heading,
._wysiwyg__wysiwyg .primary-heading {
font-size: 4.75rem;
line-height: 1.05263158;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (min-width: 48em) {
._wysiwyg .primary-heading,
._wysiwyg__wysiwyg .primary-heading {
font-size: 8.5rem;
line-height: 0.88235294;
letter-spacing: -0.011176em;
line-height: 0.85745em;
}
}
._wysiwyg .secondary-heading,
._wysiwyg__wysiwyg .secondary-heading {
font-size: 1.875rem;
line-height: 1.26666667;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
}
._wysiwyg .tertiary-heading,
._wysiwyg__wysiwyg .tertiary-heading {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
._wysiwyg .pre-heading,
._wysiwyg__wysiwyg .pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.459285em;
}
@media all and (min-width: 48em) {
._wysiwyg .pre-heading,
._wysiwyg__wysiwyg .pre-heading {
font-size: 1.125rem;
line-height: 1.27777778;
letter-spacing: 0.357222em;
}
}
._wysiwyg .home-banner-text-shadow,
._wysiwyg__wysiwyg .home-banner-text-shadow {
text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}
._wysiwyg .home-pre-heading,
._wysiwyg__wysiwyg .home-pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.25;
letter-spacing: 0.357083em;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
@media all and (min-width: 48em) {
._wysiwyg .home-pre-heading,
._wysiwyg__wysiwyg .home-pre-heading {
font-size: 2.25rem;
line-height: 1.38888889;
letter-spacing: 0.238055em;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg .tiny-text-on-small,
._wysiwyg__wysiwyg .tiny-text-on-small {
font-size: 0.75rem;
line-height: 1.66666667;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg .hidden-on-small,
._wysiwyg__wysiwyg .hidden-on-small {
display: none;
}
}
._wysiwyg__wysiwyg-small * {
font-size: 0.875rem;
line-height: 1.85714286;
}
._wysiwyg__wysiwyg-small h3,
._wysiwyg__wysiwyg-small h4,
._wysiwyg__wysiwyg-small h5,
._wysiwyg__wysiwyg-small h6 {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
._wysiwyg__wysiwyg-small h1 {
font-size: 1.625rem;
line-height: 1.46153846;
}
._wysiwyg__wysiwyg-small h2 {
font-size: 1.5rem;
line-height: 1.25;
}
._wysiwyg__wysiwyg-small h3 {
font-size: 1.25rem;
line-height: 1.3;
}
._wysiwyg__wysiwyg-small h4,
._wysiwyg__wysiwyg-small h5,
._wysiwyg__wysiwyg-small h6 {
font-size: 1.125rem;
line-height: 1.27777778;
}
._wysiwyg__wysiwyg-small h1 > *,
._wysiwyg__wysiwyg-small h2 > *,
._wysiwyg__wysiwyg-small h3 > *,
._wysiwyg__wysiwyg-small h4 > *,
._wysiwyg__wysiwyg-small h5 > *,
._wysiwyg__wysiwyg-small h6 > * {
font-size: 1em;
}
._wysiwyg__wysiwyg-small ul li {
margin-top: 10px;
}
._wysiwyg__wysiwyg-small ul li:before {
top: 7px;
}
._wysiwyg__wysiwyg-small ul li:first-child {
margin-top: 20px;
}
.ratio--video {
position: relative;
}
.ratio--video:before {
display: block;
content: '';
padding-top: 56.25%;
}
.ratio--video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
._wysiwyg__wysiwyg-white * {
color: #ffffff;
}
._wysiwyg__wysiwyg-white a:not([class*="button"]),
._wysiwyg__wysiwyg-white a.link,
._wysiwyg__wysiwyg-white a.link-small,
._wysiwyg__wysiwyg-white a.link-emphasis,
._wysiwyg__wysiwyg-white a.link-small-emphasis,
._wysiwyg__wysiwyg-white a.link-icon,
._wysiwyg__wysiwyg-white a.link-small-icon {
color: #ffffff !important;
}
._wysiwyg__wysiwyg-white a:not([class*="button"]):hover,
._wysiwyg__wysiwyg-white a.link:hover,
._wysiwyg__wysiwyg-white a.link-small:hover,
._wysiwyg__wysiwyg-white a.link-emphasis:hover,
._wysiwyg__wysiwyg-white a.link-small-emphasis:hover,
._wysiwyg__wysiwyg-white a.link-icon:hover,
._wysiwyg__wysiwyg-white a.link-small-icon:hover,
._wysiwyg__wysiwyg-white a:not([class*="button"]):focus,
._wysiwyg__wysiwyg-white a.link:focus,
._wysiwyg__wysiwyg-white a.link-small:focus,
._wysiwyg__wysiwyg-white a.link-emphasis:focus,
._wysiwyg__wysiwyg-white a.link-small-emphasis:focus,
._wysiwyg__wysiwyg-white a.link-icon:focus,
._wysiwyg__wysiwyg-white a.link-small-icon:focus {
color: #ffffff !important;
}
._wysiwyg__wysiwyg-white a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._wysiwyg__wysiwyg-white a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus {
color: #e31b23 !important;
background: #ffffff !important;
box-shadow: 3px 2px 0 #ffffff, 3px -2px 0 #ffffff, -3px 2px 0 #ffffff, -3px -2px 0 #ffffff !important;
border-bottom-color: #ffffff !important;
}
._wysiwyg__wysiwyg-white a.link-emphasis:before,
._wysiwyg__wysiwyg-white a.link-small-emphasis:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
._wysiwyg__wysiwyg-white a.link-icon > svg,
._wysiwyg__wysiwyg-white a.link-small-icon > svg {
fill: #ffffff;
}
._wysiwyg__wysiwyg-white a.link-icon > svg:hover > svg,
._wysiwyg__wysiwyg-white a.link-small-icon > svg:hover > svg,
._wysiwyg__wysiwyg-white a.link-icon > svg:focus > svg,
._wysiwyg__wysiwyg-white a.link-small-icon > svg:focus > svg {
fill: #e31b23;
}
._wysiwyg-light-grey,
._wysiwyg-teal {
/**
* Table Styles
*
* Includes some custom classes to easily recreate great looking tables!
*/
/**
* Spacing
*
* Utility spacing classes
*/
/**
* Alignment
*/
}
._wysiwyg-light-grey.tinymce,
._wysiwyg-teal.tinymce {
padding: 10px 7.5px;
}
._wysiwyg-light-grey h1,
._wysiwyg-teal h1,
._wysiwyg-light-grey h2,
._wysiwyg-teal h2,
._wysiwyg-light-grey h3,
._wysiwyg-teal h3,
._wysiwyg-light-grey h4,
._wysiwyg-teal h4,
._wysiwyg-light-grey h5,
._wysiwyg-teal h5,
._wysiwyg-light-grey h6,
._wysiwyg-teal h6 {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
}
._wysiwyg-light-grey h1 + h1,
._wysiwyg-teal h1 + h1,
._wysiwyg-light-grey h2 + h1,
._wysiwyg-teal h2 + h1,
._wysiwyg-light-grey h3 + h1,
._wysiwyg-teal h3 + h1,
._wysiwyg-light-grey h4 + h1,
._wysiwyg-teal h4 + h1,
._wysiwyg-light-grey h5 + h1,
._wysiwyg-teal h5 + h1,
._wysiwyg-light-grey h6 + h1,
._wysiwyg-teal h6 + h1,
._wysiwyg-light-grey h1 + h2,
._wysiwyg-teal h1 + h2,
._wysiwyg-light-grey h2 + h2,
._wysiwyg-teal h2 + h2,
._wysiwyg-light-grey h3 + h2,
._wysiwyg-teal h3 + h2,
._wysiwyg-light-grey h4 + h2,
._wysiwyg-teal h4 + h2,
._wysiwyg-light-grey h5 + h2,
._wysiwyg-teal h5 + h2,
._wysiwyg-light-grey h6 + h2,
._wysiwyg-teal h6 + h2,
._wysiwyg-light-grey h1 + h3,
._wysiwyg-teal h1 + h3,
._wysiwyg-light-grey h2 + h3,
._wysiwyg-teal h2 + h3,
._wysiwyg-light-grey h3 + h3,
._wysiwyg-teal h3 + h3,
._wysiwyg-light-grey h4 + h3,
._wysiwyg-teal h4 + h3,
._wysiwyg-light-grey h5 + h3,
._wysiwyg-teal h5 + h3,
._wysiwyg-light-grey h6 + h3,
._wysiwyg-teal h6 + h3,
._wysiwyg-light-grey h1 + h4,
._wysiwyg-teal h1 + h4,
._wysiwyg-light-grey h2 + h4,
._wysiwyg-teal h2 + h4,
._wysiwyg-light-grey h3 + h4,
._wysiwyg-teal h3 + h4,
._wysiwyg-light-grey h4 + h4,
._wysiwyg-teal h4 + h4,
._wysiwyg-light-grey h5 + h4,
._wysiwyg-teal h5 + h4,
._wysiwyg-light-grey h6 + h4,
._wysiwyg-teal h6 + h4,
._wysiwyg-light-grey h1 + h5,
._wysiwyg-teal h1 + h5,
._wysiwyg-light-grey h2 + h5,
._wysiwyg-teal h2 + h5,
._wysiwyg-light-grey h3 + h5,
._wysiwyg-teal h3 + h5,
._wysiwyg-light-grey h4 + h5,
._wysiwyg-teal h4 + h5,
._wysiwyg-light-grey h5 + h5,
._wysiwyg-teal h5 + h5,
._wysiwyg-light-grey h6 + h5,
._wysiwyg-teal h6 + h5,
._wysiwyg-light-grey h1 + h6,
._wysiwyg-teal h1 + h6,
._wysiwyg-light-grey h2 + h6,
._wysiwyg-teal h2 + h6,
._wysiwyg-light-grey h3 + h6,
._wysiwyg-teal h3 + h6,
._wysiwyg-light-grey h4 + h6,
._wysiwyg-teal h4 + h6,
._wysiwyg-light-grey h5 + h6,
._wysiwyg-teal h5 + h6,
._wysiwyg-light-grey h6 + h6,
._wysiwyg-teal h6 + h6 {
margin-top: 5px;
}
@media all and (min-width: 48em) {
._wysiwyg-light-grey h1:first-child,
._wysiwyg-teal h1:first-child,
._wysiwyg-light-grey h2:first-child,
._wysiwyg-teal h2:first-child,
._wysiwyg-light-grey h3:first-child,
._wysiwyg-teal h3:first-child,
._wysiwyg-light-grey h4:first-child,
._wysiwyg-teal h4:first-child,
._wysiwyg-light-grey h5:first-child,
._wysiwyg-teal h5:first-child,
._wysiwyg-light-grey h6:first-child,
._wysiwyg-teal h6:first-child,
._wysiwyg-light-grey p:first-child,
._wysiwyg-teal p:first-child {
margin-top: 0;
}
}
._wysiwyg-light-grey p strong,
._wysiwyg-teal p strong,
._wysiwyg-light-grey p b,
._wysiwyg-teal p b {
font-weight: 700;
}
._wysiwyg-light-grey p i,
._wysiwyg-teal p i,
._wysiwyg-light-grey p em,
._wysiwyg-teal p em {
font-style: italic;
}
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style),
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited,
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited {
color: currentColor;
}
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-light-grey a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-teal a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: #ffffff;
background: #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 3px 2px 0 #e31b23, 3px -2px 0 #e31b23, -3px 2px 0 #e31b23, -3px -2px 0 #e31b23;
border-bottom-color: #e31b23;
}
._wysiwyg-light-grey .link,
._wysiwyg-teal .link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
}
._wysiwyg-light-grey .link:after,
._wysiwyg-teal .link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link:hover,
._wysiwyg-teal .link:hover,
._wysiwyg-light-grey .link:focus,
._wysiwyg-teal .link:focus {
color: #212121;
}
._wysiwyg-light-grey .link:hover:after,
._wysiwyg-teal .link:hover:after,
._wysiwyg-light-grey .link:focus:after,
._wysiwyg-teal .link:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link:visited,
._wysiwyg-teal .link:visited {
color: #212121;
}
._wysiwyg-light-grey .link-small,
._wysiwyg-teal .link-small {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
}
._wysiwyg-light-grey .link-small:after,
._wysiwyg-teal .link-small:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-small:hover,
._wysiwyg-teal .link-small:hover,
._wysiwyg-light-grey .link-small:focus,
._wysiwyg-teal .link-small:focus {
color: #212121;
}
._wysiwyg-light-grey .link-small:hover:after,
._wysiwyg-teal .link-small:hover:after,
._wysiwyg-light-grey .link-small:focus:after,
._wysiwyg-teal .link-small:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-small:visited,
._wysiwyg-teal .link-small:visited {
color: #212121;
}
._wysiwyg-light-grey .link-emphasis,
._wysiwyg-teal .link-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
}
._wysiwyg-light-grey .link-emphasis:after,
._wysiwyg-teal .link-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-emphasis:hover,
._wysiwyg-teal .link-emphasis:hover,
._wysiwyg-light-grey .link-emphasis:focus,
._wysiwyg-teal .link-emphasis:focus {
color: #212121;
}
._wysiwyg-light-grey .link-emphasis:hover:after,
._wysiwyg-teal .link-emphasis:hover:after,
._wysiwyg-light-grey .link-emphasis:focus:after,
._wysiwyg-teal .link-emphasis:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-emphasis:visited,
._wysiwyg-teal .link-emphasis:visited {
color: #212121;
}
._wysiwyg-light-grey .link-emphasis:before,
._wysiwyg-teal .link-emphasis:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-emphasis:after,
._wysiwyg-teal .link-emphasis:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-emphasis:hover:before,
._wysiwyg-teal .link-emphasis:hover:before,
._wysiwyg-light-grey .link-emphasis:focus:before,
._wysiwyg-teal .link-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg-light-grey .link-emphasis:hover:after,
._wysiwyg-teal .link-emphasis:hover:after,
._wysiwyg-light-grey .link-emphasis:focus:after,
._wysiwyg-teal .link-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg-light-grey .link-small-emphasis,
._wysiwyg-teal .link-small-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-right: 36px;
}
._wysiwyg-light-grey .link-small-emphasis:after,
._wysiwyg-teal .link-small-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-small-emphasis:hover,
._wysiwyg-teal .link-small-emphasis:hover,
._wysiwyg-light-grey .link-small-emphasis:focus,
._wysiwyg-teal .link-small-emphasis:focus {
color: #212121;
}
._wysiwyg-light-grey .link-small-emphasis:hover:after,
._wysiwyg-teal .link-small-emphasis:hover:after,
._wysiwyg-light-grey .link-small-emphasis:focus:after,
._wysiwyg-teal .link-small-emphasis:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-small-emphasis:visited,
._wysiwyg-teal .link-small-emphasis:visited {
color: #212121;
}
._wysiwyg-light-grey .link-small-emphasis:before,
._wysiwyg-teal .link-small-emphasis:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-small-emphasis:after,
._wysiwyg-teal .link-small-emphasis:after {
transform: translateX(-36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-small-emphasis:hover:before,
._wysiwyg-teal .link-small-emphasis:hover:before,
._wysiwyg-light-grey .link-small-emphasis:focus:before,
._wysiwyg-teal .link-small-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg-light-grey .link-small-emphasis:hover:after,
._wysiwyg-teal .link-small-emphasis:hover:after,
._wysiwyg-light-grey .link-small-emphasis:focus:after,
._wysiwyg-teal .link-small-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg-light-grey .link-emphasis-left,
._wysiwyg-teal .link-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
padding-right: 0;
padding-left: 40px;
}
._wysiwyg-light-grey .link-emphasis-left:after,
._wysiwyg-teal .link-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-emphasis-left:hover,
._wysiwyg-teal .link-emphasis-left:hover,
._wysiwyg-light-grey .link-emphasis-left:focus,
._wysiwyg-teal .link-emphasis-left:focus {
color: #212121;
}
._wysiwyg-light-grey .link-emphasis-left:hover:after,
._wysiwyg-teal .link-emphasis-left:hover:after,
._wysiwyg-light-grey .link-emphasis-left:focus:after,
._wysiwyg-teal .link-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-emphasis-left:visited,
._wysiwyg-teal .link-emphasis-left:visited {
color: #212121;
}
._wysiwyg-light-grey .link-emphasis-left:before,
._wysiwyg-teal .link-emphasis-left:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-emphasis-left:after,
._wysiwyg-teal .link-emphasis-left:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-emphasis-left:hover:before,
._wysiwyg-teal .link-emphasis-left:hover:before,
._wysiwyg-light-grey .link-emphasis-left:focus:before,
._wysiwyg-teal .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-light-grey .link-emphasis-left:hover:after,
._wysiwyg-teal .link-emphasis-left:hover:after,
._wysiwyg-light-grey .link-emphasis-left:focus:after,
._wysiwyg-teal .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-light-grey .link-emphasis-left:before,
._wysiwyg-teal .link-emphasis-left:before {
right: auto;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
}
._wysiwyg-light-grey .link-emphasis-left:after,
._wysiwyg-teal .link-emphasis-left:after {
transform: translateX(40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-emphasis-left:hover:before,
._wysiwyg-teal .link-emphasis-left:hover:before,
._wysiwyg-light-grey .link-emphasis-left:focus:before,
._wysiwyg-teal .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-light-grey .link-emphasis-left:hover:after,
._wysiwyg-teal .link-emphasis-left:hover:after,
._wysiwyg-light-grey .link-emphasis-left:focus:after,
._wysiwyg-teal .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-light-grey .link-small-emphasis-left,
._wysiwyg-teal .link-small-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-left: 36px;
}
._wysiwyg-light-grey .link-small-emphasis-left:after,
._wysiwyg-teal .link-small-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-small-emphasis-left:hover,
._wysiwyg-teal .link-small-emphasis-left:hover,
._wysiwyg-light-grey .link-small-emphasis-left:focus,
._wysiwyg-teal .link-small-emphasis-left:focus {
color: #212121;
}
._wysiwyg-light-grey .link-small-emphasis-left:hover:after,
._wysiwyg-teal .link-small-emphasis-left:hover:after,
._wysiwyg-light-grey .link-small-emphasis-left:focus:after,
._wysiwyg-teal .link-small-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-small-emphasis-left:visited,
._wysiwyg-teal .link-small-emphasis-left:visited {
color: #212121;
}
._wysiwyg-light-grey .link-small-emphasis-left:before,
._wysiwyg-teal .link-small-emphasis-left:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-small-emphasis-left:after,
._wysiwyg-teal .link-small-emphasis-left:after {
transform: translateX(36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .link-small-emphasis-left:hover:before,
._wysiwyg-teal .link-small-emphasis-left:hover:before,
._wysiwyg-light-grey .link-small-emphasis-left:focus:before,
._wysiwyg-teal .link-small-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-light-grey .link-small-emphasis-left:hover:after,
._wysiwyg-teal .link-small-emphasis-left:hover:after,
._wysiwyg-light-grey .link-small-emphasis-left:focus:after,
._wysiwyg-teal .link-small-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-light-grey .link-icon,
._wysiwyg-teal .link-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
margin-left: 38px;
}
._wysiwyg-light-grey .link-icon:after,
._wysiwyg-teal .link-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-icon:hover,
._wysiwyg-teal .link-icon:hover,
._wysiwyg-light-grey .link-icon:focus,
._wysiwyg-teal .link-icon:focus {
color: #212121;
}
._wysiwyg-light-grey .link-icon:hover:after,
._wysiwyg-teal .link-icon:hover:after,
._wysiwyg-light-grey .link-icon:focus:after,
._wysiwyg-teal .link-icon:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-icon:visited,
._wysiwyg-teal .link-icon:visited {
color: #212121;
}
._wysiwyg-light-grey .link-icon > svg,
._wysiwyg-teal .link-icon > svg {
height: 34px;
width: 34px;
position: absolute;
left: -38px;
top: 0;
fill: #e31b23;
}
._wysiwyg-light-grey .link-icon:hover > svg,
._wysiwyg-teal .link-icon:hover > svg,
._wysiwyg-light-grey .link-icon:focus > svg,
._wysiwyg-teal .link-icon:focus > svg {
fill: #831D22;
}
._wysiwyg-light-grey .link-small-icon,
._wysiwyg-teal .link-small-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
margin-left: 29px;
}
._wysiwyg-light-grey .link-small-icon:after,
._wysiwyg-teal .link-small-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .link-small-icon:hover,
._wysiwyg-teal .link-small-icon:hover,
._wysiwyg-light-grey .link-small-icon:focus,
._wysiwyg-teal .link-small-icon:focus {
color: #212121;
}
._wysiwyg-light-grey .link-small-icon:hover:after,
._wysiwyg-teal .link-small-icon:hover:after,
._wysiwyg-light-grey .link-small-icon:focus:after,
._wysiwyg-teal .link-small-icon:focus:after {
background: #831D22;
}
._wysiwyg-light-grey .link-small-icon:visited,
._wysiwyg-teal .link-small-icon:visited {
color: #212121;
}
._wysiwyg-light-grey .link-small-icon > svg,
._wysiwyg-teal .link-small-icon > svg {
height: 22px;
width: 22px;
position: absolute;
left: -29px;
top: 0;
fill: #e31b23;
}
._wysiwyg-light-grey .link-small-icon:hover > svg,
._wysiwyg-teal .link-small-icon:hover > svg,
._wysiwyg-light-grey .link-small-icon:focus > svg,
._wysiwyg-teal .link-small-icon:focus > svg {
fill: #831D22;
}
._wysiwyg-light-grey .link-no-style,
._wysiwyg-teal .link-no-style {
text-decoration: none;
}
._wysiwyg-light-grey .link-inline,
._wysiwyg-teal .link-inline {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg-light-grey .link-inline:hover,
._wysiwyg-teal .link-inline:hover,
._wysiwyg-light-grey .link-inline:focus,
._wysiwyg-teal .link-inline:focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg-light-grey .link-inline:visited,
._wysiwyg-teal .link-inline:visited {
color: currentColor;
}
._wysiwyg-light-grey .button,
._wysiwyg-teal .button,
._wysiwyg-light-grey .button-primary,
._wysiwyg-teal .button-primary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button:hover,
._wysiwyg-teal .button:hover,
._wysiwyg-light-grey .button-primary:hover,
._wysiwyg-teal .button-primary:hover,
._wysiwyg-light-grey .button:focus,
._wysiwyg-teal .button:focus,
._wysiwyg-light-grey .button-primary:focus,
._wysiwyg-teal .button-primary:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button:before,
._wysiwyg-teal .button:before,
._wysiwyg-light-grey .button-primary:before,
._wysiwyg-teal .button-primary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button:after,
._wysiwyg-teal .button:after,
._wysiwyg-light-grey .button-primary:after,
._wysiwyg-teal .button-primary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button:hover,
._wysiwyg-teal .button:hover,
._wysiwyg-light-grey .button-primary:hover,
._wysiwyg-teal .button-primary:hover,
._wysiwyg-light-grey .button:focus,
._wysiwyg-teal .button:focus,
._wysiwyg-light-grey .button-primary:focus,
._wysiwyg-teal .button-primary:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-light-grey .button:not(:disabled):hover:before,
._wysiwyg-teal .button:not(:disabled):hover:before,
._wysiwyg-light-grey .button-primary:not(:disabled):hover:before,
._wysiwyg-teal .button-primary:not(:disabled):hover:before,
._wysiwyg-light-grey .button:not(:disabled):focus:before,
._wysiwyg-teal .button:not(:disabled):focus:before,
._wysiwyg-light-grey .button-primary:not(:disabled):focus:before,
._wysiwyg-teal .button-primary:not(:disabled):focus:before,
._wysiwyg-light-grey .button:not(:disabled):hover:after,
._wysiwyg-teal .button:not(:disabled):hover:after,
._wysiwyg-light-grey .button-primary:not(:disabled):hover:after,
._wysiwyg-teal .button-primary:not(:disabled):hover:after,
._wysiwyg-light-grey .button:not(:disabled):focus:after,
._wysiwyg-teal .button:not(:disabled):focus:after,
._wysiwyg-light-grey .button-primary:not(:disabled):focus:after,
._wysiwyg-teal .button-primary:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-light-grey .button:disabled,
._wysiwyg-teal .button:disabled,
._wysiwyg-light-grey .button-primary:disabled,
._wysiwyg-teal .button-primary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button:disabled:hover,
._wysiwyg-teal .button:disabled:hover,
._wysiwyg-light-grey .button-primary:disabled:hover,
._wysiwyg-teal .button-primary:disabled:hover,
._wysiwyg-light-grey .button:disabled:focus,
._wysiwyg-teal .button:disabled:focus,
._wysiwyg-light-grey .button-primary:disabled:focus,
._wysiwyg-teal .button-primary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-primary-small,
._wysiwyg-teal .button-primary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button-primary-small:hover,
._wysiwyg-teal .button-primary-small:hover,
._wysiwyg-light-grey .button-primary-small:focus,
._wysiwyg-teal .button-primary-small:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-primary-small:before,
._wysiwyg-teal .button-primary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-primary-small:after,
._wysiwyg-teal .button-primary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-primary-small:hover,
._wysiwyg-teal .button-primary-small:hover,
._wysiwyg-light-grey .button-primary-small:focus,
._wysiwyg-teal .button-primary-small:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-light-grey .button-primary-small:disabled,
._wysiwyg-teal .button-primary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-primary-small:disabled:hover,
._wysiwyg-teal .button-primary-small:disabled:hover,
._wysiwyg-light-grey .button-primary-small:disabled:focus,
._wysiwyg-teal .button-primary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-secondary,
._wysiwyg-teal .button-secondary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button-secondary:hover,
._wysiwyg-teal .button-secondary:hover,
._wysiwyg-light-grey .button-secondary:focus,
._wysiwyg-teal .button-secondary:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-secondary:before,
._wysiwyg-teal .button-secondary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-secondary:after,
._wysiwyg-teal .button-secondary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-secondary:hover,
._wysiwyg-teal .button-secondary:hover,
._wysiwyg-light-grey .button-secondary:focus,
._wysiwyg-teal .button-secondary:focus {
background: #000;
color: #ffffff;
}
._wysiwyg-light-grey .button-secondary:hover:not(:disabled):before,
._wysiwyg-teal .button-secondary:hover:not(:disabled):before,
._wysiwyg-light-grey .button-secondary:focus:not(:disabled):before,
._wysiwyg-teal .button-secondary:focus:not(:disabled):before,
._wysiwyg-light-grey .button-secondary:hover:not(:disabled):after,
._wysiwyg-teal .button-secondary:hover:not(:disabled):after,
._wysiwyg-light-grey .button-secondary:focus:not(:disabled):after,
._wysiwyg-teal .button-secondary:focus:not(:disabled):after {
transform: translateX(0) translateY(0);
}
._wysiwyg-light-grey .button-secondary:disabled,
._wysiwyg-teal .button-secondary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-secondary:disabled:hover,
._wysiwyg-teal .button-secondary:disabled:hover,
._wysiwyg-light-grey .button-secondary:disabled:focus,
._wysiwyg-teal .button-secondary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-secondary-small,
._wysiwyg-teal .button-secondary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button-secondary-small:hover,
._wysiwyg-teal .button-secondary-small:hover,
._wysiwyg-light-grey .button-secondary-small:focus,
._wysiwyg-teal .button-secondary-small:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-secondary-small:before,
._wysiwyg-teal .button-secondary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-secondary-small:after,
._wysiwyg-teal .button-secondary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-secondary-small:hover,
._wysiwyg-teal .button-secondary-small:hover,
._wysiwyg-light-grey .button-secondary-small:focus,
._wysiwyg-teal .button-secondary-small:focus {
background: #000;
color: #ffffff;
}
._wysiwyg-light-grey .button-secondary-small:disabled,
._wysiwyg-teal .button-secondary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-secondary-small:disabled:hover,
._wysiwyg-teal .button-secondary-small:disabled:hover,
._wysiwyg-light-grey .button-secondary-small:disabled:focus,
._wysiwyg-teal .button-secondary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-emphasis,
._wysiwyg-teal .button-emphasis {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
margin-top: 20px;
}
._wysiwyg-light-grey .button-emphasis:hover,
._wysiwyg-teal .button-emphasis:hover,
._wysiwyg-light-grey .button-emphasis:focus,
._wysiwyg-teal .button-emphasis:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-emphasis:hover,
._wysiwyg-teal .button-emphasis:hover,
._wysiwyg-light-grey .button-emphasis:focus,
._wysiwyg-teal .button-emphasis:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-light-grey .button-emphasis:not(:disabled):after,
._wysiwyg-teal .button-emphasis:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .button-emphasis:not(:disabled):hover:after,
._wysiwyg-teal .button-emphasis:not(:disabled):hover:after,
._wysiwyg-light-grey .button-emphasis:not(:disabled):focus:after,
._wysiwyg-teal .button-emphasis:not(:disabled):focus:after {
background-position: 0 50%;
}
._wysiwyg-light-grey .button-emphasis:disabled,
._wysiwyg-teal .button-emphasis:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-emphasis:disabled:hover,
._wysiwyg-teal .button-emphasis:disabled:hover,
._wysiwyg-light-grey .button-emphasis:disabled:focus,
._wysiwyg-teal .button-emphasis:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-emphasis:disabled:after,
._wysiwyg-teal .button-emphasis:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-light-grey .button-icon,
._wysiwyg-teal .button-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button-icon:hover,
._wysiwyg-teal .button-icon:hover,
._wysiwyg-light-grey .button-icon:focus,
._wysiwyg-teal .button-icon:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-icon:before,
._wysiwyg-teal .button-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-icon:after,
._wysiwyg-teal .button-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-icon > svg,
._wysiwyg-teal .button-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._wysiwyg-light-grey .button-icon:hover,
._wysiwyg-teal .button-icon:hover,
._wysiwyg-light-grey .button-icon:focus,
._wysiwyg-teal .button-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-light-grey .button-icon:not(:disabled):hover:before,
._wysiwyg-teal .button-icon:not(:disabled):hover:before,
._wysiwyg-light-grey .button-icon:not(:disabled):focus:before,
._wysiwyg-teal .button-icon:not(:disabled):focus:before,
._wysiwyg-light-grey .button-icon:not(:disabled):hover:after,
._wysiwyg-teal .button-icon:not(:disabled):hover:after,
._wysiwyg-light-grey .button-icon:not(:disabled):focus:after,
._wysiwyg-teal .button-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-light-grey .button-icon:disabled,
._wysiwyg-teal .button-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-icon:disabled:hover,
._wysiwyg-teal .button-icon:disabled:hover,
._wysiwyg-light-grey .button-icon:disabled:focus,
._wysiwyg-teal .button-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey .button-only-icon,
._wysiwyg-teal .button-only-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-light-grey .button-only-icon:hover,
._wysiwyg-teal .button-only-icon:hover,
._wysiwyg-light-grey .button-only-icon:focus,
._wysiwyg-teal .button-only-icon:focus {
text-decoration: none;
}
._wysiwyg-light-grey .button-only-icon:before,
._wysiwyg-teal .button-only-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-only-icon:after,
._wysiwyg-teal .button-only-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-light-grey .button-only-icon > svg,
._wysiwyg-teal .button-only-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._wysiwyg-light-grey .button-only-icon:hover,
._wysiwyg-teal .button-only-icon:hover,
._wysiwyg-light-grey .button-only-icon:focus,
._wysiwyg-teal .button-only-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-light-grey .button-only-icon:not(:disabled):hover:before,
._wysiwyg-teal .button-only-icon:not(:disabled):hover:before,
._wysiwyg-light-grey .button-only-icon:not(:disabled):focus:before,
._wysiwyg-teal .button-only-icon:not(:disabled):focus:before,
._wysiwyg-light-grey .button-only-icon:not(:disabled):hover:after,
._wysiwyg-teal .button-only-icon:not(:disabled):hover:after,
._wysiwyg-light-grey .button-only-icon:not(:disabled):focus:after,
._wysiwyg-teal .button-only-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-light-grey .button-only-icon:disabled,
._wysiwyg-teal .button-only-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-light-grey .button-only-icon:disabled:hover,
._wysiwyg-teal .button-only-icon:disabled:hover,
._wysiwyg-light-grey .button-only-icon:disabled:focus,
._wysiwyg-teal .button-only-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-light-grey ul,
._wysiwyg-teal ul {
padding-left: 0;
list-style: none;
margin-top: 0;
}
._wysiwyg-light-grey ul li,
._wysiwyg-teal ul li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg-light-grey ul li *:first-child,
._wysiwyg-teal ul li *:first-child {
margin-top: 0;
}
._wysiwyg-light-grey ul li,
._wysiwyg-teal ul li {
position: relative;
padding-left: 15px;
}
._wysiwyg-light-grey ul li:before,
._wysiwyg-teal ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 11px;
}
._wysiwyg-light-grey ul li ul,
._wysiwyg-teal ul li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg-light-grey ul li ul li,
._wysiwyg-teal ul li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg-light-grey ul li ul li:first-child,
._wysiwyg-teal ul li ul li:first-child {
margin-top: 28px;
}
._wysiwyg-light-grey ul li ul li:before,
._wysiwyg-teal ul li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg-light-grey ol,
._wysiwyg-teal ol {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: ordered-list-counter;
}
._wysiwyg-light-grey ol li,
._wysiwyg-teal ol li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg-light-grey ol li *:first-child,
._wysiwyg-teal ol li *:first-child {
margin-top: 0;
}
._wysiwyg-light-grey ol li,
._wysiwyg-teal ol li {
position: relative;
padding-left: 20px;
}
._wysiwyg-light-grey ol li:first-child,
._wysiwyg-teal ol li:first-child {
margin-top: 28px;
}
._wysiwyg-light-grey ol li:before,
._wysiwyg-teal ol li:before {
content: counter(ordered-list-counter, decimal);
counter-increment: ordered-list-counter;
color: #e31b23;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
._wysiwyg-light-grey ol li ul,
._wysiwyg-teal ol li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg-light-grey ol li ul li,
._wysiwyg-teal ol li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg-light-grey ol li ul li:first-child,
._wysiwyg-teal ol li ul li:first-child {
margin-top: 28px;
}
._wysiwyg-light-grey ol li ul li:before,
._wysiwyg-teal ol li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg-light-grey iframe,
._wysiwyg-teal iframe {
max-width: 100%;
}
._wysiwyg-light-grey img,
._wysiwyg-teal img {
width: auto;
}
._wysiwyg-light-grey figure figcaption,
._wysiwyg-teal figure figcaption {
display: block;
width: 100%;
padding: 20px 15px;
position: relative;
}
._wysiwyg-light-grey figure figcaption:before,
._wysiwyg-teal figure figcaption:before {
content: '';
z-index: -1;
border: 14px solid #f0f0f0;
display: block;
position: absolute;
bottom: 0;
top: -40px;
right: 0;
left: 0;
}
._wysiwyg-light-grey figure.img--left,
._wysiwyg-teal figure.img--left {
float: left;
margin-right: 15px;
margin-top: 0;
}
._wysiwyg-light-grey figure.img--left figcaption,
._wysiwyg-teal figure.img--left figcaption {
padding-right: 30px;
}
._wysiwyg-light-grey figure.img--left figcaption:before,
._wysiwyg-teal figure.img--left figcaption:before {
left: -30px;
right: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-light-grey figure.img--left,
._wysiwyg-teal figure.img--left {
float: none;
}
}
._wysiwyg-light-grey figure.img--right,
._wysiwyg-teal figure.img--right {
float: right;
margin-left: 15px;
margin-top: 0;
}
._wysiwyg-light-grey figure.img--right figcaption,
._wysiwyg-teal figure.img--right figcaption {
padding-left: 30px;
}
._wysiwyg-light-grey figure.img--right figcaption:before,
._wysiwyg-teal figure.img--right figcaption:before {
right: -30px;
left: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-light-grey figure.img--right,
._wysiwyg-teal figure.img--right {
float: none;
}
}
._wysiwyg-light-grey figure.img--center,
._wysiwyg-teal figure.img--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg-light-grey .tooltip,
._wysiwyg-teal .tooltip {
display: inline-block;
position: relative;
cursor: pointer;
}
._wysiwyg-light-grey .tooltip:focus .tooltip__text,
._wysiwyg-teal .tooltip:focus .tooltip__text,
._wysiwyg-light-grey .tooltip:hover .tooltip__text,
._wysiwyg-teal .tooltip:hover .tooltip__text {
display: block;
}
._wysiwyg-light-grey .tooltip__trigger,
._wysiwyg-teal .tooltip__trigger {
display: inline-block;
background: #f0f0f0;
}
._wysiwyg-light-grey .tooltip__trigger:hover,
._wysiwyg-teal .tooltip__trigger:hover {
background: none;
}
._wysiwyg-light-grey .tooltip__trigger:hover:after,
._wysiwyg-teal .tooltip__trigger:hover:after {
content: '';
width: 100%;
height: 4px;
background: #f0f0f0;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-light-grey .tooltip__text,
._wysiwyg-teal .tooltip__text {
font-size: 0.875rem;
line-height: 1.14285714;
display: none;
position: absolute;
top: -6px;
left: 50%;
width: 250px;
transform: translateY(-100%) translateX(-50%);
padding: 20px 15px;
background: #004AA1;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
color: #ffffff;
line-height: 1.25;
}
._wysiwyg-light-grey .tooltip__text:after,
._wysiwyg-teal .tooltip__text:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #004AA1;
}
._wysiwyg-light-grey table,
._wysiwyg-teal table {
margin-top: 20px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-light-grey .table-responsive,
._wysiwyg-teal .table-responsive {
display: block;
overflow-x: scroll;
width: auto !important;
}
}
._wysiwyg-light-grey .td-highlight,
._wysiwyg-teal .td-highlight {
background: #3763C5;
color: white;
}
._wysiwyg-light-grey .tr-popular,
._wysiwyg-teal .tr-popular {
background: rgba(234, 234, 234, 0.5);
}
._wysiwyg-light-grey .tr-popular td,
._wysiwyg-teal .tr-popular td {
border-bottom: 2px solid #3BC0C7;
border-top: 2px solid #3BC0C7;
}
._wysiwyg-light-grey .disclaimer-text,
._wysiwyg-teal .disclaimer-text {
font-size: 0.75rem;
line-height: 1.66666667;
}
._wysiwyg-light-grey .mtn,
._wysiwyg-teal .mtn {
margin-top: 0 !important;
}
._wysiwyg-light-grey .mts,
._wysiwyg-teal .mts {
margin-top: 5px !important;
}
._wysiwyg-light-grey .mtm,
._wysiwyg-teal .mtm {
margin-top: 10px !important;
}
._wysiwyg-light-grey .mtl,
._wysiwyg-teal .mtl {
margin-top: 20px !important;
}
._wysiwyg-light-grey .mtx,
._wysiwyg-teal .mtx {
margin-top: 40px !important;
}
._wysiwyg-light-grey .mt2x,
._wysiwyg-teal .mt2x {
margin-top: 60px !important;
}
._wysiwyg-light-grey .mbn,
._wysiwyg-teal .mbn {
margin-bottom: 0 !important;
}
._wysiwyg-light-grey .mbs,
._wysiwyg-teal .mbs {
margin-bottom: 5px !important;
}
._wysiwyg-light-grey .mbm,
._wysiwyg-teal .mbm {
margin-bottom: 10px !important;
}
._wysiwyg-light-grey .mbl,
._wysiwyg-teal .mbl {
margin-bottom: 20px !important;
}
._wysiwyg-light-grey .mbx,
._wysiwyg-teal .mbx {
margin-bottom: 40px !important;
}
._wysiwyg-light-grey .mb2x,
._wysiwyg-teal .mb2x {
margin-bottom: 60px !important;
}
._wysiwyg-light-grey .mrn,
._wysiwyg-teal .mrn {
margin-right: 0 !important;
}
._wysiwyg-light-grey .mrs,
._wysiwyg-teal .mrs {
margin-right: 3.75px !important;
}
._wysiwyg-light-grey .mrm,
._wysiwyg-teal .mrm {
margin-right: 7.5px !important;
}
._wysiwyg-light-grey .mrl,
._wysiwyg-teal .mrl {
margin-right: 15px !important;
}
._wysiwyg-light-grey .mrx,
._wysiwyg-teal .mrx {
margin-right: 30px !important;
}
._wysiwyg-light-grey .mr2x,
._wysiwyg-teal .mr2x {
margin-right: 60px !important;
}
._wysiwyg-light-grey .mln,
._wysiwyg-teal .mln {
margin-left: 0 !important;
}
._wysiwyg-light-grey .mls,
._wysiwyg-teal .mls {
margin-left: 3.75px !important;
}
._wysiwyg-light-grey .mlm,
._wysiwyg-teal .mlm {
margin-left: 7.5px !important;
}
._wysiwyg-light-grey .mll,
._wysiwyg-teal .mll {
margin-left: 15px !important;
}
._wysiwyg-light-grey .mlx,
._wysiwyg-teal .mlx {
margin-left: 30px !important;
}
._wysiwyg-light-grey .ml2x,
._wysiwyg-teal .ml2x {
margin-left: 60px !important;
}
._wysiwyg-light-grey .man,
._wysiwyg-teal .man {
margin: 0 !important;
}
._wysiwyg-light-grey .mas,
._wysiwyg-teal .mas {
margin: 5px 3.75px !important;
}
._wysiwyg-light-grey .mam,
._wysiwyg-teal .mam {
margin: 10px 7.5px !important;
}
._wysiwyg-light-grey .mal,
._wysiwyg-teal .mal {
margin: 20px 15px !important;
}
._wysiwyg-light-grey .max,
._wysiwyg-teal .max {
margin: 40px 30px !important;
}
._wysiwyg-light-grey .ma2x,
._wysiwyg-teal .ma2x {
margin: 60px 60px !important;
}
._wysiwyg-light-grey .mvn,
._wysiwyg-teal .mvn {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._wysiwyg-light-grey .mvs,
._wysiwyg-teal .mvs {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
._wysiwyg-light-grey .mvm,
._wysiwyg-teal .mvm {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
._wysiwyg-light-grey .mvl,
._wysiwyg-teal .mvl {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
._wysiwyg-light-grey .mvx,
._wysiwyg-teal .mvx {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
._wysiwyg-light-grey .mv2x,
._wysiwyg-teal .mv2x {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
._wysiwyg-light-grey .mhn,
._wysiwyg-teal .mhn {
margin-left: 0 !important;
margin-right: 0 !important;
}
._wysiwyg-light-grey .mhs,
._wysiwyg-teal .mhs {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
._wysiwyg-light-grey .mhm,
._wysiwyg-teal .mhm {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
._wysiwyg-light-grey .mhl,
._wysiwyg-teal .mhl {
margin-left: 15px !important;
margin-right: 15px !important;
}
._wysiwyg-light-grey .mhx,
._wysiwyg-teal .mhx {
margin-left: 30px !important;
margin-right: 30px !important;
}
._wysiwyg-light-grey .mh2x,
._wysiwyg-teal .mh2x {
margin-left: 60px !important;
margin-right: 60px !important;
}
._wysiwyg-light-grey .ptn,
._wysiwyg-teal .ptn {
padding-top: 0 !important;
}
._wysiwyg-light-grey .pts,
._wysiwyg-teal .pts {
padding-top: 5px !important;
}
._wysiwyg-light-grey .ptm,
._wysiwyg-teal .ptm {
padding-top: 10px !important;
}
._wysiwyg-light-grey .ptl,
._wysiwyg-teal .ptl {
padding-top: 20px !important;
}
._wysiwyg-light-grey .ptx,
._wysiwyg-teal .ptx {
padding-top: 40px !important;
}
._wysiwyg-light-grey .pt2x,
._wysiwyg-teal .pt2x {
padding-top: 60px !important;
}
._wysiwyg-light-grey .pbn,
._wysiwyg-teal .pbn {
padding-bottom: 0 !important;
}
._wysiwyg-light-grey .pbs,
._wysiwyg-teal .pbs {
padding-bottom: 5px !important;
}
._wysiwyg-light-grey .pbm,
._wysiwyg-teal .pbm {
padding-bottom: 10px !important;
}
._wysiwyg-light-grey .pbl,
._wysiwyg-teal .pbl {
padding-bottom: 20px !important;
}
._wysiwyg-light-grey .pbx,
._wysiwyg-teal .pbx {
padding-bottom: 40px !important;
}
._wysiwyg-light-grey .pb2x,
._wysiwyg-teal .pb2x {
padding-bottom: 60px !important;
}
._wysiwyg-light-grey .prn,
._wysiwyg-teal .prn {
padding-right: 0 !important;
}
._wysiwyg-light-grey .prs,
._wysiwyg-teal .prs {
padding-right: 3.75px !important;
}
._wysiwyg-light-grey .prm,
._wysiwyg-teal .prm {
padding-right: 7.5px !important;
}
._wysiwyg-light-grey .prl,
._wysiwyg-teal .prl {
padding-right: 15px !important;
}
._wysiwyg-light-grey .prx,
._wysiwyg-teal .prx {
padding-right: 30px !important;
}
._wysiwyg-light-grey .pr2x,
._wysiwyg-teal .pr2x {
padding-right: 60px !important;
}
._wysiwyg-light-grey .pln,
._wysiwyg-teal .pln {
padding-left: 0 !important;
}
._wysiwyg-light-grey .pls,
._wysiwyg-teal .pls {
padding-left: 3.75px !important;
}
._wysiwyg-light-grey .plm,
._wysiwyg-teal .plm {
padding-left: 7.5px !important;
}
._wysiwyg-light-grey .pll,
._wysiwyg-teal .pll {
padding-left: 15px !important;
}
._wysiwyg-light-grey .plx,
._wysiwyg-teal .plx {
padding-left: 30px !important;
}
._wysiwyg-light-grey .pl2x,
._wysiwyg-teal .pl2x {
padding-left: 60px !important;
}
._wysiwyg-light-grey .pan,
._wysiwyg-teal .pan {
padding: 0 !important;
}
._wysiwyg-light-grey .pas,
._wysiwyg-teal .pas {
padding: 5px 3.75px !important;
}
._wysiwyg-light-grey .pam,
._wysiwyg-teal .pam {
padding: 10px 7.5px !important;
}
._wysiwyg-light-grey .pal,
._wysiwyg-teal .pal {
padding: 20px 15px !important;
}
._wysiwyg-light-grey .pax,
._wysiwyg-teal .pax {
padding: 40px 30px !important;
}
._wysiwyg-light-grey .pa2x,
._wysiwyg-teal .pa2x {
padding: 60px 60px !important;
}
._wysiwyg-light-grey .pvn,
._wysiwyg-teal .pvn {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._wysiwyg-light-grey .pvs,
._wysiwyg-teal .pvs {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
._wysiwyg-light-grey .pvm,
._wysiwyg-teal .pvm {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
._wysiwyg-light-grey .pvl,
._wysiwyg-teal .pvl {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
._wysiwyg-light-grey .pvx,
._wysiwyg-teal .pvx {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
._wysiwyg-light-grey .pv2x,
._wysiwyg-teal .pv2x {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
._wysiwyg-light-grey .phn,
._wysiwyg-teal .phn {
padding-left: 0 !important;
padding-right: 0 !important;
}
._wysiwyg-light-grey .phs,
._wysiwyg-teal .phs {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
._wysiwyg-light-grey .phm,
._wysiwyg-teal .phm {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
._wysiwyg-light-grey .phl,
._wysiwyg-teal .phl {
padding-left: 15px !important;
padding-right: 15px !important;
}
._wysiwyg-light-grey .phx,
._wysiwyg-teal .phx {
padding-left: 30px !important;
padding-right: 30px !important;
}
._wysiwyg-light-grey .ph2x,
._wysiwyg-teal .ph2x {
padding-left: 60px !important;
padding-right: 60px !important;
}
._wysiwyg-light-grey .align--left,
._wysiwyg-teal .align--left {
float: left;
}
._wysiwyg-light-grey .align--right,
._wysiwyg-teal .align--right {
float: right;
}
._wysiwyg-light-grey .align--center,
._wysiwyg-teal .align--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg-light-grey .text--center,
._wysiwyg-teal .text--center {
text-align: center;
}
._wysiwyg-light-grey .text--left,
._wysiwyg-teal .text--left {
text-align: left;
}
._wysiwyg-light-grey .text--right,
._wysiwyg-teal .text--right {
text-align: right;
}
._wysiwyg-light-grey .text--uppercase,
._wysiwyg-teal .text--uppercase {
text-transform: uppercase;
}
._wysiwyg-light-grey .primary-heading,
._wysiwyg-teal .primary-heading {
font-size: 4.75rem;
line-height: 1.05263158;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (min-width: 48em) {
._wysiwyg-light-grey .primary-heading,
._wysiwyg-teal .primary-heading {
font-size: 8.5rem;
line-height: 0.88235294;
letter-spacing: -0.011176em;
line-height: 0.85745em;
}
}
._wysiwyg-light-grey .secondary-heading,
._wysiwyg-teal .secondary-heading {
font-size: 1.875rem;
line-height: 1.26666667;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
}
._wysiwyg-light-grey .tertiary-heading,
._wysiwyg-teal .tertiary-heading {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
._wysiwyg-light-grey .pre-heading,
._wysiwyg-teal .pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.459285em;
}
@media all and (min-width: 48em) {
._wysiwyg-light-grey .pre-heading,
._wysiwyg-teal .pre-heading {
font-size: 1.125rem;
line-height: 1.27777778;
letter-spacing: 0.357222em;
}
}
._wysiwyg-light-grey .home-banner-text-shadow,
._wysiwyg-teal .home-banner-text-shadow {
text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}
._wysiwyg-light-grey .home-pre-heading,
._wysiwyg-teal .home-pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.25;
letter-spacing: 0.357083em;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
@media all and (min-width: 48em) {
._wysiwyg-light-grey .home-pre-heading,
._wysiwyg-teal .home-pre-heading {
font-size: 2.25rem;
line-height: 1.38888889;
letter-spacing: 0.238055em;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg-light-grey .tiny-text-on-small,
._wysiwyg-teal .tiny-text-on-small {
font-size: 0.75rem;
line-height: 1.66666667;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg-light-grey .hidden-on-small,
._wysiwyg-teal .hidden-on-small {
display: none;
}
}
._wysiwyg-black,
._wysiwyg-dark-blue,
._wysiwyg-blue {
/**
* Table Styles
*
* Includes some custom classes to easily recreate great looking tables!
*/
/**
* Spacing
*
* Utility spacing classes
*/
/**
* Alignment
*/
}
._wysiwyg-black.tinymce,
._wysiwyg-dark-blue.tinymce,
._wysiwyg-blue.tinymce {
padding: 10px 7.5px;
}
._wysiwyg-black h1,
._wysiwyg-dark-blue h1,
._wysiwyg-blue h1,
._wysiwyg-black h2,
._wysiwyg-dark-blue h2,
._wysiwyg-blue h2,
._wysiwyg-black h3,
._wysiwyg-dark-blue h3,
._wysiwyg-blue h3,
._wysiwyg-black h4,
._wysiwyg-dark-blue h4,
._wysiwyg-blue h4,
._wysiwyg-black h5,
._wysiwyg-dark-blue h5,
._wysiwyg-blue h5,
._wysiwyg-black h6,
._wysiwyg-dark-blue h6,
._wysiwyg-blue h6 {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
}
._wysiwyg-black h1 + h1,
._wysiwyg-dark-blue h1 + h1,
._wysiwyg-blue h1 + h1,
._wysiwyg-black h2 + h1,
._wysiwyg-dark-blue h2 + h1,
._wysiwyg-blue h2 + h1,
._wysiwyg-black h3 + h1,
._wysiwyg-dark-blue h3 + h1,
._wysiwyg-blue h3 + h1,
._wysiwyg-black h4 + h1,
._wysiwyg-dark-blue h4 + h1,
._wysiwyg-blue h4 + h1,
._wysiwyg-black h5 + h1,
._wysiwyg-dark-blue h5 + h1,
._wysiwyg-blue h5 + h1,
._wysiwyg-black h6 + h1,
._wysiwyg-dark-blue h6 + h1,
._wysiwyg-blue h6 + h1,
._wysiwyg-black h1 + h2,
._wysiwyg-dark-blue h1 + h2,
._wysiwyg-blue h1 + h2,
._wysiwyg-black h2 + h2,
._wysiwyg-dark-blue h2 + h2,
._wysiwyg-blue h2 + h2,
._wysiwyg-black h3 + h2,
._wysiwyg-dark-blue h3 + h2,
._wysiwyg-blue h3 + h2,
._wysiwyg-black h4 + h2,
._wysiwyg-dark-blue h4 + h2,
._wysiwyg-blue h4 + h2,
._wysiwyg-black h5 + h2,
._wysiwyg-dark-blue h5 + h2,
._wysiwyg-blue h5 + h2,
._wysiwyg-black h6 + h2,
._wysiwyg-dark-blue h6 + h2,
._wysiwyg-blue h6 + h2,
._wysiwyg-black h1 + h3,
._wysiwyg-dark-blue h1 + h3,
._wysiwyg-blue h1 + h3,
._wysiwyg-black h2 + h3,
._wysiwyg-dark-blue h2 + h3,
._wysiwyg-blue h2 + h3,
._wysiwyg-black h3 + h3,
._wysiwyg-dark-blue h3 + h3,
._wysiwyg-blue h3 + h3,
._wysiwyg-black h4 + h3,
._wysiwyg-dark-blue h4 + h3,
._wysiwyg-blue h4 + h3,
._wysiwyg-black h5 + h3,
._wysiwyg-dark-blue h5 + h3,
._wysiwyg-blue h5 + h3,
._wysiwyg-black h6 + h3,
._wysiwyg-dark-blue h6 + h3,
._wysiwyg-blue h6 + h3,
._wysiwyg-black h1 + h4,
._wysiwyg-dark-blue h1 + h4,
._wysiwyg-blue h1 + h4,
._wysiwyg-black h2 + h4,
._wysiwyg-dark-blue h2 + h4,
._wysiwyg-blue h2 + h4,
._wysiwyg-black h3 + h4,
._wysiwyg-dark-blue h3 + h4,
._wysiwyg-blue h3 + h4,
._wysiwyg-black h4 + h4,
._wysiwyg-dark-blue h4 + h4,
._wysiwyg-blue h4 + h4,
._wysiwyg-black h5 + h4,
._wysiwyg-dark-blue h5 + h4,
._wysiwyg-blue h5 + h4,
._wysiwyg-black h6 + h4,
._wysiwyg-dark-blue h6 + h4,
._wysiwyg-blue h6 + h4,
._wysiwyg-black h1 + h5,
._wysiwyg-dark-blue h1 + h5,
._wysiwyg-blue h1 + h5,
._wysiwyg-black h2 + h5,
._wysiwyg-dark-blue h2 + h5,
._wysiwyg-blue h2 + h5,
._wysiwyg-black h3 + h5,
._wysiwyg-dark-blue h3 + h5,
._wysiwyg-blue h3 + h5,
._wysiwyg-black h4 + h5,
._wysiwyg-dark-blue h4 + h5,
._wysiwyg-blue h4 + h5,
._wysiwyg-black h5 + h5,
._wysiwyg-dark-blue h5 + h5,
._wysiwyg-blue h5 + h5,
._wysiwyg-black h6 + h5,
._wysiwyg-dark-blue h6 + h5,
._wysiwyg-blue h6 + h5,
._wysiwyg-black h1 + h6,
._wysiwyg-dark-blue h1 + h6,
._wysiwyg-blue h1 + h6,
._wysiwyg-black h2 + h6,
._wysiwyg-dark-blue h2 + h6,
._wysiwyg-blue h2 + h6,
._wysiwyg-black h3 + h6,
._wysiwyg-dark-blue h3 + h6,
._wysiwyg-blue h3 + h6,
._wysiwyg-black h4 + h6,
._wysiwyg-dark-blue h4 + h6,
._wysiwyg-blue h4 + h6,
._wysiwyg-black h5 + h6,
._wysiwyg-dark-blue h5 + h6,
._wysiwyg-blue h5 + h6,
._wysiwyg-black h6 + h6,
._wysiwyg-dark-blue h6 + h6,
._wysiwyg-blue h6 + h6 {
margin-top: 5px;
}
@media all and (min-width: 48em) {
._wysiwyg-black h1:first-child,
._wysiwyg-dark-blue h1:first-child,
._wysiwyg-blue h1:first-child,
._wysiwyg-black h2:first-child,
._wysiwyg-dark-blue h2:first-child,
._wysiwyg-blue h2:first-child,
._wysiwyg-black h3:first-child,
._wysiwyg-dark-blue h3:first-child,
._wysiwyg-blue h3:first-child,
._wysiwyg-black h4:first-child,
._wysiwyg-dark-blue h4:first-child,
._wysiwyg-blue h4:first-child,
._wysiwyg-black h5:first-child,
._wysiwyg-dark-blue h5:first-child,
._wysiwyg-blue h5:first-child,
._wysiwyg-black h6:first-child,
._wysiwyg-dark-blue h6:first-child,
._wysiwyg-blue h6:first-child,
._wysiwyg-black p:first-child,
._wysiwyg-dark-blue p:first-child,
._wysiwyg-blue p:first-child {
margin-top: 0;
}
}
._wysiwyg-black p strong,
._wysiwyg-dark-blue p strong,
._wysiwyg-blue p strong,
._wysiwyg-black p b,
._wysiwyg-dark-blue p b,
._wysiwyg-blue p b {
font-weight: 700;
}
._wysiwyg-black p i,
._wysiwyg-dark-blue p i,
._wysiwyg-blue p i,
._wysiwyg-black p em,
._wysiwyg-dark-blue p em,
._wysiwyg-blue p em {
font-style: italic;
}
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style),
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style),
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):visited {
color: currentColor;
}
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):hover,
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):not(.link-no-style):focus {
color: #ffffff;
background: #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 3px 2px 0 #e31b23, 3px -2px 0 #e31b23, -3px 2px 0 #e31b23, -3px -2px 0 #e31b23;
border-bottom-color: #e31b23;
}
._wysiwyg-black .link,
._wysiwyg-dark-blue .link,
._wysiwyg-blue .link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
}
._wysiwyg-black .link:after,
._wysiwyg-dark-blue .link:after,
._wysiwyg-blue .link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link:hover,
._wysiwyg-dark-blue .link:hover,
._wysiwyg-blue .link:hover,
._wysiwyg-black .link:focus,
._wysiwyg-dark-blue .link:focus,
._wysiwyg-blue .link:focus {
color: #212121;
}
._wysiwyg-black .link:hover:after,
._wysiwyg-dark-blue .link:hover:after,
._wysiwyg-blue .link:hover:after,
._wysiwyg-black .link:focus:after,
._wysiwyg-dark-blue .link:focus:after,
._wysiwyg-blue .link:focus:after {
background: #831D22;
}
._wysiwyg-black .link:visited,
._wysiwyg-dark-blue .link:visited,
._wysiwyg-blue .link:visited {
color: #212121;
}
._wysiwyg-black .link-small,
._wysiwyg-dark-blue .link-small,
._wysiwyg-blue .link-small {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
}
._wysiwyg-black .link-small:after,
._wysiwyg-dark-blue .link-small:after,
._wysiwyg-blue .link-small:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-small:hover,
._wysiwyg-dark-blue .link-small:hover,
._wysiwyg-blue .link-small:hover,
._wysiwyg-black .link-small:focus,
._wysiwyg-dark-blue .link-small:focus,
._wysiwyg-blue .link-small:focus {
color: #212121;
}
._wysiwyg-black .link-small:hover:after,
._wysiwyg-dark-blue .link-small:hover:after,
._wysiwyg-blue .link-small:hover:after,
._wysiwyg-black .link-small:focus:after,
._wysiwyg-dark-blue .link-small:focus:after,
._wysiwyg-blue .link-small:focus:after {
background: #831D22;
}
._wysiwyg-black .link-small:visited,
._wysiwyg-dark-blue .link-small:visited,
._wysiwyg-blue .link-small:visited {
color: #212121;
}
._wysiwyg-black .link-emphasis,
._wysiwyg-dark-blue .link-emphasis,
._wysiwyg-blue .link-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
}
._wysiwyg-black .link-emphasis:after,
._wysiwyg-dark-blue .link-emphasis:after,
._wysiwyg-blue .link-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-emphasis:hover,
._wysiwyg-dark-blue .link-emphasis:hover,
._wysiwyg-blue .link-emphasis:hover,
._wysiwyg-black .link-emphasis:focus,
._wysiwyg-dark-blue .link-emphasis:focus,
._wysiwyg-blue .link-emphasis:focus {
color: #212121;
}
._wysiwyg-black .link-emphasis:hover:after,
._wysiwyg-dark-blue .link-emphasis:hover:after,
._wysiwyg-blue .link-emphasis:hover:after,
._wysiwyg-black .link-emphasis:focus:after,
._wysiwyg-dark-blue .link-emphasis:focus:after,
._wysiwyg-blue .link-emphasis:focus:after {
background: #831D22;
}
._wysiwyg-black .link-emphasis:visited,
._wysiwyg-dark-blue .link-emphasis:visited,
._wysiwyg-blue .link-emphasis:visited {
color: #212121;
}
._wysiwyg-black .link-emphasis:before,
._wysiwyg-dark-blue .link-emphasis:before,
._wysiwyg-blue .link-emphasis:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-emphasis:after,
._wysiwyg-dark-blue .link-emphasis:after,
._wysiwyg-blue .link-emphasis:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-emphasis:hover:before,
._wysiwyg-dark-blue .link-emphasis:hover:before,
._wysiwyg-blue .link-emphasis:hover:before,
._wysiwyg-black .link-emphasis:focus:before,
._wysiwyg-dark-blue .link-emphasis:focus:before,
._wysiwyg-blue .link-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg-black .link-emphasis:hover:after,
._wysiwyg-dark-blue .link-emphasis:hover:after,
._wysiwyg-blue .link-emphasis:hover:after,
._wysiwyg-black .link-emphasis:focus:after,
._wysiwyg-dark-blue .link-emphasis:focus:after,
._wysiwyg-blue .link-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg-black .link-small-emphasis,
._wysiwyg-dark-blue .link-small-emphasis,
._wysiwyg-blue .link-small-emphasis {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-right: 36px;
}
._wysiwyg-black .link-small-emphasis:after,
._wysiwyg-dark-blue .link-small-emphasis:after,
._wysiwyg-blue .link-small-emphasis:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-small-emphasis:hover,
._wysiwyg-dark-blue .link-small-emphasis:hover,
._wysiwyg-blue .link-small-emphasis:hover,
._wysiwyg-black .link-small-emphasis:focus,
._wysiwyg-dark-blue .link-small-emphasis:focus,
._wysiwyg-blue .link-small-emphasis:focus {
color: #212121;
}
._wysiwyg-black .link-small-emphasis:hover:after,
._wysiwyg-dark-blue .link-small-emphasis:hover:after,
._wysiwyg-blue .link-small-emphasis:hover:after,
._wysiwyg-black .link-small-emphasis:focus:after,
._wysiwyg-dark-blue .link-small-emphasis:focus:after,
._wysiwyg-blue .link-small-emphasis:focus:after {
background: #831D22;
}
._wysiwyg-black .link-small-emphasis:visited,
._wysiwyg-dark-blue .link-small-emphasis:visited,
._wysiwyg-blue .link-small-emphasis:visited {
color: #212121;
}
._wysiwyg-black .link-small-emphasis:before,
._wysiwyg-dark-blue .link-small-emphasis:before,
._wysiwyg-blue .link-small-emphasis:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-small-emphasis:after,
._wysiwyg-dark-blue .link-small-emphasis:after,
._wysiwyg-blue .link-small-emphasis:after {
transform: translateX(-36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-small-emphasis:hover:before,
._wysiwyg-dark-blue .link-small-emphasis:hover:before,
._wysiwyg-blue .link-small-emphasis:hover:before,
._wysiwyg-black .link-small-emphasis:focus:before,
._wysiwyg-dark-blue .link-small-emphasis:focus:before,
._wysiwyg-blue .link-small-emphasis:focus:before {
background-position: 0 50%;
}
._wysiwyg-black .link-small-emphasis:hover:after,
._wysiwyg-dark-blue .link-small-emphasis:hover:after,
._wysiwyg-blue .link-small-emphasis:hover:after,
._wysiwyg-black .link-small-emphasis:focus:after,
._wysiwyg-dark-blue .link-small-emphasis:focus:after,
._wysiwyg-blue .link-small-emphasis:focus:after {
transform: translateX(0);
}
._wysiwyg-black .link-emphasis-left,
._wysiwyg-dark-blue .link-emphasis-left,
._wysiwyg-blue .link-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
padding-right: 0;
padding-left: 40px;
}
._wysiwyg-black .link-emphasis-left:after,
._wysiwyg-dark-blue .link-emphasis-left:after,
._wysiwyg-blue .link-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-emphasis-left:hover,
._wysiwyg-dark-blue .link-emphasis-left:hover,
._wysiwyg-blue .link-emphasis-left:hover,
._wysiwyg-black .link-emphasis-left:focus,
._wysiwyg-dark-blue .link-emphasis-left:focus,
._wysiwyg-blue .link-emphasis-left:focus {
color: #212121;
}
._wysiwyg-black .link-emphasis-left:hover:after,
._wysiwyg-dark-blue .link-emphasis-left:hover:after,
._wysiwyg-blue .link-emphasis-left:hover:after,
._wysiwyg-black .link-emphasis-left:focus:after,
._wysiwyg-dark-blue .link-emphasis-left:focus:after,
._wysiwyg-blue .link-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg-black .link-emphasis-left:visited,
._wysiwyg-dark-blue .link-emphasis-left:visited,
._wysiwyg-blue .link-emphasis-left:visited {
color: #212121;
}
._wysiwyg-black .link-emphasis-left:before,
._wysiwyg-dark-blue .link-emphasis-left:before,
._wysiwyg-blue .link-emphasis-left:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-emphasis-left:after,
._wysiwyg-dark-blue .link-emphasis-left:after,
._wysiwyg-blue .link-emphasis-left:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-emphasis-left:hover:before,
._wysiwyg-dark-blue .link-emphasis-left:hover:before,
._wysiwyg-blue .link-emphasis-left:hover:before,
._wysiwyg-black .link-emphasis-left:focus:before,
._wysiwyg-dark-blue .link-emphasis-left:focus:before,
._wysiwyg-blue .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-black .link-emphasis-left:hover:after,
._wysiwyg-dark-blue .link-emphasis-left:hover:after,
._wysiwyg-blue .link-emphasis-left:hover:after,
._wysiwyg-black .link-emphasis-left:focus:after,
._wysiwyg-dark-blue .link-emphasis-left:focus:after,
._wysiwyg-blue .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-black .link-emphasis-left:before,
._wysiwyg-dark-blue .link-emphasis-left:before,
._wysiwyg-blue .link-emphasis-left:before {
right: auto;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
}
._wysiwyg-black .link-emphasis-left:after,
._wysiwyg-dark-blue .link-emphasis-left:after,
._wysiwyg-blue .link-emphasis-left:after {
transform: translateX(40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-emphasis-left:hover:before,
._wysiwyg-dark-blue .link-emphasis-left:hover:before,
._wysiwyg-blue .link-emphasis-left:hover:before,
._wysiwyg-black .link-emphasis-left:focus:before,
._wysiwyg-dark-blue .link-emphasis-left:focus:before,
._wysiwyg-blue .link-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-black .link-emphasis-left:hover:after,
._wysiwyg-dark-blue .link-emphasis-left:hover:after,
._wysiwyg-blue .link-emphasis-left:hover:after,
._wysiwyg-black .link-emphasis-left:focus:after,
._wysiwyg-dark-blue .link-emphasis-left:focus:after,
._wysiwyg-blue .link-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-black .link-small-emphasis-left,
._wysiwyg-dark-blue .link-small-emphasis-left,
._wysiwyg-blue .link-small-emphasis-left {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
overflow: hidden;
padding-left: 36px;
}
._wysiwyg-black .link-small-emphasis-left:after,
._wysiwyg-dark-blue .link-small-emphasis-left:after,
._wysiwyg-blue .link-small-emphasis-left:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-small-emphasis-left:hover,
._wysiwyg-dark-blue .link-small-emphasis-left:hover,
._wysiwyg-blue .link-small-emphasis-left:hover,
._wysiwyg-black .link-small-emphasis-left:focus,
._wysiwyg-dark-blue .link-small-emphasis-left:focus,
._wysiwyg-blue .link-small-emphasis-left:focus {
color: #212121;
}
._wysiwyg-black .link-small-emphasis-left:hover:after,
._wysiwyg-dark-blue .link-small-emphasis-left:hover:after,
._wysiwyg-blue .link-small-emphasis-left:hover:after,
._wysiwyg-black .link-small-emphasis-left:focus:after,
._wysiwyg-dark-blue .link-small-emphasis-left:focus:after,
._wysiwyg-blue .link-small-emphasis-left:focus:after {
background: #831D22;
}
._wysiwyg-black .link-small-emphasis-left:visited,
._wysiwyg-dark-blue .link-small-emphasis-left:visited,
._wysiwyg-blue .link-small-emphasis-left:visited {
color: #212121;
}
._wysiwyg-black .link-small-emphasis-left:before,
._wysiwyg-dark-blue .link-small-emphasis-left:before,
._wysiwyg-blue .link-small-emphasis-left:before {
content: '';
height: 16px;
width: 25px;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-left.svg');
background-position: 10px 50%;
background-repeat: no-repeat;
background-size: 25px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-small-emphasis-left:after,
._wysiwyg-dark-blue .link-small-emphasis-left:after,
._wysiwyg-blue .link-small-emphasis-left:after {
transform: translateX(36px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .link-small-emphasis-left:hover:before,
._wysiwyg-dark-blue .link-small-emphasis-left:hover:before,
._wysiwyg-blue .link-small-emphasis-left:hover:before,
._wysiwyg-black .link-small-emphasis-left:focus:before,
._wysiwyg-dark-blue .link-small-emphasis-left:focus:before,
._wysiwyg-blue .link-small-emphasis-left:focus:before {
background-position: 0 50%;
}
._wysiwyg-black .link-small-emphasis-left:hover:after,
._wysiwyg-dark-blue .link-small-emphasis-left:hover:after,
._wysiwyg-blue .link-small-emphasis-left:hover:after,
._wysiwyg-black .link-small-emphasis-left:focus:after,
._wysiwyg-dark-blue .link-small-emphasis-left:focus:after,
._wysiwyg-blue .link-small-emphasis-left:focus:after {
transform: translateX(0);
}
._wysiwyg-black .link-icon,
._wysiwyg-dark-blue .link-icon,
._wysiwyg-blue .link-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
margin-left: 38px;
}
._wysiwyg-black .link-icon:after,
._wysiwyg-dark-blue .link-icon:after,
._wysiwyg-blue .link-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-icon:hover,
._wysiwyg-dark-blue .link-icon:hover,
._wysiwyg-blue .link-icon:hover,
._wysiwyg-black .link-icon:focus,
._wysiwyg-dark-blue .link-icon:focus,
._wysiwyg-blue .link-icon:focus {
color: #212121;
}
._wysiwyg-black .link-icon:hover:after,
._wysiwyg-dark-blue .link-icon:hover:after,
._wysiwyg-blue .link-icon:hover:after,
._wysiwyg-black .link-icon:focus:after,
._wysiwyg-dark-blue .link-icon:focus:after,
._wysiwyg-blue .link-icon:focus:after {
background: #831D22;
}
._wysiwyg-black .link-icon:visited,
._wysiwyg-dark-blue .link-icon:visited,
._wysiwyg-blue .link-icon:visited {
color: #212121;
}
._wysiwyg-black .link-icon > svg,
._wysiwyg-dark-blue .link-icon > svg,
._wysiwyg-blue .link-icon > svg {
height: 34px;
width: 34px;
position: absolute;
left: -38px;
top: 0;
fill: #e31b23;
}
._wysiwyg-black .link-icon:hover > svg,
._wysiwyg-dark-blue .link-icon:hover > svg,
._wysiwyg-blue .link-icon:hover > svg,
._wysiwyg-black .link-icon:focus > svg,
._wysiwyg-dark-blue .link-icon:focus > svg,
._wysiwyg-blue .link-icon:focus > svg {
fill: #831D22;
}
._wysiwyg-black .link-small-icon,
._wysiwyg-dark-blue .link-small-icon,
._wysiwyg-blue .link-small-icon {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.66666667;
margin-left: 29px;
}
._wysiwyg-black .link-small-icon:after,
._wysiwyg-dark-blue .link-small-icon:after,
._wysiwyg-blue .link-small-icon:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .link-small-icon:hover,
._wysiwyg-dark-blue .link-small-icon:hover,
._wysiwyg-blue .link-small-icon:hover,
._wysiwyg-black .link-small-icon:focus,
._wysiwyg-dark-blue .link-small-icon:focus,
._wysiwyg-blue .link-small-icon:focus {
color: #212121;
}
._wysiwyg-black .link-small-icon:hover:after,
._wysiwyg-dark-blue .link-small-icon:hover:after,
._wysiwyg-blue .link-small-icon:hover:after,
._wysiwyg-black .link-small-icon:focus:after,
._wysiwyg-dark-blue .link-small-icon:focus:after,
._wysiwyg-blue .link-small-icon:focus:after {
background: #831D22;
}
._wysiwyg-black .link-small-icon:visited,
._wysiwyg-dark-blue .link-small-icon:visited,
._wysiwyg-blue .link-small-icon:visited {
color: #212121;
}
._wysiwyg-black .link-small-icon > svg,
._wysiwyg-dark-blue .link-small-icon > svg,
._wysiwyg-blue .link-small-icon > svg {
height: 22px;
width: 22px;
position: absolute;
left: -29px;
top: 0;
fill: #e31b23;
}
._wysiwyg-black .link-small-icon:hover > svg,
._wysiwyg-dark-blue .link-small-icon:hover > svg,
._wysiwyg-blue .link-small-icon:hover > svg,
._wysiwyg-black .link-small-icon:focus > svg,
._wysiwyg-dark-blue .link-small-icon:focus > svg,
._wysiwyg-blue .link-small-icon:focus > svg {
fill: #831D22;
}
._wysiwyg-black .link-no-style,
._wysiwyg-dark-blue .link-no-style,
._wysiwyg-blue .link-no-style {
text-decoration: none;
}
._wysiwyg-black .link-inline,
._wysiwyg-dark-blue .link-inline,
._wysiwyg-blue .link-inline {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._wysiwyg-black .link-inline:hover,
._wysiwyg-dark-blue .link-inline:hover,
._wysiwyg-blue .link-inline:hover,
._wysiwyg-black .link-inline:focus,
._wysiwyg-dark-blue .link-inline:focus,
._wysiwyg-blue .link-inline:focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._wysiwyg-black .link-inline:visited,
._wysiwyg-dark-blue .link-inline:visited,
._wysiwyg-blue .link-inline:visited {
color: currentColor;
}
._wysiwyg-black .button,
._wysiwyg-dark-blue .button,
._wysiwyg-blue .button,
._wysiwyg-black .button-primary,
._wysiwyg-dark-blue .button-primary,
._wysiwyg-blue .button-primary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button:hover,
._wysiwyg-dark-blue .button:hover,
._wysiwyg-blue .button:hover,
._wysiwyg-black .button-primary:hover,
._wysiwyg-dark-blue .button-primary:hover,
._wysiwyg-blue .button-primary:hover,
._wysiwyg-black .button:focus,
._wysiwyg-dark-blue .button:focus,
._wysiwyg-blue .button:focus,
._wysiwyg-black .button-primary:focus,
._wysiwyg-dark-blue .button-primary:focus,
._wysiwyg-blue .button-primary:focus {
text-decoration: none;
}
._wysiwyg-black .button:before,
._wysiwyg-dark-blue .button:before,
._wysiwyg-blue .button:before,
._wysiwyg-black .button-primary:before,
._wysiwyg-dark-blue .button-primary:before,
._wysiwyg-blue .button-primary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button:after,
._wysiwyg-dark-blue .button:after,
._wysiwyg-blue .button:after,
._wysiwyg-black .button-primary:after,
._wysiwyg-dark-blue .button-primary:after,
._wysiwyg-blue .button-primary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button:hover,
._wysiwyg-dark-blue .button:hover,
._wysiwyg-blue .button:hover,
._wysiwyg-black .button-primary:hover,
._wysiwyg-dark-blue .button-primary:hover,
._wysiwyg-blue .button-primary:hover,
._wysiwyg-black .button:focus,
._wysiwyg-dark-blue .button:focus,
._wysiwyg-blue .button:focus,
._wysiwyg-black .button-primary:focus,
._wysiwyg-dark-blue .button-primary:focus,
._wysiwyg-blue .button-primary:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-black .button:not(:disabled):hover:before,
._wysiwyg-dark-blue .button:not(:disabled):hover:before,
._wysiwyg-blue .button:not(:disabled):hover:before,
._wysiwyg-black .button-primary:not(:disabled):hover:before,
._wysiwyg-dark-blue .button-primary:not(:disabled):hover:before,
._wysiwyg-blue .button-primary:not(:disabled):hover:before,
._wysiwyg-black .button:not(:disabled):focus:before,
._wysiwyg-dark-blue .button:not(:disabled):focus:before,
._wysiwyg-blue .button:not(:disabled):focus:before,
._wysiwyg-black .button-primary:not(:disabled):focus:before,
._wysiwyg-dark-blue .button-primary:not(:disabled):focus:before,
._wysiwyg-blue .button-primary:not(:disabled):focus:before,
._wysiwyg-black .button:not(:disabled):hover:after,
._wysiwyg-dark-blue .button:not(:disabled):hover:after,
._wysiwyg-blue .button:not(:disabled):hover:after,
._wysiwyg-black .button-primary:not(:disabled):hover:after,
._wysiwyg-dark-blue .button-primary:not(:disabled):hover:after,
._wysiwyg-blue .button-primary:not(:disabled):hover:after,
._wysiwyg-black .button:not(:disabled):focus:after,
._wysiwyg-dark-blue .button:not(:disabled):focus:after,
._wysiwyg-blue .button:not(:disabled):focus:after,
._wysiwyg-black .button-primary:not(:disabled):focus:after,
._wysiwyg-dark-blue .button-primary:not(:disabled):focus:after,
._wysiwyg-blue .button-primary:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-black .button:disabled,
._wysiwyg-dark-blue .button:disabled,
._wysiwyg-blue .button:disabled,
._wysiwyg-black .button-primary:disabled,
._wysiwyg-dark-blue .button-primary:disabled,
._wysiwyg-blue .button-primary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button:disabled:hover,
._wysiwyg-dark-blue .button:disabled:hover,
._wysiwyg-blue .button:disabled:hover,
._wysiwyg-black .button-primary:disabled:hover,
._wysiwyg-dark-blue .button-primary:disabled:hover,
._wysiwyg-blue .button-primary:disabled:hover,
._wysiwyg-black .button:disabled:focus,
._wysiwyg-dark-blue .button:disabled:focus,
._wysiwyg-blue .button:disabled:focus,
._wysiwyg-black .button-primary:disabled:focus,
._wysiwyg-dark-blue .button-primary:disabled:focus,
._wysiwyg-blue .button-primary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-primary-small,
._wysiwyg-dark-blue .button-primary-small,
._wysiwyg-blue .button-primary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button-primary-small:hover,
._wysiwyg-dark-blue .button-primary-small:hover,
._wysiwyg-blue .button-primary-small:hover,
._wysiwyg-black .button-primary-small:focus,
._wysiwyg-dark-blue .button-primary-small:focus,
._wysiwyg-blue .button-primary-small:focus {
text-decoration: none;
}
._wysiwyg-black .button-primary-small:before,
._wysiwyg-dark-blue .button-primary-small:before,
._wysiwyg-blue .button-primary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-primary-small:after,
._wysiwyg-dark-blue .button-primary-small:after,
._wysiwyg-blue .button-primary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-primary-small:hover,
._wysiwyg-dark-blue .button-primary-small:hover,
._wysiwyg-blue .button-primary-small:hover,
._wysiwyg-black .button-primary-small:focus,
._wysiwyg-dark-blue .button-primary-small:focus,
._wysiwyg-blue .button-primary-small:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-black .button-primary-small:disabled,
._wysiwyg-dark-blue .button-primary-small:disabled,
._wysiwyg-blue .button-primary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-primary-small:disabled:hover,
._wysiwyg-dark-blue .button-primary-small:disabled:hover,
._wysiwyg-blue .button-primary-small:disabled:hover,
._wysiwyg-black .button-primary-small:disabled:focus,
._wysiwyg-dark-blue .button-primary-small:disabled:focus,
._wysiwyg-blue .button-primary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-secondary,
._wysiwyg-dark-blue .button-secondary,
._wysiwyg-blue .button-secondary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button-secondary:hover,
._wysiwyg-dark-blue .button-secondary:hover,
._wysiwyg-blue .button-secondary:hover,
._wysiwyg-black .button-secondary:focus,
._wysiwyg-dark-blue .button-secondary:focus,
._wysiwyg-blue .button-secondary:focus {
text-decoration: none;
}
._wysiwyg-black .button-secondary:before,
._wysiwyg-dark-blue .button-secondary:before,
._wysiwyg-blue .button-secondary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-secondary:after,
._wysiwyg-dark-blue .button-secondary:after,
._wysiwyg-blue .button-secondary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-secondary:hover,
._wysiwyg-dark-blue .button-secondary:hover,
._wysiwyg-blue .button-secondary:hover,
._wysiwyg-black .button-secondary:focus,
._wysiwyg-dark-blue .button-secondary:focus,
._wysiwyg-blue .button-secondary:focus {
background: #000;
color: #ffffff;
}
._wysiwyg-black .button-secondary:hover:not(:disabled):before,
._wysiwyg-dark-blue .button-secondary:hover:not(:disabled):before,
._wysiwyg-blue .button-secondary:hover:not(:disabled):before,
._wysiwyg-black .button-secondary:focus:not(:disabled):before,
._wysiwyg-dark-blue .button-secondary:focus:not(:disabled):before,
._wysiwyg-blue .button-secondary:focus:not(:disabled):before,
._wysiwyg-black .button-secondary:hover:not(:disabled):after,
._wysiwyg-dark-blue .button-secondary:hover:not(:disabled):after,
._wysiwyg-blue .button-secondary:hover:not(:disabled):after,
._wysiwyg-black .button-secondary:focus:not(:disabled):after,
._wysiwyg-dark-blue .button-secondary:focus:not(:disabled):after,
._wysiwyg-blue .button-secondary:focus:not(:disabled):after {
transform: translateX(0) translateY(0);
}
._wysiwyg-black .button-secondary:disabled,
._wysiwyg-dark-blue .button-secondary:disabled,
._wysiwyg-blue .button-secondary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-secondary:disabled:hover,
._wysiwyg-dark-blue .button-secondary:disabled:hover,
._wysiwyg-blue .button-secondary:disabled:hover,
._wysiwyg-black .button-secondary:disabled:focus,
._wysiwyg-dark-blue .button-secondary:disabled:focus,
._wysiwyg-blue .button-secondary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-secondary-small,
._wysiwyg-dark-blue .button-secondary-small,
._wysiwyg-blue .button-secondary-small {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #212121;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button-secondary-small:hover,
._wysiwyg-dark-blue .button-secondary-small:hover,
._wysiwyg-blue .button-secondary-small:hover,
._wysiwyg-black .button-secondary-small:focus,
._wysiwyg-dark-blue .button-secondary-small:focus,
._wysiwyg-blue .button-secondary-small:focus {
text-decoration: none;
}
._wysiwyg-black .button-secondary-small:before,
._wysiwyg-dark-blue .button-secondary-small:before,
._wysiwyg-blue .button-secondary-small:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #4a4a4a;
border-right: solid 8px #4a4a4a;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-secondary-small:after,
._wysiwyg-dark-blue .button-secondary-small:after,
._wysiwyg-blue .button-secondary-small:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #4a4a4a;
border-left: solid 8px #4a4a4a;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-secondary-small:hover,
._wysiwyg-dark-blue .button-secondary-small:hover,
._wysiwyg-blue .button-secondary-small:hover,
._wysiwyg-black .button-secondary-small:focus,
._wysiwyg-dark-blue .button-secondary-small:focus,
._wysiwyg-blue .button-secondary-small:focus {
background: #000;
color: #ffffff;
}
._wysiwyg-black .button-secondary-small:disabled,
._wysiwyg-dark-blue .button-secondary-small:disabled,
._wysiwyg-blue .button-secondary-small:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-secondary-small:disabled:hover,
._wysiwyg-dark-blue .button-secondary-small:disabled:hover,
._wysiwyg-blue .button-secondary-small:disabled:hover,
._wysiwyg-black .button-secondary-small:disabled:focus,
._wysiwyg-dark-blue .button-secondary-small:disabled:focus,
._wysiwyg-blue .button-secondary-small:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-emphasis,
._wysiwyg-dark-blue .button-emphasis,
._wysiwyg-blue .button-emphasis {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
position: relative;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
margin-top: 20px;
}
._wysiwyg-black .button-emphasis:hover,
._wysiwyg-dark-blue .button-emphasis:hover,
._wysiwyg-blue .button-emphasis:hover,
._wysiwyg-black .button-emphasis:focus,
._wysiwyg-dark-blue .button-emphasis:focus,
._wysiwyg-blue .button-emphasis:focus {
text-decoration: none;
}
._wysiwyg-black .button-emphasis:hover,
._wysiwyg-dark-blue .button-emphasis:hover,
._wysiwyg-blue .button-emphasis:hover,
._wysiwyg-black .button-emphasis:focus,
._wysiwyg-dark-blue .button-emphasis:focus,
._wysiwyg-blue .button-emphasis:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-black .button-emphasis:not(:disabled):after,
._wysiwyg-dark-blue .button-emphasis:not(:disabled):after,
._wysiwyg-blue .button-emphasis:not(:disabled):after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .button-emphasis:not(:disabled):hover:after,
._wysiwyg-dark-blue .button-emphasis:not(:disabled):hover:after,
._wysiwyg-blue .button-emphasis:not(:disabled):hover:after,
._wysiwyg-black .button-emphasis:not(:disabled):focus:after,
._wysiwyg-dark-blue .button-emphasis:not(:disabled):focus:after,
._wysiwyg-blue .button-emphasis:not(:disabled):focus:after {
background-position: 0 50%;
}
._wysiwyg-black .button-emphasis:disabled,
._wysiwyg-dark-blue .button-emphasis:disabled,
._wysiwyg-blue .button-emphasis:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-emphasis:disabled:hover,
._wysiwyg-dark-blue .button-emphasis:disabled:hover,
._wysiwyg-blue .button-emphasis:disabled:hover,
._wysiwyg-black .button-emphasis:disabled:focus,
._wysiwyg-dark-blue .button-emphasis:disabled:focus,
._wysiwyg-blue .button-emphasis:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-emphasis:disabled:after,
._wysiwyg-dark-blue .button-emphasis:disabled:after,
._wysiwyg-blue .button-emphasis:disabled:after {
content: '';
height: 15px;
width: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -12px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
._wysiwyg-black .button-icon,
._wysiwyg-dark-blue .button-icon,
._wysiwyg-blue .button-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button-icon:hover,
._wysiwyg-dark-blue .button-icon:hover,
._wysiwyg-blue .button-icon:hover,
._wysiwyg-black .button-icon:focus,
._wysiwyg-dark-blue .button-icon:focus,
._wysiwyg-blue .button-icon:focus {
text-decoration: none;
}
._wysiwyg-black .button-icon:before,
._wysiwyg-dark-blue .button-icon:before,
._wysiwyg-blue .button-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-icon:after,
._wysiwyg-dark-blue .button-icon:after,
._wysiwyg-blue .button-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-icon > svg,
._wysiwyg-dark-blue .button-icon > svg,
._wysiwyg-blue .button-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
._wysiwyg-black .button-icon:hover,
._wysiwyg-dark-blue .button-icon:hover,
._wysiwyg-blue .button-icon:hover,
._wysiwyg-black .button-icon:focus,
._wysiwyg-dark-blue .button-icon:focus,
._wysiwyg-blue .button-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-black .button-icon:not(:disabled):hover:before,
._wysiwyg-dark-blue .button-icon:not(:disabled):hover:before,
._wysiwyg-blue .button-icon:not(:disabled):hover:before,
._wysiwyg-black .button-icon:not(:disabled):focus:before,
._wysiwyg-dark-blue .button-icon:not(:disabled):focus:before,
._wysiwyg-blue .button-icon:not(:disabled):focus:before,
._wysiwyg-black .button-icon:not(:disabled):hover:after,
._wysiwyg-dark-blue .button-icon:not(:disabled):hover:after,
._wysiwyg-blue .button-icon:not(:disabled):hover:after,
._wysiwyg-black .button-icon:not(:disabled):focus:after,
._wysiwyg-dark-blue .button-icon:not(:disabled):focus:after,
._wysiwyg-blue .button-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-black .button-icon:disabled,
._wysiwyg-dark-blue .button-icon:disabled,
._wysiwyg-blue .button-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-icon:disabled:hover,
._wysiwyg-dark-blue .button-icon:disabled:hover,
._wysiwyg-blue .button-icon:disabled:hover,
._wysiwyg-black .button-icon:disabled:focus,
._wysiwyg-dark-blue .button-icon:disabled:focus,
._wysiwyg-blue .button-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black .button-only-icon,
._wysiwyg-dark-blue .button-only-icon,
._wysiwyg-blue .button-only-icon {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 30px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin-top: 20px;
}
._wysiwyg-black .button-only-icon:hover,
._wysiwyg-dark-blue .button-only-icon:hover,
._wysiwyg-blue .button-only-icon:hover,
._wysiwyg-black .button-only-icon:focus,
._wysiwyg-dark-blue .button-only-icon:focus,
._wysiwyg-blue .button-only-icon:focus {
text-decoration: none;
}
._wysiwyg-black .button-only-icon:before,
._wysiwyg-dark-blue .button-only-icon:before,
._wysiwyg-blue .button-only-icon:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-only-icon:after,
._wysiwyg-dark-blue .button-only-icon:after,
._wysiwyg-blue .button-only-icon:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
._wysiwyg-black .button-only-icon > svg,
._wysiwyg-dark-blue .button-only-icon > svg,
._wysiwyg-blue .button-only-icon > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
}
._wysiwyg-black .button-only-icon:hover,
._wysiwyg-dark-blue .button-only-icon:hover,
._wysiwyg-blue .button-only-icon:hover,
._wysiwyg-black .button-only-icon:focus,
._wysiwyg-dark-blue .button-only-icon:focus,
._wysiwyg-blue .button-only-icon:focus {
background: #C6070F;
color: #ffffff;
}
._wysiwyg-black .button-only-icon:not(:disabled):hover:before,
._wysiwyg-dark-blue .button-only-icon:not(:disabled):hover:before,
._wysiwyg-blue .button-only-icon:not(:disabled):hover:before,
._wysiwyg-black .button-only-icon:not(:disabled):focus:before,
._wysiwyg-dark-blue .button-only-icon:not(:disabled):focus:before,
._wysiwyg-blue .button-only-icon:not(:disabled):focus:before,
._wysiwyg-black .button-only-icon:not(:disabled):hover:after,
._wysiwyg-dark-blue .button-only-icon:not(:disabled):hover:after,
._wysiwyg-blue .button-only-icon:not(:disabled):hover:after,
._wysiwyg-black .button-only-icon:not(:disabled):focus:after,
._wysiwyg-dark-blue .button-only-icon:not(:disabled):focus:after,
._wysiwyg-blue .button-only-icon:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
._wysiwyg-black .button-only-icon:disabled,
._wysiwyg-dark-blue .button-only-icon:disabled,
._wysiwyg-blue .button-only-icon:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
._wysiwyg-black .button-only-icon:disabled:hover,
._wysiwyg-dark-blue .button-only-icon:disabled:hover,
._wysiwyg-blue .button-only-icon:disabled:hover,
._wysiwyg-black .button-only-icon:disabled:focus,
._wysiwyg-dark-blue .button-only-icon:disabled:focus,
._wysiwyg-blue .button-only-icon:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
._wysiwyg-black ul,
._wysiwyg-dark-blue ul,
._wysiwyg-blue ul {
padding-left: 0;
list-style: none;
margin-top: 0;
}
._wysiwyg-black ul li,
._wysiwyg-dark-blue ul li,
._wysiwyg-blue ul li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg-black ul li *:first-child,
._wysiwyg-dark-blue ul li *:first-child,
._wysiwyg-blue ul li *:first-child {
margin-top: 0;
}
._wysiwyg-black ul li,
._wysiwyg-dark-blue ul li,
._wysiwyg-blue ul li {
position: relative;
padding-left: 15px;
}
._wysiwyg-black ul li:before,
._wysiwyg-dark-blue ul li:before,
._wysiwyg-blue ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 11px;
}
._wysiwyg-black ul li ul,
._wysiwyg-dark-blue ul li ul,
._wysiwyg-blue ul li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg-black ul li ul li,
._wysiwyg-dark-blue ul li ul li,
._wysiwyg-blue ul li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg-black ul li ul li:first-child,
._wysiwyg-dark-blue ul li ul li:first-child,
._wysiwyg-blue ul li ul li:first-child {
margin-top: 28px;
}
._wysiwyg-black ul li ul li:before,
._wysiwyg-dark-blue ul li ul li:before,
._wysiwyg-blue ul li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg-black ol,
._wysiwyg-dark-blue ol,
._wysiwyg-blue ol {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: ordered-list-counter;
}
._wysiwyg-black ol li,
._wysiwyg-dark-blue ol li,
._wysiwyg-blue ol li {
margin-top: 8px;
line-height: 1.75;
}
._wysiwyg-black ol li *:first-child,
._wysiwyg-dark-blue ol li *:first-child,
._wysiwyg-blue ol li *:first-child {
margin-top: 0;
}
._wysiwyg-black ol li,
._wysiwyg-dark-blue ol li,
._wysiwyg-blue ol li {
position: relative;
padding-left: 20px;
}
._wysiwyg-black ol li:first-child,
._wysiwyg-dark-blue ol li:first-child,
._wysiwyg-blue ol li:first-child {
margin-top: 28px;
}
._wysiwyg-black ol li:before,
._wysiwyg-dark-blue ol li:before,
._wysiwyg-blue ol li:before {
content: counter(ordered-list-counter, decimal);
counter-increment: ordered-list-counter;
color: #e31b23;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
._wysiwyg-black ol li ul,
._wysiwyg-dark-blue ol li ul,
._wysiwyg-blue ol li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
._wysiwyg-black ol li ul li,
._wysiwyg-dark-blue ol li ul li,
._wysiwyg-blue ol li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
._wysiwyg-black ol li ul li:first-child,
._wysiwyg-dark-blue ol li ul li:first-child,
._wysiwyg-blue ol li ul li:first-child {
margin-top: 28px;
}
._wysiwyg-black ol li ul li:before,
._wysiwyg-dark-blue ol li ul li:before,
._wysiwyg-blue ol li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
._wysiwyg-black iframe,
._wysiwyg-dark-blue iframe,
._wysiwyg-blue iframe {
max-width: 100%;
}
._wysiwyg-black img,
._wysiwyg-dark-blue img,
._wysiwyg-blue img {
width: auto;
}
._wysiwyg-black figure figcaption,
._wysiwyg-dark-blue figure figcaption,
._wysiwyg-blue figure figcaption {
display: block;
width: 100%;
padding: 20px 15px;
position: relative;
}
._wysiwyg-black figure figcaption:before,
._wysiwyg-dark-blue figure figcaption:before,
._wysiwyg-blue figure figcaption:before {
content: '';
z-index: -1;
border: 14px solid #f0f0f0;
display: block;
position: absolute;
bottom: 0;
top: -40px;
right: 0;
left: 0;
}
._wysiwyg-black figure.img--left,
._wysiwyg-dark-blue figure.img--left,
._wysiwyg-blue figure.img--left {
float: left;
margin-right: 15px;
margin-top: 0;
}
._wysiwyg-black figure.img--left figcaption,
._wysiwyg-dark-blue figure.img--left figcaption,
._wysiwyg-blue figure.img--left figcaption {
padding-right: 30px;
}
._wysiwyg-black figure.img--left figcaption:before,
._wysiwyg-dark-blue figure.img--left figcaption:before,
._wysiwyg-blue figure.img--left figcaption:before {
left: -30px;
right: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-black figure.img--left,
._wysiwyg-dark-blue figure.img--left,
._wysiwyg-blue figure.img--left {
float: none;
}
}
._wysiwyg-black figure.img--right,
._wysiwyg-dark-blue figure.img--right,
._wysiwyg-blue figure.img--right {
float: right;
margin-left: 15px;
margin-top: 0;
}
._wysiwyg-black figure.img--right figcaption,
._wysiwyg-dark-blue figure.img--right figcaption,
._wysiwyg-blue figure.img--right figcaption {
padding-left: 30px;
}
._wysiwyg-black figure.img--right figcaption:before,
._wysiwyg-dark-blue figure.img--right figcaption:before,
._wysiwyg-blue figure.img--right figcaption:before {
right: -30px;
left: 15px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-black figure.img--right,
._wysiwyg-dark-blue figure.img--right,
._wysiwyg-blue figure.img--right {
float: none;
}
}
._wysiwyg-black figure.img--center,
._wysiwyg-dark-blue figure.img--center,
._wysiwyg-blue figure.img--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg-black .tooltip,
._wysiwyg-dark-blue .tooltip,
._wysiwyg-blue .tooltip {
display: inline-block;
position: relative;
cursor: pointer;
}
._wysiwyg-black .tooltip:focus .tooltip__text,
._wysiwyg-dark-blue .tooltip:focus .tooltip__text,
._wysiwyg-blue .tooltip:focus .tooltip__text,
._wysiwyg-black .tooltip:hover .tooltip__text,
._wysiwyg-dark-blue .tooltip:hover .tooltip__text,
._wysiwyg-blue .tooltip:hover .tooltip__text {
display: block;
}
._wysiwyg-black .tooltip__trigger,
._wysiwyg-dark-blue .tooltip__trigger,
._wysiwyg-blue .tooltip__trigger {
display: inline-block;
background: #f0f0f0;
}
._wysiwyg-black .tooltip__trigger:hover,
._wysiwyg-dark-blue .tooltip__trigger:hover,
._wysiwyg-blue .tooltip__trigger:hover {
background: none;
}
._wysiwyg-black .tooltip__trigger:hover:after,
._wysiwyg-dark-blue .tooltip__trigger:hover:after,
._wysiwyg-blue .tooltip__trigger:hover:after {
content: '';
width: 100%;
height: 4px;
background: #f0f0f0;
position: absolute;
bottom: 0;
left: 0;
}
._wysiwyg-black .tooltip__text,
._wysiwyg-dark-blue .tooltip__text,
._wysiwyg-blue .tooltip__text {
font-size: 0.875rem;
line-height: 1.14285714;
display: none;
position: absolute;
top: -6px;
left: 50%;
width: 250px;
transform: translateY(-100%) translateX(-50%);
padding: 20px 15px;
background: #004AA1;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
color: #ffffff;
line-height: 1.25;
}
._wysiwyg-black .tooltip__text:after,
._wysiwyg-dark-blue .tooltip__text:after,
._wysiwyg-blue .tooltip__text:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #004AA1;
}
._wysiwyg-black table,
._wysiwyg-dark-blue table,
._wysiwyg-blue table {
margin-top: 20px;
}
@media all and (max-width: 47.9375em) {
._wysiwyg-black .table-responsive,
._wysiwyg-dark-blue .table-responsive,
._wysiwyg-blue .table-responsive {
display: block;
overflow-x: scroll;
width: auto !important;
}
}
._wysiwyg-black .td-highlight,
._wysiwyg-dark-blue .td-highlight,
._wysiwyg-blue .td-highlight {
background: #3763C5;
color: white;
}
._wysiwyg-black .tr-popular,
._wysiwyg-dark-blue .tr-popular,
._wysiwyg-blue .tr-popular {
background: rgba(234, 234, 234, 0.5);
}
._wysiwyg-black .tr-popular td,
._wysiwyg-dark-blue .tr-popular td,
._wysiwyg-blue .tr-popular td {
border-bottom: 2px solid #3BC0C7;
border-top: 2px solid #3BC0C7;
}
._wysiwyg-black .disclaimer-text,
._wysiwyg-dark-blue .disclaimer-text,
._wysiwyg-blue .disclaimer-text {
font-size: 0.75rem;
line-height: 1.66666667;
}
._wysiwyg-black .mtn,
._wysiwyg-dark-blue .mtn,
._wysiwyg-blue .mtn {
margin-top: 0 !important;
}
._wysiwyg-black .mts,
._wysiwyg-dark-blue .mts,
._wysiwyg-blue .mts {
margin-top: 5px !important;
}
._wysiwyg-black .mtm,
._wysiwyg-dark-blue .mtm,
._wysiwyg-blue .mtm {
margin-top: 10px !important;
}
._wysiwyg-black .mtl,
._wysiwyg-dark-blue .mtl,
._wysiwyg-blue .mtl {
margin-top: 20px !important;
}
._wysiwyg-black .mtx,
._wysiwyg-dark-blue .mtx,
._wysiwyg-blue .mtx {
margin-top: 40px !important;
}
._wysiwyg-black .mt2x,
._wysiwyg-dark-blue .mt2x,
._wysiwyg-blue .mt2x {
margin-top: 60px !important;
}
._wysiwyg-black .mbn,
._wysiwyg-dark-blue .mbn,
._wysiwyg-blue .mbn {
margin-bottom: 0 !important;
}
._wysiwyg-black .mbs,
._wysiwyg-dark-blue .mbs,
._wysiwyg-blue .mbs {
margin-bottom: 5px !important;
}
._wysiwyg-black .mbm,
._wysiwyg-dark-blue .mbm,
._wysiwyg-blue .mbm {
margin-bottom: 10px !important;
}
._wysiwyg-black .mbl,
._wysiwyg-dark-blue .mbl,
._wysiwyg-blue .mbl {
margin-bottom: 20px !important;
}
._wysiwyg-black .mbx,
._wysiwyg-dark-blue .mbx,
._wysiwyg-blue .mbx {
margin-bottom: 40px !important;
}
._wysiwyg-black .mb2x,
._wysiwyg-dark-blue .mb2x,
._wysiwyg-blue .mb2x {
margin-bottom: 60px !important;
}
._wysiwyg-black .mrn,
._wysiwyg-dark-blue .mrn,
._wysiwyg-blue .mrn {
margin-right: 0 !important;
}
._wysiwyg-black .mrs,
._wysiwyg-dark-blue .mrs,
._wysiwyg-blue .mrs {
margin-right: 3.75px !important;
}
._wysiwyg-black .mrm,
._wysiwyg-dark-blue .mrm,
._wysiwyg-blue .mrm {
margin-right: 7.5px !important;
}
._wysiwyg-black .mrl,
._wysiwyg-dark-blue .mrl,
._wysiwyg-blue .mrl {
margin-right: 15px !important;
}
._wysiwyg-black .mrx,
._wysiwyg-dark-blue .mrx,
._wysiwyg-blue .mrx {
margin-right: 30px !important;
}
._wysiwyg-black .mr2x,
._wysiwyg-dark-blue .mr2x,
._wysiwyg-blue .mr2x {
margin-right: 60px !important;
}
._wysiwyg-black .mln,
._wysiwyg-dark-blue .mln,
._wysiwyg-blue .mln {
margin-left: 0 !important;
}
._wysiwyg-black .mls,
._wysiwyg-dark-blue .mls,
._wysiwyg-blue .mls {
margin-left: 3.75px !important;
}
._wysiwyg-black .mlm,
._wysiwyg-dark-blue .mlm,
._wysiwyg-blue .mlm {
margin-left: 7.5px !important;
}
._wysiwyg-black .mll,
._wysiwyg-dark-blue .mll,
._wysiwyg-blue .mll {
margin-left: 15px !important;
}
._wysiwyg-black .mlx,
._wysiwyg-dark-blue .mlx,
._wysiwyg-blue .mlx {
margin-left: 30px !important;
}
._wysiwyg-black .ml2x,
._wysiwyg-dark-blue .ml2x,
._wysiwyg-blue .ml2x {
margin-left: 60px !important;
}
._wysiwyg-black .man,
._wysiwyg-dark-blue .man,
._wysiwyg-blue .man {
margin: 0 !important;
}
._wysiwyg-black .mas,
._wysiwyg-dark-blue .mas,
._wysiwyg-blue .mas {
margin: 5px 3.75px !important;
}
._wysiwyg-black .mam,
._wysiwyg-dark-blue .mam,
._wysiwyg-blue .mam {
margin: 10px 7.5px !important;
}
._wysiwyg-black .mal,
._wysiwyg-dark-blue .mal,
._wysiwyg-blue .mal {
margin: 20px 15px !important;
}
._wysiwyg-black .max,
._wysiwyg-dark-blue .max,
._wysiwyg-blue .max {
margin: 40px 30px !important;
}
._wysiwyg-black .ma2x,
._wysiwyg-dark-blue .ma2x,
._wysiwyg-blue .ma2x {
margin: 60px 60px !important;
}
._wysiwyg-black .mvn,
._wysiwyg-dark-blue .mvn,
._wysiwyg-blue .mvn {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._wysiwyg-black .mvs,
._wysiwyg-dark-blue .mvs,
._wysiwyg-blue .mvs {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
._wysiwyg-black .mvm,
._wysiwyg-dark-blue .mvm,
._wysiwyg-blue .mvm {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
._wysiwyg-black .mvl,
._wysiwyg-dark-blue .mvl,
._wysiwyg-blue .mvl {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
._wysiwyg-black .mvx,
._wysiwyg-dark-blue .mvx,
._wysiwyg-blue .mvx {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
._wysiwyg-black .mv2x,
._wysiwyg-dark-blue .mv2x,
._wysiwyg-blue .mv2x {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
._wysiwyg-black .mhn,
._wysiwyg-dark-blue .mhn,
._wysiwyg-blue .mhn {
margin-left: 0 !important;
margin-right: 0 !important;
}
._wysiwyg-black .mhs,
._wysiwyg-dark-blue .mhs,
._wysiwyg-blue .mhs {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
._wysiwyg-black .mhm,
._wysiwyg-dark-blue .mhm,
._wysiwyg-blue .mhm {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
._wysiwyg-black .mhl,
._wysiwyg-dark-blue .mhl,
._wysiwyg-blue .mhl {
margin-left: 15px !important;
margin-right: 15px !important;
}
._wysiwyg-black .mhx,
._wysiwyg-dark-blue .mhx,
._wysiwyg-blue .mhx {
margin-left: 30px !important;
margin-right: 30px !important;
}
._wysiwyg-black .mh2x,
._wysiwyg-dark-blue .mh2x,
._wysiwyg-blue .mh2x {
margin-left: 60px !important;
margin-right: 60px !important;
}
._wysiwyg-black .ptn,
._wysiwyg-dark-blue .ptn,
._wysiwyg-blue .ptn {
padding-top: 0 !important;
}
._wysiwyg-black .pts,
._wysiwyg-dark-blue .pts,
._wysiwyg-blue .pts {
padding-top: 5px !important;
}
._wysiwyg-black .ptm,
._wysiwyg-dark-blue .ptm,
._wysiwyg-blue .ptm {
padding-top: 10px !important;
}
._wysiwyg-black .ptl,
._wysiwyg-dark-blue .ptl,
._wysiwyg-blue .ptl {
padding-top: 20px !important;
}
._wysiwyg-black .ptx,
._wysiwyg-dark-blue .ptx,
._wysiwyg-blue .ptx {
padding-top: 40px !important;
}
._wysiwyg-black .pt2x,
._wysiwyg-dark-blue .pt2x,
._wysiwyg-blue .pt2x {
padding-top: 60px !important;
}
._wysiwyg-black .pbn,
._wysiwyg-dark-blue .pbn,
._wysiwyg-blue .pbn {
padding-bottom: 0 !important;
}
._wysiwyg-black .pbs,
._wysiwyg-dark-blue .pbs,
._wysiwyg-blue .pbs {
padding-bottom: 5px !important;
}
._wysiwyg-black .pbm,
._wysiwyg-dark-blue .pbm,
._wysiwyg-blue .pbm {
padding-bottom: 10px !important;
}
._wysiwyg-black .pbl,
._wysiwyg-dark-blue .pbl,
._wysiwyg-blue .pbl {
padding-bottom: 20px !important;
}
._wysiwyg-black .pbx,
._wysiwyg-dark-blue .pbx,
._wysiwyg-blue .pbx {
padding-bottom: 40px !important;
}
._wysiwyg-black .pb2x,
._wysiwyg-dark-blue .pb2x,
._wysiwyg-blue .pb2x {
padding-bottom: 60px !important;
}
._wysiwyg-black .prn,
._wysiwyg-dark-blue .prn,
._wysiwyg-blue .prn {
padding-right: 0 !important;
}
._wysiwyg-black .prs,
._wysiwyg-dark-blue .prs,
._wysiwyg-blue .prs {
padding-right: 3.75px !important;
}
._wysiwyg-black .prm,
._wysiwyg-dark-blue .prm,
._wysiwyg-blue .prm {
padding-right: 7.5px !important;
}
._wysiwyg-black .prl,
._wysiwyg-dark-blue .prl,
._wysiwyg-blue .prl {
padding-right: 15px !important;
}
._wysiwyg-black .prx,
._wysiwyg-dark-blue .prx,
._wysiwyg-blue .prx {
padding-right: 30px !important;
}
._wysiwyg-black .pr2x,
._wysiwyg-dark-blue .pr2x,
._wysiwyg-blue .pr2x {
padding-right: 60px !important;
}
._wysiwyg-black .pln,
._wysiwyg-dark-blue .pln,
._wysiwyg-blue .pln {
padding-left: 0 !important;
}
._wysiwyg-black .pls,
._wysiwyg-dark-blue .pls,
._wysiwyg-blue .pls {
padding-left: 3.75px !important;
}
._wysiwyg-black .plm,
._wysiwyg-dark-blue .plm,
._wysiwyg-blue .plm {
padding-left: 7.5px !important;
}
._wysiwyg-black .pll,
._wysiwyg-dark-blue .pll,
._wysiwyg-blue .pll {
padding-left: 15px !important;
}
._wysiwyg-black .plx,
._wysiwyg-dark-blue .plx,
._wysiwyg-blue .plx {
padding-left: 30px !important;
}
._wysiwyg-black .pl2x,
._wysiwyg-dark-blue .pl2x,
._wysiwyg-blue .pl2x {
padding-left: 60px !important;
}
._wysiwyg-black .pan,
._wysiwyg-dark-blue .pan,
._wysiwyg-blue .pan {
padding: 0 !important;
}
._wysiwyg-black .pas,
._wysiwyg-dark-blue .pas,
._wysiwyg-blue .pas {
padding: 5px 3.75px !important;
}
._wysiwyg-black .pam,
._wysiwyg-dark-blue .pam,
._wysiwyg-blue .pam {
padding: 10px 7.5px !important;
}
._wysiwyg-black .pal,
._wysiwyg-dark-blue .pal,
._wysiwyg-blue .pal {
padding: 20px 15px !important;
}
._wysiwyg-black .pax,
._wysiwyg-dark-blue .pax,
._wysiwyg-blue .pax {
padding: 40px 30px !important;
}
._wysiwyg-black .pa2x,
._wysiwyg-dark-blue .pa2x,
._wysiwyg-blue .pa2x {
padding: 60px 60px !important;
}
._wysiwyg-black .pvn,
._wysiwyg-dark-blue .pvn,
._wysiwyg-blue .pvn {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._wysiwyg-black .pvs,
._wysiwyg-dark-blue .pvs,
._wysiwyg-blue .pvs {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
._wysiwyg-black .pvm,
._wysiwyg-dark-blue .pvm,
._wysiwyg-blue .pvm {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
._wysiwyg-black .pvl,
._wysiwyg-dark-blue .pvl,
._wysiwyg-blue .pvl {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
._wysiwyg-black .pvx,
._wysiwyg-dark-blue .pvx,
._wysiwyg-blue .pvx {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
._wysiwyg-black .pv2x,
._wysiwyg-dark-blue .pv2x,
._wysiwyg-blue .pv2x {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
._wysiwyg-black .phn,
._wysiwyg-dark-blue .phn,
._wysiwyg-blue .phn {
padding-left: 0 !important;
padding-right: 0 !important;
}
._wysiwyg-black .phs,
._wysiwyg-dark-blue .phs,
._wysiwyg-blue .phs {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
._wysiwyg-black .phm,
._wysiwyg-dark-blue .phm,
._wysiwyg-blue .phm {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
._wysiwyg-black .phl,
._wysiwyg-dark-blue .phl,
._wysiwyg-blue .phl {
padding-left: 15px !important;
padding-right: 15px !important;
}
._wysiwyg-black .phx,
._wysiwyg-dark-blue .phx,
._wysiwyg-blue .phx {
padding-left: 30px !important;
padding-right: 30px !important;
}
._wysiwyg-black .ph2x,
._wysiwyg-dark-blue .ph2x,
._wysiwyg-blue .ph2x {
padding-left: 60px !important;
padding-right: 60px !important;
}
._wysiwyg-black .align--left,
._wysiwyg-dark-blue .align--left,
._wysiwyg-blue .align--left {
float: left;
}
._wysiwyg-black .align--right,
._wysiwyg-dark-blue .align--right,
._wysiwyg-blue .align--right {
float: right;
}
._wysiwyg-black .align--center,
._wysiwyg-dark-blue .align--center,
._wysiwyg-blue .align--center {
margin-left: auto;
margin-right: auto;
}
._wysiwyg-black .text--center,
._wysiwyg-dark-blue .text--center,
._wysiwyg-blue .text--center {
text-align: center;
}
._wysiwyg-black .text--left,
._wysiwyg-dark-blue .text--left,
._wysiwyg-blue .text--left {
text-align: left;
}
._wysiwyg-black .text--right,
._wysiwyg-dark-blue .text--right,
._wysiwyg-blue .text--right {
text-align: right;
}
._wysiwyg-black .text--uppercase,
._wysiwyg-dark-blue .text--uppercase,
._wysiwyg-blue .text--uppercase {
text-transform: uppercase;
}
._wysiwyg-black .primary-heading,
._wysiwyg-dark-blue .primary-heading,
._wysiwyg-blue .primary-heading {
font-size: 4.75rem;
line-height: 1.05263158;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (min-width: 48em) {
._wysiwyg-black .primary-heading,
._wysiwyg-dark-blue .primary-heading,
._wysiwyg-blue .primary-heading {
font-size: 8.5rem;
line-height: 0.88235294;
letter-spacing: -0.011176em;
line-height: 0.85745em;
}
}
._wysiwyg-black .secondary-heading,
._wysiwyg-dark-blue .secondary-heading,
._wysiwyg-blue .secondary-heading {
font-size: 1.875rem;
line-height: 1.26666667;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
}
._wysiwyg-black .tertiary-heading,
._wysiwyg-dark-blue .tertiary-heading,
._wysiwyg-blue .tertiary-heading {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
._wysiwyg-black .pre-heading,
._wysiwyg-dark-blue .pre-heading,
._wysiwyg-blue .pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.459285em;
}
@media all and (min-width: 48em) {
._wysiwyg-black .pre-heading,
._wysiwyg-dark-blue .pre-heading,
._wysiwyg-blue .pre-heading {
font-size: 1.125rem;
line-height: 1.27777778;
letter-spacing: 0.357222em;
}
}
._wysiwyg-black .home-banner-text-shadow,
._wysiwyg-dark-blue .home-banner-text-shadow,
._wysiwyg-blue .home-banner-text-shadow {
text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}
._wysiwyg-black .home-pre-heading,
._wysiwyg-dark-blue .home-pre-heading,
._wysiwyg-blue .home-pre-heading {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.25;
letter-spacing: 0.357083em;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
@media all and (min-width: 48em) {
._wysiwyg-black .home-pre-heading,
._wysiwyg-dark-blue .home-pre-heading,
._wysiwyg-blue .home-pre-heading {
font-size: 2.25rem;
line-height: 1.38888889;
letter-spacing: 0.238055em;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg-black .tiny-text-on-small,
._wysiwyg-dark-blue .tiny-text-on-small,
._wysiwyg-blue .tiny-text-on-small {
font-size: 0.75rem;
line-height: 1.66666667;
}
}
@media all and (max-width: 47.9375em) {
._wysiwyg-black .hidden-on-small,
._wysiwyg-dark-blue .hidden-on-small,
._wysiwyg-blue .hidden-on-small {
display: none;
}
}
._wysiwyg-black *,
._wysiwyg-dark-blue *,
._wysiwyg-blue * {
color: #ffffff;
}
._wysiwyg-black a:not([class*="button"]),
._wysiwyg-dark-blue a:not([class*="button"]),
._wysiwyg-blue a:not([class*="button"]),
._wysiwyg-black a.link,
._wysiwyg-dark-blue a.link,
._wysiwyg-blue a.link,
._wysiwyg-black a.link-small,
._wysiwyg-dark-blue a.link-small,
._wysiwyg-blue a.link-small,
._wysiwyg-black a.link-emphasis,
._wysiwyg-dark-blue a.link-emphasis,
._wysiwyg-blue a.link-emphasis,
._wysiwyg-black a.link-small-emphasis,
._wysiwyg-dark-blue a.link-small-emphasis,
._wysiwyg-blue a.link-small-emphasis,
._wysiwyg-black a.link-icon,
._wysiwyg-dark-blue a.link-icon,
._wysiwyg-blue a.link-icon,
._wysiwyg-black a.link-small-icon,
._wysiwyg-dark-blue a.link-small-icon,
._wysiwyg-blue a.link-small-icon {
color: #ffffff !important;
}
._wysiwyg-black a:not([class*="button"]):hover,
._wysiwyg-dark-blue a:not([class*="button"]):hover,
._wysiwyg-blue a:not([class*="button"]):hover,
._wysiwyg-black a.link:hover,
._wysiwyg-dark-blue a.link:hover,
._wysiwyg-blue a.link:hover,
._wysiwyg-black a.link-small:hover,
._wysiwyg-dark-blue a.link-small:hover,
._wysiwyg-blue a.link-small:hover,
._wysiwyg-black a.link-emphasis:hover,
._wysiwyg-dark-blue a.link-emphasis:hover,
._wysiwyg-blue a.link-emphasis:hover,
._wysiwyg-black a.link-small-emphasis:hover,
._wysiwyg-dark-blue a.link-small-emphasis:hover,
._wysiwyg-blue a.link-small-emphasis:hover,
._wysiwyg-black a.link-icon:hover,
._wysiwyg-dark-blue a.link-icon:hover,
._wysiwyg-blue a.link-icon:hover,
._wysiwyg-black a.link-small-icon:hover,
._wysiwyg-dark-blue a.link-small-icon:hover,
._wysiwyg-blue a.link-small-icon:hover,
._wysiwyg-black a:not([class*="button"]):focus,
._wysiwyg-dark-blue a:not([class*="button"]):focus,
._wysiwyg-blue a:not([class*="button"]):focus,
._wysiwyg-black a.link:focus,
._wysiwyg-dark-blue a.link:focus,
._wysiwyg-blue a.link:focus,
._wysiwyg-black a.link-small:focus,
._wysiwyg-dark-blue a.link-small:focus,
._wysiwyg-blue a.link-small:focus,
._wysiwyg-black a.link-emphasis:focus,
._wysiwyg-dark-blue a.link-emphasis:focus,
._wysiwyg-blue a.link-emphasis:focus,
._wysiwyg-black a.link-small-emphasis:focus,
._wysiwyg-dark-blue a.link-small-emphasis:focus,
._wysiwyg-blue a.link-small-emphasis:focus,
._wysiwyg-black a.link-icon:focus,
._wysiwyg-dark-blue a.link-icon:focus,
._wysiwyg-blue a.link-icon:focus,
._wysiwyg-black a.link-small-icon:focus,
._wysiwyg-dark-blue a.link-small-icon:focus,
._wysiwyg-blue a.link-small-icon:focus {
color: #ffffff !important;
}
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):hover,
._wysiwyg-black a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus,
._wysiwyg-dark-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus,
._wysiwyg-blue a:not([class*="button"]):not(.link):not(.link-small):not(.link-emphasis):not(.link-small-emphasis):not(.link-emphasis-left):not(.link-small-emphasis-left):focus {
color: #e31b23 !important;
background: #ffffff !important;
box-shadow: 3px 2px 0 #ffffff, 3px -2px 0 #ffffff, -3px 2px 0 #ffffff, -3px -2px 0 #ffffff !important;
border-bottom-color: #ffffff !important;
}
._wysiwyg-black a.link-emphasis:before,
._wysiwyg-dark-blue a.link-emphasis:before,
._wysiwyg-blue a.link-emphasis:before,
._wysiwyg-black a.link-small-emphasis:before,
._wysiwyg-dark-blue a.link-small-emphasis:before,
._wysiwyg-blue a.link-small-emphasis:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
._wysiwyg-black a.link-icon > svg,
._wysiwyg-dark-blue a.link-icon > svg,
._wysiwyg-blue a.link-icon > svg,
._wysiwyg-black a.link-small-icon > svg,
._wysiwyg-dark-blue a.link-small-icon > svg,
._wysiwyg-blue a.link-small-icon > svg {
fill: #ffffff;
}
._wysiwyg-black a.link-icon > svg:hover > svg,
._wysiwyg-dark-blue a.link-icon > svg:hover > svg,
._wysiwyg-blue a.link-icon > svg:hover > svg,
._wysiwyg-black a.link-small-icon > svg:hover > svg,
._wysiwyg-dark-blue a.link-small-icon > svg:hover > svg,
._wysiwyg-blue a.link-small-icon > svg:hover > svg,
._wysiwyg-black a.link-icon > svg:focus > svg,
._wysiwyg-dark-blue a.link-icon > svg:focus > svg,
._wysiwyg-blue a.link-icon > svg:focus > svg,
._wysiwyg-black a.link-small-icon > svg:focus > svg,
._wysiwyg-dark-blue a.link-small-icon > svg:focus > svg,
._wysiwyg-blue a.link-small-icon > svg:focus > svg {
fill: #e31b23;
}
._paragraph__intro-paragraph {
font-size: 1.25rem;
line-height: 1.3;
letter-spacing: -0.0165em;
}
@media all and (min-width: 48em) {
._paragraph__intro-paragraph {
font-size: 1.625rem;
line-height: 1.46153846;
letter-spacing: -0.01375em;
}
}
._paragraph__intro-paragraph b,
._paragraph__intro-paragraph strong {
font-weight: 400;
}
._paragraph__intro-paragraph a:not(.button) {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
}
._paragraph__intro-paragraph a:not(.button):hover,
._paragraph__intro-paragraph a:not(.button):focus {
color: currentColor;
border-bottom-color: #C6070F;
}
._paragraph__intro-paragraph a:not(.button):visited {
color: currentColor;
}
/**
* Foundation
*/
/**
* Partially ported over to support the message bar styles.
* This will likely be completely reworked when we implement
* the new navigation styles and markup.
*/
.mainHeader__main-header {
position: relative;
margin: 0;
width: 100%;
z-index: 51;
color: #212121;
}
@media all and (max-width: 62.5em) {
.mainHeader__main-header {
min-height: var(--header-height);
}
.mainHeader__main-header:global(.is-off-canvas) {
padding-top: var(--header-sticky);
}
}
.mainHeader__sticky {
background: #ffffff;
}
@media all and (max-width: 62.5em) {
.is-off-canvas .mainHeader__sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
transform: translateY(-100%);
}
.is-transitioning .mainHeader__sticky {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-sticky .mainHeader__sticky {
transform: translateY(0);
z-index: 1;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
.mainHeader__container {
width: 100%;
position: relative;
z-index: 2;
background: #ffffff;
}
@media all and (max-width: 62.5em) {
.is-revealed .mainHeader__container {
position: absolute;
top: 0;
}
}
.mainHeader__wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1800px;
}
@media all and (max-width: 62.5em) {
.mainHeader__wrapper {
position: relative;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
.mainHeader__row {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
}
@media all and (min-width: 62.5625em) {
.mainHeader__row {
padding-top: 28px;
padding-bottom: 22px;
}
}
.mainHeader__col-1 {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
@media all and (max-width: 62.5em) {
.mainHeader__col-1 {
width: 100%;
padding-left: 15px;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__col-1 {
align-items: center;
flex-wrap: wrap;
}
}
.mainHeader__col-2 {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
}
@media all and (max-width: 62.5em) {
.mainHeader__col-2 {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__col-2 {
justify-content: flex-end;
flex-direction: row;
}
}
.mainHeader__logo-lockup {
min-width: 33%;
}
@media all and (min-width: 62.5625em) {
.mainHeader__logo-lockup {
width: auto;
display: flex;
align-items: flex-start;
flex-direction: column;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__logo-lockup {
flex-direction: row;
align-items: center;
}
}
.mainHeader__menu-lockup {
display: flex;
flex-wrap: nowrap;
}
@media all and (min-width: 62.5625em) {
.mainHeader__menu-lockup {
display: none;
}
}
.mainHeader__location {
align-items: center;
}
.mainHeader__menu-link {
width: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
text-decoration: none;
flex-direction: column;
}
.mainHeader__menu-link:not(.is-revealed) .mainHeader__close {
display: none;
}
.mainHeader__menu-link.is-revealed .mainHeader__open {
display: none;
}
.mainHeader__logo {
width: 100%;
max-width: 180px;
display: block;
}
@media all and (max-width: 62.5em) {
.mainHeader__logo {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__logo {
display: block;
max-width: 284px;
min-width: 284px;
margin-right: 30px;
}
}
.mainHeader__logo-mobile {
display: none;
}
@media all and (max-width: 62.5em) {
.mainHeader__logo-mobile {
display: block;
width: 80px;
min-width: 60px;
}
}
.mainHeader__block {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.mainHeader__block.focusable:active,
.mainHeader__block.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .mainHeader__block a,
body:hover .mainHeader__block input,
body:hover .mainHeader__block button {
display: none;
}
.mainHeader__hours-top {
display: none;
color: #212121;
}
@media all and (min-width: 62.5625em) {
.mainHeader__hours-top {
display: flex;
align-items: center;
}
}
.mainHeader__hours-bottom {
display: flex;
align-items: center;
position: relative;
padding: 6px 15px;
top: 100%;
left: 0;
right: 0;
background: #095380;
}
@media all and (min-width: 62.5625em) {
.mainHeader__hours-bottom {
display: none;
}
}
.mainHeader__hours-icon {
display: block;
float: left;
vertical-align: middle;
height: 14px;
width: 14px;
fill: #ffffff;
margin-right: 0.3125rem;
}
@media all and (min-width: 62.5625em) {
.mainHeader__hours-icon {
display: inline-block;
float: none;
height: 21px;
width: 21px;
fill: #212121;
}
}
.mainHeader__hours-content {
font-size: 1rem;
line-height: 1.875;
display: block;
vertical-align: middle;
font-weight: 500;
width: calc(100% - 14px);
color: #ffffff;
float: left;
}
@media all and (max-width: 62.5em) {
.mainHeader__hours-bottom .mainHeader__hours-content {
font-size: 1rem;
line-height: 1.75;
}
}
@media all and (min-width: 62.5625em) {
.mainHeader__hours-content {
float: none;
display: inline-block;
color: #212121;
width: auto;
margin-left: 3.75px;
}
}
@media all and (min-width: 1000px) and (max-width: 1070px) {
.mainHeader__hours-content {
font-size: 0.75rem;
line-height: 1.66666667;
max-width: 100px;
}
}
.mainHeader__hours-set {
float: left;
vertical-align: middle;
padding-left: 3.75px;
padding-right: 3.75px;
}
@media all and (min-width: 62.5625em) {
.mainHeader__hours-set {
float: none;
padding-left: 0;
padding-right: 0;
}
}
.mainHeader__nm-hours-closed,
.mainHeader__nm-hours-set {
position: relative;
}
.mainHeader__members-hours-set {
position: relative;
padding-right: 0;
}
.mainHeader__members-hours-set:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: #ffffff;
display: block;
}
@media all and (min-width: 62.5625em) {
.mainHeader__members-hours-set {
color: #979797;
font-size: 0.75rem;
line-height: 1.66666667;
}
}
.mainHeader__member-link {
margin-left: 7.5px;
margin-right: 7.5px;
}
.mainHeader__member-link svg {
height: 38px;
top: 50%;
transform: translateY(-50%);
}
@media all and (min-width: 62.5625em) {
.mainHeader__get-tickets {
margin-left: 12px;
margin-bottom: 0.625rem;
}
}
@media all and (min-width: 62.5625em) and (max-width: 77.4375em) {
.mainHeader__get-tickets {
padding: 0.75rem 0.625rem !important;
}
}
.mainHeader__myaccount {
margin-left: 2.1875rem;
}
.mainHeader__myccount-link {
display: flex;
align-items: center;
text-decoration: none;
}
@media all and (max-width: 62.5em) {
.mainHeader__myccount-link {
display: none;
}
}
@media all and (min-width: 1000px) and (max-width: 1070px) {
.mainHeader__myccount-link {
font-size: 0.75rem;
line-height: 1.66666667;
max-width: 100px;
}
}
.mainHeader__myccount-icon {
height: 32px;
width: 32px;
margin-right: 0.3125rem;
}
.mainHeader__icon {
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
}
.mainHeader__ticket-link {
text-decoration: none;
margin-right: 7.5px;
}
.mainHeader__ticket-link .mainHeader__ticket-icon {
display: inline;
margin: 0 auto;
color: #e31b23;
vertical-align: middle;
}
.mainHeader__ticket-link:hover .mainHeader__ticket-icon {
color: #831D22;
}
@media all and (max-width: 62.5em) {
.mainHeader__ticket-link {
margin-top: -6px;
}
}
.mainHeader__email-mobile {
display: inline-block;
text-align: right;
font-size: 12px;
}
@media all and (min-width: 62.5625em) {
.mainHeader__email-mobile {
display: none;
}
}
.mainHeader__email-mobile-p {
display: inherit;
margin-top: 0;
font-size: 12px;
}
.mainHeader__email-mobile-link {
color: #ffffff;
text-decoration: none;
font-weight: 500;
border-bottom: 2px solid #e31b23;
margin-top: 3px;
}
.mainHeader__email-mobile-link:hover,
.mainHeader__email-mobile-link:focus {
cursor: pointer;
color: #ffffff;
background: #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 3px 2px 0 #e31b23, 3px -2px 0 #e31b23, -3px 2px 0 #e31b23, -3px -2px 0 #e31b23;
border-bottom-color: #e31b23;
}
.mainHeader__search {
padding: 10px 15px;
}
@media all and (min-width: 62.5625em) {
.mainHeader__search {
margin-right: 15px;
border-right: 1px solid #bfbfbf;
padding-left: 0;
}
}
.mainHeader__language .primaryNavigation__link {
background: transparent;
color: inherit;
border: 0;
display: flex;
align-items: center;
margin-right: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.mainHeader__language .primaryNavigation__link:hover,
.mainHeader__language .primaryNavigation__link:focus,
.mainHeader__language .primaryNavigation__link.is-current {
background: transparent;
color: inherit;
}
.mainHeader__language .primaryNavigation__link .primaryNavigation__globe {
width: 1.1875rem;
height: 1.1875rem;
margin-right: 0.3125rem;
}
.mainHeader__language .primaryNavigation__link:hover,
.mainHeader__language .primaryNavigation__link:focus {
color: #e31b23;
}
.mainHeader__language .primaryNavigation__sub-nav {
box-shadow: 0 6px 31px #2c4d72;
padding: 0.625rem 1.125rem;
}
.mainHeader__language .primaryNavigation__sub-nav::before {
left: 8.75rem;
}
.mainHeader__language .primaryNavigation__sub-nav .subNavigation__list {
margin-top: 0;
}
.mainHeader__language .primaryNavigation__sub-nav .subNavigation__list li {
padding: 0.9375rem 0.75rem;
}
.mainHeader__language .primaryNavigation__sub-nav .subNavigation__list li a {
text-decoration: none;
}
.mainHeader__language .primaryNavigation__sub-nav .subNavigation__list li:not(:last-child) {
border-bottom: 1px solid #bfbfbf;
}
.mainHeader__language .primaryNavigation__sub-nav.spanish {
left: auto;
right: 0;
width: 12.5rem;
}
.messageBar__bar {
position: relative;
z-index: 1;
}
.messageBar__bar:not(.is-revealed) {
display: none;
}
.messageBar__promo {
background: #3763C5;
color: #ffffff;
}
@media all and (max-width: 47.9375em) {
.messageBar__promo {
display: none;
}
}
.messageBar__alert {
background: #FEC831;
color: #212121;
}
.messageBar__emergency {
background: #e31b23;
color: #ffffff;
}
.messageBar__gdpr {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 6;
background: #004AA1;
color: #ffffff;
}
.messageBar__gdpr a {
color: #ffffff;
}
.tnew-template-body .messageBar__gdpr {
display: none;
}
.tnew-template-body .messageBar__gdpr.js-tnew-show-gdpr {
display: block;
}
.tnew-template-body .messageBar__gdpr.js-tnew-show-gdpr.was-revealed {
display: none;
}
.messageBar__wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1800px;
}
@media all and (min-width: 62.5625em) {
.messageBar__wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
.messageBar__content {
display: flex;
padding: 20px 0;
position: relative;
}
@media all and (max-width: 62.5em) {
.messageBar__content {
padding: 10px 30px 10px 15px;
}
}
@media all and (min-width: 62.5625em) {
.messageBar__content {
padding: 20px 0;
}
}
.messageBar__icon {
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
@media all and (min-width: 62.5625em) {
.messageBar__icon {
display: inline-block;
margin-right: 7.5px;
margin-left: 0;
}
}
.messageBar__wysiwyg img,
.messageBar__wysiwyg figure {
display: none;
}
.messageBar__wysiwyg * {
margin-top: 0;
}
.messageBar__wysiwyg p {
font-size: 0.875rem;
line-height: 1.85714286;
}
.messageBar__wysiwyg p a {
color: inherit;
font-weight: bold;
font-size: inherit;
}
@media all and (max-width: 62.5em) {
.messageBar__wysiwyg *,
.messageBar__wysiwyg p {
font-size: 0.75rem;
line-height: 1.66666667;
}
}
.messageBar__wysiwyg-emergency .link-small-emphasis:after {
background: #ffffff !important;
}
.messageBar__wysiwyg-gdpr {
text-align: center;
margin: auto;
}
.messageBar__wysiwyg-gdpr p {
text-align: left;
}
.messageBar__translate-message {
font-size: 0.75rem;
line-height: 1.66666667;
font-style: italic;
}
.messageBar__close {
font-size: 15px;
height: 18px;
width: 18px;
padding: 0;
margin: 0 0 0 auto;
background: none;
border: none;
outline: 0;
color: inherit;
vertical-align: middle;
display: inline-block;
line-height: normal;
position: absolute;
top: 15px;
right: 15px;
transition: transform 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transform-origin: center center;
}
@media all and (min-width: 62.5625em) {
.messageBar__close {
top: 24px;
right: 0;
}
}
.messageBar__close-icon {
fill: currentColor;
height: 18px;
width: 18px;
display: block;
}
.primaryNavigation__is-hidden {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.primaryNavigation__is-hidden.focusable:active,
.primaryNavigation__is-hidden.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .primaryNavigation__is-hidden a,
body:hover .primaryNavigation__is-hidden input,
body:hover .primaryNavigation__is-hidden button {
display: none;
}
.primaryNavigation__primary-navigation {
border-bottom: 1px solid #bfbfbf;
padding-right: 15px;
padding-left: 15px;
background: #ffffff;
}
@media all and (max-width: 62.5em) {
.primaryNavigation__primary-navigation {
display: none;
position: fixed;
top: var(--header-sticky);
right: 0;
left: 0;
bottom: 66px;
padding-top: 20px;
padding-bottom: 20px;
z-index: 1;
background: #212121;
overflow-y: scroll;
height: calc(100vh - var(--header-sticky) + 1px);
z-index: 3;
}
.is-revealed .primaryNavigation__primary-navigation {
display: block;
}
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__primary-navigation {
padding: 0;
box-shadow: 0 29px 44px -13px rgba(44, 60, 82, 0.6);
}
}
.has-error .primaryNavigation__primary-navigation {
box-shadow: none;
}
.primaryNavigation__wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1800px;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__wrapper {
display: flex;
justify-content: space-between;
padding-left: 30px;
padding-right: 30px;
}
}
.primaryNavigation__group {
display: block;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__group {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.primaryNavigation__ctas {
display: none;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__ctas {
display: block;
}
}
.primaryNavigation__list {
list-style: none;
margin: 0;
padding: 0;
}
.primaryNavigation__list-item {
position: relative;
display: block;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__list-item {
display: inline-block;
vertical-align: center;
}
}
.primaryNavigation__list-item.is-relative {
position: relative;
}
.primaryNavigation__list-item.no-icon {
padding-left: 10px;
}
.primaryNavigation__list-item.no-icon .primaryNavigation__sub-nav:before {
left: -17.5px;
}
.primaryNavigation__list-item.no-icon .primaryNavigation__simple-nav-sub-wrapper {
padding-left: 0;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__list-item.no-icon .primaryNavigation__simple-nav-sub-wrapper {
padding: 20px 30px;
}
}
.primaryNavigation__link {
padding-top: 9px;
padding-bottom: 9px;
text-decoration: none;
color: #bfbfbf;
font-weight: 700;
display: block;
position: relative;
margin-top: 10px;
font-size: 1rem;
line-height: 1.875;
}
.primaryNavigation__link.is-button {
background: transparent;
border: none;
cursor: default;
}
@media all and (max-width: 62.5em) {
.primaryNavigation__link.is-button {
padding-left: 0;
padding-right: 0;
width: 100%;
text-align: left;
}
}
.primaryNavigation__link.is-button:focus {
outline: none;
}
@media all and (max-width: 62.5em) {
.primaryNavigation__link {
display: flex;
align-items: center;
}
.primaryNavigation__link.is-revealed {
color: #ffffff;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.primaryNavigation__link {
padding: 9px 25px 9px 0;
}
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__link {
color: #212121;
margin-top: 0;
margin-right: 30px;
padding: 9px 15px 35px 0;
margin-bottom: -26px;
}
.primaryNavigation__link.no-dropdown {
padding-right: 22.5px;
}
.is-current .primaryNavigation__link.is-hovering .primaryNavigation__link-text {
color: #212121;
}
.is-current .primaryNavigation__link.is-hovering .primaryNavigation__link-text:hover,
.is-current .primaryNavigation__link.is-hovering .primaryNavigation__link-text:focus {
color: #e31b23;
}
.primaryNavigation__link.is-hovering .primaryNavigation__link-dropdown {
transform: translateX(0) translateY(-50%) rotate(180deg);
}
.primaryNavigation__link.is-hovering + .primaryNavigation__sub-nav,
.primaryNavigation__link.is-hovering + .primaryNavigation__simple-nav-sub {
display: block;
}
}
@media all and (min-width: 81.5625em) {
.primaryNavigation__link {
font-size: 1rem;
line-height: 1.875;
}
}
.primaryNavigation__link:hover,
.primaryNavigation__link:focus {
color: #ffffff;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__link:hover .primaryNavigation__link-text:after,
.primaryNavigation__link:focus .primaryNavigation__link-text:after {
opacity: 1;
transform: scaleX(1);
}
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__link:hover,
.primaryNavigation__link:focus {
color: #e31b23;
}
}
.primaryNavigation__link-text {
position: relative;
padding-left: 10px;
transition: color 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif !important;
}
.primaryNavigation__link-text:after {
content: '';
height: 4px;
width: calc(100% + 10px);
background: #e31b23;
position: absolute;
bottom: -10px;
left: 0;
display: block;
opacity: 0;
transition: opacity 140ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scaleX(0);
transform-origin: left center;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__link-text:after {
bottom: -19px;
height: 5px;
}
}
.is-current .primaryNavigation__link-text {
color: #ffffff;
}
.is-current .primaryNavigation__link-text:after {
opacity: 1;
transform: scaleX(1);
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__link-text {
padding-left: 0;
}
.is-current .primaryNavigation__link-text {
color: #212121;
}
.is-current .primaryNavigation__link-text:hover,
.is-current .primaryNavigation__link-text:focus {
color: #e31b23;
}
}
.primaryNavigation__link-dropdown,
.primaryNavigation__link-icon {
position: absolute;
right: 0;
top: 26px;
transform: translateX(0) translateY(-50%);
}
@media all and (max-width: 62.5em) {
.primaryNavigation__link-dropdown,
.primaryNavigation__link-icon {
width: 14px;
}
}
.primaryNavigation__link-dropdown {
top: 26px;
transform-origin: center center;
transform: translateX(0) translateY(-50%);
transition: transform 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
right: -5px;
}
@media all and (max-width: 62.5em) {
.primaryNavigation__link-dropdown {
right: -7px;
width: 30px;
}
}
.primaryNavigation__link-dropdown.is-revealed {
transform: translateX(0) translateY(-50%) rotate(180deg);
}
.primaryNavigation__link-icon {
transition: transform 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.primaryNavigation__link:hover .primaryNavigation__link-icon,
.primaryNavigation__link:focus .primaryNavigation__link-icon {
transform: translateY(-50%) translateX(5px);
}
.primaryNavigation__icon {
height: 24px;
width: 24px;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__icon {
display: none;
}
}
.primaryNavigation__heading {
margin-top: 0;
}
.primaryNavigation__sub-nav {
display: none;
width: 100%;
padding-bottom: 20px;
position: relative;
margin-top: 26px;
transition: transform 250ms ease-in-out;
}
@media all and (max-width: 62.5em) {
.primaryNavigation__sub-nav {
padding-left: 34px;
}
}
.primaryNavigation__sub-nav:before {
content: '';
width: 100vw;
position: absolute;
top: -20px;
bottom: 0;
left: -15px;
background: #0f0f0f;
z-index: -1;
}
@media all and (min-width: 48em) {
.primaryNavigation__sub-nav:before {
left: -57.5px;
}
}
@media all and (max-width: 62.5em) {
.primaryNavigation__sub-nav.is-revealed {
display: block;
}
}
@media all and (max-width: 62.5em) {
.primaryNavigation__sub-nav.is-large:before {
display: none;
}
}
@media all and (max-width: 77.4375em) {
.primaryNavigation__sub-nav.is-large {
left: 50%;
transform: translateX(-50%);
}
.primaryNavigation__sub-nav.is-large:before {
left: 50%;
transform: translateX(-50%) translateY(-100%);
transition: transform 250ms ease-in-out;
}
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__sub-nav.is-large.is-large {
width: 770px;
}
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__sub-nav {
position: absolute;
top: 100%;
left: 0;
padding: 0;
background: #ffffff;
}
.primaryNavigation__sub-nav:before {
content: '';
position: absolute;
display: block;
top: 0;
left: 15px;
width: 12px;
transform: translateY(-100%);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
background: transparent;
z-index: 1;
pointer-events: none;
}
.primaryNavigation__sub-nav.has-panel {
width: 495px;
}
}
.primaryNavigation__sub-nav:hover,
.primaryNavigation__sub-nav:focus {
display: block;
}
.primaryNavigation__language-mobile {
position: relative;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__language-mobile {
display: none;
}
}
.primaryNavigation__language-mobile:before {
content: '';
position: absolute;
top: 0;
left: -15px;
width: 100vw;
height: 1px;
background: #4a4a4a;
}
.primaryNavigation__language-mobile .primaryNavigation__link {
background: transparent;
color: inherit;
border: 0;
font-size: 0.875rem;
line-height: 1.85714286;
display: flex;
align-items: center;
margin-right: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #bfbfbf;
padding: 1.125rem 0 0.75rem;
}
.primaryNavigation__language-mobile .primaryNavigation__link:hover,
.primaryNavigation__language-mobile .primaryNavigation__link:focus,
.primaryNavigation__language-mobile .primaryNavigation__link.is-current {
background: transparent;
color: inherit;
}
.primaryNavigation__language-mobile .primaryNavigation__link .primaryNavigation__globe {
width: 1.1875rem;
height: 1.1875rem;
margin-right: 0.3125rem;
}
.primaryNavigation__language-mobile .primaryNavigation__link:hover {
color: #bfbfbf;
}
.primaryNavigation__language-mobile .primaryNavigation__link.is-revealed .primaryNavigation__lang-label {
color: #ffffff;
}
.primaryNavigation__language-mobile .primaryNavigation__link.is-revealed .primaryNavigation__lang-label:after {
opacity: 1;
transform: scaleX(1);
}
.primaryNavigation__language-mobile .primaryNavigation__link.is-revealed .primaryNavigation__globe {
color: #ffffff;
}
.primaryNavigation__language-mobile .primaryNavigation__link.is-revealed .primaryNavigation__lang-arrow {
transform: rotate(180deg);
}
.primaryNavigation__language-mobile .primaryNavigation__sub-nav {
padding-left: 1.875rem;
margin: 0 auto;
}
.primaryNavigation__language-mobile .primaryNavigation__sub-nav:before {
top: 0;
background-color: #212121;
}
.primaryNavigation__language-mobile .primaryNavigation__sub-nav .subNavigation__list li a {
font-size: 0.875rem;
line-height: 1.21428571;
color: #bfbfbf;
text-decoration: none;
display: block;
width: 100%;
padding: 0.4375rem 0;
}
.primaryNavigation__language-mobile .primaryNavigation__sub-nav .subNavigation__list li a:focus {
font-weight: 700;
color: #ffffff;
}
.primaryNavigation__lang-label {
margin-left: 0.3125rem;
position: relative;
}
.primaryNavigation__lang-label:after {
content: '';
height: 0.125rem;
width: 100%;
background: #e31b23;
position: absolute;
bottom: -5px;
left: 0;
display: block;
opacity: 0;
transition: opacity 140ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scaleX(0);
transform-origin: left center;
}
.primaryNavigation__lang-arrow {
width: 0.75rem;
margin-left: 0.3125rem;
transition: transform 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.primaryNavigation__search {
position: relative;
padding: 20px 0px 0;
margin-top: 20px;
margin-bottom: 4.125rem;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__search {
display: none;
}
}
.primaryNavigation__simple-nav-sub:before {
left: -17.5px !important;
}
.primaryNavigation__cta {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
@media all and (min-width: 62.5625em) {
.primaryNavigation__cta {
display: none;
}
}
.primaryNavigation__cta-link {
display: flex;
align-items: center;
justify-content: center;
}
.primaryNavigation__cta-icon {
width: 22px;
height: 22px;
margin-right: 7.5px;
}
.headerSearch__container-small {
position: relative;
display: block;
width: 100%;
padding: 0;
}
@media all and (min-width: 62.5625em) {
.headerSearch__container-small {
display: none;
}
}
.headerSearch__container-small .headerSearch__icon {
height: 20px;
width: 20px;
}
@media all and (max-width: 62.5em) {
.headerSearch__container-large {
display: none;
}
}
.headerSearch__container-large .headerSearch__icon {
height: 22px;
width: 22px;
}
.headerSearch__link {
display: flex;
align-items: center;
color: #212121;
text-decoration: none;
}
.headerSearch__link:hover,
.headerSearch__link:focus {
color: #e31b23;
}
@media all and (max-width: 62.5em) {
.headerSearch__link {
display: none;
}
}
.headerSearch__block {
font-size: 10px;
line-height: 1.1;
display: block;
margin: 5px auto 0 auto;
}
@media all and (min-width: 62.5625em) {
.headerSearch__block {
margin: 0 auto 0 5px;
font-weight: 700;
font-size: 1rem;
line-height: 1.875;
}
}
.headerSearch__input {
padding-right: 45px;
height: 45px;
}
@media all and (max-width: 62.5em) {
.headerSearch__input {
background: transparent;
border-left: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #bfbfbf;
color: #ffffff;
padding-left: 7.5px;
}
.headerSearch__input:focus {
background: transparent;
border-left: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #bfbfbf;
color: #ffffff;
}
}
.headerSearch__search-bar {
position: relative;
width: 100%;
z-index: 2;
}
@media all and (min-width: 62.5625em) {
.headerSearch__search-bar {
width: 380px;
top: 0;
right: 0;
position: absolute;
background: #ffffff;
padding-right: 35px;
}
.headerSearch__search-bar:not(.is-revealed) {
display: none;
}
}
.headerSearch__button {
position: absolute;
right: 0;
top: 0;
bottom: 1px;
border: 0;
padding: 0;
width: 45px;
background: transparent;
color: #bfbfbf;
}
.headerSearch__button:hover,
.headerSearch__button:focus {
background: transparent;
color: #ffffff;
}
@media all and (min-width: 62.5625em) {
.headerSearch__button {
bottom: 2px;
right: 35px;
background: #e31b23;
color: #ffffff;
}
.headerSearch__button:hover,
.headerSearch__button:focus {
background: #831D22;
}
}
.headerSearch__submit-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
fill: currentColor;
height: 16px;
width: 16px;
}
.headerSearch__close-link {
position: absolute;
width: 50px;
right: 0;
top: 0;
bottom: 0;
border: 0;
outline: 0;
color: #bfbfbf;
}
.headerSearch__close-link:hover,
.headerSearch__close-link:focus {
color: #212121;
}
@media all and (max-width: 62.5em) {
.headerSearch__close-link {
display: none;
}
}
.headerSearch__close-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
@media all and (min-width: 62.5625em) {
.headerSearch__close-icon {
left: auto;
right: 0;
transform: translateY(-50%);
}
}
@media all and (min-width: 48em) {
.subNavigation {
display: flex;
box-shadow: 0 29px 44px -13px rgba(44, 60, 82, 0.6);
}
}
.subNavigation__col--1,
.subNavigation__col--2 {
padding: 30px 30px;
}
.subNavigation__col--1 {
flex: 0 0 auto;
width: 275px;
background: #ffffff;
}
@media all and (max-width: 62.5em) {
.subNavigation__col--1 {
width: 100%;
padding: 0;
background: transparent;
}
}
.subNavigation__col--2 {
flex: 1 1 auto;
background: #095380;
}
@media all and (max-width: 62.5em) {
.subNavigation__col--2 {
display: none;
}
}
.subNavigation__cta {
font-size: 1.125rem;
line-height: 1.27777778;
position: relative;
-webkit-text-decoration-color: #da3732;
text-decoration-color: #da3732;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
@media all and (max-width: 62.5em) {
.subNavigation__cta {
display: none;
}
}
.subNavigation__cta-icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) translateX(calc(100% + 10px));
transition: transform 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.subNavigation__cta:hover .subNavigation__cta-icon {
transform: translateY(-50%) translateX(calc(100% + 15px));
}
.subNavigation__list {
padding-left: 0;
list-style: none outside none;
margin-top: 10px;
}
.subNavigation__item {
padding: 0.5rem 0;
line-height: 0.2em;
}
.subNavigation__item-heading {
font-size: 1.5rem;
line-height: 1;
letter-spacing: -0.01625em;
margin-top: 20px;
}
@media all and (max-width: 62.5em) {
.subNavigation__item-heading {
color: #ffffff;
}
}
.subNavigation__item-link {
font-size: 0.875rem;
line-height: 1.85714286;
text-decoration: none;
}
@media all and (max-width: 62.5em) {
.subNavigation__item-link {
display: block;
margin-top: 0.3125rem;
padding: 5px 0;
color: #bfbfbf;
line-height: 1.3em;
}
.subNavigation__item-link.is-current {
color: #ffffff;
}
.subNavigation__item-link:hover,
.subNavigation__item-link:focus {
color: #ffffff;
text-decoration: none;
}
}
@media all and (min-width: 48em) {
.subNavigation__item-link {
font-weight: 700;
line-height: 1em;
}
}
.subNavigation__item-link--cta {
font-style: italic;
display: block;
margin-top: 0.625rem;
}
.subNavigation__item-link--cta svg {
width: 10px;
height: 6px;
margin-left: 7.5px;
}
.subNavigation__item-link--tertiary {
display: block;
margin-top: 40px;
}
@media all and (min-width: 48em) {
.primaryNavigation__sub-nav.is-large .subNavigationPanel {
display: flex;
}
}
.subNavigationPanel__col--1 {
width: 45%;
padding-right: 7.5px;
}
.subNavigationPanel__col--2 {
width: 55%;
}
.subNavigationPanel__heading {
font-size: 1.125rem;
line-height: 1.27777778;
color: #ffffff;
font-weight: 700;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.subNavigationPanel__list {
margin: 0;
padding: 0;
list-style: none;
}
.subNavigationPanel__item {
padding-left: 30px;
position: relative;
margin-top: 20px;
}
.subNavigationPanel__item:first-child {
margin-top: 15px;
}
.subNavigationPanel__item-icon {
display: block;
height: 22px;
width: 22px;
fill: #3BC0C7;
position: absolute;
left: 0;
top: 2px;
}
.subNavigationPanel__item-text {
font-size: 0.875rem;
line-height: 1.85714286;
font-weight: 500;
color: #ffffff;
margin-top: 0;
display: block;
}
.subNavigationPanel__item-text--small {
font-size: 0.75rem;
line-height: 1.66666667;
color: #ffffff;
margin-top: 0;
font-weight: 300;
}
.customizable__block {
position: relative;
margin-top: 80px;
}
@media all and (max-width: 47.9375em) {
.customizable__large-header + .customizable__block,
.customizable__small-header + .customizable__block {
margin-top: 40px;
}
}
@media all and (max-width: 47.9375em) {
.customizable__block {
margin-top: 40px;
}
}
.customizable__block.is-first {
margin-top: 0;
}
/**
* Alignment / Flow
*
*
* Use this to adjust spacing between blocks based on their previous block
*/
.customizable__columned-content + .customizable__today-at-perot {
margin-top: 92px;
}
.customizable__today-at-perot .customizable__columned-media-content {
margin-top: 120px;
}
.customizable__large-header + .customizable__columned-content,
.customizable__small-header + .customizable__columned-content {
margin-top: 55px;
}
@media all and (max-width: 47.9375em) {
.customizable__large-header + .customizable__columned-content,
.customizable__small-header + .customizable__columned-content {
margin-top: 10px;
}
}
.customizable__media-slideshow + .customizable__faq {
margin-top: 0;
}
.customizable__scientists + .customizable__faq {
margin-top: 0;
}
.customizable__columed-media-content + .customizable__faq {
margin-top: 85px;
}
.customizable__columed-content + .customizable__columned-media-content {
margin-top: 100px;
}
.customizable__columned-media-content + .customizable__columned-media-content {
margin-top: 30px;
}
.customizable__stacked-media + .customizable__columned-media-content {
margin-top: 40px;
}
.customizable__faq + .customizable__columned-media-content {
margin-top: 0;
}
.customizable__image-header + .customizable__stacked-media,
.customizable__grid-header + .customizable__stacked-media {
margin-top: 0;
}
@media all and (min-width: 48em) {
.customizable__image-header + .customizable__stacked-media,
.customizable__grid-header + .customizable__stacked-media {
margin-top: 40px;
}
}
.customizable__large-header + .customizable__stacked-media,
.customizable__small-header + .customizable__stacked-media {
margin-top: 40px;
}
.customizable__anchor {
height: 0;
width: 0;
display: block;
}
.customizable__scientists + .customizable__block {
margin-top: 0;
}
.customizable__exhibit-tickets {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.customizable__exhibit-tickets + .customizable__block {
margin-top: 20px;
}
@media all and (min-width: 62.5625em) {
.customizable__exhibit-tickets {
position: inherit;
}
}
.footer__container {
width: 100%;
position: relative;
background: #212121;
z-index: 5;
}
@media all and (max-width: 47.9375em) {
.footer__container {
padding-bottom: 80px;
}
}
.footer__wrapper {
position: relative;
z-index: 1;
}
/**
* Styles for various partials within the footer
*/
.footer__row {
-moz-column-count: 1;
column-count: 1;
-moz-column-gap: 15px;
column-gap: 15px;
}
@media all and (min-width: 48em) {
.footer__row {
-moz-column-count: 3;
column-count: 3;
}
}
@media all and (min-width: 62.5625em) {
.footer__row {
-moz-column-count: 5;
column-count: 5;
}
}
.footer__column {
padding-bottom: 30px;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
@media all and (max-width: 47.9375em) {
.footer__column {
padding-bottom: 20px;
}
}
.footer__site-map {
background: #010610;
padding-top: 20px;
padding-bottom: 25%;
position: relative;
}
@media all and (min-width: 48em) {
.footer__site-map {
padding-top: 30px;
}
}
.footer__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 0;
background: #010610;
}
.footer__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom center;
object-position: bottom center;
opacity: 0;
transition: opacity 150ms linear;
}
.footer__figure img.lazyloaded {
opacity: 1;
}
@media all and (min-width: 48em) {
.footer__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 0;
}
.footer__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom center;
object-position: bottom center;
opacity: 0;
transition: opacity 150ms linear;
}
.footer__figure img.lazyloaded {
opacity: 1;
}
}
.footer__image {
width: 100%;
height: auto;
display: block;
}
.footer__link {
color: #ffffff;
text-decoration: none;
display: block;
}
@media all and (max-width: 47.9375em) {
.footer__link {
position: relative;
}
}
.footer__link:hover,
.footer__link:focus {
color: #e31b23;
}
.footer__title-link {
color: #ffffff;
}
.footer__title-link:hover .footer__title,
.footer__title-link:focus .footer__title {
color: #e31b23;
}
.footer__title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
color: #ffffff;
}
.footer__list {
margin-top: 18px;
padding: 0;
list-style: none;
}
@media all and (max-width: 47.9375em) {
.footer__list {
display: none;
}
}
.footer__list.is-revealed {
display: block;
}
.footer__item {
padding: 0;
}
.footer__child-link {
font-size: 0.875rem;
line-height: 1.85714286;
margin-top: 10px;
font-weight: 400;
line-height: 1.3;
}
.footer__dropdown {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 40px;
padding: 20px 0px;
}
@media all and (min-width: 48em) {
.footer__dropdown {
display: none;
}
}
.footer__dropdown:before {
content: '';
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid currentColor;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: transform 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.footer__dropdown.is-revealed:before {
transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
.tracking__container {
width: 100%;
background: #000;
border-bottom: 1px solid #4a4a4a;
padding-top: 20px;
padding-bottom: 20px;
}
@media all and (min-width: 48em) {
.tracking__container {
padding-top: 30px;
padding-bottom: 30px;
}
}
.tracking__column {
padding-left: 15px;
padding-right: 15px;
float: left;
}
.tracking__col-1 {
width: 100%;
}
@media all and (min-width: 48em) {
.tracking__col-1 {
width: 100%;
}
.tracking__col-1.is-tilt {
width: 50%;
}
}
@media all and (min-width: 62.5625em) {
.tracking__col-1 {
width: 24%;
}
}
@media all and (min-width: 48em) {
.tracking__col-2 {
width: 33.333%;
text-align: left;
margin-top: 20px;
}
.tracking__col-2.is-tilt {
width: 50%;
margin-top: 0;
}
}
@media all and (min-width: 62.5625em) {
.tracking__col-2 {
width: 19%;
}
}
@media all and (min-width: 48em) {
.tracking__col-3 {
width: 33.333%;
text-align: left;
margin-top: 20px;
}
.tracking__col-3.is-tilt {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.tracking__col-3 {
width: 19%;
}
}
@media all and (min-width: 48em) {
.tracking__col-4 {
width: 33.333%;
text-align: left;
margin-top: 20px;
}
.tracking__col-4.is-tilt {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.tracking__col-4 {
width: 19%;
}
}
.tracking__figure {
margin: 0;
}
@media all and (min-width: 48em) {
.tracking__figure {
margin: 0;
}
}
.tracking__image {
max-width: 230px;
}
@media all and (max-width: 62.5em) {
.tracking__image {
margin: 0 auto;
}
}
@media all and (max-width: 47.9375em) {
.tracking__stat-container {
margin: 10px auto 0 auto;
display: block;
}
}
.tracking__icon {
display: block;
float: left;
width: 40px;
height: 50px;
fill: #e31b23;
margin-top: 5px;
}
.tracking__stat-block {
width: calc(100% - 40px);
float: left;
}
.tracking__text {
color: #ffffff;
font-weight: 400;
margin-top: 0;
text-align: left;
}
.tracking__stat {
font-size: 1.25rem;
line-height: 1.3;
color: #ffffff;
margin-top: 0;
line-height: 1;
white-space: nowrap;
}
.bar {
background: #212121;
padding-top: 10px;
padding-bottom: 10px;
}
@media all and (min-width: 62.5625em) {
.bar__row .bar__col-1 {
max-width: 33.333%;
width: auto;
}
}
.bar__row .bar__col-2 {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 20px;
}
.bar__row .bar__col-2 .bar__link:not(:first-child):not(:last-child) {
padding: 0px 0.625rem;
}
@media all and (max-width: 47.9375em) {
.bar__row .bar__col-2 {
justify-content: normal;
}
.bar__row .bar__col-2 .bar__link {
padding: 0px !important;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.bar__row .bar__col-2 {
margin-top: 0;
}
}
@media all and (min-width: 62.5625em) {
.bar__row .bar__col-2 {
flex-wrap: nowrap;
margin-top: 0;
flex-grow: 2;
}
}
.bar__row .bar__col-3 {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.bar__row .bar__col-3 {
justify-content: flex-end;
margin-top: 0;
}
}
@media all and (min-width: 62.5625em) {
.bar__row .bar__col-3 {
max-width: 20%;
width: auto;
}
}
@media all and (min-width: 62.5625em) and (max-width: 77.4375em) {
.bar__bar__bar .bar__row .bar__col-1,
.bar__bar__bar .bar__row .bar__col-2 {
padding-right: 0.625rem;
}
.bar__bar__bar .bar__row .bar__col-2,
.bar__bar__bar .bar__row .bar__col-3 {
padding-left: 0.625rem;
}
}
.bar__link {
color: #ffffff;
text-decoration: none;
}
@media all and (max-width: 47.9375em) {
.bar__col-2 .bar__link {
display: inline-block;
margin-right: 0.625rem;
}
}
.bar__link:hover .bar__text,
.bar__link:focus .bar__text {
color: #e31b23;
}
.bar__link:hover .bar__icon,
.bar__link:focus .bar__icon {
transform: scale(1.25);
}
.bar__text {
color: #ffffff;
margin: 0;
}
.bar__icon {
height: 25px;
width: 25px;
display: block;
transition: transform 120ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.bar__facebook-icon {
margin-right: 15px;
}
@media all and (min-width: 62.5625em) {
.bar__facebook-icon {
margin-right: 7.5px;
}
}
.bar__twitter-icon {
margin-right: 15px;
}
@media all and (min-width: 62.5625em) {
.bar__twitter-icon {
margin-right: 7.5px;
}
}
.bar__instagram-icon {
margin-right: 15px;
}
@media all and (min-width: 62.5625em) {
.bar__instagram-icon {
margin-right: 7.5px;
}
}
/**
* Shared
*/
.amazeYourBrain__container-base {
width: 100%;
position: relative;
z-index: 0;
padding: 20px 0 0;
}
@media all and (min-width: 48em) {
.amazeYourBrain__container-base {
padding: 0;
}
}
.amazeYourBrain__navy-container {
background: #003e6b;
}
.amazeYourBrain__yellow-container {
background: #ffc907;
}
.amazeYourBrain__black-container {
background: #000;
}
.amazeYourBrain__teal-container {
background: #36c0c8;
}
.amazeYourBrain__heading {
margin: 0;
}
@media all and (min-width: 48em) {
.amazeYourBrain__heading {
position: absolute;
top: 50px;
left: 0;
z-index: 20;
}
}
.amazeYourBrain__heading-block {
display: block;
}
.amazeYourBrain__title-base {
line-height: 27px !important;
padding: 11px 15px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
letter-spacing: -0.00555556em;
}
.amazeYourBrain__number-label {
text-decoration: none;
}
.amazeYourBrain__number-base {
line-height: 40px !important;
padding: 0 10px 9px 15px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
}
.amazeYourBrain__yellow-title,
.amazeYourBrain__yellow-number {
color: #000;
background: #36c0c8;
}
.amazeYourBrain__navy-title,
.amazeYourBrain__navy-number {
color: #000;
background: #ffc907;
}
.amazeYourBrain__black-title,
.amazeYourBrain__black-number {
color: #000;
background: #ffc907;
}
.amazeYourBrain__teal-title,
.amazeYourBrain__teal-number {
color: #000;
background: #ffc907;
}
@media all and (min-width: 48em) {
.amazeYourBrain__content {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
.amazeYourBrain__row {
display: flex;
flex-direction: column;
}
@media all and (min-width: 48em) {
.amazeYourBrain__row {
flex-direction: row;
}
}
.amazeYourBrain__figure {
margin: 0;
position: relative;
z-index: 5;
}
.amazeYourBrain__figure--top-left {
order: 2;
}
.amazeYourBrain__figure--top-right {
order: 2;
}
@media all and (min-width: 48em) {
.amazeYourBrain__figure--top-right {
order: 1;
}
}
@media all and (min-width: 48em) {
.amazeYourBrain__figure--bottom-right {
order: 1;
}
}
.amazeYourBrain__image {
display: block;
width: 100%;
}
.amazeYourBrain__text-wrapper {
position: relative;
z-index: 10;
}
@media all and (min-width: 48em) {
.amazeYourBrain__text-wrapper--top-left,
.amazeYourBrain__text-wrapper--bottom-left {
padding-top: 151px;
}
}
@media all and (min-width: 48em) {
.amazeYourBrain__text-wrapper--top-right,
.amazeYourBrain__text-wrapper--bottom-right {
order: 2;
padding-top: 31px;
display: flex;
align-items: center;
}
}
.amazeYourBrain__text-wrapper--top-left,
.amazeYourBrain__text-wrapper--top-right {
padding-bottom: 25px;
}
@media all and (min-width: 48em) {
.amazeYourBrain__text-wrapper--top-left,
.amazeYourBrain__text-wrapper--top-right {
padding-bottom: 40px;
}
}
@media all and (min-width: 62.5625em) {
.amazeYourBrain__text-wrapper--top-left,
.amazeYourBrain__text-wrapper--top-right {
padding-bottom: 85px;
}
}
.amazeYourBrain__text-description {
font-size: 1rem;
line-height: 1.125;
}
@media all and (max-width: 47.9375em) {
.amazeYourBrain__text-description {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media all and (min-width: 30em) {
.amazeYourBrain__text-description {
font-size: 1.125rem;
line-height: 1.11111111;
}
}
@media all and (min-width: 62.5625em) {
.amazeYourBrain__text-description {
font-size: 1.5rem;
line-height: 1.08333333;
}
}
.amazeYourBrain__text-base {
font-size: 1.25rem;
line-height: 1;
margin: 0;
padding: 25px 25px 0 0;
}
@media all and (max-width: 47.9375em) {
.amazeYourBrain__text-base {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media all and (min-width: 30em) {
.amazeYourBrain__text-base {
font-size: 1.625rem;
line-height: 1;
}
}
@media all and (min-width: 62.5625em) {
.amazeYourBrain__text-base {
font-size: 2.25rem;
line-height: 1;
}
}
.amazeYourBrain__text-base strong {
display: inline;
text-transform: uppercase;
font-size: 116%;
line-height: 1.4;
letter-spacing: -0.05535714em;
}
.amazeYourBrain__navy-text {
color: #ffffff;
}
.amazeYourBrain__navy-text strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.amazeYourBrain__yellow-text {
color: #000;
}
.amazeYourBrain__yellow-text strong {
color: #ffffff;
background: #000;
box-shadow: -0.17em 0 0 #000, 0.17em 0 0 #000;
}
.amazeYourBrain__black-text {
color: #ffffff;
}
.amazeYourBrain__black-text strong {
color: #000;
background: #ffffff;
box-shadow: -0.17em 0 0 #ffffff, 0.17em 0 0 #ffffff;
}
.amazeYourBrain__teal-text {
color: #003e6b;
}
.amazeYourBrain__teal-text strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.amazeYourBrain__text-description {
display: none;
}
@media all and (min-width: 62.5625em) {
.amazeYourBrain__text-description {
display: block;
font-size: 1.25rem;
line-height: 1.2;
}
}
.amazeYourBrain__navy-text-description {
color: #ffffff;
}
.amazeYourBrain__navy-text-description strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.amazeYourBrain__yellow-text-description {
color: #000;
}
.amazeYourBrain__yellow-text-description strong {
color: #ffffff;
background: #000;
box-shadow: -0.17em 0 0 #000, 0.17em 0 0 #000;
}
.amazeYourBrain__black-text-description {
color: #ffffff;
}
.amazeYourBrain__black-text-description strong {
color: #000;
background: #ffffff;
box-shadow: -0.17em 0 0 #ffffff, 0.17em 0 0 #ffffff;
}
.amazeYourBrain__teal-text-description {
color: #003e6b;
}
.amazeYourBrain__teal-text-description strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.amazeYourBrain__reload-base {
text-decoration: none;
display: block;
padding: 15px 5px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
@media all and (min-width: 48em) {
.amazeYourBrain__reload-base {
position: absolute;
top: 0;
right: 0;
z-index: 20;
padding-left: 30px;
padding-right: 30px;
}
}
.amazeYourBrain__icon {
font-size: 36px;
margin-right: 10px;
}
.amazeYourBrain__yellow-reload {
background: #003e6b;
color: #ffc907;
}
.amazeYourBrain__yellow-reload:hover,
.amazeYourBrain__yellow-reload:focus {
color: #ffffff;
}
.amazeYourBrain__navy-reload {
background: #36c0c8;
color: #003e6b;
}
.amazeYourBrain__navy-reload:hover,
.amazeYourBrain__navy-reload:focus {
color: #ffffff;
}
.amazeYourBrain__black-reload {
background: #003e6b;
color: #ffffff;
}
.amazeYourBrain__black-reload:hover,
.amazeYourBrain__black-reload:focus {
color: #ffc907;
}
.amazeYourBrain__teal-reload {
background: #003e6b;
color: #ffc907;
}
.amazeYourBrain__teal-reload:hover,
.amazeYourBrain__teal-reload:focus {
color: #ffffff;
}
.aybSingle__container-base {
width: 100%;
position: relative;
z-index: 0;
padding: 20px 0 0;
}
@media all and (min-width: 48em) {
.aybSingle__container-base {
padding: 0;
}
}
.aybSingle__navy-container {
background: #003e6b;
}
.aybSingle__yellow-container {
background: #ffc907;
}
.aybSingle__black-container {
background: #000;
}
.aybSingle__teal-container {
background: #36c0c8;
}
.aybSingle__heading {
margin: 0;
}
@media all and (min-width: 48em) {
.aybSingle__heading {
position: absolute;
top: 50px;
left: 0;
z-index: 20;
}
}
.aybSingle__heading-block {
display: block;
}
.aybSingle__title-base {
line-height: 27px !important;
padding: 11px 15px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
letter-spacing: -0.00555556em;
}
.aybSingle__number-label {
text-decoration: none;
}
.aybSingle__number-base {
line-height: 40px !important;
padding: 0 10px 9px 15px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
}
.aybSingle__yellow-title,
.aybSingle__yellow-number {
color: #000;
background: #36c0c8;
}
.aybSingle__navy-title,
.aybSingle__navy-number {
color: #000;
background: #ffc907;
}
.aybSingle__black-title,
.aybSingle__black-number {
color: #000;
background: #ffc907;
}
.aybSingle__teal-title,
.aybSingle__teal-number {
color: #000;
background: #ffc907;
}
@media all and (min-width: 48em) {
.aybSingle__content {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
.aybSingle__row {
display: flex;
flex-direction: column;
}
@media all and (min-width: 48em) {
.aybSingle__row {
flex-direction: row;
}
}
.aybSingle__figure {
margin: 0;
position: relative;
z-index: 5;
}
.aybSingle__figure--top-left {
order: 2;
}
.aybSingle__figure--top-right {
order: 2;
}
@media all and (min-width: 48em) {
.aybSingle__figure--top-right {
order: 1;
}
}
@media all and (min-width: 48em) {
.aybSingle__figure--bottom-right {
order: 1;
}
}
.aybSingle__image {
display: block;
width: 100%;
}
.aybSingle__text-wrapper {
position: relative;
z-index: 10;
}
@media all and (min-width: 48em) {
.aybSingle__text-wrapper--top-left,
.aybSingle__text-wrapper--bottom-left {
padding-top: 151px;
}
}
@media all and (min-width: 48em) {
.aybSingle__text-wrapper--top-right,
.aybSingle__text-wrapper--bottom-right {
order: 2;
padding-top: 31px;
display: flex;
align-items: center;
}
}
.aybSingle__text-wrapper--top-left,
.aybSingle__text-wrapper--top-right {
padding-bottom: 25px;
}
@media all and (min-width: 48em) {
.aybSingle__text-wrapper--top-left,
.aybSingle__text-wrapper--top-right {
padding-bottom: 40px;
}
}
@media all and (min-width: 62.5625em) {
.aybSingle__text-wrapper--top-left,
.aybSingle__text-wrapper--top-right {
padding-bottom: 85px;
}
}
.aybSingle__text-description {
font-size: 1rem;
line-height: 1.125;
}
@media all and (max-width: 47.9375em) {
.aybSingle__text-description {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media all and (min-width: 30em) {
.aybSingle__text-description {
font-size: 1.125rem;
line-height: 1.11111111;
}
}
@media all and (min-width: 62.5625em) {
.aybSingle__text-description {
font-size: 1.5rem;
line-height: 1.08333333;
}
}
.aybSingle__text-base {
font-size: 1.25rem;
line-height: 1;
margin: 0;
padding: 25px 25px 0 0;
}
@media all and (max-width: 47.9375em) {
.aybSingle__text-base {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media all and (min-width: 30em) {
.aybSingle__text-base {
font-size: 1.625rem;
line-height: 1;
}
}
@media all and (min-width: 62.5625em) {
.aybSingle__text-base {
font-size: 2.25rem;
line-height: 1;
}
}
.aybSingle__text-base strong {
display: inline;
text-transform: uppercase;
font-size: 116%;
line-height: 1.4;
letter-spacing: -0.05535714em;
}
.aybSingle__navy-text {
color: #ffffff;
}
.aybSingle__navy-text strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.aybSingle__yellow-text {
color: #000;
}
.aybSingle__yellow-text strong {
color: #ffffff;
background: #000;
box-shadow: -0.17em 0 0 #000, 0.17em 0 0 #000;
}
.aybSingle__black-text {
color: #ffffff;
}
.aybSingle__black-text strong {
color: #000;
background: #ffffff;
box-shadow: -0.17em 0 0 #ffffff, 0.17em 0 0 #ffffff;
}
.aybSingle__teal-text {
color: #003e6b;
}
.aybSingle__teal-text strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.aybSingle__text-description {
display: none;
}
@media all and (min-width: 62.5625em) {
.aybSingle__text-description {
display: block;
font-size: 1.25rem;
line-height: 1.2;
}
}
.aybSingle__navy-text-description {
color: #ffffff;
}
.aybSingle__navy-text-description strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.aybSingle__yellow-text-description {
color: #000;
}
.aybSingle__yellow-text-description strong {
color: #ffffff;
background: #000;
box-shadow: -0.17em 0 0 #000, 0.17em 0 0 #000;
}
.aybSingle__black-text-description {
color: #ffffff;
}
.aybSingle__black-text-description strong {
color: #000;
background: #ffffff;
box-shadow: -0.17em 0 0 #ffffff, 0.17em 0 0 #ffffff;
}
.aybSingle__teal-text-description {
color: #003e6b;
}
.aybSingle__teal-text-description strong {
color: #000;
background: #ffc907;
box-shadow: -0.17em 0 0 #ffc907, 0.17em 0 0 #ffc907;
}
.aybSingle__reload-base {
text-decoration: none;
display: block;
padding: 15px 5px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.aybSingle__reload-base.disabled {
display: none;
}
@media all and (min-width: 48em) {
.aybSingle__reload-base {
position: absolute;
top: 0;
right: 0;
z-index: 20;
padding-left: 30px;
padding-right: 30px;
}
}
.aybSingle__icon {
font-size: 36px;
margin-right: 10px;
}
.aybSingle__yellow-reload {
background: #003e6b;
color: #ffc907;
}
.aybSingle__yellow-reload:hover,
.aybSingle__yellow-reload:focus {
color: #ffffff;
}
.aybSingle__navy-reload {
background: #36c0c8;
color: #003e6b;
}
.aybSingle__navy-reload:hover,
.aybSingle__navy-reload:focus {
color: #ffffff;
}
.aybSingle__black-reload {
background: #003e6b;
color: #ffffff;
}
.aybSingle__black-reload:hover,
.aybSingle__black-reload:focus {
color: #ffc907;
}
.aybSingle__teal-reload {
background: #003e6b;
color: #ffc907;
}
.aybSingle__teal-reload:hover,
.aybSingle__teal-reload:focus {
color: #ffffff;
}
@media all and (min-width: 62.5625em) {
.singleColumn__col-1 {
padding-left: 0 !important;
}
}
@media all and (min-width: 62.5625em) {
.singleColumn__wys {
padding-left: calc(10% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.threeColumn__col-0 {
padding-left: 0 !important;
}
}
@media all and (min-width: 62.5625em) {
.threeColumn__col-2 {
padding-right: 0 !important;
}
}
@media all and (min-width: 62.5625em) {
.threeColumn__col-0 .threeColumn__wys {
padding-left: calc(20.00000001% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.threeColumn__col-2 .threeColumn__wys {
padding-right: calc(20.00000001% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.twoColumn__col-0 {
padding-left: 0 !important;
}
}
@media all and (min-width: 62.5625em) {
.twoColumn__col-1 {
padding-right: 0 !important;
}
}
@media all and (min-width: 62.5625em) {
.twoColumn__col-0 .twoColumn__wys {
padding-left: calc(12.5% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.twoColumn__col-1 .twoColumn__wys {
padding-right: calc(14.28571429% + 15px);
}
}
.columnedContent__wrapper {
position: relative;
}
.columnedContent__heading {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
padding-bottom: 20px;
margin-top: 0;
}
@media all and (min-width: 62.5625em) {
.columnedContent__heading {
width: calc(100% + 15px * 2);
margin-left: -15px;
padding-left: calc(6.66666667% + 15px);
padding-right: calc(6.66666667% + 15px);
}
}
.mediaLeft__figure {
position: relative;
margin: 0;
width: 100%;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaLeft__figure:before {
display: block;
content: '';
padding-top: 68.53035144%;
}
.mediaLeft__figure-with-offset {
margin-bottom: 60px;
}
.mediaLeft__figure-with-caption {
margin: 0;
}
@media all and (min-width: 62.5625em) {
.mediaLeft__figure-with-caption {
width: 87.5%;
}
}
.mediaLeft__figcaption {
position: relative;
padding: 34px 44px 20px;
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaLeft__figcaption {
width: 85.71428572%;
margin-left: 14.28571428%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeft__figcaption {
margin-left: calc(12.5% + 15px);
padding: 34px calc(30px + 12.5%) 20px 44px;
}
}
.mediaLeft__figcaption-bottom {
padding: 20px calc(30px + 12.5%) 34px 44px;
}
.mediaLeft__figcaption-content {
position: relative;
z-index: 1;
}
.mediaLeft__figcaption-black .mediaLeft__caption,
.mediaLeft__figcaption-dark-blue .mediaLeft__caption,
.mediaLeft__figcaption-blue .mediaLeft__caption {
color: #ffffff;
}
.mediaLeft__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: calc(100% + 20px);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.mediaLeft__figcaption-black .mediaLeft__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #4a4a4a;
}
.mediaLeft__figcaption-light-grey .mediaLeft__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #dddddd;
}
.mediaLeft__figcaption-dark-blue .mediaLeft__figcaption-box,
.mediaLeft__figcaption-blue .mediaLeft__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #095380;
}
.mediaLeft__figcaption-bottom .mediaLeft__figcaption-box {
top: auto;
bottom: 0;
z-index: -1;
}
@media all and (min-width: 48em) {
.mediaLeft__figcaption-box {
height: 200%;
}
}
.mediaLeft__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaLeft__img-with-caption {
position: relative;
z-index: 1;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaLeft__img-width-offset {
box-shadow: none;
}
.mediaLeft__iframe-container {
position: relative;
overflow: hidden;
padding-top: 71.42857143%;
}
.mediaLeft__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.mediaLeft__iframe-with-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.mediaLeft__offset-img-wrap {
display: flex;
position: absolute;
right: 100px;
bottom: -60px;
z-index: 2;
}
@media all and (max-width: 62.5em) {
.mediaLeft__offset-img-wrap {
right: 25px;
}
}
.mediaLeft__offset-img-caption {
align-self: flex-end;
padding-right: 10px;
}
.mediaLeft__offset-img {
display: block;
position: relative;
width: 160px;
height: auto;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
align-self: center;
}
@media all and (min-width: 48em) {
.mediaLeft__offset-img {
width: 130px;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeft__wysiwyg-light-grey,
.mediaLeft__wysiwyg {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeft__wysiwyg-black {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeft__wysiwyg-dark-blue,
.mediaLeft__wysiwyg-blue {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeft__wysiwyg-teal {
padding-right: 14.28571429%;
}
}
.mediaLeftLarge__figure {
position: relative;
margin: 0;
width: calc(100% + 4vw);
right: calc(4vw + 15px);
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (min-width: 81.5625em) {
.mediaLeftLarge__figure {
width: calc(100% + ((100vw - 1200px) / 2));
right: calc(((100vw - 1200px) / 2));
}
}
.mediaLeftLarge__figure:before {
display: block;
content: '';
padding-top: 71.80527383%;
}
.mediaLeftLarge__figure-with-caption {
margin: 0;
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__figure-with-caption {
width: 87.5%;
}
}
.mediaLeftLarge__figcaption {
position: relative;
padding: 34px 44px 20px;
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaLeftLarge__figcaption {
width: 85.71428572%;
margin-left: 14.28571428%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__figcaption {
margin-left: calc(12.5% + 15px);
padding: 34px calc(30px + 12.5%) 20px 44px;
}
}
.mediaLeftLarge__figcaption-content {
position: relative;
z-index: 1;
}
.mediaLeftLarge__figcaption-black .mediaLeftLarge__caption,
.mediaLeftLarge__figcaption-dark-blue .mediaLeftLarge__caption,
.mediaLeftLarge__figcaption-blue .mediaLeftLarge__caption {
color: #ffffff;
}
.mediaLeftLarge__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: 200%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.mediaLeftLarge__figcaption-black .mediaLeftLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #4a4a4a;
}
.mediaLeftLarge__figcaption-light-grey .mediaLeftLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #dddddd;
}
.mediaLeftLarge__figcaption-dark-blue .mediaLeftLarge__figcaption-box,
.mediaLeftLarge__figcaption-blue .mediaLeftLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #095380;
}
.mediaLeftLarge__img {
position: absolute;
top: 0;
right: 0;
z-index: 1;
max-width: none;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mediaLeftLarge__img-with-caption {
position: relative;
z-index: 1;
max-width: none;
width: calc(100% + 4vw);
right: calc(4vw + 15px);
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (min-width: 81.5625em) {
.mediaLeftLarge__img-with-caption {
width: calc(100% + ((100vw - 1200px) / 2));
right: calc(((100vw - 1200px) / 2));
}
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__wysiwyg-light-grey,
.mediaLeftLarge__wysiwyg {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__wysiwyg-black {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__wysiwyg-dark-blue,
.mediaLeftLarge__wysiwyg-blue {
padding-right: 14.28571429%;
}
}
@media all and (min-width: 62.5625em) {
.mediaLeftLarge__wysiwyg-teal {
padding-right: 14.28571429%;
}
}
@media all and (max-width: 47.9375em) {
.mediaRight__row {
display: flex;
flex-direction: column-reverse;
}
}
.mediaRight__content {
width: 100%;
position: relative;
z-index: 1;
}
@media all and (min-width: 62.5625em) {
.mediaRight__content {
padding-left: 14.28571429%;
}
}
.mediaRight__figure {
position: relative;
margin: 0;
width: 100%;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 47.9375em) {
.mediaRight__figure {
margin-top: 40px;
}
}
.mediaRight__figure:before {
display: block;
content: '';
padding-top: 68.53035144%;
}
.mediaRight__figure-with-caption {
margin: 0;
width: 100%;
}
.mediaRight__figcaption {
position: relative;
padding: 20px 44px 34px;
width: 100%;
}
@media all and (min-width: 48em) {
.mediaRight__figcaption {
width: 85.71428572%;
margin-left: 14.28571428%;
}
}
@media all and (min-width: 62.5625em) {
.mediaRight__figcaption {
width: 74.99999999%;
margin-left: 12.5%;
}
}
.mediaRight__figcaption-content {
position: relative;
z-index: 1;
}
.mediaRight__figcaption-black .mediaRight__caption,
.mediaRight__figcaption-dark-blue .mediaRight__caption,
.mediaRight__figcaption-blue .mediaRight__caption {
color: #ffffff;
}
.mediaRight__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: calc(100% + 20px);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.mediaRight__figcaption-black .mediaRight__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #4a4a4a;
}
.mediaRight__figcaption-light-grey .mediaRight__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #dddddd;
}
.mediaRight__figcaption-dark-blue .mediaRight__figcaption-box,
.mediaRight__figcaption-blue .mediaRight__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #095380;
}
@media all and (min-width: 48em) {
.mediaRight__figcaption-box {
height: 200%;
}
}
.mediaRight__img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
}
.mediaRight__img-with-caption {
position: relative;
z-index: 1;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaRight__iframe-container {
position: relative;
overflow: hidden;
padding-top: 71.42857143%;
}
.mediaRight__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.mediaRight__iframe-with-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.mediaRightLarge__content {
width: 100%;
}
@media all and (min-width: 62.5625em) {
.mediaRightLarge__content {
padding-left: 14.28571429%;
}
}
.mediaRightLarge__figure {
position: relative;
margin: 0;
width: calc(100% + 4vw + 15px);
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 47.9375em) {
.mediaRightLarge__figure {
margin-top: 40px;
}
}
@media all and (min-width: 81.5625em) {
.mediaRightLarge__figure {
width: calc(100% + ((100vw - 1200px) / 2));
}
}
.mediaRightLarge__figure:before {
display: block;
content: '';
padding-top: 71.80527383%;
}
.mediaRightLarge__figure-with-caption {
margin: 0;
width: 100%;
}
.mediaRightLarge__figcaption {
position: relative;
padding: 20px 44px 34px;
width: 100%;
}
@media all and (min-width: 48em) {
.mediaRightLarge__figcaption {
width: 85.71428572%;
margin-left: 14.28571428%;
}
}
@media all and (min-width: 62.5625em) {
.mediaRightLarge__figcaption {
width: 74.99999999%;
margin-left: 12.5%;
}
}
.mediaRightLarge__figcaption-content {
position: relative;
z-index: 1;
}
.mediaRightLarge__figcaption-black .mediaRightLarge__caption,
.mediaRightLarge__figcaption-dark-blue .mediaRightLarge__caption,
.mediaRightLarge__figcaption-blue .mediaRightLarge__caption {
color: #ffffff;
}
.mediaRightLarge__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: 200%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
.mediaRightLarge__figcaption-black .mediaRightLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #4a4a4a;
}
.mediaRightLarge__figcaption-light-grey .mediaRightLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #dddddd;
}
.mediaRightLarge__figcaption-dark-blue .mediaRightLarge__figcaption-box,
.mediaRightLarge__figcaption-blue .mediaRightLarge__figcaption-box {
border: 14px solid #f0f0f0;
border-color: #095380;
}
.mediaRightLarge__img {
position: absolute;
top: 0;
right: 0;
z-index: 1;
max-width: none;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mediaRightLarge__img-with-caption {
position: relative;
z-index: 1;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
max-width: none;
width: calc(100% + 4vw + 15px);
}
@media all and (min-width: 81.5625em) {
.mediaRightLarge__img-with-caption {
width: calc(100% + ((100vw - 1200px) / 2));
}
}
.columnedMediaContent__wrapper {
position: relative;
}
[id*=vrview] iframe {
width: 100%;
height: 100%;
border-style: none;
}
.ctaHeader__header {
width: 100%;
height: auto !important;
}
.ctaHeader__header-top {
position: relative;
padding-top: 40px;
z-index: 1;
display: flex;
align-items: center;
}
@media all and (min-width: 48em) {
.ctaHeader__header-top {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media all and (min-width: 48em) {
.ctaHeader__header-has-stats .ctaHeader__header-top {
padding-top: 80px;
}
}
@media all and (max-width: 47.9375em) {
.ctaHeader__header-top {
background: #000;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.is-blue .ctaHeader__header-top {
background-color: #1060A0;
}
}
@media all and (min-width: 48em) {
.ctaHeader__header-top--with-image {
min-height: 600px;
}
}
.ctaHeader__header-bottom {
position: relative;
z-index: 0;
}
.ctaHeader__header-bottom--with-image {
position: relative;
z-index: 0;
}
.ctaHeader__figure {
position: relative;
z-index: 0;
background-color: #000 !important;
}
@media all and (max-width: 47.9375em) {
.ctaHeader__figure {
order: 2;
width: 100%;
position: relative;
overflow: hidden;
padding-top: 73.33333333%;
}
}
@media all and (min-width: 48em) {
.ctaHeader__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.ctaHeader__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.ctaHeader__figure img.lazyloaded {
opacity: 1;
}
}
@media all and (max-width: 47.9375em) {
.ctaHeader__figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.ctaHeader__figure .is-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media all and (min-width: 48em) {
.is-blue .ctaHeader__figure img,
.is-black .ctaHeader__figure img,
.is-blue .ctaHeader__figure .is-video,
.is-black .ctaHeader__figure .is-video {
width: 1240px !important;
margin: 0 auto !important;
max-width: none;
}
}
@media all and (min-width: 77.5em) {
.is-blue .ctaHeader__figure img,
.is-black .ctaHeader__figure img,
.is-blue .ctaHeader__figure .is-video,
.is-black .ctaHeader__figure .is-video {
width: 1400px !important;
margin-left: calc((100vw - 1200px) / 2) !important;
}
}
@media all and (min-width: 30em) {
.is-blue .ctaHeader__figure:before,
.is-black .ctaHeader__figure:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 45%;
z-index: 2;
max-width: 500px;
height: 100%;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.is-blue .ctaHeader__figure:before,
.is-black .ctaHeader__figure:before {
width: 75%;
}
}
@media all and (min-width: 62.5625em) {
.is-blue .ctaHeader__figure:before,
.is-black .ctaHeader__figure:before {
width: 500px;
}
}
@media all and (min-width: 77.5em) {
.is-blue .ctaHeader__figure:before,
.is-black .ctaHeader__figure:before {
left: calc((100vw - 1240px) / 2);
}
}
@media all and (min-width: 77.5em) {
.is-blue .ctaHeader__figure:after,
.is-black .ctaHeader__figure:after {
content: '';
display: block;
position: absolute;
z-index: 2;
top: 0;
right: calc(((100vw - 1240px) / 2) - 200px);
width: 13%;
max-width: 150px;
height: 100%;
background: #000000;
}
}
.is-blue .ctaHeader__figure {
background-color: #1060A0 !important;
}
@media all and (min-width: 30em) {
.is-blue .ctaHeader__figure:before {
background: linear-gradient(90deg, #1060a0 0%, #1060a0 35%, rgba(16, 96, 160, 0) 100%);
}
}
@media all and (min-width: 77.5em) {
.is-blue .ctaHeader__figure:after {
background: linear-gradient(270deg, #1060a0 0%, #1060a0 10%, rgba(16, 96, 160, 0) 100%);
}
}
@media all and (min-width: 30em) {
.is-black .ctaHeader__figure:before {
background: linear-gradient(90deg, #000000 0%, #000000 35%, rgba(0, 0, 0, 0.01) 100%);
}
}
@media all and (min-width: 77.5em) {
.is-black .ctaHeader__figure:after {
background: linear-gradient(270deg, #000000 0%, #000000 10%, rgba(0, 0, 0, 0.01) 100%);
}
}
.ctaHeader__image {
display: block;
}
.ctaHeader__wrapper {
position: relative;
}
@media all and (max-width: 47.9375em) {
.ctaHeader__wrapper {
order: 1;
width: 85% !important;
}
}
.ctaHeader__row {
position: relative;
}
@media all and (min-width: 48em) {
.ctaHeader__header-has-stats .ctaHeader__col-1-base {
max-width: calc(100% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__header-has-stats .ctaHeader__col-1-base {
max-width: calc(100% - 6.66666667% - 240px);
}
}
@media all and (min-width: 48em) {
.ctaHeader__col-1,
.ctaHeader__col-1--without-image {
padding-left: 3.75rem !important;
}
}
.ctaHeader__col-1--without-image {
padding-bottom: 10px;
}
@media all and (min-width: 48em) {
.ctaHeader__col-2 {
min-width: 240px;
}
}
.ctaHeader__col-3 {
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.ctaHeader__header-has-stats .ctaHeader__col-3 {
max-width: calc(100% - 297px);
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__col-3 {
margin-left: 6.66666667%;
}
}
.ctaHeader__pre-heading-base {
margin-top: 0;
}
@media all and (max-width: 47.9375em) {
.ctaHeader__pre-heading-base {
display: none;
}
}
.ctaHeader__pre-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
position: relative;
}
.ctaHeader__pre-heading--without-image {
color: #212121;
}
.ctaHeader__small-heading-base {
font-size: 2.25rem;
line-height: 1.38888889;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
margin-left: -0.02941176em;
}
@media all and (min-width: 48em) {
.ctaHeader__small-heading-base {
font-size: 3.75rem;
line-height: 1.06666667;
letter-spacing: -0.011176em;
line-height: 0.95745em;
}
}
.ctaHeader__small-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
}
.ctaHeader__small-heading--without-image {
color: #212121;
}
.ctaHeader__heading-base {
font-size: 4.75rem;
line-height: 1.05263158;
font-size: 72px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
margin-left: -0.02941176em;
}
@media all and (min-width: 48em) {
.ctaHeader__heading-base {
font-size: 8.5rem;
line-height: 0.88235294;
letter-spacing: -0.011176em;
line-height: 0.95745em;
}
}
.ctaHeader__heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
position: relative;
}
@media all and (min-width: 48em) {
.ctaHeader__heading {
padding-left: 20px;
}
}
.ctaHeader__heading:before {
content: '';
display: block;
position: absolute;
top: 0;
left: -20px;
bottom: 0;
width: 14px;
background-color: #e31b23;
}
@media all and (min-width: 48em) {
.ctaHeader__heading:before {
left: -5px;
}
}
.ctaHeader__heading--without-image {
color: #ffffff;
}
.ctaHeader__highlight-container {
width: calc(100% + 4vw - 15px);
overflow: hidden;
height: 100px;
position: absolute;
top: 0;
z-index: 0;
left: 40%;
}
@media all and (min-width: 48em) {
.ctaHeader__highlight-container {
height: 150px;
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__highlight-container {
width: calc(100% + ((100vw - 1200px) / 2) - 15px);
position: relative;
top: auto;
left: auto;
}
}
@media all and (max-width: 47.9375em) {
.ctaHeader__highlight-container {
display: none;
}
}
.ctaHeader__highlight {
font-size: 8.75rem;
line-height: 0.5;
margin-top: 0;
color: #f0f0f0;
text-transform: uppercase;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
}
@media all and (min-width: 48em) {
.ctaHeader__highlight {
font-size: 12.5rem;
line-height: 0.5;
}
}
@media all and (max-width: 47.9375em) {
.stat-top:not(.ctaHeader__stat-top-full) {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.stat-top:not(.ctaHeader__stat-top-full).focusable:active,
.stat-top:not(.ctaHeader__stat-top-full).focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .stat-top:not(.ctaHeader__stat-top-full) a,
body:hover .stat-top:not(.ctaHeader__stat-top-full) input,
body:hover .stat-top:not(.ctaHeader__stat-top-full) button {
display: none;
}
}
.ctaHeader__stat-top-full {
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.ctaHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.ctaHeader__stat-bottom.focusable:active,
.ctaHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .ctaHeader__stat-bottom a,
body:hover .ctaHeader__stat-bottom input,
body:hover .ctaHeader__stat-bottom button {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.ctaHeader__stat-bottom.focusable:active,
.ctaHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .ctaHeader__stat-bottom a,
body:hover .ctaHeader__stat-bottom input,
body:hover .ctaHeader__stat-bottom button {
display: none;
}
}
.ctaHeader__intro {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.ctaHeader__intro {
margin-top: 60px;
}
}
@media all and (min-width: 48em) {
.ctaHeader__header-top .ctaHeader__intro {
margin-top: 40px;
}
}
.ctaHeader__description {
color: #ffffff;
text-shadow: 0 0 20px #000;
}
@media all and (min-width: 48em) {
.ctaHeader__description {
padding-right: 90px;
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__description {
margin-top: 40px;
}
}
@media all and (min-width: 62.5625em) {
.ctaHeader__cta {
margin-top: 40px;
}
}
.ctaHeader__ctaLink {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.45);
}
.ctaHeader__ctaLink:hover,
.ctaHeader__ctaLink:focus {
text-decoration: none;
}
.ctaHeader__ctaLink:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ctaHeader__ctaLink:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ctaHeader__ctaLink:hover,
.ctaHeader__ctaLink:focus {
background: #C6070F;
color: #ffffff;
}
.ctaHeader__ctaLink:not(:disabled):hover:before,
.ctaHeader__ctaLink:not(:disabled):focus:before,
.ctaHeader__ctaLink:not(:disabled):hover:after,
.ctaHeader__ctaLink:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.ctaHeader__ctaLink:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.ctaHeader__ctaLink:disabled:hover,
.ctaHeader__ctaLink:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
@media all and (max-width: 47.9375em) {
.ctaHeader__ctaLink {
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
}
.closing__section {
position: relative;
}
.closing__background {
position: absolute;
z-index: -2;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.closing__wrapper {
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.closing__wrapper {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
.closing__cta {
margin-top: 50px;
padding-bottom: 50px;
}
@media all and (min-width: 48em) {
.closing__cta {
margin-top: 100px;
padding-bottom: 100px;
}
}
.ctaContent__cta {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 40px;
}
.ctaContent__cta:before {
content: '';
width: 120px;
height: 2px;
background: #4a4a4a;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.ctaContent__cta-astronaut,
.ctaContent__cta-gem,
.ctaContent__cta-dino {
padding-top: 40px;
}
.ctaContent__cta-astronaut:before,
.ctaContent__cta-gem:before,
.ctaContent__cta-dino:before {
display: none;
}
@media all and (max-width: 77.4375em) {
.ctaContent__cta-astronaut,
.ctaContent__cta-gem,
.ctaContent__cta-dino {
padding-right: 2.5rem;
}
}
@media all and (max-width: 62.5em) {
.ctaContent__cta-astronaut,
.ctaContent__cta-gem,
.ctaContent__cta-dino {
padding-right: 0;
}
}
.ctaContent__wrapper {
text-align: center;
}
.ctaContent__content {
position: relative;
z-index: 1;
text-align: center;
display: block;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.ctaContent__cta-astronaut .ctaContent__content,
.ctaContent__cta-gem .ctaContent__content,
.ctaContent__cta-dino .ctaContent__content {
text-align: left;
}
@media all and (max-width: 62.5em) {
.ctaContent__cta-astronaut .ctaContent__content,
.ctaContent__cta-gem .ctaContent__content,
.ctaContent__cta-dino .ctaContent__content {
text-align: center;
}
}
.ctaContent__content-centered {
text-align: center;
}
.ctaContent__pre-heading {
margin-top: 0;
padding-bottom: 15px;
}
@media all and (max-width: 47.9375em) {
.ctaContent__pre-heading {
font-size: 1.5rem !important;
line-height: 1 !important;
letter-spacing: 0.259285em !important;
}
}
@media all and (max-width: 62.5em) {
.ctaContent__cta-astronaut .ctaContent__pre-heading,
.ctaContent__cta-gem .ctaContent__pre-heading,
.ctaContent__cta-dino .ctaContent__pre-heading {
display: none;
}
}
.ctaContent__heading {
margin-top: 0;
}
@media all and (max-width: 47.9375em) {
.ctaContent__heading {
font-size: 4.75rem !important;
line-height: 0.98684211 !important;
}
}
@media all and (max-width: 62.5em) {
.ctaContent__cta-astronaut .ctaContent__heading,
.ctaContent__cta-gem .ctaContent__heading,
.ctaContent__cta-dino .ctaContent__heading {
background-color: #000;
color: #fff;
padding: 7px;
font-size: 2.25rem !important;
line-height: 0.97222222 !important;
}
}
@media all and (max-width: 62.5em) {
.ctaContent__cta-astronaut .ctaContent__wysiwyg,
.ctaContent__cta-gem .ctaContent__wysiwyg,
.ctaContent__cta-dino .ctaContent__wysiwyg {
display: none;
}
}
.ctaContent__button {
margin-top: 20px;
margin-right: 15px;
}
@media all and (max-width: 62.5em) {
.ctaContent__button {
margin-right: 0;
}
}
.ctaContent__link {
margin-top: 20px;
}
.inline__container {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.inline__row {
display: flex;
justify-content: center;
align-items: center;
}
@media all and (min-width: 48em) {
.inline__col-1 {
padding-right: 30px;
}
}
.inline__title {
font-size: 1.25rem;
line-height: 1.3;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (min-width: 48em) {
.inline__title {
font-size: 1.875rem;
line-height: 1.26666667;
}
}
@media all and (min-width: 62.5625em) {
.inline__title {
padding-left: 12.5%;
}
}
.inline__theme {
position: absolute;
z-index: -1;
height: 180px;
width: 180px;
display: block;
top: 40px;
right: 0;
opacity: 0.8;
transform: translateX(50%);
}
@media all and (min-width: 62.5625em) {
.inline__theme {
height: 257px;
width: 257px;
right: 4vw;
opacity: 1;
transform: translateX(0);
}
}
@media all and (min-width: 81.5625em) {
.inline__theme {
right: calc((100vw - 1200px) * 0.5);
}
}
.ctaThemes__container {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
}
.ctaThemes__container-closing {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
}
.ctaThemes__wrapper {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
position: relative;
}
@media all and (max-width: 62.5em) {
.ctaThemes__wrapper {
width: 50%;
display: flex;
flex-direction: column-reverse;
}
}
@media all and (max-width: 47.9375em) {
.ctaThemes__wrapper {
width: 90%;
max-width: 450px;
}
}
.ctaThemes__background {
position: absolute;
z-index: -2;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.astronaut__content {
position: relative;
z-index: 4;
}
@media all and (min-width: 62.5625em) {
.astronaut__content {
margin-left: 53.33333333%;
margin-right: calc(6.66666667% + 30px);
}
}
.astronaut__figure {
position: absolute;
z-index: 3;
top: 20%;
left: 0;
width: 90%;
transform: translateY(-50%) rotate(-35deg);
}
@media all and (min-width: 62.5625em) {
.astronaut__figure {
width: 40%;
transform: translateY(-50%);
left: 6.66666667%;
top: 50%;
}
}
.astronaut__img {
display: block;
transform: rotate(10deg) translateY(-50px);
-webkit-animation: astronaut 20s infinite linear;
animation: astronaut 20s infinite linear;
}
@media all and (min-width: 62.5625em) {
.astronaut__img {
-webkit-animation: astronautLarge 20s infinite linear;
animation: astronautLarge 20s infinite linear;
}
}
@-webkit-keyframes astronaut {
0% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
10% {
transform: matrix(0.97, 0, 0, 0.97, 8, 6);
}
20% {
transform: matrix(0.98, 0, 0, 0.98, 0, 3);
}
22% {
transform: matrix(0.98, 0, 0, 0.98, -1, 5);
}
30% {
transform: matrix(0.97, 0, 0, 0.96, -5, 6);
}
40% {
transform: matrix(0.97, 0, 0, 0.98, 5, 8);
}
50% {
transform: matrix(1, 0, 0, 1, 12, 10);
}
60% {
transform: matrix(1.01, 0, 0, 1.02, 14, 9);
}
62% {
transform: matrix(1.01, 0, 0, 1.02, 13, 10);
}
70% {
transform: matrix(1, 0, 0, 1, 10, 11);
}
80% {
transform: matrix(0.99, 0, 0, 0.99, 5, 9);
}
90% {
transform: matrix(0.98, 0, 0, 0.98, 0, 8);
}
100% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
}
@keyframes astronaut {
0% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
10% {
transform: matrix(0.97, 0, 0, 0.97, 8, 6);
}
20% {
transform: matrix(0.98, 0, 0, 0.98, 0, 3);
}
22% {
transform: matrix(0.98, 0, 0, 0.98, -1, 5);
}
30% {
transform: matrix(0.97, 0, 0, 0.96, -5, 6);
}
40% {
transform: matrix(0.97, 0, 0, 0.98, 5, 8);
}
50% {
transform: matrix(1, 0, 0, 1, 12, 10);
}
60% {
transform: matrix(1.01, 0, 0, 1.02, 14, 9);
}
62% {
transform: matrix(1.01, 0, 0, 1.02, 13, 10);
}
70% {
transform: matrix(1, 0, 0, 1, 10, 11);
}
80% {
transform: matrix(0.99, 0, 0, 0.99, 5, 9);
}
90% {
transform: matrix(0.98, 0, 0, 0.98, 0, 8);
}
100% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
}
@-webkit-keyframes astronautLarge {
0% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
10% {
transform: matrix(0.97, 0, 0, 0.97, 8, 8);
}
20% {
transform: matrix(0.98, 0, 0, 0.98, 0, 3);
}
22% {
transform: matrix(0.98, 0, 0, 0.98, -1, 5);
}
30% {
transform: matrix(0.97, 0, 0, 0.96, -5, 9);
}
40% {
transform: matrix(0.97, 0, 0, 0.98, 5, 12);
}
50% {
transform: matrix(1, 0, 0, 1, 12, 10);
}
60% {
transform: matrix(1.01, 0, 0, 1.02, 18, 9);
}
62% {
transform: matrix(1.01, 0, 0, 1.02, 13, 10);
}
70% {
transform: matrix(1, 0, 0, 1, 10, 11);
}
80% {
transform: matrix(0.99, 0, 0, 0.99, 5, 9);
}
90% {
transform: matrix(0.98, 0, 0, 0.98, 0, 8);
}
100% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
}
@keyframes astronautLarge {
0% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
10% {
transform: matrix(0.97, 0, 0, 0.97, 8, 8);
}
20% {
transform: matrix(0.98, 0, 0, 0.98, 0, 3);
}
22% {
transform: matrix(0.98, 0, 0, 0.98, -1, 5);
}
30% {
transform: matrix(0.97, 0, 0, 0.96, -5, 9);
}
40% {
transform: matrix(0.97, 0, 0, 0.98, 5, 12);
}
50% {
transform: matrix(1, 0, 0, 1, 12, 10);
}
60% {
transform: matrix(1.01, 0, 0, 1.02, 18, 9);
}
62% {
transform: matrix(1.01, 0, 0, 1.02, 13, 10);
}
70% {
transform: matrix(1, 0, 0, 1, 10, 11);
}
80% {
transform: matrix(0.99, 0, 0, 0.99, 5, 9);
}
90% {
transform: matrix(0.98, 0, 0, 0.98, 0, 8);
}
100% {
transform: matrix(0.97, 0, 0, 0.96, 5, 4);
}
}
.astronaut__figcaption {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
background: #FEC831;
color: #212121;
width: 1.875rem;
height: auto;
max-height: 1.875rem;
border-radius: 50%;
max-width: 18.75rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
-webkit-animation: pulse 2s infinite linear;
animation: pulse 2s infinite linear;
}
.astronaut__figcaption:before {
display: block;
position: absolute;
width: 0;
height: 0;
bottom: 99.5%;
left: 0;
content: '';
z-index: 3;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #FEC831;
overflow: hidden;
transform: translateY(100%);
transition: all 0.75s;
transition-delay: 0.5s;
}
.astronaut__figcaption.is-expanded {
top: 50%;
left: 45%;
width: 13.125rem;
border-radius: 0;
max-width: 18.75rem;
max-height: 12.5rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition-delay: 0s;
-webkit-animation: none;
animation: none;
}
.astronaut__figcaption.is-expanded:before {
left: 30px;
transform: translateY(0%);
transition-delay: 0s;
}
@media all and (max-width: 62.5em) {
.astronaut__figcaption {
display: none;
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.astronaut__figcaption-icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 18px;
z-index: 5;
color: #4a4a4a;
transform: rotate(0deg);
cursor: pointer;
border-radius: 50%;
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
}
.astronaut__figcaption-icon.is-expanded {
left: 83%;
transform: rotate(405deg);
transition-delay: 0s;
}
@media all and (max-width: 77.4375em) {
.astronaut__figcaption-icon.is-expanded {
left: 87%;
}
}
@media all and (max-width: 62.5em) {
.astronaut__figcaption-icon {
display: none;
}
}
.astronaut__caption-title {
position: relative;
background: #212121;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
padding: 5px 7.5px;
margin-bottom: 10px;
transform: translateX(-15px) translateY(10px);
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.astronaut__figcaption.is-expanded .astronaut__caption-title {
opacity: 1;
transition-delay: 1s;
}
.astronaut__caption-copy-wrap {
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.astronaut__figcaption.is-expanded .astronaut__caption-copy-wrap {
opacity: 1;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 1s;
}
.astronaut__caption-copy {
margin: 0;
padding: 10px 20px 20px 20px;
font-size: 0.875rem;
line-height: 1.28571429;
}
.astronaut__icon-layer {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
}
.astronaut__icon {
position: absolute;
fill: #095380;
display: block;
}
.astronaut__moon {
height: 50px;
width: 32px;
top: -20px;
left: 50%;
-webkit-animation: iconMoon 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconMoon 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media all and (max-width: 62.5em) {
.astronaut__moon {
top: -110px;
left: 65%;
width: 22px;
}
}
@-webkit-keyframes iconMoon {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(8deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes iconMoon {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(8deg);
}
100% {
transform: rotate(0deg);
}
}
.astronaut__satellite {
height: 64px;
width: 64px;
bottom: 0;
left: 40%;
-webkit-animation: iconSatellite 6s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: iconSatellite 6s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media all and (max-width: 62.5em) {
.astronaut__satellite {
left: 0;
bottom: -80px;
}
}
@-webkit-keyframes iconSatellite {
0% {
transform: translateY(0) translateX(0) rotate(0deg);
}
50% {
transform: translateY(-20%) translateX(20%) rotate(6deg);
}
100% {
transform: translateY(0) translateX(0) rotate(0deg);
}
}
@keyframes iconSatellite {
0% {
transform: translateY(0) translateX(0) rotate(0deg);
}
50% {
transform: translateY(-20%) translateX(20%) rotate(6deg);
}
100% {
transform: translateY(0) translateX(0) rotate(0deg);
}
}
.astronaut__orbit {
height: 64px;
width: 64px;
right: 0;
bottom: 20%;
display: none;
-webkit-animation: iconOrbit2 3s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconOrbit2 3s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
color: #fff;
top: auto;
left: auto;
border-left-width: 12px;
border-left-color: #e31b23;
border-left-style: dashed;
border-right-width: 13px;
border-right-color: #e31b23;
border-right-style: solid;
border-bottom-width: 14px;
border-bottom-color: #e31b23;
border-bottom-style: solid;
box-shadow: none;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
max-width: none;
max-height: none;
min-width: 2px;
min-height: 2px;
}
@media all and (min-width: 62.5625em) {
.astronaut__orbit {
right: calc(6.66666667% + 30px);
display: block;
}
}
@-webkit-keyframes iconOrbit2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes iconOrbit2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.astronaut__circle-1 {
height: 6px;
width: 6px;
bottom: 50px;
left: 50%;
}
@media all and (max-width: 62.5em) {
.astronaut__circle-1 {
bottom: 130%;
left: 70%;
}
}
.astronaut__circle-2 {
height: 20px;
width: 20px;
top: 50%;
left: 0;
}
@media all and (max-width: 62.5em) {
.astronaut__circle-2 {
height: 8px;
width: 8px;
top: -40%;
left: 50px;
}
}
.astronaut__circle-3 {
height: 12px;
width: 12px;
top: 46%;
left: 20px;
}
@media all and (max-width: 62.5em) {
.astronaut__circle-3 {
display: none;
}
}
.astronaut__circle-4 {
height: 20px;
width: 20px;
top: 10%;
right: 0;
-webkit-animation: iconCircle4 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
animation: iconCircle4 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media all and (max-width: 62.5em) {
.astronaut__circle-4 {
top: 65%;
right: 30px;
}
}
@-webkit-keyframes iconCircle4 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(30%);
}
100% {
transform: translateY(0);
}
}
@keyframes iconCircle4 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(30%);
}
100% {
transform: translateY(0);
}
}
.astronaut__circle-5 {
height: 12px;
width: 12px;
top: 6%;
right: 20px;
-webkit-animation: iconCircle5 2.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
animation: iconCircle5 2.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media all and (max-width: 62.5em) {
.astronaut__circle-5 {
top: 60%;
right: 50px;
}
}
@-webkit-keyframes iconCircle5 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
@keyframes iconCircle5 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
.astronaut__star-1 {
height: 17px;
width: 17px;
top: 15%;
left: 15px;
-webkit-animation: iconStar1 5s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconStar1 5s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media all and (max-width: 62.5em) {
.astronaut__star-1 {
display: none;
}
}
@-webkit-keyframes iconStar1 {
0% {
transform: translateX(0) rotate(0deg);
}
50% {
transform: translateX(40%) rotate(180deg);
}
100% {
transform: translateX(0) rotate(360deg);
}
}
@keyframes iconStar1 {
0% {
transform: translateX(0) rotate(0deg);
}
50% {
transform: translateX(40%) rotate(180deg);
}
100% {
transform: translateX(0) rotate(360deg);
}
}
.astronaut__star-2 {
height: 20px;
width: 20px;
right: -4px;
bottom: 30px;
}
@media all and (max-width: 62.5em) {
.astronaut__star-2 {
display: none;
}
}
.astronaut__star-3 {
height: 10px;
width: 10px;
right: 20%;
bottom: 40px;
}
@media all and (max-width: 62.5em) {
.astronaut__star-3 {
display: none;
}
}
.astronaut__bracket-tail:before,
.astronaut__bracket-tail:after {
content: '';
height: 35px;
width: 105px;
position: absolute;
background: #ED1C24;
}
@media all and (max-width: 62.5em) {
.astronaut__bracket-tail:before,
.astronaut__bracket-tail:after {
height: 25px;
width: 55px;
}
}
.astronaut__bracket-tail:before {
top: 0;
}
.astronaut__bracket-tail:after {
bottom: 0;
}
.astronaut__bracket {
width: 46px;
background: #ED1C24;
position: absolute;
top: -15px;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
z-index: 1;
pointer-events: none;
height: 100%;
}
@media all and (max-width: 62.5em) {
.astronaut__bracket {
width: 35px;
}
}
@media all and (max-width: 47.9375em) {
.astronaut__bracket {
width: 25px;
}
}
.astronaut__bracket-left {
left: 0;
}
.astronaut__bracket-left:before,
.astronaut__bracket-left:after {
left: 0;
}
@media all and (min-width: 62.5625em) {
.astronaut__bracket-left {
left: 6.66666667%;
}
}
.astronaut__bracket-right {
right: 0;
}
.astronaut__bracket-right:before,
.astronaut__bracket-right:after {
right: 0;
}
@media all and (min-width: 62.5625em) {
.astronaut__bracket-right {
right: 6.66666667%;
}
}
.gem__content {
position: relative;
z-index: 4;
}
@media all and (min-width: 62.5625em) {
.gem__content {
margin-left: 53.33333333%;
margin-right: calc(6.66666667% + 30px);
}
}
.gem__figure {
position: absolute;
z-index: 2;
top: 20%;
left: 0;
width: 90%;
transform: translateY(-50%);
}
@media all and (min-width: 62.5625em) {
.gem__figure {
width: 40%;
transform: translateY(-50%);
left: 6.66666667%;
top: 50%;
}
}
.gem__img {
display: block;
transform: translateY(-50px);
transform-origin: bottom center;
-webkit-animation: gem 6s ease infinite;
animation: gem 6s ease infinite;
}
@-webkit-keyframes gem {
0% {
transform: rotateX(0deg) rotateY(0deg);
}
55% {
transform: rotateX(10deg) rotateY(15deg);
}
100% {
transform: rotateX(0deg) rotateY(0deg);
}
}
@keyframes gem {
0% {
transform: rotateX(0deg) rotateY(0deg);
}
55% {
transform: rotateX(10deg) rotateY(15deg);
}
100% {
transform: rotateX(0deg) rotateY(0deg);
}
}
.gem__figcaption {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
background: #FEC831;
color: #212121;
width: 1.875rem;
height: auto;
max-height: 1.875rem;
border-radius: 50%;
max-width: 18.75rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
-webkit-animation: pulse 2s infinite linear;
animation: pulse 2s infinite linear;
}
.gem__figcaption:before {
display: block;
position: absolute;
width: 0;
height: 0;
bottom: 99.5%;
left: 0;
content: '';
z-index: 3;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #FEC831;
overflow: hidden;
transform: translateY(100%);
transition: all 0.75s;
transition-delay: 0.5s;
}
.gem__figcaption.is-expanded {
top: 50%;
left: 45%;
width: 13.125rem;
border-radius: 0;
max-width: 18.75rem;
max-height: 12.5rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition-delay: 0s;
-webkit-animation: none;
animation: none;
}
.gem__figcaption.is-expanded:before {
left: 30px;
transform: translateY(0%);
transition-delay: 0s;
}
@media all and (max-width: 62.5em) {
.gem__figcaption {
display: none;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.gem__figcaption-icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 18px;
z-index: 5;
color: #4a4a4a;
transform: rotate(0deg);
cursor: pointer;
border-radius: 50%;
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
}
.gem__figcaption-icon.is-expanded {
left: 83%;
transform: rotate(405deg);
transition-delay: 0s;
}
@media all and (max-width: 77.4375em) {
.gem__figcaption-icon.is-expanded {
left: 87%;
}
}
@media all and (max-width: 62.5em) {
.gem__figcaption-icon {
display: none;
}
}
.gem__caption-title {
position: relative;
background: #212121;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
padding: 5px 7.5px;
margin-bottom: 10px;
transform: translateX(-15px) translateY(10px);
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.gem__figcaption.is-expanded .gem__caption-title {
opacity: 1;
transition-delay: 1s;
}
.gem__caption-copy-wrap {
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.gem__figcaption.is-expanded .gem__caption-copy-wrap {
opacity: 1;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 1s;
}
.gem__caption-copy {
margin: 0;
padding: 10px 20px 20px 20px;
font-size: 0.875rem;
line-height: 1.28571429;
}
.gem__icon-layer {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 3;
}
.gem__icon {
position: absolute;
fill: #844FAC;
display: block;
}
.gem__gem {
height: 35px;
width: 45px;
top: -20px;
left: 50%;
-webkit-animation: iconGem 4s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconGem 4s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media all and (max-width: 62.5em) {
.gem__gem {
top: -110px;
left: 65%;
width: 22px;
}
}
@-webkit-keyframes iconGem {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(8deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes iconGem {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(8deg);
}
100% {
transform: rotate(0deg);
}
}
.gem__chemical {
height: 125px;
width: 125px;
bottom: 0;
left: 45%;
-webkit-animation: iconChemical 8s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: iconChemical 8s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media all and (max-width: 62.5em) {
.gem__chemical {
left: -50px;
bottom: -100px;
}
}
@-webkit-keyframes iconChemical {
0% {
transform: rotate(0deg);
}
30% {
transform: rotate(30deg);
}
50% {
transform: rotate(-97deg);
}
70% {
transform: rotate(10deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes iconChemical {
0% {
transform: rotate(0deg);
}
30% {
transform: rotate(30deg);
}
50% {
transform: rotate(-97deg);
}
70% {
transform: rotate(10deg);
}
100% {
transform: rotate(0deg);
}
}
.gem__crystal {
height: 105px;
width: 105px;
right: -5px;
bottom: 20%;
-webkit-animation: iconCrystal 3s infinite linear;
animation: iconCrystal 3s infinite linear;
display: none;
}
@media all and (min-width: 62.5625em) {
.gem__crystal {
right: calc(6.66666667% + 15px);
display: block;
}
}
@-webkit-keyframes iconCrystal {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
@keyframes iconCrystal {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
.gem__gem-trail {
height: 90px;
width: 67px;
top: -35px;
right: 15%;
}
@media all and (max-width: 62.5em) {
.gem__gem-trail {
top: -55px;
right: 10px;
}
}
.gem__plus-1 {
height: 12px;
width: 11px;
top: 10%;
right: 10px;
transform: rotate(-20deg);
}
@media all and (max-width: 62.5em) {
.gem__plus-1 {
top: 65%;
right: 30px;
}
}
.gem__plus-2 {
height: 15px;
width: 15px;
right: 40%;
top: 10px;
transform: rotate(10deg);
}
@media all and (max-width: 62.5em) {
.gem__plus-2 {
display: none;
}
}
.gem__plus-3 {
height: 12px;
width: 12px;
bottom: 30%;
left: 50px;
}
@media all and (max-width: 62.5em) {
.gem__plus-3 {
display: none;
}
}
.gem__star-1 {
height: 17px;
width: 17px;
top: 15%;
left: 15px;
-webkit-animation: iconStar1 5s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconStar1 5s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media all and (max-width: 62.5em) {
.gem__star-1 {
display: none;
}
}
@keyframes iconStar1 {
0% {
transform: translateX(0) rotate(0deg);
}
50% {
transform: translateX(40%) rotate(180deg);
}
100% {
transform: translateX(0) rotate(360deg);
}
}
.gem__star-2 {
height: 15px;
width: 15px;
right: 45px;
bottom: 40px;
}
@media all and (max-width: 62.5em) {
.gem__star-2 {
display: none;
}
}
.twinkle {
font-size: 60px;
position: absolute;
left: 35%;
top: 20%;
}
.twinkle.twinkle2 {
font-size: 50px;
left: 20%;
top: 50%;
}
.twinkle.twinkle3 {
font-size: 35px;
left: 33%;
top: 60%;
}
.twinkle.twinkle4 {
font-size: 30px;
left: 13%;
top: 10%;
}
.twinkle .group {
transform: translate(42.5px, 42.5px);
}
.twinkle path {
transform: translate(-42.5px, -42.5px);
}
.twinkle1 .large {
opacity: 0;
-webkit-animation: iconTwinkleLarge 4s ease-in-out infinite;
animation: iconTwinkleLarge 4s ease-in-out infinite;
}
.twinkle1 .large-2 {
opacity: 0;
-webkit-animation: iconTwinkleLarge2 4s ease-in-out infinite;
animation: iconTwinkleLarge2 4s ease-in-out infinite;
}
.twinkle1 .small {
opacity: 0;
-webkit-animation: iconTwinkleSmall 4s ease-in-out infinite;
animation: iconTwinkleSmall 4s ease-in-out infinite;
}
.twinkle2 .large {
opacity: 0;
-webkit-animation: iconTwinkleLarge 4s ease-in-out 2s infinite;
animation: iconTwinkleLarge 4s ease-in-out 2s infinite;
}
.twinkle2 .large-2 {
opacity: 0;
-webkit-animation: iconTwinkleLarge2 4s ease-in-out 2s infinite;
animation: iconTwinkleLarge2 4s ease-in-out 2s infinite;
}
.twinkle2 .small {
opacity: 0;
-webkit-animation: iconTwinkleSmall 4s ease-in-out 2s infinite;
animation: iconTwinkleSmall 4s ease-in-out 2s infinite;
}
.twinkle3 .large {
opacity: 0;
-webkit-animation: iconTwinkleLarge 3s ease-in-out 3s infinite;
animation: iconTwinkleLarge 3s ease-in-out 3s infinite;
}
.twinkle3 .large-2 {
opacity: 0;
-webkit-animation: iconTwinkleLarge2 3s ease-in-out 3s infinite;
animation: iconTwinkleLarge2 3s ease-in-out 3s infinite;
}
.twinkle3 .small {
opacity: 0;
-webkit-animation: iconTwinkleSmall 3s ease-in-out 3s infinite;
animation: iconTwinkleSmall 3s ease-in-out 3s infinite;
}
.twinkle4 .large {
opacity: 0;
-webkit-animation: iconTwinkleLarge 4s ease-in-out 5s infinite;
animation: iconTwinkleLarge 4s ease-in-out 5s infinite;
}
.twinkle4 .large-2 {
opacity: 0;
-webkit-animation: iconTwinkleLarge2 4s ease-in-out 5s infinite;
animation: iconTwinkleLarge2 4s ease-in-out 5s infinite;
}
.twinkle4 .small {
opacity: 0;
-webkit-animation: iconTwinkleSmall 4s ease-in-out 5s infinite;
animation: iconTwinkleSmall 4s ease-in-out 5s infinite;
}
@-webkit-keyframes iconTwinkleLarge {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(190deg) scale(1.5);
}
100% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
}
@keyframes iconTwinkleLarge {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(190deg) scale(1.5);
}
100% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
}
@-webkit-keyframes iconTwinkleLarge2 {
0% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(405deg) scale(1.1);
}
100% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
}
@keyframes iconTwinkleLarge2 {
0% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(405deg) scale(1.1);
}
100% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
}
@-webkit-keyframes iconTwinkleSmall {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(-190deg) scale(1.5);
}
100% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
}
@keyframes iconTwinkleSmall {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
16.667% {
opacity: 1;
}
33.333% {
opacity: 0;
transform: rotate(-190deg) scale(1.5);
}
100% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
}
.gem__bracket-tail:before,
.gem__bracket-tail:after {
content: '';
height: 35px;
width: 105px;
position: absolute;
background: #ED1C24;
}
@media all and (max-width: 62.5em) {
.gem__bracket-tail:before,
.gem__bracket-tail:after {
height: 25px;
width: 55px;
}
}
.gem__bracket-tail:before {
top: 0;
}
.gem__bracket-tail:after {
bottom: 0;
}
.gem__bracket {
width: 46px;
background: #ED1C24;
position: absolute;
top: -15px;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
z-index: 1;
pointer-events: none;
height: 100%;
}
@media all and (max-width: 62.5em) {
.gem__bracket {
width: 35px;
}
}
@media all and (max-width: 47.9375em) {
.gem__bracket {
width: 25px;
}
}
.gem__bracket-left {
left: 0;
}
.gem__bracket-left:before,
.gem__bracket-left:after {
left: 0;
}
@media all and (min-width: 62.5625em) {
.gem__bracket-left {
left: 6.66666667%;
}
}
.gem__bracket-right {
right: 0;
}
.gem__bracket-right:before,
.gem__bracket-right:after {
right: 0;
}
@media all and (min-width: 62.5625em) {
.gem__bracket-right {
right: 6.66666667%;
}
}
.dino__content {
position: relative;
z-index: 5;
}
@media all and (min-width: 62.5625em) {
.dino__content {
margin-left: 53.33333333%;
margin-right: calc(6.66666667% + 30px);
}
}
.dino__figure {
position: absolute;
z-index: 3;
top: 20%;
left: 0;
width: 90%;
transform: translateY(-50%);
}
@media all and (min-width: 62.5625em) {
.dino__figure {
width: 40%;
transform: translateY(-50%);
left: 6.66666667%;
top: 50%;
}
}
.dino__img {
display: block;
transform-origin: 91.91176471% 39.75535168%;
-webkit-animation: dinoBottom 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: dinoBottom 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@-webkit-keyframes dinoBottom {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes dinoBottom {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(0deg);
}
}
.dino__img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 4;
transform-origin: 91.91176471% 64.67661692%;
-webkit-animation: dinoTop 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: dinoTop 8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@-webkit-keyframes dinoTop {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes dinoTop {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.dino__figcaption {
position: absolute;
top: 50%;
left: 60%;
z-index: 5;
background: #FEC831;
color: #212121;
width: 1.875rem;
height: auto;
max-height: 1.875rem;
border-radius: 50%;
max-width: 18.75rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
-webkit-animation: pulse 2s infinite linear;
animation: pulse 2s infinite linear;
}
.dino__figcaption:before {
display: block;
position: absolute;
width: 0;
height: 0;
bottom: 99.5%;
left: 0;
content: '';
z-index: 3;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #FEC831;
overflow: hidden;
transform: translateY(100%);
transition: all 0.75s;
transition-delay: 0.5s;
}
.dino__figcaption.is-expanded {
top: 50%;
left: 55%;
width: 13.125rem;
border-radius: 0;
max-width: 18.75rem;
max-height: 12.5rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transition-delay: 0s;
-webkit-animation: none;
animation: none;
}
.dino__figcaption.is-expanded:before {
left: 30px;
transform: translateY(0%);
transition-delay: 0s;
}
@media all and (max-width: 62.5em) {
.dino__figcaption {
display: none;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.dino__figcaption-icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 60%;
width: 30px;
height: 30px;
font-size: 18px;
z-index: 6;
color: #4a4a4a;
transform: rotate(0deg);
cursor: pointer;
border-radius: 50%;
transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
}
.dino__figcaption-icon.is-expanded {
left: 93%;
transform: rotate(405deg);
transition-delay: 0s;
}
@media all and (max-width: 77.4375em) {
.dino__figcaption-icon.is-expanded {
left: 87%;
}
}
@media all and (max-width: 62.5em) {
.dino__figcaption-icon {
display: none;
}
}
.dino__caption-title {
position: relative;
background: #212121;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
padding: 5px 7.5px;
margin-bottom: 10px;
transform: translateX(-15px) translateY(10px);
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.dino__figcaption.is-expanded .dino__caption-title {
opacity: 1;
transition-delay: 1s;
}
.dino__caption-copy-wrap {
opacity: 0;
transition: all 0.5s;
transition-delay: 0s;
}
.dino__figcaption.is-expanded .dino__caption-copy-wrap {
opacity: 1;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 1s;
}
.dino__caption-copy {
margin: 0;
padding: 10px 20px 20px 20px;
font-size: 0.875rem;
line-height: 1.28571429;
}
.dino__icon-layer {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
}
.dino__icon {
position: absolute;
fill: #51B24B;
display: block;
}
.dino__square-1 {
height: 10px;
width: 10px;
bottom: 50%;
right: 15%;
transform: rotate(-30deg);
}
@media all and (max-width: 62.5em) {
.dino__square-1 {
display: none;
}
}
.dino__square-2 {
height: 13px;
width: 13px;
bottom: 52%;
right: 16%;
transform: rotate(-30deg);
}
@media all and (max-width: 62.5em) {
.dino__square-2 {
display: none;
}
}
.dino__square-3 {
height: 10px;
width: 10px;
bottom: 50px;
right: 16%;
transform: rotate(10deg);
}
@media all and (max-width: 62.5em) {
.dino__square-3 {
display: none;
}
}
.dino__square-4 {
height: 11px;
width: 11px;
bottom: 95px;
left: 4%;
transform: rotate(10deg);
}
@media all and (max-width: 62.5em) {
.dino__square-4 {
display: none;
}
}
.dino__print-1 {
height: 40px;
width: 40px;
bottom: 10%;
left: 50%;
transform: rotate(5deg);
}
@media all and (max-width: 62.5em) {
.dino__print-1 {
left: -10px;
bottom: -40px;
}
}
.dino__print-2 {
height: 40px;
width: 40px;
bottom: 0;
left: 45%;
transform: rotate(-5deg);
}
@media all and (max-width: 62.5em) {
.dino__print-2 {
left: -40px;
bottom: 0px;
}
}
.dino__shell {
height: 105px;
width: 105px;
right: -5px;
bottom: -50px;
-webkit-animation: iconShell 3s infinite linear;
animation: iconShell 3s infinite linear;
}
@media all and (min-width: 62.5625em) {
.dino__shell {
right: calc(6.66666667% + 15px);
}
}
@-webkit-keyframes iconShell {
0% {
transform: rotate(0deg);
}
30% {
transform: rotate(30deg);
}
50% {
transform: rotate(-17deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes iconShell {
0% {
transform: rotate(0deg);
}
30% {
transform: rotate(30deg);
}
50% {
transform: rotate(-17deg);
}
100% {
transform: rotate(0deg);
}
}
.dino__rex {
height: 90px;
width: 67px;
top: -35px;
right: 15%;
-webkit-animation: iconRex 3s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: iconRex 3s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media all and (max-width: 62.5em) {
.dino__rex {
display: none;
}
}
@-webkit-keyframes iconRex {
0% {
transform: translateY(0);
}
50% {
transform: translateY(5%);
}
100% {
transform: translateY(0);
}
}
@keyframes iconRex {
0% {
transform: translateY(0);
}
50% {
transform: translateY(5%);
}
100% {
transform: translateY(0);
}
}
.dino__hex-1 {
height: 14px;
width: 15px;
top: 5%;
right: 50px;
transform: rotate(20deg);
}
@media all and (max-width: 62.5em) {
.dino__hex-1 {
top: 65%;
right: 30px;
}
}
.dino__hex-2 {
height: 25px;
width: 26px;
right: 65px;
top: 40px;
transform: rotate(-5deg);
}
@media all and (max-width: 62.5em) {
.dino__hex-2 {
display: none;
}
}
.dino__hex-3 {
height: 15px;
width: 16px;
top: 10%;
left: 42%;
transform: rotate(15deg);
}
@media all and (max-width: 62.5em) {
.dino__hex-3 {
display: none;
}
}
.dino__hex-4 {
height: 25px;
width: 26px;
bottom: 10%;
left: 3%;
transform: rotate(-15deg);
}
@media all and (max-width: 62.5em) {
.dino__hex-4 {
display: none;
}
}
.dino__bracket-tail:before,
.dino__bracket-tail:after {
content: '';
height: 35px;
width: 105px;
position: absolute;
background: #ED1C24;
}
@media all and (max-width: 62.5em) {
.dino__bracket-tail:before,
.dino__bracket-tail:after {
height: 25px;
width: 55px;
}
}
.dino__bracket-tail:before {
top: 0;
}
.dino__bracket-tail:after {
bottom: 0;
}
.dino__bracket {
width: 46px;
background: #ED1C24;
position: absolute;
top: -15px;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
z-index: 1;
pointer-events: none;
height: 100%;
}
@media all and (max-width: 62.5em) {
.dino__bracket {
width: 35px;
}
}
@media all and (max-width: 47.9375em) {
.dino__bracket {
width: 25px;
}
}
.dino__bracket-left {
left: 0;
}
.dino__bracket-left:before,
.dino__bracket-left:after {
left: 0;
}
@media all and (min-width: 62.5625em) {
.dino__bracket-left {
left: 6.66666667%;
}
}
.dino__bracket-right {
right: 0;
}
.dino__bracket-right:before,
.dino__bracket-right:after {
right: 0;
}
@media all and (min-width: 62.5625em) {
.dino__bracket-right {
right: 6.66666667%;
}
}
.faqs__container {
padding-top: 40px;
padding-bottom: 40px;
background: #f6f6f6;
}
@media all and (min-width: 48em) {
.faqs__container {
padding-top: 80px;
padding-bottom: 80px;
}
}
.faqs__container-wide {
background: transparent;
}
.faqs__wrapper {
position: relative;
}
@media all and (min-width: 48em) {
.faqs__wrapper {
overflow: hidden;
}
}
@media all and (min-width: 62.5625em) {
.faqs__col-1-wide {
margin-left: 6.66666667%;
}
}
.faqs__answer {
padding: 20px 15px 40px 0;
}
.faqs__answer:not(.is-revealed) {
display: none;
}
.faqs__title {
margin-top: 0;
}
.faqs__q-list {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: ordered-list-counter;
}
.faqs__q-list li {
margin-top: 8px;
line-height: 1.75;
}
.faqs__q-list li *:first-child {
margin-top: 0;
}
.faqs__q-list li {
position: relative;
padding-left: 20px;
}
.faqs__q-list li:first-child {
margin-top: 28px;
}
.faqs__q-list li:before {
content: counter(ordered-list-counter, decimal);
counter-increment: ordered-list-counter;
color: #e31b23;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
.faqs__q-list li ul {
margin-top: 0;
padding-left: 30px;
padding-bottom: 20px;
}
.faqs__q-list li ul li {
position: relative;
padding-left: 15px;
margin-top: 8px;
}
.faqs__q-list li ul li:first-child {
margin-top: 28px;
}
.faqs__q-list li ul li:before {
content: '';
display: block;
height: 5px;
width: 5px;
background: #e31b23;
position: absolute;
left: 0;
top: 12px;
}
.faqs__q-list .faqs__q-list-item:before {
top: 16px;
}
@media all and (min-width: 48em) {
.faqs__q-list .faqs__q-list-item:before {
top: 17px;
}
}
.faqs__q-list-item {
border-bottom: 1px solid #dddddd;
}
.faqs__q-list-item:first-child {
border-top: 1px solid #dddddd;
}
.faqs__q-list-item .faqs__q-list-item {
margin-top: 0;
}
.faqs__container-wide .faqs__q-list-item {
padding-left: 30px;
}
.faqs__link {
font-size: 1rem;
line-height: 1.875;
display: inline-block;
text-decoration: none;
font-weight: 700;
color: #212121;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 45px;
cursor: pointer;
}
.faqs__link:hover,
.faqs__link:focus {
color: #e31b23;
}
@media all and (min-width: 48em) {
.faqs__link {
font-size: 1.125rem;
line-height: 1.27777778;
padding-top: 20px;
padding-bottom: 20px;
}
}
.faqs__wysiwyg {
margin-top: 20px;
}
.faqs__view-all {
margin-top: 30px;
}
.faqs__dropdown {
width: 36px;
height: 36px;
border: 1px solid #bfbfbf;
background: transparent;
position: absolute;
right: 0;
top: 12px;
color: #212121;
border-radius: 50%;
}
.faqs__link:hover .faqs__dropdown,
.faqs__link:focus .faqs__dropdown {
background: #e31b23;
border-color: #e31b23;
color: #ffffff;
}
.faqs__icon {
width: 10px;
height: 10px;
fill: currentColor;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.is-revealed .faqs__icon {
transform: translateY(-50%) translateX(-50%) rotate(180deg);
}
.fullWidth__wrapper {
position: relative;
}
.fullWidth__heading {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
padding-bottom: 20px;
margin-top: 0;
}
@media all and (min-width: 62.5625em) {
.fullWidth__heading {
width: calc(100% + 15px * 2);
margin-left: -15px;
padding-left: calc(6.66666667% + 15px);
padding-right: calc(6.66666667% + 15px);
}
}
.imageHeader__title {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.imageHeader__title.focusable:active,
.imageHeader__title.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .imageHeader__title a,
body:hover .imageHeader__title input,
body:hover .imageHeader__title button {
display: none;
}
.imageHeader__image {
display: block;
}
.imageHeader__stat-bar {
margin-top: -20px;
}
@media all and (min-width: 48em) {
.imageHeader__stat-bar {
padding-left: 30px;
order: 2;
flex-grow: 0;
flex-shrink: 0;
padding-bottom: 40px;
margin-top: -120px;
}
}
.imageHeader__wrapper {
position: relative;
}
@media all and (min-width: 48em) {
.imageHeader__wrapper {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
display: flex;
align-items: stretch;
}
}
@media all and (max-width: 47.9375em) {
.imageHeader__wysiwyg {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media all and (min-width: 48em) {
.imageHeader__wysiwyg {
flex-grow: 1;
flex-shrink: 1;
order: 1;
padding-top: 40px;
}
}
.largeHeader__header {
width: 100%;
}
.largeHeader__header-top {
position: relative;
padding-top: 80px;
z-index: 1;
display: flex;
align-items: flex-end;
}
@media all and (min-width: 48em) {
.largeHeader__header-top {
padding-top: 120px;
}
}
@media all and (min-width: 48em) {
.largeHeader__header-has-stats .largeHeader__header-top {
padding-top: 80px;
}
}
@media all and (min-width: 48em) {
.largeHeader__header-top--with-image {
min-height: 600px;
}
}
.largeHeader__header-bottom {
position: relative;
z-index: 0;
}
.largeHeader__header-bottom--with-image {
position: relative;
z-index: 0;
}
.largeHeader__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.largeHeader__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.largeHeader__figure img.lazyloaded {
opacity: 1;
}
.largeHeader__overlay {
background: rgba(34, 34, 34, 0);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(14%, rgba(34, 34, 34, 0.2)), color-stop(30%, rgba(34, 34, 34, 0.4)), color-stop(100%, rgba(34, 34, 34, 0.4)));
background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.2) 14%, rgba(34, 34, 34, 0.4) 30%, rgba(34, 34, 34, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);
width: 100%;
height: 350px;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
}
.largeHeader__wrapper {
position: relative;
}
.largeHeader__row {
position: relative;
}
@media all and (min-width: 48em) {
.largeHeader__header-has-stats .largeHeader__col-1-base {
max-width: calc(100% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.largeHeader__header-has-stats .largeHeader__col-1-base {
max-width: calc(100% - 6.66666667% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.largeHeader__col-1-base {
margin-left: 6.66666667%;
}
}
.largeHeader__col-1 {
padding-bottom: 40px;
}
@media all and (min-width: 48em) {
.largeHeader__col-1 {
padding-bottom: 60px;
}
}
.largeHeader__col-1--without-image {
padding-bottom: 10px;
}
@media all and (min-width: 48em) {
.largeHeader__col-2 {
min-width: 240px;
}
}
.largeHeader__col-3 {
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.largeHeader__header-has-stats .largeHeader__col-3 {
max-width: calc(100% - 297px);
}
}
@media all and (min-width: 62.5625em) {
.largeHeader__col-3 {
margin-left: 6.66666667%;
}
}
.largeHeader__pre-heading-base {
margin-top: 0;
}
@media all and (max-width: 47.9375em) {
.largeHeader__pre-heading-base {
display: none;
}
}
.largeHeader__pre-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
position: relative;
}
.largeHeader__pre-heading--without-image {
color: #212121;
}
.largeHeader__small-heading-base {
font-size: 3rem;
line-height: 1.25;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
margin-left: -0.02941176em;
}
@media all and (min-width: 48em) {
.largeHeader__small-heading-base {
font-size: 5.875rem;
line-height: 0.95744681;
letter-spacing: -0.011176em;
line-height: 0.95745em;
}
}
.largeHeader__small-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
}
.largeHeader__small-heading--without-image {
color: #212121;
}
.largeHeader__heading-base {
font-size: 4.75rem;
line-height: 1.05263158;
font-size: 72px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.02em;
margin-left: -0.02941176em;
}
@media all and (min-width: 48em) {
.largeHeader__heading-base {
font-size: 8.5rem;
line-height: 0.88235294;
letter-spacing: -0.011176em;
line-height: 0.95745em;
}
}
.largeHeader__heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
}
.largeHeader__heading--without-image {
color: #212121;
}
.largeHeader__highlight-container {
width: calc(100% + 4vw - 15px);
overflow: hidden;
height: 100px;
position: absolute;
top: 0;
z-index: 0;
left: 40%;
}
@media all and (min-width: 48em) {
.largeHeader__highlight-container {
height: 150px;
}
}
@media all and (min-width: 62.5625em) {
.largeHeader__highlight-container {
width: calc(100% + ((100vw - 1200px) / 2) - 15px);
position: relative;
top: auto;
left: auto;
}
}
@media all and (max-width: 47.9375em) {
.largeHeader__highlight-container {
display: none;
}
}
.largeHeader__highlight {
font-size: 8.75rem;
line-height: 0.5;
margin-top: 0;
color: #f0f0f0;
text-transform: uppercase;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
}
@media all and (min-width: 48em) {
.largeHeader__highlight {
font-size: 12.5rem;
line-height: 0.5;
}
}
@media all and (max-width: 47.9375em) {
.stat-top:not(.largeHeader__stat-top-full) {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.stat-top:not(.largeHeader__stat-top-full).focusable:active,
.stat-top:not(.largeHeader__stat-top-full).focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .stat-top:not(.largeHeader__stat-top-full) a,
body:hover .stat-top:not(.largeHeader__stat-top-full) input,
body:hover .stat-top:not(.largeHeader__stat-top-full) button {
display: none;
}
}
.largeHeader__stat-top-full {
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.largeHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.largeHeader__stat-bottom.focusable:active,
.largeHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .largeHeader__stat-bottom a,
body:hover .largeHeader__stat-bottom input,
body:hover .largeHeader__stat-bottom button {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.largeHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.largeHeader__stat-bottom.focusable:active,
.largeHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .largeHeader__stat-bottom a,
body:hover .largeHeader__stat-bottom input,
body:hover .largeHeader__stat-bottom button {
display: none;
}
}
.largeHeader__intro {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.largeHeader__intro {
margin-top: 60px;
}
}
@media all and (min-width: 48em) {
.largeHeader__header-top .largeHeader__intro {
margin-top: 40px;
}
}
.mediaGrid__wrapper {
position: relative;
}
.mediaSingle__offset {
width: 100%;
}
@media all and (min-width: 62.5625em) {
.mediaSingle__offset {
padding-left: 7.14285715%;
}
}
.mediaSingleCaption__offset {
width: 100%;
}
@media all and (min-width: 62.5625em) {
.mediaSingleCaption__offset {
padding-left: 7.14285715%;
}
}
.mediaSingleCaption__img {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
position: relative;
z-index: 2;
}
.mediaSingleCaption__figcaption {
position: relative;
padding: 20px 16px 21px;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaSingleCaption__figcaption {
width: 50.00000001%;
margin-left: 41.66666666%;
padding: 40px 31px 41px;
}
}
@media all and (min-width: 62.5625em) {
.mediaSingleCaption__figcaption {
width: 40%;
margin-left: 53.33333333%;
padding: 40px 31px 41px;
}
}
.mediaSingleCaption__figcaption-content {
position: relative;
z-index: 1;
}
.mediaSingleCaption__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: 200%;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
}
@media all and (min-width: 62.5625em) {
.mediaDouble__col-0 {
margin-left: 6.66666667%;
}
}
@media all and (max-width: 47.9375em) {
.mediaDouble__col-1 {
margin-top: 20px;
}
}
@media all and (max-width: 47.9375em) {
.mediaDouble__figure--0 {
width: calc(100% + 4vw);
right: 4vw;
position: relative;
}
}
.mediaDouble__img {
position: relative;
z-index: 2;
}
.mediaDoubleCaption__figure {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
@media all and (min-width: 62.5625em) {
.mediaDoubleCaption__col-0 {
margin-left: calc(6.66666667%);
}
}
.mediaDoubleCaption__img-container {
position: relative;
}
@media all and (max-width: 47.9375em) {
.mediaDoubleCaption__img-container--0 {
width: calc(100% + 4vw);
right: 4vw;
}
}
@media all and (max-width: 47.9375em) {
.mediaDoubleCaption__img-container--1 {
margin-top: 15px;
}
}
@media all and (min-width: 62.5625em) {
.mediaDoubleCaption__img-container--1 {
padding-right: calc(14.28571429%);
}
}
.mediaDoubleCaption__img {
position: relative;
z-index: 2;
}
.mediaDoubleCaption__img--1 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaDoubleCaption__caption-letter {
position: absolute;
color: #ffffff;
font-weight: 700;
z-index: 2;
}
.mediaDoubleCaption__caption-letter--0 {
bottom: 15px;
right: 15px;
}
.mediaDoubleCaption__caption-letter--1 {
bottom: 15px;
left: 15px;
}
.mediaDoubleCaption__figcaption {
position: relative;
width: 100%;
padding-right: 29px;
padding-bottom: 34px;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaDoubleCaption__figcaption {
width: calc(100% + 20%);
padding-left: 20%;
right: 20%;
}
}
@media all and (min-width: 62.5625em) {
.mediaDoubleCaption__figcaption {
right: calc(14.28571429% + 15px * 2);
padding-left: calc(14.28571429% + 15px * 2);
width: calc(100% - 15px * 2);
padding-right: 44px;
}
}
.mediaDoubleCaption__figcaption-content {
position: relative;
z-index: 1;
}
.mediaDoubleCaption__list {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: caption-list-counter;
}
.mediaDoubleCaption__list li {
margin-top: 8px;
line-height: 1.75;
}
.mediaDoubleCaption__list li *:first-child {
margin-top: 0;
}
.mediaDoubleCaption__list li {
position: relative;
padding-left: 20px;
}
.mediaDoubleCaption__list li:before {
content: counter(caption-list-counter, upper-alpha);
counter-increment: caption-list-counter;
color: #212121;
position: absolute;
left: 0;
top: -2px;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
.mediaDoubleCaption__figcaption-box {
border: 14px solid #f0f0f0;
width: calc(100% + 4vw + 14px);
height: calc(100% + 100px);
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
}
@media all and (min-width: 48em) {
.mediaDoubleCaption__figcaption-box {
height: calc(100% + 150px);
width: 100%;
right: auto;
left: 0;
}
}
.mediaTriple__col-2 {
margin-top: 20px;
}
@media all and (min-width: 62.5625em) {
.mediaTriple__col-2 {
margin-left: 6.66666667%;
}
}
.mediaTriple__figure {
position: relative;
}
.mediaTriple__img {
position: relative;
z-index: 2;
}
.mediaTripleCaption__figure {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
@media all and (min-width: 48em) {
.mediaTripleCaption__col-0 {
align-self: flex-end;
}
}
@media all and (min-width: 48em) {
.mediaTripleCaption__col-1 {
align-self: flex-end;
}
}
@media all and (min-width: 48em) {
.mediaTripleCaption__col-2 {
align-self: flex-start;
}
}
@media all and (min-width: 48em) {
.mediaTripleCaption__col-3 {
align-self: flex-start;
}
}
.mediaTripleCaption__img-container {
position: relative;
margin-top: 20px;
}
@media all and (min-width: 62.5625em) {
.mediaTripleCaption__img-container--2 {
padding-left: 12.5%;
}
}
.mediaTripleCaption__img {
position: relative;
z-index: 2;
}
.mediaTripleCaption__img--1 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaTripleCaption__img--2 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaTripleCaption__caption-letter {
position: absolute;
color: #ffffff;
font-weight: 700;
z-index: 2;
}
.mediaTripleCaption__caption-letter--0 {
bottom: 15px;
right: 15px;
}
.mediaTripleCaption__caption-letter--1 {
bottom: 15px;
left: 15px;
}
.mediaTripleCaption__caption-letter--2 {
top: 15px;
right: 15px;
}
.mediaTripleCaption__figcaption {
width: 100%;
position: relative;
padding-right: 29px;
padding-bottom: 34px;
}
@media all and (min-width: 62.5625em) {
.mediaTripleCaption__figcaption {
width: calc(100% + 57.14285715%);
padding-left: 71.42857144%;
right: 71.42857144%;
}
}
.mediaTripleCaption__figcaption-content {
position: relative;
z-index: 1;
}
.mediaTripleCaption__list {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: caption-list-counter;
padding: 15px 30px;
}
.mediaTripleCaption__list li {
margin-top: 8px;
line-height: 1.75;
}
.mediaTripleCaption__list li *:first-child {
margin-top: 0;
}
.mediaTripleCaption__list li {
position: relative;
padding-left: 20px;
}
.mediaTripleCaption__list li:before {
content: counter(caption-list-counter, upper-alpha);
counter-increment: caption-list-counter;
color: #212121;
position: absolute;
left: 0;
top: -2px;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
.mediaTripleCaption__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaTripleCaption__figcaption-box {
width: calc(100% + 80%);
height: calc(100% + 100px);
}
}
@media all and (min-width: 62.5625em) {
.mediaTripleCaption__figcaption-box {
height: 180%;
}
}
@media all and (min-width: 62.5625em) {
.mediaQuad__col-0 {
margin-left: 6.66666667%;
}
}
.mediaQuad__col-2 {
margin-top: 20px;
}
.mediaQuad__col-3 {
margin-top: 20px;
}
.mediaQuad__figure {
position: relative;
}
.mediaQuad__img {
position: relative;
z-index: 2;
}
.mediaQuadCaption__figure {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
@media all and (min-width: 48em) {
.mediaQuadCaption__col-0 {
align-self: flex-end;
}
}
@media all and (min-width: 48em) {
.mediaQuadCaption__col-1 {
align-self: flex-end;
}
}
@media all and (min-width: 48em) {
.mediaQuadCaption__col-2 {
align-self: flex-start;
}
}
@media all and (min-width: 48em) {
.mediaQuadCaption__col-3 {
align-self: flex-start;
}
}
@media all and (min-width: 48em) {
.mediaQuadCaption__col-4 {
align-self: flex-start;
}
}
.mediaQuadCaption__img-container {
position: relative;
margin-top: 20px;
}
@media all and (min-width: 62.5625em) {
.mediaQuadCaption__img-container--0 {
padding-left: 12.5%;
}
}
@media all and (min-width: 62.5625em) {
.mediaQuadCaption__img-container--1 {
padding-right: 14.28571429%;
}
}
.mediaQuadCaption__img {
position: relative;
z-index: 2;
}
.mediaQuadCaption__img--1 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaQuadCaption__img--2 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaQuadCaption__img--3 {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.mediaQuadCaption__caption-letter {
position: absolute;
color: #ffffff;
font-weight: 700;
z-index: 2;
}
.mediaQuadCaption__caption-letter--0 {
bottom: 15px;
right: 15px;
}
.mediaQuadCaption__caption-letter--1 {
bottom: 15px;
left: 15px;
}
.mediaQuadCaption__caption-letter--2 {
top: 15px;
right: 15px;
}
.mediaQuadCaption__caption-letter--3 {
top: 15px;
left: 15px;
}
.mediaQuadCaption__figcaption {
width: 100%;
position: relative;
padding-right: 29px;
padding-bottom: 34px;
}
@media all and (min-width: 62.5625em) {
.mediaQuadCaption__figcaption {
padding-right: 20.00000001%;
}
}
.mediaQuadCaption__figcaption-content {
position: relative;
z-index: 1;
}
.mediaQuadCaption__figcaption-box {
border: 14px solid #f0f0f0;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
}
@media all and (min-width: 48em) {
.mediaQuadCaption__figcaption-box {
height: calc(100% + 400px);
width: calc(100% + 4vw + 14px);
}
}
@media all and (min-width: 62.5625em) {
.mediaQuadCaption__figcaption-box {
height: calc(100% + 150px);
width: 250%;
}
}
@media all and (min-width: 81.5625em) {
.mediaQuadCaption__figcaption-box {
width: 1148px;
}
}
.mediaQuadCaption__list {
padding-left: 0;
list-style: none;
margin-top: 0;
counter-reset: caption-list-counter;
padding: 15px 30px;
}
.mediaQuadCaption__list li {
margin-top: 8px;
line-height: 1.75;
}
.mediaQuadCaption__list li *:first-child {
margin-top: 0;
}
.mediaQuadCaption__list li {
position: relative;
padding-left: 20px;
}
.mediaQuadCaption__list li:before {
content: counter(caption-list-counter, upper-alpha);
counter-increment: caption-list-counter;
color: #212121;
position: absolute;
left: 0;
top: -2px;
font-weight: 700;
display: block;
min-width: 12px;
text-align: center;
}
.mediaSlideshow__container {
width: 100%;
position: relative;
padding: 0;
background: #16190C;
}
.mediaSlideshow__main-title {
position: absolute;
font-size: 2.25rem;
line-height: 1.38888889;
top: 0;
left: 0;
padding: 15px 45px;
background: #16190C;
color: #ffffff;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
transform: translateY(-33.3333%);
z-index: 1;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshow__main-title {
left: 4vw;
}
}
@media all and (max-width: 47.9375em) {
.mediaSlideshow__main-title {
width: 85%;
transform: translateY(-50%);
font-size: 1.625rem;
line-height: 1.23076923;
padding: 15px;
}
}
@media all and (min-width: 81.5625em) {
.mediaSlideshow__main-title {
left: calc((100vw - 1260px) / 2);
}
}
.mediaSlideshow__wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1260px;
overflow: hidden;
}
.mediaSlideshow__slide {
width: 100vw;
padding-top: 56%;
position: relative;
max-height: 800px;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshow__slide {
padding-top: 50%;
}
}
@media all and (min-width: 77.5em) {
.mediaSlideshow__slide {
padding-top: 40%;
}
}
.mediaSlideshow__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.mediaSlideshow__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.mediaSlideshow__figure img.lazyloaded {
opacity: 1;
}
@media all and (max-width: 62.5em) {
.mediaSlideshow__figure {
bottom: auto;
height: 56vw;
}
}
.mediaSlideshow__caption {
padding: 20px 15px;
background: #16190C;
position: relative;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshow__caption {
width: 30.6667%;
position: absolute;
bottom: 45px;
left: 4vw;
padding: 50px 45px;
transform: scale(1);
}
.mediaSlideshow__caption:not(.is-revealed) {
transform: scale(0);
transform-origin: left bottom;
opacity: 0;
transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 300ms, opacity 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 300ms;
}
.mediaSlideshow__caption.is-revealed {
transform: scale(1);
transform-origin: left bottom;
opacity: 1;
transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
}
@media all and (min-width: 81.5625em) {
.mediaSlideshow__caption {
width: 30.6667%;
left: calc((100vw - 1260px) / 2);
}
}
.mediaSlideshow__caption-small {
position: absolute;
padding: 5px 15px;
width: auto;
bottom: 0;
left: 0;
background: #16190C;
}
@media all and (min-width: 81.5625em) {
.mediaSlideshow__caption-small {
width: auto;
left: 0;
}
}
.mediaSlideshow__close-link {
background: transparent;
color: inherit;
border: 0;
color: #ffffff;
text-decoration: none;
}
.mediaSlideshow__close-link:hover,
.mediaSlideshow__close-link:focus,
.mediaSlideshow__close-link.is-current {
background: transparent;
color: inherit;
}
.mediaSlideshow__close-link:hover,
.mediaSlideshow__close-link:focus {
color: #e31b23;
}
@media all and (max-width: 62.5em) {
.mediaSlideshow__close-link {
display: none;
}
}
.mediaSlideshow__close-icon {
position: absolute;
fill: currentColor;
top: 20px;
right: 15px;
height: 20px;
width: 20px;
}
.mediaSlideshow__open-link {
background: transparent;
color: inherit;
border: 0;
color: #ffffff;
opacity: 0;
}
.mediaSlideshow__open-link:hover,
.mediaSlideshow__open-link:focus,
.mediaSlideshow__open-link.is-current {
background: transparent;
color: inherit;
}
.mediaSlideshow__open-link:hover,
.mediaSlideshow__open-link:focus {
color: #FEC831;
}
.mediaSlideshow__caption.is-revealed + .mediaSlideshow__open-link {
opacity: 0;
transform: scale(0);
transition: opacity 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 20ms linear 200ms;
}
.mediaSlideshow__caption:not(.is-revealed) + .mediaSlideshow__open-link {
opacity: 1;
transition: opacity 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 300ms;
}
.mediaSlideshow__open-icon {
position: absolute;
fill: currentColor;
height: 30px;
width: 30px;
left: 4vw;
bottom: 20px;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshow__open-icon {
bottom: 45px;
}
}
@media all and (min-width: 81.5625em) {
.mediaSlideshow__open-icon {
left: calc((100vw - 1260px) / 2);
}
}
.mediaSlideshow__wysiwyg {
color: #ffffff;
transform: translateY(0) scale(1);
}
.mediaSlideshow__caption:not(.is-revealed) .mediaSlideshow__wysiwyg {
transform: translateY(20px) scale(0.7);
opacity: 0;
transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 420ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mediaSlideshow__caption.is-revealed .mediaSlideshow__wysiwyg {
transform: translateY(0) scale(1);
opacity: 1;
transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 420ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
}
.mediaSlideshow__wysiwyg h1,
.mediaSlideshow__wysiwyg h2,
.mediaSlideshow__wysiwyg h3,
.mediaSlideshow__wysiwyg h4,
.mediaSlideshow__wysiwyg h5,
.mediaSlideshow__wysiwyg h6 {
color: #ffffff;
}
.mediaSlideshow__wysiwyg *:first-child {
margin-top: 0;
}
.mediaSlideshow__wysiwyg.blue h1,
.mediaSlideshow__wysiwyg.blue h2,
.mediaSlideshow__wysiwyg.blue h3,
.mediaSlideshow__wysiwyg.blue h4,
.mediaSlideshow__wysiwyg.blue h5,
.mediaSlideshow__wysiwyg.blue h6 {
color: #004AA1;
}
.mediaSlideshow__wysiwyg.green h1,
.mediaSlideshow__wysiwyg.green h2,
.mediaSlideshow__wysiwyg.green h3,
.mediaSlideshow__wysiwyg.green h4,
.mediaSlideshow__wysiwyg.green h5,
.mediaSlideshow__wysiwyg.green h6 {
color: #51B24B;
}
.mediaSlideshow__wysiwyg.purple h1,
.mediaSlideshow__wysiwyg.purple h2,
.mediaSlideshow__wysiwyg.purple h3,
.mediaSlideshow__wysiwyg.purple h4,
.mediaSlideshow__wysiwyg.purple h5,
.mediaSlideshow__wysiwyg.purple h6 {
color: #844FAC;
}
.mediaSlideshow__wysiwyg.orange h1,
.mediaSlideshow__wysiwyg.orange h2,
.mediaSlideshow__wysiwyg.orange h3,
.mediaSlideshow__wysiwyg.orange h4,
.mediaSlideshow__wysiwyg.orange h5,
.mediaSlideshow__wysiwyg.orange h6 {
color: #F2792E;
}
.mediaSlideshow__wysiwyg.yellow h1,
.mediaSlideshow__wysiwyg.yellow h2,
.mediaSlideshow__wysiwyg.yellow h3,
.mediaSlideshow__wysiwyg.yellow h4,
.mediaSlideshow__wysiwyg.yellow h5,
.mediaSlideshow__wysiwyg.yellow h6 {
color: #FEC831;
}
.mediaSlideshow__wysiwyg.light-green h1,
.mediaSlideshow__wysiwyg.light-green h2,
.mediaSlideshow__wysiwyg.light-green h3,
.mediaSlideshow__wysiwyg.light-green h4,
.mediaSlideshow__wysiwyg.light-green h5,
.mediaSlideshow__wysiwyg.light-green h6 {
color: #BCD44E;
}
.mediaSlideshow__wysiwyg.red h1,
.mediaSlideshow__wysiwyg.red h2,
.mediaSlideshow__wysiwyg.red h3,
.mediaSlideshow__wysiwyg.red h4,
.mediaSlideshow__wysiwyg.red h5,
.mediaSlideshow__wysiwyg.red h6 {
color: #e31b23;
}
.mediaSlideshow__wysiwyg.teal h1,
.mediaSlideshow__wysiwyg.teal h2,
.mediaSlideshow__wysiwyg.teal h3,
.mediaSlideshow__wysiwyg.teal h4,
.mediaSlideshow__wysiwyg.teal h5,
.mediaSlideshow__wysiwyg.teal h6 {
color: #3BC0C7;
}
.mediaSlideshow__thumb-slideshow {
background: #212121;
}
.mediaSlideshow__thumb-slideshow .slick-list {
overflow: visible;
}
.mediaSlideshow__thumb-slideshow .slick-track {
display: flex;
align-items: stretch;
}
@media all and (max-width: 47.9375em) {
.mediaSlideshow__thumb-slideshow {
display: none !important;
}
}
.mediaSlideshow__thumb {
padding: 20px 15px;
background: #212121;
position: relative;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
}
.mediaSlideshow__thumb:hover .mediaSlideshow__title,
.mediaSlideshow__thumb:focus .mediaSlideshow__title {
color: #e31b23;
}
@media all and (min-width: 48em) {
.mediaSlideshow__thumb {
padding: 20px 30px;
}
}
.slick-current .mediaSlideshow__thumb {
background: #ffffff;
}
.slick-current .mediaSlideshow__thumb:before {
content: '';
height: 0;
width: 0;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 20px solid #ffffff;
}
.slick-current .mediaSlideshow__thumb:after {
content: '';
width: 100%;
height: 6px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.mediaSlideshow__title {
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-size: 0.875rem;
line-height: 1.85714286;
color: #ffffff;
}
.slick-current .mediaSlideshow__title {
color: #212121;
}
.mediaSlideshowAlt__container {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
position: relative;
padding: 0;
background: #16190C;
overflow: visible !important;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshowAlt__container {
background: #212121;
}
}
@media all and (max-width: 62.5em) {
.mediaSlideshowAlt__container {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
.mediaSlideshowAlt__main-title {
position: absolute;
font-size: 2.25rem;
line-height: 1.38888889;
top: 0;
left: 0;
padding: 15px 45px;
background: #16190C;
color: #ffffff;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
transform: translateY(-33.3333%);
z-index: 1;
}
@media all and (max-width: 47.9375em) {
.mediaSlideshowAlt__main-title {
width: 85%;
transform: translateY(-50%);
font-size: 1.625rem;
line-height: 1.23076923;
padding: 15px;
}
}
.mediaSlideshowAlt__wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1260px;
overflow: hidden;
}
.mediaSlideshowAlt__slide {
position: relative;
height: 100%;
}
.mediaSlideshowAlt__figure {
width: 100%;
height: 100%;
margin: 0;
display: flex;
}
@media all and (max-width: 62.5em) {
.mediaSlideshowAlt__figure {
display: block;
}
}
.mediaSlideshowAlt__img {
width: 53.33333333%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media all and (max-width: 62.5em) {
.mediaSlideshowAlt__img {
bottom: auto;
height: 56vw;
width: 100%;
}
}
.mediaSlideshowAlt__video-link {
color: #ffffff;
text-decoration: underline;
}
.mediaSlideshowAlt__iframe-container {
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding-top: 56.25%;
z-index: 51;
}
@media all and (min-width: 81.5625em) {
.mediaSlideshowAlt__iframe-container {
padding-top: 30%;
}
}
.mediaSlideshowAlt__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.mediaSlideshowAlt__figcaption {
position: relative;
height: 100%;
padding: 40px 15px;
background: #16190C;
}
@media all and (min-width: 62.5625em) {
.mediaSlideshowAlt__figcaption {
width: 46.66666667%;
padding: 50px 45px;
}
}
.mediaSlideshowAlt__caption_tiny-text {
font-size: 1.125rem;
line-height: 1.27777778;
margin-bottom: 10px;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: 6.56px;
color: #e31b23;
text-transform: uppercase;
}
.mediaSlideshowAlt__caption_small-text {
font-size: 1.125rem;
line-height: 1.27777778;
margin-bottom: 20px;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #ffffff;
}
.mediaSlideshowAlt__caption_title {
font-size: 1.875rem;
line-height: 1.26666667;
margin-top: 0;
margin-bottom: 24px;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #e31b23;
}
.mediaSlideshowAlt__caption_body {
font-size: 1rem;
line-height: 1.875;
padding: 0;
color: #ffffff;
}
.mediaSlideshowAlt__thumb-slideshow {
background: #212121;
}
.mediaSlideshowAlt__thumb-slideshow .slick-list {
overflow: visible;
}
.mediaSlideshowAlt__thumb-slideshow .slick-track {
display: flex;
margin: 0;
}
@media all and (max-width: 47.9375em) {
.mediaSlideshowAlt__thumb-slideshow {
display: none !important;
}
}
.mediaSlideshowAlt__thumb {
padding: 20px 15px;
background: #212121;
position: relative;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
}
.mediaSlideshowAlt__thumb:hover .mediaSlideshowAlt__title,
.mediaSlideshowAlt__thumb:focus .mediaSlideshowAlt__title {
color: #e31b23;
}
@media all and (min-width: 48em) {
.mediaSlideshowAlt__thumb {
padding: 20px 30px;
}
}
.slick-current .mediaSlideshowAlt__thumb {
background: #ffffff;
}
.slick-current .mediaSlideshowAlt__thumb:before {
content: '';
height: 0;
width: 0;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 20px solid #ffffff;
}
.slick-current .mediaSlideshowAlt__thumb:after {
content: '';
width: 100%;
height: 6px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.mediaSlideshowAlt__title {
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-size: 0.875rem;
line-height: 1.85714286;
color: #ffffff;
}
.slick-current .mediaSlideshowAlt__title {
color: #212121;
}
.mediaSlideshowAlt__thumb-dots {
background: #7A7A7A;
background: linear-gradient(to bottom, #E7E7E7 0, #7A7A7A 100%);
position: relative;
width: 100%;
display: flex;
justify-content: flex-start;
align-content: flex-start;
}
@media all and (max-width: 62.5em) {
.mediaSlideshowAlt__thumb-dots {
display: none;
}
}
.mediaSlideshowAlt__thumb-dot {
width: 14.28571429%;
padding: 2px 1px;
line-height: 0;
}
.mediaSlideshowAlt__thumb-dot:first-of-type {
padding-left: 2px;
}
.mediaSlideshowAlt__thumb-dot:nth-of-type(7) {
padding-right: 2px;
}
.mediaSlideshowAlt__bracket {
width: 14.28571429%;
height: 100%;
position: absolute;
left: 0;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transform: translateX(0);
pointer-events: none;
}
.js-slideshow-dots[data-js-slideshow-pos="0"] .mediaSlideshowAlt__bracket {
transform: translateX(0);
}
.js-slideshow-dots[data-js-slideshow-pos="1"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(100% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="2"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(200% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="3"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(300% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="4"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(400% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="5"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(500% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="6"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(600% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="7"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(700% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="8"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(800% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="9"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(900% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="10"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(1000% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="11"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(1100% - 6px));
}
.js-slideshow-dots[data-js-slideshow-pos="12"] .mediaSlideshowAlt__bracket {
transform: translateX(calc(1200% - 6px));
}
.mediaSlideshowAlt__bracket-tail:before,
.mediaSlideshowAlt__bracket-tail:after {
content: '';
height: 15px;
width: 42px;
position: absolute;
background: #ED1C24;
}
.mediaSlideshowAlt__bracket-tail:before {
top: 0;
}
.mediaSlideshowAlt__bracket-tail:after {
bottom: 0;
}
.mediaSlideshowAlt__bracket-side {
width: 18px;
background: #ED1C24;
position: absolute;
top: -7px;
z-index: 1;
height: calc(100% + 12px);
}
.mediaSlideshowAlt__bracket-left {
left: 0;
transform: translateX(0);
}
.mediaSlideshowAlt__bracket-left:before,
.mediaSlideshowAlt__bracket-left:after {
left: 0;
}
.mediaSlideshowAlt__bracket-right {
right: -7px;
}
.mediaSlideshowAlt__bracket-right:before,
.mediaSlideshowAlt__bracket-right:after {
right: 0;
}
.mediaSlideshowAlt__thumbnail {
width: 100%;
}
.mediaSlideshowAlt__modal {
display: none;
position: absolute;
width: 100%;
max-height: 800px;
top: 0;
right: 0;
left: 0;
z-index: 52;
}
.mediaSlideshowAlt__modal.is-revealed {
display: block;
}
.mediaSlideshowAlt__modal-shadow {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 5;
}
.mediaSlideshowAlt__modal-close {
display: block !important;
margin: 0 auto;
z-index: 10;
transform: translateY(40px);
}
@media all and (min-width: 81.5625em) {
.mediaSlideshowAlt__modal-close {
transform: translateY(80px);
}
}
.mediaSlideshowAlt__wysiwyg {
color: #ffffff;
transform: translateY(0) scale(1);
}
.caption:not(.is-revealed) .mediaSlideshowAlt__wysiwyg {
transform: translateY(20px) scale(0.7);
opacity: 0;
transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 420ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.caption.is-revealed .mediaSlideshowAlt__wysiwyg {
transform: translateY(0) scale(1);
opacity: 1;
transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 420ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
}
.mediaSlideshowAlt__wysiwyg h1,
.mediaSlideshowAlt__wysiwyg h2,
.mediaSlideshowAlt__wysiwyg h3,
.mediaSlideshowAlt__wysiwyg h4,
.mediaSlideshowAlt__wysiwyg h5,
.mediaSlideshowAlt__wysiwyg h6 {
color: #ffffff;
}
.mediaSlideshowAlt__wysiwyg *:first-child {
margin-top: 0;
}
.mediaSlideshowAlt__wysiwyg.blue h1,
.mediaSlideshowAlt__wysiwyg.blue h2,
.mediaSlideshowAlt__wysiwyg.blue h3,
.mediaSlideshowAlt__wysiwyg.blue h4,
.mediaSlideshowAlt__wysiwyg.blue h5,
.mediaSlideshowAlt__wysiwyg.blue h6 {
color: #004AA1;
}
.mediaSlideshowAlt__wysiwyg.green h1,
.mediaSlideshowAlt__wysiwyg.green h2,
.mediaSlideshowAlt__wysiwyg.green h3,
.mediaSlideshowAlt__wysiwyg.green h4,
.mediaSlideshowAlt__wysiwyg.green h5,
.mediaSlideshowAlt__wysiwyg.green h6 {
color: #51B24B;
}
.mediaSlideshowAlt__wysiwyg.purple h1,
.mediaSlideshowAlt__wysiwyg.purple h2,
.mediaSlideshowAlt__wysiwyg.purple h3,
.mediaSlideshowAlt__wysiwyg.purple h4,
.mediaSlideshowAlt__wysiwyg.purple h5,
.mediaSlideshowAlt__wysiwyg.purple h6 {
color: #844FAC;
}
.mediaSlideshowAlt__wysiwyg.orange h1,
.mediaSlideshowAlt__wysiwyg.orange h2,
.mediaSlideshowAlt__wysiwyg.orange h3,
.mediaSlideshowAlt__wysiwyg.orange h4,
.mediaSlideshowAlt__wysiwyg.orange h5,
.mediaSlideshowAlt__wysiwyg.orange h6 {
color: #F2792E;
}
.mediaSlideshowAlt__wysiwyg.yellow h1,
.mediaSlideshowAlt__wysiwyg.yellow h2,
.mediaSlideshowAlt__wysiwyg.yellow h3,
.mediaSlideshowAlt__wysiwyg.yellow h4,
.mediaSlideshowAlt__wysiwyg.yellow h5,
.mediaSlideshowAlt__wysiwyg.yellow h6 {
color: #FEC831;
}
.mediaSlideshowAlt__wysiwyg.light-green h1,
.mediaSlideshowAlt__wysiwyg.light-green h2,
.mediaSlideshowAlt__wysiwyg.light-green h3,
.mediaSlideshowAlt__wysiwyg.light-green h4,
.mediaSlideshowAlt__wysiwyg.light-green h5,
.mediaSlideshowAlt__wysiwyg.light-green h6 {
color: #BCD44E;
}
.mediaSlideshowAlt__wysiwyg.red h1,
.mediaSlideshowAlt__wysiwyg.red h2,
.mediaSlideshowAlt__wysiwyg.red h3,
.mediaSlideshowAlt__wysiwyg.red h4,
.mediaSlideshowAlt__wysiwyg.red h5,
.mediaSlideshowAlt__wysiwyg.red h6 {
color: #e31b23;
}
.mediaSlideshowAlt__wysiwyg.teal h1,
.mediaSlideshowAlt__wysiwyg.teal h2,
.mediaSlideshowAlt__wysiwyg.teal h3,
.mediaSlideshowAlt__wysiwyg.teal h4,
.mediaSlideshowAlt__wysiwyg.teal h5,
.mediaSlideshowAlt__wysiwyg.teal h6 {
color: #3BC0C7;
}
.memberBenefits__section {
padding-top: 40px;
padding-bottom: 40px;
}
.memberBenefits__section-grey-5 {
background: #f6f6f6;
box-shadow: 0 28px 36px -22px rgba(33, 33, 33, 0.5);
margin-top: -40px;
}
@media all and (min-width: 48em) {
.memberBenefits__section-grey-5 {
margin-top: -80px;
}
}
.memberBenefits__section-title {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-align: center;
margin-top: 0;
padding-bottom: 40px;
letter-spacing: -0.01277em;
display: block;
}
@media all and (min-width: 48em) {
.memberBenefits__section-title {
font-size: 2.25rem;
line-height: 1.38888889;
}
}
.memberBenefits__benefit {
position: relative;
padding-left: 80px;
margin-top: 20px;
min-height: 70px;
}
.memberBenefits__benefit-title {
font-weight: 700;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.memberBenefits__benefit-icon {
display: block;
position: absolute;
top: 0;
left: 0;
height: 58px;
width: 58px;
}
.memberBenefits__benefit-description {
margin-top: 5px;
}
.memberBenefits__button-wrapper {
margin-top: 40px;
text-align: center;
}
@media all and (min-width: 48em) {
.memberBenefits__button {
width: auto;
}
}
.smallHeader__header {
width: 100%;
}
.smallHeader__header-base {
position: relative;
z-index: 2;
display: flex;
align-items: flex-end;
}
@media all and (min-width: 48em) {
.smallHeader__header-has-stats .smallHeader__header-base {
padding-top: 60px;
}
.smallHeader__header-has-stats .smallHeader__header-base .smallHeader__pre-heading {
padding-top: 40px;
}
}
.smallHeader__header-top {
padding-top: 110px;
}
@media all and (min-width: 48em) {
.smallHeader__header-top {
padding-top: 170px;
}
}
.smallHeader__header-top--with-image {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
padding-top: 50px;
}
@media all and (min-width: 48em) {
.smallHeader__header-top--with-image {
min-height: 360px;
padding-top: 100px;
}
}
.smallHeader__header-top--with-anchor {
padding-top: 120px;
display: block;
}
.smallHeader__header-bottom {
position: relative;
z-index: 0;
}
.smallHeader__header-bottom--with-image {
position: relative;
z-index: 0;
}
.smallHeader__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.smallHeader__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.smallHeader__figure img.lazyloaded {
opacity: 1;
}
.smallHeader__figure-placeholder {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
margin: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (min-width: 48em) {
.smallHeader__figure-placeholder {
height: 120px;
}
}
.smallHeader__figure-placeholder img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.smallHeader__figure-placeholder img.lazyloaded {
opacity: 1;
}
.smallHeader__overlay {
width: 100%;
height: 280px;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
background: rgba(34, 34, 34, 0);
background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.2) 14%, rgba(34, 34, 34, 0.4) 30%, rgba(34, 34, 34, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);
}
.smallHeader__wrapper {
position: relative;
}
.smallHeader__row {
position: relative;
}
@media all and (min-width: 48em) {
.smallHeader__header-has-stats .smallHeader__col-1-base {
max-width: calc(100% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.smallHeader__header-has-stats .smallHeader__col-1-base {
max-width: calc(100% - 6.66666667% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.smallHeader__col-1-base {
margin-left: 6.66666667%;
}
}
.smallHeader__col-1 {
padding-bottom: 40px;
}
@media all and (min-width: 48em) {
.smallHeader__col-1 {
padding-bottom: 60px;
}
}
.smallHeader__col-1--without-image {
padding-bottom: 10px;
}
.smallHeader__header-top--with-anchor .smallHeader__col-1--without-image {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.smallHeader__col-2 {
min-width: 240px;
}
}
.smallHeader__col-3 {
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.smallHeader__header-has-stats .smallHeader__col-3 {
max-width: calc(100% - 297px);
}
}
@media all and (min-width: 62.5625em) {
.smallHeader__col-3 {
margin-left: 6.66666667%;
}
}
.smallHeader__pre-heading-base {
margin-top: 0;
}
@media all and (max-width: 47.9375em) {
.smallHeader__pre-heading-base {
display: none;
}
}
.smallHeader__pre-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
position: relative;
}
.smallHeader__pre-heading--without-image {
color: #212121;
}
.smallHeader__heading-base {
font-size: 3rem;
line-height: 1.25;
text-transform: uppercase;
margin-top: 0;
letter-spacing: 0;
margin-left: -0.04255319em;
}
@media all and (min-width: 48em) {
.smallHeader__heading-base {
font-size: 5.875rem;
line-height: 0.95744681;
line-height: 0.95745em;
letter-spacing: -0.0161702em;
}
}
.smallHeader__heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
}
.smallHeader__heading--without-image {
color: #212121;
}
@media all and (max-width: 47.9375em) {
.stat-top:not(.smallHeader__stat-top-full) {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.stat-top:not(.smallHeader__stat-top-full).focusable:active,
.stat-top:not(.smallHeader__stat-top-full).focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .stat-top:not(.smallHeader__stat-top-full) a,
body:hover .stat-top:not(.smallHeader__stat-top-full) input,
body:hover .stat-top:not(.smallHeader__stat-top-full) button {
display: none;
}
}
.smallHeader__stat-top-full {
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.smallHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.smallHeader__stat-bottom.focusable:active,
.smallHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .smallHeader__stat-bottom a,
body:hover .smallHeader__stat-bottom input,
body:hover .smallHeader__stat-bottom button {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.smallHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.smallHeader__stat-bottom.focusable:active,
.smallHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .smallHeader__stat-bottom a,
body:hover .smallHeader__stat-bottom input,
body:hover .smallHeader__stat-bottom button {
display: none;
}
}
.smallHeader__intro {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.smallHeader__intro {
margin-top: 60px;
}
}
@media all and (min-width: 48em) {
.smallHeader__header-bottom .smallHeader__intro {
margin-top: 40px;
}
}
.socialProof__container {
background: #f0f0f0;
margin-top: 14px;
margin-bottom: 14px;
}
@media all and (max-width: 47.9375em) {
.socialProof__row {
flex-direction: column-reverse;
}
}
.socialProof__col-1 {
display: flex;
align-items: stretch;
}
@media all and (min-width: 62.5625em) {
.socialProof__col-1 {
margin-left: 6.66666667%;
}
}
@media all and (min-width: 62.5625em) {
.socialProof__col-2 {
margin-left: 13.33333333%;
}
}
.socialProof__quote {
padding: 40px 0;
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
@media all and (max-width: 47.9375em) {
.socialProof__quote {
padding-bottom: 60px;
}
}
.socialProof__quote-icon {
align-self: center;
}
@media all and (max-width: 47.9375em) {
.socialProof__quote-icon {
position: absolute;
top: -20px;
align-self: flex-start;
}
}
.socialProof__quote-icon svg {
height: 68px;
width: 98px;
color: #dddddd;
}
@media all and (max-width: 47.9375em) {
.socialProof__quote-icon svg {
width: 68px;
height: 47px;
}
}
.socialProof__quote-wrapper {
width: calc(100% - 98px);
padding-left: 40px;
}
@media all and (max-width: 47.9375em) {
.socialProof__quote-wrapper {
width: 100%;
padding: 0 40px;
}
}
.socialProof__quote-wrapper p {
margin-top: 0;
padding-right: 40px;
}
@media all and (max-width: 62.5em) {
.socialProof__quote-wrapper p {
padding-right: 0;
}
}
.socialProof__quote-wrapper .socialProof__pullquote {
position: relative;
}
.socialProof__quote-wrapper .socialProof__pullquote h3 {
color: #e31b23;
margin-top: 10px;
padding-bottom: 10px;
font-size: 1.875rem;
line-height: 1.26666667;
font-weight: 500;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.socialProof__border-top {
width: 120px;
height: 14px;
background: #dddddd;
position: absolute;
top: -14px;
left: 98px;
}
@media all and (max-width: 47.9375em) {
.socialProof__border-top {
display: none;
}
}
.socialProof__border-top:after {
content: '';
display: block;
height: 40px;
width: 14px;
background: #dddddd;
position: absolute;
left: 0;
top: 0;
}
.socialProof__border-bottom {
width: 120px;
height: 14px;
background: #dddddd;
position: absolute;
bottom: -14px;
right: -80px;
}
@media all and (max-width: 47.9375em) {
.socialProof__border-bottom {
right: 0;
}
}
.socialProof__quote-full .socialProof__border-bottom {
right: 0;
}
.socialProof__border-bottom:after {
content: '';
display: block;
height: 70px;
width: 14px;
background: #dddddd;
position: absolute;
right: 0;
bottom: 0;
}
.socialProof__info {
padding: 40px 40px 40px 0;
}
@media all and (max-width: 47.9375em) {
.socialProof__info {
padding: 40px;
text-align: center;
}
}
.socialProof__img {
height: 150px;
width: 150px;
border-radius: 50%;
}
.socialProof__name {
font-size: 0.875rem;
line-height: 1.85714286;
color: #e31b23;
font-weight: 500;
}
.socialProof__title {
font-size: 1.5rem;
line-height: 1.25;
margin-top: 0;
}
.sponsors__wrapper {
padding-bottom: 40px;
}
.sponsors__logo-row {
margin-left: -30px;
margin-right: -30px;
}
.sponsors__figure {
float: left;
width: 100%;
margin: 20px 0 0 0;
padding: 0 30px;
max-width: calc(150px + 30px + 30px);
}
@media all and (min-width: 48em) {
.sponsors__figure {
width: 50%;
}
}
.sponsors__figure img {
display: block;
width: 100%;
}
.sponsors__figure-large {
max-width: calc(240px + 30px + 30px);
}
.sponsors__heading {
margin-top: 20px;
}
.sponsors__heading-small {
font-size: 1.25rem;
line-height: 1.3;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
margin-top: 40px;
}
@media all and (min-width: 48em) {
.sponsors__heading-small {
margin-top: 80px;
}
}
.stackedMedia__wrapper {
position: relative;
}
.stackedMedia__heading {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
padding-bottom: 20px;
margin-top: 0;
}
@media all and (min-width: 62.5625em) {
.stackedMedia__heading {
width: calc(100% + (15px * 2));
margin-left: -15px;
padding-left: calc(6.66666667% + 15px);
padding-right: calc(6.66666667% + 15px);
}
}
.stackedMedia__col-1 {
align-self: center;
display: flex;
align-items: center;
}
.stackedMedia__col-2 {
align-self: flex-end;
}
.stackedMedia__col-3 {
align-self: flex-start;
}
.stackedMedia__col-4 {
align-self: center;
display: flex;
align-items: center;
}
.stackedMedia__content-1 {
padding-bottom: 20px;
}
@media all and (min-width: 62.5625em) {
.stackedMedia__content-1 {
padding-right: 20.00000001%;
padding-bottom: 40px;
}
}
@media all and (min-width: 48em) {
.stackedMedia__content-2 {
padding-top: 40px;
}
}
@media all and (min-width: 62.5625em) {
.stackedMedia__content-2 {
padding-left: calc(10% + 15px);
padding-right: 10%;
}
}
.stackedMedia__figure {
position: relative;
margin: 0;
}
.stackedMedia__img {
width: calc(100% + 4vw + 15px);
max-width: none;
height: auto;
display: block;
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.stackedMedia__img {
width: 100%;
}
}
.stackedMedia__img-1 {
transform: translateY(20px);
}
.stackedMedia__img-2 {
transform: translateY(-20px);
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 47.9375em) {
.stackedMedia__img-2 {
right: calc(4vw + 15px);
}
}
@media all and (min-width: 62.5625em) {
.stackedMedia__img-2 {
transform: translateX(-14.28571429%) translateY(-20px);
}
}
.largeStatBar__container {
width: 100%;
display: flex;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.largeStatBar__container {
align-items: flex-end;
justify-content: flex-end;
margin-top: 0;
}
}
.largeStatBar__bar {
display: inline-block;
position: relative;
line-height: 1;
width: 100%;
text-align: left;
}
@media all and (min-width: 48em) {
.largeStatBar__bar {
max-width: 225px;
bottom: -40px;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
.largeStatBar__parent-link {
display: block;
position: relative;
padding: 20px 15px 20px 45px;
color: #ffffff;
background-color: #004AA1;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.largeStatBar__parent-link svg {
position: absolute;
left: 18px;
bottom: 20px;
fill: #3BC0C7;
font-size: 20px;
}
.largeStatBar__parent-link:hover {
color: #ffffff;
text-decoration: none;
}
.largeStatBar__parent-small-text {
display: block;
padding-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #bfbfbf;
text-transform: capitalize;
}
.largeStatBar__button {
width: 100%;
}
.largeStatBar__tickets-icon {
vertical-align: middle;
font-size: 20px;
}
.largeStatBar__list {
margin: 0;
padding: 0;
background: #212121;
color: #DEDEDE;
}
.largeStatBar__list:before,
.largeStatBar__list:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
.largeStatBar__list:after {
clear: both;
}
@media all and (max-width: 47.9375em) {
.largeStatBar__list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
}
.largeStatBar__list-item {
width: 50%;
float: left;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.largeStatBar__list-item {
float: none;
width: 100%;
}
}
.largeStatBar__list-item:last-of-type {
margin-bottom: 20px;
}
.largeStatBar__content {
padding: 10px 15px 10px 45px;
}
.largeStatBar__title {
position: relative;
margin-top: 0;
}
.largeStatBar__icon {
position: absolute;
height: 20px;
width: 20px;
left: -30px;
top: 0;
fill: #e31b23;
}
.largeStatBar__stat {
margin-top: 0;
font-weight: 700;
}
.statBar__container {
width: 100%;
display: flex;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.statBar__container {
align-items: flex-end;
justify-content: flex-end;
margin-top: 0;
}
}
.statBar__bar {
display: inline-block;
position: relative;
line-height: 1;
width: 100%;
text-align: left;
}
@media all and (min-width: 48em) {
.statBar__bar {
max-width: 200px;
bottom: -40px;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
@media all and (min-width: 48em) {
.statBar__bar-with-anchor {
bottom: 0;
}
}
.statBar__button {
width: 100%;
}
@media all and (min-width: 48em) {
.statBar__container .statBar__button {
padding-left: 10px;
padding-right: 10px;
}
}
.statBar__list {
margin: 0;
padding: 20px 0;
background: #212121;
color: #DEDEDE;
}
.statBar__list:before,
.statBar__list:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
.statBar__list:after {
clear: both;
}
@media all and (max-width: 47.9375em) {
.statBar__list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
}
.statBar__list-item {
width: 50%;
float: left;
}
@media all and (min-width: 48em) {
.statBar__list-item {
float: none;
width: 100%;
}
}
.statBar__content {
padding: 10px 15px 10px 45px;
}
.statBar__title {
position: relative;
margin-top: 0;
}
.statBar__icon {
position: absolute;
height: 20px;
width: 20px;
left: -30px;
top: 0;
fill: #e31b23;
}
.statBar__stat {
margin-top: 0;
font-weight: 700;
}
.statBarAlt__container {
width: 100%;
display: flex;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.statBarAlt__container {
align-items: flex-end;
justify-content: flex-end;
margin-top: 0;
}
}
@media all and (max-width: 47.9375em) {
.statBarAlt__container {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
.statBarAlt__bar {
display: inline-block;
position: relative;
line-height: 1;
width: 100%;
text-align: left;
}
@media all and (min-width: 48em) {
.statBarAlt__bar {
max-width: 225px;
bottom: 0;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
.statBarAlt__app-button {
max-width: 175px;
}
.statBarAlt__section {
display: block;
position: relative;
padding: 20px 15px 20px 45px;
color: #ffffff;
background-color: #004AA1;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.statBarAlt__section svg {
position: absolute;
left: 18px;
bottom: 20px;
fill: #3BC0C7;
font-size: 20px;
}
.statBarAlt__section:hover {
color: #ffffff;
text-decoration: none;
}
.statBarAlt__section-small-text {
display: block;
padding-bottom: 5px;
font-weight: 400;
font-size: 12px;
color: #DEDEDE;
text-transform: capitalize;
}
.statBarAlt__section-content {
padding: 20px 7.5px;
background: #212121;
color: #ffffff;
}
.statBarAlt__section-link:after {
background-color: #3BC0C7 !important;
}
.statBarAlt__list {
margin: 0;
padding: 0;
}
.statBarAlt__list:before,
.statBarAlt__list:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
.statBarAlt__list:after {
clear: both;
}
.statBarAlt__list-item {
width: 50%;
float: left;
}
@media all and (min-width: 48em) {
.statBarAlt__list-item {
float: none;
width: 100%;
}
}
.statBarAlt__link {
font-size: 0.75rem;
line-height: 2;
text-transform: none !important;
}
@media all and (max-width: 47.9375em) {
.statBarAlt__link {
font-size: 1rem;
line-height: 1.875;
}
}
.statBarFull__container {
width: 100%;
display: flex;
margin-bottom: -60px;
background: #212121;
align-items: flex-end;
justify-content: flex-end;
margin-top: 0;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.statBarFull__bar {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
display: inline-block;
position: relative;
line-height: 1;
text-align: left;
}
.statBarFull__button {
width: 100%;
}
.statBarFull__list {
padding: 20px 0;
color: #DEDEDE;
}
.statBarFull__list:before,
.statBarFull__list:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
.statBarFull__list:after {
clear: both;
}
@media all and (min-width: 62.5625em) {
.statBarFull__list {
padding-left: 90px;
}
}
.statBarFull__list-item {
display: inline-block;
width: 100%;
padding-right: 30px;
}
@media all and (min-width: 48em) {
.statBarFull__list-item {
width: auto;
}
}
.statBarFull__content {
padding: 10px 15px 10px 45px;
}
.statBarFull__title {
position: relative;
margin-top: 0;
}
.statBarFull__icon {
position: absolute;
height: 20px;
width: 20px;
left: -30px;
top: 0;
fill: #e31b23;
}
.statBarFull__stat {
margin-top: 0;
font-weight: 700;
}
.threeCards__heading {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
padding-bottom: 20px;
margin-top: 0;
}
@media all and (min-width: 62.5625em) {
.threeCards__heading {
width: calc(100% + 15px * 2);
margin-left: -15px;
padding-left: calc(6.66666667% + 15px);
padding-right: calc(6.66666667% + 15px);
}
}
.threeCards__col {
display: flex;
align-items: stretch;
margin-top: 20px;
}
.founderBenefits__section {
padding-top: 40px;
padding-bottom: 40px;
}
.founderBenefits__section-grey-5 {
background: #f6f6f6;
box-shadow: 0 28px 36px -22px rgba(33, 33, 33, 0.5);
}
.founderBenefits__wrapper {
position: relative;
}
@media all and (min-width: 62.5625em) {
.founderBenefits__already-wrapper {
padding-left: calc(6.66666667% - 15px);
}
}
.founderBenefits__tertiary-heading {
margin-top: 0;
text-align: center;
}
@media all and (min-width: 48em) {
.founderBenefits__tertiary-heading {
text-align: left;
}
}
.founderBenefits__button {
margin-top: 10px;
width: 100%;
}
@media all and (min-width: 48em) {
.founderBenefits__button {
width: auto;
}
}
.founderBenefits__section-title {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-align: center;
margin-top: 0;
padding-bottom: 40px;
letter-spacing: -0.01277em;
display: block;
}
@media all and (min-width: 48em) {
.founderBenefits__section-title {
font-size: 2.25rem;
line-height: 1.38888889;
}
}
.founderBenefits__mem-wysiwyg {
margin-top: 20px;
}
.founderBenefits__founder-wysiwyg {
margin-top: 40px;
}
.founderBenefits__benefit {
position: relative;
padding-left: 80px;
margin-top: 20px;
}
.founderBenefits__benefit:hover .founderBenefits__benefit-tooltip,
.founderBenefits__benefit:focus .founderBenefits__benefit-tooltip {
display: block;
}
.founderBenefits__benefit-title {
font-weight: 700;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.founderBenefits__benefit-icon {
display: block;
position: absolute;
top: 0;
left: 0;
height: 58px;
width: 58px;
}
.founderBenefits__founder-icon {
height: 58px;
width: 58px;
display: block;
margin-bottom: 10px;
}
.founderBenefits__benefit-description {
margin-top: 5px;
}
.founderBenefits__benefit-tooltip {
position: absolute;
top: 64px;
left: 0;
width: 100%;
background: #004AA1;
margin: 0;
padding: 20px 15px;
display: none;
color: #ffffff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
.founderBenefits__benefit-tooltip:before {
content: '';
position: absolute;
bottom: 100%;
left: 15px;
display: block;
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #004AA1;
}
@media all and (min-width: 62.5625em) {
.founderBenefits__benefit-tooltip {
padding: 20px 30px;
}
.founderBenefits__benefit-tooltip:before {
left: 30px;
}
}
.founderBenefits__header {
width: 100%;
position: relative;
padding-bottom: 40px;
padding-top: 40px;
}
@media all and (min-width: 48em) {
.founderBenefits__header {
padding-top: 140px;
padding-bottom: 170px;
}
}
.founderBenefits__header-overlay {
background: rgba(0, 152, 178, 0.7);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.founderBenefits__header-title {
font-size: 3rem;
line-height: 1.25;
text-align: center;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
line-height: 0.842105em;
letter-spacing: -0.01618em;
margin: 0;
text-transform: uppercase;
}
@media all and (min-width: 48em) {
.founderBenefits__header-title {
font-size: 4.75rem;
line-height: 1.05263158;
}
}
.founderBenefits__lvls-wrapper {
background: #ffffff;
position: relative;
}
@media all and (min-width: 48em) {
.founderBenefits__lvls-wrapper {
margin-top: -90px;
}
}
.founderBenefits__lvl {
padding: 40px 0;
border-top: 1px solid #bfbfbf;
}
@media all and (min-width: 48em) {
.founderBenefits__lvl {
padding: 40px 30px;
}
}
.founderBenefits__lvl-basic {
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
@media all and (max-width: 47.9375em) {
.founderBenefits__lvl-basic {
padding: 40px 0;
}
}
.founderBenefits__lvl-premium {
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
}
@media all and (max-width: 47.9375em) {
.founderBenefits__lvl-premium {
padding: 40px 0;
}
}
.founderBenefits__lvl-col-1--popular {
position: relative;
}
.founderBenefits__lvl-heading {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin: 0;
}
.founderBenefits__lvl-heading-2 {
margin-top: 40px;
}
.founderBenefits__lvl-link {
margin-top: 20px;
padding-right: 15px;
position: relative;
}
.founderBenefits__lvl-link:before {
content: '';
height: 0;
width: 0;
position: absolute;
top: 12px;
right: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #212121;
}
@media all and (max-width: 47.9375em) {
.founderBenefits__lvl-link-large {
display: none !important;
}
}
@media all and (min-width: 48em) {
.founderBenefits__lvl-link-small {
display: none !important;
}
}
.founderBenefits__table {
margin-top: 40px;
}
.founderBenefits__table:not(.is-revealed) {
display: none;
}
.founderBenefits__founders-section {
margin-top: 40px;
}
.founderBenefits__group {
display: flex;
flex-wrap: wrap;
width: 100%;
}
@media all and (min-width: 48em) {
.founderBenefits__group {
flex-wrap: nowrap;
align-items: stretch;
}
}
.founderBenefits__side {
float: left;
}
.founderBenefits__side-1 {
display: flex;
align-items: stretch;
width: 100%;
}
@media all and (min-width: 48em) {
.founderBenefits__side-1 {
padding-top: 40px;
width: 50%;
}
}
@media all and (min-width: 62.5625em) {
.founderBenefits__side-1 {
width: calc(53.333333334666676% + 4vw);
}
}
@media all and (min-width: 77.5em) {
.founderBenefits__side-1 {
width: calc(53.333333334666676% + ((100vw - 1200px) / 2));
}
}
.founderBenefits__side-2 {
background: #ffffff;
display: flex;
align-items: stretch;
width: 100%;
}
@media all and (min-width: 48em) {
.founderBenefits__side-2 {
width: 50%;
}
}
@media all and (min-width: 62.5625em) {
.founderBenefits__side-2 {
width: calc(46.66666666533333% + 4vw);
}
}
@media all and (min-width: 77.5em) {
.founderBenefits__side-2 {
width: calc(46.66666666533333% + ((100vw - 1200px) / 2));
}
}
.founderBenefits__side-1-container {
background: #f6f6f6;
width: 100%;
padding: 40px 15px;
}
@media all and (min-width: 48em) {
.founderBenefits__side-1-container {
padding-right: 30px;
padding-left: 4vw;
}
}
@media all and (min-width: 77.5em) {
.founderBenefits__side-1-container {
padding-left: calc((100vw - 1200px) / 2);
}
}
.founderBenefits__side-2-container {
background: #ffffff;
width: 100%;
padding: 40px 15px;
}
@media all and (min-width: 48em) {
.founderBenefits__side-2-container {
padding-left: 30px;
padding-right: 4vw;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
@media all and (min-width: 77.5em) {
.founderBenefits__side-2-container {
padding-right: calc((100vw - 1200px) / 2);
}
}
.founderBenefits__founder-col {
position: relative;
width: 100%;
margin-top: 30px;
}
@media all and (min-width: 48em) {
.founderBenefits__founder-col {
width: 50%;
}
}
.founderBenefits__founder-col:hover .founderBenefits__benefit-tooltip,
.founderBenefits__founder-col:focus .founderBenefits__benefit-tooltip {
display: block;
}
.founderBenefits__founders-table {
margin-top: 40px;
}
.founderBenefits__founders-table-title {
font-size: 2.25rem;
line-height: 1.38888889;
margin-top: 0;
}
@media all and (min-width: 48em) {
.founderBenefits__founders-table-title {
font-size: 3rem;
line-height: 1.25;
}
}
.founderBenefits__founder-price {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%;
}
@media all and (min-width: 62.5625em) {
.founderBenefits__founder-price {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
}
.founderBenefits__popular {
width: 80px;
top: -75px;
left: -20px;
position: absolute;
}
.founderBenefits__price {
margin-top: 0 !important;
}
@media all and (min-width: 62.5625em) {
.founderBenefits__founder-button {
margin-top: 0 !important;
}
}
.founderBenefits__support {
background: #095380;
padding: 40px 0;
}
.founderBenefits__support-title {
color: #FEC831;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-align: center;
margin-top: 0;
}
.founderBenefits__support-figure {
margin: 40px auto 0 auto;
}
.founderBenefits__support-image {
margin: 0 auto;
height: 187px;
width: 187px;
display: block;
border-radius: 50%;
}
.founderBenefits__support-topic-title {
color: #FEC831;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-align: center;
margin-top: 10px;
}
.founderBenefits__support-topic-description {
color: #ffffff;
margin-top: 10px;
text-align: center;
}
.founderBenefits__tier-col {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.founderBenefits__tier-col {
width: 33.3333%;
padding-left: 3.75px;
padding-right: 3.75px;
padding-bottom: 7.5px;
margin-top: 0;
display: flex;
align-items: stretch;
}
}
.founderBenefits__tier-col-half {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.founderBenefits__tier-col-half {
width: 50%;
padding-left: 3.75px;
padding-right: 3.75px;
padding-bottom: 7.5px;
margin-top: 0;
display: flex;
align-items: stretch;
}
}
.founderBenefits__founders-compare {
width: 100%;
padding: 40px 0;
}
.founderBenefits__founders-compare:not(.is-revealed) {
display: none;
}
.childCards__heading {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.01266667em;
padding-bottom: 20px;
margin-top: 0;
}
@media all and (min-width: 62.5625em) {
.childCards__heading {
width: calc(100% + 15px * 2);
margin-left: -15px;
padding-left: calc(6.66666667% + 15px);
padding-right: calc(6.66666667% + 15px);
}
}
.childCards__col {
display: flex;
align-items: stretch;
margin-top: 20px;
}
/*
HERO HEADER STYLES
*/
.tenYearHeader__tenYearHeaderSlider {
display: flex;
width: 100%;
min-height: 80vh;
align-items: stretch;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__tenYearHeaderSlider {
flex-direction: column;
min-height: 50vh;
}
}
.tenYearHeader__slider__container {
width: 50%;
flex: 0 0 auto;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__slider__container {
width: 100%;
}
}
.tenYearHeader__imageSlideshow {
min-width: 0;
min-height: 0;
width: 100%;
height: 100%;
}
.tenYearHeader__slide {
height: 80vh;
width: 100%;
margin: 0;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__slide {
height: 12.5rem;
}
}
.tenYearHeader__img {
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
}
.tenYearHeader__introText {
display: flex;
align-items: center;
width: 50%;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__introText {
width: 100%;
}
}
.tenYearHeader__introText--content {
width: 90%;
padding-left: 4.5rem;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__introText--content {
width: 100%;
padding: 3.125rem 0.9375rem;
}
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__introText--heading {
margin-top: 0;
}
}
.tenYearHeader__introText--heading img {
width: 28.125rem;
}
.tenYearHeader__hidden {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.tenYearHeader__hidden.focusable:active,
.tenYearHeader__hidden.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .tenYearHeader__hidden a,
body:hover .tenYearHeader__hidden input,
body:hover .tenYearHeader__hidden button {
display: none;
}
.tenYearHeader__rotating-title {
font-weight: 700;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
}
.tenYearHeader__rotating-title--of {
font-size: 1.875rem;
letter-spacing: 0.0125em;
padding-top: 0.9375rem;
padding-right: 0.5rem;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__rotating-title--of {
font-size: 1.5625rem;
padding-top: 0.5625rem;
padding-right: 0.1875rem;
}
}
.tenYearHeader__rotating-title--content {
display: flex;
align-items: flex-start;
color: #000;
font-size: 3.875rem;
letter-spacing: 0.025em;
line-height: 1;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__rotating-title--content {
flex-wrap: wrap;
font-size: 2.1875rem;
font-size: clamp(2.1875rem, 2.375rem, 2.625rem);
}
}
.tenYearHeader__hero-text {
font-size: 1.625rem;
line-height: 1.46153846;
letter-spacing: -0.33px;
color: #212121;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__hero-text {
font-size: 1.5rem;
line-height: 1.58333333;
letter-spacing: normal;
}
}
/*
FEATURED EVENTS STYLES
*/
.tenYearHeader__featuredEvents {
background-color: #212121;
color: #ffffff;
}
.featuredEvents--extra {
margin-bottom: -81px;
}
.tenYearHeader__featuredEvents__container {
display: flex;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__featuredEvents__container {
flex-direction: column;
}
}
.tenYearHeader__featuredEvents__container.fullwidth {
justify-content: center;
background-color: #831D22;
}
.tenYearHeader__featuredEvents__main {
display: flex;
flex: 0 0 auto;
width: 60%;
position: relative;
background-color: #212121;
}
.tenYearHeader__featuredEvents__main.fullwidth {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__featuredEvents__main.fullwidth {
width: 100%;
}
}
@media all and (max-width: 62.5em) {
.tenYearHeader__featuredEvents__main {
width: 100%;
}
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__featuredEvents__main {
flex-direction: column;
}
}
.tenYearHeader__featuredEvents__main--img {
width: 100%;
position: relative;
margin: 0;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__featuredEvents__main--img {
height: 12.5rem;
}
}
.tenYearHeader__featuredEvents__main--content {
padding: 2.5rem 5rem 2.5rem 2.5rem;
background: url("/wp-content/themes/lbcore/resources/images/grid-texture-dark.svg");
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__featuredEvents__main--content {
width: 92%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 3.125rem 0;
}
}
.tenYearHeader__featuredEvents__main--text {
font-size: 1rem;
line-height: 1.75;
}
.tenYearHeader__bracket-right {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
right: 0;
top: 0;
}
.tenYearHeader__bracket-right:before,
.tenYearHeader__bracket-right:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.tenYearHeader__bracket-right:before {
top: 0;
right: 0;
}
.tenYearHeader__bracket-right:after {
bottom: 0;
right: 0;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__bracket-right {
display: none;
}
}
.tenYearHeader__bracket-left {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
left: 0;
top: 0;
}
.tenYearHeader__bracket-left:before,
.tenYearHeader__bracket-left:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.tenYearHeader__bracket-left:before {
top: 0;
left: 0;
}
.tenYearHeader__bracket-left:after {
bottom: 0;
left: 0;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__bracket-left {
display: none;
}
}
.tenYearHeader__bracket-left,
.tenYearHeader__bracket-right {
width: 2.5rem;
z-index: 2;
margin-top: -15px;
height: calc(100% + 1.875rem);
}
.tenYearHeader__bracket-left:before,
.tenYearHeader__bracket-right:before,
.tenYearHeader__bracket-left:after,
.tenYearHeader__bracket-right:after {
width: 6.25rem;
height: 1.875rem;
}
.tenYearHeader__img__bracket--right {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
right: 0;
top: 0;
}
.tenYearHeader__img__bracket--right:before,
.tenYearHeader__img__bracket--right:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.tenYearHeader__img__bracket--right:before {
top: 0;
right: 0;
}
.tenYearHeader__img__bracket--right:after {
bottom: 0;
right: 0;
}
.tenYearHeader__img__bracket--left {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
left: 0;
top: 0;
}
.tenYearHeader__img__bracket--left:before,
.tenYearHeader__img__bracket--left:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.tenYearHeader__img__bracket--left:before {
top: 0;
left: 0;
}
.tenYearHeader__img__bracket--left:after {
bottom: 0;
left: 0;
}
.tenYearHeader__img__bracket--right,
.tenYearHeader__img__bracket--left {
width: 1.875rem;
z-index: 2;
margin-top: -10px;
height: calc(12.5rem + 1.25rem);
display: none;
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__img__bracket--right,
.tenYearHeader__img__bracket--left {
display: block;
}
}
.tenYearHeader__img__bracket--right:before,
.tenYearHeader__img__bracket--left:before,
.tenYearHeader__img__bracket--right:after,
.tenYearHeader__img__bracket--left:after {
width: 3.625rem;
height: 1.25rem;
}
.tenYearHeader__featuredEvents__preheadline {
font-weight: 700;
font-size: 0.75rem;
line-height: 3.33333333;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: 4.37px;
text-transform: uppercase;
}
.tenYearHeader__featuredEvents__title {
font-size: 2.125rem;
line-height: 1.17647059;
letter-spacing: -0.55px;
margin-top: 0;
color: #ffffff;
}
.tenYearHeader__featuredEvents__supplemental {
font-weight: 700;
font-size: 1.25rem;
line-height: 1.4;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.25px;
}
.tenYearHeader__featuredEvents__secondary {
display: flex;
flex-wrap: wrap;
background-color: #212121;
position: relative;
width: 40%;
}
.tenYearHeader__featuredEvents__secondary--content {
width: 50%;
background-color: #ED1C24;
padding: 2.5rem 2.5rem 3.75rem;
border-left: 1px solid #212121;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__featuredEvents__secondary {
width: 100%;
}
}
@media all and (max-width: 47.9375em) {
.tenYearHeader__featuredEvents__secondary {
display: none;
}
}
.tenYearHeader__featuredEvents__secondary--cards {
display: flex;
align-items: stretch;
width: 100%;
height: 70%;
color: #ffffff;
background-color: #831D22;
}
@media all and (max-width: 62.5em) {
.tenYearHeader__featuredEvents__secondary--cards {
display: none;
}
}
.tenYearHeader__featuredEvents__secondary--link {
display: block;
width: 50%;
background-color: #ED1C24;
padding: 2.5rem 2.5rem 3.75rem;
border-left: 1px solid #212121;
text-decoration: none;
color: #ffffff;
}
.tenYearHeader__featuredEvents__secondary--link:hover,
.tenYearHeader__featuredEvents__secondary--link:focus {
color: #ffffff;
background-color: #831D22;
border-right: 1px solid #212121;
}
.tenYearHeader__featuredEvents__secondary--link .tenYearHeader__featuredEvents__title {
font-size: 1.875rem;
line-height: 1;
letter-spacing: -0.3px;
}
.tenYearHeader__featuredEvents__secondary--bgrd {
position: relative;
margin-top: 0;
width: 100%;
height: 30%;
}
.tenYearHeader__featuredEvents__secondary--bgrd img {
position: absolute;
right: 0;
top: 0;
width: auto;
height: 100%;
}
.imageList__wrapper {
padding: 5.625rem 0 4.375rem;
}
@media all and (max-width: 47.9375em) {
.imageList__wrapper {
padding: 2.5rem 0 1.875rem;
}
}
.imageList__wrapper--list {
padding: 1.3125rem 0;
}
.imageList__wrapper h2 {
font-size: 3rem;
line-height: 0.83333333;
letter-spacing: -0.77px;
text-transform: uppercase;
margin-top: 0;
}
@media all and (max-width: 47.9375em) {
.imageList__wrapper h2 {
font-size: 2.25rem;
line-height: 1.05555556;
letter-spacing: normal;
}
}
.imageList__wrapper p {
font-size: 1.625rem;
line-height: 1.46153846;
letter-spacing: -0.33px;
margin-top: 0.9375rem;
color: #212121;
}
@media all and (max-width: 47.9375em) {
.imageList__wrapper p {
font-size: 1.5rem;
line-height: 1.58333333;
letter-spacing: normal;
}
}
.imageList {
display: flex;
align-items: flex-start;
}
@media all and (max-width: 47.9375em) {
.imageList {
justify-content: space-between;
}
}
.imageList__figure {
width: 18.75rem;
height: 12.5rem;
margin: 0;
margin-right: 1.25rem;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
flex: 0 0 auto;
}
@media all and (max-width: 47.9375em) {
.imageList__figure {
width: 6.25rem;
height: 4.375rem;
order: 2;
margin-right: 0;
}
}
.imageList__img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.imageList__pre-title {
font-weight: 700;
font-size: 0.75rem;
line-height: 3.33333333;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: 4.37px;
text-transform: uppercase;
}
@media all and (max-width: 47.9375em) {
.imageList__pre-title {
line-height: normal;
margin-bottom: 0.3125rem;
}
}
.imageList__pre-title--supplemental {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: 1px;
text-transform: none;
}
.imageList__title {
font-size: 1.875rem;
line-height: 1.13333333;
letter-spacing: -0.38px;
color: #000;
margin: 0;
}
.imageList__longDescription:not(.is-revealed) {
display: none;
}
.imageList__more-details-btn {
background-color: transparent;
border: none;
padding: 0;
padding-right: 0.9375rem;
margin-top: 1.5625rem;
}
.imageList__more-details-btn span {
font-size: 1rem;
line-height: 1;
letter-spacing: 2.29px;
display: block;
position: relative;
}
.imageList__more-details-btn span:after {
content: '';
width: 100%;
height: 2px;
background: #da3732;
position: absolute;
bottom: -3px;
left: 0;
}
.imageList__more-details-btn:before {
content: '';
height: 0;
width: 0;
position: absolute;
top: 0.3125rem;
right: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #212121;
}
.imageList__more-details-btn:after {
content: none !important;
background: transparent;
}
.imageList__more-details-btn .imageList__details-close {
display: none;
}
.imageList__more-details-btn.is-revealed .imageList__details-open {
display: none;
}
.imageList__more-details-btn.is-revealed .imageList__details-close {
display: block;
}
.imageList__more-details-btn.is-revealed:before {
border-top: none;
border-bottom: 5px solid #212121;
}
.baseCard__card {
width: 100%;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
background: #ffffff;
transition: transform 180ms cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 180ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.baseCard__card-link {
text-decoration: none;
display: flex;
}
.baseCard__card-link:hover .baseCard__card,
.baseCard__card-link:focus .baseCard__card {
transform: translateY(-8px);
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}
.baseCard__card-link:hover .baseCard__link:before,
.baseCard__card-link:focus .baseCard__link:before {
background-position: 0 50%;
}
.baseCard__card-link:hover .baseCard__link:after,
.baseCard__card-link:focus .baseCard__link:after {
transform: translateX(0);
}
.baseCard__card-link:hover .baseCard__title,
.baseCard__card-link:focus .baseCard__title {
color: #e31b23;
}
.baseCard__figure {
margin: 0;
}
.baseCard__img {
display: block;
width: 100%;
height: auto;
}
.baseCard__card-body {
position: relative;
padding: 30px 22.5px 20px 22.5px;
}
.baseCard__icon-base {
height: 53px;
width: 53px;
position: absolute;
top: -10px;
left: 15px;
transform: translateY(-50%);
border-radius: 50%;
}
.baseCard__icon {
background: #3BC0C7;
}
.baseCard__svg {
height: 30px;
width: 30px;
fill: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.baseCard__pre-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
letter-spacing: 0.364167em;
text-transform: uppercase;
font-weight: 500;
}
.baseCard__title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 5px;
font-weight: 700;
transition: color 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.baseCard__date {
font-weight: 500;
margin-top: 4px;
font-size: 0.875rem;
line-height: 1.85714286;
line-height: 1.5em;
color: #767676;
}
.baseCard__time {
font-weight: 700;
margin-top: 0;
font-size: 0.875rem;
line-height: 1.85714286;
line-height: 1.5em;
color: #212121;
}
.baseCard__desc {
color: #4a4a4a;
}
.baseCard__link {
margin-top: 20px;
}
.discountCard__card-container {
width: 100%;
height: 100%;
}
@media all and (max-width: 47.9375em) {
.discountCard__card-container {
position: relative;
}
}
.discountCard__card-link {
display: block;
width: 100%;
text-decoration: none;
color: #ffffff;
overflow-x: visible;
position: relative;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
transition: transform 220ms cubic-bezier(0.77, 0, 0.175, 1);
}
.discountCard__card-link:hover {
color: #ffffff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
transform: translateY(-30px);
}
.discountCard__flexbox .discountCard__card-link {
display: flex;
align-items: stretch;
}
.discountCard__card-front {
min-height: 550px;
}
.discountCard__figure:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* gradient: */
background-image: linear-gradient(-180deg, rgba(64, 120, 178, 0) 0%, #095380 94%);
}
.discountCard__logo-image {
width: auto;
height: auto;
max-width: 100%;
max-height: 50px;
}
.discountCard__amount {
position: absolute;
top: 20px;
left: -16px;
font-size: 1.625rem;
line-height: 1.2;
vertical-align: middle;
padding-left: 2.3125rem;
padding-right: 1.875rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #da3732;
text-transform: uppercase;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
}
.discountCard__amount:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
border-top: 16px solid #991E1A;
border-left: 16px solid transparent;
}
.discountCard__content-bottom {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 1;
}
.discountCard__content-padded {
padding: 20px 30px 20px 15px;
}
.discountCard__title {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.016em;
text-transform: uppercase;
margin-top: 0;
}
.discountCard__short-description {
font-size: 0.875rem;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
line-height: 1.375rem;
}
.discountCard__offer-details-btn {
background: #212121;
border-top: 0.0625rem solid #ffffff;
color: #ffffff;
text-align: center;
font-size: 1rem;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
line-height: 4.25rem;
text-transform: uppercase;
}
.discountCard__card-link:hover .discountCard__offer-details-btn {
background-color: #da3732;
}
.discountCard__modal-shadow {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(74, 74, 74, 0.8);
display: none;
z-index: 5;
}
.discountCard__is-active + .discountCard__modal-shadow {
display: block;
}
.discountCard__more-info {
width: 100%;
z-index: 6;
color: #ffffff;
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
max-height: 800px;
}
.discountCard__more-info.discountCard__is-active {
display: block;
}
@media all and (max-width: 47.9375em) {
.discountCard__more-info {
position: fixed;
bottom: 0;
top: 0 !important;
max-height: none;
z-index: 51;
}
}
.discountCard__more-info:nth-child(2) {
order: 5;
}
.discountCard__more-info:nth-child(4) {
order: 6;
}
.discountCard__more-info:nth-child(6) {
order: 7;
}
.discountCard__more-info:nth-child(8) {
order: 8;
}
.discountCard__modal-wrapper {
background-image: url(/resources/motif/images/grid.png);
background-repeat: repeat;
position: relative;
height: 100%;
max-height: 800px;
}
@media all and (max-width: 47.9375em) {
.discountCard__more-info .discountCard__modal-wrapper {
width: 100%;
}
}
.discountCard__grid-box {
/* black gradient: */
background-image: linear-gradient(-180deg, #0f0f0f 0%, rgba(15, 15, 15, 0.3) 50%, #0f0f0f 100%);
width: 100%;
height: 100%;
max-height: 800px;
padding-right: 2.5rem;
overflow-x: hidden;
overflow-y: scroll;
border-left: 2.5rem solid transparent;
}
@media all and (min-width: 48em) {
.discountCard__grid-box {
border-right: 2.5rem solid transparent;
}
}
.discountCard__grid-box::-webkit-scrollbar {
background-color: transparent;
}
.discountCard__grid-box::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.2);
}
.discountCard__grid-box:before,
.discountCard__grid-box:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
z-index: 10;
}
.discountCard__grid-box:before {
height: 20px;
top: 0;
background-image: linear-gradient(-180deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
}
.discountCard__grid-box:after {
height: 50px;
bottom: 0;
background-image: linear-gradient(-180deg, rgba(15, 15, 15, 0) 0%, #0f0f0f 100%);
}
.discountCard__grid-box > .discountCard__row:first-child {
padding-top: 2.5rem;
}
.discountCard__grid-box > .discountCard__row:last-child {
padding-bottom: 2.5rem;
}
@media all and (min-width: 48em) {
.discountCard__col-1 {
width: 50%;
}
}
@media all and (max-width: 47.9375em) {
.discountCard__col-2 {
margin-top: 20px;
}
}
@media all and (min-width: 48em) {
.discountCard__col-2 {
width: 50%;
}
}
.discountCard__col-full {
width: 100%;
}
@media all and (max-width: 47.9375em) {
.discountCard__wysiwyg {
margin-top: 20px;
}
}
.discountCard__expanded-image {
width: 100%;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.discountCard__icon {
fill: currentColor;
}
.discountCard__close {
text-decoration: none;
position: absolute;
right: 30px;
top: 30px;
display: block;
z-index: 3;
}
.discountCard__close .discountCard__icon {
width: 20px;
height: 20px;
color: #da3732;
display: block;
}
.discountCard__preview-text {
display: none;
color: #ffffff;
margin-top: 10px;
}
.discountCard__detail-amount {
display: inline-block;
border: 0.125rem solid #da3732;
padding: 0 4.125rem;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 2.25rem;
line-height: 1.38888889;
}
.discountCard__detail-title {
color: #ffffff;
margin-top: 10px;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 3rem;
line-height: 1.25;
}
.discountCard__detail-redeem {
background: #212121;
border: 0.125rem solid rgba(255, 255, 255, 0.2);
padding: 20px 30px;
}
.discountCard__detail-redeem .discountCard__icon {
margin-top: 0.25rem;
width: 2rem;
height: 2rem;
color: #da3732;
float: left;
}
.discountCard__detail-redeem-title {
color: #ffffff;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin: 0 0 0.5rem 2.5rem;
border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
}
.discountCard__detail-redeem-instructions {
font-size: 0.875rem;
line-height: 1.85714286;
}
.discountCard__button-wrapper {
margin-top: 40px;
text-align: center;
}
@media all and (min-width: 48em) {
.discountCard__button {
width: auto;
}
}
.discountCard__fine-print-title {
color: #ffffff;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
}
@media all and (min-width: 48em) {
.discountCard__fine-print ul {
margin-left: -3rem;
}
}
@media all and (min-width: 48em) {
.discountCard__fine-print li {
width: 30%;
display: inline-block;
vertical-align: top;
margin-top: 40px;
border-left: 3rem solid transparent;
box-sizing: border-box;
}
}
.discountCard__bracket-tail:before,
.discountCard__bracket-tail:after {
content: '';
height: 30px;
width: 90px;
position: absolute;
background: #ED1C24;
}
.discountCard__bracket-tail:before {
top: 0;
}
.discountCard__bracket-tail:after {
bottom: 0;
}
.discountCard__bracket {
width: 38px;
background: #ED1C24;
position: absolute;
top: -15px;
bottom: -15px;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
z-index: 15;
pointer-events: none;
}
.discountCard__bracket-left {
left: -19px;
}
.discountCard__bracket-left:before,
.discountCard__bracket-left:after {
left: 0;
}
.discountCard__bracket-right {
right: -19px;
}
.discountCard__bracket-right:before,
.discountCard__bracket-right:after {
right: 0;
}
.eventCard__icon {
background: #F2792E;
}
.eventCard__hidden {
display: none;
}
.filmCard__card-link {
display: flex;
align-items: stretch;
width: 100%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
text-decoration: none;
color: #212121;
overflow: hidden;
position: relative;
}
.filmCard__card-link:hover .filmCard__card-back,
.filmCard__card-link:focus .filmCard__card-back,
.filmCard__card-link:active .filmCard__card-back {
transform: translateY(0);
top: 0;
}
.flexbox .filmCard__card-link {
display: flex;
align-items: stretch;
}
.filmCard__title {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.016em;
text-transform: uppercase;
margin-top: 0;
}
.filmCard__icon {
fill: #e31b23;
display: block;
height: 16px;
width: 12px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.filmCard__container {
position: relative;
width: 100%;
}
.filmCard__card-back {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
transform: translateY(100%);
transition: transform 220ms cubic-bezier(0.77, 0, 0.175, 1);
background: #212121;
padding: 20px 15px;
}
.filmCard__card-back.is-calculating {
position: relative;
}
.filmCard__figure {
margin: 0;
background: #4a4a4a;
width: 100%;
padding-top: 148.8372093%;
position: relative;
overflow: hidden;
z-index: -1;
}
.filmCard__figure img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.objectfit .filmCard__figure img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.filmCard__content {
position: relative;
padding: 20px 30px 20px 15px;
width: 100%;
z-index: 1;
background: #ffffff;
}
.filmCard__title-back {
color: #ffffff;
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
box-shadow: -46px 5px 0 #e31b23, -46px -5px 0 #e31b23, -41px 5px 0 #e31b23, -41px -5px 0 #e31b23, -36px 5px 0 #e31b23, -36px -5px 0 #e31b23, -31px 5px 0 #e31b23, -31px -5px 0 #e31b23, -26px 5px 0 #e31b23, -26px -5px 0 #e31b23, -21px 5px 0 #e31b23, -21px -5px 0 #e31b23, -16px 5px 0 #e31b23, -16px -5px 0 #e31b23, -11px 5px 0 #e31b23, -11px -5px 0 #e31b23, -6px 5px 0 #e31b23, -6px -5px 0 #e31b23, -1px 5px 0 #e31b23, -1px -5px 0 #e31b23, 4px 5px 0 #e31b23, 4px -5px 0 #e31b23, 9px 5px 0 #e31b23, 9px -5px 0 #e31b23, 14px 5px 0 #e31b23, 14px -5px 0 #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
background: #e31b23;
display: inline;
}
@media all and (min-width: 62.5625em) {
.filmCard__title-back {
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
box-shadow: -47px 5px 0 #e31b23, -47px -5px 0 #e31b23, -42px 5px 0 #e31b23, -42px -5px 0 #e31b23, -37px 5px 0 #e31b23, -37px -5px 0 #e31b23, -32px 5px 0 #e31b23, -32px -5px 0 #e31b23, -27px 5px 0 #e31b23, -27px -5px 0 #e31b23, -22px 5px 0 #e31b23, -22px -5px 0 #e31b23, -17px 5px 0 #e31b23, -17px -5px 0 #e31b23, -12px 5px 0 #e31b23, -12px -5px 0 #e31b23, -7px 5px 0 #e31b23, -7px -5px 0 #e31b23, -2px 5px 0 #e31b23, -2px -5px 0 #e31b23, 3px 5px 0 #e31b23, 3px -5px 0 #e31b23, 8px 5px 0 #e31b23, 8px -5px 0 #e31b23, 13px 5px 0 #e31b23, 13px -5px 0 #e31b23, 18px 5px 0 #e31b23, 18px -5px 0 #e31b23, 23px 5px 0 #e31b23, 23px -5px 0 #e31b23, 28px 5px 0 #e31b23, 28px -5px 0 #e31b23;
}
}
.filmCard__description {
margin-top: 20px;
color: #ffffff;
}
.filmCard__learn-more {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
color: #ffffff;
width: 100%;
}
.filmCard__learn-more:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.filmCard__learn-more:hover,
.filmCard__learn-more:focus {
color: #212121;
}
.filmCard__learn-more:hover:after,
.filmCard__learn-more:focus:after {
background: #831D22;
}
.filmCard__learn-more:visited {
color: #212121;
}
.filmCard__learn-more:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
.filmCard__learn-more:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
.filmCard__learn-more:hover:before,
.filmCard__learn-more:focus:before {
background-position: 0 50%;
}
.filmCard__learn-more:hover:after,
.filmCard__learn-more:focus:after {
transform: translateX(0);
}
.filmCard__learn-more:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
.filmCard__learn-more:hover,
.filmCard__learn-more:focus {
color: #ffffff;
}
.filmCard__content-bottom {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.filmCard__hidden {
display: none;
}
.largeProgramCard__card-link {
display: block;
width: 100%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
text-decoration: none;
color: #212121;
overflow: hidden;
position: relative;
}
.largeProgramCard__card-link:hover .largeProgramCard__card-back,
.largeProgramCard__card-link:focus .largeProgramCard__card-back {
transform: translateY(0);
}
.largeProgramCard__flexbox .largeProgramCard__card-link {
display: flex;
align-items: stretch;
}
.largeProgramCard__content {
padding: 20px 30px 20px 15px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 1;
background: #ffffff;
}
.largeProgramCard__title {
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
letter-spacing: -0.016em;
text-transform: uppercase;
margin-top: 0;
}
.largeProgramCard__icon {
fill: #e31b23;
display: block;
height: 16px;
width: 12px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.largeProgramCard__card-back {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
min-height: 400px;
position: relative;
z-index: 2;
transform: translateY(100%);
transition: transform 220ms cubic-bezier(0.77, 0, 0.175, 1);
background: #212121;
padding: 20px 15px;
}
.largeProgramCard__title-back {
color: #ffffff;
box-shadow: 14px 5px 0 #e31b23, 14px -5px 0 #e31b23, -14px 5px 0 #e31b23, -14px -5px 0 #e31b23;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
background: #e31b23;
display: inline;
}
@media all and (min-width: 62.5625em) {
.largeProgramCard__title-back {
box-shadow: 28px 5px 0 #e31b23, 28px -5px 0 #e31b23, -28px 5px 0 #e31b23, -28px -5px 0 #e31b23;
}
}
.largeProgramCard__description {
margin-top: 20px;
color: #ffffff;
}
.largeProgramCard__learn-more {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
overflow: hidden;
padding-right: 40px;
color: #ffffff;
width: 100%;
}
.largeProgramCard__learn-more:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.largeProgramCard__learn-more:hover,
.largeProgramCard__learn-more:focus {
color: #212121;
}
.largeProgramCard__learn-more:hover:after,
.largeProgramCard__learn-more:focus:after {
background: #831D22;
}
.largeProgramCard__learn-more:visited {
color: #212121;
}
.largeProgramCard__learn-more:before {
content: '';
height: 30px;
width: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right.svg');
background-position: -10px 50%;
background-repeat: no-repeat;
background-size: 30px 12px;
overflow: hidden;
transition: background 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
.largeProgramCard__learn-more:after {
transform: translateX(-40px);
transition: transform 160ms cubic-bezier(0.77, 0, 0.175, 1);
}
.largeProgramCard__learn-more:hover:before,
.largeProgramCard__learn-more:focus:before {
background-position: 0 50%;
}
.largeProgramCard__learn-more:hover:after,
.largeProgramCard__learn-more:focus:after {
transform: translateX(0);
}
.largeProgramCard__learn-more:before {
background-image: url('/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg');
}
.largeProgramCard__learn-more:hover,
.largeProgramCard__learn-more:focus {
color: #ffffff;
}
.largeProgramCard__content-bottom {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.largeProgramCard__hidden {
display: none;
}
.membershipSmallCard__card-wrapper {
position: relative;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.membershipSmallCard__card-wrapper {
display: none;
}
}
.membershipSmallCard__card {
background: #ffffff;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
width: 100%;
position: relative;
overflow: hidden;
}
.membershipSmallCard__badge {
position: absolute;
left: 7.5px;
top: -30px;
width: 86px;
height: 86px;
display: block;
z-index: 1;
}
.membershipSmallCard__badge svg {
width: 100%;
height: 100%;
}
.membershipSmallCard__content {
padding: 20px 22.5px;
position: relative;
}
.membershipSmallCard__header {
position: relative;
display: block;
width: 100%;
padding-left: 22.5px;
padding-right: 22.5px;
margin-top: 97px;
}
@media all and (min-width: 48em) {
.membershipSmallCard__header {
margin-top: 111px;
}
}
.membershipSmallCard__title {
margin-top: 0;
text-transform: uppercase;
color: #ffffff;
display: inline;
background: #212121;
font-size: 2.25rem;
line-height: 1.05555556;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 14px 5px 0 #212121, 14px -5px 0 #212121, -14px 5px 0 #212121, -14px -5px 0 #212121;
}
@media all and (min-width: 48em) {
.membershipSmallCard__title {
font-size: 2.25rem;
line-height: 1.05555556;
box-shadow: 28px 5px 0 #212121, 28px -5px 0 #212121, -28px 5px 0 #212121, -28px -5px 0 #212121;
}
}
.membershipSmallCard__circle {
height: 53px;
width: 53px;
position: relative;
border-radius: 50%;
background: #e31b23;
margin-top: 20px;
margin-left: 15px;
}
.membershipSmallCard__figure {
margin: 0;
position: absolute;
z-index: 0;
top: 0;
right: 0;
left: 0;
height: 120px;
overflow: hidden;
background: #4a4a4a;
}
@media all and (min-width: 48em) {
.membershipSmallCard__figure {
height: 144px;
}
}
.membershipSmallCard__img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.membershipSmallCard__wysiwyg ul li:first-child {
margin-top: 10px;
}
.membershipSmallCard__per-year {
float: right;
padding: 10px 0;
margin-top: 10px;
text-align: right;
}
.membershipSmallCard__price {
color: #e31b23;
font-size: 1.5rem;
line-height: 1.25;
}
.membershipSmallCard__price sup {
font-size: 1.125rem;
line-height: 1.27777778;
margin-right: 3px;
vertical-align: super;
}
.membershipSmallCard__link {
margin-top: 20px;
}
.modal__wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
background-color: rgba(33, 33, 33, 0.85);
align-items: center;
justify-content: center;
flex-wrap: wrap;
overflow-y: scroll;
}
.modal__wrapper.is-active {
display: flex;
}
.modal__modal {
width: 92%;
max-width: 800px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
@media all and (min-width: 48em) {
.modal__modal {
flex-wrap: nowrap;
flex-direction: row-reverse;
align-items: stretch;
}
}
.modal__modal.dark {
background: #212121;
color: #ffffff;
}
.modal__modal.light {
background: #ffffff;
color: #212121;
}
.modal__content {
width: 100%;
padding: 40px 15px;
text-transform: uppercase;
text-align: center;
}
@media all and (min-width: 48em) {
.modal__content {
width: calc(100% - 200px);
padding: 40px 30px;
}
}
.modal__cta {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
margin-top: 20px;
}
.modal__cta:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.modal__cta:hover,
.modal__cta:focus {
color: #212121;
}
.modal__cta:hover:after,
.modal__cta:focus:after {
background: #831D22;
}
.modal__cta:visited {
color: #212121;
}
.modal__cta.dark {
color: #ffffff;
}
.modal__cta.dark:hover,
.modal__cta.dark:focus {
color: #ffffff;
}
.modal__cta.dark:visited {
color: #ffffff;
}
.modal__cta.light {
color: #212121;
}
.modal__cta.light:hover,
.modal__cta.light:focus {
color: #212121;
}
.modal__cta.light:visited {
color: #212121;
}
.modal__cta:before {
background-image: url(/wp-content/themes/lbcore/resources//icons/arrow-right-white.svg);
}
@media all and (min-width: 48em) {
.modal__cta {
font-size: 1rem;
line-height: 1.875;
}
}
.modal__img-container {
width: 100%;
position: relative;
min-height: 140px;
}
@media all and (min-width: 48em) {
.modal__img-container {
width: 50%;
}
}
.modal__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
z-index: 0;
}
.modal__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.modal__figure img.lazyloaded {
opacity: 1;
}
.modal__close {
position: absolute;
top: 0;
right: 0;
padding: 10px 15px;
color: #ffffff;
background: transparent;
background: linear-gradient(to bottom left, rgba(33, 33, 33, 0.6) 0%, rgba(33, 33, 33, 0) 100%);
border: 0;
outline: 0;
z-index: 2;
}
.modal__close:hover,
.modal__close:focus {
color: #ffffff;
background: transparent;
background: linear-gradient(to bottom left, rgba(33, 33, 33, 0.6) 0%, rgba(33, 33, 33, 0) 100%);
}
.modal__close:before,
.modal__close:after {
display: none;
}
@media all and (min-width: 48em) {
.modal__close {
padding: 20px 30px 10px 30px;
}
}
.modal__close-icon {
height: 20px;
width: 20px;
fill: currentColor;
}
.modal__wysiwyg p {
margin: 0 0 20px 0;
font-size: 1.125rem;
line-height: 1.27777778;
}
@media all and (min-width: 48em) {
.modal__wysiwyg p {
font-size: 1.5rem;
line-height: 1.25;
}
}
.museumHours__list {
padding-left: 0;
list-style: none outside none;
}
.is-full .museumHours__list li {
font-size: 1.125rem;
line-height: 1.27777778;
margin-top: 20px;
}
._wysiwyg__wysiwyg .museumHours__list li {
padding-left: 0;
}
._wysiwyg__wysiwyg .museumHours__list li:before {
display: none;
}
.museumHours__intro + .museumHours__list {
margin-top: 40px;
}
.museumHours__member {
font-size: 1rem;
line-height: 0.875;
}
.is-full .museumHours__member {
font-size: 1.125rem;
line-height: 1.27777778;
}
.is-full .museumHours__wysiwyg {
margin-top: 20px;
}
.stickyAnchors__container {
width: 100%;
min-height: 46px;
}
@media all and (min-width: 48em) {
.stickyAnchors__container {
min-height: 67px;
}
}
.stickyAnchors__sticky {
position: relative;
top: 0;
right: 0;
left: 0;
width: 100%;
}
.is-sticky .stickyAnchors__sticky {
position: fixed;
background: #ffffff;
z-index: 50;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.stickyAnchors__wrapper {
border-bottom: 1px solid #212121;
position: relative;
}
.stickyAnchors__wrapper:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 30px;
background-image: url('/wp-content/themes/lbcore/resources//icons/nav-right.svg');
background-repeat: no-repeat;
background-position: center right;
color: #e31b23;
z-index: 2;
}
.stickyAnchors__wrapper:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: calc(50% - 50vw);
width: 50px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.stickyAnchors__wrapper.at-end:after,
.stickyAnchors__wrapper.at-end:before {
display: none;
}
@media all and (min-width: 48em) {
.stickyAnchors__wrapper:after,
.stickyAnchors__wrapper:before {
display: none;
}
}
.is-sticky .stickyAnchors__wrapper {
border-bottom-color: transparent;
}
@media all and (max-width: 47.9375em) {
.stickyAnchors__row {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
overflow: scroll;
}
}
.stickyAnchors__col {
padding-left: 15px;
padding-right: 15px;
float: left;
}
@media all and (max-width: 47.9375em) {
.stickyAnchors__col:last-child {
padding-right: 30px !important;
}
}
@media all and (max-width: 47.9375em) {
.stickyAnchors__col--right {
order: -1;
}
}
@media all and (min-width: 48em) {
.stickyAnchors__col--right {
float: right !important;
}
}
.stickyAnchors__link {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: #4a4a4a;
text-decoration: none;
display: block;
font-weight: 700;
}
@media all and (min-width: 48em) {
.stickyAnchors__link {
padding-top: 20px;
padding-bottom: 20px;
}
}
.stickyAnchors__link:hover,
.stickyAnchors__link:focus,
.stickyAnchors__link.is-current {
color: #e31b23;
}
.stickyAnchors__language-change {
margin-top: 10px;
}
@media all and (min-width: 48em) {
.stickyAnchors__language-change {
margin-top: 14px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider:before,
.slick-slider:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden;
}
.slick-slider:after {
clear: both;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list._slick__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;
margin-left: auto;
margin-right: auto;
}
@media all and (min-width: 62.5625em) {
.slick-track {
display: flex;
align-items: stretch;
}
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
min-height: 1px;
display: none;
}
.slick-slide:active,
.slick-slide:focus {
outline: 0;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide._slick__dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-initialized .slick-slide.js-slick-hidden {
display: none;
}
.slick-initialized.js-slideshow-thumbs .slick-slide {
display: flex;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
position: absolute;
top: 28vw;
transform: translateY(-50%);
}
.slick-arrow.slick-tile-arrow {
top: -15px;
min-height: 280px;
height: calc(100% + 30px);
max-height: 380px;
width: 38px;
background: #ED1C24;
outline: 0;
}
.slick-arrow.slick-tile-arrow .slick-arrow__icon {
display: none;
}
.slick-arrow.slick-tile-arrow:before,
.slick-arrow.slick-tile-arrow:after {
content: '';
height: 30px;
width: 90px;
position: absolute;
background: #ED1C24;
}
.slick-arrow.slick-tile-arrow:before {
top: 0;
}
.slick-arrow.slick-tile-arrow:after {
bottom: 0;
}
.slick-arrow.slick-tile-arrow.slick-next {
transform: translateY(0) translateX(50%);
}
.slick-arrow.slick-tile-arrow.slick-next:before,
.slick-arrow.slick-tile-arrow.slick-next:after {
right: 0;
}
.slick-arrow.slick-tile-arrow.slick-prev {
transform: translateY(0) translateX(-50%);
}
.slick-arrow.slick-tile-arrow.slick-prev:before,
.slick-arrow.slick-tile-arrow.slick-prev:after {
left: 0;
}
@media all and (min-width: 62.5625em) {
.slick-arrow {
top: 50%;
}
}
.slick-arrow.slick-prev {
left: 0;
}
.slick-arrow.slick-next {
right: 0;
}
.slick-prev,
.slick-next {
display: block;
height: 80px;
width: 40px;
background: #16190C;
border: none;
color: #ffffff;
cursor: pointer;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
z-index: 2;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:active,
.slick-next:active {
color: #e31b23;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0;
}
@media all and (min-width: 48em) {
.slick-prev,
.slick-next {
height: 100px;
}
}
.slick-next--thumb {
height: 100%;
width: 40px;
box-shadow: none;
}
.slick-prev .slick-next--thumb {
left: -15px;
}
.slick-next .slick-next--thumb {
right: -15px;
}
.slick-hidden {
display: none;
}
.slick-arrow__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
height: 24px;
width: 24px;
fill: currentColor;
}
.js-slideshow-thumbs .slick-current {
position: relative;
}
.js-slideshow-thumbs .slick-current:after {
content: '';
width: 100%;
height: 4px;
background: #e31b23;
position: absolute;
top: calc(100% - 7.5px);
left: 0;
right: 0;
}
.slick-dots {
padding: 0 30px;
margin: 20px;
text-align: center;
z-index: 10;
vertical-align: middle;
}
.slick-dots.mobileTile-dots {
bottom: 0px;
padding-bottom: 20px;
}
.slick-dots li {
position: relative;
display: inline-block;
vertical-align: middle;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 40px;
height: 40px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 20px;
height: 20px;
text-align: center;
background: #dddddd;
}
.slick-dots .slick-active button:before {
color: #212121;
background: #e31b23;
}
/** Base Styles **/
.themeIcon__icon {
position: absolute;
z-index: 0;
height: 130px;
width: 140px;
display: none;
}
@media all and (min-width: 62.5625em) {
.themeIcon__icon {
height: 257px;
width: 257px;
display: inline-block;
}
}
/** Positioning **/
.themeIcon__top-left {
top: 0;
right: 100%;
}
.themeIcon__top-left.theme-icon--stacked-media {
right: 96%;
display: inline-block;
transform: translateY(-30%) translateX(-40%);
}
@media all and (min-width: 48em) {
.themeIcon__top-left.theme-icon--stacked-media {
transform: translateY(-40%) translateX(50%);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-left.theme-icon--columned-media-right-to-left {
transform: translateY(-20%);
}
}
.themeIcon__top-left.themeIcon__science-full {
right: 0;
left: 0;
top: -80px;
z-index: -1;
}
.themeIcon__top-left.themeIcon__science-half {
right: 0;
left: 0;
top: -80px;
z-index: -1;
transform: rotate(180deg);
}
.themeIcon__top-right {
top: 0;
left: 100%;
}
.themeIcon__top-right.theme-icon--stacked-media {
transform: translateY(-10%);
}
.themeIcon__top-right.theme-icon--columned-media-right-to-left.themeIcon__astronaut {
transform: rotate(12deg);
}
@media all and (min-width: 48em) {
.themeIcon__top-right.theme-icon--columned-media-left-to-right {
display: inline-block;
transform: translateY(-80px);
}
.themeIcon__top-right.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__top-right.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(-80px) rotate(-10deg);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-right.theme-icon--columned-media-left-to-right {
transform: translateY(-100px) translateX(-40%);
}
.themeIcon__top-right.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__top-right.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(-100px) translateX(-40%) rotate(-10deg);
}
}
@media all and (min-width: 48em) {
.themeIcon__top-right.theme-icon--single-column {
display: inline-block;
transform: translateY(-20%);
}
}
.themeIcon__top-right.themeIcon__science-full {
right: 0;
left: 0;
top: -80px;
z-index: -1;
}
.themeIcon__top-right.themeIcon__science-half {
right: 0;
left: 0;
top: -80px;
z-index: -1;
transform: rotate(180deg);
}
.themeIcon__bottom-left {
bottom: 0;
right: 100%;
}
.themeIcon__bottom-left.theme-icon--stacked-media {
right: 96%;
transform: translateY(10%);
}
@media all and (min-width: 48em) {
.themeIcon__bottom-left.theme-icon--columned-media-right-to-left {
transform: translateX(-20%) translateY(30%);
}
}
.themeIcon__bottom-left.themeIcon__science-full {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__bottom-left.themeIcon__science-half {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__bottom-right {
bottom: 0;
left: 100%;
}
.themeIcon__bottom-right.theme-icon--stacked-media {
display: inline-block;
transform: translateY(30%) translateX(-40%);
}
@media all and (min-width: 48em) {
.themeIcon__bottom-right.theme-icon--stacked-media {
transform: translateY(30%) translateX(-50%);
}
}
@media all and (min-width: 48em) {
.themeIcon__bottom-right.theme-icon--columned-media-right-to-left {
transform: translateX(-20%) translateY(30%);
}
}
@media all and (min-width: 48em) {
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right {
display: inline-block;
transform: translateY(80px);
}
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(80px) rotate(10deg);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right {
transform: translateY(100px) translateX(-30%);
}
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(100px) translateX(-30%) rotate(10deg);
}
}
@media all and (min-width: 48em) {
.themeIcon__bottom-right.theme-icon--single-column {
display: inline-block;
transform: translateY(10%);
}
}
.themeIcon__bottom-right.themeIcon__science-full {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__bottom-right.themeIcon__science-half {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__center-left {
top: 50%;
transform: translateY(-50%);
right: 100%;
}
@media all and (min-width: 48em) {
.themeIcon__center-left.theme-icon--columned-media-right-to-left {
display: inline-block;
transform: translateY(-50%) translateX(10%);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__center-left.theme-icon--columned-media-right-to-left {
transform: translateY(-50%) translateX(-30%);
}
}
@media all and (min-width: 48em) {
.themeIcon__center-left.theme-icon--columned-media-left-to-right {
display: inline-block;
transform: translateY(80px);
}
.themeIcon__center-left.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__center-left.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(-50%) rotate(10deg);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__center-left.theme-icon--columned-media-left-to-right {
transform: translateY(-50%) translateX(0);
}
.themeIcon__center-left.theme-icon--columned-media-left-to-right.themeIcon__gem,
.themeIcon__center-left.theme-icon--columned-media-left-to-right.themeIcon__astronaut {
transform: translateY(-50%) translateX(0) rotate(10deg);
}
}
.themeIcon__center-left.themeIcon__science-full {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__center-left.themeIcon__science-half {
right: 0;
left: 0;
z-index: -1;
top: 0;
transform: rotate(180deg);
}
.themeIcon__center-right {
top: 50%;
transform: translateY(-50%);
left: 100%;
}
.themeIcon__center-right.theme-icon--columned-media-right-to-left.themeIcon__astronaut {
transform: translateY(-50%) rotate(12deg);
}
.themeIcon__center-right.themeIcon__science-full {
right: 0;
left: 0;
z-index: -1;
}
.themeIcon__center-right.themeIcon__science-half {
right: 0;
left: 0;
z-index: -1;
top: 0;
transform: rotate(180deg);
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-left.theme-icon--columned-media-left-to-right,
.themeIcon__center-left.theme-icon--columned-media-left-to-right,
.themeIcon__bottom-left.theme-icon--columned-media-left-to-right,
.themeIcon__top-left.theme-icon--single-column,
.themeIcon__center-left.theme-icon--single-column,
.themeIcon__bottom-left.theme-icon--single-column,
.themeIcon__top-left.theme-icon--two-column,
.themeIcon__center-left.theme-icon--two-column,
.themeIcon__bottom-left.theme-icon--two-column,
.themeIcon__top-left.theme-icon--three-column,
.themeIcon__center-left.theme-icon--three-column,
.themeIcon__bottom-left.theme-icon--three-column {
right: 96%;
}
}
.themeIcon__top-left.theme-icon--single-event,
.themeIcon__center-left.theme-icon--single-event,
.themeIcon__bottom-left.theme-icon--single-event {
top: 200px;
transform: translateX(50%);
}
.themeIcon__top-left.theme-icon--columned-media-right-to-left,
.themeIcon__center-left.theme-icon--columned-media-right-to-left,
.themeIcon__bottom-left.theme-icon--columned-media-right-to-left {
right: 96%;
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-left.theme-icon--columned-media-right-to-left,
.themeIcon__center-left.theme-icon--columned-media-right-to-left,
.themeIcon__bottom-left.theme-icon--columned-media-right-to-left {
right: 93.33333333%;
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-left.theme-icon--inline-cta,
.themeIcon__center-left.theme-icon--inline-cta,
.themeIcon__bottom-left.theme-icon--inline-cta {
right: calc(50% + 400px + 15px);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-right.theme-icon--columned-media-left-to-right,
.themeIcon__center-right.theme-icon--columned-media-left-to-right,
.themeIcon__bottom-right.theme-icon--columned-media-left-to-right,
.themeIcon__top-right.theme-icon--columned-media-right-to-left,
.themeIcon__center-right.theme-icon--columned-media-right-to-left,
.themeIcon__bottom-right.theme-icon--columned-media-right-to-left,
.themeIcon__top-right.theme-icon--two-column,
.themeIcon__center-right.theme-icon--two-column,
.themeIcon__bottom-right.theme-icon--two-column,
.themeIcon__top-right.theme-icon--three-column,
.themeIcon__center-right.theme-icon--three-column,
.themeIcon__bottom-right.theme-icon--three-column,
.themeIcon__top-right.theme-icon--stacked-media,
.themeIcon__center-right.theme-icon--stacked-media,
.themeIcon__bottom-right.theme-icon--stacked-media {
left: 96%;
}
}
@media all and (min-width: 48em) {
.themeIcon__top-right.theme-icon--single-column,
.themeIcon__center-right.theme-icon--single-column,
.themeIcon__bottom-right.theme-icon--single-column {
left: calc(91.66666667% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-right.theme-icon--single-column,
.themeIcon__center-right.theme-icon--single-column,
.themeIcon__bottom-right.theme-icon--single-column {
left: calc(66.66666666% + 15px);
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-right.theme-icon--inline-cta,
.themeIcon__center-right.theme-icon--inline-cta,
.themeIcon__bottom-right.theme-icon--inline-cta {
left: calc(50% + 400px + 15px);
}
}
.themeIcon__top-left.theme-icon--two-column,
.themeIcon__top-right.theme-icon--two-column {
transform: translateY(-50%);
}
.themeIcon__top-left.theme-icon--three-column,
.themeIcon__top-right.theme-icon--three-column {
transform: translateY(-30px);
}
@media all and (min-width: 62.5625em) {
.themeIcon__top-left.theme-icon--three-column,
.themeIcon__top-right.theme-icon--three-column {
transform: translateY(-50px);
}
}
.themeIcon__bottom-left.theme-icon--two-column,
.themeIcon__bottom-right.theme-icon--two-column {
transform: translateY(50%);
}
.themeIcon__bottom-left.theme-icon--three-column,
.themeIcon__bottom-right.theme-icon--three-column {
transform: translateY(30px);
}
@media all and (min-width: 62.5625em) {
.themeIcon__bottom-left.theme-icon--three-column,
.themeIcon__bottom-right.theme-icon--three-column {
transform: translateY(50px);
}
}
.theme-icon--small-header.themeIcon__top-left,
.theme-icon--large-header.themeIcon__top-left,
.theme-icon--small-header.themeIcon__center-left,
.theme-icon--large-header.themeIcon__center-left,
.theme-icon--small-header.themeIcon__bottom-left,
.theme-icon--large-header.themeIcon__bottom-left {
top: 0;
right: 96%;
transform: translateY(-30%);
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.theme-icon--small-header.themeIcon__top-left,
.theme-icon--large-header.themeIcon__top-left,
.theme-icon--small-header.themeIcon__center-left,
.theme-icon--large-header.themeIcon__center-left,
.theme-icon--small-header.themeIcon__bottom-left,
.theme-icon--large-header.themeIcon__bottom-left {
display: inline-block;
right: 100%;
top: auto;
bottom: 100%;
transform: translateY(50px);
}
}
.theme-icon--small-header.themeIcon__top-right,
.theme-icon--large-header.themeIcon__top-right,
.theme-icon--small-header.themeIcon__center-right,
.theme-icon--large-header.themeIcon__center-right,
.theme-icon--small-header.themeIcon__bottom-right,
.theme-icon--large-header.themeIcon__bottom-right {
top: 0;
left: 96%;
transform: translateY(-30%);
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.theme-icon--small-header.themeIcon__top-right,
.theme-icon--large-header.themeIcon__top-right,
.theme-icon--small-header.themeIcon__center-right,
.theme-icon--large-header.themeIcon__center-right,
.theme-icon--small-header.themeIcon__bottom-right,
.theme-icon--large-header.themeIcon__bottom-right {
display: inline-block;
}
}
/** Colors **/
.themeIcon__teal {
fill: #3BC0C7;
}
.themeIcon__purple {
fill: #844FAC;
}
.themeIcon__orange {
fill: #F2792E;
}
.themeIcon__blue {
fill: #004AA1;
}
.themeIcon__green {
fill: #51B24B;
}
.themeIcon__yellow {
fill: #FEC831;
}
.themeIcon__red {
fill: #e31b23;
}
/** Theme Specific Sizing **/
.themeIcon__sprout {
width: 80px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__sprout {
width: 140px;
}
}
.themeIcon__lightbulb {
width: 100px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__lightbulb {
width: 180px;
}
}
.themeIcon__gears {
width: 144px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__gears {
width: 266px;
}
}
.themeIcon__dna {
width: 128px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__dna {
width: 250px;
}
}
.themeIcon__camera {
width: 130px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__camera {
width: 257px;
}
}
.themeIcon__astronaut {
width: 106px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__astronaut {
width: 208px;
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__gem {
height: 240px;
}
}
@media all and (min-width: 62.5625em) {
.themeIcon__atom {
width: 253px;
}
}
.themeIcon__puzzle {
height: 120px;
width: 120px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__puzzle {
width: 220px;
height: 220px;
}
}
.themeIcon__compass {
height: 130px;
width: 130px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__compass {
width: 240px;
height: 240px;
}
}
.themeIcon__sports {
height: 130px;
width: 130px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__sports {
width: 240px;
height: 240px;
}
}
.themeIcon__telescope {
width: 173px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__telescope {
width: 257px;
height: 213px;
}
}
@media all and (max-width: 62.5em) {
.themeIcon__orbit {
width: 132px;
}
}
@media all and (max-width: 62.5em) {
.themeIcon__saturn {
height: 142px;
}
}
.themeIcon__rex {
height: 96px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__rex {
height: 169px;
}
}
.themeIcon__dinosaur-footprints {
height: 185px;
}
@media all and (min-width: 62.5625em) {
.themeIcon__dinosaur-footprints {
height: 340px;
}
}
.themeIcon__science-full,
.themeIcon__science-half {
width: 100%;
height: auto;
}
@media all and (min-width: 48em) {
.themeIcon__science-full,
.themeIcon__science-half {
width: 100%;
height: auto;
}
}
/**
* Pages
*/
.hero__slider {
width: 100%;
}
@media all and (max-width: 47.9375em) {
.hero__slider {
flex-direction: column;
height: 100%;
}
}
@media all and (max-width: 47.9375em) {
.hero__slider .slick-list .slick-track {
display: flex;
align-items: stretch;
}
}
.home__featured {
background: #004AA1;
}
.home__today-at-perot {
margin-top: 40px;
}
.home__slideshow {
margin-top: 40px;
}
.home__slideshow.home__has-title {
margin-top: 80px;
}
.home__header {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
.home__mobileTiles {
display: none;
}
@media all and (max-width: 47.9375em) {
.home__mobileTiles {
display: block;
}
}
.home__tiles {
display: none;
}
@media all and (min-width: 48em) {
.home__tiles {
display: block;
margin-top: 40px;
}
}
.is-tickets .home__tiles {
margin-top: 0;
}
.tiles__group {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
@media all and (min-width: 48em) {
.tiles__group {
padding: 0;
}
}
.tiles__figure {
background: #3763C5;
}
@media all and (max-width: 47.9375em) {
.tiles__figure .tiles__image-large {
display: none;
}
}
@media all and (min-width: 48em) {
.tiles__figure .tiles__image-small {
display: none;
}
}
.tiles__image {
position: relative;
z-index: 1;
}
.tiles__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: none;
background: rgba(0, 75, 161, 0.6);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 75, 161, 0.6)), color-stop(38%, rgba(0, 75, 161, 0.3)), color-stop(67%, rgba(0, 75, 161, 0.06)), color-stop(100%, rgba(0, 75, 161, 0)));
background: linear-gradient(to bottom, rgba(0, 75, 161, 0.6) 0%, rgba(0, 75, 161, 0.3) 38%, rgba(0, 75, 161, 0.06) 67%, rgba(0, 75, 161, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004ba1', endColorstr='#004ba1', GradientType=0);
}
@media all and (min-width: 48em) {
.tiles__overlay {
display: block;
}
}
.tiles__wrapper {
position: relative;
}
@media all and (min-width: 48em) {
.tiles__wrapper {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
.is-tickets .tiles__wrapper {
transform: translateY(-60px);
}
}
@media all and (min-width: 62.5625em) {
.is-tickets .tiles__wrapper {
transform: translateY(-80px);
}
}
.tiles__swipe-msg {
display: block;
text-align: center;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
color: #ffffff;
font-weight: 700;
margin: 0;
}
@media all and (min-width: 62.5625em) {
.tiles__swipe-msg {
display: none;
}
}
.tiles__swipe-icon {
height: 16px;
width: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 7.5px;
fill: currentColor;
}
.tiles__container {
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding-top: 1px;
padding-bottom: 1px;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
background: #ffffff;
background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #212121));
background: linear-gradient(135deg, #ffffff 0%, #212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#212121', GradientType=1);
}
.tiles__bracket-tail:before,
.tiles__bracket-tail:after {
content: '';
height: 30px;
width: 90px;
position: absolute;
background: #ED1C24;
}
.tiles__bracket-tail:before {
top: 0;
}
.tiles__bracket-tail:after {
bottom: 0;
}
.tiles__bracket {
width: 38px;
background: #ED1C24;
position: absolute;
top: -15px;
transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
z-index: 1;
pointer-events: none;
min-height: 280px;
height: calc(23vw + 30px);
max-height: 380px;
}
@media all and (max-width: 62.5em) {
.tiles__bracket {
display: none;
}
}
@media all and (min-width: 81.5625em) {
.tiles__bracket {
height: 347.5px;
}
}
.tiles__bracket-left {
left: -19px;
transform: translateX(0);
}
.tiles__bracket-left:before,
.tiles__bracket-left:after {
left: 0;
}
.pos-0:not(.is-open) .tiles__bracket-left {
transform: translateX(0);
}
.pos-1:not(.is-open) .tiles__bracket-left {
transform: translateX(23vw);
}
.pos-2:not(.is-open) .tiles__bracket-left {
transform: translateX(46vw);
}
.pos-3:not(.is-open) .tiles__bracket-left {
transform: translateX(69vw);
}
.is-open .tiles__bracket-left {
transform: translateX(0);
}
@media all and (min-width: 81.5625em) {
.pos-1:not(.is-open) .tiles__bracket-left {
transform: translateX(288.5px);
}
.pos-2:not(.is-open) .tiles__bracket-left {
transform: translateX(596px);
}
.pos-3:not(.is-open) .tiles__bracket-left {
transform: translateX(903.5px);
}
}
.tiles__bracket-right {
right: -19px;
transform: translateX(-69vw);
}
.tiles__bracket-right:before,
.tiles__bracket-right:after {
right: 0;
}
.pos-0:not(.is-open) .tiles__bracket-right {
transform: translateX(-69vw);
}
.pos-1:not(.is-open) .tiles__bracket-right {
transform: translateX(-46vw);
}
.pos-2:not(.is-open) .tiles__bracket-right {
transform: translateX(-23vw);
}
.pos-3:not(.is-open) .tiles__bracket-right {
transform: translateX(0);
}
.is-open .tiles__bracket-right {
transform: translateX(0);
}
@media all and (min-width: 81.5625em) {
.pos-0:not(.is-open) .tiles__bracket-right {
transform: translateX(-903.5px);
}
.pos-1:not(.is-open) .tiles__bracket-right {
transform: translateX(-596px);
}
.pos-2:not(.is-open) .tiles__bracket-right {
transform: translateX(-288.5px);
}
}
.singleTile__container {
width: 100%;
}
@media all and (max-width: 62.5em) {
.is-bouncing .singleTile__container {
-webkit-animation-name: bouncySlider;
animation-name: bouncySlider;
-webkit-animation-duration: 8000ms;
animation-duration: 8000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-delay: 6000ms;
animation-delay: 6000ms;
}
}
@media all and (min-width: 48em) {
.singleTile__container {
width: 25%;
display: flex;
align-items: stretch;
}
}
@media all and (min-width: 62.5625em) {
.singleTile__container {
width: 25%;
display: flex;
align-items: stretch;
padding: 5px 5px 5px 0;
background-color: #bfbfbf;
}
.is-open .singleTile__container {
pointer-events: none;
}
.singleTile__container:nth-child(1) {
order: 1;
padding-left: 5px;
}
.singleTile__container:nth-child(3) {
order: 2;
}
.singleTile__container:nth-child(5) {
order: 3;
}
.singleTile__container:nth-child(7) {
order: 4;
}
}
@-webkit-keyframes bouncySlider {
0% {
transform: translateX(0);
}
5% {
transform: translateX(-40px);
}
10% {
transform: translateX(8px);
}
15% {
transform: translateX(-10px);
}
20% {
transform: translateX(5px);
}
25% {
transform: translateX(-5px);
}
30% {
transform: translateX(2px);
}
35% {
transform: translateX(0);
}
100% {
transform: translateX(0);
}
}
@keyframes bouncySlider {
0% {
transform: translateX(0);
}
5% {
transform: translateX(-40px);
}
10% {
transform: translateX(8px);
}
15% {
transform: translateX(-10px);
}
20% {
transform: translateX(5px);
}
25% {
transform: translateX(-5px);
}
30% {
transform: translateX(2px);
}
35% {
transform: translateX(0);
}
100% {
transform: translateX(0);
}
}
.singleTile__tile {
width: 100%;
position: relative;
min-height: 250px;
height: 23vw;
max-height: 350px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px 30px 40px 14px;
overflow: hidden;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.singleTile__tile {
height: 50vw;
}
}
@media all and (min-width: 62.5625em) {
.singleTile__tile {
padding-left: 28px;
}
}
@media all and (min-width: 81.5625em) {
.singleTile__tile {
height: 307.5px;
}
}
.singleTile__link {
text-decoration: none;
width: 100%;
position: relative;
z-index: 0;
}
.singleTile__title-container {
padding-left: 10px;
padding-right: 10px;
}
.singleTile__title {
font-size: 1.875rem;
line-height: 1.06666667;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
letter-spacing: 0.04333333em;
margin: 0;
text-transform: uppercase;
display: inline;
background: #212121;
color: #ffffff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
box-shadow: -46px 5px 0 #212121, -46px -5px 0 #212121, -41px 5px 0 #212121, -41px -5px 0 #212121, -36px 5px 0 #212121, -36px -5px 0 #212121, -31px 5px 0 #212121, -31px -5px 0 #212121, -26px 5px 0 #212121, -26px -5px 0 #212121, -21px 5px 0 #212121, -21px -5px 0 #212121, -16px 5px 0 #212121, -16px -5px 0 #212121, -11px 5px 0 #212121, -11px -5px 0 #212121, -6px 5px 0 #212121, -6px -5px 0 #212121, -1px 5px 0 #212121, -1px -5px 0 #212121, 4px 5px 0 #212121, 4px -5px 0 #212121, 9px 5px 0 #212121, 9px -5px 0 #212121, 14px 5px 0 #212121, 14px -5px 0 #212121;
width: calc(100% - (14px + 40px));
}
@media all and (min-width: 62.5625em) {
.singleTile__title {
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
/* when a line of text is extremely short (e.g. 1 character), the left and right
box shadows do not connect, so we add more shadows at 5px increments for the 2nd line
on the assumption that a single character won't be less than 5px wide */
box-shadow: -47px 5px 0 #212121, -47px -5px 0 #212121, -42px 5px 0 #212121, -42px -5px 0 #212121, -37px 5px 0 #212121, -37px -5px 0 #212121, -32px 5px 0 #212121, -32px -5px 0 #212121, -27px 5px 0 #212121, -27px -5px 0 #212121, -22px 5px 0 #212121, -22px -5px 0 #212121, -17px 5px 0 #212121, -17px -5px 0 #212121, -12px 5px 0 #212121, -12px -5px 0 #212121, -7px 5px 0 #212121, -7px -5px 0 #212121, -2px 5px 0 #212121, -2px -5px 0 #212121, 3px 5px 0 #212121, 3px -5px 0 #212121, 8px 5px 0 #212121, 8px -5px 0 #212121, 13px 5px 0 #212121, 13px -5px 0 #212121, 18px 5px 0 #212121, 18px -5px 0 #212121, 23px 5px 0 #212121, 23px -5px 0 #212121, 28px 5px 0 #212121, 28px -5px 0 #212121;
width: calc(100% - (28px + 40px));
}
}
.singleTile__more-info {
width: 100%;
min-height: 262px;
position: absolute;
top: 0;
right: 0;
left: 0;
padding-top: 40px;
padding-bottom: 40px;
display: none;
background: #212121;
z-index: 1;
}
@media all and (min-width: 48em) {
.singleTile__more-info {
display: none;
}
}
@media all and (min-width: 81.5625em) {
.singleTile__more-info {
min-height: calc( 307.5px + 12px );
}
}
@media all and (min-width: 48em) {
.singleTile__more-info.singleTile__is-active {
display: block;
}
}
.singleTile__more-info:nth-child(2) {
order: 5;
}
.singleTile__more-info:nth-child(4) {
order: 6;
}
.singleTile__more-info:nth-child(6) {
order: 7;
}
.singleTile__more-info:nth-child(8) {
order: 8;
}
@media all and (max-width: 47.9375em) {
.singleTile__wysiwyg {
margin-top: 20px;
}
}
.singleTile__expanded-image {
width: 100%;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.singleTile__close {
color: #ffffff;
text-decoration: none;
}
.singleTile__icon {
width: 20px;
height: 20px;
position: absolute;
right: 60px;
top: 30px;
fill: currentColor;
z-index: 3;
}
.singleTile__preview-text {
display: none;
color: #ffffff;
margin-top: 10px;
}
.singleTile__cta-container {
display: none;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.singleTile__cta-container {
display: block;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
}
.mobileTiles__container {
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding-top: 0;
padding-bottom: 1px;
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#212121', GradientType=1);
}
.js-mobileTile-slider .slick-arrow {
background: #ffffff;
}
.js-mobileTile-slider .slick-arrow__icon {
fill: #e31b23;
}
.mobileSingleTile__container {
width: 100%;
}
.slick-initialized .mobileSingleTile__container.slick-slide {
min-height: calc(100vh - 165px);
display: flex;
}
@media all and (max-width: 62.5em) {
.is-bouncing .mobileSingleTile__container {
-webkit-animation-name: bouncySlider;
animation-name: bouncySlider;
-webkit-animation-duration: 8000ms;
animation-duration: 8000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-delay: 6000ms;
animation-delay: 6000ms;
}
}
@keyframes bouncySlider {
0% {
transform: translateX(0);
}
5% {
transform: translateX(-40px);
}
10% {
transform: translateX(8px);
}
15% {
transform: translateX(-10px);
}
20% {
transform: translateX(5px);
}
25% {
transform: translateX(-5px);
}
30% {
transform: translateX(2px);
}
35% {
transform: translateX(0);
}
100% {
transform: translateX(0);
}
}
.mobileSingleTile__tile {
width: 100%;
position: relative;
padding: 0px 10px 40px 10px;
overflow: hidden;
align-content: center;
}
@media all and (min-width: 81.5625em) {
.mobileSingleTile__tile {
height: 307.5px;
}
}
.mobileSingleTile__overlay {
background: rgba(8, 41, 120, 0);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8, 41, 120, 0.3)), color-stop(14%, rgba(8, 41, 120, 0.2)), color-stop(30%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.56)));
background: linear-gradient(to bottom, rgba(8, 41, 120, 0.3) 0%, rgba(8, 41, 120, 0.2) 14%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082978', endColorstr='#000000', GradientType=0);
width: 100%;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
top: 0;
}
.mobileSingleTile__link {
text-decoration: none;
width: 100%;
z-index: 0;
align-self: flex-end;
margin-bottom: 40px;
}
.mobileSingleTile__content-container {
padding-left: 10px;
padding-right: 10px;
z-index: 2;
text-align: center;
height: 100%;
display: flex;
}
.mobileSingleTile__image-secondary__wrap {
padding: 0 40px;
}
.mobileSingleTile__image-secondary {
margin: 0 auto;
max-height: 145px;
width: auto;
}
.mobileSingleTile__title {
font-size: 3.375rem;
line-height: 1.01851852;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
margin: 0;
text-transform: uppercase;
display: block;
color: #ffffff;
padding-top: 20px;
}
@media all and (max-width: 23.4375em) {
.mobileSingleTile__title {
font-size: 2.25rem;
line-height: 1.11111111;
line-height: 1;
}
}
.mobileSingleTile__subtitle {
font-size: 1.875rem;
line-height: 1;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
margin: 0;
text-transform: uppercase;
display: block;
color: #ffffff;
}
.mobileSingleTile__button-container {
width: 85%;
padding-left: 7.5px;
padding-right: 7.5px;
margin: 0 auto;
}
@media all and (max-width: 23.4375em) {
.mobileSingleTile__button-container {
width: 100%;
}
}
.mobileSingleTile__button {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 10px 48px 10px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
font-size: 1rem;
width: 100%;
padding: 20px;
margin-top: 15px;
}
.mobileSingleTile__button:hover,
.mobileSingleTile__button:focus {
text-decoration: none;
}
.mobileSingleTile__button:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mobileSingleTile__button:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mobileSingleTile__button > svg {
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 20px;
width: 20px;
margin-right: 3px;
margin-left: 7.5px;
margin-top: -2px;
}
.mobileSingleTile__button:hover,
.mobileSingleTile__button:focus {
background: #C6070F;
color: #ffffff;
}
.mobileSingleTile__button:not(:disabled):hover:before,
.mobileSingleTile__button:not(:disabled):focus:before,
.mobileSingleTile__button:not(:disabled):hover:after,
.mobileSingleTile__button:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.mobileSingleTile__button:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.mobileSingleTile__button:disabled:hover,
.mobileSingleTile__button:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.mobileSingleTile__button > svg {
width: 30px;
height: 30px;
}
.mobileSingleTile__button-subcopy {
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
font-size: 0.75rem;
font-weight: 500;
color: #ffffff;
padding-top: 5px;
}
.mobileSingleTile__wysiwyg {
margin-top: 20px;
}
.styleguide__flex {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.styleguide__swatches-family {
display: flex;
flex-wrap: wrap;
margin: 0 -15px 20px;
border-bottom: 3px solid #bfbfbf;
padding-bottom: 40px;
}
.styleguide__swatches-family:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.styleguide__swatch-col {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
@media all and (min-width: 48em) {
.styleguide__swatch-col {
width: 33.3333%;
}
}
@media all and (min-width: 62.5625em) {
.styleguide__swatch-col {
width: 20%;
}
}
.styleguide__swatch-name {
padding: 20px 0;
text-align: center;
border-style: solid;
border-color: #212121;
border-width: 1px 1px 0px 1px;
}
.styleguide__swatch-name.is-light {
color: #ffffff;
}
.styleguide__swatch--red {
background-color: #e31b23;
}
.styleguide__swatch--black {
background-color: #212121;
}
.styleguide__swatch--grey-1 {
background-color: #bfbfbf;
}
.styleguide__swatch--white {
background-color: #ffffff;
}
.styleguide__swatch--light-black {
background-color: #4a4a4a;
}
.styleguide__swatch--grey-5 {
background-color: #f6f6f6;
}
.styleguide__swatch--grey-4 {
background-color: #f0f0f0;
}
.styleguide__swatch--grey-2 {
background-color: #dddddd;
}
.styleguide__swatch--grey-3 {
background-color: #eaeaea;
}
.styleguide__swatch--blue {
background-color: #004AA1;
}
.styleguide__swatch--teal {
background-color: #3BC0C7;
}
.styleguide__swatch--yellow {
background-color: #FEC831;
}
.styleguide__swatch--light-blue {
background-color: #3763C5;
}
.styleguide__swatch--purple {
background-color: #844FAC;
}
.styleguide__swatch--orange {
background-color: #F2792E;
}
.styleguide__swatch--green {
background-color: #51B24B;
}
.styleguide__swatch figcaption {
border: 1px solid #212121;
padding: 10px 0;
text-align: center;
}
.styleguide__icon {
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
@media all and (min-width: 48em) {
.styleguide__icon {
width: 11.11111%;
}
}
.membership__section {
padding-top: 40px;
padding-bottom: 40px;
}
@media all and (min-width: 62.5625em) {
.membership__already-wrapper {
padding-left: calc(6.66666667% - 15px);
}
}
.membership__tertiary-heading {
margin-top: 0;
text-align: center;
}
@media all and (min-width: 48em) {
.membership__tertiary-heading {
text-align: left;
}
}
.membership__button {
margin-top: 10px;
width: 100%;
}
@media all and (min-width: 48em) {
.membership__button {
width: auto;
}
}
.membership__section-grey-5 {
background: #f6f6f6;
box-shadow: 0 28px 36px -22px rgba(33, 33, 33, 0.5);
}
.membership__section-title {
font-size: 1.5rem;
line-height: 1.25;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-align: center;
margin-top: 0;
padding-bottom: 40px;
letter-spacing: -0.01277em;
display: block;
}
@media all and (min-width: 48em) {
.membership__section-title {
font-size: 2.25rem;
line-height: 1.38888889;
}
}
.membership__mem-wysiwyg {
margin-top: 20px;
}
.membership__founder-wysiwyg {
margin-top: 40px;
}
.membership__benefit {
position: relative;
padding-left: 80px;
margin-top: 20px;
}
.membership__benefit:hover .membership__benefit-tooltip,
.membership__benefit:focus .membership__benefit-tooltip {
display: block;
}
.membership__benefit-title {
font-weight: 700;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.membership__benefit-icon {
display: block;
position: absolute;
top: 0;
left: 0;
height: 58px;
width: 58px;
}
.membership__founder-icon {
height: 58px;
width: 58px;
display: block;
margin-bottom: 10px;
}
.membership__benefit-description {
margin-top: 5px;
}
.membership__benefit-tooltip {
position: absolute;
top: 64px;
left: 0;
width: 100%;
background: #004AA1;
margin: 0;
padding: 20px 15px;
display: none;
color: #ffffff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
.membership__benefit-tooltip:before {
content: '';
position: absolute;
bottom: 100%;
left: 15px;
display: block;
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #004AA1;
}
@media all and (min-width: 62.5625em) {
.membership__benefit-tooltip {
padding: 20px 30px;
}
.membership__benefit-tooltip:before {
left: 30px;
}
}
.membership__header {
width: 100%;
position: relative;
padding-bottom: 40px;
padding-top: 40px;
}
@media all and (min-width: 48em) {
.membership__header {
padding-top: 140px;
padding-bottom: 170px;
}
}
.membership__header-overlay {
background: rgba(0, 152, 178, 0.7);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.membership__header-title {
font-size: 3rem;
line-height: 1.25;
text-align: center;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
line-height: 0.842105em;
letter-spacing: -0.01618em;
margin: 0;
text-transform: uppercase;
}
@media all and (min-width: 48em) {
.membership__header-title {
font-size: 4.75rem;
line-height: 1.05263158;
}
}
.membership__lvls-wrapper {
background: #ffffff;
position: relative;
}
@media all and (min-width: 48em) {
.membership__lvls-wrapper {
margin-top: -90px;
}
}
.membership__lvl {
padding: 40px 0;
border-top: 1px solid #bfbfbf;
}
@media all and (min-width: 48em) {
.membership__lvl {
padding: 40px 30px;
}
}
.membership__lvl-basic {
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
@media all and (max-width: 47.9375em) {
.membership__lvl-basic {
padding: 40px 0;
}
}
.membership__lvl-premium {
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
}
@media all and (max-width: 47.9375em) {
.membership__lvl-premium {
padding: 40px 0;
}
}
.membership__lvl-col-1--popular {
position: relative;
}
.membership__lvl-heading {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin: 0;
}
.membership__lvl-heading-2 {
margin-top: 40px;
}
.membership__lvl-link {
margin-top: 20px;
padding-right: 15px;
position: relative;
}
.membership__lvl-link:before {
content: '';
height: 0;
width: 0;
position: absolute;
top: 12px;
right: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #212121;
}
@media all and (max-width: 47.9375em) {
.membership__lvl-link-large {
display: none !important;
}
}
@media all and (min-width: 48em) {
.membership__lvl-link-small {
display: none !important;
}
}
.membership__table {
position: relative;
margin-top: 40px;
}
.membership__table:not(.is-revealed) {
display: none;
}
.membership__founders-section {
margin-top: 40px;
}
.membership__group {
display: flex;
flex-wrap: wrap;
width: 100%;
}
@media all and (min-width: 48em) {
.membership__group {
flex-wrap: nowrap;
align-items: stretch;
}
}
.membership__side {
float: left;
}
.membership__side-1 {
display: flex;
align-items: stretch;
width: 100%;
}
@media all and (min-width: 48em) {
.membership__side-1 {
padding-top: 40px;
width: 50%;
}
}
@media all and (min-width: 62.5625em) {
.membership__side-1 {
width: calc(53.333333334666676% + 4vw);
}
}
@media all and (min-width: 77.5em) {
.membership__side-1 {
width: calc(53.333333334666676% + ((100vw - 1200px) / 2));
}
}
.membership__side-2 {
background: #ffffff;
display: flex;
align-items: stretch;
width: 100%;
}
@media all and (min-width: 48em) {
.membership__side-2 {
width: 50%;
}
}
@media all and (min-width: 62.5625em) {
.membership__side-2 {
width: calc(46.66666666533333% + 4vw);
}
}
@media all and (min-width: 77.5em) {
.membership__side-2 {
width: calc(46.66666666533333% + ((100vw - 1200px) / 2));
}
}
.membership__side-1-container {
background: #f6f6f6;
width: 100%;
padding: 40px 15px;
}
@media all and (min-width: 48em) {
.membership__side-1-container {
padding-right: 30px;
padding-left: 4vw;
}
}
@media all and (min-width: 77.5em) {
.membership__side-1-container {
padding-left: calc((100vw - 1200px) / 2);
}
}
.membership__side-2-container {
background: #ffffff;
width: 100%;
padding: 40px 15px;
}
@media all and (min-width: 48em) {
.membership__side-2-container {
padding-left: 30px;
padding-right: 4vw;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
}
}
@media all and (min-width: 77.5em) {
.membership__side-2-container {
padding-right: calc((100vw - 1200px) / 2);
}
}
.membership__founder-col {
position: relative;
width: 100%;
margin-top: 30px;
}
@media all and (min-width: 48em) {
.membership__founder-col {
width: 50%;
}
}
.membership__founder-col:hover .membership__benefit-tooltip,
.membership__founder-col:focus .membership__benefit-tooltip {
display: block;
}
.membership__founders-table {
margin-top: 40px;
}
.membership__founders-table-title {
font-size: 2.25rem;
line-height: 1.38888889;
margin-top: 0;
}
@media all and (min-width: 48em) {
.membership__founders-table-title {
font-size: 3rem;
line-height: 1.25;
}
}
.membership__founder-price {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%;
}
@media all and (min-width: 62.5625em) {
.membership__founder-price {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
}
.membership__popular {
width: 80px;
top: -75px;
left: -20px;
position: absolute;
}
.membership__price {
margin-top: 0 !important;
}
@media all and (min-width: 62.5625em) {
.membership__founder-button {
margin-top: 0 !important;
}
}
.membership__es-help {
margin: 0.625rem auto 1.25rem;
text-align: center;
}
@media all and (min-width: 62.5625em) {
.membership__es-help {
margin: 1.25rem auto 2.5rem;
}
}
.membership__support {
background: #095380;
padding: 40px 0;
}
.membership__support-title {
color: #FEC831;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-align: center;
margin-top: 0;
}
.membership__support-figure {
margin: 40px auto 0 auto;
}
.membership__support-image {
margin: 0 auto;
height: 187px;
width: 187px;
display: block;
border-radius: 50%;
}
.membership__support-topic-title {
color: #FEC831;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-align: center;
margin-top: 10px;
}
.membership__support-topic-description {
color: #ffffff;
margin-top: 10px;
text-align: center;
}
.membership__tier-col {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.membership__tier-col {
width: 33.3333%;
padding-left: 3.75px;
padding-right: 3.75px;
padding-bottom: 7.5px;
margin-top: 0;
display: flex;
align-items: stretch;
}
}
.membership__tier-col-half {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
@media all and (min-width: 48em) {
.membership__tier-col-half {
width: 50%;
padding-left: 3.75px;
padding-right: 3.75px;
padding-bottom: 7.5px;
margin-top: 0;
display: flex;
align-items: stretch;
}
}
.membership__founders-compare {
width: 100%;
padding: 40px 0;
}
.membership__founders-compare:not(.is-revealed) {
display: none;
}
.tierCard__tier {
background: #f6f6f6;
padding: 20px 15px;
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
.tierCard__top {
text-align: center;
width: 100%;
}
.tierCard__title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
margin-top: 0;
}
.tierCard__price {
color: #e31b23;
margin-top: 10px;
line-height: 1.5625rem;
}
.tierCard__price-tiny {
color: #212121;
white-space: nowrap;
}
.tierCard__tax {
margin-top: 0;
text-align: center;
}
.tierCard__summary {
margin-top: 10px;
}
.tierCard__notice {
font-size: 0.875rem;
line-height: 1.85714286;
margin-top: 20px;
font-style: italic;
line-height: 1.3em;
}
.tierCard__button {
margin-top: 20px;
}
.tierCard__alt-options {
padding-top: 10px;
}
.tierCard__alt-options-sep {
padding: 0 0.125rem;
}
.tierCard__alt-options-link {
color: currentColor;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: none;
padding-bottom: 0;
display: inline;
vertical-align: inherit;
border-bottom: 2px solid #e31b23;
word-break: break-word;
text-transform: uppercase;
}
.tierCard__alt-options-link:hover,
.tierCard__alt-options-link:focus {
color: currentColor;
border-bottom-color: #C6070F;
}
.tierCard__alt-options-link:visited {
color: currentColor;
}
.tierCard__caregiver-link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
display: inline;
padding-bottom: 0.375rem;
background-image: linear-gradient(#e31b23, #e31b23);
background-size: 100% 0.125rem;
background-position-y: 100%;
background-repeat: no-repeat;
transition: background-image 0.2s ease-in-out;
}
.tierCard__caregiver-link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.tierCard__caregiver-link:hover,
.tierCard__caregiver-link:focus {
color: #212121;
}
.tierCard__caregiver-link:hover:after,
.tierCard__caregiver-link:focus:after {
background: #831D22;
}
.tierCard__caregiver-link:visited {
color: #212121;
}
.tierCard__caregiver-link:where(:hover, :focus) {
background-image: linear-gradient(#831D22, #831D22);
color: #212121;
}
.tierCard__caregiver-link:hover:after,
.tierCard__caregiver-link:focus:after {
background: none;
}
.tierCard__caregiver-link:after {
background: none;
}
.tierCard__upsell-wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
background-color: rgba(33, 33, 33, 0.45);
}
.tierCard__upsell-wrapper.is-revealed {
display: block;
}
.tierCard__upsell-modal {
width: 92%;
max-width: 430px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: #ffffff;
display: flex;
align-items: stretch;
}
.tierCard__upsell-content {
position: relative;
width: 100%;
padding: 40px 30px;
}
@media all and (max-width: 47.9375em) {
.tierCard__upsell-content {
width: 100%;
padding: 30px;
}
}
.tierCard__upsell-title {
font-size: 1.875rem;
line-height: 1.26666667;
color: #004071;
padding-right: 115px;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (max-width: 47.9375em) {
.tierCard__upsell-title {
font-size: 1.625rem;
line-height: 1.23076923;
padding-right: 0px;
}
}
.tierCard__upsell-subtitle {
display: none;
}
@media all and (max-width: 47.9375em) {
.tierCard__upsell-subtitle {
display: block;
font-weight: 700;
margin-top: 10px;
}
}
.tierCard__upsell-desc {
margin-top: 20px;
}
.tierCard__upsell-links-container {
margin-top: 20px;
display: flex;
width: 100%;
align-items: center;
flex-direction: row-reverse;
}
@media all and (max-width: 47.9375em) {
.tierCard__upsell-links-container {
flex-direction: column;
}
}
.tierCard__upsell-close {
position: absolute;
top: 5px;
right: 10px;
cursor: pointer;
}
.tierCard__upsell-link {
margin-right: 15px;
}
@media all and (max-width: 47.9375em) {
.tierCard__upsell-link {
margin-right: 0px;
margin-top: 10px;
}
}
.passportTable__button--left .passportTable__button-icon {
left: 0;
}
.passportTable__button--right .passportTable__button-icon {
right: 0;
}
.patronTable__button--left .patronTable__button-icon {
left: 0;
}
.patronTable__button--right .patronTable__button-icon {
right: 0;
}
.tierTable__tier-table-base {
width: 100%;
border-collapse: collapse;
margin-top: 40px;
position: relative;
overflow-x: scroll;
display: block;
}
.tierTable__tier-table-base th:first-child,
.tierTable__tier-table-base td:first-child {
text-align: left;
}
.tierTable__tier-table-base td:first-child {
border-left: 3px solid #212121;
}
@media all and (max-width: 47.9375em) {
.tierTable__tier-table-base.js-responsive-table {
display: table;
}
.tierTable__tier-table-base.js-responsive-table tbody tr:first-of-type td {
border: 0px;
}
.tierTable__tier-table-base.js-responsive-table th,
.tierTable__tier-table-base.js-responsive-table td {
width: 100%;
text-align: center;
}
.tierTable__tier-table-base.js-responsive-table th.is-active,
.tierTable__tier-table-base.js-responsive-table td.is-active {
display: block;
}
.tierTable__tier-table-base.js-responsive-table th.is-hidden,
.tierTable__tier-table-base.js-responsive-table td.is-hidden {
display: none;
}
.tierTable__tier-table-base.js-responsive-table th:first-child,
.tierTable__tier-table-base.js-responsive-table td:first-child {
min-width: 180px;
text-align: center;
}
.tierTable__tier-table-base.js-responsive-table th {
padding-bottom: 0;
}
.tierTable__tier-table-base.js-responsive-table th.tierTable__cell-highlight {
padding-bottom: 10px;
}
.tierTable__tier-table-base.js-responsive-table td {
padding-top: 0;
}
.tierTable__tier-table-base.js-responsive-table td.is-empty {
display: none;
}
.tierTable__tier-table-base.js-responsive-table td:first-child {
border-left: 0;
}
}
@media all and (min-width: 48em) {
.tierTable__tier-table {
padding-left: 0;
overflow: visible;
}
}
.tierTable__head {
vertical-align: bottom;
}
.tierTable__benefits {
display: block;
background: #212121;
color: #ffffff;
padding: 10px 15px;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
}
.tierTable__cell-highlight {
padding: 20px 15px;
}
@media all and (max-width: 47.9375em) {
.js-responsive-table .tierTable__cell-highlight {
padding: 10px 15px;
background: #212121;
}
}
@media all and (min-width: 48em) {
.tierTable__cell-highlight {
padding: 20px 30px;
width: 23%;
}
}
.tierTable__cell-first {
padding: 0;
background: #ffffff;
min-width: 200px;
}
.tierTable__cell {
border: 2px solid #212121;
}
@media all and (max-width: 47.9375em) {
.js-responsive-table .tierTable__cell {
border: 0px;
}
}
@media all and (max-width: 47.9375em) {
.js-responsive-table .tierTable__cell-subhead {
border-top: 1px solid #212121;
}
}
.tierTable__level-title {
text-align: center;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
@media all and (max-width: 47.9375em) {
.js-responsive-table .tierTable__level-title {
color: #ffffff;
}
}
.tierTable__check-icon {
display: block;
margin: 0 auto;
height: 40px;
width: 40px;
}
.tierTable__number {
display: block;
margin: 0 auto;
height: 40px;
width: 40px;
background: #3BC0C7;
color: #ffffff;
position: relative;
text-align: center;
border-radius: 50%;
padding: 5px;
}
.tierTable__buttons-container {
display: none;
position: absolute;
top: 0;
width: 100%;
padding: 10px 0;
justify-content: space-between;
z-index: 20;
}
.tierTable__buttons-container.is-active {
display: flex;
}
.tierTable__button {
font-size: 0.875rem;
line-height: 1.57142857;
position: relative;
display: block;
border: none;
background: transparent;
color: #ffffff;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04142857em;
}
.tierTable__button--left {
padding-left: 26px;
}
.tierTable__button--right {
padding-right: 26px;
}
.tierTable__button-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
height: 26px;
width: 26px;
fill: currentColor;
}
.tierTable__button--left .tierTable__button-icon {
left: 0;
}
.tierTable__button--right .tierTable__button-icon {
right: 0;
}
@media all and (min-width: 77.5em) {
.founderTable__tier-table {
padding-left: 0;
overflow: visible !important;
}
}
@media all and (min-width: 48em) {
.founderTable__cell-first {
min-width: 200px;
}
}
.founderTable__button--left .founderTable__button-icon {
left: 0;
}
.founderTable__button--right .founderTable__button-icon {
right: 0;
}
.businessTable__table-wrapper {
position: relative;
}
@media all and (min-width: 77.5em) {
.businessTable__tier-table {
padding-left: 0;
overflow: visible !important;
}
}
.businessTable__level-info {
font-size: 14px;
}
@media all and (max-width: 47.9375em) {
.businessTable__level-info {
color: #d9d9d9;
}
}
.businessTable__button--left .businessTable__button-icon {
left: 0;
}
.businessTable__button--right .businessTable__button-icon {
right: 0;
}
.businessTable__superscript {
font-size: x-small;
color: #e31b23;
}
.businessTable__new-line {
display: block;
}
.newsRoomSubLanding__container {
position: relative;
padding-top: 10px;
padding-bottom: 40px;
}
@media all and (min-width: 48em) {
.newsRoomSubLanding__container {
padding-top: 30px;
}
}
.newsRoomSubLanding__wrapper {
position: relative;
}
@media all and (min-width: 62.5625em) {
.newsRoomSubLanding__col-1 {
display: flex !important;
}
}
.newsRoomSubLanding__heading {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
.newsRoomSubLanding__article {
border-bottom: 2px solid #bfbfbf;
}
.newsRoomSubLanding__link {
text-decoration: none;
}
.newsRoomSubLanding__archive {
padding: 40px 0 20px;
}
@media all and (min-width: 48em) {
.newsRoomSubLanding__archive {
text-align: center;
}
}
.newsRoomSubLanding__archive-title {
font-size: 1rem;
line-height: 1.875;
margin: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
@media all and (min-width: 48em) {
.newsRoomSubLanding__archive-title {
display: inline-block;
}
}
.newsRoomSubLanding__archive-list {
font-size: 1rem;
line-height: 1.875;
list-style: none;
padding: 0;
}
@media all and (min-width: 48em) {
.newsRoomSubLanding__archive-list {
margin: 0 0 0 7.5px;
display: inline-block;
}
}
.newsRoomSubLanding__archive-item {
display: inline;
}
.newsRoomSubLanding__archive-item:before {
content: "|";
color: #bfbfbf;
}
.newsRoomSubLanding__archive-item:first-child:before {
content: "";
}
.newsRoomSubLanding__archive-link {
display: inline-block;
color: #e31b23;
font-weight: 700;
text-decoration: none;
}
.newsRoomSubLanding__archive-link:hover,
.newsRoomSubLanding__archive-link:focus {
color: #831D22;
}
.newsRoomHeader__header {
width: 100%;
}
.newsRoomHeader__header-base {
position: relative;
z-index: 2;
display: flex;
align-items: flex-end;
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-has-stats .newsRoomHeader__header-base {
padding-top: 60px;
}
.newsRoomHeader__header-has-stats .newsRoomHeader__header-base .newsRoomHeader__pre-heading {
padding-top: 40px;
}
}
.newsRoomHeader__header-top {
padding-top: 170px;
}
.newsRoomHeader__header-top--with-image {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
padding-top: 100px;
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-top--with-image {
min-height: 360px;
}
}
.newsRoomHeader__header-top--with-anchor {
padding-top: 120px;
display: block;
}
.newsRoomHeader__header-bottom {
position: relative;
z-index: 0;
}
.newsRoomHeader__header-bottom--with-image {
position: relative;
z-index: 0;
}
.newsRoomHeader__figure {
margin: 0;
background: #4a4a4a;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.newsRoomHeader__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.newsRoomHeader__figure img.lazyloaded {
opacity: 1;
}
.newsRoomHeader__figure-placeholder {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
margin: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.newsRoomHeader__figure-placeholder img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.newsRoomHeader__figure-placeholder img.lazyloaded {
opacity: 1;
}
.newsRoomHeader__overlay {
width: 100%;
height: 280px;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
background: rgba(34, 34, 34, 0);
background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.2) 14%, rgba(34, 34, 34, 0.4) 30%, rgba(34, 34, 34, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);
}
.newsRoomHeader__wrapper {
position: relative;
}
.newsRoomHeader__row {
position: relative;
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-has-stats .newsRoomHeader__col-1-base {
max-width: calc(100% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.newsRoomHeader__header-has-stats .newsRoomHeader__col-1-base {
max-width: calc(100% - 6.66666667% - 240px);
}
}
@media all and (min-width: 62.5625em) {
.newsRoomHeader__col-1-base {
margin-left: 6.66666667%;
}
}
.newsRoomHeader__col-1 {
padding-bottom: 60px;
}
.newsRoomHeader__col-1--without-image {
padding-bottom: 10px;
}
.newsRoomHeader__header-top--with-anchor .newsRoomHeader__col-1--without-image {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.newsRoomHeader__col-2 {
min-width: 240px;
}
}
.newsRoomHeader__col-3 {
position: relative;
z-index: 1;
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-has-stats .newsRoomHeader__col-3 {
max-width: calc(100% - 297px);
}
}
@media all and (min-width: 62.5625em) {
.newsRoomHeader__col-3 {
margin-left: 6.66666667%;
}
}
.newsRoomHeader__pre-heading-base {
margin-top: 0;
}
.newsRoomHeader__pre-heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
position: relative;
}
.newsRoomHeader__pre-heading--without-image {
color: #212121;
}
.newsRoomHeader__heading-base {
font-size: 2.25rem;
line-height: 1.38888889;
margin-top: 0;
letter-spacing: -0.04222em;
margin-left: -0.04255319em;
}
@media all and (min-width: 48em) {
.newsRoomHeader__heading-base {
font-size: 3rem;
line-height: 1.25;
line-height: 0.95745em;
letter-spacing: -0.0161702em;
}
}
.newsRoomHeader__heading-landing-base {
font-size: 3rem;
line-height: 1.25;
text-transform: uppercase;
margin-top: 0;
letter-spacing: -0.04222em;
margin-left: -0.04255319em;
}
@media all and (min-width: 48em) {
.newsRoomHeader__heading-landing-base {
font-size: 5.875rem;
line-height: 0.95744681;
line-height: 0.95745em;
letter-spacing: -0.0161702em;
}
}
.newsRoomHeader__heading {
color: #ffffff;
text-shadow: 0 0 30px #000;
}
.newsRoomHeader__heading--without-image {
color: #212121;
}
.newsRoomHeader__heading--without-image-landing {
color: #ffffff;
}
@media all and (max-width: 47.9375em) {
.stat-top:not(.newsRoomHeader__stat-top-full) {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.stat-top:not(.newsRoomHeader__stat-top-full).focusable:active,
.stat-top:not(.newsRoomHeader__stat-top-full).focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .stat-top:not(.newsRoomHeader__stat-top-full) a,
body:hover .stat-top:not(.newsRoomHeader__stat-top-full) input,
body:hover .stat-top:not(.newsRoomHeader__stat-top-full) button {
display: none;
}
}
.newsRoomHeader__stat-top-full {
width: 100%;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.newsRoomHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.newsRoomHeader__stat-bottom.focusable:active,
.newsRoomHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .newsRoomHeader__stat-bottom a,
body:hover .newsRoomHeader__stat-bottom input,
body:hover .newsRoomHeader__stat-bottom button {
display: none;
}
}
@media all and (min-width: 62.5625em) {
.newsRoomHeader__stat-bottom {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden;
}
.newsRoomHeader__stat-bottom.focusable:active,
.newsRoomHeader__stat-bottom.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static;
}
body:hover .newsRoomHeader__stat-bottom a,
body:hover .newsRoomHeader__stat-bottom input,
body:hover .newsRoomHeader__stat-bottom button {
display: none;
}
}
.newsRoomHeader__intro {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.newsRoomHeader__intro {
margin-top: 60px;
}
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-bottom .newsRoomHeader__intro {
margin-top: 40px;
}
}
.newsRoomHeader__wysiwyg {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.newsRoomHeader__wysiwyg {
margin-top: 60px;
}
}
@media all and (min-width: 48em) {
.newsRoomHeader__header-bottom .newsRoomHeader__wysiwyg {
margin-top: 40px;
}
}
.newsRoomHeader__button-primary {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
}
.newsRoomHeader__button-primary:hover,
.newsRoomHeader__button-primary:focus {
text-decoration: none;
}
.newsRoomHeader__button-primary:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary:hover,
.newsRoomHeader__button-primary:focus {
background: #C6070F;
color: #ffffff;
}
.newsRoomHeader__button-primary:not(:disabled):hover:before,
.newsRoomHeader__button-primary:not(:disabled):focus:before,
.newsRoomHeader__button-primary:not(:disabled):hover:after,
.newsRoomHeader__button-primary:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.newsRoomHeader__button-primary:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.newsRoomHeader__button-primary:disabled:hover,
.newsRoomHeader__button-primary:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.newsRoomHeader__button-primary-full {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
width: 100%;
}
.newsRoomHeader__button-primary-full:hover,
.newsRoomHeader__button-primary-full:focus {
text-decoration: none;
}
.newsRoomHeader__button-primary-full:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary-full:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary-full:hover,
.newsRoomHeader__button-primary-full:focus {
background: #C6070F;
color: #ffffff;
}
.newsRoomHeader__button-primary-full:not(:disabled):hover:before,
.newsRoomHeader__button-primary-full:not(:disabled):focus:before,
.newsRoomHeader__button-primary-full:not(:disabled):hover:after,
.newsRoomHeader__button-primary-full:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.newsRoomHeader__button-primary-full:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.newsRoomHeader__button-primary-full:disabled:hover,
.newsRoomHeader__button-primary-full:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.newsRoomHeader__button-primary-wide {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
padding-left: 90px;
padding-right: 90px;
}
.newsRoomHeader__button-primary-wide:hover,
.newsRoomHeader__button-primary-wide:focus {
text-decoration: none;
}
.newsRoomHeader__button-primary-wide:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary-wide:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.newsRoomHeader__button-primary-wide:hover,
.newsRoomHeader__button-primary-wide:focus {
background: #C6070F;
color: #ffffff;
}
.newsRoomHeader__button-primary-wide:not(:disabled):hover:before,
.newsRoomHeader__button-primary-wide:not(:disabled):focus:before,
.newsRoomHeader__button-primary-wide:not(:disabled):hover:after,
.newsRoomHeader__button-primary-wide:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.newsRoomHeader__button-primary-wide:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.newsRoomHeader__button-primary-wide:disabled:hover,
.newsRoomHeader__button-primary-wide:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.pressResources__container {
padding-top: 40px;
padding-bottom: 40px;
}
@media all and (max-width: 47.9375em) {
.pressResources__col-1 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: 100px;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.pressResources__col-1 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: 120px;
}
}
@media all and (max-width: 47.9375em) {
.pressResources__col-2 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: calc(100% - 100px);
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.pressResources__col-2 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: calc(100% - 120px);
}
}
.pressResources__figure {
margin-top: 10px;
background: #4a4a4a;
}
.pressResources__image {
display: block;
width: 100%;
}
.pressResources__date {
margin-top: 10px;
font-size: 0.875rem;
line-height: 1.85714286;
color: #bfbfbf;
font-weight: 700;
}
.pressResources__link {
text-decoration: none;
}
.pressResources__title {
font-size: 1.625rem;
line-height: 1.46153846;
font-weight: 300;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #e31b23;
}
@media all and (min-width: 48em) {
.pressResources__title {
font-size: 1.875rem;
line-height: 1.26666667;
}
}
.pressResources__wysiwyg {
margin-top: 10px;
}
.pressResourcePerma__container {
margin-top: 40px;
margin-bottom: 40px;
}
.pressResourcePerma__col-1 {
/*
@media @small-screens-max {
padding-left: @grid-padding;
padding-right: @grid-padding;
float: left;
width: 100px;
}
@media @medium-screens-only {
padding-left: @grid-padding;
padding-right: @grid-padding;
float: left;
width: 120px;
}
*/
}
.pressResourcePerma__col-2 {
/*
@media @small-screens-max {
padding-left: @grid-padding;
padding-right: @grid-padding;
float: left;
width: calc(~"100% - " 100px);
}
@media @medium-screens-only {
padding-left: @grid-padding;
padding-right: @grid-padding;
float: left;
width: calc(~"100% - " 120px);
}
*/
}
.pressResourcePerma__figure {
margin-top: 10px;
}
.pressResourcePerma__image {
display: block;
width: 100%;
}
.pressResourcePerma__date {
margin-top: 10px;
font-size: 0.875rem;
line-height: 1.85714286;
color: #bfbfbf;
font-weight: 700;
}
.pressResourcePerma__link {
text-decoration: none;
}
.pressResourcePerma__title {
font-size: 1.625rem;
line-height: 1.46153846;
font-weight: 300;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #e31b23;
}
@media all and (min-width: 48em) {
.pressResourcePerma__title {
font-size: 1.875rem;
line-height: 1.26666667;
}
}
.pressResourcePerma__wysiwyg {
margin-top: 10px;
}
.programsEvents__today-at-perot {
margin-top: 0;
}
.programsEvents__section-spacing {
padding-top: 16px;
}
.programsEvents__cta {
margin-top: 40px;
}
.programsEvents__programs {
border-bottom: 1px solid #bfbfbf;
}
.programsEvents__stacked-media {
padding-top: 40px;
}
.programs__section {
padding-top: 40px;
padding-bottom: 40px;
}
.programs__section:not(.programs__section-first) {
border-top: 1px solid #bfbfbf;
}
@media all and (min-width: 48em) {
.programs__section {
padding-bottom: 80px;
}
}
.programs__column {
margin-top: 30px;
}
.programs__list {
margin-top: 0;
padding: 0;
list-style: none;
}
.programs__item {
margin-top: 30px;
display: flex;
align-items: stretch;
}
.programs__link {
text-decoration: none;
font-weight: 700;
letter-spacing: -0.0126666em;
}
.search__wrapper {
margin-top: 40px;
margin-bottom: 40px;
}
.search__title {
margin-top: 0;
}
.search__no-results-title {
font-size: 1.625rem;
line-height: 1.46153846;
font-weight: 300;
margin-top: 10px;
margin-bottom: 5px;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #e31b23;
}
@media all and (min-width: 48em) {
.search__no-results-title {
font-size: 1.875rem;
line-height: 1.26666667;
}
}
.search__no-results-text {
margin-top: 10px;
}
.search__form-container {
padding-top: 40px;
padding-bottom: 20px;
}
.search__label {
display: block;
position: relative;
}
.search__input {
padding-right: 40px;
}
.search__submit-button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #e31b23;
color: #ffffff;
border: 0;
padding: 0;
width: 40px;
}
.search__submit-button:hover,
.search__submit-button:focus {
background: #831D22;
color: #ffffff;
}
.search__submit-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
fill: currentColor;
height: 16px;
width: 16px;
}
.search__list {
list-style: none;
margin-top: 0;
padding-left: 0;
}
@media all and (min-width: 48em) {
.search__list {
margin-top: 20px;
}
}
@media all and (min-width: 48em) {
.search__list-item {
display: block;
width: 100%;
}
}
.search__filter {
text-align: left;
padding: 10px 15px 10px 30px;
position: relative;
text-decoration: none;
color: #4a4a4a;
border-bottom: 1px solid #bfbfbf;
display: inline-block;
width: 100%;
font-size: 0.875rem;
line-height: 1.85714286;
}
@media all and (min-width: 48em) {
.search__filter {
padding: 20px 15px 20px 30px;
max-width: 180px;
font-size: 1rem;
line-height: 1.875;
}
}
.search__filter-in .search__in-icon {
opacity: 1;
}
.search__filter-in:hover .search__in-icon,
.search__filter-in:focus .search__in-icon {
opacity: 0;
}
.search__filter-in:hover .search__out-icon,
.search__filter-in:focus .search__out-icon {
opacity: 1;
}
.search__filter-out:hover .search__in-icon,
.search__filter-out:focus .search__in-icon {
opacity: 1;
}
.search__icon {
height: 20px;
width: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: opacity 120ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.search__out-icon {
fill: #e31b23;
}
.search__in-icon {
fill: #51B24B;
}
.mediaResult__container {
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 2px solid #bfbfbf;
}
@media all and (max-width: 47.9375em) {
.mediaResult__col-1 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: 100px;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaResult__col-1 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: 120px;
}
}
@media all and (max-width: 47.9375em) {
.mediaResult__col-2 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: calc(100% - 100px);
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.mediaResult__col-2 {
padding-left: 15px;
padding-right: 15px;
float: left;
width: calc(100% - 120px);
}
}
.mediaResult__figure {
margin-top: 10px;
}
@media all and (min-width: 62.5625em) {
.mediaResult__figure {
width: 125px;
}
}
.mediaResult__image {
display: block;
width: 100%;
}
.mediaResult__date {
margin-top: 10px;
font-size: 0.875rem;
line-height: 1.85714286;
color: #767676;
font-weight: 500;
}
.mediaResult__link {
text-decoration: none;
}
.mediaResult__title {
font-size: 1.625rem;
line-height: 1.46153846;
font-weight: 300;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
color: #e31b23;
}
.mediaResult__title:hover,
.mediaResult__title:focus {
color: #831D22;
}
@media all and (min-width: 48em) {
.mediaResult__title {
font-size: 1.875rem;
line-height: 1.26666667;
}
}
.mediaResult__wysiwyg {
margin-top: 10px;
}
.error__shell {
background-color: #024171;
}
@media all and (min-width: 48em) {
.error__shell {
background-image: url("https://perot-museum.imgix.net/10-sitewide-assets/icon-patterns/PRT_404_pattern.png?q=70&auto=format");
background-position: left top;
background-repeat: no-repeat;
background-size: 70% 100%;
}
}
@media all and (min-width: 62.5625em) {
.error__shell {
background-size: 50% 100%;
}
}
.error__wrapper {
position: relative;
padding-top: 50px;
padding-bottom: 70px;
}
@media all and (max-width: 47.9375em) {
.error__column-1 {
display: none;
}
}
.error__title {
font-size: 3rem;
line-height: 1.25;
display: inline;
text-transform: uppercase;
letter-spacing: -0.01270833em;
color: #212121;
background: #ffc907;
box-shadow: -18px 0 0 #ffc907, 18px 0 0 #ffc907;
line-height: 0.95833em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
@media all and (min-width: 48em) {
.error__title {
margin-left: 18px;
}
}
.error__sub-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
margin-top: 30px;
}
.error__section-title {
font-size: 1.125rem;
line-height: 1.27777778;
color: #ffffff;
font-weight: 500;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 45px;
letter-spacing: 1px;
}
.error__desc {
color: #ffffff;
margin-top: 25px;
}
.error__sub-title {
color: #ffffff;
}
.error__need-list {
margin: 0;
padding: 0;
list-style: none;
}
.error__need-item {
padding-left: 30px;
position: relative;
margin-top: 20px;
}
.error__need-item:first-child {
margin-top: 15px;
}
.error__need-icon {
display: block;
height: 22px;
width: 22px;
fill: #3BC0C7;
position: absolute;
left: 0;
top: 2px;
}
.error__need-icon-tickets {
display: block;
height: 22px;
width: 22px;
fill: #3BC0C7;
position: absolute;
left: 0;
top: 6px;
}
.error__need-icon-clock {
display: block;
height: 18px;
width: 22px;
fill: #3BC0C7;
position: absolute;
left: 0;
top: 1px;
}
.error__need {
font-weight: 500;
color: #ffffff;
font-size: 0.875rem;
line-height: 1.85714286;
margin-top: 0;
display: block;
}
.error__need-tickets {
font-weight: 500;
color: #ffffff;
font-size: 0.875rem;
line-height: 1.85714286;
margin-top: 0;
display: inline-block;
}
.error__need-small {
color: #ffffff;
font-size: 0.75rem;
line-height: 1.66666667;
margin-top: 0;
font-weight: 300;
}
.error__tickets {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.875rem;
line-height: 1.85714286;
color: #ffffff;
margin-top: 0;
font-size: 0.75rem;
line-height: 1.66666667;
}
.error__tickets:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.error__tickets:hover,
.error__tickets:focus {
color: #212121;
}
.error__tickets:hover:after,
.error__tickets:focus:after {
background: #831D22;
}
.error__tickets:visited {
color: #212121;
}
.error__tickets:after {
background-color: #3BC0C7;
}
.error__tickets:visited {
color: #ffffff;
}
.error__tickets:hover,
.error__tickets:focus {
color: #3BC0C7;
}
.error__tickets:hover:after,
.error__tickets:focus:after {
background-color: #3BC0C7;
}
.error__link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
color: #ffffff;
}
.error__link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.error__link:hover,
.error__link:focus {
color: #212121;
}
.error__link:hover:after,
.error__link:focus:after {
background: #831D22;
}
.error__link:visited {
color: #212121;
}
.error__link:visited {
color: #ffffff;
}
.error__link:focus,
.error__link:hover {
color: #e31b23;
}
.error__inline-link {
text-decoration: none;
}
@-webkit-keyframes dropTemp {
0% {
transform: translateY(0);
}
15% {
transform: translateY(96%);
}
20% {
transform: translateY(86%);
}
25% {
transform: translateY(96%);
}
30% {
transform: translateY(86%);
}
35% {
transform: translateY(96%);
}
40% {
transform: translateY(86%);
}
45% {
transform: translateY(96%);
}
50% {
transform: translateY(86%);
}
55% {
transform: translateY(96%);
}
60% {
transform: translateY(86%);
}
65% {
transform: translateY(96%);
}
70% {
transform: translateY(86%);
}
75% {
transform: translateY(96%);
}
80% {
transform: translateY(86%);
}
85% {
transform: translateY(96%);
}
90% {
transform: translateY(86%);
}
95% {
transform: translateY(96%);
}
100% {
transform: translateY(100%);
}
}
@keyframes dropTemp {
0% {
transform: translateY(0);
}
15% {
transform: translateY(96%);
}
20% {
transform: translateY(86%);
}
25% {
transform: translateY(96%);
}
30% {
transform: translateY(86%);
}
35% {
transform: translateY(96%);
}
40% {
transform: translateY(86%);
}
45% {
transform: translateY(96%);
}
50% {
transform: translateY(86%);
}
55% {
transform: translateY(96%);
}
60% {
transform: translateY(86%);
}
65% {
transform: translateY(96%);
}
70% {
transform: translateY(86%);
}
75% {
transform: translateY(96%);
}
80% {
transform: translateY(86%);
}
85% {
transform: translateY(96%);
}
90% {
transform: translateY(86%);
}
95% {
transform: translateY(96%);
}
100% {
transform: translateY(100%);
}
}
/* Thermometer column and text */
.error__thermo {
height: 400px;
position: relative;
width: 140px;
margin: 0 auto;
}
.error__thermo-circle {
border-radius: 50%;
height: 134px;
width: 134px;
background: #F80008;
border: 24px solid #3BC0C7;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.error__thermo-top {
height: 290px;
width: 27px;
background: #3BC0C7;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 14px;
}
.error__thermo-temp {
width: 9px;
bottom: -6px;
position: absolute;
top: 13px;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
background: #ffffff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
z-index: 1;
}
.error__thermo-temp:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
transform: translateY(100%);
background: #F80008;
-webkit-animation: dropTemp 24s cubic-bezier(0.645, 0.045, 0.355, 1) 3s infinite;
animation: dropTemp 24s cubic-bezier(0.645, 0.045, 0.355, 1) 3s infinite;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.error__thermo-temp:after {
content: '';
height: 10px;
background: #F80008;
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.error__text {
color: #3BC0C7;
position: absolute;
font-weight: 700;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.error__text-top-left {
top: 5px;
right: calc(100% + 15px);
}
.error__text-top-right {
top: 5px;
left: calc(100% + 15px);
}
.error__text-bottom-right {
bottom: calc(100% + 20px);
left: calc(100% - 13px);
}
.error__text-bottom-left {
bottom: calc(100% + 20px);
right: calc(100% - 13px);
}
.tickets__iframe {
box-shadow: none;
display: block;
border: 0;
}
.is-loading-all .tickets__steps {
display: none;
}
.tickets__loader-wrapper {
text-align: center;
display: none;
}
.is-loading-all .tickets__loader-wrapper {
display: block;
}
.tickets__loader {
display: block;
width: 100%;
padding-top: 10%;
padding-bottom: 20%;
text-align: center;
}
.tickets__loader-text {
margin-top: 10px;
}
.tickets__loader-img {
height: auto;
width: 100px;
display: block;
margin: 0 auto;
}
.tickets__emergency-message {
width: 80%;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
}
.tickets__emergency-message .tickets__wysiwyg {
padding-top: 40px;
padding-bottom: 40px;
}
.utsw__main-title-utsw {
font-size: 4rem;
line-height: 1.1;
}
.utsw__promo-intro-content-list {
text-align: left;
}
.utsw__promo-intro-content-list li {
margin-bottom: 1rem;
}
.steps__steps {
position: relative;
}
.steps__error {
background: #e31b23;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
z-index: 49;
}
.steps__error:not(.is-active) {
display: none;
}
.steps__ordered-list {
padding: 0;
margin: 0;
}
.steps__step {
width: 100%;
min-height: 100vh;
}
.steps__step.steps__step-done:not(.steps__step-current) .steps__step-link {
background: #eaeaea;
color: #4a4a4a;
}
.steps__step.steps__step-done:not(.steps__step-current) .steps__step-counter-number {
display: none;
}
.steps__step.steps__step-done:not(.steps__step-current) .steps__step-counter-icon {
display: inline-block;
}
.steps__step.steps__step-done#step-review {
display: flex;
align-items: stretch;
}
.steps__step.steps__step-skipped {
display: none;
}
.steps__step.steps__step-current#step-review {
display: flex;
align-items: stretch;
}
.steps__step.steps__step-current .steps__step-link {
display: none;
}
.steps__step:not(.steps__step-done) .steps__step-change,
.steps__step:not(.steps__step-done) .steps__step-info {
display: none;
}
.steps__step.steps__step-future {
display: none;
position: relative;
}
.steps__step-content {
display: flex;
justify-content: center;
}
#step-review .steps__step-content {
width: 100%;
}
.steps__progress-container {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 60px);
max-width: 700px;
top: 40px;
z-index: 3;
}
@media all and (min-width: 48em) {
.steps__progress-container {
top: 80px;
width: calc(100% - 20px);
}
}
.steps__progress-container.steps__sticky {
position: fixed;
}
.steps__progress-container.steps__native-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
transform: translateY(40px);
left: auto;
margin-left: auto;
margin-right: auto;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__native-sticky {
top: 0;
transform: translateY(80px);
}
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(1) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(2) {
pointer-events: none;
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(3) {
pointer-events: none;
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(4) {
pointer-events: none;
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(5) {
pointer-events: none;
}
.steps__progress-container.steps__step-0 .steps__progress-link:nth-of-type(6) {
pointer-events: none;
}
.steps__progress-container.steps__step-0-current .steps__progress-link:nth-of-type(1):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-0-current .steps__progress-link:nth-of-type(1):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(2) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(3) {
pointer-events: none;
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(4) {
pointer-events: none;
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(5) {
pointer-events: none;
}
.steps__progress-container.steps__step-1 .steps__progress-link:nth-of-type(6) {
pointer-events: none;
}
.steps__progress-container.steps__step-1-current .steps__progress-link:nth-of-type(2):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-1-current .steps__progress-link:nth-of-type(2):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(2) {
border-color: #212121;
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(3) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(4) {
pointer-events: none;
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(5) {
pointer-events: none;
}
.steps__progress-container.steps__step-2 .steps__progress-link:nth-of-type(6) {
pointer-events: none;
}
.steps__progress-container.steps__step-2-current .steps__progress-link:nth-of-type(3):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-2-current .steps__progress-link:nth-of-type(3):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(2) {
border-color: #212121;
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(3) {
border-color: #212121;
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(4) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(5) {
pointer-events: none;
}
.steps__progress-container.steps__step-3 .steps__progress-link:nth-of-type(6) {
pointer-events: none;
}
.steps__progress-container.steps__step-3-current .steps__progress-link:nth-of-type(4):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-3-current .steps__progress-link:nth-of-type(4):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(2) {
border-color: #212121;
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(3) {
border-color: #212121;
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(4) {
border-color: #212121;
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(5) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-4 .steps__progress-link:nth-of-type(6) {
pointer-events: none;
}
.steps__progress-container.steps__step-4-current .steps__progress-link:nth-of-type(5):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-4-current .steps__progress-link:nth-of-type(5):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(2) {
border-color: #212121;
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(3) {
border-color: #212121;
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(4) {
border-color: #212121;
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(5) {
border-color: #212121;
}
.steps__progress-container.steps__step-5 .steps__progress-link:nth-of-type(6) {
border-color: #e31b23;
}
.steps__progress-container.steps__step-5-current .steps__progress-link:nth-of-type(6):before {
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
border: 8px solid rgba(191, 191, 191, 0.5);
box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.5);
z-index: 4;
}
@media all and (min-width: 48em) {
.steps__progress-container.steps__step-5-current .steps__progress-link:nth-of-type(6):before {
height: 40px;
width: 40px;
}
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(1) {
border-color: #212121;
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(2) {
border-color: #212121;
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(3) {
border-color: #212121;
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(4) {
border-color: #212121;
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(5) {
border-color: #212121;
}
.steps__progress-container.steps__step-6 .steps__progress-link:nth-of-type(6) {
border-color: #212121;
}
.steps__progress-container.steps__step-6-current .steps__progress-link:nth-of-type(6) {
border-color: #212121;
}
.steps__progress {
width: 100%;
height: 4px;
background: #bfbfbf;
}
.steps__progress-link {
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
border: 5px solid #bfbfbf;
background: #ffffff;
position: absolute;
top: 0;
transform: translateX(-50%) translateY(-10px);
z-index: 5;
}
@media all and (min-width: 48em) {
.steps__progress-link {
width: 26px;
height: 26px;
}
}
.steps__progress-link:nth-of-type(1) {
left: 0;
}
.steps__progress-link:nth-of-type(2) {
left: 20%;
}
.steps__progress-link:nth-of-type(3) {
left: 40%;
}
.steps__progress-link:nth-of-type(4) {
left: 60%;
}
.steps__progress-link:nth-of-type(5) {
left: 80%;
}
.steps__progress-link:nth-of-type(6) {
left: 100%;
}
.steps__loading .steps__loading-container {
display: none;
}
.steps__loader {
display: none;
width: 100%;
padding-top: 10%;
padding-bottom: 20%;
text-align: center;
}
.steps__loading .steps__loader {
display: block;
}
.steps__loader-text {
margin-top: 10px;
}
.steps__loader-img {
height: auto;
width: 100px;
display: block;
margin: 0 auto;
}
.steps__button {
margin: 40px 3.75px 0 3.75px;
}
.steps__disabled .steps__button {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.steps__disabled .steps__button:hover,
.steps__disabled .steps__button:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.steps__checkout-button {
margin: 40px 3.75px 0 3.75px;
}
.steps__disabled .steps__checkout-button {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.steps__disabled .steps__checkout-button:hover,
.steps__disabled .steps__checkout-button:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.one__shadow-box {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: 60;
}
.one__modal {
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
width: 80%;
max-width: 1100px;
}
@media all and (max-width: 62.5em) {
.one__modal {
width: 97%;
}
}
.one__img-container {
display: none;
position: relative;
min-height: 140px;
}
@media all and (min-width: 62.5625em) {
.one__img-container {
display: block;
width: 100%;
}
}
.one__figure {
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
z-index: 0;
margin-top: 0;
background: #4a4a4a;
}
.one__figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.one__figure img.lazyloaded {
opacity: 1;
}
.one__image {
display: block;
width: 100%;
}
.one__modal-content {
display: flex;
flex-direction: column;
align-items: start;
padding: 40px 30px;
}
.one__modal-heading {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
color: #004AA1;
margin-top: 0;
margin-bottom: 20px;
}
.one__consent-details-link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
margin-top: 40px;
}
.one__consent-details-link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.one__consent-details-link:hover,
.one__consent-details-link:focus {
color: #212121;
}
.one__consent-details-link:hover:after,
.one__consent-details-link:focus:after {
background: #831D22;
}
.one__consent-details-link:visited {
color: #212121;
}
.one__consent-button {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin: 20px 0 0 0;
}
.one__consent-button:hover,
.one__consent-button:focus {
text-decoration: none;
}
.one__consent-button:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__consent-button:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__consent-button:hover,
.one__consent-button:focus {
background: #C6070F;
color: #ffffff;
}
.one__consent-button:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.one__consent-button:disabled:hover,
.one__consent-button:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
@media all and (max-width: 47.9375em) {
.one__consent-button {
display: block;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
}
@media all and (min-width: 48em) {
.one__consent-button {
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
padding-left: 60px;
padding-right: 60px;
}
.one__consent-button:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__consent-button:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__consent-button:hover,
.one__consent-button:focus {
background: #C6070F;
color: #ffffff;
}
.one__consent-button:not(:disabled):hover:before,
.one__consent-button:not(:disabled):focus:before,
.one__consent-button:not(:disabled):hover:after,
.one__consent-button:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.one__consent-button:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.one__consent-button:disabled:hover,
.one__consent-button:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
}
.one__container {
text-align: center;
}
.one__img {
position: absolute;
top: -4px;
left: 0;
width: 100%;
height: auto;
display: block;
z-index: -1;
}
.one__main-title {
margin-top: 0;
}
.one__intro {
text-align: center;
margin-top: 20px;
padding-bottom: 40px;
}
.one__button {
border: none;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
outline: 0;
border-radius: 0;
background: #e31b23;
color: #ffffff;
padding: 15px 45px;
font-size: 0.75rem;
line-height: 1.66666667;
letter-spacing: 0.083333em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
margin: 20px 7.5px 0 7.5px;
}
.one__button:hover,
.one__button:focus {
text-decoration: none;
}
.one__button:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__button:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__button:hover,
.one__button:focus {
background: #C6070F;
color: #ffffff;
}
.one__button:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.one__button:disabled:hover,
.one__button:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
@media all and (max-width: 47.9375em) {
.one__button {
display: block;
float: left;
width: 48%;
margin: 20px 0 0 0;
padding-left: 15px;
padding-right: 15px;
}
.one__button:first-of-type {
margin-right: 2%;
}
}
@media all and (min-width: 48em) {
.one__button {
background: #e31b23;
color: #ffffff;
padding: 20px 45px;
font-size: 0.875rem;
line-height: 1.85714286;
letter-spacing: 0.07142em;
transition: background 120ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
position: relative;
overflow: hidden;
padding-left: 60px;
padding-right: 60px;
}
.one__button:before {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
top: 0;
right: 0;
border-top: solid 8px #831D22;
border-right: solid 8px #831D22;
transform: translateX(9px) translateY(-9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__button:after {
content: '';
height: calc(100% + 9px);
width: calc(100% + 9px);
position: absolute;
bottom: 0;
left: 0;
border-bottom: solid 8px #831D22;
border-left: solid 8px #831D22;
transform: translateX(-9px) translateY(9px);
transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.one__button:hover,
.one__button:focus {
background: #C6070F;
color: #ffffff;
}
.one__button:not(:disabled):hover:before,
.one__button:not(:disabled):focus:before,
.one__button:not(:disabled):hover:after,
.one__button:not(:disabled):focus:after {
transform: translateX(0) translateY(0);
}
.one__button:disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.one__button:disabled:hover,
.one__button:disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
}
.one__promo-input-wrapper .one__button {
display: inline-block;
background: #e31b23;
color: #ffffff;
float: none;
}
@media all and (min-width: 48em) {
.one__promo-input-wrapper .one__button {
margin: 0;
position: relative;
left: -6px;
top: -2px;
padding: 8px 20px;
}
}
.one__promo-input-wrapper .one__button:hover,
.one__promo-input-wrapper .one__button:focus {
background: #831D22;
}
.one__promo-intro {
margin-top: 20px;
padding-bottom: 40px;
display: inline-block;
}
.one__promo-partner-image {
width: auto;
}
.one__promo-intro-content {
width: calc(100% - 60px);
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.one__promo-input-wrapper {
margin: 40px auto;
}
@media all and (max-width: 47.9375em) {
.one__promo-input-wrapper {
text-align: middle;
}
}
@media all and (min-width: 48em) {
.one__promo-input-wrapper {
width: calc(100% - 60px);
min-width: 400px;
margin-bottom: 60px;
}
}
.one__promo-input {
position: relative;
}
@media all and (min-width: 48em) {
.one__promo-input {
display: inline-block;
}
}
.one__promo-applicator {
width: 0;
height: 0;
border: 0;
border: none;
position: absolute;
}
.one__promo-error-additional,
.one__promo-error {
max-height: 0;
overflow: hidden;
background-color: #004AA1;
color: #ffffff;
margin-top: 0;
}
@media all and (min-width: 48em) {
.one__promo-error-additional,
.one__promo-error {
position: absolute;
left: 0;
right: 2px;
}
}
.one__promo-error-additional.one__is-expanded,
.one__promo-error.one__is-expanded {
max-height: 999px;
transition: all 650ms ease-in-out;
}
.one__promo-error-additional + input {
margin-top: 5px;
}
.one__promo-error-additional.one__is-expanded + input {
margin-top: 2.1875rem;
}
.one__promo-exhibit {
margin-top: 40px;
margin-bottom: 40px;
text-align: left;
}
.one__promo-fine-print {
width: calc(100% - 60px);
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
font-size: 0.75rem;
line-height: 1.66666667;
font-style: italic;
}
.one__offers {
padding-top: 40px;
margin-top: 40px;
position: relative;
float: left;
}
@media all and (min-width: 48em) {
.one__offers {
float: none;
}
}
@media all and (min-width: 48em) {
.one__offers:before {
content: '';
height: 1px;
width: 80%;
max-width: 330px;
background: #bfbfbf;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
}
.one__offers-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
text-align: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #979797;
color: #212121;
}
@media all and (min-width: 48em) {
.one__offers-title {
display: none;
}
}
.one__row {
background-color: #eaeaea;
padding: 40px 15px;
align-items: flex-start !important;
}
@media all and (min-width: 48em) {
.one__col-1 {
border-right: 1px solid #979797;
align-self: stretch;
}
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.one__col-2 {
padding-left: 28.57142858%;
}
}
@media all and (max-width: 47.9375em) {
.one__col-2 {
margin-top: 40px;
}
}
@media all and (min-width: 48em) {
.one__col-2 {
align-self: stretch;
border-right: 1px solid #979797;
}
}
@media all and (max-width: 47.9375em) {
.one__col-3 {
margin-top: 40px;
}
}
@media all and (min-width: 48em) {
.one__col-3 {
align-self: stretch;
}
}
@media all and (min-width: 62.5625em) {
.one__membership {
text-align: center;
}
}
.one__membership-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
@media all and (max-width: 47.9375em) {
.one__membership-title {
margin-top: 0;
}
}
.one__membership-title:hover ~ .one__membership-popup,
.one__membership-title:focus ~ .one__membership-popup {
opacity: 1;
z-index: 6;
}
.one__membership-description {
margin-top: 10px;
}
.one__membership-link {
color: #212121;
position: relative;
padding-bottom: 3px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
letter-spacing: 0.143125em;
font-size: 0.75rem;
line-height: 1.83333333;
margin-top: 10px;
}
.one__membership-link:after {
content: '';
width: 100%;
height: 2px;
background: #e31b23;
position: absolute;
bottom: 0;
left: 0;
}
.one__membership-link:hover,
.one__membership-link:focus {
color: #212121;
}
.one__membership-link:hover:after,
.one__membership-link:focus:after {
background: #831D22;
}
.one__membership-link:visited {
color: #212121;
}
.one__membership-link {
margin-top: 10px;
}
.one__icon {
position: absolute;
z-index: 0;
color: #FEC831;
cursor: pointer;
font-size: 30px;
}
.one__membership-popup {
position: absolute;
opacity: 0;
background-color: #004AA1;
color: #ffffff;
z-index: -1;
top: 0px;
text-align: left;
padding: 20px;
transition: all 0.5s ease-in-out;
max-width: 600px;
}
.one__membership-popup:before {
content: '';
width: 0;
height: 0;
}
@media all and (min-width: 48em) {
.one__membership-popup {
top: 160px;
}
.one__membership-popup:before {
content: '';
width: 0;
height: 0;
position: absolute;
display: inline-block;
top: -20px;
left: 42%;
border: 10px solid transparent;
border-bottom-color: #004AA1;
background-color: transparent;
}
}
.one__city-pass-link {
position: relative;
top: 19px;
text-decoration: none;
color: #4a4a4a;
}
.one__city-pass-logo {
width: 120px;
height: auto;
}
@media all and (max-width: 47.9375em) {
.one__city-pass-logo {
margin: 0 auto;
}
}
.two__container {
text-align: center;
}
.two__fieldset {
border: 0;
width: 100%;
margin-top: 40px;
position: relative;
padding: 20px 15px;
}
@media all and (min-width: 62.5625em) {
.two__fieldset {
width: calc(100% - 6.66666667% + 33.33333334%);
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
}
.two__fieldset.inactive {
display: none;
}
.two__legend-label {
font-size: 1.625rem;
line-height: 1.46153846;
padding-bottom: 20px;
}
.two__attendee-row {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 15px;
}
.two__attendee-row:first-of-type {
margin-top: 0;
}
.two__attendee-row.inactive {
display: none;
}
.two__attendee-row-senior {
margin-top: 15px;
}
.two__selected-attendee {
position: relative;
}
.two__hidden-attendee-row {
display: none;
}
.two__label {
width: calc(100% - 130px);
display: flex;
align-items: center;
flex-wrap: wrap;
font-weight: 700;
}
@media all and (min-width: 48em) {
.two__label {
font-size: 1.25rem;
line-height: 1.3;
}
}
.two__under-label {
font-weight: 400;
display: block;
margin-top: 0;
font-size: 0.6875rem;
line-height: 1.45454545;
text-align: left;
width: 100%;
}
@media all and (min-width: 48em) {
.two__under-label {
font-size: 1rem;
line-height: 1.875;
}
}
.two__attendee-counter {
border: 1px solid #dddddd;
display: flex;
}
.two__attendee-inc-dec {
width: 40px;
background: #f6f6f6;
color: #212121;
text-align: center;
font-size: 1.125rem;
line-height: 1.27777778;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
float: left;
height: 100%;
font-weight: 700;
border: none;
}
.two__attendee-inc-dec:hover,
.two__attendee-inc-dec:focus {
color: #212121;
background: #dddddd;
}
.two__partially-inc-inactive .two__inc-attendee {
color: #dddddd;
}
.two__num-attendee {
width: 50px;
height: 100%;
text-align: center;
background: #f6f6f6;
color: #212121;
font-size: 1rem;
line-height: 1.875;
border: 0;
outline: 0;
display: block;
float: left;
font-weight: 700;
}
.two__entitlement-message {
background-color: #004AA1;
color: #ffffff;
padding: 20px 15px;
margin-bottom: 40px;
}
.two__helper {
margin-top: 20px;
font-size: 0.75rem;
line-height: 1.66666667;
text-align: center;
color: #bfbfbf;
}
.two__group-discount:not(.is-active) {
display: none;
}
.two__trigger-non-member {
display: none;
}
.two__trigger-link.two__is-current {
display: none;
}
.two__inactive {
display: none;
}
.three__container {
text-align: center;
}
@media all and (max-width: 47.9375em) {
.three__container {
padding-left: 15px;
padding-right: 15px;
}
}
.three__next-year {
display: none;
}
.three__header-col-1 {
text-align: left;
}
.three__header-col-2 {
text-align: right;
}
.three__header-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 20px;
margin-left: 30px;
}
@media all and (min-width: 48em) {
.three__header-title {
margin-top: 0;
}
}
.three__close-calendar {
display: inline-block;
padding: 10px 7.5px;
}
@media all and (max-width: 47.9375em) {
.three__close-calendar {
position: absolute;
top: 15px;
right: 15px;
}
}
.three__header-icon {
height: 22px;
width: 22px;
fill: #4a4a4a;
cursor: pointer;
}
.three__header-icon:hover,
.three__header-icon:focus {
fill: #e31b23;
}
@media all and (min-width: 48em) {
.three__header-icon {
height: 40px;
width: 40px;
}
}
.three__wrapper {
text-align: left;
}
.three__row {
margin-top: 20px;
}
@media all and (min-width: 48em) {
.three__row {
margin-top: 40px;
}
}
@media all and (max-width: 47.9375em) {
.three__col-1 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
.three__caption {
width: 100%;
}
.three__month-selected {
font-size: 2.25rem;
line-height: 1.38888889;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 0;
}
.three__month-link {
float: right;
display: block;
padding: 10px 7.5px;
}
@media all and (min-width: 48em) {
.three__month-link {
margin-top: 8px;
}
}
.three__previous-month {
margin-right: 30px;
}
.three__month-icon {
height: 20px;
width: 20px;
fill: #4a4a4a;
display: block;
}
.three__month-icon:hover,
.three__month-icon:focus {
fill: #e31b23;
}
.three__day-widths {
width: 14.28571429%;
padding-left: 7.5px;
padding-right: 7.5px;
display: block;
float: left;
}
.three__day-wrapper {
width: 100%;
color: #212121;
margin-top: 20px;
}
.three__day-list {
margin: 0;
}
.three__day-list-item {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
.three__days {
display: none;
}
.three__days.three__current-calendar {
display: block;
}
.three__quick-view {
margin: 20px auto 0 auto;
width: 100%;
max-width: 750px;
}
@media all and (min-width: 48em) {
.three__quick-view {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
}
}
.three__quick-link {
display: block;
width: 100%;
margin-top: 10px;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #eaeaea;
background: #f6f6f6;
color: #4a4a4a;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.27777778;
text-decoration: none;
cursor: pointer;
}
@media all and (min-width: 48em) {
.three__quick-link {
font-size: 1.25rem;
line-height: 1.3;
}
}
.three__quick-link:hover,
.three__quick-link:focus {
color: #e31b23;
}
.three__quick-link.three__date-selected {
background: #ffffff;
color: #e31b23;
}
.three__js-quick-link {
cursor: pointer;
}
.three__quick-link-other .three__quick-link-other-text,
.day-enabled ~ .three__quick-link-other .three__quick-link-select-day-text {
display: none;
}
.day-enabled ~ .three__quick-link-other .three__quick-link-other-text,
.three__quick-link-other .three__quick-link-select-day-text {
display: inline;
}
.three__quick-link-today:not(.day-enabled),
.three__quick-link-tomorrow:not(.day-enabled) {
display: none;
}
.three__side-quick-link {
display: inline-block;
padding: 10px 30px;
text-align: left;
float: left;
clear: left;
font-size: 1.125rem;
line-height: 1.27777778;
font-weight: 700;
text-decoration: none;
color: #4a4a4a;
}
.three__side-quick-link:not(.day-enabled) {
display: none;
}
.three__side-quick-link:hover,
.three__side-quick-link:focus {
background: #C6070F;
color: #ffffff;
}
.three__side-quick-link.three__date-selected {
background: #e31b23;
color: #ffffff;
}
@media all and (max-width: 47.9375em) {
.three__side-quick-link {
width: 50%;
text-align: center;
margin-top: 20px;
}
}
@media all and (min-width: 48em) {
.three__side-quick-link {
font-size: 1.25rem;
line-height: 1.3;
}
.three__side-quick-link:not(:first-of-type) {
margin-top: 20px;
}
}
.three__other {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
display: flex;
align-items: center;
flex-wrap: wrap;
z-index: 100;
overflow-y: scroll;
}
.three__other:not(.is-revealed) {
display: none;
}
@media all and (max-width: 47.9375em) {
.three__other {
bottom: 60px;
}
}
.three__summary {
display: inline-block;
margin: 20px auto 0 auto;
text-align: center;
position: relative;
padding: 10px 30px;
}
.three__summary:not(.is-active) {
display: none;
}
.three__bracket-left {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
left: 0;
top: 0;
}
.three__bracket-left:before,
.three__bracket-left:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.three__bracket-left:before {
top: 0;
left: 0;
}
.three__bracket-left:after {
bottom: 0;
left: 0;
}
.three__bracket-right {
width: 8px;
height: 100%;
background: #e31b23;
position: relative;
position: absolute;
right: 0;
top: 0;
}
.three__bracket-right:before,
.three__bracket-right:after {
content: '';
width: 20px;
height: 8px;
background: #e31b23;
position: absolute;
}
.three__bracket-right:before {
top: 0;
right: 0;
}
.three__bracket-right:after {
bottom: 0;
right: 0;
}
.three__date {
font-size: 1.25rem;
line-height: 1.3;
font-weight: 700;
margin-top: 0;
}
.three__hours {
margin-top: 0;
}
.four__container {
padding-top: 80px;
padding-bottom: 40px;
text-align: center;
}
@media all and (min-width: 48em) {
.four__container {
padding-top: 160px;
padding-bottom: 80px;
}
}
.four__row {
text-align: left;
display: flex;
flex-wrap: wrap;
}
.has-limited-promo .four__divider-container {
display: none;
}
.four__divider {
width: 100%;
text-align: center;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
font-size: 1.875rem;
line-height: 1.26666667;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.four__divider {
font-size: 2.25rem;
line-height: 1.38888889;
width: 83.33333333%;
}
}
@media all and (min-width: 62.5625em) {
.four__divider {
font-size: 2.25rem;
line-height: 1.38888889;
width: 33.33333333%;
}
}
.four__divider:before {
content: '';
height: 1px;
width: 100%;
background: #4a4a4a;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.four__divider span {
background: #ffffff;
display: inline-block;
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.four__tile.package-selected .four__button {
background: #51B24B;
}
.four__tile.package-selected .four__button:hover,
.four__tile.package-selected .four__button:focus {
background: #397c34;
}
@media all and (min-width: 62.5625em) {
.no-films .four__tile-ga {
margin-left: 30%;
}
}
@media all and (min-width: 48em) {
.five__picker-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 100px;
row-gap: 100px;
margin-top: 40px;
}
.five__picker-wrapper .ticketsTile {
margin-top: 0;
}
}
.five__container {
text-align: center;
}
.five__no-films {
display: none;
margin-top: 40px;
text-align: center;
}
.five__no-films .five__no-films {
display: block;
}
.individualSteps__step-title {
text-align: center;
font-size: 1.625rem;
line-height: 1.46153846;
color: #212121;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
}
@media all and (min-width: 48em) {
.individualSteps__step-title {
font-size: 2.25rem;
line-height: 1.38888889;
}
}
.individualSteps__step-container {
padding-top: 80px;
padding-bottom: 40px;
width: 100%;
position: relative;
}
@media all and (min-width: 48em) {
.individualSteps__step-container {
padding-top: 160px;
padding-bottom: 80px;
}
}
.six__container {
text-align: center;
}
.six__error-msg {
background: #FEC831;
color: #212121;
display: none;
padding: 10px 7.5px;
}
@media all and (max-width: 62.5em) {
.six__error-msg {
padding: 10px 15px;
}
}
@media all and (min-width: 62.5625em) {
.six__error-msg {
padding: 20px 30px;
}
}
.six__error-msg.is-revealed {
display: block;
}
.six__error-msg .six__icon {
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
@media all and (min-width: 62.5625em) {
.six__error-msg .six__icon {
display: inline-block;
margin-right: 7.5px;
margin-left: 0;
}
}
.six__error-msg .six__error-msg-content {
display: inline-block;
max-width: 90%;
vertical-align: top;
}
.six__review {
font-size: 1.875rem;
line-height: 1.26666667;
margin-top: 40px;
}
.six__summary {
margin-top: 20px;
height: 300px;
width: 100%;
position: relative;
}
.six__summary:before {
content: '';
width: 2px;
height: calc(100% - 20px);
display: block;
position: absolute;
left: 0;
top: 10px;
background: #e31b23;
}
.six__summary li {
position: absolute;
left: 0;
padding-left: 20px;
width: 100%;
}
.six__summary li.pyv-museum-opens {
top: 0;
}
.six__summary li.pyv-museum-closes {
bottom: 0;
}
.six__summary li:after {
content: '';
display: block;
height: 12px;
width: 12px;
background: #ffffff;
border: 2px solid #e31b23;
position: absolute;
top: 10px;
left: -5px;
border-radius: 50%;
}
.seven__container {
text-align: center;
}
.seven__img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
display: block;
z-index: -1;
}
.seven__row {
margin-top: 40px;
}
@media all and (min-width: 48em) {
.seven__row {
display: flex;
}
}
@media all and (min-width: 48em) {
.seven__col-2 {
display: flex;
}
}
.seven__list {
margin: 0;
width: 100%;
}
@media all and (min-width: 62.5625em) {
.seven__list {
padding-left: 10%;
}
}
.seven__item-base {
margin: 0 auto;
}
@media all and (min-width: 48em) {
.seven__item-base {
display: flex;
justify-content: space-between;
}
}
.seven__item {
margin-top: 40px;
}
.seven__item--first {
margin-top: 0;
}
.seven__item-hidden {
display: none !important;
}
.seven__question {
display: flex;
align-items: flex-start;
}
@media all and (min-width: 48em) {
.seven__question {
padding-top: 3px;
}
}
.seven__icon {
height: 20px;
width: 20px;
fill: #51B24B;
margin: 3px 10px 0 0;
}
.seven__review-title {
flex-grow: 1;
font-weight: 700;
color: #0f0f0f;
margin-top: 0;
text-align: left;
}
.seven__answer {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
@media all and (min-width: 48em) {
.seven__answer {
margin-top: 0;
}
}
.seven__review-answer {
flex-grow: 0;
margin: 0 auto 0 30px;
font-weight: 700;
color: #095380;
text-align: left;
}
@media all and (min-width: 48em) {
.seven__review-answer {
flex-grow: 1;
margin-left: 25px;
margin-right: 0;
text-align: right;
}
}
.seven__link {
margin-left: 25px;
padding-top: 5px;
}
.seven__checkout-error {
display: none;
margin: 20px auto 0 auto;
width: 100%;
max-width: 750px;
margin-top: 10px;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #e31b23;
background: #f6f6f6;
color: #4a4a4a;
text-decoration: none;
}
.seven__checkout-error.is-revealed {
display: block;
}
.ticketTiles__flex {
padding-top: 40px;
}
@media all and (min-width: 48em) {
.ticketTiles__flex {
display: flex;
gap: 50px;
}
}
@media all and (min-width: 62.5625em) {
.ticketTiles__flex {
gap: 100px;
}
}
@media all and (min-width: 48em) {
.ticketTiles__flex-col {
flex: 0 1 50%;
}
}
@media all and (min-width: 48em) {
.ticketTiles__flex-col .ticketsTile--large {
display: flex;
flex-direction: column;
height: calc(100% - 40px);
}
}
.ticketsTile {
background: #ffffff;
margin-top: 40px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
transform: translateY(0);
transition: box-shadow 140ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media all and (min-width: 48em) {
.ticketsTile--film,
.ticketsTile--large {
flex: 0 1 50%;
}
}
.ticketsTile:hover,
.ticketsTile:focus {
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
transform: translateY(-3px);
}
.ticketsTile:hover .ticketsTile__button,
.ticketsTile:focus .ticketsTile__button {
background: #000;
}
.ticketsTile__figure {
position: relative;
width: 100%;
margin: 0;
}
.ticketsTile__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 133.33333333%;
}
.ticketsTile__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.no-objectfit .ticketsTile__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.ticketsTile__content-flex .ticketsTile__figure {
width: 25%;
flex: 0 0 auto;
}
.ticketsTile__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.no-objectfit .ticketsTile__img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.ticketsTile--large .ticketsTile__figure {
position: relative;
width: 100%;
margin: 0;
background: #212121;
}
.ticketsTile--large .ticketsTile__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 50%;
}
.ticketsTile--large .ticketsTile__figure img {
-o-object-fit: contain;
object-fit: contain;
}
.ticketsTile__content {
padding: 30px;
text-align: left;
}
.ticketsTile__content-flex .ticketsTile__content {
padding: 0 0 0 30px;
}
.ticketsTile__content-flex {
display: flex;
align-items: flex-start;
padding: 30px;
}
.ticketsTile__title {
margin-top: 0;
}
.ticketsTile__pricing {
list-style: none outside none;
margin: 20px 0 0 0;
padding: 0;
}
.ticketsTile__pricing-price {
color: #0098B2;
}
.ticketsTile__input[type="radio"] {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
margin: 0;
z-index: 1;
transform: translate(-50%, -50%);
opacity: 0;
cursor: pointer;
}
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__content-flex .ticketsTile__check,
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__content .ticketsTile__check {
opacity: 1;
}
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__content-flex .ticketsTile__button,
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__button {
background: #51B24B;
color: #ffffff;
}
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__content-flex .ticketsTile__button--active,
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__button--active {
display: none;
}
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__content-flex .ticketsTile__button--inactive,
.ticketsTile__input[type="radio"]:checked ~ .ticketsTile__button--inactive {
display: block;
}
.ticketsTile__check {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
color: #ffffff;
background: #51B24B;
height: 40px;
width: 40px;
padding: 5px 10px;
border-radius: 50%;
transform: translateY(-50%) translateX(-50%);
opacity: 0;
z-index: 1;
}
.ticketsTile--large .ticketsTile__check {
left: 30px;
}
.ticketsTile__check svg {
font-size: 20px;
}
.ticketsTile__button {
margin-top: 30px;
transition: none;
}
.ticketsTile__button:before,
.ticketsTile__button:after {
display: none;
}
.ticketsTile__button--inactive {
display: none;
}
.ticketsTile--large .ticketsTile__button {
margin-top: auto;
display: block;
width: 100%;
}
.admissionCard__tile-film {
display: flex;
align-items: stretch;
}
.admissionCard__tile-film.included-film .admissionCard__film-price {
display: none;
}
.admissionCard__tile-film.included-film .admissionCard__film-price-included {
display: block;
}
.admissionCard__tile-film.not-included-film .admissionCard__film-price {
display: block;
}
.admissionCard__tile-film.not-included-film .admissionCard__film-price-included {
display: none;
}
.admissionCard__card {
padding: 20px 15px;
}
@media all and (min-width: 48em) {
.admissionCard__card {
padding: 30px;
}
}
.totally-sold-out .admissionCard__card,
.sold-out .admissionCard__card {
padding-top: 0;
}
.admissionCard__meta {
margin-top: 120px;
display: flex;
align-items: flex-start;
position: relative;
}
#pyv-package-picker .admissionCard__meta {
display: none;
}
#package-picker-wrapper .admissionCard__meta {
display: none;
}
.admissionCard__meta.admissionCard__meta-skipped {
display: none;
}
@media all and (max-width: 47.9375em) {
.admissionCard__meta:first-of-type {
margin-top: 40px;
}
}
@media all and (min-width: 48em) {
.admissionCard__meta {
margin-top: 40px;
}
}
.admissionCard__meta-image-container {
width: 120px;
position: absolute;
left: 0;
top: 0;
}
@media all and (min-width: 48em) {
.admissionCard__meta-image-container {
position: relative;
width: 200px;
}
}
@media all and (max-width: 47.9375em) {
.admissionCard__top-lockup {
width: 100%;
padding-left: 130px;
min-height: 160px;
}
}
.admissionCard__meta-image {
display: block;
}
.admissionCard__meta-content {
flex-grow: 1;
padding-left: 15px;
text-align: left;
}
@media all and (min-width: 48em) {
.admissionCard__meta-content {
padding-left: 30px;
}
}
.admissionCard__meta-title {
text-align: left;
}
.exhibitTImes__time-list,
.admissionCard__timepicker-list {
margin-top: 10px;
text-align: left;
padding-bottom: 20px;
}
.exhibitTickets__time-list-item,
.time-slot {
width: calc(33.3333% - 15px);
display: block;
float: left;
cursor: pointer;
margin-right: 15px;
margin-top: 20px;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.875;
background: #f6f6f6;
color: #4a4a4a;
border: 1px solid #767676;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
@media all and (min-width: 48em) and (max-width: 62.5em) {
.exhibitTickets__time-list-item,
.time-slot {
width: calc(25% - 15px);
}
}
@media all and (min-width: 62.5625em) {
.exhibitTickets__time-list-item,
.time-slot {
width: calc(20% - 15px);
}
}
.exhibitTickets__time-list-item:hover,
.time-slot:hover,
.exhibitTickets__time-list-item:focus,
.time-slot:focus {
background: #397c34;
color: #ffffff;
border-color: #397c34;
}
.exhibitTickets__time-list-item.js-selected-time,
.time-slot.js-selected-time,
.exhibitTickets__time-list-item.admissionCard__selected-time,
.time-slot.admissionCard__selected-time {
background: #51B24B;
color: #ffffff;
border-color: #51B24B;
}
.exhibitTickets__time-list-item.sold-out-time,
.time-slot.sold-out-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.sold-out-time:hover,
.time-slot.sold-out-time:hover,
.exhibitTickets__time-list-item.sold-out-time:focus,
.time-slot.sold-out-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__unavailable-time,
.time-slot.admissionCard__unavailable-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__unavailable-time:hover,
.time-slot.admissionCard__unavailable-time:hover,
.exhibitTickets__time-list-item.admissionCard__unavailable-time:focus,
.time-slot.admissionCard__unavailable-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__unavailable-time,
.time-slot.admissionCard__unavailable-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__unavailable-time:hover,
.time-slot.admissionCard__unavailable-time:hover,
.exhibitTickets__time-list-item.admissionCard__unavailable-time:focus,
.time-slot.admissionCard__unavailable-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__conflict-time,
.time-slot.admissionCard__conflict-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__conflict-time:hover,
.time-slot.admissionCard__conflict-time:hover,
.exhibitTickets__time-list-item.admissionCard__conflict-time:focus,
.time-slot.admissionCard__conflict-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__conflict-time,
.time-slot.admissionCard__conflict-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__conflict-time:hover,
.time-slot.admissionCard__conflict-time:hover,
.exhibitTickets__time-list-item.admissionCard__conflict-time:focus,
.time-slot.admissionCard__conflict-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__sold-out-time,
.time-slot.admissionCard__sold-out-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__sold-out-time:hover,
.time-slot.admissionCard__sold-out-time:hover,
.exhibitTickets__time-list-item.admissionCard__sold-out-time:focus,
.time-slot.admissionCard__sold-out-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.exhibitTickets__time-list-item.admissionCard__sold-out-time,
.time-slot.admissionCard__sold-out-time {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.exhibitTickets__time-list-item.admissionCard__sold-out-time:hover,
.time-slot.admissionCard__sold-out-time:hover,
.exhibitTickets__time-list-item.admissionCard__sold-out-time:focus,
.time-slot.admissionCard__sold-out-time:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.admissionCard__clear-time {
margin-right: 7.5px;
}
.admissionCard__remove-selection {
margin-left: 7.5px;
}
.admissionCard__hidden-time {
display: none;
}
.admissionCard__img-container {
width: 100px;
float: left;
}
.admissionCard__content-wrapper {
width: calc(100% - 100px);
float: left;
padding-left: 15px;
}
@media all and (min-width: 48em) {
.admissionCard__content-wrapper {
padding-left: 30px;
}
}
.admissionCard__title {
font-size: 1.5rem;
line-height: 1.25;
text-align: left;
}
.admissionCard__package-details {
font-size: 1.25rem;
line-height: 1.3;
margin-top: 15px;
text-align: center;
}
.admissionCard__package-details b {
color: #e31b23;
}
.admissionCard__description {
font-size: 0.75rem;
line-height: 1.66666667;
}
.admissionCard__description p {
font-size: 0.75rem;
line-height: 1.66666667;
}
.admissionCard__prices {
font-size: 0.875rem;
line-height: 1.85714286;
}
.admissionCard__prices strong {
color: #3BC0C7;
}
.admissionCard__price-note {
font-size: 0.75rem;
line-height: 1.66666667;
color: #3BC0C7;
}
.admissionCard__availability {
display: none;
width: calc(100% + (15px * 2));
text-align: center;
margin: 0;
padding: 10px 15px;
color: #ffffff;
transform: translateX(-15px);
margin-bottom: 10px;
}
@media all and (min-width: 48em) {
.admissionCard__availability {
padding: 10px 30px;
width: calc(100% + (30px * 2));
transform: translateX(-30px);
}
}
.admissionCard__availability-sold-out {
background: #FEC831;
}
.sold-out .admissionCard__availability-sold-out {
display: block;
}
.admissionCard__availability-totally-sold-out {
background: #e31b23;
}
.totally-sold-out .admissionCard__availability-totally-sold-out {
display: block;
}
.admissionCard__button {
margin-top: 20px;
}
.pyv-hidden-counter {
display: none;
}
.admissionCard__tile .admissionCard__attendee-row-counter,
.ga-only-tile .admissionCard__attendee-row-counter {
display: none;
}
.admissionCard__tile.package-selected .admissionCard__attendee-row-counter,
.ga-only-tile.package-selected .admissionCard__attendee-row-counter {
display: flex;
}
.admissionCard__tile.package-selected .admissionCard__attendee-row-counter.pyv-hidden-counter,
.ga-only-tile.package-selected .admissionCard__attendee-row-counter.pyv-hidden-counter {
display: none;
}
.admissionCard__attendee-row-counter {
float: left;
margin-top: 20px;
width: 100%;
}
.package-selected .admissionCard__add-to-day {
display: none;
}
.admissionCard__added-to-day {
display: none;
}
.package-selected .admissionCard__added-to-day {
display: inline;
}
.admissionCard__label {
width: calc(100% - 130px);
display: flex;
align-items: center;
flex-wrap: wrap;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.85714286;
padding-right: 15px;
}
.admissionCard__label-text {
display: contents;
}
.admissionCard__dec-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.admissionCard__inc-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.admissionCard__num-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.admissionCard__num-attend-display {
display: inherit;
}
.has-limited-promo .ga-only-tile {
display: none;
}
.bundleCard__content-wrapper {
padding: 20px 15px;
position: relative;
}
@media all and (min-width: 48em) {
.bundleCard__content-wrapper {
padding: 20px 30px;
}
}
.bundleCard__title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
margin-top: 5px;
font-weight: 700;
transition: color 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bundleCard__tile .tnew-counter-type-ga,
.bundleCard__tile .tnew-counter-type-exhibit {
display: none;
}
.bundleCard__tile.package-selected .tnew-counter-type-ga,
.bundleCard__tile.package-selected .tnew-counter-type-exhibit {
display: flex;
}
.bundleCard__tile.package-selected .tnew-counter-type-ga.pyv-hidden-counter,
.bundleCard__tile.package-selected .tnew-counter-type-exhibit.pyv-hidden-counter {
display: none;
}
.bundleCard__sold-out .bundleCard__sold-out-wrapper {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
width: 100%;
}
.bundleCard__sold-out .bundleCard__sold-out-wrapper:hover,
.bundleCard__sold-out .bundleCard__sold-out-wrapper:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.bundleCard__sub-title {
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 700;
margin-top: 0;
font-size: 0.875rem;
line-height: 1.85714286;
line-height: 1.5em;
color: #212121;
}
.bundleCard__description {
font-size: 0.75rem;
line-height: 1.66666667;
}
.bundleCard__description p {
font-size: 0.75rem;
line-height: 1.66666667;
}
.bundleCard__price {
text-align: center;
}
.bundleCard__price strong {
color: #3BC0C7;
}
.bundleCard__availability-sold-out {
display: none;
}
.bundleCard__availability-totally-sold-out {
display: none;
}
.bundleCard__button {
width: 100%;
}
.bundleCard__package-img-container {
width: 100px;
float: left;
}
.bundleCard__icon {
font-size: 20px;
fill: currentColor;
}
.bundleCard__icon-container {
height: 40px;
width: 40px;
padding: 5px 10px;
position: absolute;
opacity: 0;
transition: opacity 140ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: -10px;
left: 15px;
transform: translateY(-50%);
border-radius: 50%;
background: #51B24B;
color: #ffffff;
}
.package-selected .bundleCard__icon-container {
opacity: 1;
}
.package-selected .bundleCard__add-to-day {
display: none;
}
.bundleCard__added-to-day {
display: none;
}
.package-selected .bundleCard__added-to-day {
display: inline;
}
.pyv-hidden-counter {
display: none;
}
.bundleCard__tile .bundleCard__attendee-row-counter {
display: none;
}
.bundleCard__tile.package-selected .bundleCard__attendee-row-counter {
display: flex;
}
.bundleCard__tile.package-selected .bundleCard__attendee-row-counter.pyv-hidden-counter {
display: none;
}
.bundleCard__attendee-row-counter {
float: left;
margin-top: 0;
width: 100%;
padding-left: 15px;
}
.bundleCard__label {
width: calc(100% - 130px);
display: flex;
align-items: center;
flex-wrap: wrap;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.85714286;
}
.bundleCard__label-text {
display: contents;
}
.bundleCard__dec-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.bundleCard__inc-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.bundleCard__num-attendee {
font-size: 0.75rem;
line-height: 1.66666667;
}
.bundleCard__promo-eligible {
background-image: url('/wp-content/themes/lbcore/resources//images/burst-blank.svg');
background-position: center center;
background-size: contain;
width: 82px;
height: 63px;
transform: rotate(19deg);
color: #ffffff;
position: absolute;
top: -30px;
right: -44px;
padding: 33px 30px 30px 30px;
background-repeat: no-repeat;
box-sizing: content-box;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
font-family: "interstate-compressed", "Overpass", Haettenschweiler, Impact, Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
}
.filmOnlyCard__card {
padding: 20px 15px;
}
@media all and (min-width: 48em) {
.filmOnlyCard__card {
padding: 30px;
}
}
.filmOnlyCard__meta {
display: none;
}
.filmOnlyCard__hidden-time {
display: none;
}
.filmOnlyCard__img-container {
width: 100px;
float: left;
}
.package-selected .filmOnlyCard__add-to-day {
display: none;
}
.filmOnlyCard__added-to-day {
display: none;
}
.package-selected .filmOnlyCard__added-to-day {
display: inline;
}
.filmOnlyCard__content-wrapper {
width: calc(100% - 100px);
float: left;
padding-left: 15px;
}
@media all and (min-width: 48em) {
.filmOnlyCard__content-wrapper {
padding-left: 30px;
}
}
.filmOnlyCard__title {
font-size: 1.5rem;
line-height: 1.25;
text-align: left;
}
.filmOnlyCard__package-details {
font-size: 1.25rem;
line-height: 1.3;
margin-top: 15px;
text-align: center;
}
.filmOnlyCard__package-details b {
color: #e31b23;
}
.filmOnlyCard__description {
font-size: 0.75rem;
line-height: 1.66666667;
}
.filmOnlyCard__description p {
font-size: 0.75rem;
line-height: 1.66666667;
}
.filmOnlyCard__prices {
font-size: 0.875rem;
line-height: 1.85714286;
}
.filmOnlyCard__prices strong {
color: #3BC0C7;
}
.filmOnlyCard__availability-sold-out {
display: none;
}
.filmOnlyCard__availability-totally-sold-out {
display: none;
}
.filmOnlyCard__button {
margin-top: 20px;
}
.filmOnlyCard__tile-film {
display: flex;
align-items: stretch;
}
.has-limited-promo .film-only-tile {
display: none;
}
.prices__prices {
display: none;
}
.calendar__cell {
width: 14.28571429%;
display: block;
float: left;
text-align: center;
font-size: 1.625rem;
line-height: 1.46153846;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
@media all and (min-width: 48em) {
.calendar__cell {
font-size: 2.25rem;
line-height: 1.38888889;
padding-top: 20px;
padding-bottom: 20px;
}
}
.calendar__row {
display: flex;
align-items: stretch;
flex-wrap: wrap;
flex-shrink: 0;
flex-grow: 0;
}
.calendar__day-unavailable {
color: #bfbfbf;
}
.calendar__day-unavailable:hover .calendar__day-extra,
.calendar__day-unavailable:focus .calendar__day-extra {
display: block;
}
.calendar__day-extra {
display: none;
height: 75px;
width: 75px;
position: absolute;
left: 50%;
top: -60px;
transform: translateX(-50%);
background: #e31b23;
color: #ffffff;
}
.calendar__day-extra:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
height: 0;
width: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e31b23;
pointer-events: none;
}
.calendar__day-available {
color: #4a4a4a;
cursor: pointer;
}
.calendar__day-available:hover,
.calendar__day-available:focus {
color: #ffffff;
background: #C6070F;
}
.calendar__day-available.calendar__date-selected {
background: #e31b23;
color: #ffffff;
}
.calendar__day-available .calendar__day-extra {
display: none;
}
.calendar__expired {
position: absolute;
top: 10px;
right: 10px;
}
.calendar__icon {
display: block;
height: 24px;
width: 24px;
fill: #e31b23;
}
.calendar__popup {
position: absolute;
bottom: calc(100% + 12px);
right: 0;
padding: 10px 15px;
background: #e31b23;
color: #ffffff;
display: none;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
min-width: 200px;
}
.calendar__popup:before {
content: '';
height: 0;
width: 0;
display: block;
position: absolute;
top: 100%;
right: 7.5px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #e31b23;
}
.calendar__expired:hover .calendar__popup,
.calendar__expired:focus .calendar__popup {
display: block;
}
.timeline {
width: 100%;
display: flex;
flex-grow: 1;
margin-top: 40px;
}
@media all and (min-width: 48em) {
.timeline {
margin-top: 0;
}
}
.timeline__list {
list-style: none;
padding: 0 0 0 12px;
position: relative;
text-align: left;
overflow: hidden;
}
@media all and (max-width: 47.9375em) {
.timeline__list {
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 48em) {
.timeline__list {
margin-left: 30px;
}
}
.timeline__item {
position: relative;
padding-left: 24px;
line-height: 1.5 !important;
font-weight: 400;
margin-top: 20px;
}
.timeline__item:first-of-type {
margin-top: 0;
}
.timeline__item--last:after {
content: '';
width: 4px;
height: 700px;
background: #bfbfbf;
position: absolute;
left: -2px;
bottom: 100%;
z-index: 5;
}
.timeline__time {
display: block;
font-weight: 500;
}
.upsell__wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
background-color: rgba(33, 33, 33, 0.45);
}
.upsell__wrapper.upsell__is-active {
display: block;
}
.upsell__modal {
width: 92%;
max-width: 800px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: #ffffff;
display: flex;
align-items: stretch;
}
.upsell__img-container {
width: 200px;
position: relative;
overflow: hidden;
}
@media all and (max-width: 47.9375em) {
.upsell__img-container {
display: none;
}
}
.upsell__img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom right;
object-position: bottom right;
transform: scaleX(-1);
}
.upsell__content {
width: calc(100% - 200px);
padding: 40px 30px;
}
@media all and (max-width: 47.9375em) {
.upsell__content {
width: 100%;
padding: 30px;
}
}
.upsell__badge {
position: absolute;
width: 148px;
top: -50px;
right: -50px;
}
@media all and (max-width: 47.9375em) {
.upsell__badge {
display: none;
}
}
.upsell__title {
font-size: 3rem;
line-height: 1.25;
color: #004071;
padding-right: 115px;
margin-top: 0;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
@media all and (max-width: 47.9375em) {
.upsell__title {
font-size: 1.625rem;
line-height: 1.23076923;
padding-right: 0px;
}
}
.upsell__subtitle {
display: none;
}
@media all and (max-width: 47.9375em) {
.upsell__subtitle {
display: block;
font-weight: 700;
margin-top: 10px;
}
}
.upsell__desc {
margin-top: 20px;
}
.upsell__links-container {
margin-top: 20px;
display: flex;
width: 100%;
align-items: center;
flex-direction: row-reverse;
}
@media all and (max-width: 47.9375em) {
.upsell__links-container {
flex-direction: column;
}
}
.upsell__link {
margin-right: 15px;
}
@media all and (max-width: 47.9375em) {
.upsell__link {
margin-right: 0px;
margin-top: 10px;
}
}
.modalLogin {
display: none;
}
.modalLogin.is-revealed {
display: block;
}
.modalLogin .one__img-container {
width: 50%;
flex: 0 0 auto;
}
.modalLogin__input-container {
margin: 5px 0;
}
.modalLogin__input-container .elements__input-alert-msg {
font-size: 0.875rem;
line-height: 1.85714286;
color: #C6070F;
}
.modalLogin__content {
width: 50%;
padding: 3.75rem 2.5rem;
}
.modalLogin__content form {
text-align: left;
}
.modalLogin__input {
line-height: 2.5;
}
.modalLogin__required-text {
margin: 5px 0 20px;
}
.modalLogin__required-label {
color: #004AA1;
}
.modalLogin__submit-btn.disabled {
background: #bfbfbf;
color: #4a4a4a;
pointer-events: none;
cursor: inherit;
}
.modalLogin__submit-btn.disabled:hover,
.modalLogin__submit-btn.disabled:focus {
background: #bfbfbf;
color: #4a4a4a;
}
.modalLogin__error {
display: none;
}
.modalLogin__error.is-error {
display: inline-flex;
margin: 20px 0;
padding: 10px;
background-color: #EBF4FF;
border-radius: 0.25rem;
}
.modalLogin__error p {
margin: 0px;
text-align: left;
}
.modalLogin__link-external {
margin-top: 40px;
}
.modalLogin__close-link {
position: absolute;
right: 0;
top: 0;
width: 3rem;
height: 3rem;
border: 0;
outline: 0;
padding: 0px;
color: #bfbfbf;
}
.modalLogin__close-link:hover,
.modalLogin__close-link:focus {
color: #212121;
}
.modalLogin__close-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
/**
* Posts
*/
.singleEvent__event {
padding: 180px 0 40px 0;
position: relative;
}
.singleEvent__pattern-figure {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
margin: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.singleEvent__pattern-figure img {
height: 100%;
width: 100%;
margin: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0;
transition: opacity 150ms linear;
}
.singleEvent__pattern-figure img.lazyloaded {
opacity: 1;
}
.singleEvent__image {
display: block;
width: 100%;
}
.singleEvent__content {
margin-top: 20px;
}
@media all and (min-width: 48em) {
.singleEvent__content {
margin-top: 0;
}
}
.singleEvent__pre-heading {
margin-top: 0 !important;
}
.singleEvent__title {
margin-top: 0;
font-size: 3rem;
line-height: 1.25;
letter-spacing: -0.02562em;
line-height: 1em;
}
@media all and (min-width: 48em) {
.singleEvent__title {
font-size: 4.75rem;
line-height: 1.05263158;
line-height: 1em;
letter-spacing: -0.016184em;
}
}
.singleEvent__date-icon {
margin-top: -4px;
}
.singleEvent__icon {
height: 16px;
width: 16px;
fill: currentColor;
}
.singleEvent__date {
font-size: 1rem;
line-height: 1.875;
margin-top: 0;
color: #e31b23;
font-family: "interstate", "Overpass", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
font-weight: 400;
}
@media all and (min-width: 62.5625em) {
.singleEvent__date {
font-size: 1.25rem;
line-height: 1.3;
}
}
.singleEvent__description {
margin-top: 20px;
}
.singleEvent__description > *:first-child {
margin-top: 0;
}
@media all and (min-width: 48em) {
.singleEvent__details {
margin-top: -40px;
}
}
.singleEvent__dates {
margin-top: 40px;
border-top: 1px solid #DEDEDE;
padding-top: 30px;
padding-bottom: 20px;
position: relative;
}
@media all and (max-width: 47.9375em) {
.singleEvent__wysiwyg {
margin-top: 20px;
}
}
.singleEvent__trailer-button {
margin-top: 40px;
}
.singleEvent__hidden {
display: none;
}
/**
* Print
*/
/**
* Prototype Styles
* REMOVE WHEN BEGINNING PRODUCTION
*/
/*# sourceMappingURL=../../build/css/maps/lbcore.css.map */