html {
box-sizing: border-box;
font-size: 16px;
}
*,
:after,
:before {
box-sizing: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
font-weight: 400;
margin: 0;
padding: 0;
}
body,
html {
height: 100%;
width: 100%;
}
ol,
ul {
list-style: none;
}
img {
height: auto;
max-width: 100%;
}
.test-class {
background-color: #000;
}
.margin-xxs-left {
margin-left: 0.25rem;
}
.margin-xxs-right {
margin-right: 0.25rem;
}
.margin-xxs-top {
margin-top: 0.25rem;
}
.margin-xxs-bottom {
margin-bottom: 0.25rem;
}
.margin-xxs-all {
margin: 0.25rem;
}
.margin-xs-left {
margin-left: 0.5rem;
}
.margin-xs-right {
margin-right: 0.5rem;
}
.margin-xs-top {
margin-top: 0.5rem;
}
.margin-xs-bottom {
margin-bottom: 0.5rem;
}
.margin-xs-all {
margin: 0.5rem;
}
.margin-sm-left {
margin-left: 1rem;
}
.margin-sm-right {
margin-right: 1rem;
}
.margin-sm-top {
margin-top: 1rem;
}
.margin-sm-bottom {
margin-bottom: 1rem;
}
.margin-sm-all {
margin: 1rem;
}
.margin-md-left {
margin-left: 1.5rem;
}
.margin-md-right {
margin-right: 1.5rem;
}
.margin-md-top {
margin-top: 1.5rem;
}
.margin-md-bottom {
margin-bottom: 1.5rem;
}
.margin-md-all {
margin: 1.5rem;
}
.margin-lg-left {
margin-left: 2rem;
}
.margin-lg-right {
margin-right: 2rem;
}
.margin-lg-top {
margin-top: 2rem;
}
.margin-lg-bottom {
margin-bottom: 2rem;
}
.margin-lg-all {
margin: 2rem;
}
.margin-xl-left {
margin-left: 3rem;
}
.margin-xl-right {
margin-right: 3rem;
}
.margin-xl-top {
margin-top: 3rem;
}
.margin-xl-bottom {
margin-bottom: 3rem;
}
.margin-xl-all {
margin: 3rem;
}
.margin-xxl-left {
margin-left: 4rem;
}
.margin-xxl-right {
margin-right: 4rem;
}
.margin-xxl-top {
margin-top: 4rem;
}
.margin-xxl-bottom {
margin-bottom: 4rem;
}
.margin-xxl-all {
margin: 4rem;
}
.block-margin-bottom {
margin-bottom: 1rem;
}
@media screen and (min-width: 48rem) {
.block-margin-bottom {
margin-bottom: 1.5rem;
}
}
hr {
background-color: #dadada;
border: 0;
height: 1px;
margin: 0;
}
.padding-xxs-left {
padding-left: 0.25rem;
}
.padding-xxs-right {
padding-right: 0.25rem;
}
.padding-xxs-top {
padding-top: 0.25rem;
}
.padding-xxs-bottom {
padding-bottom: 0.25rem;
}
.padding-xxs-all {
padding: 0.25rem;
}
.padding-xs-left {
padding-left: 0.5rem;
}
.padding-xs-right {
padding-right: 0.5rem;
}
.padding-xs-top {
padding-top: 0.5rem;
}
.padding-xs-bottom {
padding-bottom: 0.5rem;
}
.padding-xs-all {
padding: 0.5rem;
}
.padding-sm-left {
padding-left: 1rem;
}
.padding-sm-right {
padding-right: 1rem;
}
.padding-sm-top {
padding-top: 1rem;
}
.padding-sm-bottom {
padding-bottom: 1rem;
}
.padding-sm-all {
padding: 1rem;
}
.padding-md-left {
padding-left: 1.5rem;
}
.padding-md-right {
padding-right: 1.5rem;
}
.padding-md-top {
padding-top: 1.5rem;
}
.padding-md-bottom {
padding-bottom: 1.5rem;
}
.padding-md-all {
padding: 1.5rem;
}
.padding-lg-left {
padding-left: 2rem;
}
.padding-lg-right {
padding-right: 2rem;
}
.padding-lg-top {
padding-top: 2rem;
}
.padding-lg-bottom {
padding-bottom: 2rem;
}
.padding-lg-all {
padding: 2rem;
}
.padding-xl-left {
padding-left: 3rem;
}
.padding-xl-right {
padding-right: 3rem;
}
.padding-xl-top {
padding-top: 3rem;
}
.padding-xl-bottom {
padding-bottom: 3rem;
}
.padding-xl-all {
padding: 3rem;
}
.padding-xxl-left {
padding-left: 4rem;
}
.padding-xxl-right {
padding-right: 4rem;
}
.padding-xxl-top {
padding-top: 4rem;
}
.padding-xxl-bottom {
padding-bottom: 4rem;
}
.padding-xxl-all {
padding: 4rem;
}
body {
color: #191919;
font-family: PT Serif, serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
@media (min-width: 48rem) {
body {
font-size: 1.125rem;
}
}
.defcon {
font-size: 2.25rem;
line-height: 1.2;
}
@media (min-width: 48rem) {
.defcon {
font-size: 3.25rem;
}
}
.h1-primary,
.h1-secondary,
h1 {
font-weight: 700;
font-size: 1.75rem;
line-height: 2rem;
}
@media (min-width: 48rem) {
.h1-primary,
.h1-secondary,
h1 {
font-size: 2.5625rem;
line-height: 3rem;
}
}
.h2-primary,
.h2-secondary,
h2 {
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem;
}
@media (min-width: 48rem) {
.h2-primary,
.h2-secondary,
h2 {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.h3-primary,
.h3-secondary,
h3 {
font-weight: 700;
font-size: 1.375rem;
line-height: 1.5rem;
}
@media (min-width: 48rem) {
.h3-primary,
.h3-secondary,
h3 {
font-size: 1.875rem;
line-height: 1.875rem;
}
}
.h4-primary,
.h4-secondary,
h4 {
font-weight: 700;
font-size: 1.1875rem;
line-height: 1.2;
}
@media (min-width: 48rem) {
.h4-primary,
.h4-secondary,
h4 {
font-size: 1.625rem;
line-height: 2rem;
}
}
.h5-primary,
.h5-secondary,
h5 {
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
}
@media (min-width: 48rem) {
.h5-primary,
.h5-secondary,
h5 {
font-size: 1.25rem;
}
}
.h6-primary,
.h6-secondary,
h6 {
font-weight: 700;
font-size: 0.8125rem;
line-height: 1.5rem;
}
@media (min-width: 48rem) {
.h6-primary,
.h6-secondary,
h6 {
font-size: 1.0625rem;
line-height: 1.5rem;
}
}
.h1-primary,
.h2-primary,
.h3-primary,
.h4-primary,
.h5-primary,
.h6-primary,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: PT Serif, serif;
}
.h1-secondary,
.h2-secondary,
.h3-secondary,
.h4-secondary,
.h5-secondary,
.h6-secondary {
font-family: Georgia, serif;
}
.container-fluid {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.container {
margin-left: 5%;
margin-right: 5%;
max-width: 90rem;
}
@media (min-width: 64rem) {
.container {
margin-left: 8%;
margin-right: 8%;
}
}
@media (min-width: 90rem) {
.container {
margin-left: auto;
margin-right: auto;
}
}
.row {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@supports (display: grid) {
.row {
display: grid;
grid-auto-flow: dense;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 0;
}
@media (min-width: 48rem) {
.row {
grid-column-gap: 1rem;
}
}
@media (min-width: 64rem) {
.row {
grid-column-gap: 2rem;
}
}
@media (min-width: 90rem) {
.row {
grid-column-gap: 2rem;
}
}
}
.reduce-internal-row-col-gap .row {
grid-column-gap: 3%;
}
@media (min-width: 48rem) {
.reduce-internal-row-col-gap .row {
grid-column-gap: 3%;
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-md-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-lg-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-sm-xl-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 0rem) and (max-width: 47.9375rem) {
.col-sm-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-sm-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 0rem) and (max-width: 63.9375rem) {
.col-sm-md-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-sm-md-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 0rem) and (max-width: 89.9375rem) {
.col-sm-lg-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-sm-lg-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 0rem) {
.col-sm-xl-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-sm-xl-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-lg-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-md-xl-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.col-md-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-md-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 48rem) and (max-width: 89.9375rem) {
.col-md-lg-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-md-lg-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 48rem) {
.col-md-xl-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-md-xl-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-lg-xl-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
.col-lg-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-lg-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 64rem) {
.col-lg-xl-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-lg-xl-12 {
grid-column-start: span 12;
}
}
}
@media (min-width: 90rem) {
.col-xl-1 {
max-width: 8.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-1 {
grid-column-start: span 1;
}
}
}
@media (min-width: 90rem) {
.col-xl-2 {
max-width: 16.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-2 {
grid-column-start: span 2;
}
}
}
@media (min-width: 90rem) {
.col-xl-3 {
max-width: 25%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-3 {
grid-column-start: span 3;
}
}
}
@media (min-width: 90rem) {
.col-xl-4 {
max-width: 33.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-4 {
grid-column-start: span 4;
}
}
}
@media (min-width: 90rem) {
.col-xl-5 {
max-width: 41.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-5 {
grid-column-start: span 5;
}
}
}
@media (min-width: 90rem) {
.col-xl-6 {
max-width: 50%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-6 {
grid-column-start: span 6;
}
}
}
@media (min-width: 90rem) {
.col-xl-7 {
max-width: 58.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-7 {
grid-column-start: span 7;
}
}
}
@media (min-width: 90rem) {
.col-xl-8 {
max-width: 66.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-8 {
grid-column-start: span 8;
}
}
}
@media (min-width: 90rem) {
.col-xl-9 {
max-width: 75%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-9 {
grid-column-start: span 9;
}
}
}
@media (min-width: 90rem) {
.col-xl-10 {
max-width: 83.3333333333%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-10 {
grid-column-start: span 10;
}
}
}
@media (min-width: 90rem) {
.col-xl-11 {
max-width: 91.6666666667%;
flex: 0 0 auto;
}
@supports (display: grid) {
.col-xl-11 {
grid-column-start: span 11;
}
}
}
@media (min-width: 90rem) {
.col-xl-12 {
max-width: 100%;
flex: 1 0 auto;
}
@supports (display: grid) {
.col-xl-12 {
grid-column-start: span 12;
}
}
}
[class*='col-'] {
width: 100%;
}
@supports (display: grid) {
[class*='col-'] {
flex-basis: auto;
max-width: none;
}
}
@media (-ms-high-contrast: active) and (min-width: 0rem) and (max-width: 47.9375rem),
(-ms-high-contrast: none) and (min-width: 0rem) and (max-width: 47.9375rem) {
.ie-flex-100-percent-sm {
flex: 1 0 100% !important;
}
}
.vertical-centered {
display: flex;
flex-direction: column;
justify-content: center;
}
.sr-only:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.embed-responsive {
display: block;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.embed-responsive:before {
content: '';
display: block;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
border: 0;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.embed-responsive-21by9:before {
padding-top: 42.857143%;
}
.embed-responsive-16by9:before {
padding-top: 56.25%;
}
.embed-responsive-4by3:before {
padding-top: 75%;
}
.embed-responsive-1by1:before {
padding-top: 100%;
}
.btn {
background-color: #2980b9;
border: 2px solid transparent;
border-radius: 2px;
color: #fff;
display: inline-block;
font-family: Georgia, serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
padding: 1rem 1.5rem;
text-align: center;
transition: all 0.3s ease 0s;
user-select: none;
vertical-align: middle;
}
.btn.btn-block {
display: block;
}
.btn.btn-lg {
padding: 1.5rem;
}
.btn.btn-sm {
padding: 0.5rem 1.5rem;
}
.btn.disabled,
.btn:disabled {
background-color: #b8c1cb;
color: #fff;
}
.btn:not(:disabled):not(.disabled):active:hover,
.btn:not(:disabled):not(.disabled):hover:hover {
background-color: #6ab0de;
text-decoration: none;
}
.btn:not(:disabled):not(.disabled):active:active,
.btn:not(:disabled):not(.disabled):hover:active {
background-color: #6ab0de;
border: 2px solid rgba(0, 0, 0, 0.25);
}
.btn-outline {
background-color: transparent;
border: 1px solid #2980b9;
color: #2980b9;
}
.btn-outline:not(:disabled):not(.disabled):active:hover,
.btn-outline:not(:disabled):not(.disabled):hover:hover {
background-color: #6ab0de;
color: #fff;
text-decoration: none;
}
.btn-outline:not(:disabled):not(.disabled):active:active,
.btn-outline:not(:disabled):not(.disabled):hover:active {
background-color: #6ab0de;
border: 2px solid rgba(0, 0, 0, 0.25);
color: #fff;
}
.btn-success {
background-color: #00a321;
color: #fff;
}
.btn-success:not(:disabled):not(.disabled):active:hover,
.btn-success:not(:disabled):not(.disabled):hover:hover {
background-color: #0aff3c;
text-decoration: none;
}
.btn-success:not(:disabled):not(.disabled):active:active,
.btn-success:not(:disabled):not(.disabled):hover:active {
background-color: #0aff3c;
border: 2px solid rgba(0, 0, 0, 0.25);
}
.btn-warning {
background-color: #e07000;
color: #fff;
}
.btn-warning:not(:disabled):not(.disabled):active:hover,
.btn-warning:not(:disabled):not(.disabled):hover:hover {
background-color: #ffa347;
text-decoration: none;
}
.btn-warning:not(:disabled):not(.disabled):active:active,
.btn-warning:not(:disabled):not(.disabled):hover:active {
background-color: #ffa347;
border: 2px solid rgba(0, 0, 0, 0.25);
}
.btn-danger {
background-color: #db0a07;
color: #fff;
}
.btn-danger:not(:disabled):not(.disabled):active:hover,
.btn-danger:not(:disabled):not(.disabled):hover:hover {
background-color: #f9514f;
text-decoration: none;
}
.btn-danger:not(:disabled):not(.disabled):active:active,
.btn-danger:not(:disabled):not(.disabled):hover:active {
background-color: #f9514f;
border: 2px solid rgba(0, 0, 0, 0.25);
}
.btn-outline-success {
background-color: transparent;
border: 1px solid #00a321;
color: #00a321;
}
.btn-outline-success:not(:disabled):not(.disabled):active:hover,
.btn-outline-success:not(:disabled):not(.disabled):hover:hover {
background-color: #0aff3c;
border: 1px solid transparent;
color: #fff;
text-decoration: none;
}
.btn-outline-success:not(:disabled):not(.disabled):active:active,
.btn-outline-success:not(:disabled):not(.disabled):hover:active {
background-color: #0aff3c;
border: 2px solid rgba(0, 0, 0, 0.25);
color: #fff;
}
.btn-outline-warning {
background-color: transparent;
border: 1px solid #e07000;
color: #e07000;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:hover,
.btn-outline-warning:not(:disabled):not(.disabled):hover:hover {
background-color: #ffa347;
border: 1px solid transparent;
color: #fff;
text-decoration: none;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:active,
.btn-outline-warning:not(:disabled):not(.disabled):hover:active {
background-color: #ffa347;
border: 2px solid rgba(0, 0, 0, 0.25);
color: #fff;
}
.btn-outline-danger {
background-color: transparent;
border: 1px solid #db0a07;
color: #db0a07;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:hover,
.btn-outline-danger:not(:disabled):not(.disabled):hover:hover {
background-color: #f9514f;
border: 1px solid transparent;
color: #fff;
text-decoration: none;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:active,
.btn-outline-danger:not(:disabled):not(.disabled):hover:active {
background-color: #f9514f;
border: 2px solid rgba(0, 0, 0, 0.25);
color: #fff;
}
a {
transition: color 0.3s ease;
}
a:active,
a:hover {
color: #7f7f7f;
}
a figure,
a img,
a picture,
a video {
transition: opacity 0.3s ease;
}
a figure:active,
a figure:hover,
a img:active,
a img:hover,
a picture:active,
a picture:hover,
a video:active,
a video:hover {
opacity: 0.7;
}
figcaption,
figcaption p {
color: #9a9a9a;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
figcaption p,
figcaption p p {
display: inline;
margin: 0;
}
@media screen and (max-width: 0rem) {
figcaption,
figcaption p {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media screen and (max-width: 48rem) {
figcaption,
figcaption p {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.chain-container .chain-col > * {
margin-bottom: 2rem;
}
@media screen and (min-width: 48rem) {
.chain-container .chain-col > * {
margin-bottom: 1.5rem;
}
}
.layout-section > * {
margin-bottom: 2rem;
}
@media screen and (min-width: 48rem) {
.layout-section > * {
margin-bottom: 1.5rem;
}
}
.wrap-bottom {
margin-bottom: -2rem !important;
}
@media screen and (min-width: 48rem) {
.wrap-bottom {
margin-bottom: -1.5rem !important;
}
}
.themes-dark {
background-color: #000;
color: #fff;
}
.themes-dark .article-body-wrapper-custom figure .title,
.themes-dark .description-text,
.themes-dark .h4-primary.sub-headline,
.themes-dark .list-container .list-title,
.themes-dark .numbered-list-container .list-item-number,
.themes-dark .numbered-list-container .list-title,
.themes-dark .overline,
.themes-dark a,
.themes-dark h1 a,
.themes-dark h2,
.themes-dark h2 a,
.themes-dark h3,
.themes-dark h4,
.themes-dark h5 {
color: #fff;
}
.themes-dark .article-body-wrapper-custom figure .title,
.themes-dark .article_byline,
.themes-dark h1.headline {
text-align: center;
}
.themes-dark .article_byline .flex {
justify-content: center;
}
.themes-dark .article-body-wrapper-custom figure .title {
font-size: 1.25rem;
}
.themes-dark .ad_container.bg-color_white {
background-color: #000;
}
.themes-dark .ad_container.bg-color_white_stickybottom {
background-color: #fff;
}
.themes-dark .h4-primary.sub-headline {
font-size: 1.25rem;
}
@media only screen and (max-width: 47.9375rem) {
.themes-dark .h4-primary.sub-headline {
margin: 0 8px;
}
}
body .QSIFeedbackButton {
z-index: 8 !important;
}
@media only screen and (max-width: 47.9375rem) {
.layout-section > header.page-header > .exclude_padding {
width: 100vw;
margin-left: -2px;
}
}
.layout-section h1.headline {
line-height: 2rem;
margin-bottom: 1rem;
}
@media only screen and (min-width: 48rem) {
.layout-section h1.headline {
line-height: 3rem;
}
}
.layout-section h2.sub-headline,
.layout-section header {
margin-bottom: 1rem;
}
.layout-section .c-alert-bar {
margin-bottom: 0;
}
.layout-section > .margin-sm-bottom {
margin-bottom: 1rem;
}
@media only screen and (max-width: 47.9375rem) {
.main .container .c-alert-bar {
margin-left: -5%;
margin-right: -5%;
width: auto;
}
}
.ts-share-bar {
z-index: 8;
}
.border {
border-width: 0;
}
.border_solid {
border-style: solid;
}
.border_bottom {
border-bottom-width: 1px;
}
.border_top {
border-top-width: 1px;
}
.border_left {
border-left-width: 1px;
}
.border_right {
border-right-width: 1px;
}
.border_all {
border-width: 1px;
}
.border_color_grey {
border-color: #dadada;
}
.border_color_grey-5 {
border-color: #333;
}
.color_primary {
color: #191919;
}
.color_grey_light {
color: #767676;
}
.color_grey_medium {
color: #575757;
}
.color_grey_6 {
color: #686868;
}
.color_default {
color: #191919;
}
.color_white {
color: #fff;
}
.color_red {
color: #d44245;
}
.bg-color_grey_2 {
background-color: #f7f5f6;
}
.bg-color_white {
background-color: #fff;
}
.decoration_none {
text-decoration: none;
}
.transform_uppercase {
text-transform: uppercase;
}
.transform_underlined {
text-decoration: underline;
}
.flex {
display: flex;
}
.flex_col {
flex-direction: column;
flex-flow: column;
}
.flex_row {
flex-direction: row;
flex-flow: row;
}
.flex_grow {
flex-grow: 1;
}
.flex_justify_between {
justify-content: space-between;
}
.flex_justify_center {
justify-content: center;
}
.flex_align_center {
align-items: center;
}
.font_open-sans {
font-family: Open Sans, sans-serif;
}
.font_normal {
font-weight: 400;
}
.font_bold {
font-weight: 700;
}
.font_bold_semi {
font-weight: 600;
}
.font_size_10 {
font-size: 0.625rem;
line-height: 0.75rem;
}
.font_size_12 {
font-size: 0.75rem;
line-height: 0.875rem;
}
.font_size_14 {
font-size: 0.875rem;
line-height: 1rem;
}
.font_size_16 {
font-size: 1rem;
line-height: 1.5rem;
}
.font_size_18 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.font_size_20 {
font-size: 1.25rem;
line-height: 1.5rem;
}
.font_size_24 {
font-size: 1.5rem;
line-height: 2.0625rem;
}
figure {
margin-block-start: inherit;
margin-block-end: inherit;
margin-inline-start: inherit;
margin-inline-end: inherit;
}
.width_100 {
width: 100%;
}
.height_100 {
height: 100%;
}
.text_center {
text-align: center;
}
.text_left {
text-align: left;
}
.text_right {
text-align: right;
}
.text-transform_upper {
text-transform: uppercase;
}
.pointer-events_none {
pointer-events: none;
}
.user-select_none {
user-select: none;
}
.z-index_max {
z-index: 99999;
}
.display_block {
display: block;
}
.hover_color_white:hover {
color: #fff;
}
.hover_underline:hover {
text-decoration: underline;
}
.cursor_pointer {
cursor: pointer;
}
@media only screen and (min-width: 48rem) {
.padding_xl_left-md {
padding-left: 3rem;
}
}
@media only screen and (min-width: 48rem) {
.padding_xl_right-md {
padding-right: 3rem;
}
}
@media only screen and (min-width: 48rem) {
.padding_lg_top-md {
padding-top: 2rem;
}
}
@media only screen and (min-width: 48rem) {
.padding_lg_bottom-md {
padding-bottom: 2rem;
}
}
@media (min-width: 48rem) {
.row {
grid-column-gap: 0.5rem;
}
}
@media (min-width: 64rem) {
.row {
grid-column-gap: 0.5rem;
}
}
@media (min-width: 90rem) {
.row {
grid-column-gap: 1rem;
}
}
.hidden {
display: none;
}
@media only screen and (max-width: 47.9375rem) {
.hidden_mobile {
display: none;
}
}
@media only screen and (min-width: 48rem) and (max-width: 63.9375rem) {
.hidden_tablet {
display: none;
}
}
@media only screen and (min-width: 64rem) {
.hidden_desktop {
display: none;
}
}
.overflow_hidden {
overflow: hidden;
}
.met-toaster-zepcomponent {
z-index: 9 !important;
}
#zephr-overlay {
z-index: 11 !important;
}
.vf3-conversations-list__promo {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.viafoura div {
word-break: unset !important;
}
.font_24_custom {
font-size: 1.5rem;
line-height: 2rem;
}
.font_24_custom a {
color: #191919;
text-decoration: none;
}
.font_20_custom {
font-size: 1.25rem;
line-height: 1.625rem;
}
.font_20_custom a {
color: #191919;
text-decoration: none;
}
.font_18_custom {
font-size: 1.125rem;
line-height: 1.5rem;
}
.font_18_custom a {
color: #191919;
text-decoration: none;
}
.font_16_custom {
font-size: 1rem;
line-height: 1.3125rem;
}
.font_16_custom a {
color: #191919;
text-decoration: none;
}
.font_14_custom {
font-size: 0.875rem;
line-height: 1.1875rem;
}
.font_14_custom a {
color: #191919;
text-decoration: none;
}
.font_44_custom {
font-size: 2.75rem;
line-height: 2.75rem;
}
.font_44_custom a {
color: #191919;
text-decoration: none;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
@media only screen and (min-width: 48rem) and (max-width: 63.9375rem) {
.veritical-gallery-layout {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 47.9375rem) {
.veritical-gallery-layout {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 48rem) and (max-width: 63.9375rem) {
.veritical-gallery-margin {
padding-left: 5%;
padding-right: 5%;
}
}
@media only screen and (max-width: 47.9375rem) {
.veritical-gallery-margin {
padding-left: 5%;
padding-right: 5%;
}
}
/* Not mobile */
@media screen and (min-width: 49rem) {
.header-logo {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
/* Mobile */
@media screen and (max-width: 48rem) {
.header-logo {
margin-top: 0.5rem;
}
}
.article-body-container p:not(:last-child) {
margin-bottom: 1rem;
}
.article-body-heading {
margin-bottom: 2rem;
font-size: 2.5rem;
font-family: Georgia, 'Times New Roman', Times, serif;
}