[data-tower-id='e1d3131287da48f1b1ce4a50a00ac636'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='f2969e0d31a045cabf8e6a78e328fa5d'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='b512116e9eb54ff58fb94c046ee83adf'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='d67ddbc431514ca994ddbae89488cd70'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='684b77be0cd540e49a2e609e73692ffc'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='9b94cb6bc9734fdcaad2fc812541d19f'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='b02063f704ba4e66bf04d98d2bbb2822'] .block-content {opacity: 1!important;}
/********/
[data-tower-id='1a1cf61f3367473ead583182e06d0810'] .block-content {opacity: 1!important;}
/********/
/* tower.mason.less
*
* The main LESS file for Tower Mason.
* Note that all component stylesheets are imported with (inline). This is because
* we do not want LESS.js to process any less, simply generate a single LESS
* file that we can provide to the client for processing in the browser.
*/
/**
* Document Style Variables (provided by InstanceStyleMixin)
* @color[1..5]
* @font[1..2]
* @fontSize[1..7]
*
* These global variables can be utilized anywhere in the below less files to bind a style rule to the document's
* currently selected style, e.g.
* .paragraph-pip {
* color: @color1;
* }
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-size: 100%;
}
/*!
* Cropper v2.3.4
* https://github.com/fengyuanchen/cropper
*
* Copyright (c) 2014-2016 Fengyuan Chen and contributors
* Released under the MIT license
*
* Date: 2016-09-03T05:50:45.412Z
*/
.cropper-container {
font-size: 0;
line-height: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
direction: ltr !important;
}
.cropper-container img {
display: block;
width: 100%;
min-width: 0 !important;
max-width: none !important;
height: 100%;
min-height: 0 !important;
max-height: none !important;
image-orientation: 0deg !important;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cropper-wrap-box {
overflow: hidden;
}
.cropper-drag-box {
opacity: 0;
background-color: #fff;
filter: alpha(opacity=0);
}
.cropper-modal {
opacity: .5;
background-color: #000;
filter: alpha(opacity=50);
}
.cropper-view-box {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
}
.cropper-dashed {
position: absolute;
display: block;
opacity: .5;
border: 0 dashed #eee;
filter: alpha(opacity=50);
}
.cropper-dashed.dashed-h {
top: 33.33333%;
left: 0;
width: 100%;
height: 33.33333%;
border-top-width: 1px;
border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
top: 0;
left: 33.33333%;
width: 33.33333%;
height: 100%;
border-right-width: 1px;
border-left-width: 1px;
}
.cropper-center {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0;
height: 0;
opacity: .75;
filter: alpha(opacity=75);
}
.cropper-center:before,
.cropper-center:after {
position: absolute;
display: block;
content: ' ';
background-color: #eee;
}
.cropper-center:before {
top: 0;
left: -3px;
width: 7px;
height: 1px;
}
.cropper-center:after {
top: -3px;
left: 0;
width: 1px;
height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: .1;
filter: alpha(opacity=10);
}
.cropper-face {
top: 0;
left: 0;
background-color: #fff;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
top: 0;
right: -3px;
width: 5px;
cursor: e-resize;
}
.cropper-line.line-n {
top: -3px;
left: 0;
height: 5px;
cursor: n-resize;
}
.cropper-line.line-w {
top: 0;
left: -3px;
width: 5px;
cursor: w-resize;
}
.cropper-line.line-s {
bottom: -3px;
left: 0;
height: 5px;
cursor: s-resize;
}
.cropper-point {
width: 5px;
height: 5px;
opacity: .75;
background-color: #39f;
filter: alpha(opacity=75);
}
.cropper-point.point-e {
top: 50%;
right: -3px;
margin-top: -3px;
cursor: e-resize;
}
.cropper-point.point-n {
top: -3px;
left: 50%;
margin-left: -3px;
cursor: n-resize;
}
.cropper-point.point-w {
top: 50%;
left: -3px;
margin-top: -3px;
cursor: w-resize;
}
.cropper-point.point-s {
bottom: -3px;
left: 50%;
margin-left: -3px;
cursor: s-resize;
}
.cropper-point.point-ne {
top: -3px;
right: -3px;
cursor: ne-resize;
}
.cropper-point.point-nw {
top: -3px;
left: -3px;
cursor: nw-resize;
}
.cropper-point.point-sw {
bottom: -3px;
left: -3px;
cursor: sw-resize;
}
.cropper-point.point-se {
right: -3px;
bottom: -3px;
width: 20px;
height: 20px;
cursor: se-resize;
opacity: 1;
filter: alpha(opacity=100);
}
.cropper-point.point-se:before {
position: absolute;
right: -50%;
bottom: -50%;
display: block;
width: 200%;
height: 200%;
content: ' ';
opacity: 0;
background-color: #39f;
filter: alpha(opacity=0);
}
@media (min-width: 768px) {
.cropper-point.point-se {
width: 15px;
height: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
width: 10px;
height: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
width: 5px;
height: 5px;
opacity: .75;
filter: alpha(opacity=75);
}
}
.cropper-invisible {
opacity: 0;
filter: alpha(opacity=0);
}
.cropper-bg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
position: absolute;
display: block;
width: 0;
height: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
.font-arial {
font-family: 'Arial';
}
.font-courier_new {
font-family: 'Courier New';
}
.font-georgia {
font-family: 'Georgia';
}
.font-helvetica_neue {
font-family: 'Helvetica Neue';
}
.font-lucida_console {
font-family: 'Lucida Console';
}
.font-lucida_sans_unicode {
font-family: 'Lucida Sans Unicode';
}
.font-palatino_linotype {
font-family: 'Palatino Linotype';
}
.font-tahoma {
font-family: 'Tahoma';
}
.font-time_new_roman {
font-family: 'Times New Roman';
}
.font-trebuchet_ms {
font-family: 'Trebuchet MS';
}
svg {
overflow: hidden;
}
html {
font-size: 12px;
}
@media (min-width: 481px) {
html {
font-size: 16px;
}
}
.document {
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0;
overflow: hidden;
background-color: #ffffff;
min-height: 100vh;
}
.document img {
max-width: none;
}
.document:empty {
height: 200px;
}
body.preview .document {
position: absolute;
}
@media (min-width: 481px) {
.document {
min-height: auto;
}
}
body.is-dragging-block .emptyDocumentNotification {
display: none;
}
body.is-dragging-block .emptyDocumentNotification-nonHomePage {
display: none;
}
.document--editable {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.document--has-sticky-sidebar {
box-shadow: none;
}
.lessDrawerWidth {
margin-left: 430px;
}
.emptyDocumentWrapper {
background-color: #53545b;
}
.emptyDocumentWrapper.fixed-width {
max-width: 1100px;
margin: auto;
}
.emptyDocumentNotification-nonHomePage,
.emptyDocumentNotification {
background-color: white;
border: 3px dashed #65c3de;
color: #6b6d7a;
padding: 40px;
}
.emptyDocumentNotification {
line-height: 2;
}
.emptyDocumentNotification-messageContent {
font-family: 'Lato', 'sans-serif';
text-align: center;
font-size: 1.5em;
}
.emptyDocumentNotification-messageContent-link {
cursor: pointer;
color: #61c3e0;
text-decoration: underline;
font-size: 0.6em;
}
.emptyDocumentNotification-messageContent-image {
display: inline-block;
fill: #65c3de;
width: 64px;
height: 64px;
}
.emptyDocumentNotification-messageContent-importance {
font-weight: bold;
}
.document-article-inner {
position: relative;
z-index: 3;
}
.document-align-center {
max-width: 1100px;
margin: auto;
}
.document-align-left {
max-width: 1100px;
}
.document-align-right {
max-width: 1100px;
margin: 0 0 0 auto;
}
.document-background-image-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
z-index: 1;
background-position: 100% top;
}
.document-background-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#document-popover-overlay {
position: absolute;
height: 100%;
width: 100vw;
opacity: 0;
transition: opacity 200ms linear;
pointer-events: none;
background-color: #000;
z-index: 10;
}
#document-popover-overlay.visible {
opacity: 0.5;
pointer-events: auto;
}
.popover-blocks-container {
position: relative;
z-index: 11;
}
.emptyDocumentNotification-drawerLink {
cursor: pointer;
color: #65c3de;
padding-top: 10px;
font-size: 0.7em;
text-decoration: underline;
}
.emptyDocumentNotification-drawerLink:hover {
color: #8fd3e7;
}
.svg-def-container {
display: none;
}
.font-color1 {
color: #3d424e;
text-decoration: inherit;
}
.font-color2 {
color: #f27292;
text-decoration: inherit;
}
.font-color3 {
color: #efecea;
text-decoration: inherit;
}
.font-color4 {
color: #ffffff;
text-decoration: inherit;
}
.font-color5 {
color: #333333;
text-decoration: inherit;
}
[class^='font-custom-color-'] {
text-decoration: inherit;
}
.font-fontSize1 {
font-size: 60%;
}
.font-fontSize2 {
font-size: 80%;
}
.font-fontSize3 {
font-size: 100%;
}
.font-fontSize4 {
font-size: 120%;
}
.font-fontSize5 {
font-size: 140%;
}
.font-size1 {
font-size: 0.75rem;
}
.font-size2 {
font-size: 0.875rem;
}
.font-size3 {
font-size: 1rem;
}
.font-size4 {
font-size: 1.125rem;
}
.font-size5 {
font-size: 1.25rem;
}
.font-size6 {
font-size: 1.5rem;
}
.font-size7 {
font-size: 1.75rem;
}
.font-size8 {
font-size: 2.25rem;
}
.font-size9 {
font-size: 3rem;
}
.font-size10 {
font-size: 4.5rem;
}
.font-size11 {
font-size: 5rem;
}
.font-size12 {
font-size: 6rem;
}
.font-size13 {
font-size: 7rem;
}
.font-size14 {
font-size: 8rem;
}
.font-size15 {
font-size: 9rem;
}
.font-size16 {
font-size: 10rem;
}
.font-size17 {
font-size: 11rem;
}
.font-font1 {
font-family: Fira Sans Condensed;
font-variant: inherit;
text-transform: inherit;
}
.font-font2 {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.font-font3 {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.rich-text-editable-container,
.rich-text-content {
overflow-wrap: break-word;
}
.document--published section.lightbox-mode .graphic-pip-container:not(.force-disable-lightbox) img[data-lightbox-url],
.document--published .force-lightbox img[data-lightbox-url]:not([data-media-gallery-index]),
.document--published img[data-lightbox-url][data-media-gallery-index] {
cursor: pointer;
}
.gaussian-blur--initial {
filter: blur(10px);
transform: translateZ(0);
transition: 0.5s filter linear;
}
.gaussian-blur--loaded {
filter: blur(0px);
}
.theme-sidebar-layout__sidebar .block {
height: 100%;
}
.theme-sidebar-layout__sidebar .layer-container {
height: 100%;
}
.theme-sidebar-layout__sidebar {
width: 100%;
flex: 1 1 auto;
}
.theme-sidebar-layout__sidebar--hidden {
height: 0;
}
.theme-sidebar-layout--sidebar-only .theme-sidebar-layout__sidebar {
order: -1;
}
.theme-sidebar-layout__blocks {
flex: 1 1 auto;
}
@media only screen and (min-width: 60em) {
.theme-sidebar-layout.theme-sidebar-layout--sticky-sidebar {
flex-wrap: nowrap;
}
.theme-sidebar-layout__sidebar--hidden {
height: initial;
}
.theme-sidebar-layout--right .theme-sidebar-layout__sidebar {
order: 0;
}
.theme-sidebar-layout--sticky-sidebar {
height: 100vh;
}
.theme-sidebar-layout__sidebar--sticky .block {
height: 100vh;
}
.theme-sidebar-layout__sidebar--sticky .block-content {
height: 100%;
overflow: hidden;
}
.theme-sidebar-layout__blocks {
flex: 1;
}
}
.theme-sidebar-layout,
.block-layout {
flex-wrap: wrap;
}
.block-layout__left-slot section,
.block-layout__right-slot section {
height: 100%;
}
.block-layout__left-slot .layer-container,
.block-layout__right-slot .layer-container {
height: 100%;
}
.block-layout__main-slot {
flex: 1 1 auto;
}
.block-layout__left-slot,
.block-layout__right-slot {
width: 100%;
order: 1;
flex: 1 1 auto;
}
.block-layout__right-slot--hidden,
.block-layout__left-slot--hidden {
height: 0;
}
@media only screen and (min-width: 60em) {
.block-layout__main-slot {
flex: 1;
}
.block-layout__left-slot,
.block-layout__right-slot {
order: inherit;
}
.block-layout__right-slot--hidden,
.block-layout__left-slot--hidden {
height: inherit;
}
.theme-sidebar-layout,
.block-layout {
flex-wrap: nowrap;
}
}
.frame {
position: relative;
pointer-events: none;
}
.frame--basic,
.frame--u-shadow,
.frame--paper,
.frame--wide-shadow {
background-color: #ffffff;
}
.frame--basic,
.frame--u-shadow,
.frame--paper {
padding: 9px;
border: 1px solid #d9d9d9;
}
.frame--paper::before,
.frame--paper::after {
content: '';
box-shadow: 0 0 7px 4px rgba(104, 104, 104, 0.5);
background: rgba(104, 104, 104, 0.5);
filter: blur(4px);
width: 49%;
height: 12px;
position: absolute;
bottom: 0;
z-index: -2;
}
.frame--paper::before {
left: 10px;
transform: rotate(-2deg);
}
.frame--paper::after {
right: 10px;
transform: rotate(2deg);
}
.frame--u-shadow::before {
content: '';
position: absolute;
bottom: 0;
width: 90%;
box-shadow: 0 5px 9px rgba(104, 104, 104, 0.5);
height: 20px;
left: 50%;
border-radius: 50%;
transform: translateX(-50%);
z-index: -2;
}
.frame--inner-opacity::before,
.frame--double-contrast::before,
.frame--double-contrast::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.frame--inner-opacity::before {
border: 10px solid rgba(255, 255, 255, 0.7);
}
.frame--double-contrast {
padding: 18px;
}
.frame--double-contrast::before {
border: 18px solid #ffffff;
}
.frame--double-contrast::after {
border: 14px solid #000000;
}
.frame--wide-shadow {
padding: 15px;
box-shadow: 0 2px 30px rgba(104, 104, 104, 0.5);
}
.frame--circle {
overflow: hidden;
border-radius: 50%;
}
.frame__tape {
height: 80px;
width: 80px;
outline: 10px;
position: absolute;
top: -20px;
left: -20px;
z-index: 1;
}
.frame__tape:nth-child(2) {
right: -20px;
left: auto;
transform: scale(-1, 1);
}
.block {
position: relative;
}
.is-dragging .block.sidebar {
pointer-events: none;
}
.block .block-anchor {
position: absolute;
top: 0;
visibility: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.block.sidebar {
max-width: none;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
min-height: 100px;
}
.block.is-highlighted {
z-index: 10;
}
.block.inline-cropping {
background-color: #ffffff;
}
.carousel-wrapper {
position: relative;
padding: 0 20px;
margin: 0 30px;
}
.block-content--fluid .carousel-wrapper {
padding: 0;
margin: 0;
}
.is-popover {
transform: translateY(100vh);
transition: transform 200ms ease-in-out;
position: fixed !important;
width: 100%;
max-height: 80%;
bottom: 0;
overflow-y: scroll;
z-index: 20;
border-radius: 30px 30px 0 0;
box-shadow: 0 8px 40px -8px rgba(0, 0, 0, 0.3);
background-color: white;
scrollbar-width: none;
-ms-overflow-style: none;
}
.is-popover::-webkit-scrollbar {
display: none;
}
.is-popover img:first-of-type {
height: auto;
}
.is-popover div[data-pip-type='svgMedia'] {
cursor: pointer;
}
.is-popover.popover-visible {
transform: translateY(0);
}
.popover-close-button {
position: relative;
z-index: 10;
display: flex;
align-items: end;
justify-content: flex-end;
padding-right: 10px;
padding-top: 10px;
flex-direction: row;
}
.popover-close-button-svg {
width: 34px;
height: 34px;
cursor: pointer;
}
.carousel-faces.transitioning {
transition: min-height 500ms;
-webkit-transition: min-height 500ms;
}
.carousel-faces .carousel-face {
position: absolute;
left: 0;
right: 0;
top: 0;
visibility: hidden;
}
.carousel-faces .carousel-face.current,
.carousel-faces .carousel-face.previous {
transition: transform 500ms ease;
-webkit-transition: -webkit-transform 500ms ease;
visibility: visible;
}
.carousel-faces .carousel-face.current {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.carousel-faces .carousel-face.left {
transform: translateX(-150%);
-webkit-transform: translateX(-150%);
}
.carousel-faces .carousel-face.right {
transform: translateX(150%);
-webkit-transform: translateX(150%);
}
.carousel-control-wrapper {
text-align: center;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.face-control {
border-radius: 50%;
margin-right: 10px;
width: 12px;
height: 12px;
display: inline-block;
pointer-events: all;
cursor: pointer;
}
.face-control-side {
display: block;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
pointer-events: all;
cursor: pointer;
}
.face-control-side svg {
width: 15px;
height: 40px;
}
@media (min-width: 481px) {
.face-control-side svg {
width: 25px;
height: 60px;
}
}
.face-control-side.left {
left: 20px;
}
.face-control-side.right {
right: 20px;
transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
}
.block-background,
.block-background-color {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
margin: auto;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
border-radius: inherit;
transition: opacity 200ms;
}
.block-background--tiled {
background-size: 50%;
background-repeat: repeat;
}
.block-background--contain {
background-size: contain;
background-repeat: no-repeat;
}
.block-background--fixed {
background-attachment: scroll;
}
@media (min-width: 769px) {
.block-background--fixed {
background-attachment: fixed;
}
}
.block-content {
position: relative;
z-index: 6;
max-width: 1100px;
pointer-events: none;
padding: 80px 20px;
margin: 0 auto;
}
.block-content.carousel {
padding-top: 60px;
padding-bottom: 60px;
overflow: hidden;
}
.is-dragging .block-content {
pointer-events: auto;
}
.block-content--fluid {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.block-content .pip:not(.group-pip) {
pointer-events: auto;
}
.is-dragging .block-content .pip:not(.group-pip) {
pointer-events: none;
}
.edit-mode .block-content.carousel {
padding-top: 70px;
padding-bottom: 70px;
}
.hide-ui .edit-ui,
.hide-ui .pip-hideButton {
display: none !important;
}
.pip {
position: relative;
min-width: 50px;
}
.pip--displayHidden {
display: none !important;
}
.pip:hover > .pip-hideButton {
display: block;
}
.pip-hideButton {
display: none;
position: absolute;
border-radius: 50%;
top: 0;
right: 0;
width: 16px;
height: 16px;
background-color: #e7aa5e;
cursor: pointer;
}
.pip-hideButton-inner {
position: relative;
width: 100%;
height: 100%;
}
.pip-hideButton svg {
position: absolute;
width: 50%;
height: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
fill: #ffffff;
}
.button-pip {
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.button-pip {
width: auto;
}
}
.button-pip.more-style-bar-button-preview {
background-color: #333333;
}
.button-pip.more-style-bar-button-preview a:hover {
cursor: default;
}
.buttonPip__icon-container {
display: flex;
flex-direction: row;
padding: 15px;
}
.buttonPip__icon {
width: 30px;
height: 30px;
}
.buttonPip__icon-text {
flex: 1 1 auto;
align-self: center;
}
.donate-button {
float: left;
position: relative;
background-color: #ffc439;
height: 50px;
min-width: 230px;
border-radius: 4px;
color: black;
cursor: pointer;
margin: auto;
text-align: center;
border: none;
}
.donate-button-container {
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.donate-button-text {
float: left;
font-weight: normal;
font-size: 14px;
color: black;
font-family: sans-serif;
line-height: 100%;
margin: 5px;
}
.donate-button-container .paypal-logo {
max-width: 110px;
margin: 5px;
height: 17px;
}
.paypal-donate-button {
width: 100%;
display: block;
margin: auto;
height: 38px;
max-width: 200px;
}
.donate-form {
display: flex;
align-items: center;
justify-content: center;
}
.rte-dropdown-wrapper [data-option-value='font1'] {
font-family: Fira Sans Condensed;
font-variant: inherit;
text-transform: inherit;
}
.rte-dropdown-wrapper [data-option-value='font2'] {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.rte-dropdown-wrapper li[data-option-value='fontSize1'] {
font-size: 60%;
}
.rte-dropdown-wrapper li[data-option-value='fontSize2'] {
font-size: 80%;
}
.rte-dropdown-wrapper li[data-option-value='fontSize3'] {
font-size: 100%;
}
.rte-dropdown-wrapper li[data-option-value='fontSize4'] {
font-size: 120%;
}
.rte-dropdown-wrapper li[data-option-value='fontSize5'] {
font-size: 140%;
}
.rte-dropdown-wrapper [data-option-value='color1'],
.rte-dropdown-wrapper [data-option-value='color1']:before {
background-color: #3d424e;
}
.rte-dropdown-wrapper [data-option-value='color2'],
.rte-dropdown-wrapper [data-option-value='color2']:before {
background-color: #f27292;
}
.rte-dropdown-wrapper [data-option-value='color3'],
.rte-dropdown-wrapper [data-option-value='color3']:before {
background-color: #efecea;
}
.rte-dropdown-wrapper [data-option-value='color4'],
.rte-dropdown-wrapper [data-option-value='color4']:before {
background-color: #ffffff;
}
.rte-dropdown-wrapper [data-option-value='color5'],
.rte-dropdown-wrapper [data-option-value='color5']:before {
background-color: #333333;
}
.block.text-button .block-content > .row-pip > .col-pip > .button-pip {
margin: auto;
width: 80%;
}
.grid {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.grid-col {
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
}
.grid-col:hover {
z-index: 100;
}
.grid-col__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
min-height: 50px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
position: relative;
align-items: center;
}
.imageMedia-pip {
min-height: 1px;
}
@supports (display: block) {
.imageMedia-pip {
min-height: initial;
}
}
.imageMedia-pip::before {
content: '';
display: block;
}
.imageMedia-pip img {
width: 100%;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: auto;
}
.document .imageMedia-pip img {
max-width: 100%;
}
.svgMedia-pip {
min-height: 1px;
}
@supports (display: block) {
.svgMedia-pip {
min-height: initial;
}
}
.svgMedia-pip img {
width: 100%;
height: 100%;
vertical-align: middle;
}
.document .svgMedia-pip img {
max-width: 100%;
}
.svgMedia-pip {
min-width: 22px;
}
.iframeMedia-pip .video-container {
overflow: hidden;
position: relative;
padding-top: 50%;
}
.iframeMedia-pip .video-container iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.iframeMedia-pip .video-container img {
width: 100%;
top: -20%;
}
.iframeMedia-pip .video-container .play-button {
z-index: 1;
height: 15%;
}
.video-container img,
.video-container iframe,
.video-container .play-button,
.video-container .play-button:before {
position: absolute;
}
.video-container .play-button,
.video-container .play-button:before {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.media-gallery--grid.media-gallery--1-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--1-column > .media-gallery__column {
width: 100%;
}
.media-gallery--grid.media-gallery--2-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--2-column > .media-gallery__column {
width: 50%;
}
.media-gallery--grid.media-gallery--3-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--3-column > .media-gallery__column {
width: 33.333%;
}
.media-gallery--grid.media-gallery--4-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--4-column > .media-gallery__column {
width: 25%;
}
.media-gallery--grid.media-gallery--5-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--5-column > .media-gallery__column {
width: 20%;
}
.media-gallery--grid.media-gallery--6-column > .media-gallery__column,
.media-gallery--masonry.media-gallery--6-column > .media-gallery__column {
width: 16.667%;
}
.media-gallery--masonry .imageMedia-pip img,
.media-gallery--grid .imageMedia-pip img,
.media-gallery--slideshow .imageMedia-pip img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.media-gallery--grid .imageMedia-pip img {
height: 100%;
object-fit: cover;
}
.mediaGallery-pip {
min-width: 150px;
}
.media-gallery--slideshow {
overflow: hidden;
}
.slideshow {
position: relative;
}
.slideshow--fade {
z-index: 0;
}
@keyframes fadeImage {
0% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.slideshow-image {
display: inline-block;
flex-grow: 1;
animation: fadeImage 1.2s ease-in-out;
}
.slideshow-image img {
object-fit: contain;
max-height: 100%;
margin: auto;
}
.slideshow-image--transparent {
opacity: 0;
z-index: 1;
display: none;
}
.slideshow-image--cover img {
object-fit: cover;
height: 100%;
}
.slideshow__control--play,
.slideshow__control--pause {
height: 50px;
width: 50px;
margin: 10px;
border: 6px solid;
border-radius: 50%;
fill: black;
opacity: 0.4;
position: absolute;
right: 0;
pointer-events: auto;
}
.slideshow__control--invisible {
display: none;
}
.media-gallery-thumbnail-list {
overflow-x: scroll;
display: flex;
list-style-type: none;
justify-content: start;
-ms-overflow-style: none;
scrollbar-width: none;
}
.media-gallery-thumbnail-list::-webkit-scrollbar {
display: none;
}
.media-gallery-option {
position: relative;
height: 100%;
width: 100%;
padding: 0;
overflow: hidden;
display: block;
}
.media-gallery-option--highlighted {
opacity: 0.5;
}
.media-gallery-option--cover img {
object-fit: cover;
width: 100%;
}
.media-gallery-option__image {
height: 100%;
}
.media-gallery-control {
width: 50px;
height: 50px;
}
.media-gallery-slideshow-arrow {
display: block;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
pointer-events: all;
cursor: pointer;
padding: 20px;
margin: 0;
bottom: auto;
}
.media-gallery-slideshow-arrow svg {
width: 15px;
height: 40px;
}
@media (min-width: 481px) {
.media-gallery-slideshow-arrow svg {
width: 25px;
height: 60px;
}
}
.media-gallery-slideshow-arrow.left {
left: 20px;
}
.media-gallery-slideshow-arrow.right {
right: 20px;
transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
}
/*
* The height of the title and description divs in the Studio
* have standard height. Arrows are pulled up for half the height of
* Title/Description Div.
* Title = 36px, Description = 30px, Both = 70px
*/
.media-gallery-slideshow-arrow--title {
top: -18px;
}
.media-gallery-slideshow-arrow--description {
top: -15px;
}
.media-gallery-slideshow-arrow--title-and-description {
top: -35px;
}
.media-gallery-slideshow-arrow--previous {
left: 0;
}
.media-gallery-slideshow-arrow--next {
right: 0;
transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
}
.image--media-style-contain.image--media-style-contain img {
object-fit: contain;
}
.videoMedia__element {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
}
.audioMedia-pip {
height: 40px;
}
.pip.html-pip {
display: block !important;
margin: 0 auto;
padding: 0;
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.pip.html-pip div {
margin: 0 auto;
}
.pip.html-pip div iframe.tower-unpublished-iframe {
width: 75%;
height: 200px;
margin: 0 auto;
overflow: hidden;
}
.paragraph-pip,
.logo-text-pip {
margin: 0 auto;
width: 100%;
line-height: 1.85;
text-align: center;
}
.paragraph-pip:last-of-type,
.logo-text-pip:last-of-type {
margin-bottom: 0;
}
.paragraph-pip b,
.logo-text-pip b,
.paragraph-pip strong,
.logo-text-pip strong {
font-weight: bold;
}
.paragraph-pip u,
.logo-text-pip u {
text-decoration: underline;
}
.paragraph-pip i,
.logo-text-pip i,
.paragraph-pip em,
.logo-text-pip em {
font-style: italic;
}
.paragraph-pip ol,
.logo-text-pip ol {
display: block;
margin: 1em 0;
padding-left: 40px;
list-style-type: decimal;
}
.paragraph-pip ol li,
.logo-text-pip ol li {
display: list-item;
text-align: -webkit-match-parent;
}
.paragraph-pip ul,
.logo-text-pip ul {
display: block;
margin: 1em 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph-pip {
max-width: 780px;
margin: -6.8px auto;
}
.block-content > .pip.paragraph-pip,
.block-content > .pip.logo-text-pip,
.col-pip > .pip.paragraph-pip,
.col-pip > .pip.logo-text-pip {
margin-bottom: 20px;
}
.block.text-button .block-content > .row-pip > .col-pip > .paragraph-pip {
margin: 0 20px 0;
}
.col-pip .pip.paragraph-pip {
max-width: 100%;
}
.navigation-pip {
list-style: none;
margin: 0;
}
.document.document--editable .navigation-pip::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.link {
position: relative;
display: inline-block;
margin: 5px 15px;
}
.link a {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.link.is-hidden {
display: none;
}
.link-placeholder {
position: relative;
min-width: 100px;
cursor: default;
padding: 10px;
opacity: 0.5;
}
.link-placeholder a {
display: inline-block;
}
.mobile-content {
position: absolute;
z-index: 101;
}
.mobile-content.active {
display: block;
}
.mobile-content.active .mobile-wrapper {
pointer-events: auto;
overflow-y: scroll;
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.mobile-content.active .link-wrapper-mobile {
top: 60px;
height: auto;
opacity: 1;
padding: 25px;
}
.mobile-content.active .mobile-menu-trigger {
background-color: transparent !important;
outline-offset: 10px;
}
.mobile-content.active .mobile-menu-trigger:before {
top: 0 !important;
transform: rotate(45deg);
}
.mobile-content.active .mobile-menu-trigger:after {
top: 0 !important;
transform: rotate(-45deg);
}
.mobile-content.active .mobile-menu-button {
background-color: transparent;
}
.mobile-content.active .mobile-menu-button-relative {
position: fixed;
}
.mobile-content.active li a {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.mobile-content .mobile-wrapper {
position: fixed;
top: 0;
right: 0;
width: 100%;
pointer-events: none;
height: 100vh;
background-color: transparent;
overflow: hidden;
transition: background-color 500ms ease;
}
.mobile-content .nav-children a {
min-width: none;
max-width: none;
}
.link-wrapper {
display: none;
}
.mobile .link-wrapper {
display: none;
}
.mobile .mobile-content {
display: block;
}
@media (min-width: 30em) {
.mobile .link-wrapper {
display: block;
}
.mobile .mobile-content {
display: none;
}
.mobile .mobile-content.active {
display: block;
}
}
@media (min-width: 60em) {
.mobile .link-wrapper {
display: block;
}
.mobile .mobile-content {
display: none;
}
}
.tablet .link-wrapper {
display: none;
}
.tablet .mobile-content {
display: block;
}
@media (min-width: 30em) {
.tablet .link-wrapper {
display: none;
}
.tablet .mobile-content {
display: block;
}
.tablet .mobile-content.active {
display: block;
}
}
@media (min-width: 60em) {
.tablet .link-wrapper {
display: block;
}
.tablet .mobile-content {
display: none;
}
}
.mobile-menu-button {
position: fixed;
top: 15px;
right: 15px;
width: 50px;
height: 50px;
opacity: 0.8;
cursor: pointer;
border-radius: 3px;
transition: opacity 200ms ease;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.active .mobile-menu-button {
background-color: none;
}
.mobile-menu-button:hover {
opacity: 1;
}
.mobile-menu-button.mobile-menu-button-relative {
position: relative;
top: 0;
right: 0;
}
.mobile-menu-trigger {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 60%;
height: 5%;
margin: auto;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
transition: top 200ms, background-color 200ms, transform 200ms;
padding: 0;
border: 0;
}
.mobile-menu-trigger:before,
.mobile-menu-trigger:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
border-radius: inherit;
transition: top 200ms, background-color 200ms, transform 200ms;
}
.mobile-menu-trigger:before {
top: -400%;
}
.mobile-menu-trigger:after {
top: 400%;
}
.link-wrapper-mobile {
position: absolute;
width: 100%;
top: 60px;
left: 0;
height: 0;
overflow: hidden;
opacity: 0;
text-align: left;
transition: opacity 500ms ease, top 500ms ease;
}
.mobile-links {
padding: 0;
}
.mobile-link {
display: block;
margin: 0 0 25px;
transition: background-color 200ms ease;
}
.mobile-link:last-child {
margin-bottom: 0;
}
.mobile-navigation-link {
text-decoration: none;
border-left: 3px solid transparent;
display: block;
font-size: 1.5em;
padding-left: 25px;
overflow-wrap: break-word;
}
.mobile-navigation-link-active-page {
text-decoration: underline;
}
.mobile-nav-children {
margin-top: 20px;
margin-left: 20px;
}
.mobile-nav-children .mobile-link {
margin-bottom: 20px;
}
.link--spillover {
position: relative;
}
.link--spillover-navigation {
position: absolute;
top: 100%;
left: 0;
}
.edit-mode .mobile-content .mobile-menu-button {
top: 90px;
right: 65px;
}
.edit-mode .mobile-content .mobile-menu-button.mobile-menu-button-relative {
top: 0;
right: 0;
}
.drawers-container .mobile-content {
display: none !important;
}
.no-scroll {
overflow: hidden;
}
@media (min-width: 769px) {
.no-scroll {
overflow: auto;
}
}
.nav-children {
text-align: left;
min-width: 150px;
max-width: 250px;
}
.nav-children .link {
display: block;
}
.nav-children a {
display: block;
line-height: 1.4;
overflow-wrap: break-word;
}
.desktopLinks .nav-children {
padding-top: 20px;
padding-bottom: 20px;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition-duration: 200ms;
transition-property: transform, opacity, visibility;
position: absolute;
z-index: 6;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.desktopLinks .nav-children .link {
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
}
.desktopLinks .nav-children .link:last-child {
margin-bottom: 0;
}
.desktopLinks > .link:hover .nav-children,
.desktopLinks a:active + .nav-children,
.desktopLinks a:focus + .nav-children {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.nav-children--right {
right: 0;
text-align: right;
}
.link__icon {
margin-left: 0.5em;
width: 0.5em;
height: 0.5em;
}
.mobile-content .link__icon {
display: none;
}
.navigation-pip--vertical .desktopLinks > .link {
display: block;
margin-left: 0;
margin-right: 0;
}
.navigation-pip--left.navigation-pip--vertical .desktopLinks {
text-align: left;
}
.navigation-pip--left.navigation-pip--vertical .desktopLinks .nav-children {
left: 0;
text-align: left;
}
.navigation-pip--center.navigation-pip--vertical .desktopLinks {
text-align: center;
}
.navigation-pip--center.navigation-pip--vertical .desktopLinks .nav-children {
left: 0;
right: 0;
text-align: center;
}
.navigation-pip--right.navigation-pip--vertical .desktopLinks {
text-align: right;
}
.navigation-pip--right.navigation-pip--vertical .desktopLinks .nav-children {
right: 0;
text-align: right;
}
.block.block.header-clean .link-wrapper .link a {
padding-bottom: 0;
}
.block.block.header-unthemed .pip.navigation-pip .nav-children .link,
.block.block.header-top-skills .pip.navigation-pip .nav-children .link,
.block.block.header-top-skills-logo .pip.navigation-pip .nav-children .link,
.block.block.header-professional-logo .pip.navigation-pip .nav-children .link,
.block.block.header-professional .pip.navigation-pip .nav-children .link,
.block.block.header-hipster .pip.navigation-pip .nav-children .link,
.block.block.header-hipster-logo .pip.navigation-pip .nav-children .link,
.block.block.header-grid-left .pip.navigation-pip .nav-children .link,
.block.block.header-contact-2 .pip.navigation-pip .nav-children .link,
.block.block.header-clean-right .pip.navigation-pip .nav-children .link,
.block.block.header-clean-left .pip.navigation-pip .nav-children .link {
display: block;
margin: 0 25px 10px;
padding: 0;
}
.block.block.header-unthemed .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-top-skills .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-top-skills-logo .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-professional-logo .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-professional .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-hipster .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-hipster-logo .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-grid-left .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-contact-2 .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-clean-right .pip.navigation-pip .nav-children .link:last-child,
.block.block.header-clean-left .pip.navigation-pip .nav-children .link:last-child {
margin-bottom: 0;
}
.block.block.header-unthemed .pip.navigation-pip .nav-children a,
.block.block.header-top-skills .pip.navigation-pip .nav-children a,
.block.block.header-top-skills-logo .pip.navigation-pip .nav-children a,
.block.block.header-professional-logo .pip.navigation-pip .nav-children a,
.block.block.header-professional .pip.navigation-pip .nav-children a,
.block.block.header-hipster .pip.navigation-pip .nav-children a,
.block.block.header-hipster-logo .pip.navigation-pip .nav-children a,
.block.block.header-grid-left .pip.navigation-pip .nav-children a,
.block.block.header-contact-2 .pip.navigation-pip .nav-children a,
.block.block.header-clean-right .pip.navigation-pip .nav-children a,
.block.block.header-clean-left .pip.navigation-pip .nav-children a {
display: block;
padding: 0;
border-right: none;
}
.block.block.header-hipster .nav-children,
.block.block.header-hipster-logo .nav-children {
right: 10px;
text-align: right;
}
.block.block.header-bon-appetit .link-wrapper .link + .link::before,
.block.block.header-bon-appetit-logo .link-wrapper .link + .link::before {
content: none;
}
.block.block.header-local-thin .block-content {
overflow: visible;
}
.navigation-pip.faded .link a,
.navigation-styles__preview.faded .link a {
opacity: 0.6;
transition: opacity 0.2s;
}
.navigation-pip.faded .link a:hover,
.navigation-styles__preview.faded .link a:hover {
opacity: 1;
}
.navigation-pip.faded .link a.navigation-link-active-page,
.navigation-styles__preview.faded .link a.navigation-link-active-page {
opacity: 1;
}
.navigation-pip.underscore .link a span::after,
.navigation-styles__preview.underscore .link a span::after {
border: none;
transition: width 0.5s;
content: '';
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0%;
transform: translateY(3px);
}
.navigation-pip.underscore .link a span:hover::after,
.navigation-styles__preview.underscore .link a span:hover::after {
width: 100%;
}
.navigation-pip.underscore .link a.navigation-link-active-page span::after,
.navigation-styles__preview.underscore .link a.navigation-link-active-page span::after {
width: 100%;
}
.navigation-pip.sandwich .link a span::before,
.navigation-styles__preview.sandwich .link a span::before {
border: none;
content: '';
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
transform: translateY(-10px);
transition: all 0.5s;
}
.navigation-pip.sandwich .link a span::after,
.navigation-styles__preview.sandwich .link a span::after {
border: none;
content: '';
height: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transform: translateY(10px);
transition: 0.5s;
}
.navigation-pip.sandwich .link a span:hover::before,
.navigation-styles__preview.sandwich .link a span:hover::before {
transform: translateY(-4px);
}
.navigation-pip.sandwich .link a span:hover::after,
.navigation-styles__preview.sandwich .link a span:hover::after {
transform: translateY(4px);
}
.navigation-pip.sandwich .link a.navigation-link-active-page span::before,
.navigation-styles__preview.sandwich .link a.navigation-link-active-page span::before {
opacity: 1;
transform: translateY(-4px);
}
.navigation-pip.sandwich .link a.navigation-link-active-page span::after,
.navigation-styles__preview.sandwich .link a.navigation-link-active-page span::after {
opacity: 1;
transform: translateY(4px);
}
.navigation-pip.border :not(.nav-children) > .link > a > span,
.navigation-styles__preview.border :not(.nav-children) > .link > a > span {
border: 2px solid transparent;
padding: 8px 14px;
transition: border 0.5s;
}
.navigation-pip.border .nav-children .link,
.navigation-styles__preview.border .nav-children .link {
margin: 10px;
}
.navigation-pip.border .nav-children .link a,
.navigation-styles__preview.border .nav-children .link a {
border: 2px solid transparent;
padding: 8px 14px;
transition: border 0.5s;
}
.navigation-pip.fill :not(.nav-children) > .link > a > span,
.navigation-styles__preview.fill :not(.nav-children) > .link > a > span {
padding: 8px 14px;
border-radius: 3px;
transition: background-color 0.5s;
}
.navigation-pip.fill .nav-children .link,
.navigation-styles__preview.fill .nav-children .link {
margin: 10px;
}
.navigation-pip.fill .nav-children .link a,
.navigation-styles__preview.fill .nav-children .link a {
padding: 8px 14px;
border-radius: 3px;
transition: background-color 0.5s;
}
.navigation-pip.hamburger .mobile-menu-button--hamburger:not(.mobile-menu-button--firstnav),
.navigation-styles__preview.hamburger .mobile-menu-button--hamburger:not(.mobile-menu-button--firstnav) {
display: none;
}
@media (min-width: 60em) {
.navigation-pip.hamburger .mobile-menu-button,
.navigation-styles__preview.hamburger .mobile-menu-button {
display: none;
}
.navigation-pip.hamburger .mobile-menu-button--hamburger,
.navigation-styles__preview.hamburger .mobile-menu-button--hamburger,
.navigation-pip.hamburger .mobile-menu-button--hamburger:not(.mobile-menu-button--firstnav),
.navigation-styles__preview.hamburger .mobile-menu-button--hamburger:not(.mobile-menu-button--firstnav) {
display: block;
position: relative;
top: 0;
right: 0;
background-color: transparent;
}
.navigation-pip.hamburger .mobile-content.active .mobile-menu-button,
.navigation-styles__preview.hamburger .mobile-content.active .mobile-menu-button {
display: block;
position: fixed;
top: 15px;
right: 15px;
}
.navigation-pip.hamburger .mobile-menu-trigger,
.navigation-styles__preview.hamburger .mobile-menu-trigger {
width: 46%;
height: 4%;
right: 0;
left: 0;
}
.navigation-pip.hamburger .mobile-menu-trigger:before,
.navigation-styles__preview.hamburger .mobile-menu-trigger:before {
top: -350%;
}
.navigation-pip.hamburger .mobile-menu-trigger:after,
.navigation-styles__preview.hamburger .mobile-menu-trigger:after {
top: 350%;
}
}
.link a.is-hidden {
display: none;
}
.title-pip {
width: 100%;
text-align: center;
}
.title-pip .title {
display: block;
padding: 0;
width: 100%;
vertical-align: baseline;
text-decoration: none;
}
.title-pip b,
.title-pip strong {
font-weight: bold;
}
.title-pip u {
text-decoration: underline;
}
.title-pip i,
.title-pip em {
font-style: italic;
}
.title-pip-1 {
line-height: 1.4;
font-size: 2.125em;
opacity: 1;
margin: -0.425em auto;
}
.title-pip-2 {
line-height: 1.5;
font-size: 1.75em;
opacity: 1;
margin: -0.4375em auto;
}
.title-pip-3 {
line-height: 1.6;
font-size: 1.25em;
opacity: 1;
margin: -0.375em auto;
}
.title-pip-4 {
line-height: 1.55;
font-size: 1.125em;
opacity: 1;
margin: -0.3375em auto;
}
.title-pip-5 {
line-height: 1.5;
font-size: 1em;
opacity: 1;
margin: -0.25em auto;
}
.title-pip-6 {
line-height: 1.66;
font-size: 0.75em;
opacity: 1;
margin: -0.2475em auto;
}
.block-content > .pip.title-pip,
.group-pip > .pip.title-pip,
.col-pip > .pip.title-pip {
margin-bottom: 20px;
}
.header-centered-fixed .brandbar .title-pip {
width: auto;
}
.image-pip {
padding: 0;
width: 100%;
max-width: 100%;
min-width: 5px;
min-height: 1px;
}
.image-pip .image-wrap {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.image-pip .image-wrap img {
display: block;
width: 100%;
}
.image-pip.is-tall {
height: 100%;
}
@media (min-width: 769px) {
.image-pip.is-tall {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
min-height: 250px;
}
.image-pip.is-tall .image-wrap img {
margin: auto;
width: auto;
height: 100%;
}
}
@media (max-width: 480px) {
.pip.image-pip:not(.unresponsive) {
width: 100% !important;
}
}
.image-pip.is-resizable {
margin: auto !important;
-ms-flex-positive: 0 !important;
-webkit-flex-grow: 0 !important;
-moz-flex-grow: 0 !important;
-ms-flex-grow: 0 !important;
flex-grow: 0 !important;
height: auto;
}
.image-pip.is-resizable.unresponsive {
margin: 0 !important;
}
@media (min-width: 769px) {
.image-pip.is-resizable.is-tall {
-webkit-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
min-height: 0;
}
}
.image-pip.is-resizable.is-tall .image-wrap {
position: relative;
height: auto;
}
.image-pip.is-resizable.is-tall .image-wrap img {
margin: 0;
width: 100%;
height: auto;
}
.block-content > .pip.image-pip,
.block-content > .title-pip ~ .pip.image-pip {
margin-bottom: 20px !important;
}
@media (min-width: 480px) {
.image-grid .block-content .title-pip + .pip.row-pip.wrappable.image-grid {
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
}
.image-title-text-button .block-content .pip.image-pip {
height: auto;
}
@media screen and (max-width: 480px) {
.buckets-image .block-content .pip.image-pip .image-wrap {
border-radius: 0 !important;
}
.buckets-image .block-content .pip.image-pip .image-wrap img {
border-radius: 50%;
}
}
.block.image-quote-right .graphic-pip-container,
.block.image-quote-left .graphic-pip-container,
.block.image-bucket-carousel .image-pip.is-tall .graphic-pip-container {
position: absolute;
height: 100%;
width: 100%;
}
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):after,
.view-mode .force-lightbox:after,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .image-wrap:before,
.view-mode .force-lightbox .image-wrap:before,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .image-wrap:after,
.view-mode .force-lightbox .image-wrap:after,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .imageMedia-pip:before,
.view-mode .force-lightbox .imageMedia-pip:before,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .image-media__image-container:after,
.view-mode .force-lightbox .image-media__image-container:after {
opacity: 0;
transition: opacity 0.15s;
content: '';
pointer-events: none;
}
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):hover:after,
.view-mode .force-lightbox:hover:after,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):hover .image-wrap:before,
.view-mode .force-lightbox:hover .image-wrap:before,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):hover .image-wrap:after,
.view-mode .force-lightbox:hover .image-wrap:after,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):hover .imageMedia-pip:before,
.view-mode .force-lightbox:hover .imageMedia-pip:before,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox):hover .image-media__image-container:after,
.view-mode .force-lightbox:hover .image-media__image-container:after {
opacity: 1;
}
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .image-media__image-container:after,
.view-mode .force-lightbox .image-media__image-container:after,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .image-wrap:after,
.view-mode .force-lightbox .image-wrap:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
background-color: rgba(0, 0, 0, 0.2);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjMuNSAyNGEuNS41IDAgMCAxLS4zNTQtLjE0NmwtOS4wMDQtOS4wMDRBOC40NjEgOC40NjEgMCAwIDEgOC41IDE3QzMuODEzIDE3IDAgMTMuMTg3IDAgOC41IDAgMy44MTMgMy44MTMgMCA4LjUgMCAxMy4xODcgMCAxNyAzLjgxMyAxNyA4LjVhOC40NTcgOC40NTcgMCAwIDEtMi4xNTEgNS42NDJsOS4wMDQgOS4wMDRBLjUuNSAwIDAgMSAyMy41IDI0ek04LjUgMUM0LjM2NSAxIDEgNC4zNjUgMSA4LjVTNC4zNjUgMTYgOC41IDE2IDE2IDEyLjYzNSAxNiA4LjUgMTIuNjM1IDEgOC41IDF6Ii8+PC9zdmc+);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
}
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox).imageMedia-pip.force-lightbox__corner:after,
.view-mode .force-lightbox.imageMedia-pip.force-lightbox__corner:after {
background-position: left 40px top 40px;
}
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .no-lightbox:before,
.view-mode .force-lightbox .no-lightbox:before,
.view-mode.lightbox-mode .image-pip .graphic-pip-container:not(.force-disable-lightbox) .no-lightbox:after,
.view-mode .force-lightbox .no-lightbox:after {
display: none;
}
.graphic-pip-container {
position: relative;
}
.graphic-pip-container.is-resizable {
width: 100%;
}
.pip.image-pip.editable {
cursor: pointer;
}
.pip.icon-pip {
padding: 0;
}
.pip.icon-pip .icon-container svg {
min-width: 5px;
min-height: 5px;
height: 100%;
}
.icon-pip.is-resizable:hover {
z-index: 11;
}
.row-pip .icon-pip {
width: 100%;
}
.icon-pip .icon-container {
text-align: center;
}
.icon-pip-container {
display: inline-block;
position: relative;
margin: 0 auto;
}
.icon-pip-container.is-resizable {
width: 100%;
}
.pip.icon-pip.editable {
cursor: pointer;
}
.icon-linkTag {
margin: 0 auto;
}
.logo-pip .centerStack {
margin: 0 auto;
text-align: center;
}
.logo-pip .centerStack .icon-pip,
.logo-pip .centerStack .image-pip,
.logo-pip .centerStack .logo-text-container {
margin: 0 auto 5px;
}
.logo-pip .centerStack .icon-container,
.logo-pip .centerStack img {
margin: 0 auto;
}
.logo-pip .centerStack .logo-text-container {
text-align: center;
display: block;
}
.logo-pip .homeLink {
display: inline-block;
}
.logo-pip .image-pip,
.logo-pip .icon-pip,
.logo-pip .logo-text-pip,
.logo-pip .logo-text-container {
vertical-align: middle;
display: inline-block;
}
.logo-pip .icon-pip,
.logo-pip .image-pip.pip {
position: relative;
width: auto;
}
.logo-pip .logo-text-container {
position: relative;
}
.logo-pip .image-pip.is-tall {
min-height: 0px;
}
.logo-pip .image-pip.is-tall .image-wrap {
position: relative;
}
.logo-pip.text-mode {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.logo-pip.text-mode .logo-text-container {
margin-left: 0;
}
.logo-pip.text-mode .icon-pip-container,
.logo-pip.text-mode .image-pip {
display: none;
}
.logo-pip.graphic-mode .logo-text-container {
display: none !important;
}
.logo-pip.is-centerStacked {
margin: 0 auto;
text-align: center;
}
.logo-pip.is-centerStacked .icon-pip,
.logo-pip.is-centerStacked .image-pip,
.logo-pip.is-centerStacked .logo-text-container {
margin: 0 auto 5px;
}
.logo-pip.is-centerStacked .icon-container,
.logo-pip.is-centerStacked img {
margin: 0 auto;
}
.logo-pip.is-centerStacked .logo-text-container {
text-align: center;
display: block;
}
@media screen and (max-width: 480px) {
.logo-pip:not(.is-centerStacked) {
margin: 0 auto;
text-align: center;
}
.logo-pip:not(.is-centerStacked) .icon-pip,
.logo-pip:not(.is-centerStacked) .image-pip,
.logo-pip:not(.is-centerStacked) .logo-text-container {
margin: 0 auto 5px;
}
.logo-pip:not(.is-centerStacked) .icon-container,
.logo-pip:not(.is-centerStacked) img {
margin: 0 auto;
}
.logo-pip:not(.is-centerStacked) .logo-text-container {
text-align: center;
display: block;
}
}
@media (min-width: 481px) {
.logo-pip:not(.is-centerStacked),
.logo-pip:not(.is-centerStacked) .homeLink {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.logo-pip:not(.is-centerStacked) .logo-text-container .rich-text-content,
.logo-pip:not(.is-centerStacked) .homeLink .logo-text-container .rich-text-content,
.logo-pip:not(.is-centerStacked) .logo-text-container .rich-text-editable-container,
.logo-pip:not(.is-centerStacked) .homeLink .logo-text-container .rich-text-editable-container {
text-align: left;
}
}
.social-pip {
text-align: center;
}
.social-pip .social-icon .icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
pointer-events: none;
}
.social-pip .social-icon:hover {
opacity: 0.94;
}
.social-pip__container {
display: block;
margin: 0 auto;
min-height: 20px;
min-width: 50%;
}
.social-link {
position: relative;
display: inline-block;
margin: 0 5px;
}
.social-icon-with-background .icon {
margin: auto;
vertical-align: top;
}
.social-icon-type-circle {
border-radius: 50%;
}
.social-icon-type-square {
border-radius: 2px;
}
.pip.contact-pip {
display: block !important;
}
.pip.contact-pip div {
margin: 0 0 15px;
}
.pip.contact-pip form .form-fields-and-btn label {
margin: 0 0 15px;
display: block;
}
.pip.contact-pip form .form-fields-and-btn label.error {
color: #d24345;
}
.pip.contact-pip form .form-fields-and-btn .button-quark {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.pip.contact-pip form .form-fields-and-btn input:not([type='checkbox']):not([type='radio']) {
height: 60px;
/* Is this specified by the design team? it results in no focus indicator
for KB navigation... see http://outlinenone.com/ for some issues with this.
review with Nick, Dylan, or Justin. This is a product conversation. */
outline: none;
}
.pip.contact-pip form .form-fields-and-btn .input-container {
position: relative;
}
.pip.contact-pip form .form-fields-and-btn .input-container.show-error-msg:after {
background: #d24345;
border-radius: 3px;
color: #fff;
content: attr(title);
padding: 10px 20px;
position: absolute;
z-index: 98;
top: -38px;
left: 15vw;
}
.pip.contact-pip form .form-fields-and-btn .input-container.show-error-msg:before {
border: solid;
border-color: #d24345 transparent;
border-width: 6px 6px 0 6px;
content: '';
position: absolute;
z-index: 99;
left: 23vw;
top: -2px;
}
.pip.contact-pip form .form-fields-and-btn .input-container.date-selector:after,
.pip.contact-pip form .form-fields-and-btn .input-container.date-selector:before {
left: 0px;
}
.pip.contact-pip form .form-fields-and-btn .input-container.show-error-msg {
color: #d24345;
}
.pip.contact-pip form .form-fields-and-btn .input-container.show-error-msg input,
.pip.contact-pip form .form-fields-and-btn .input-container.show-error-msg textarea {
border: 2px solid #d24345;
}
.pip.contact-pip form .form-fields-and-btn input,
.pip.contact-pip form .form-fields-and-btn textarea,
.pip.contact-pip form .form-fields-and-btn select {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
margin: 5px 0;
border: 1px solid #cccccc;
padding: 10px;
font-size: 15px;
border-radius: 3px;
transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.pip.contact-pip form .form-fields-and-btn input.square,
.pip.contact-pip form .form-fields-and-btn textarea.square,
.pip.contact-pip form .form-fields-and-btn select.square {
border-radius: 0;
}
.pip.contact-pip form .form-fields-and-btn input.soft,
.pip.contact-pip form .form-fields-and-btn textarea.soft,
.pip.contact-pip form .form-fields-and-btn select.soft {
border-radius: 3px;
}
.pip.contact-pip form .form-fields-and-btn input.rounded,
.pip.contact-pip form .form-fields-and-btn textarea.rounded,
.pip.contact-pip form .form-fields-and-btn select.rounded {
border-radius: 6px;
}
.pip.contact-pip form .form-fields-and-btn input:focus,
.pip.contact-pip form .form-fields-and-btn textarea:focus,
.pip.contact-pip form .form-fields-and-btn select:focus {
border-color: #398be1;
box-shadow: 0 0 0 0.2rem rgba(57, 139, 225, 0.25);
}
.pip.contact-pip form .form-fields-and-btn textarea {
height: 135px;
resize: none;
display: block;
}
.pip.contact-pip form .form-fields-and-btn input.text,
.pip.contact-pip form .form-fields-and-btn textarea {
width: 100%;
}
.pip.contact-pip form .form-fields-and-btn input[type='checkbox'],
.pip.contact-pip form .form-fields-and-btn input[type='radio'] {
margin: 0 10px 0;
vertical-align: middle;
}
.pip.contact-pip form .form-fields-and-btn fieldset {
padding: 0;
}
.pip.contact-pip form .form-fields-and-btn fieldset label {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
}
.pip.contact-pip form .form-fields-and-btn fieldset label span {
font: inherit;
}
.pip.contact-pip form .error-message,
.pip.contact-pip form .success-message {
text-align: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
visibility: hidden;
margin: auto 0;
height: 150px;
}
.pip.contact-pip form .error-message > div,
.pip.contact-pip form .success-message > div {
margin-top: 0;
}
.pip.contact-pip form .error-message svg,
.pip.contact-pip form .success-message svg {
width: 44px;
height: 44px;
margin: auto;
margin-bottom: 10px;
}
.pip.contact-pip form .success-message svg {
fill: #7cbb52;
}
.pip.contact-pip form .error-message svg {
fill: #d24345;
}
.pip.contact-pip.success form .form-fields-and-btn {
visibility: hidden;
}
.pip.contact-pip.success .success-message {
visibility: visible;
}
.pip.contact-pip.failure form .form-fields-and-btn {
visibility: hidden;
}
.pip.contact-pip.failure .error-message {
visibility: visible;
}
.pip.contact-pip .description {
opacity: 0.8;
}
.pip.contact-pip .contact-dropdown {
font-family: inherit;
width: 100%;
outline: none;
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02IDYuNTA4TC45ODQgMS40OTJNNiA2LjUwOGw1LjAxNi01LjAxNiIvPjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: right 1.25rem center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.contact-pip.editable:hover input,
.contact-pip.editable:hover textarea,
.contact-pip.editable:hover select {
opacity: 0.7;
}
.factory-pip {
margin-bottom: 60px;
}
.factory-pip > .edit-ui {
position: absolute;
z-index: 1;
display: none;
}
.factory-pip > .edit-ui.add {
opacity: 0;
}
.factory-pip > .edit-ui.add .factory-button {
width: 40px;
height: 40px;
}
.factory-pip > .edit-ui.add .factory-button:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 50%;
height: 2px;
background-color: #ffffff;
content: ' ';
}
.factory-pip > .edit-ui.add .factory-button:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 2px;
height: 50%;
background-color: #ffffff;
content: ' ';
}
.factory-pip > .edit-ui.handle .factory-button {
cursor: move;
}
.factory-pip > .edit-ui.handle .icon-move {
position: absolute;
display: block;
top: 9px;
left: 9px;
width: 14px;
height: 14px;
fill: #ffffff;
stroke: #ffffff;
stroke-width: 0.1px;
}
.factory-pip:hover {
z-index: 1;
}
.factory-pip:hover > .edit-ui.remove,
.factory-pip:hover > .edit-ui.handle {
display: block;
}
.factory-pip:last-of-type > .edit-ui.add {
display: block;
}
.factory-pip:only-of-type > .edit-ui.remove,
.factory-pip:only-of-type > .edit-ui.handle {
display: none;
}
.edit-ui-add {
right: -20px;
}
.edit-ui-remove {
top: 0;
right: 20px;
}
.edit-ui-handle {
top: 0;
left: 20px;
}
.factory-button {
width: 32px;
height: 32px;
padding: 11px 10.5px;
line-height: 7px;
font-size: 19px;
border-radius: 50%;
color: #ffffff;
cursor: pointer;
}
.row-pip.wrappable {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
}
.row-pip.wrappable .factory-pip {
-ms-flex-positive: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.block:hover .pip.factory-pip .edit-ui.add {
opacity: 1;
}
.factory-pip:last-of-type > .col-pip:last-of-type {
margin-bottom: 0;
}
.factory-pip:last-of-type .col-pip:last-of-type {
margin-bottom: 0;
}
.alternating-timeline .title-pip ~ .factory-pip {
margin-bottom: 0;
}
.alternating-timeline .title-pip ~ .factory-pip:before,
.alternating-timeline .title-pip ~ .factory-pip:after {
display: none;
}
@media (min-width: 768px) {
.alternating-timeline .title-pip ~ .factory-pip:before,
.alternating-timeline .title-pip ~ .factory-pip:after {
display: block;
}
}
.block.inline-cropping .factory-pip .edit-ui.add,
.block.inline-cropping .factory-pip .edit-ui.remove,
.block.inline-cropping .factory-pip .edit-ui.handle {
display: none;
}
@media (max-width: 768px) {
.block.features .col-pip.feature:not(.feature--v2) .row-pip > .col-icon {
margin-right: 20px;
-ms-flex-preferred-size: 0 !important;
-webkit-flex-basis: 0 !important;
-moz-flex-basis: 0 !important;
-ms-flex-basis: 0 !important;
flex-basis: 0 !important;
}
.block.features .col-pip.feature:not(.feature--v2) .row-pip > .col-text {
-ms-flex-preferred-size: 0% !important;
-webkit-flex-basis: 0% !important;
-moz-flex-basis: 0% !important;
-ms-flex-basis: 0% !important;
flex-basis: 0% !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-moz-flex-shrink: 1 !important;
-ms-flex-shrink: 1 !important;
flex-shrink: 1 !important;
-ms-flex-positive: 1 !important;
-webkit-flex-grow: 1 !important;
-moz-flex-grow: 1 !important;
-ms-flex-grow: 1 !important;
flex-grow: 1 !important;
}
}
.pip.video-pip .video-container {
position: relative;
padding-top: 50%;
}
.pip.video-pip .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pip.MapPip-pip.disabled {
background-image: url(../../../studio/image/googleMapEmpireState.png);
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
}
.paypal-pip {
margin: auto;
width: 100%;
}
.paypal-pip.small .paypal-addToCart {
padding: 8px 0;
}
.paypal-pip.small .paypal-button-wrapper {
max-width: 158px;
}
.paypal-pip.medium .paypal-addToCart {
padding: 8px 0;
}
.paypal-pip.medium .paypal-button-wrapper {
max-width: 170px;
}
.paypal-pip.large .paypal-addToCart {
padding: 14px 0;
}
.paypal-pip.large .paypal-button-wrapper {
max-width: 228px;
}
.paypal-pip .paypal-addToCart {
width: 155px;
border-radius: 4px;
text-align: center;
background-color: #fab826;
color: white;
cursor: pointer;
margin: auto;
border: none;
}
.paypal-pip .paypal-addToCart:hover {
opacity: 0.9;
}
.paypal-pip .paypal-placeholder {
background-size: 100%;
background-repeat: no-repeat;
}
.paypal-pip .quantityField {
width: 35px;
margin: 0 10px;
padding: 5px;
text-align: center;
}
.paypal-pip .textFieldInput {
margin: 0 10px;
padding: 5px;
text-align: center;
resize: none;
}
.paypal-pip.editable {
cursor: pointer;
}
.paypal-pip button.paypal-button {
width: 100%;
height: 100%;
}
.paypal-pip .centerStack .paypal-purchase-wrapper {
text-align: center;
}
.paypal-pip .centerStack .quantitySelection,
.paypal-pip .centerStack .textField {
display: block;
}
.paypal-pip .centerStack .paypal-button-wrapper {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.paypal-pip.hasQuantity {
text-align: left;
}
.paypal-pip.hasQuantity .paypal-button-wrapper {
width: 70%;
}
.paypal-pip.hasQuantity .paypal-placeholder,
.paypal-pip.hasQuantity .paypal-addToCart,
.paypal-pip.hasQuantity .paypal-button-wrapper > div {
width: 100%;
}
.paypal-pip.hasQuantity .paypal-button-wrapper,
.paypal-pip.hasQuantity .quantitySelection,
.paypal-pip.hasQuantity .textField {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.paypal-pip.hasQuantity:not(.is-centerStacked) .paypal-purchase-wrapper {
text-align: center;
}
.paypal-pip.hasQuantity:not(.is-centerStacked) .quantitySelection,
.paypal-pip.hasQuantity:not(.is-centerStacked) .textField {
display: block;
}
.paypal-pip.hasQuantity:not(.is-centerStacked) .paypal-button-wrapper {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}
.paypal-pip.is-centerStacked .paypal-purchase-wrapper {
text-align: center;
}
.paypal-pip.is-centerStacked .quantitySelection,
.paypal-pip.is-centerStacked .textField {
display: block;
}
.paypal-pip.is-centerStacked .paypal-button-wrapper {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.paypal-pip.is-centerStacked .paypal-button-wrapper {
margin-left: auto;
margin-right: auto;
}
.paypal-pip .paypal-button {
padding: 0;
border: none;
margin: auto;
border-radius: 0;
overflow: hidden;
content: '';
color: transparent;
text-shadow: none;
cursor: pointer;
background-size: 100%;
background-repeat: no-repeat;
background-color: transparent;
}
.paypal-pip .paypal-button:before,
.paypal-pip .paypal-button:after {
display: none;
}
.paypal-pip .hide {
display: none;
}
.title-label,
.price-label {
padding-bottom: 5px;
font-size: 1.15em;
text-align: center;
}
.paypal-button-wrapper {
margin-left: auto;
margin-right: auto;
}
.discounted-price {
color: #d24345;
text-decoration: line-through;
}
.paypal-wrapper--disabled:hover .paypal-wrapper__info {
opacity: 0.3;
}
.paypal-wrapper--disabled:hover::after {
content: attr(data-hover-text);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
align-items: center;
text-align: center;
padding: 10px;
line-height: 1.3;
font-weight: bold;
font-size: 18px;
}
@media (min-width: 769px) {
.paypal-button-wrapper {
margin: 0;
}
}
.gridCol-pip .button-pip,
.gridCol-pip .paypal-pip,
.gridCol-pip .paragraph-pip {
margin-left: 0;
margin-right: 0;
}
@media screen and (min-width: 30em) {
.gridCol-pip .button-pip,
.gridCol-pip .button-quark {
width: 100%;
}
}
@media screen and (min-width: 60em) {
.gridCol-pip .button-pip,
.gridCol-pip .button-quark {
width: auto;
}
}
.gridCol-pip .paypal-pip {
width: auto;
max-width: 100%;
align-self: center;
margin-bottom: 0;
}
@media (min-width: 30em) {
.gridCol-pip .paypal-pip {
align-self: auto;
}
}
.gridCol-pip .paypal-pip .title-label,
.gridCol-pip .paypal-pip .price-label {
padding-bottom: 0;
}
.gridCol-pip .paypal-pip .title-label {
margin-bottom: 10px;
}
.gridCol-pip .paypal-pip .price-label {
font-size: 16px;
margin-bottom: 20px;
overflow-wrap: break-word;
}
.gridCol-pip .paypal-pip .quantity-label,
.gridCol-pip .paypal-pip .textField-label,
.gridCol-pip .paypal-pip .dropdownMenu-label {
display: block;
}
.gridCol-pip .paypal-pip .quantityField {
width: 90px;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.gridCol-pip .paypal-pip .textFieldInput {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.gridCol-pip .paypal-pip .paypal-wrapper__label {
font-size: 14px;
margin-bottom: 10px;
}
.gridCol-pip .paypal-pip .paypal-wrapper__input {
min-height: 45px;
border: 1px solid #cccccc;
border-radius: 3px;
max-width: 100%;
}
.gridCol-pip .paypal-pip select.paypal-wrapper__input {
min-width: 90px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02IDYuNTA4TC45ODQgMS40OTJNNiA2LjUwOGw1LjAxNi01LjAxNiIvPjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: right 0.25rem center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.gridCol-pip .paypal-pip .quantitySelection,
.gridCol-pip .paypal-pip .textField,
.gridCol-pip .paypal-pip .dropdownMenu {
display: block;
margin-bottom: 30px;
text-align: center;
}
.gridCol-pip .paypal-pip .paypal-button-wrapper {
min-width: 0;
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.gridCol-pip .paypal-pip .paypal-button-wrapper > div {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.gridCol-pip .paypal-pip .paypal-addToCart {
overflow: hidden;
}
.gridCol-pip .paypal-pip.small .paypal-addToCart,
.gridCol-pip .paypal-pip.small .paypal-button-wrapper > div {
width: 158px;
}
.gridCol-pip .paypal-pip.medium .paypal-addToCart,
.gridCol-pip .paypal-pip.medium .paypal-button-wrapper > div {
width: 170px;
}
.gridCol-pip .paypal-pip.large .paypal-addToCart,
.gridCol-pip .paypal-pip.large .paypal-button-wrapper > div {
width: 228px;
}
.gridCol-pip .title-pip,
.gridCol-pip .paragraph-pip {
margin-top: 0;
margin-bottom: 0;
width: 100%;
}
.gridCol-pip .paragraph-pip {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.gridCol-pip .iframeMedia-pip,
.gridCol-pip .MapPip-pip,
.gridCol-pip .CalendarPip-pip,
.gridCol-pip .contact-pip {
width: 100%;
}
.gridCol-pip .title-pip {
margin: 0;
}
.gridCol-pip .title-pip h1,
.gridCol-pip .title-pip h2,
.gridCol-pip .title-pip h3,
.gridCol-pip .title-pip h4,
.gridCol-pip .title-pip h5,
.gridCol-pip .title-pip h6 {
margin-top: 0;
margin-bottom: 0;
}
.gridCol-pip .contact-pip form .form-fields-and-btn input:not([type='checkbox']):not([type='radio']),
.gridCol-pip .contact-pip form .form-fields-and-btn select {
height: auto;
min-height: 45px;
line-height: 1.25;
}
.plugin-pip {
display: inline-block;
}
.add-to-any-plugin {
display: inline-block;
}
.add-to-any-plugin__button {
border: none;
border-radius: 4px;
text-transform: uppercase;
font-weight: 100;
padding: 6px 16px 10px 10px;
}
.add-to-any-plugin__plus {
font-size: 1.6rem;
padding: 4px;
font-weight: normal;
}
.html-plugin {
min-height: 25px;
}
.icon-html-tag {
height: 13px;
width: 16px;
fill: #999999;
}
.html-plugin--disabled {
z-index: -5;
align-self: center;
}
.html-plugin__content {
overflow: hidden;
}
.html-plugin__content--empty {
background-color: #f1f1f1;
color: #999;
text-align: center;
display: inline-block;
padding: 70px 0px;
width: 100%;
}
.facebook-comments:not([fb-xfbml-state='rendered']) {
min-height: 200px;
min-width: 100%;
}
.error-boundary-container {
padding: 10px;
border-radius: 3px;
background-color: #d24345;
margin-bottom: 20px;
color: #ffffff;
pointer-events: auto;
}
.error-boundary-message {
padding: 20px;
margin-top: 5px;
margin-bottom: 10px;
line-height: 1.5;
}
.error-boundary-message__container {
margin-top: 20px;
white-space: pre-wrap;
}
.appContainer-pip h1,
.appContainer-pip h2,
.appContainer-pip h3,
.appContainer-pip h4,
.appContainer-pip h5,
.appContainer-pip h6 {
font-family: Fira Sans Condensed;
font-variant: inherit;
text-transform: inherit;
}
.appContainer-pip p,
.appContainer-pip div,
.appContainer-pip a {
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
line-height: 1.3;
}
.table-pip,
.table-pip > table {
width: 100%;
}
.table-pip > table {
table-layout: fixed;
}
.table-pip__cell-content {
padding: 20px;
}
.tableText-pip {
width: 100%;
min-width: 100%;
}
.tableText-pip ol {
padding-left: 20px;
list-style-type: decimal;
}
.tableText-pip ul {
padding-left: 20px;
list-style-type: disc;
}
.tableText-pip > .rich-text-content {
word-wrap: break-word;
overflow-wrap: break-word;
}
.block-content {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
}
.col-pip {
display: block;
margin: 0 0 40px;
}
@media (min-width: 768px) {
.col-pip {
margin: 0 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-ms-flex-preferred-size: 0%;
-webkit-flex-basis: 0%;
-moz-flex-basis: 0%;
-ms-flex-basis: 0%;
flex-basis: 0%;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
-moz-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
}
}
.row-pip > .row-pip {
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.row-pip {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 40px;
}
.row-pip:last-of-type {
margin-bottom: 0;
}
@media (min-width: 768px) {
.row-pip {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.row-pip:last-of-type .col-pip:last-of-type {
margin-bottom: 0;
}
.button-quark {
display: inline-block;
margin: 0 auto;
padding: 0;
width: 100%;
border: 0 solid currentColor;
color: #cccccc;
text-align: center;
line-height: 1.2em;
text-decoration: none;
vertical-align: baseline;
cursor: pointer;
transition: all 0.5s;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
@media (min-width: 768px) {
.button-quark {
width: auto;
}
}
.button-quark > span,
.button-quark > .rich-text-editable-container {
width: 100%;
padding: 1em 2em;
display: inline-block;
}
.button-quark:hover > span,
.button-quark:hover > .rich-text-editable-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: inherit;
}
.button-quark b,
.button-quark strong {
font-weight: bold;
}
.button-quark u {
text-decoration: underline;
}
.button-quark i,
.button-quark em {
font-style: italic;
}
.button-quark.square {
border-radius: 0;
}
.button-quark.soft {
border-radius: 3px;
}
.button-quark.rounded {
border-radius: 25em;
}
.button-quark.flat {
border-color: transparent;
box-shadow: none;
}
.button-quark.buttonOutline {
border-color: currentcolor;
box-shadow: none;
}
.button-quark.depth {
border-color: transparent;
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.15));
}
.button-quark-background-color1 {
background-color: #3d424e;
color: #ffffff;
}
.button-quark-background-color1.buttonOutline {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #3d424e;
color: #3d424e;
}
.button-quark-background-color2 {
background-color: #f27292;
color: #ffffff;
}
.button-quark-background-color2.buttonOutline {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #f27292;
color: #f27292;
}
.button-quark-background-color3 {
background-color: #efecea;
color: #ffffff;
}
.button-quark-background-color3.buttonOutline {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #efecea;
color: #efecea;
}
.button-quark-background-color4 {
background-color: #ffffff;
color: #ffffff;
}
.button-quark-background-color4.buttonOutline {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #ffffff;
color: #ffffff;
}
.button-quark-background-color5 {
background-color: #333333;
color: #ffffff;
}
.button-quark-background-color5.buttonOutline {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #333333;
color: #333333;
}
.button-quark .rich-text-editable-container p span,
.button-quark .rich-text-content p span {
line-height: 100%;
}
.button-quark-shadow {
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.3) !important;
}
.image-descriptor:not(.image-descriptor--below-image) {
color: white;
}
.image-title {
font-size: 20px;
line-height: 1.2;
overflow-wrap: break-word;
}
.image-description {
font-size: 14px;
line-height: 1.4;
overflow-wrap: break-word;
}
.image-descriptor--banner {
bottom: 0;
padding: 15px;
color: white;
left: 0;
pointer-events: none;
}
.image-descriptor--overlay {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
top: 0;
left: 0;
visibility: hidden;
pointer-events: none;
}
.image-descriptor--overlay .image-title,
.image-descriptor--overlay .image-description {
width: 75%;
line-height: 1.5;
}
.imageMedia-pip:hover .image-descriptor--overlay {
visibility: visible;
}
.image-title:not(:last-child) {
margin: 0 0 15px 0;
}
.image-description {
margin: 0;
}
.lightbox {
z-index: 101;
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
pointer-events: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.lightbox.lightbox--visible {
pointer-events: all;
opacity: 1;
}
.lightbox__cover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
}
.lightbox__nav-btn {
position: fixed;
top: 50%;
cursor: pointer;
opacity: 0.6;
}
.lightbox__nav-btn:hover {
opacity: 1;
}
.lightbox__nav-btn svg {
fill: #ffffff;
width: 40px;
height: 40px;
}
.lightbox__nav-btn--next {
right: 40px;
transform: rotate(180deg);
}
.lightbox__nav-btn--previous {
left: 40px;
}
.lightbox__nav-btn,
.lightbox__close-btn,
.lightbox__play-btn,
.lightbox__pause-btn {
background-color: transparent;
border: none;
color: transparent;
}
img.lightbox__image {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 70%;
max-height: 95%;
cursor: pointer;
}
.lightbox__slide-counter {
position: fixed;
color: white;
z-index: 1;
}
.lightbox__pause-btn,
.lightbox__play-btn {
width: 30px;
cursor: pointer;
display: none;
}
.lightbox__pause-btn svg,
.lightbox__play-btn svg {
height: 30px;
width: 30px;
}
.lightbox__btn--visible {
display: inline;
}
.lightbox__buttons {
position: fixed;
top: 30px;
right: 70px;
}
.lightbox__close-btn {
position: fixed;
width: 50px;
top: 20px;
right: 0;
cursor: pointer;
}
.lightbox__close-btn svg {
width: 20px;
height: 20px;
fill: #ffffff;
}
.lightbox__slide-counter {
top: 30px;
left: 30px;
font-size: 1rem;
}
.lightbox__info {
position: fixed;
bottom: 0;
width: 100%;
height: 25%;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
pointer-events: none;
}
.lightbox__info--hidden {
display: none;
}
.lightbox__title {
font-size: 2rem;
line-height: 1.2;
}
.lightbox__description {
line-height: 1.4;
}
.shoppingCart {
font-family: 'Helvetica Neue';
position: fixed;
z-index: 9;
top: 130px;
background-color: #ffffff;
right: 0;
width: 62px;
height: 58px;
box-shadow: 0 8px 40px -8px rgba(0, 0, 0, 0.3);
border-radius: 10px;
display: none;
}
.shoppingCart.shoppingCart--show {
display: block;
}
.shoppingCart:after {
content: attr(data-quantity);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 25px;
height: 16px;
font-size: 0.75em;
line-height: 16px;
background-color: #2c88e1;
color: #ffffff;
font-weight: 100;
border-radius: 99em;
text-align: center;
-webkit-transform: translate(40%, -40%);
transform: translate(40%, -40%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.shoppingCart.shoppingCart--large:after {
content: '99+';
width: 30px;
}
.shoppingCart:not(.shoppingCart--open) .shoppingCart__title,
.shoppingCart:not(.shoppingCart--open) .shoppingCart__contents {
display: none;
}
.shoppingCart .shoppingCart__icon--close {
display: none;
cursor: pointer;
}
.shoppingCart .shoppingCart__icon--cart {
display: block;
}
.shoppingCart.shoppingCart--open {
width: 100%;
height: 100vh;
background: #ffffff;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 0px;
}
@media (min-width: 769px) {
.shoppingCart.shoppingCart--open {
width: 400px;
left: auto;
bottom: auto;
}
}
.shoppingCart.shoppingCart--open:after {
display: none;
}
.shoppingCart.shoppingCart--open .shoppingCart__icon--close {
display: block;
}
.shoppingCart.shoppingCart--open .shoppingCart__icon--cart {
display: none;
}
.shoppingCart.shoppingCart--open .shoppingCart__contents {
overflow-y: scroll;
}
.shoppingCart .paypal-progress,
.shoppingCart .paypal-fail,
.shoppingCart .paypal-success {
min-height: 150px;
}
.shoppingCart .paypal-success {
margin-top: 60px;
margin-bottom: 36px;
padding: 0 30px;
}
.shoppingCart__item__template {
display: none;
}
.shoppingCart__title {
font-size: 22px;
font-weight: 700;
font-family: Droid Sans;
font-variant: inherit;
text-transform: inherit;
padding: 24px;
border-bottom: 1px solid #dfdfdf;
}
.shoppingCart__emptyNotice {
padding: 24px 0;
font-size: 16px;
}
.shoppingCart__items {
min-height: 220px;
padding: 0 24px;
height: 100%;
overflow-y: scroll;
}
.shoppingCart__item {
display: grid;
column-gap: 8px;
grid-template-columns: [first] 2fr [second] 4fr [third] 1fr;
grid-template-rows: [name] 1fr [qty] auto [textField] auto [rem] auto;
-ms-grid-columns: [first] 2fr [second] 4fr [third] 1fr;
-ms-grid-rows: [name] 1fr [qty] auto [textField] auto [rem] auto;
row-gap: 10px;
padding: 24px 0;
}
.shoppingCart__item .item-name {
font-size: 16px;
grid-column-start: first;
grid-column-end: third;
grid-row-start: name;
grid-row-end: name;
justify-self: start;
text-align: left;
}
.shoppingCart__item .item-quantity__label,
.shoppingCart__item .item-textField__label,
.shoppingCart__item .item-dropdownMenu__label {
opacity: 0.5;
font-size: 12px;
grid-column-start: first;
grid-column-end: second;
text-align: left;
}
.shoppingCart__item .item-quantity__value {
opacity: 0.5;
font-size: 12px;
grid-column-start: second;
grid-column-end: third;
text-align: left;
}
.shoppingCart__item .item-textField__value,
.shoppingCart__item .item-dropdownMenu__value {
opacity: 0.5;
font-size: 12px;
grid-column-start: second;
grid-column-end: end;
text-align: left;
}
.shoppingCart__item .item-price,
.shoppingCart__item .item-discounted-price {
font-size: 16px;
}
.shoppingCart__item .item-remove {
border: none;
padding: 0;
text-align: left;
font-size: 12px;
color: #d24345;
cursor: pointer;
grid-column-start: first;
grid-column-end: second;
background-color: #ffffff;
}
.shoppingCart__item:not(:last-child) {
border-bottom: 1px solid #dfdfdf;
}
.shoppingCart__item--discounted .item-price {
color: #d24345;
text-decoration: line-through;
}
.shoppingCart__checkout__wrapper {
padding: 0 24px 24px 24px;
}
.mobile-menu-active .shoppingCart {
z-index: 9;
}
.shoppingCart:not([data-quantity]):after,
.shoppingCart[data-quantity='0']:after {
display: none;
}
.shoppingCart__openHandler {
display: block;
width: 62px;
height: 58px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
cursor: pointer;
}
.shoppingCart__icon {
position: absolute;
top: 0;
right: 0;
margin: 20px;
width: 20px;
height: 20px;
fill: #000000;
}
.shoppingCart__grandTotal {
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 16px 0;
font-size: 16px;
font-weight: 700;
margin-top: 24px;
}
.shoppingCart__checkout {
border-top: 1px solid #000000;
padding: 24px 0;
}
.shoppingCart__amount {
width: 100px;
}
.paypal-fail__message {
color: #d24345;
font-weight: 700;
margin-bottom: 8px;
}
.paypal-success__image {
width: 72px;
height: 72px;
}
.paypal-success__thanks {
font-weight: 700;
font-size: 32px;
margin-top: 24px;
}
.paypal-success__info {
margin-top: 12px;
line-height: 1.5;
}
.paypal-success__exit {
margin-top: 36px;
cursor: pointer;
}
.paypal-fail__action {
cursor: pointer;
}
.shoppingCart--buy .paypal-progress,
.shoppingCart--buy .paypal-fail,
.shoppingCart--buy .paypal-success,
.shoppingCart--buy .shoppingCart__emptyNotice {
display: none;
}
.shoppingCart--buy .shoppingCart__button__checkout,
.shoppingCart--buy .shoppingCart__items,
.shoppingCart--buy .shoppingCart__checkout__wrapper,
.shoppingCart--buy .shoppingCart__checkout {
display: block;
}
.shoppingCart--failure .paypal-progress,
.shoppingCart--failure .paypal-success,
.shoppingCart--failure .shoppingCart__button__checkout,
.shoppingCart--failure .shoppingCart__emptyNotice {
display: none;
}
.shoppingCart--failure .paypal-fail {
display: flex;
}
.shoppingCart--success .paypal-progress,
.shoppingCart--success .paypal-fail,
.shoppingCart--success .shoppingCart__button__checkout,
.shoppingCart--success .shoppingCart__items,
.shoppingCart--success .shoppingCart__checkout,
.shoppingCart--success .shoppingCart__emptyNotice {
display: none;
}
.shoppingCart--success .paypal-success {
display: flex;
}
.shoppingCart--empty .paypal-progress,
.shoppingCart--empty .paypal-fail,
.shoppingCart--empty .paypal-success,
.shoppingCart--empty .shoppingCart__button__checkout,
.shoppingCart--empty .shoppingCart__items,
.shoppingCart--empty .shoppingCart__checkout__wrapper {
display: none;
}
.shoppingCart--empty .shoppingCart__emptyNotice {
display: block;
}
.cornerImage {
pointer-events: none;
}
.grecaptcha-badge {
z-index: 3;
width: 70px !important;
overflow: hidden;
transition: all 0.3s ease !important;
left: 0;
}
.grecaptcha-badge:hover {
width: 256px !important;
}
.login-form__login-container {
padding: 7%;
font-family: Fira Sans Condensed;
}
.login-form__form-wrapper {
max-height: 420px;
max-width: 600px;
width: inherit;
border: 1px solid #ccc;
background-color: white;
border-radius: 3px;
padding: 7% 85px;
font-family: inherit;
}
.login-form__form-container {
margin: 0 auto;
width: 100%;
}
.login-form__form {
max-width: 100%;
width: 335px;
margin: auto;
}
.login-form__label {
font-weight: bolder;
margin-bottom: 30px;
}
.login-form__error {
position: relative;
top: 7px;
color: #d24345;
font-size: 14px;
line-height: 17px;
}
.login-form__input {
text-indent: 15px;
border-radius: 2px;
border: 1px solid #d9d9d9;
font-family: inherit;
}
.login-form__submit-btn {
padding: 15px 0;
background-color: #398be1;
font-size: 12px;
color: white;
border-radius: 2px;
height: 45px;
font-family: inherit;
}
.login-form__input-container {
height: 45px;
}
.login-form__submit-container {
padding-top: 40px;
}
.pip-overlay {
min-height: 25px;
}
.pip-overlay[data-pip-display-name]::before {
content: attr(data-pip-display-name);
background-color: #44a2dd;
color: #ffffff;
position: absolute;
top: 0;
left: -2px;
font-size: 10px;
padding: 2px 4px;
display: none;
transform: translateY(calc(-103%));
text-transform: uppercase;
font-family: 'Lato', sans-serif;
line-height: 1;
}
.pip-overlay:hover {
outline: 2px solid #44a2dd;
background-color: rgba(68, 162, 221, 0.25);
}
.pip-overlay:hover::before {
display: block;
}
.table-pip > .pip-overlay::before,
.media-gallery--slideshow > .pip-overlay::before {
transform: initial;
}
.table-pip > .pip-overlay:hover,
.media-gallery--slideshow > .pip-overlay:hover {
border: 2px solid rgba(68, 162, 221, 0.25);
}
.pip-overlay--selected {
outline: 2px solid #44a2dd;
}
.pip-overlay--selected::before {
display: block;
}
.pip-overlay__navigation {
position: fixed;
top: 15px;
right: 15px;
width: 50px;
height: 50px;
}
.navigation-pip.mobile > .pip-overlay,
.navigation-pip.tablet > .pip-overlay {
display: none;
}
@media (min-width: 30em) {
.navigation-pip.mobile > .pip-overlay {
display: block;
}
}
.profile--block {
margin: 0 10px;
}
@media (min-width: 481px) {
.profile--block {
margin: 0 auto;
max-width: 750px;
}
}
.profile--block:nth-last-of-type(1) {
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
margin-bottom: 10px;
}
.profile--block:nth-last-of-type(1) div:last-child {
border-bottom-width: 0;
}
.profile--block:nth-of-type(2) {
border-top-left-radius: 22px;
border-top-right-radius: 22px;
}
/*! TACHYONS v4.9.0 | http://tachyons.io */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace,monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace,monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
/* 1 */
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* 1 */
menu,
details {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
[hidden],
template {
display: none;
}
.border-box,
a,
article,
body,
code,
dd,
div,
dl,
dt,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
legend,
li,
main,
ol,
p,
pre,
section,
table,
td,
textarea,
th,
tr,
ul {
box-sizing: border-box;
}
.aspect-ratio {
height: 0;
position: relative;
}
.aspect-ratio--16x9 {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16 {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3 {
padding-bottom: 75%;
}
.aspect-ratio--3x4 {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4 {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6 {
padding-bottom: 150%;
}
.aspect-ratio--8x5 {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8 {
padding-bottom: 160%;
}
.aspect-ratio--7x5 {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7 {
padding-bottom: 140%;
}
.aspect-ratio--1x1 {
padding-bottom: 100%;
}
.aspect-ratio--object {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
img {
max-width: 100%;
}
.cover {
background-size: cover !important;
}
.contain {
background-size: contain !important;
}
.bg-center {
background-position: 50%;
}
.bg-center,
.bg-top {
background-repeat: no-repeat;
}
.bg-top {
background-position: top;
}
.bg-right {
background-position: 100%;
}
.bg-bottom,
.bg-right {
background-repeat: no-repeat;
}
.bg-bottom {
background-position: bottom;
}
.bg-left {
background-repeat: no-repeat;
background-position: 0;
}
.outline {
outline: 1px solid;
}
.outline-transparent {
outline: 1px solid transparent;
}
.outline-0 {
outline: 0;
}
.ba {
border-style: solid;
border-width: 1px;
}
.bt {
border-top-style: solid;
border-top-width: 1px;
}
.br {
border-right-style: solid;
border-right-width: 1px;
}
.bb {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl {
border-left-style: solid;
border-left-width: 1px;
}
.bn {
border-style: none;
border-width: 0;
}
.b--black {
border-color: #000000;
}
.b--near-black {
border-color: #111111;
}
.b--dark-gray {
border-color: #333333;
}
.b--mid-gray {
border-color: #555555;
}
.b--gray {
border-color: #777777;
}
.b--silver {
border-color: #999999;
}
.b--light-silver {
border-color: #aaaaaa;
}
.b--moon-gray {
border-color: #cccccc;
}
.b--light-gray {
border-color: #eeeeee;
}
.b--near-white {
border-color: #f4f4f4;
}
.b--white {
border-color: #ffffff;
}
.b--white-90 {
border-color: rgba(255, 255, 255, 0.9);
}
.b--white-80 {
border-color: rgba(255, 255, 255, 0.8);
}
.b--white-70 {
border-color: rgba(255, 255, 255, 0.7);
}
.b--white-60 {
border-color: rgba(255, 255, 255, 0.6);
}
.b--white-50 {
border-color: rgba(255, 255, 255, 0.5);
}
.b--white-40 {
border-color: rgba(255, 255, 255, 0.4);
}
.b--white-30 {
border-color: rgba(255, 255, 255, 0.3);
}
.b--white-20 {
border-color: rgba(255, 255, 255, 0.2);
}
.b--white-10 {
border-color: rgba(255, 255, 255, 0.1);
}
.b--white-05 {
border-color: rgba(255, 255, 255, 0.05);
}
.b--white-025 {
border-color: rgba(255, 255, 255, 0.025);
}
.b--white-0125 {
border-color: rgba(255, 255, 255, 0.0125);
}
.b--black-90 {
border-color: rgba(0, 0, 0, 0.9);
}
.b--black-80 {
border-color: rgba(0, 0, 0, 0.8);
}
.b--black-70 {
border-color: rgba(0, 0, 0, 0.7);
}
.b--black-60 {
border-color: rgba(0, 0, 0, 0.6);
}
.b--black-50 {
border-color: rgba(0, 0, 0, 0.5);
}
.b--black-40 {
border-color: rgba(0, 0, 0, 0.4);
}
.b--black-30 {
border-color: rgba(0, 0, 0, 0.3);
}
.b--black-20 {
border-color: rgba(0, 0, 0, 0.2);
}
.b--black-10 {
border-color: rgba(0, 0, 0, 0.1);
}
.b--black-05 {
border-color: rgba(0, 0, 0, 0.05);
}
.b--black-025 {
border-color: rgba(0, 0, 0, 0.025);
}
.b--black-0125 {
border-color: rgba(0, 0, 0, 0.0125);
}
.b--dark-red {
border-color: #e7040f;
}
.b--red {
border-color: #ff4136;
}
.b--light-red {
border-color: #ff725c;
}
.b--orange {
border-color: #ff6300;
}
.b--gold {
border-color: #ffb700;
}
.b--yellow {
border-color: gold;
}
.b--light-yellow {
border-color: #fbf1a9;
}
.b--purple {
border-color: #5e2ca5;
}
.b--light-purple {
border-color: #a463f2;
}
.b--dark-pink {
border-color: #d5008f;
}
.b--hot-pink {
border-color: #ff41b4;
}
.b--pink {
border-color: #ff80cc;
}
.b--light-pink {
border-color: #ffa3d7;
}
.b--dark-green {
border-color: #137752;
}
.b--green {
border-color: #19a974;
}
.b--light-green {
border-color: #9eebcf;
}
.b--navy {
border-color: #001b44;
}
.b--dark-blue {
border-color: #00449e;
}
.b--blue {
border-color: #357edd;
}
.b--light-blue {
border-color: #96ccff;
}
.b--lightest-blue {
border-color: #cdecff;
}
.b--washed-blue {
border-color: #f6fffe;
}
.b--washed-green {
border-color: #e8fdf5;
}
.b--washed-yellow {
border-color: #fffceb;
}
.b--washed-red {
border-color: #ffdfdf;
}
.b--transparent {
border-color: transparent;
}
.b--inherit {
border-color: inherit;
}
.br0 {
border-radius: 0;
}
.br1 {
border-radius: 0.125rem;
}
.br2 {
border-radius: 0.25rem;
}
.br3 {
border-radius: 0.5rem;
}
.br4 {
border-radius: 1rem;
}
.br-100 {
border-radius: 100%;
}
.br-pill {
border-radius: 9999px;
}
.br--bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top {
border-bottom-right-radius: 0;
}
.br--right,
.br--top {
border-bottom-left-radius: 0;
}
.br--right {
border-top-left-radius: 0;
}
.br--left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted {
border-style: dotted;
}
.b--dashed {
border-style: dashed;
}
.b--solid {
border-style: solid;
}
.b--none {
border-style: none;
}
.bw0 {
border-width: 0;
}
.bw1 {
border-width: 0.125rem;
}
.bw2 {
border-width: 0.25rem;
}
.bw3 {
border-width: 0.5rem;
}
.bw4 {
border-width: 1rem;
}
.bw5 {
border-width: 2rem;
}
.bt-0 {
border-top-width: 0;
}
.br-0 {
border-right-width: 0;
}
.bb-0 {
border-bottom-width: 0;
}
.bl-0 {
border-left-width: 0;
}
.shadow-1 {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2 {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3 {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4 {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5 {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.pre {
overflow-x: auto;
overflow-y: hidden;
overflow: scroll;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-1 {
top: 1rem;
}
.right-1 {
right: 1rem;
}
.bottom-1 {
bottom: 1rem;
}
.left-1 {
left: 1rem;
}
.top-2 {
top: 2rem;
}
.right-2 {
right: 2rem;
}
.bottom-2 {
bottom: 2rem;
}
.left-2 {
left: 2rem;
}
.top--1 {
top: -1rem;
}
.right--1 {
right: -1rem;
}
.bottom--1 {
bottom: -1rem;
}
.left--1 {
left: -1rem;
}
.top--2 {
top: -2rem;
}
.right--2 {
right: -2rem;
}
.bottom--2 {
bottom: -2rem;
}
.left--2 {
left: -2rem;
}
.absolute--fill {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cf:after,
.cf:before {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.cb {
clear: both;
}
.cn {
clear: none;
}
.dn {
display: none;
}
.di {
display: inline;
}
.db {
display: block;
}
.dib {
display: inline-block;
}
.dit {
display: inline-table;
}
.dt {
display: table;
}
.dtc {
display: table-cell;
}
.dt-row {
display: table-row;
}
.dt-row-group {
display: table-row-group;
}
.dt-column {
display: table-column;
}
.dt-column-group {
display: table-column-group;
}
.dt--fixed {
table-layout: fixed;
width: 100%;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-column,
.flex-row {
-webkit-box-direction: normal;
}
.flex-row {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.flex-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.fl {
float: left;
}
.fl,
.fr {
_display: inline;
}
.fr {
float: right;
}
.fn {
float: none;
}
.sans-serif {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.serif {
font-family: georgia, times, serif;
}
.system-sans-serif {
font-family: sans-serif;
}
.system-serif {
font-family: serif;
}
.code,
code {
font-family: Consolas, monaco, monospace;
}
.courier {
font-family: Courier Next, courier, monospace;
}
.helvetica {
font-family: helvetica neue, helvetica, sans-serif;
}
.avenir {
font-family: avenir next, avenir, sans-serif;
}
.athelas {
font-family: athelas, georgia, serif;
}
.georgia {
font-family: georgia, serif;
}
.times {
font-family: times, serif;
}
.bodoni {
font-family: Bodoni MT, serif;
}
.calisto {
font-family: Calisto MT, serif;
}
.garamond {
font-family: garamond, serif;
}
.baskerville {
font-family: baskerville, serif;
}
.i {
font-style: italic;
}
.fs-normal {
font-style: normal;
}
.normal {
font-weight: 400;
}
.b {
font-weight: 700;
}
.fw1 {
font-weight: 100;
}
.fw2 {
font-weight: 200;
}
.fw3 {
font-weight: 300;
}
.fw4 {
font-weight: 400;
}
.fw5 {
font-weight: 500;
}
.fw6 {
font-weight: 600;
}
.fw7 {
font-weight: 700;
}
.fw8 {
font-weight: 800;
}
.fw9 {
font-weight: 900;
}
.input-reset {
-webkit-appearance: none;
-moz-appearance: none;
}
.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
border: 0;
padding: 0;
}
.h1 {
height: 1rem;
}
.h2 {
height: 2rem;
}
.h3 {
height: 4rem;
}
.h4 {
height: 8rem;
}
.h5 {
height: 16rem;
}
.h-25 {
height: 25%;
}
.h-50 {
height: 50%;
}
.h-75 {
height: 75%;
}
.h-100 {
height: 100%;
}
.min-h-100 {
min-height: 100%;
}
.vh-25 {
height: 25vh;
}
.vh-50 {
height: 50vh;
}
.vh-75 {
height: 75vh;
}
.vh-100 {
height: 100vh;
}
.min-vh-100 {
min-height: 100vh;
}
.h-auto {
height: auto;
}
.h-inherit {
height: inherit;
}
.tracked {
letter-spacing: 0.1em;
}
.tracked-tight {
letter-spacing: -0.05em;
}
.tracked-mega {
letter-spacing: 0.25em;
}
.lh-solid {
line-height: 1;
}
.lh-title {
line-height: 1.25;
}
.lh-copy {
line-height: 1.5;
}
.link {
text-decoration: none;
}
.link,
.link:active,
.link:focus,
.link:hover,
.link:link,
.link:visited {
transition: color 0.15s ease-in;
}
.link:focus {
outline: 1px dotted currentColor;
}
.list {
list-style-type: none;
}
.mw-100 {
max-width: 100%;
}
.mw1 {
max-width: 1rem;
}
.mw2 {
max-width: 2rem;
}
.mw3 {
max-width: 4rem;
}
.mw4 {
max-width: 8rem;
}
.mw5 {
max-width: 16rem;
}
.mw6 {
max-width: 32rem;
}
.mw7 {
max-width: 48rem;
}
.mw8 {
max-width: 64rem;
}
.mw9 {
max-width: 96rem;
}
.mw-none {
max-width: none;
}
.w1 {
width: 1rem;
}
.w2 {
width: 2rem;
}
.w3 {
width: 4rem;
}
.w4 {
width: 8rem;
}
.w5 {
width: 16rem;
}
.w-10 {
width: 10%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-33 {
width: 33%;
}
.w-34 {
width: 34%;
}
.w-40 {
width: 40%;
}
.w-50 {
width: 50%;
}
.w-60 {
width: 60%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-90 {
width: 90%;
}
.w-100 {
width: 100%;
}
.w-third {
width: 33.33333%;
}
.w-two-thirds {
width: 66.66667%;
}
.w-auto {
width: auto;
}
.overflow-visible {
overflow: visible;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.static {
position: static;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.o-100 {
opacity: 1;
}
.o-90 {
opacity: 0.9;
}
.o-80 {
opacity: 0.8;
}
.o-70 {
opacity: 0.7;
}
.o-60 {
opacity: 0.6;
}
.o-50 {
opacity: 0.5;
}
.o-40 {
opacity: 0.4;
}
.o-30 {
opacity: 0.3;
}
.o-20 {
opacity: 0.2;
}
.o-10 {
opacity: 0.1;
}
.o-05 {
opacity: 0.05;
}
.o-025 {
opacity: 0.025;
}
.o-0 {
opacity: 0;
}
.rotate-45 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135 {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225 {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315 {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.black-90 {
color: rgba(0, 0, 0, 0.9);
}
.black-80 {
color: rgba(0, 0, 0, 0.8);
}
.black-70 {
color: rgba(0, 0, 0, 0.7);
}
.black-60 {
color: rgba(0, 0, 0, 0.6);
}
.black-50 {
color: rgba(0, 0, 0, 0.5);
}
.black-40 {
color: rgba(0, 0, 0, 0.4);
}
.black-30 {
color: rgba(0, 0, 0, 0.3);
}
.black-20 {
color: rgba(0, 0, 0, 0.2);
}
.black-10 {
color: rgba(0, 0, 0, 0.1);
}
.black-05 {
color: rgba(0, 0, 0, 0.05);
}
.white-90 {
color: rgba(255, 255, 255, 0.9);
}
.white-80 {
color: rgba(255, 255, 255, 0.8);
}
.white-70 {
color: rgba(255, 255, 255, 0.7);
}
.white-60 {
color: rgba(255, 255, 255, 0.6);
}
.white-50 {
color: rgba(255, 255, 255, 0.5);
}
.white-40 {
color: rgba(255, 255, 255, 0.4);
}
.white-30 {
color: rgba(255, 255, 255, 0.3);
}
.white-20 {
color: rgba(255, 255, 255, 0.2);
}
.white-10 {
color: rgba(255, 255, 255, 0.1);
}
.black {
color: #000000;
}
.near-black {
color: #111111;
}
.dark-gray {
color: #333333;
}
.mid-gray {
color: #555555;
}
.gray {
color: #777777;
}
.silver {
color: #999999;
}
.light-silver {
color: #aaaaaa;
}
.moon-gray {
color: #cccccc;
}
.light-gray {
color: #eeeeee;
}
.near-white {
color: #f4f4f4;
}
.white {
color: #ffffff;
}
.dark-red {
color: #e7040f;
}
.red {
color: #ff4136;
}
.light-red {
color: #ff725c;
}
.orange {
color: #ff6300;
}
.gold {
color: #ffb700;
}
.yellow {
color: gold;
}
.light-yellow {
color: #fbf1a9;
}
.purple {
color: #5e2ca5;
}
.light-purple {
color: #a463f2;
}
.dark-pink {
color: #d5008f;
}
.hot-pink {
color: #ff41b4;
}
.pink {
color: #ff80cc;
}
.light-pink {
color: #ffa3d7;
}
.dark-green {
color: #137752;
}
.green {
color: #19a974;
}
.light-green {
color: #9eebcf;
}
.navy {
color: #001b44;
}
.dark-blue {
color: #00449e;
}
.blue {
color: #357edd;
}
.light-blue {
color: #96ccff;
}
.lightest-blue {
color: #cdecff;
}
.washed-blue {
color: #f6fffe;
}
.washed-green {
color: #e8fdf5;
}
.washed-yellow {
color: #fffceb;
}
.washed-red {
color: #ffdfdf;
}
.color-inherit {
color: inherit;
}
.bg-black-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.bg-black-80 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-70 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-60 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-50 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-40 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-30 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-20 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-05 {
background-color: rgba(0, 0, 0, 0.05);
}
.bg-white-90 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg-white-80 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-70 {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-60 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-50 {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-40 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-30 {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-20 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-10 {
background-color: rgba(255, 255, 255, 0.1);
}
.bg-black {
background-color: #000000;
}
.bg-near-black {
background-color: #111111;
}
.bg-dark-gray {
background-color: #333333;
}
.bg-mid-gray {
background-color: #555555;
}
.bg-gray {
background-color: #777777;
}
.bg-silver {
background-color: #999999;
}
.bg-light-silver {
background-color: #aaaaaa;
}
.bg-moon-gray {
background-color: #cccccc;
}
.bg-light-gray {
background-color: #eeeeee;
}
.bg-near-white {
background-color: #f4f4f4;
}
.bg-white {
background-color: #ffffff;
}
.bg-transparent {
background-color: transparent;
}
.bg-dark-red {
background-color: #e7040f;
}
.bg-red {
background-color: #ff4136;
}
.bg-light-red {
background-color: #ff725c;
}
.bg-orange {
background-color: #ff6300;
}
.bg-gold {
background-color: #ffb700;
}
.bg-yellow {
background-color: gold;
}
.bg-light-yellow {
background-color: #fbf1a9;
}
.bg-purple {
background-color: #5e2ca5;
}
.bg-light-purple {
background-color: #a463f2;
}
.bg-dark-pink {
background-color: #d5008f;
}
.bg-hot-pink {
background-color: #ff41b4;
}
.bg-pink {
background-color: #ff80cc;
}
.bg-light-pink {
background-color: #ffa3d7;
}
.bg-dark-green {
background-color: #137752;
}
.bg-green {
background-color: #19a974;
}
.bg-light-green {
background-color: #9eebcf;
}
.bg-navy {
background-color: #001b44;
}
.bg-dark-blue {
background-color: #00449e;
}
.bg-blue {
background-color: #357edd;
}
.bg-light-blue {
background-color: #96ccff;
}
.bg-lightest-blue {
background-color: #cdecff;
}
.bg-washed-blue {
background-color: #f6fffe;
}
.bg-washed-green {
background-color: #e8fdf5;
}
.bg-washed-yellow {
background-color: #fffceb;
}
.bg-washed-red {
background-color: #ffdfdf;
}
.bg-inherit {
background-color: inherit;
}
.hover-black:focus,
.hover-black:hover {
color: #000000;
}
.hover-near-black:focus,
.hover-near-black:hover {
color: #111111;
}
.hover-dark-gray:focus,
.hover-dark-gray:hover {
color: #333333;
}
.hover-mid-gray:focus,
.hover-mid-gray:hover {
color: #555555;
}
.hover-gray:focus,
.hover-gray:hover {
color: #777777;
}
.hover-silver:focus,
.hover-silver:hover {
color: #999999;
}
.hover-light-silver:focus,
.hover-light-silver:hover {
color: #aaaaaa;
}
.hover-moon-gray:focus,
.hover-moon-gray:hover {
color: #cccccc;
}
.hover-light-gray:focus,
.hover-light-gray:hover {
color: #eeeeee;
}
.hover-near-white:focus,
.hover-near-white:hover {
color: #f4f4f4;
}
.hover-white:focus,
.hover-white:hover {
color: #ffffff;
}
.hover-black-90:focus,
.hover-black-90:hover {
color: rgba(0, 0, 0, 0.9);
}
.hover-black-80:focus,
.hover-black-80:hover {
color: rgba(0, 0, 0, 0.8);
}
.hover-black-70:focus,
.hover-black-70:hover {
color: rgba(0, 0, 0, 0.7);
}
.hover-black-60:focus,
.hover-black-60:hover {
color: rgba(0, 0, 0, 0.6);
}
.hover-black-50:focus,
.hover-black-50:hover {
color: rgba(0, 0, 0, 0.5);
}
.hover-black-40:focus,
.hover-black-40:hover {
color: rgba(0, 0, 0, 0.4);
}
.hover-black-30:focus,
.hover-black-30:hover {
color: rgba(0, 0, 0, 0.3);
}
.hover-black-20:focus,
.hover-black-20:hover {
color: rgba(0, 0, 0, 0.2);
}
.hover-black-10:focus,
.hover-black-10:hover {
color: rgba(0, 0, 0, 0.1);
}
.hover-white-90:focus,
.hover-white-90:hover {
color: rgba(255, 255, 255, 0.9);
}
.hover-white-80:focus,
.hover-white-80:hover {
color: rgba(255, 255, 255, 0.8);
}
.hover-white-70:focus,
.hover-white-70:hover {
color: rgba(255, 255, 255, 0.7);
}
.hover-white-60:focus,
.hover-white-60:hover {
color: rgba(255, 255, 255, 0.6);
}
.hover-white-50:focus,
.hover-white-50:hover {
color: rgba(255, 255, 255, 0.5);
}
.hover-white-40:focus,
.hover-white-40:hover {
color: rgba(255, 255, 255, 0.4);
}
.hover-white-30:focus,
.hover-white-30:hover {
color: rgba(255, 255, 255, 0.3);
}
.hover-white-20:focus,
.hover-white-20:hover {
color: rgba(255, 255, 255, 0.2);
}
.hover-white-10:focus,
.hover-white-10:hover {
color: rgba(255, 255, 255, 0.1);
}
.hover-inherit:focus,
.hover-inherit:hover {
color: inherit;
}
.hover-bg-black:focus,
.hover-bg-black:hover {
background-color: #000000;
}
.hover-bg-near-black:focus,
.hover-bg-near-black:hover {
background-color: #111111;
}
.hover-bg-dark-gray:focus,
.hover-bg-dark-gray:hover {
background-color: #333333;
}
.hover-bg-mid-gray:focus,
.hover-bg-mid-gray:hover {
background-color: #555555;
}
.hover-bg-gray:focus,
.hover-bg-gray:hover {
background-color: #777777;
}
.hover-bg-silver:focus,
.hover-bg-silver:hover {
background-color: #999999;
}
.hover-bg-light-silver:focus,
.hover-bg-light-silver:hover {
background-color: #aaaaaa;
}
.hover-bg-moon-gray:focus,
.hover-bg-moon-gray:hover {
background-color: #cccccc;
}
.hover-bg-light-gray:focus,
.hover-bg-light-gray:hover {
background-color: #eeeeee;
}
.hover-bg-near-white:focus,
.hover-bg-near-white:hover {
background-color: #f4f4f4;
}
.hover-bg-white:focus,
.hover-bg-white:hover {
background-color: #ffffff;
}
.hover-bg-transparent:focus,
.hover-bg-transparent:hover {
background-color: transparent;
}
.hover-bg-black-90:focus,
.hover-bg-black-90:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.hover-bg-black-80:focus,
.hover-bg-black-80:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.hover-bg-black-70:focus,
.hover-bg-black-70:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.hover-bg-black-60:focus,
.hover-bg-black-60:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.hover-bg-black-50:focus,
.hover-bg-black-50:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.hover-bg-black-40:focus,
.hover-bg-black-40:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.hover-bg-black-30:focus,
.hover-bg-black-30:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.hover-bg-black-20:focus,
.hover-bg-black-20:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.hover-bg-black-10:focus,
.hover-bg-black-10:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.hover-bg-white-90:focus,
.hover-bg-white-90:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.hover-bg-white-80:focus,
.hover-bg-white-80:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.hover-bg-white-70:focus,
.hover-bg-white-70:hover {
background-color: rgba(255, 255, 255, 0.7);
}
.hover-bg-white-60:focus,
.hover-bg-white-60:hover {
background-color: rgba(255, 255, 255, 0.6);
}
.hover-bg-white-50:focus,
.hover-bg-white-50:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.hover-bg-white-40:focus,
.hover-bg-white-40:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.hover-bg-white-30:focus,
.hover-bg-white-30:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.hover-bg-white-20:focus,
.hover-bg-white-20:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.hover-bg-white-10:focus,
.hover-bg-white-10:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.hover-dark-red:focus,
.hover-dark-red:hover {
color: #e7040f;
}
.hover-red:focus,
.hover-red:hover {
color: #ff4136;
}
.hover-light-red:focus,
.hover-light-red:hover {
color: #ff725c;
}
.hover-orange:focus,
.hover-orange:hover {
color: #ff6300;
}
.hover-gold:focus,
.hover-gold:hover {
color: #ffb700;
}
.hover-yellow:focus,
.hover-yellow:hover {
color: gold;
}
.hover-light-yellow:focus,
.hover-light-yellow:hover {
color: #fbf1a9;
}
.hover-purple:focus,
.hover-purple:hover {
color: #5e2ca5;
}
.hover-light-purple:focus,
.hover-light-purple:hover {
color: #a463f2;
}
.hover-dark-pink:focus,
.hover-dark-pink:hover {
color: #d5008f;
}
.hover-hot-pink:focus,
.hover-hot-pink:hover {
color: #ff41b4;
}
.hover-pink:focus,
.hover-pink:hover {
color: #ff80cc;
}
.hover-light-pink:focus,
.hover-light-pink:hover {
color: #ffa3d7;
}
.hover-dark-green:focus,
.hover-dark-green:hover {
color: #137752;
}
.hover-green:focus,
.hover-green:hover {
color: #19a974;
}
.hover-light-green:focus,
.hover-light-green:hover {
color: #9eebcf;
}
.hover-navy:focus,
.hover-navy:hover {
color: #001b44;
}
.hover-dark-blue:focus,
.hover-dark-blue:hover {
color: #00449e;
}
.hover-blue:focus,
.hover-blue:hover {
color: #357edd;
}
.hover-light-blue:focus,
.hover-light-blue:hover {
color: #96ccff;
}
.hover-lightest-blue:focus,
.hover-lightest-blue:hover {
color: #cdecff;
}
.hover-washed-blue:focus,
.hover-washed-blue:hover {
color: #f6fffe;
}
.hover-washed-green:focus,
.hover-washed-green:hover {
color: #e8fdf5;
}
.hover-washed-yellow:focus,
.hover-washed-yellow:hover {
color: #fffceb;
}
.hover-washed-red:focus,
.hover-washed-red:hover {
color: #ffdfdf;
}
.hover-bg-dark-red:focus,
.hover-bg-dark-red:hover {
background-color: #e7040f;
}
.hover-bg-red:focus,
.hover-bg-red:hover {
background-color: #ff4136;
}
.hover-bg-light-red:focus,
.hover-bg-light-red:hover {
background-color: #ff725c;
}
.hover-bg-orange:focus,
.hover-bg-orange:hover {
background-color: #ff6300;
}
.hover-bg-gold:focus,
.hover-bg-gold:hover {
background-color: #ffb700;
}
.hover-bg-yellow:focus,
.hover-bg-yellow:hover {
background-color: gold;
}
.hover-bg-light-yellow:focus,
.hover-bg-light-yellow:hover {
background-color: #fbf1a9;
}
.hover-bg-purple:focus,
.hover-bg-purple:hover {
background-color: #5e2ca5;
}
.hover-bg-light-purple:focus,
.hover-bg-light-purple:hover {
background-color: #a463f2;
}
.hover-bg-dark-pink:focus,
.hover-bg-dark-pink:hover {
background-color: #d5008f;
}
.hover-bg-hot-pink:focus,
.hover-bg-hot-pink:hover {
background-color: #ff41b4;
}
.hover-bg-pink:focus,
.hover-bg-pink:hover {
background-color: #ff80cc;
}
.hover-bg-light-pink:focus,
.hover-bg-light-pink:hover {
background-color: #ffa3d7;
}
.hover-bg-dark-green:focus,
.hover-bg-dark-green:hover {
background-color: #137752;
}
.hover-bg-green:focus,
.hover-bg-green:hover {
background-color: #19a974;
}
.hover-bg-light-green:focus,
.hover-bg-light-green:hover {
background-color: #9eebcf;
}
.hover-bg-navy:focus,
.hover-bg-navy:hover {
background-color: #001b44;
}
.hover-bg-dark-blue:focus,
.hover-bg-dark-blue:hover {
background-color: #00449e;
}
.hover-bg-blue:focus,
.hover-bg-blue:hover {
background-color: #357edd;
}
.hover-bg-light-blue:focus,
.hover-bg-light-blue:hover {
background-color: #96ccff;
}
.hover-bg-lightest-blue:focus,
.hover-bg-lightest-blue:hover {
background-color: #cdecff;
}
.hover-bg-washed-blue:focus,
.hover-bg-washed-blue:hover {
background-color: #f6fffe;
}
.hover-bg-washed-green:focus,
.hover-bg-washed-green:hover {
background-color: #e8fdf5;
}
.hover-bg-washed-yellow:focus,
.hover-bg-washed-yellow:hover {
background-color: #fffceb;
}
.hover-bg-washed-red:focus,
.hover-bg-washed-red:hover {
background-color: #ffdfdf;
}
.hover-bg-inherit:focus,
.hover-bg-inherit:hover {
background-color: inherit;
}
.pa0 {
padding: 0;
}
.pa1 {
padding: 0.25rem;
}
.pa2 {
padding: 0.5rem;
}
.pa3 {
padding: 1rem;
}
.pa4 {
padding: 2rem;
}
.pa5 {
padding: 4rem;
}
.pa6 {
padding: 8rem;
}
.pa7 {
padding: 16rem;
}
.pl0 {
padding-left: 0;
}
.pl1 {
padding-left: 0.25rem;
}
.pl2 {
padding-left: 0.5rem;
}
.pl3 {
padding-left: 1rem;
}
.pl4 {
padding-left: 2rem;
}
.pl5 {
padding-left: 4rem;
}
.pl6 {
padding-left: 8rem;
}
.pl7 {
padding-left: 16rem;
}
.pr0 {
padding-right: 0;
}
.pr1 {
padding-right: 0.25rem;
}
.pr2 {
padding-right: 0.5rem;
}
.pr3 {
padding-right: 1rem;
}
.pr4 {
padding-right: 2rem;
}
.pr5 {
padding-right: 4rem;
}
.pr6 {
padding-right: 8rem;
}
.pr7 {
padding-right: 16rem;
}
.pb0 {
padding-bottom: 0;
}
.pb1 {
padding-bottom: 0.25rem;
}
.pb2 {
padding-bottom: 0.5rem;
}
.pb3 {
padding-bottom: 1rem;
}
.pb4 {
padding-bottom: 2rem;
}
.pb5 {
padding-bottom: 4rem;
}
.pb6 {
padding-bottom: 8rem;
}
.pb7 {
padding-bottom: 16rem;
}
.pt0 {
padding-top: 0;
}
.pt1 {
padding-top: 0.25rem;
}
.pt2 {
padding-top: 0.5rem;
}
.pt3 {
padding-top: 1rem;
}
.pt4 {
padding-top: 2rem;
}
.pt5 {
padding-top: 4rem;
}
.pt6 {
padding-top: 8rem;
}
.pt7 {
padding-top: 16rem;
}
.pv0 {
padding-top: 0;
padding-bottom: 0;
}
.pv1 {
padding-top: .25rem;
padding-bottom: 0.25rem;
}
.pv2 {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pv3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7 {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0 {
padding-left: 0;
padding-right: 0;
}
.ph1 {
padding-left: .25rem;
padding-right: 0.25rem;
}
.ph2 {
padding-left: .5rem;
padding-right: 0.5rem;
}
.ph3 {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4 {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5 {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6 {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7 {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0 {
margin: 0;
}
.ma1 {
margin: 0.25rem;
}
.ma2 {
margin: 0.5rem;
}
.ma3 {
margin: 1rem;
}
.ma4 {
margin: 2rem;
}
.ma5 {
margin: 4rem;
}
.ma6 {
margin: 8rem;
}
.ma7 {
margin: 16rem;
}
.ml0 {
margin-left: 0;
}
.ml1 {
margin-left: 0.25rem;
}
.ml2 {
margin-left: 0.5rem;
}
.ml3 {
margin-left: 1rem;
}
.ml4 {
margin-left: 2rem;
}
.ml5 {
margin-left: 4rem;
}
.ml6 {
margin-left: 8rem;
}
.ml7 {
margin-left: 16rem;
}
.mr0 {
margin-right: 0;
}
.mr1 {
margin-right: 0.25rem;
}
.mr2 {
margin-right: 0.5rem;
}
.mr3 {
margin-right: 1rem;
}
.mr4 {
margin-right: 2rem;
}
.mr5 {
margin-right: 4rem;
}
.mr6 {
margin-right: 8rem;
}
.mr7 {
margin-right: 16rem;
}
.mb0 {
margin-bottom: 0;
}
.mb1 {
margin-bottom: 0.25rem;
}
.mb2 {
margin-bottom: 0.5rem;
}
.mb3 {
margin-bottom: 1rem;
}
.mb4 {
margin-bottom: 2rem;
}
.mb5 {
margin-bottom: 4rem;
}
.mb6 {
margin-bottom: 8rem;
}
.mb7 {
margin-bottom: 16rem;
}
.mt0 {
margin-top: 0;
}
.mt1 {
margin-top: 0.25rem;
}
.mt2 {
margin-top: 0.5rem;
}
.mt3 {
margin-top: 1rem;
}
.mt4 {
margin-top: 2rem;
}
.mt5 {
margin-top: 4rem;
}
.mt6 {
margin-top: 8rem;
}
.mt7 {
margin-top: 16rem;
}
.mv0 {
margin-top: 0;
margin-bottom: 0;
}
.mv1 {
margin-top: .25rem;
margin-bottom: 0.25rem;
}
.mv2 {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mv3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7 {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0 {
margin-left: 0;
margin-right: 0;
}
.mh1 {
margin-left: .25rem;
margin-right: 0.25rem;
}
.mh2 {
margin-left: .5rem;
margin-right: 0.5rem;
}
.mh3 {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4 {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5 {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6 {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7 {
margin-left: 16rem;
margin-right: 16rem;
}
.na1 {
margin: -0.25rem;
}
.na2 {
margin: -0.5rem;
}
.na3 {
margin: -1rem;
}
.na4 {
margin: -2rem;
}
.na5 {
margin: -4rem;
}
.na6 {
margin: -8rem;
}
.na7 {
margin: -16rem;
}
.nl1 {
margin-left: -0.25rem;
}
.nl2 {
margin-left: -0.5rem;
}
.nl3 {
margin-left: -1rem;
}
.nl4 {
margin-left: -2rem;
}
.nl5 {
margin-left: -4rem;
}
.nl6 {
margin-left: -8rem;
}
.nl7 {
margin-left: -16rem;
}
.nr1 {
margin-right: -0.25rem;
}
.nr2 {
margin-right: -0.5rem;
}
.nr3 {
margin-right: -1rem;
}
.nr4 {
margin-right: -2rem;
}
.nr5 {
margin-right: -4rem;
}
.nr6 {
margin-right: -8rem;
}
.nr7 {
margin-right: -16rem;
}
.nb1 {
margin-bottom: -0.25rem;
}
.nb2 {
margin-bottom: -0.5rem;
}
.nb3 {
margin-bottom: -1rem;
}
.nb4 {
margin-bottom: -2rem;
}
.nb5 {
margin-bottom: -4rem;
}
.nb6 {
margin-bottom: -8rem;
}
.nb7 {
margin-bottom: -16rem;
}
.nt1 {
margin-top: -0.25rem;
}
.nt2 {
margin-top: -0.5rem;
}
.nt3 {
margin-top: -1rem;
}
.nt4 {
margin-top: -2rem;
}
.nt5 {
margin-top: -4rem;
}
.nt6 {
margin-top: -8rem;
}
.nt7 {
margin-top: -16rem;
}
.collapse {
border-collapse: collapse;
border-spacing: 0;
}
.striped--light-silver:nth-child(odd) {
background-color: #aaaaaa;
}
.striped--moon-gray:nth-child(odd) {
background-color: #cccccc;
}
.striped--light-gray:nth-child(odd) {
background-color: #eeeeee;
}
.striped--near-white:nth-child(odd) {
background-color: #f4f4f4;
}
.stripe-light:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.1);
}
.stripe-dark:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.1);
}
.strike {
text-decoration: line-through;
}
.underline {
text-decoration: underline;
}
.no-underline {
text-decoration: none;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.tc {
text-align: center;
}
.tj {
text-align: justify;
}
.ttc {
text-transform: capitalize;
}
.ttl {
text-transform: lowercase;
}
.ttu {
text-transform: uppercase;
}
.ttn {
text-transform: none;
}
.f-6,
.f-headline {
font-size: 6rem;
}
.f-5,
.f-subheadline {
font-size: 5rem;
}
.f1 {
font-size: 3rem;
}
.f2 {
font-size: 2.25rem;
}
.f3 {
font-size: 1.5rem;
}
.f4 {
font-size: 1.25rem;
}
.f5 {
font-size: 1rem;
}
.f6 {
font-size: 0.875rem;
}
.f7 {
font-size: 0.75rem;
}
.measure {
max-width: 30em;
}
.measure-wide {
max-width: 34em;
}
.measure-narrow {
max-width: 20em;
}
.indent {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps {
font-variant: small-caps;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-container {
overflow-y: scroll;
}
.center {
margin-left: auto;
}
.center,
.mr-auto {
margin-right: auto;
}
.ml-auto {
margin-left: auto;
}
.clip {
position: fixed!important;
_position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal {
white-space: normal;
}
.nowrap {
white-space: nowrap;
}
.pre {
white-space: pre;
}
.v-base {
vertical-align: baseline;
}
.v-mid {
vertical-align: middle;
}
.v-top {
vertical-align: top;
}
.v-btm {
vertical-align: bottom;
}
.dim {
opacity: 1;
}
.dim,
.dim:focus,
.dim:hover {
transition: opacity 0.15s ease-in;
}
.dim:focus,
.dim:hover {
opacity: 0.5;
}
.dim:active {
opacity: .8;
transition: opacity 0.15s ease-out;
}
.glow,
.glow:focus,
.glow:hover {
transition: opacity 0.15s ease-in;
}
.glow:focus,
.glow:hover {
opacity: 1;
}
.hide-child .child {
opacity: 0;
transition: opacity 0.15s ease-in;
}
.hide-child:active .child,
.hide-child:focus .child,
.hide-child:hover .child {
opacity: 1;
transition: opacity 0.15s ease-in;
}
.underline-hover:focus,
.underline-hover:hover {
text-decoration: underline;
}
.grow {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.grow:focus,
.grow:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grow:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.grow-large {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.grow-large:focus,
.grow-large:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.grow-large:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
.pointer:hover,
.shadow-hover {
cursor: pointer;
}
.shadow-hover {
position: relative;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:after {
content: "";
box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.2);
border-radius: inherit;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:focus:after,
.shadow-hover:hover:after {
opacity: 1;
}
.bg-animate,
.bg-animate:focus,
.bg-animate:hover {
transition: background-color 0.15s ease-in-out;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-999 {
z-index: 999;
}
.z-9999 {
z-index: 9999;
}
.z-max {
z-index: 2147483647;
}
.z-inherit {
z-index: inherit;
}
.z-initial {
z-index: auto;
}
.z-unset {
z-index: unset;
}
.nested-copy-line-height ol,
.nested-copy-line-height p,
.nested-copy-line-height ul {
line-height: 1.5;
}
.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
line-height: 1.25;
}
.nested-list-reset ol,
.nested-list-reset ul {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}
.nested-copy-indent p + p {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.nested-copy-seperator p + p {
margin-top: 1.5em;
}
.nested-img img {
width: 100%;
max-width: 100%;
display: block;
}
.nested-links a {
color: #357edd;
transition: color 0.15s ease-in;
}
.nested-links a:focus,
.nested-links a:hover {
color: #96ccff;
transition: color 0.15s ease-in;
}
.debug * {
outline: 1px solid gold;
}
.debug-white * {
outline: 1px solid #ffffff;
}
.debug-black * {
outline: 1px solid #000000;
}
.debug-grid {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0;
}
.debug-grid-16 {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0;
}
.debug-grid-8-solid {
background: #ffffff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0;
}
.debug-grid-16-solid {
background: #ffffff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0;
}
@media screen and (min-width: 30em) {
.aspect-ratio-ns {
height: 0;
position: relative;
}
.aspect-ratio--16x9-ns {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-ns {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-ns {
padding-bottom: 75%;
}
.aspect-ratio--3x4-ns {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-ns {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-ns {
padding-bottom: 150%;
}
.aspect-ratio--8x5-ns {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-ns {
padding-bottom: 160%;
}
.aspect-ratio--7x5-ns {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-ns {
padding-bottom: 140%;
}
.aspect-ratio--1x1-ns {
padding-bottom: 100%;
}
.aspect-ratio--object-ns {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-ns {
background-size: cover !important;
}
.contain-ns {
background-size: contain !important;
}
.bg-center-ns {
background-position: 50%;
}
.bg-center-ns,
.bg-top-ns {
background-repeat: no-repeat;
}
.bg-top-ns {
background-position: top;
}
.bg-right-ns {
background-position: 100%;
}
.bg-bottom-ns,
.bg-right-ns {
background-repeat: no-repeat;
}
.bg-bottom-ns {
background-position: bottom;
}
.bg-left-ns {
background-repeat: no-repeat;
background-position: 0;
}
.outline-ns {
outline: 1px solid;
}
.outline-transparent-ns {
outline: 1px solid transparent;
}
.outline-0-ns {
outline: 0;
}
.ba-ns {
border-style: solid;
border-width: 1px;
}
.bt-ns {
border-top-style: solid;
border-top-width: 1px;
}
.br-ns {
border-right-style: solid;
border-right-width: 1px;
}
.bb-ns {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-ns {
border-left-style: solid;
border-left-width: 1px;
}
.bn-ns {
border-style: none;
border-width: 0;
}
.br0-ns {
border-radius: 0;
}
.br1-ns {
border-radius: 0.125rem;
}
.br2-ns {
border-radius: 0.25rem;
}
.br3-ns {
border-radius: 0.5rem;
}
.br4-ns {
border-radius: 1rem;
}
.br-100-ns {
border-radius: 100%;
}
.br-pill-ns {
border-radius: 9999px;
}
.br--bottom-ns {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-ns {
border-bottom-right-radius: 0;
}
.br--right-ns,
.br--top-ns {
border-bottom-left-radius: 0;
}
.br--right-ns {
border-top-left-radius: 0;
}
.br--left-ns {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-ns {
border-style: dotted;
}
.b--dashed-ns {
border-style: dashed;
}
.b--solid-ns {
border-style: solid;
}
.b--none-ns {
border-style: none;
}
.bw0-ns {
border-width: 0;
}
.bw1-ns {
border-width: 0.125rem;
}
.bw2-ns {
border-width: 0.25rem;
}
.bw3-ns {
border-width: 0.5rem;
}
.bw4-ns {
border-width: 1rem;
}
.bw5-ns {
border-width: 2rem;
}
.bt-0-ns {
border-top-width: 0;
}
.br-0-ns {
border-right-width: 0;
}
.bb-0-ns {
border-bottom-width: 0;
}
.bl-0-ns {
border-left-width: 0;
}
.shadow-1-ns {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-ns {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-ns {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-ns {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-ns {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-ns {
top: 0;
}
.left-0-ns {
left: 0;
}
.right-0-ns {
right: 0;
}
.bottom-0-ns {
bottom: 0;
}
.top-1-ns {
top: 1rem;
}
.left-1-ns {
left: 1rem;
}
.right-1-ns {
right: 1rem;
}
.bottom-1-ns {
bottom: 1rem;
}
.top-2-ns {
top: 2rem;
}
.left-2-ns {
left: 2rem;
}
.right-2-ns {
right: 2rem;
}
.bottom-2-ns {
bottom: 2rem;
}
.top--1-ns {
top: -1rem;
}
.right--1-ns {
right: -1rem;
}
.bottom--1-ns {
bottom: -1rem;
}
.left--1-ns {
left: -1rem;
}
.top--2-ns {
top: -2rem;
}
.right--2-ns {
right: -2rem;
}
.bottom--2-ns {
bottom: -2rem;
}
.left--2-ns {
left: -2rem;
}
.absolute--fill-ns {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-ns {
clear: left;
}
.cr-ns {
clear: right;
}
.cb-ns {
clear: both;
}
.cn-ns {
clear: none;
}
.dn-ns {
display: none;
}
.di-ns {
display: inline;
}
.db-ns {
display: block;
}
.dib-ns {
display: inline-block;
}
.dit-ns {
display: inline-table;
}
.dt-ns {
display: table;
}
.dtc-ns {
display: table-cell;
}
.dt-row-ns {
display: table-row;
}
.dt-row-group-ns {
display: table-row-group;
}
.dt-column-ns {
display: table-column;
}
.dt-column-group-ns {
display: table-column-group;
}
.dt--fixed-ns {
table-layout: fixed;
width: 100%;
}
.flex-ns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-ns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-ns {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-ns {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-ns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-ns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-ns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-ns {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-ns {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-ns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-ns {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-ns {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-ns {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-ns {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-ns {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-ns {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-ns {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-ns {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-ns {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-ns {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-ns {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-ns {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-ns {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-ns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-ns {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-ns {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-ns {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-ns {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-ns {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-ns {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-ns {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-ns {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-ns {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-ns {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-ns {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-ns {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-ns {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-ns {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-ns {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-ns {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-ns {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-ns {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.flex-grow-0-ns {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-grow-1-ns {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0-ns {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-shrink-1-ns {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.fl-ns {
float: left;
}
.fl-ns,
.fr-ns {
display: inline;
}
.fr-ns {
float: right;
}
.fn-ns {
float: none;
}
.i-ns {
font-style: italic;
}
.fs-normal-ns {
font-style: normal;
}
.normal-ns {
font-weight: 400;
}
.b-ns {
font-weight: 700;
}
.fw1-ns {
font-weight: 100;
}
.fw2-ns {
font-weight: 200;
}
.fw3-ns {
font-weight: 300;
}
.fw4-ns {
font-weight: 400;
}
.fw5-ns {
font-weight: 500;
}
.fw6-ns {
font-weight: 600;
}
.fw7-ns {
font-weight: 700;
}
.fw8-ns {
font-weight: 800;
}
.fw9-ns {
font-weight: 900;
}
.h1-ns {
height: 1rem;
}
.h2-ns {
height: 2rem;
}
.h3-ns {
height: 4rem;
}
.h4-ns {
height: 8rem;
}
.h5-ns {
height: 16rem;
}
.h-25-ns {
height: 25%;
}
.h-50-ns {
height: 50%;
}
.h-75-ns {
height: 75%;
}
.h-100-ns {
height: 100%;
}
.min-h-100-ns {
min-height: 100%;
}
.vh-25-ns {
height: 25vh;
}
.vh-50-ns {
height: 50vh;
}
.vh-75-ns {
height: 75vh;
}
.vh-100-ns {
height: 100vh;
}
.min-vh-100-ns {
min-height: 100vh;
}
.h-auto-ns {
height: auto;
}
.h-inherit-ns {
height: inherit;
}
.tracked-ns {
letter-spacing: 0.1em;
}
.tracked-tight-ns {
letter-spacing: -0.05em;
}
.tracked-mega-ns {
letter-spacing: 0.25em;
}
.lh-solid-ns {
line-height: 1;
}
.lh-title-ns {
line-height: 1.25;
}
.lh-copy-ns {
line-height: 1.5;
}
.mw-100-ns {
max-width: 100%;
}
.mw1-ns {
max-width: 1rem;
}
.mw2-ns {
max-width: 2rem;
}
.mw3-ns {
max-width: 4rem;
}
.mw4-ns {
max-width: 8rem;
}
.mw5-ns {
max-width: 16rem;
}
.mw6-ns {
max-width: 32rem;
}
.mw7-ns {
max-width: 48rem;
}
.mw8-ns {
max-width: 64rem;
}
.mw9-ns {
max-width: 96rem;
}
.mw-none-ns {
max-width: none;
}
.w1-ns {
width: 1rem;
}
.w2-ns {
width: 2rem;
}
.w3-ns {
width: 4rem;
}
.w4-ns {
width: 8rem;
}
.w5-ns {
width: 16rem;
}
.w-10-ns {
width: 10%;
}
.w-20-ns {
width: 20%;
}
.w-25-ns {
width: 25%;
}
.w-30-ns {
width: 30%;
}
.w-33-ns {
width: 33%;
}
.w-34-ns {
width: 34%;
}
.w-40-ns {
width: 40%;
}
.w-50-ns {
width: 50%;
}
.w-60-ns {
width: 60%;
}
.w-70-ns {
width: 70%;
}
.w-75-ns {
width: 75%;
}
.w-80-ns {
width: 80%;
}
.w-90-ns {
width: 90%;
}
.w-100-ns {
width: 100%;
}
.w-third-ns {
width: 33.33333%;
}
.w-two-thirds-ns {
width: 66.66667%;
}
.w-auto-ns {
width: auto;
}
.overflow-visible-ns {
overflow: visible;
}
.overflow-hidden-ns {
overflow: hidden;
}
.overflow-scroll-ns {
overflow: scroll;
}
.overflow-auto-ns {
overflow: auto;
}
.overflow-x-visible-ns {
overflow-x: visible;
}
.overflow-x-hidden-ns {
overflow-x: hidden;
}
.overflow-x-scroll-ns {
overflow-x: scroll;
}
.overflow-x-auto-ns {
overflow-x: auto;
}
.overflow-y-visible-ns {
overflow-y: visible;
}
.overflow-y-hidden-ns {
overflow-y: hidden;
}
.overflow-y-scroll-ns {
overflow-y: scroll;
}
.overflow-y-auto-ns {
overflow-y: auto;
}
.static-ns {
position: static;
}
.relative-ns {
position: relative;
}
.absolute-ns {
position: absolute;
}
.fixed-ns {
position: fixed;
}
.rotate-45-ns {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-ns {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-ns {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-ns {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-ns {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-ns {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-ns {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-ns {
padding: 0;
}
.pa1-ns {
padding: 0.25rem;
}
.pa2-ns {
padding: 0.5rem;
}
.pa3-ns {
padding: 1rem;
}
.pa4-ns {
padding: 2rem;
}
.pa5-ns {
padding: 4rem;
}
.pa6-ns {
padding: 8rem;
}
.pa7-ns {
padding: 16rem;
}
.pl0-ns {
padding-left: 0;
}
.pl1-ns {
padding-left: 0.25rem;
}
.pl2-ns {
padding-left: 0.5rem;
}
.pl3-ns {
padding-left: 1rem;
}
.pl4-ns {
padding-left: 2rem;
}
.pl5-ns {
padding-left: 4rem;
}
.pl6-ns {
padding-left: 8rem;
}
.pl7-ns {
padding-left: 16rem;
}
.pr0-ns {
padding-right: 0;
}
.pr1-ns {
padding-right: 0.25rem;
}
.pr2-ns {
padding-right: 0.5rem;
}
.pr3-ns {
padding-right: 1rem;
}
.pr4-ns {
padding-right: 2rem;
}
.pr5-ns {
padding-right: 4rem;
}
.pr6-ns {
padding-right: 8rem;
}
.pr7-ns {
padding-right: 16rem;
}
.pb0-ns {
padding-bottom: 0;
}
.pb1-ns {
padding-bottom: 0.25rem;
}
.pb2-ns {
padding-bottom: 0.5rem;
}
.pb3-ns {
padding-bottom: 1rem;
}
.pb4-ns {
padding-bottom: 2rem;
}
.pb5-ns {
padding-bottom: 4rem;
}
.pb6-ns {
padding-bottom: 8rem;
}
.pb7-ns {
padding-bottom: 16rem;
}
.pt0-ns {
padding-top: 0;
}
.pt1-ns {
padding-top: 0.25rem;
}
.pt2-ns {
padding-top: 0.5rem;
}
.pt3-ns {
padding-top: 1rem;
}
.pt4-ns {
padding-top: 2rem;
}
.pt5-ns {
padding-top: 4rem;
}
.pt6-ns {
padding-top: 8rem;
}
.pt7-ns {
padding-top: 16rem;
}
.pv0-ns {
padding-top: 0;
padding-bottom: 0;
}
.pv1-ns {
padding-top: .25rem;
padding-bottom: 0.25rem;
}
.pv2-ns {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pv3-ns {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-ns {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-ns {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-ns {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-ns {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-ns {
padding-left: 0;
padding-right: 0;
}
.ph1-ns {
padding-left: .25rem;
padding-right: 0.25rem;
}
.ph2-ns {
padding-left: .5rem;
padding-right: 0.5rem;
}
.ph3-ns {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-ns {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-ns {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-ns {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-ns {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-ns {
margin: 0;
}
.ma1-ns {
margin: 0.25rem;
}
.ma2-ns {
margin: 0.5rem;
}
.ma3-ns {
margin: 1rem;
}
.ma4-ns {
margin: 2rem;
}
.ma5-ns {
margin: 4rem;
}
.ma6-ns {
margin: 8rem;
}
.ma7-ns {
margin: 16rem;
}
.ml0-ns {
margin-left: 0;
}
.ml1-ns {
margin-left: 0.25rem;
}
.ml2-ns {
margin-left: 0.5rem;
}
.ml3-ns {
margin-left: 1rem;
}
.ml4-ns {
margin-left: 2rem;
}
.ml5-ns {
margin-left: 4rem;
}
.ml6-ns {
margin-left: 8rem;
}
.ml7-ns {
margin-left: 16rem;
}
.mr0-ns {
margin-right: 0;
}
.mr1-ns {
margin-right: 0.25rem;
}
.mr2-ns {
margin-right: 0.5rem;
}
.mr3-ns {
margin-right: 1rem;
}
.mr4-ns {
margin-right: 2rem;
}
.mr5-ns {
margin-right: 4rem;
}
.mr6-ns {
margin-right: 8rem;
}
.mr7-ns {
margin-right: 16rem;
}
.mb0-ns {
margin-bottom: 0;
}
.mb1-ns {
margin-bottom: 0.25rem;
}
.mb2-ns {
margin-bottom: 0.5rem;
}
.mb3-ns {
margin-bottom: 1rem;
}
.mb4-ns {
margin-bottom: 2rem;
}
.mb5-ns {
margin-bottom: 4rem;
}
.mb6-ns {
margin-bottom: 8rem;
}
.mb7-ns {
margin-bottom: 16rem;
}
.mt0-ns {
margin-top: 0;
}
.mt1-ns {
margin-top: 0.25rem;
}
.mt2-ns {
margin-top: 0.5rem;
}
.mt3-ns {
margin-top: 1rem;
}
.mt4-ns {
margin-top: 2rem;
}
.mt5-ns {
margin-top: 4rem;
}
.mt6-ns {
margin-top: 8rem;
}
.mt7-ns {
margin-top: 16rem;
}
.mv0-ns {
margin-top: 0;
margin-bottom: 0;
}
.mv1-ns {
margin-top: .25rem;
margin-bottom: 0.25rem;
}
.mv2-ns {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mv3-ns {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-ns {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-ns {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-ns {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-ns {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-ns {
margin-left: 0;
margin-right: 0;
}
.mh1-ns {
margin-left: .25rem;
margin-right: 0.25rem;
}
.mh2-ns {
margin-left: .5rem;
margin-right: 0.5rem;
}
.mh3-ns {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-ns {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-ns {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-ns {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-ns {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-ns {
margin: -0.25rem;
}
.na2-ns {
margin: -0.5rem;
}
.na3-ns {
margin: -1rem;
}
.na4-ns {
margin: -2rem;
}
.na5-ns {
margin: -4rem;
}
.na6-ns {
margin: -8rem;
}
.na7-ns {
margin: -16rem;
}
.nl1-ns {
margin-left: -0.25rem;
}
.nl2-ns {
margin-left: -0.5rem;
}
.nl3-ns {
margin-left: -1rem;
}
.nl4-ns {
margin-left: -2rem;
}
.nl5-ns {
margin-left: -4rem;
}
.nl6-ns {
margin-left: -8rem;
}
.nl7-ns {
margin-left: -16rem;
}
.nr1-ns {
margin-right: -0.25rem;
}
.nr2-ns {
margin-right: -0.5rem;
}
.nr3-ns {
margin-right: -1rem;
}
.nr4-ns {
margin-right: -2rem;
}
.nr5-ns {
margin-right: -4rem;
}
.nr6-ns {
margin-right: -8rem;
}
.nr7-ns {
margin-right: -16rem;
}
.nb1-ns {
margin-bottom: -0.25rem;
}
.nb2-ns {
margin-bottom: -0.5rem;
}
.nb3-ns {
margin-bottom: -1rem;
}
.nb4-ns {
margin-bottom: -2rem;
}
.nb5-ns {
margin-bottom: -4rem;
}
.nb6-ns {
margin-bottom: -8rem;
}
.nb7-ns {
margin-bottom: -16rem;
}
.nt1-ns {
margin-top: -0.25rem;
}
.nt2-ns {
margin-top: -0.5rem;
}
.nt3-ns {
margin-top: -1rem;
}
.nt4-ns {
margin-top: -2rem;
}
.nt5-ns {
margin-top: -4rem;
}
.nt6-ns {
margin-top: -8rem;
}
.nt7-ns {
margin-top: -16rem;
}
.strike-ns {
text-decoration: line-through;
}
.underline-ns {
text-decoration: underline;
}
.no-underline-ns {
text-decoration: none;
}
.tl-ns {
text-align: left;
}
.tr-ns {
text-align: right;
}
.tc-ns {
text-align: center;
}
.tj-ns {
text-align: justify;
}
.ttc-ns {
text-transform: capitalize;
}
.ttl-ns {
text-transform: lowercase;
}
.ttu-ns {
text-transform: uppercase;
}
.ttn-ns {
text-transform: none;
}
.f-6-ns,
.f-headline-ns {
font-size: 6rem;
}
.f-5-ns,
.f-subheadline-ns {
font-size: 5rem;
}
.f1-ns {
font-size: 3rem;
}
.f2-ns {
font-size: 2.25rem;
}
.f3-ns {
font-size: 1.5rem;
}
.f4-ns {
font-size: 1.25rem;
}
.f5-ns {
font-size: 1rem;
}
.f6-ns {
font-size: 0.875rem;
}
.f7-ns {
font-size: 0.75rem;
}
.measure-ns {
max-width: 30em;
}
.measure-wide-ns {
max-width: 34em;
}
.measure-narrow-ns {
max-width: 20em;
}
.indent-ns {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-ns {
font-variant: small-caps;
}
.truncate-ns {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-ns {
margin-left: auto;
}
.center-ns,
.mr-auto-ns {
margin-right: auto;
}
.ml-auto-ns {
margin-left: auto;
}
.clip-ns {
position: fixed!important;
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-ns {
white-space: normal;
}
.nowrap-ns {
white-space: nowrap;
}
.pre-ns {
white-space: pre;
}
.v-base-ns {
vertical-align: baseline;
}
.v-mid-ns {
vertical-align: middle;
}
.v-top-ns {
vertical-align: top;
}
.v-btm-ns {
vertical-align: bottom;
}
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.aspect-ratio-m {
height: 0;
position: relative;
}
.aspect-ratio--16x9-m {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-m {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-m {
padding-bottom: 75%;
}
.aspect-ratio--3x4-m {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-m {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-m {
padding-bottom: 150%;
}
.aspect-ratio--8x5-m {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-m {
padding-bottom: 160%;
}
.aspect-ratio--7x5-m {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-m {
padding-bottom: 140%;
}
.aspect-ratio--1x1-m {
padding-bottom: 100%;
}
.aspect-ratio--object-m {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-m {
background-size: cover !important;
}
.contain-m {
background-size: contain !important;
}
.bg-center-m {
background-position: 50%;
}
.bg-center-m,
.bg-top-m {
background-repeat: no-repeat;
}
.bg-top-m {
background-position: top;
}
.bg-right-m {
background-position: 100%;
}
.bg-bottom-m,
.bg-right-m {
background-repeat: no-repeat;
}
.bg-bottom-m {
background-position: bottom;
}
.bg-left-m {
background-repeat: no-repeat;
background-position: 0;
}
.outline-m {
outline: 1px solid;
}
.outline-transparent-m {
outline: 1px solid transparent;
}
.outline-0-m {
outline: 0;
}
.ba-m {
border-style: solid;
border-width: 1px;
}
.bt-m {
border-top-style: solid;
border-top-width: 1px;
}
.br-m {
border-right-style: solid;
border-right-width: 1px;
}
.bb-m {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-m {
border-left-style: solid;
border-left-width: 1px;
}
.bn-m {
border-style: none;
border-width: 0;
}
.br0-m {
border-radius: 0;
}
.br1-m {
border-radius: 0.125rem;
}
.br2-m {
border-radius: 0.25rem;
}
.br3-m {
border-radius: 0.5rem;
}
.br4-m {
border-radius: 1rem;
}
.br-100-m {
border-radius: 100%;
}
.br-pill-m {
border-radius: 9999px;
}
.br--bottom-m {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-m {
border-bottom-right-radius: 0;
}
.br--right-m,
.br--top-m {
border-bottom-left-radius: 0;
}
.br--right-m {
border-top-left-radius: 0;
}
.br--left-m {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-m {
border-style: dotted;
}
.b--dashed-m {
border-style: dashed;
}
.b--solid-m {
border-style: solid;
}
.b--none-m {
border-style: none;
}
.bw0-m {
border-width: 0;
}
.bw1-m {
border-width: 0.125rem;
}
.bw2-m {
border-width: 0.25rem;
}
.bw3-m {
border-width: 0.5rem;
}
.bw4-m {
border-width: 1rem;
}
.bw5-m {
border-width: 2rem;
}
.bt-0-m {
border-top-width: 0;
}
.br-0-m {
border-right-width: 0;
}
.bb-0-m {
border-bottom-width: 0;
}
.bl-0-m {
border-left-width: 0;
}
.shadow-1-m {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-m {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-m {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-m {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-m {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-m {
top: 0;
}
.left-0-m {
left: 0;
}
.right-0-m {
right: 0;
}
.bottom-0-m {
bottom: 0;
}
.top-1-m {
top: 1rem;
}
.left-1-m {
left: 1rem;
}
.right-1-m {
right: 1rem;
}
.bottom-1-m {
bottom: 1rem;
}
.top-2-m {
top: 2rem;
}
.left-2-m {
left: 2rem;
}
.right-2-m {
right: 2rem;
}
.bottom-2-m {
bottom: 2rem;
}
.top--1-m {
top: -1rem;
}
.right--1-m {
right: -1rem;
}
.bottom--1-m {
bottom: -1rem;
}
.left--1-m {
left: -1rem;
}
.top--2-m {
top: -2rem;
}
.right--2-m {
right: -2rem;
}
.bottom--2-m {
bottom: -2rem;
}
.left--2-m {
left: -2rem;
}
.absolute--fill-m {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-m {
clear: left;
}
.cr-m {
clear: right;
}
.cb-m {
clear: both;
}
.cn-m {
clear: none;
}
.dn-m {
display: none;
}
.di-m {
display: inline;
}
.db-m {
display: block;
}
.dib-m {
display: inline-block;
}
.dit-m {
display: inline-table;
}
.dt-m {
display: table;
}
.dtc-m {
display: table-cell;
}
.dt-row-m {
display: table-row;
}
.dt-row-group-m {
display: table-row-group;
}
.dt-column-m {
display: table-column;
}
.dt-column-group-m {
display: table-column-group;
}
.dt--fixed-m {
table-layout: fixed;
width: 100%;
}
.flex-m {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-m {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-m {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-m {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-m {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-column-m,
.flex-row-m {
-webkit-box-direction: normal;
}
.flex-row-m {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-m {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-m {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-m {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-m {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-m {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-m {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-m {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-m {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-m {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-m {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-m {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-m {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-m {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-m {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-m {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-m {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-m {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-m {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-m {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-m {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-m {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-m {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-m {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-m {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-m {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-m {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-m {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-m {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-m {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-m {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-m {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-m {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-m {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-m {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-m {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-m {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.flex-grow-0-m {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-grow-1-m {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0-m {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-shrink-1-m {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.fl-m {
float: left;
}
.fl-m,
.fr-m {
display: inline;
}
.fr-m {
float: right;
}
.fn-m {
float: none;
}
.i-m {
font-style: italic;
}
.fs-normal-m {
font-style: normal;
}
.normal-m {
font-weight: 400;
}
.b-m {
font-weight: 700;
}
.fw1-m {
font-weight: 100;
}
.fw2-m {
font-weight: 200;
}
.fw3-m {
font-weight: 300;
}
.fw4-m {
font-weight: 400;
}
.fw5-m {
font-weight: 500;
}
.fw6-m {
font-weight: 600;
}
.fw7-m {
font-weight: 700;
}
.fw8-m {
font-weight: 800;
}
.fw9-m {
font-weight: 900;
}
.h1-m {
height: 1rem;
}
.h2-m {
height: 2rem;
}
.h3-m {
height: 4rem;
}
.h4-m {
height: 8rem;
}
.h5-m {
height: 16rem;
}
.h-25-m {
height: 25%;
}
.h-50-m {
height: 50%;
}
.h-75-m {
height: 75%;
}
.h-100-m {
height: 100%;
}
.min-h-100-m {
min-height: 100%;
}
.vh-25-m {
height: 25vh;
}
.vh-50-m {
height: 50vh;
}
.vh-75-m {
height: 75vh;
}
.vh-100-m {
height: 100vh;
}
.min-vh-100-m {
min-height: 100vh;
}
.h-auto-m {
height: auto;
}
.h-inherit-m {
height: inherit;
}
.tracked-m {
letter-spacing: 0.1em;
}
.tracked-tight-m {
letter-spacing: -0.05em;
}
.tracked-mega-m {
letter-spacing: 0.25em;
}
.lh-solid-m {
line-height: 1;
}
.lh-title-m {
line-height: 1.25;
}
.lh-copy-m {
line-height: 1.5;
}
.mw-100-m {
max-width: 100%;
}
.mw1-m {
max-width: 1rem;
}
.mw2-m {
max-width: 2rem;
}
.mw3-m {
max-width: 4rem;
}
.mw4-m {
max-width: 8rem;
}
.mw5-m {
max-width: 16rem;
}
.mw6-m {
max-width: 32rem;
}
.mw7-m {
max-width: 48rem;
}
.mw8-m {
max-width: 64rem;
}
.mw9-m {
max-width: 96rem;
}
.mw-none-m {
max-width: none;
}
.w1-m {
width: 1rem;
}
.w2-m {
width: 2rem;
}
.w3-m {
width: 4rem;
}
.w4-m {
width: 8rem;
}
.w5-m {
width: 16rem;
}
.w-10-m {
width: 10%;
}
.w-20-m {
width: 20%;
}
.w-25-m {
width: 25%;
}
.w-30-m {
width: 30%;
}
.w-33-m {
width: 33%;
}
.w-34-m {
width: 34%;
}
.w-40-m {
width: 40%;
}
.w-50-m {
width: 50%;
}
.w-60-m {
width: 60%;
}
.w-70-m {
width: 70%;
}
.w-75-m {
width: 75%;
}
.w-80-m {
width: 80%;
}
.w-90-m {
width: 90%;
}
.w-100-m {
width: 100%;
}
.w-third-m {
width: 33.33333%;
}
.w-two-thirds-m {
width: 66.66667%;
}
.w-auto-m {
width: auto;
}
.overflow-visible-m {
overflow: visible;
}
.overflow-hidden-m {
overflow: hidden;
}
.overflow-scroll-m {
overflow: scroll;
}
.overflow-auto-m {
overflow: auto;
}
.overflow-x-visible-m {
overflow-x: visible;
}
.overflow-x-hidden-m {
overflow-x: hidden;
}
.overflow-x-scroll-m {
overflow-x: scroll;
}
.overflow-x-auto-m {
overflow-x: auto;
}
.overflow-y-visible-m {
overflow-y: visible;
}
.overflow-y-hidden-m {
overflow-y: hidden;
}
.overflow-y-scroll-m {
overflow-y: scroll;
}
.overflow-y-auto-m {
overflow-y: auto;
}
.static-m {
position: static;
}
.relative-m {
position: relative;
}
.absolute-m {
position: absolute;
}
.fixed-m {
position: fixed;
}
.rotate-45-m {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-m {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-m {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-m {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-m {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-m {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-m {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-m {
padding: 0;
}
.pa1-m {
padding: 0.25rem;
}
.pa2-m {
padding: 0.5rem;
}
.pa3-m {
padding: 1rem;
}
.pa4-m {
padding: 2rem;
}
.pa5-m {
padding: 4rem;
}
.pa6-m {
padding: 8rem;
}
.pa7-m {
padding: 16rem;
}
.pl0-m {
padding-left: 0;
}
.pl1-m {
padding-left: 0.25rem;
}
.pl2-m {
padding-left: 0.5rem;
}
.pl3-m {
padding-left: 1rem;
}
.pl4-m {
padding-left: 2rem;
}
.pl5-m {
padding-left: 4rem;
}
.pl6-m {
padding-left: 8rem;
}
.pl7-m {
padding-left: 16rem;
}
.pr0-m {
padding-right: 0;
}
.pr1-m {
padding-right: 0.25rem;
}
.pr2-m {
padding-right: 0.5rem;
}
.pr3-m {
padding-right: 1rem;
}
.pr4-m {
padding-right: 2rem;
}
.pr5-m {
padding-right: 4rem;
}
.pr6-m {
padding-right: 8rem;
}
.pr7-m {
padding-right: 16rem;
}
.pb0-m {
padding-bottom: 0;
}
.pb1-m {
padding-bottom: 0.25rem;
}
.pb2-m {
padding-bottom: 0.5rem;
}
.pb3-m {
padding-bottom: 1rem;
}
.pb4-m {
padding-bottom: 2rem;
}
.pb5-m {
padding-bottom: 4rem;
}
.pb6-m {
padding-bottom: 8rem;
}
.pb7-m {
padding-bottom: 16rem;
}
.pt0-m {
padding-top: 0;
}
.pt1-m {
padding-top: 0.25rem;
}
.pt2-m {
padding-top: 0.5rem;
}
.pt3-m {
padding-top: 1rem;
}
.pt4-m {
padding-top: 2rem;
}
.pt5-m {
padding-top: 4rem;
}
.pt6-m {
padding-top: 8rem;
}
.pt7-m {
padding-top: 16rem;
}
.pv0-m {
padding-top: 0;
padding-bottom: 0;
}
.pv1-m {
padding-top: .25rem;
padding-bottom: 0.25rem;
}
.pv2-m {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pv3-m {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-m {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-m {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-m {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-m {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-m {
padding-left: 0;
padding-right: 0;
}
.ph1-m {
padding-left: .25rem;
padding-right: 0.25rem;
}
.ph2-m {
padding-left: .5rem;
padding-right: 0.5rem;
}
.ph3-m {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-m {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-m {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-m {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-m {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-m {
margin: 0;
}
.ma1-m {
margin: 0.25rem;
}
.ma2-m {
margin: 0.5rem;
}
.ma3-m {
margin: 1rem;
}
.ma4-m {
margin: 2rem;
}
.ma5-m {
margin: 4rem;
}
.ma6-m {
margin: 8rem;
}
.ma7-m {
margin: 16rem;
}
.ml0-m {
margin-left: 0;
}
.ml1-m {
margin-left: 0.25rem;
}
.ml2-m {
margin-left: 0.5rem;
}
.ml3-m {
margin-left: 1rem;
}
.ml4-m {
margin-left: 2rem;
}
.ml5-m {
margin-left: 4rem;
}
.ml6-m {
margin-left: 8rem;
}
.ml7-m {
margin-left: 16rem;
}
.mr0-m {
margin-right: 0;
}
.mr1-m {
margin-right: 0.25rem;
}
.mr2-m {
margin-right: 0.5rem;
}
.mr3-m {
margin-right: 1rem;
}
.mr4-m {
margin-right: 2rem;
}
.mr5-m {
margin-right: 4rem;
}
.mr6-m {
margin-right: 8rem;
}
.mr7-m {
margin-right: 16rem;
}
.mb0-m {
margin-bottom: 0;
}
.mb1-m {
margin-bottom: 0.25rem;
}
.mb2-m {
margin-bottom: 0.5rem;
}
.mb3-m {
margin-bottom: 1rem;
}
.mb4-m {
margin-bottom: 2rem;
}
.mb5-m {
margin-bottom: 4rem;
}
.mb6-m {
margin-bottom: 8rem;
}
.mb7-m {
margin-bottom: 16rem;
}
.mt0-m {
margin-top: 0;
}
.mt1-m {
margin-top: 0.25rem;
}
.mt2-m {
margin-top: 0.5rem;
}
.mt3-m {
margin-top: 1rem;
}
.mt4-m {
margin-top: 2rem;
}
.mt5-m {
margin-top: 4rem;
}
.mt6-m {
margin-top: 8rem;
}
.mt7-m {
margin-top: 16rem;
}
.mv0-m {
margin-top: 0;
margin-bottom: 0;
}
.mv1-m {
margin-top: .25rem;
margin-bottom: 0.25rem;
}
.mv2-m {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mv3-m {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-m {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-m {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-m {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-m {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-m {
margin-left: 0;
margin-right: 0;
}
.mh1-m {
margin-left: .25rem;
margin-right: 0.25rem;
}
.mh2-m {
margin-left: .5rem;
margin-right: 0.5rem;
}
.mh3-m {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-m {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-m {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-m {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-m {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-m {
margin: -0.25rem;
}
.na2-m {
margin: -0.5rem;
}
.na3-m {
margin: -1rem;
}
.na4-m {
margin: -2rem;
}
.na5-m {
margin: -4rem;
}
.na6-m {
margin: -8rem;
}
.na7-m {
margin: -16rem;
}
.nl1-m {
margin-left: -0.25rem;
}
.nl2-m {
margin-left: -0.5rem;
}
.nl3-m {
margin-left: -1rem;
}
.nl4-m {
margin-left: -2rem;
}
.nl5-m {
margin-left: -4rem;
}
.nl6-m {
margin-left: -8rem;
}
.nl7-m {
margin-left: -16rem;
}
.nr1-m {
margin-right: -0.25rem;
}
.nr2-m {
margin-right: -0.5rem;
}
.nr3-m {
margin-right: -1rem;
}
.nr4-m {
margin-right: -2rem;
}
.nr5-m {
margin-right: -4rem;
}
.nr6-m {
margin-right: -8rem;
}
.nr7-m {
margin-right: -16rem;
}
.nb1-m {
margin-bottom: -0.25rem;
}
.nb2-m {
margin-bottom: -0.5rem;
}
.nb3-m {
margin-bottom: -1rem;
}
.nb4-m {
margin-bottom: -2rem;
}
.nb5-m {
margin-bottom: -4rem;
}
.nb6-m {
margin-bottom: -8rem;
}
.nb7-m {
margin-bottom: -16rem;
}
.nt1-m {
margin-top: -0.25rem;
}
.nt2-m {
margin-top: -0.5rem;
}
.nt3-m {
margin-top: -1rem;
}
.nt4-m {
margin-top: -2rem;
}
.nt5-m {
margin-top: -4rem;
}
.nt6-m {
margin-top: -8rem;
}
.nt7-m {
margin-top: -16rem;
}
.strike-m {
text-decoration: line-through;
}
.underline-m {
text-decoration: underline;
}
.no-underline-m {
text-decoration: none;
}
.tl-m {
text-align: left;
}
.tr-m {
text-align: right;
}
.tc-m {
text-align: center;
}
.tj-m {
text-align: justify;
}
.ttc-m {
text-transform: capitalize;
}
.ttl-m {
text-transform: lowercase;
}
.ttu-m {
text-transform: uppercase;
}
.ttn-m {
text-transform: none;
}
.f-6-m,
.f-headline-m {
font-size: 6rem;
}
.f-5-m,
.f-subheadline-m {
font-size: 5rem;
}
.f1-m {
font-size: 3rem;
}
.f2-m {
font-size: 2.25rem;
}
.f3-m {
font-size: 1.5rem;
}
.f4-m {
font-size: 1.25rem;
}
.f5-m {
font-size: 1rem;
}
.f6-m {
font-size: 0.875rem;
}
.f7-m {
font-size: 0.75rem;
}
.measure-m {
max-width: 30em;
}
.measure-wide-m {
max-width: 34em;
}
.measure-narrow-m {
max-width: 20em;
}
.indent-m {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-m {
font-variant: small-caps;
}
.truncate-m {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-m {
margin-left: auto;
}
.center-m,
.mr-auto-m {
margin-right: auto;
}
.ml-auto-m {
margin-left: auto;
}
.clip-m {
position: fixed!important;
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-m {
white-space: normal;
}
.nowrap-m {
white-space: nowrap;
}
.pre-m {
white-space: pre;
}
.v-base-m {
vertical-align: baseline;
}
.v-mid-m {
vertical-align: middle;
}
.v-top-m {
vertical-align: top;
}
.v-btm-m {
vertical-align: bottom;
}
}
@media screen and (min-width: 60em) {
.aspect-ratio-l {
height: 0;
position: relative;
}
.aspect-ratio--16x9-l {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-l {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-l {
padding-bottom: 75%;
}
.aspect-ratio--3x4-l {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-l {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-l {
padding-bottom: 150%;
}
.aspect-ratio--8x5-l {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-l {
padding-bottom: 160%;
}
.aspect-ratio--7x5-l {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-l {
padding-bottom: 140%;
}
.aspect-ratio--1x1-l {
padding-bottom: 100%;
}
.aspect-ratio--object-l {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-l {
background-size: cover !important;
}
.contain-l {
background-size: contain !important;
}
.bg-center-l {
background-position: 50%;
}
.bg-center-l,
.bg-top-l {
background-repeat: no-repeat;
}
.bg-top-l {
background-position: top;
}
.bg-right-l {
background-position: 100%;
}
.bg-bottom-l,
.bg-right-l {
background-repeat: no-repeat;
}
.bg-bottom-l {
background-position: bottom;
}
.bg-left-l {
background-repeat: no-repeat;
background-position: 0;
}
.outline-l {
outline: 1px solid;
}
.outline-transparent-l {
outline: 1px solid transparent;
}
.outline-0-l {
outline: 0;
}
.ba-l {
border-style: solid;
border-width: 1px;
}
.bt-l {
border-top-style: solid;
border-top-width: 1px;
}
.br-l {
border-right-style: solid;
border-right-width: 1px;
}
.bb-l {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-l {
border-left-style: solid;
border-left-width: 1px;
}
.bn-l {
border-style: none;
border-width: 0;
}
.br0-l {
border-radius: 0;
}
.br1-l {
border-radius: 0.125rem;
}
.br2-l {
border-radius: 0.25rem;
}
.br3-l {
border-radius: 0.5rem;
}
.br4-l {
border-radius: 1rem;
}
.br-100-l {
border-radius: 100%;
}
.br-pill-l {
border-radius: 9999px;
}
.br--bottom-l {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-l {
border-bottom-right-radius: 0;
}
.br--right-l,
.br--top-l {
border-bottom-left-radius: 0;
}
.br--right-l {
border-top-left-radius: 0;
}
.br--left-l {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-l {
border-style: dotted;
}
.b--dashed-l {
border-style: dashed;
}
.b--solid-l {
border-style: solid;
}
.b--none-l {
border-style: none;
}
.bw0-l {
border-width: 0;
}
.bw1-l {
border-width: 0.125rem;
}
.bw2-l {
border-width: 0.25rem;
}
.bw3-l {
border-width: 0.5rem;
}
.bw4-l {
border-width: 1rem;
}
.bw5-l {
border-width: 2rem;
}
.bt-0-l {
border-top-width: 0;
}
.br-0-l {
border-right-width: 0;
}
.bb-0-l {
border-bottom-width: 0;
}
.bl-0-l {
border-left-width: 0;
}
.shadow-1-l {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-l {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-l {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-l {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-l {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-l {
top: 0;
}
.left-0-l {
left: 0;
}
.right-0-l {
right: 0;
}
.bottom-0-l {
bottom: 0;
}
.top-1-l {
top: 1rem;
}
.left-1-l {
left: 1rem;
}
.right-1-l {
right: 1rem;
}
.bottom-1-l {
bottom: 1rem;
}
.top-2-l {
top: 2rem;
}
.left-2-l {
left: 2rem;
}
.right-2-l {
right: 2rem;
}
.bottom-2-l {
bottom: 2rem;
}
.top--1-l {
top: -1rem;
}
.right--1-l {
right: -1rem;
}
.bottom--1-l {
bottom: -1rem;
}
.left--1-l {
left: -1rem;
}
.top--2-l {
top: -2rem;
}
.right--2-l {
right: -2rem;
}
.bottom--2-l {
bottom: -2rem;
}
.left--2-l {
left: -2rem;
}
.absolute--fill-l {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-l {
clear: left;
}
.cr-l {
clear: right;
}
.cb-l {
clear: both;
}
.cn-l {
clear: none;
}
.dn-l {
display: none;
}
.di-l {
display: inline;
}
.db-l {
display: block;
}
.dib-l {
display: inline-block;
}
.dit-l {
display: inline-table;
}
.dt-l {
display: table;
}
.dtc-l {
display: table-cell;
}
.dt-row-l {
display: table-row;
}
.dt-row-group-l {
display: table-row-group;
}
.dt-column-l {
display: table-column;
}
.dt-column-group-l {
display: table-column-group;
}
.dt--fixed-l {
table-layout: fixed;
width: 100%;
}
.flex-l {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-l {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-l {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-l {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-l {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-column-l,
.flex-row-l {
-webkit-box-direction: normal;
}
.flex-row-l {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-l {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-l {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-l {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-l {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-l {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-l {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-l {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-l {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-l {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-l {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-l {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-l {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-l {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-l {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-l {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-l {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-l {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-l {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-l {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-l {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-l {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-l {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-l {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-l {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-l {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-l {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-l {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-l {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-l {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-l {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-l {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-l {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-l {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-l {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-l {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-l {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.flex-grow-0-l {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-grow-1-l {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0-l {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-shrink-1-l {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.fl-l {
float: left;
}
.fl-l,
.fr-l {
display: inline;
}
.fr-l {
float: right;
}
.fn-l {
float: none;
}
.i-l {
font-style: italic;
}
.fs-normal-l {
font-style: normal;
}
.normal-l {
font-weight: 400;
}
.b-l {
font-weight: 700;
}
.fw1-l {
font-weight: 100;
}
.fw2-l {
font-weight: 200;
}
.fw3-l {
font-weight: 300;
}
.fw4-l {
font-weight: 400;
}
.fw5-l {
font-weight: 500;
}
.fw6-l {
font-weight: 600;
}
.fw7-l {
font-weight: 700;
}
.fw8-l {
font-weight: 800;
}
.fw9-l {
font-weight: 900;
}
.h1-l {
height: 1rem;
}
.h2-l {
height: 2rem;
}
.h3-l {
height: 4rem;
}
.h4-l {
height: 8rem;
}
.h5-l {
height: 16rem;
}
.h-25-l {
height: 25%;
}
.h-50-l {
height: 50%;
}
.h-75-l {
height: 75%;
}
.h-100-l {
height: 100%;
}
.min-h-100-l {
min-height: 100%;
}
.vh-25-l {
height: 25vh;
}
.vh-50-l {
height: 50vh;
}
.vh-75-l {
height: 75vh;
}
.vh-100-l {
height: 100vh;
}
.min-vh-100-l {
min-height: 100vh;
}
.h-auto-l {
height: auto;
}
.h-inherit-l {
height: inherit;
}
.tracked-l {
letter-spacing: 0.1em;
}
.tracked-tight-l {
letter-spacing: -0.05em;
}
.tracked-mega-l {
letter-spacing: 0.25em;
}
.lh-solid-l {
line-height: 1;
}
.lh-title-l {
line-height: 1.25;
}
.lh-copy-l {
line-height: 1.5;
}
.mw-100-l {
max-width: 100%;
}
.mw1-l {
max-width: 1rem;
}
.mw2-l {
max-width: 2rem;
}
.mw3-l {
max-width: 4rem;
}
.mw4-l {
max-width: 8rem;
}
.mw5-l {
max-width: 16rem;
}
.mw6-l {
max-width: 32rem;
}
.mw7-l {
max-width: 48rem;
}
.mw8-l {
max-width: 64rem;
}
.mw9-l {
max-width: 96rem;
}
.mw-none-l {
max-width: none;
}
.w1-l {
width: 1rem;
}
.w2-l {
width: 2rem;
}
.w3-l {
width: 4rem;
}
.w4-l {
width: 8rem;
}
.w5-l {
width: 16rem;
}
.w-10-l {
width: 10%;
}
.w-20-l {
width: 20%;
}
.w-25-l {
width: 25%;
}
.w-30-l {
width: 30%;
}
.w-33-l {
width: 33%;
}
.w-34-l {
width: 34%;
}
.w-40-l {
width: 40%;
}
.w-50-l {
width: 50%;
}
.w-60-l {
width: 60%;
}
.w-70-l {
width: 70%;
}
.w-75-l {
width: 75%;
}
.w-80-l {
width: 80%;
}
.w-90-l {
width: 90%;
}
.w-100-l {
width: 100%;
}
.w-third-l {
width: 33.33333%;
}
.w-two-thirds-l {
width: 66.66667%;
}
.w-auto-l {
width: auto;
}
.overflow-visible-l {
overflow: visible;
}
.overflow-hidden-l {
overflow: hidden;
}
.overflow-scroll-l {
overflow: scroll;
}
.overflow-auto-l {
overflow: auto;
}
.overflow-x-visible-l {
overflow-x: visible;
}
.overflow-x-hidden-l {
overflow-x: hidden;
}
.overflow-x-scroll-l {
overflow-x: scroll;
}
.overflow-x-auto-l {
overflow-x: auto;
}
.overflow-y-visible-l {
overflow-y: visible;
}
.overflow-y-hidden-l {
overflow-y: hidden;
}
.overflow-y-scroll-l {
overflow-y: scroll;
}
.overflow-y-auto-l {
overflow-y: auto;
}
.static-l {
position: static;
}
.relative-l {
position: relative;
}
.absolute-l {
position: absolute;
}
.fixed-l {
position: fixed;
}
.rotate-45-l {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-l {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-l {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-l {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-l {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-l {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-l {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-l {
padding: 0;
}
.pa1-l {
padding: 0.25rem;
}
.pa2-l {
padding: 0.5rem;
}
.pa3-l {
padding: 1rem;
}
.pa4-l {
padding: 2rem;
}
.pa5-l {
padding: 4rem;
}
.pa6-l {
padding: 8rem;
}
.pa7-l {
padding: 16rem;
}
.pl0-l {
padding-left: 0;
}
.pl1-l {
padding-left: 0.25rem;
}
.pl2-l {
padding-left: 0.5rem;
}
.pl3-l {
padding-left: 1rem;
}
.pl4-l {
padding-left: 2rem;
}
.pl5-l {
padding-left: 4rem;
}
.pl6-l {
padding-left: 8rem;
}
.pl7-l {
padding-left: 16rem;
}
.pr0-l {
padding-right: 0;
}
.pr1-l {
padding-right: 0.25rem;
}
.pr2-l {
padding-right: 0.5rem;
}
.pr3-l {
padding-right: 1rem;
}
.pr4-l {
padding-right: 2rem;
}
.pr5-l {
padding-right: 4rem;
}
.pr6-l {
padding-right: 8rem;
}
.pr7-l {
padding-right: 16rem;
}
.pb0-l {
padding-bottom: 0;
}
.pb1-l {
padding-bottom: 0.25rem;
}
.pb2-l {
padding-bottom: 0.5rem;
}
.pb3-l {
padding-bottom: 1rem;
}
.pb4-l {
padding-bottom: 2rem;
}
.pb5-l {
padding-bottom: 4rem;
}
.pb6-l {
padding-bottom: 8rem;
}
.pb7-l {
padding-bottom: 16rem;
}
.pt0-l {
padding-top: 0;
}
.pt1-l {
padding-top: 0.25rem;
}
.pt2-l {
padding-top: 0.5rem;
}
.pt3-l {
padding-top: 1rem;
}
.pt4-l {
padding-top: 2rem;
}
.pt5-l {
padding-top: 4rem;
}
.pt6-l {
padding-top: 8rem;
}
.pt7-l {
padding-top: 16rem;
}
.pv0-l {
padding-top: 0;
padding-bottom: 0;
}
.pv1-l {
padding-top: .25rem;
padding-bottom: 0.25rem;
}
.pv2-l {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pv3-l {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-l {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-l {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-l {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-l {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-l {
padding-left: 0;
padding-right: 0;
}
.ph1-l {
padding-left: .25rem;
padding-right: 0.25rem;
}
.ph2-l {
padding-left: .5rem;
padding-right: 0.5rem;
}
.ph3-l {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-l {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-l {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-l {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-l {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-l {
margin: 0;
}
.ma1-l {
margin: 0.25rem;
}
.ma2-l {
margin: 0.5rem;
}
.ma3-l {
margin: 1rem;
}
.ma4-l {
margin: 2rem;
}
.ma5-l {
margin: 4rem;
}
.ma6-l {
margin: 8rem;
}
.ma7-l {
margin: 16rem;
}
.ml0-l {
margin-left: 0;
}
.ml1-l {
margin-left: 0.25rem;
}
.ml2-l {
margin-left: 0.5rem;
}
.ml3-l {
margin-left: 1rem;
}
.ml4-l {
margin-left: 2rem;
}
.ml5-l {
margin-left: 4rem;
}
.ml6-l {
margin-left: 8rem;
}
.ml7-l {
margin-left: 16rem;
}
.mr0-l {
margin-right: 0;
}
.mr1-l {
margin-right: 0.25rem;
}
.mr2-l {
margin-right: 0.5rem;
}
.mr3-l {
margin-right: 1rem;
}
.mr4-l {
margin-right: 2rem;
}
.mr5-l {
margin-right: 4rem;
}
.mr6-l {
margin-right: 8rem;
}
.mr7-l {
margin-right: 16rem;
}
.mb0-l {
margin-bottom: 0;
}
.mb1-l {
margin-bottom: 0.25rem;
}
.mb2-l {
margin-bottom: 0.5rem;
}
.mb3-l {
margin-bottom: 1rem;
}
.mb4-l {
margin-bottom: 2rem;
}
.mb5-l {
margin-bottom: 4rem;
}
.mb6-l {
margin-bottom: 8rem;
}
.mb7-l {
margin-bottom: 16rem;
}
.mt0-l {
margin-top: 0;
}
.mt1-l {
margin-top: 0.25rem;
}
.mt2-l {
margin-top: 0.5rem;
}
.mt3-l {
margin-top: 1rem;
}
.mt4-l {
margin-top: 2rem;
}
.mt5-l {
margin-top: 4rem;
}
.mt6-l {
margin-top: 8rem;
}
.mt7-l {
margin-top: 16rem;
}
.mv0-l {
margin-top: 0;
margin-bottom: 0;
}
.mv1-l {
margin-top: .25rem;
margin-bottom: 0.25rem;
}
.mv2-l {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mv3-l {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-l {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-l {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-l {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-l {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-l {
margin-left: 0;
margin-right: 0;
}
.mh1-l {
margin-left: .25rem;
margin-right: 0.25rem;
}
.mh2-l {
margin-left: .5rem;
margin-right: 0.5rem;
}
.mh3-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-l {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-l {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-l {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-l {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-l {
margin: -0.25rem;
}
.na2-l {
margin: -0.5rem;
}
.na3-l {
margin: -1rem;
}
.na4-l {
margin: -2rem;
}
.na5-l {
margin: -4rem;
}
.na6-l {
margin: -8rem;
}
.na7-l {
margin: -16rem;
}
.nl1-l {
margin-left: -0.25rem;
}
.nl2-l {
margin-left: -0.5rem;
}
.nl3-l {
margin-left: -1rem;
}
.nl4-l {
margin-left: -2rem;
}
.nl5-l {
margin-left: -4rem;
}
.nl6-l {
margin-left: -8rem;
}
.nl7-l {
margin-left: -16rem;
}
.nr1-l {
margin-right: -0.25rem;
}
.nr2-l {
margin-right: -0.5rem;
}
.nr3-l {
margin-right: -1rem;
}
.nr4-l {
margin-right: -2rem;
}
.nr5-l {
margin-right: -4rem;
}
.nr6-l {
margin-right: -8rem;
}
.nr7-l {
margin-right: -16rem;
}
.nb1-l {
margin-bottom: -0.25rem;
}
.nb2-l {
margin-bottom: -0.5rem;
}
.nb3-l {
margin-bottom: -1rem;
}
.nb4-l {
margin-bottom: -2rem;
}
.nb5-l {
margin-bottom: -4rem;
}
.nb6-l {
margin-bottom: -8rem;
}
.nb7-l {
margin-bottom: -16rem;
}
.nt1-l {
margin-top: -0.25rem;
}
.nt2-l {
margin-top: -0.5rem;
}
.nt3-l {
margin-top: -1rem;
}
.nt4-l {
margin-top: -2rem;
}
.nt5-l {
margin-top: -4rem;
}
.nt6-l {
margin-top: -8rem;
}
.nt7-l {
margin-top: -16rem;
}
.strike-l {
text-decoration: line-through;
}
.underline-l {
text-decoration: underline;
}
.no-underline-l {
text-decoration: none;
}
.tl-l {
text-align: left;
}
.tr-l {
text-align: right;
}
.tc-l {
text-align: center;
}
.tj-l {
text-align: justify;
}
.ttc-l {
text-transform: capitalize;
}
.ttl-l {
text-transform: lowercase;
}
.ttu-l {
text-transform: uppercase;
}
.ttn-l {
text-transform: none;
}
.f-6-l,
.f-headline-l {
font-size: 6rem;
}
.f-5-l,
.f-subheadline-l {
font-size: 5rem;
}
.f1-l {
font-size: 3rem;
}
.f2-l {
font-size: 2.25rem;
}
.f3-l {
font-size: 1.5rem;
}
.f4-l {
font-size: 1.25rem;
}
.f5-l {
font-size: 1rem;
}
.f6-l {
font-size: 0.875rem;
}
.f7-l {
font-size: 0.75rem;
}
.measure-l {
max-width: 30em;
}
.measure-wide-l {
max-width: 34em;
}
.measure-narrow-l {
max-width: 20em;
}
.indent-l {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-l {
font-variant: small-caps;
}
.truncate-l {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-l {
margin-left: auto;
}
.center-l,
.mr-auto-l {
margin-right: auto;
}
.ml-auto-l {
margin-left: auto;
}
.clip-l {
position: fixed!important;
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-l {
white-space: normal;
}
.nowrap-l {
white-space: nowrap;
}
.pre-l {
white-space: pre;
}
.v-base-l {
vertical-align: baseline;
}
.v-mid-l {
vertical-align: middle;
}
.v-top-l {
vertical-align: top;
}
.v-btm-l {
vertical-align: bottom;
}
}
.fixed-w50 {
width: 50px;
}
.minWidth-0 {
min-width: 0;
}
.mw4_5 {
max-width: 12rem;
}
.flex-basis-100 {
flex-basis: 100%;
}
@media (min-width: 30em) {
.flex-basis-third-ns {
flex-basis: calc(33.33333333%);
}
}
.flex-basis-auto {
flex-basis: auto;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.top-3 {
top: 3rem;
}
.top-4 {
top: 4rem;
}
.top-50 {
top: 50%;
}
.z-7 {
z-index: 7;
}
.break-all {
word-break: break-all;
}
@media (min-width: 769px) {
.flex-basis-48-l {
flex-basis: 48%;
}
}
.flex-grow-0 {
-ms-flex-positive: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
}
.flex-grow-1 {
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.flex-grow-2 {
-ms-flex-positive: 2;
-webkit-flex-grow: 2;
-moz-flex-grow: 2;
-ms-flex-grow: 2;
flex-grow: 2;
}
.flex-grow-3 {
-ms-flex-positive: 3;
-webkit-flex-grow: 3;
-moz-flex-grow: 3;
-ms-flex-grow: 3;
flex-grow: 3;
}
.flex-grow-5 {
-ms-flex-positive: 5;
-webkit-flex-grow: 5;
-moz-flex-grow: 5;
-ms-flex-grow: 5;
flex-grow: 5;
}
.flex-shrink-0 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.flex-basis-auto {
flex-basis: auto;
}
@media (min-width: 30em) {
.flex-basis-third-ns {
flex-basis: calc(33.33333333%);
}
}
.f4_5 {
font-size: 1.125rem;
}
.top-50 {
top: 50%;
}
.ma-auto {
margin: auto;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.mt-auto {
margin-top: auto;
}
.document .mw-100 {
max-width: 100%;
}
.translateX25 {
transform: translateX(25%);
}
.translateX-25 {
transform: translateX(-25%);
}
.translateX-50 {
transform: translateX(-50%);
}
.translateX50 {
transform: translateX(50%);
}
.translateX-75 {
transform: translateX(-75%);
}
.translateX75 {
transform: translateX(75%);
}
.visibility-hidden {
visibility: hidden;
}
.w-120 {
width: 120px;
}
.bw0 {
border-width: 0;
}
.z-999 {
z-index: 999;
}
.mr10 {
margin-right: 10px;
}
.reflect {
transform: scaleX(-1);
}
.rotate-270-reflect {
transform: rotate(270deg) scaleX(-1);
}
.rotate-180-reflect {
transform: rotate(180deg) scaleX(-1);
}
@media (min-width: 30em) {
.translateX-25-ns {
transform: translateX(-25%);
}
.translateX25-ns {
transform: translateX(25%);
}
.translateX-50-ns {
transform: translateX(-50%);
}
.translateX50-ns {
transform: translateX(50%);
}
.translateX-75-ns {
transform: translateX(-75%);
}
.translateX75-ns {
transform: translateX(75%);
}
}
.mt10 {
margin-top: 10px;
}
@media (min-width: 60em) {
.mb-auto-l {
margin-bottom: auto;
}
.mt-auto-l {
margin-top: auto;
}
}
.lineHeight-2-5 {
line-height: 2.5;
}
.lineHeight-2-4 {
line-height: 2.4;
}
.lineHeight-2-3 {
line-height: 2.3;
}
.lineHeight-2-2 {
line-height: 2.2;
}
.lineHeight-2-1 {
line-height: 2.1;
}
.lineHeight-2 {
line-height: 2;
}
.lineHeight-1-9 {
line-height: 1.9;
}
.lineHeight-1-8 {
line-height: 1.8;
}
.lineHeight-1-7 {
line-height: 1.7;
}
.lineHeight-1-6 {
line-height: 1.6;
}
.lineHeight-1-5 {
line-height: 1.5;
}
.lineHeight-1-4 {
line-height: 1.4;
}
.lineHeight-1-3 {
line-height: 1.3;
}
.lineHeight-1-2 {
line-height: 1.2;
}
.lineHeight-1-1 {
line-height: 1.1;
}
.lineHeight-1 {
line-height: 1;
}
.lineHeight-0-9 {
line-height: 0.9;
}
.lineHeight-0-8 {
line-height: 0.8;
}
.lineHeight-0-7 {
line-height: 0.7;
}
.lineHeight-0-6 {
line-height: 0.6;
}
.lineHeight-0-5 {
line-height: 0.5;
}
.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
/* added line */
}
.pointer-events--none {
pointer-events: none;
}