@charset "UTF-8";
      @font-face {
font-family: 'Montserrat-Medium';
font-style: normal;
font-weight: 400;
src: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.eot); src: local("Montserrat Regular"), local("Montserrat-Regular"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.eot?#iefix) format("embedded-opentype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.woff2) format("woff2"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.woff) format("woff"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.ttf) format("truetype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.svg#Montserrat) format("svg"); } @font-face {
font-family: 'Montserrat-Bold';
font-style: normal;
font-weight: 700;
src: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.eot); src: local("Montserrat Bold"), local("Montserrat-Bold"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.eot?#iefix) format("embedded-opentype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.woff2) format("woff2"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.woff) format("woff"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.ttf) format("truetype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/montserrat-v14-latin/montserrat-v14-latin-700.svg#Montserrat) format("svg"); } @font-face {
font-family: 'Source-Serif-Regular';
font-style: normal;
font-weight: 400;
src: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.eot); src: local("Source Serif Pro"), local("SourceSerifPro-Regular"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.eot?#iefix) format("embedded-opentype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.woff2) format("woff2"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.woff) format("woff"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.ttf) format("truetype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-regular.svg#SourceSerifPro) format("svg"); } @font-face {
font-family: 'Source-Serif-Bold';
font-style: normal;
font-weight: 700;
src: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.eot); src: local("Source Serif Pro Bold"), local("SourceSerifPro-Bold"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.eot?#iefix) format("embedded-opentype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.woff2) format("woff2"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.woff) format("woff"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.ttf) format("truetype"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/source-serif-pro-v7-latin/source-serif-pro-v7-latin-700.svg#SourceSerifPro) format("svg"); }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/material-design-icons-master/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/material-design-icons-mastericonfont/MaterialIcons-Regular.woff) format("woff"), url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/fonts/material-design-icons-master/iconfont/MaterialIcons-Regular.ttf) format("truetype"); } @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
@keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; } @-webkit-keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from,
to {
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
@keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; } @-webkit-keyframes wobble {
from {
transform: translate3d(0, 0, 0); }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes wobble {
from {
transform: translate3d(0, 0, 0); }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: translate3d(0, 0, 0); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from,
11.1%,
to {
transform: translate3d(0, 0, 0); }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
from,
11.1%,
to {
transform: translate3d(0, 0, 0); }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
transform-origin: center; }
@-webkit-keyframes heartBeat {
0% {
transform: scale(1); }
14% {
transform: scale(1.3); }
28% {
transform: scale(1); }
42% {
transform: scale(1.3); }
70% {
transform: scale(1); } }
@keyframes heartBeat {
0% {
transform: scale(1); }
14% {
transform: scale(1.3); }
28% {
transform: scale(1); }
42% {
transform: scale(1.3); }
70% {
transform: scale(1); } }
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
transform: perspective(400px); } }
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg); }
to {
transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg); }
to {
transform: translate3d(0, 0, 0); } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
transform: rotate(-10deg); }
70% {
transform: rotate(3deg); }
to {
opacity: 1;
transform: scale(1); } }
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
transform: rotate(-10deg); }
70% {
transform: rotate(3deg); }
to {
opacity: 1;
transform: scale(1); } }
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; } @-webkit-keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; } @-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s; }
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s; }
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s; }
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s; }
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms; }
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s; }
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important; } } @media print, screen and (min-width: 47.1875em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
right: auto;
left: auto;
margin: 0 auto; } } html {
line-height: 1.15;
overflow-x: hidden;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
pre {
font-family: monospace, monospace;
font-size: 1em; }
a {
background-color: transparent; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; }
b,
strong {
font-weight: bolder; }
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; }
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; }
img {
border-style: none; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-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 {
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;
padding: 0px;
outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
.foundation-mq {
font-family: "small=0em&medium=47.1875em&large=64.0625em&xlarge=75em&xxlarge=90em"; }
html {
box-sizing: border-box;
font-size: 18px; }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: Lato, sans-serif;
font-weight: normal;
line-height: 1.4;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic; }
textarea {
height: auto;
min-height: 50px;
border-radius: 5px; }
select {
box-sizing: border-box;
width: 100%;
border-radius: 5px; }
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 5px;
background: transparent;
line-height: 1;
cursor: auto; }
[data-whatinput='mouse'] button {
outline: 0; }
pre {
overflow: auto; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
.row {
max-width: 66.6666666667rem;
margin-right: auto;
margin-left: auto; }
.row::before, .row::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0; }
.row .row {
margin-right: -0.5555555556rem;
margin-left: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.row .row {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
@media print, screen and (min-width: 64.0625em) {
.row .row {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row:not(.expanded) .row {
max-width: none; }
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem; }
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; }
.column, .columns {
width: 100%;
float: left;
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.column, .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.column, .columns, .column:last-child:not(:first-child) {
float: left;
clear: none; }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
width: 8.3333333333%; }
.small-push-1 {
position: relative;
left: 8.3333333333%; }
.small-pull-1 {
position: relative;
left: -8.3333333333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.6666666667%; }
.small-push-2 {
position: relative;
left: 16.6666666667%; }
.small-pull-2 {
position: relative;
left: -16.6666666667%; }
.small-offset-1 {
margin-left: 8.3333333333%; }
.small-3 {
width: 25%; }
.small-push-3 {
position: relative;
left: 25%; }
.small-pull-3 {
position: relative;
left: -25%; }
.small-offset-2 {
margin-left: 16.6666666667%; }
.small-4 {
width: 33.3333333333%; }
.small-push-4 {
position: relative;
left: 33.3333333333%; }
.small-pull-4 {
position: relative;
left: -33.3333333333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.6666666667%; }
.small-push-5 {
position: relative;
left: 41.6666666667%; }
.small-pull-5 {
position: relative;
left: -41.6666666667%; }
.small-offset-4 {
margin-left: 33.3333333333%; }
.small-6 {
width: 50%; }
.small-push-6 {
position: relative;
left: 50%; }
.small-pull-6 {
position: relative;
left: -50%; }
.small-offset-5 {
margin-left: 41.6666666667%; }
.small-7 {
width: 58.3333333333%; }
.small-push-7 {
position: relative;
left: 58.3333333333%; }
.small-pull-7 {
position: relative;
left: -58.3333333333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.6666666667%; }
.small-push-8 {
position: relative;
left: 66.6666666667%; }
.small-pull-8 {
position: relative;
left: -66.6666666667%; }
.small-offset-7 {
margin-left: 58.3333333333%; }
.small-9 {
width: 75%; }
.small-push-9 {
position: relative;
left: 75%; }
.small-pull-9 {
position: relative;
left: -75%; }
.small-offset-8 {
margin-left: 66.6666666667%; }
.small-10 {
width: 83.3333333333%; }
.small-push-10 {
position: relative;
left: 83.3333333333%; }
.small-pull-10 {
position: relative;
left: -83.3333333333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.6666666667%; }
.small-push-11 {
position: relative;
left: 91.6666666667%; }
.small-pull-11 {
position: relative;
left: -91.6666666667%; }
.small-offset-10 {
margin-left: 83.3333333333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.6666666667%; }
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.3333333333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.6666666667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.2857142857%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem; }
.small-centered {
margin-right: auto;
margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.small-uncentered, .small-push-0, .small-pull-0 {
position: static;
margin-right: 0;
margin-left: 0; }
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
float: left;
clear: none; }
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 47.1875em) {
.medium-1 {
width: 8.3333333333%; }
.medium-push-1 {
position: relative;
left: 8.3333333333%; }
.medium-pull-1 {
position: relative;
left: -8.3333333333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.6666666667%; }
.medium-push-2 {
position: relative;
left: 16.6666666667%; }
.medium-pull-2 {
position: relative;
left: -16.6666666667%; }
.medium-offset-1 {
margin-left: 8.3333333333%; }
.medium-3 {
width: 25%; }
.medium-push-3 {
position: relative;
left: 25%; }
.medium-pull-3 {
position: relative;
left: -25%; }
.medium-offset-2 {
margin-left: 16.6666666667%; }
.medium-4 {
width: 33.3333333333%; }
.medium-push-4 {
position: relative;
left: 33.3333333333%; }
.medium-pull-4 {
position: relative;
left: -33.3333333333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.6666666667%; }
.medium-push-5 {
position: relative;
left: 41.6666666667%; }
.medium-pull-5 {
position: relative;
left: -41.6666666667%; }
.medium-offset-4 {
margin-left: 33.3333333333%; }
.medium-6 {
width: 50%; }
.medium-push-6 {
position: relative;
left: 50%; }
.medium-pull-6 {
position: relative;
left: -50%; }
.medium-offset-5 {
margin-left: 41.6666666667%; }
.medium-7 {
width: 58.3333333333%; }
.medium-push-7 {
position: relative;
left: 58.3333333333%; }
.medium-pull-7 {
position: relative;
left: -58.3333333333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.6666666667%; }
.medium-push-8 {
position: relative;
left: 66.6666666667%; }
.medium-pull-8 {
position: relative;
left: -66.6666666667%; }
.medium-offset-7 {
margin-left: 58.3333333333%; }
.medium-9 {
width: 75%; }
.medium-push-9 {
position: relative;
left: 75%; }
.medium-pull-9 {
position: relative;
left: -75%; }
.medium-offset-8 {
margin-left: 66.6666666667%; }
.medium-10 {
width: 83.3333333333%; }
.medium-push-10 {
position: relative;
left: 83.3333333333%; }
.medium-pull-10 {
position: relative;
left: -83.3333333333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.6666666667%; }
.medium-push-11 {
position: relative;
left: 91.6666666667%; }
.medium-pull-11 {
position: relative;
left: -91.6666666667%; }
.medium-offset-10 {
margin-left: 83.3333333333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.6666666667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.3333333333%; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.6666666667%; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.2857142857%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; }
.medium-centered {
margin-right: auto;
margin-left: auto; }
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.medium-uncentered, .medium-push-0, .medium-pull-0 {
position: static;
margin-right: 0;
margin-left: 0; }
.medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
float: left;
clear: none; }
.medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
float: right; } }
@media print, screen and (min-width: 64.0625em) {
.large-1 {
width: 8.3333333333%; }
.large-push-1 {
position: relative;
left: 8.3333333333%; }
.large-pull-1 {
position: relative;
left: -8.3333333333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.6666666667%; }
.large-push-2 {
position: relative;
left: 16.6666666667%; }
.large-pull-2 {
position: relative;
left: -16.6666666667%; }
.large-offset-1 {
margin-left: 8.3333333333%; }
.large-3 {
width: 25%; }
.large-push-3 {
position: relative;
left: 25%; }
.large-pull-3 {
position: relative;
left: -25%; }
.large-offset-2 {
margin-left: 16.6666666667%; }
.large-4 {
width: 33.3333333333%; }
.large-push-4 {
position: relative;
left: 33.3333333333%; }
.large-pull-4 {
position: relative;
left: -33.3333333333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.6666666667%; }
.large-push-5 {
position: relative;
left: 41.6666666667%; }
.large-pull-5 {
position: relative;
left: -41.6666666667%; }
.large-offset-4 {
margin-left: 33.3333333333%; }
.large-6 {
width: 50%; }
.large-push-6 {
position: relative;
left: 50%; }
.large-pull-6 {
position: relative;
left: -50%; }
.large-offset-5 {
margin-left: 41.6666666667%; }
.large-7 {
width: 58.3333333333%; }
.large-push-7 {
position: relative;
left: 58.3333333333%; }
.large-pull-7 {
position: relative;
left: -58.3333333333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.6666666667%; }
.large-push-8 {
position: relative;
left: 66.6666666667%; }
.large-pull-8 {
position: relative;
left: -66.6666666667%; }
.large-offset-7 {
margin-left: 58.3333333333%; }
.large-9 {
width: 75%; }
.large-push-9 {
position: relative;
left: 75%; }
.large-pull-9 {
position: relative;
left: -75%; }
.large-offset-8 {
margin-left: 66.6666666667%; }
.large-10 {
width: 83.3333333333%; }
.large-push-10 {
position: relative;
left: 83.3333333333%; }
.large-pull-10 {
position: relative;
left: -83.3333333333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.6666666667%; }
.large-push-11 {
position: relative;
left: 91.6666666667%; }
.large-pull-11 {
position: relative;
left: -91.6666666667%; }
.large-offset-10 {
margin-left: 83.3333333333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.6666666667%; }
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.3333333333%; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.6666666667%; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.2857142857%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; }
.large-centered {
margin-right: auto;
margin-left: auto; }
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.large-uncentered, .large-push-0, .large-pull-0 {
position: static;
margin-right: 0;
margin-left: 0; }
.large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
float: left;
clear: none; }
.large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
float: right; } }
.column-block {
margin-bottom: 1.1111111111rem; }
.column-block > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 47.1875em) {
.column-block {
margin-bottom: 1.6666666667rem; }
.column-block > :last-child {
margin-bottom: 0; } }
.row {
max-width: 66.6666666667rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap; }
.row .row {
margin-right: -0.5555555556rem;
margin-left: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.row .row {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
@media print, screen and (min-width: 64.0625em) {
.row .row {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row:not(.expanded) .row {
max-width: none; }
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0; }
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
margin-right: 0;
margin-left: 0; }
.column, .columns {
flex: 1 1 0px;
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem;
min-width: 0; }
@media print, screen and (min-width: 47.1875em) {
.column, .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.column.row.row, .row.row.columns {
float: none;
display: block; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.small-offset-1 {
margin-left: 8.3333333333%; }
.small-3 {
flex: 0 0 25%;
max-width: 25%; }
.small-offset-2 {
margin-left: 16.6666666667%; }
.small-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.small-offset-4 {
margin-left: 33.3333333333%; }
.small-6 {
flex: 0 0 50%;
max-width: 50%; }
.small-offset-5 {
margin-left: 41.6666666667%; }
.small-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.small-offset-7 {
margin-left: 58.3333333333%; }
.small-9 {
flex: 0 0 75%;
max-width: 75%; }
.small-offset-8 {
margin-left: 66.6666666667%; }
.small-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.small-offset-10 {
margin-left: 83.3333333333%; }
.small-12 {
flex: 0 0 100%;
max-width: 100%; }
.small-offset-11 {
margin-left: 91.6666666667%; }
.small-up-1 {
flex-wrap: wrap; }
.small-up-1 > .column, .small-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%; }
.small-up-2 {
flex-wrap: wrap; }
.small-up-2 > .column, .small-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%; }
.small-up-3 {
flex-wrap: wrap; }
.small-up-3 > .column, .small-up-3 > .columns {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.small-up-4 {
flex-wrap: wrap; }
.small-up-4 > .column, .small-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%; }
.small-up-5 {
flex-wrap: wrap; }
.small-up-5 > .column, .small-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%; }
.small-up-6 {
flex-wrap: wrap; }
.small-up-6 > .column, .small-up-6 > .columns {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.small-up-7 {
flex-wrap: wrap; }
.small-up-7 > .column, .small-up-7 > .columns {
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%; }
.small-up-8 {
flex-wrap: wrap; }
.small-up-8 > .column, .small-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.medium-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.medium-offset-1 {
margin-left: 8.3333333333%; }
.medium-3 {
flex: 0 0 25%;
max-width: 25%; }
.medium-offset-2 {
margin-left: 16.6666666667%; }
.medium-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.medium-offset-4 {
margin-left: 33.3333333333%; }
.medium-6 {
flex: 0 0 50%;
max-width: 50%; }
.medium-offset-5 {
margin-left: 41.6666666667%; }
.medium-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.medium-offset-7 {
margin-left: 58.3333333333%; }
.medium-9 {
flex: 0 0 75%;
max-width: 75%; }
.medium-offset-8 {
margin-left: 66.6666666667%; }
.medium-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.medium-offset-10 {
margin-left: 83.3333333333%; }
.medium-12 {
flex: 0 0 100%;
max-width: 100%; }
.medium-offset-11 {
margin-left: 91.6666666667%; }
.medium-up-1 {
flex-wrap: wrap; }
.medium-up-1 > .column, .medium-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%; }
.medium-up-2 {
flex-wrap: wrap; }
.medium-up-2 > .column, .medium-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%; }
.medium-up-3 {
flex-wrap: wrap; }
.medium-up-3 > .column, .medium-up-3 > .columns {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.medium-up-4 {
flex-wrap: wrap; }
.medium-up-4 > .column, .medium-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%; }
.medium-up-5 {
flex-wrap: wrap; }
.medium-up-5 > .column, .medium-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%; }
.medium-up-6 {
flex-wrap: wrap; }
.medium-up-6 > .column, .medium-up-6 > .columns {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.medium-up-7 {
flex-wrap: wrap; }
.medium-up-7 > .column, .medium-up-7 > .columns {
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%; }
.medium-up-8 {
flex-wrap: wrap; }
.medium-up-8 > .column, .medium-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media print, screen and (min-width: 47.1875em) and (min-width: 47.1875em) {
.medium-expand {
flex: 1 1 0px; } }
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 0 0 100%; }
@media print, screen and (min-width: 47.1875em) and (min-width: 47.1875em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 1 1 0px; } }
@media print, screen and (min-width: 47.1875em) {
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
@media print, screen and (min-width: 64.0625em) {
.large-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.large-offset-1 {
margin-left: 8.3333333333%; }
.large-3 {
flex: 0 0 25%;
max-width: 25%; }
.large-offset-2 {
margin-left: 16.6666666667%; }
.large-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.large-offset-4 {
margin-left: 33.3333333333%; }
.large-6 {
flex: 0 0 50%;
max-width: 50%; }
.large-offset-5 {
margin-left: 41.6666666667%; }
.large-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.large-offset-7 {
margin-left: 58.3333333333%; }
.large-9 {
flex: 0 0 75%;
max-width: 75%; }
.large-offset-8 {
margin-left: 66.6666666667%; }
.large-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.large-offset-10 {
margin-left: 83.3333333333%; }
.large-12 {
flex: 0 0 100%;
max-width: 100%; }
.large-offset-11 {
margin-left: 91.6666666667%; }
.large-up-1 {
flex-wrap: wrap; }
.large-up-1 > .column, .large-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%; }
.large-up-2 {
flex-wrap: wrap; }
.large-up-2 > .column, .large-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%; }
.large-up-3 {
flex-wrap: wrap; }
.large-up-3 > .column, .large-up-3 > .columns {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.large-up-4 {
flex-wrap: wrap; }
.large-up-4 > .column, .large-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%; }
.large-up-5 {
flex-wrap: wrap; }
.large-up-5 > .column, .large-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%; }
.large-up-6 {
flex-wrap: wrap; }
.large-up-6 > .column, .large-up-6 > .columns {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.large-up-7 {
flex-wrap: wrap; }
.large-up-7 > .column, .large-up-7 > .columns {
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%; }
.large-up-8 {
flex-wrap: wrap; }
.large-up-8 > .column, .large-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media print, screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.large-expand {
flex: 1 1 0px; } }
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 0 0 100%; }
@media print, screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 1 1 0px; } }
@media print, screen and (min-width: 64.0625em) {
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.shrink {
flex: 0 0 auto;
max-width: 100%; }
.column-block {
margin-bottom: 1.1111111111rem; }
.column-block > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 47.1875em) {
.column-block {
margin-bottom: 1.6666666667rem; }
.column-block > :last-child {
margin-bottom: 0; } }
.grid-container {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem;
max-width: 66.6666666667rem;
margin-left: auto;
margin-right: auto; }
@media print, screen and (min-width: 47.1875em) {
.grid-container {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.grid-container.fluid {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
@media print, screen and (min-width: 47.1875em) {
.grid-container.fluid {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
.grid-x {
display: flex;
flex-flow: row wrap; }
.cell {
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%; }
.cell.auto {
flex: 1 1 0px; }
.cell.shrink {
flex: 0 0 auto; }
.grid-x > .auto {
width: auto; }
.grid-x > .shrink {
width: auto; }
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
flex-basis: auto; }
@media print, screen and (min-width: 47.1875em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
flex-basis: auto; } }
@media print, screen and (min-width: 64.0625em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
flex-basis: auto; } }
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
flex: 0 0 auto; }
.grid-x > .small-1 {
width: 8.3333333333%; }
.grid-x > .small-2 {
width: 16.6666666667%; }
.grid-x > .small-3 {
width: 25%; }
.grid-x > .small-4 {
width: 33.3333333333%; }
.grid-x > .small-5 {
width: 41.6666666667%; }
.grid-x > .small-6 {
width: 50%; }
.grid-x > .small-7 {
width: 58.3333333333%; }
.grid-x > .small-8 {
width: 66.6666666667%; }
.grid-x > .small-9 {
width: 75%; }
.grid-x > .small-10 {
width: 83.3333333333%; }
.grid-x > .small-11 {
width: 91.6666666667%; }
.grid-x > .small-12 {
width: 100%; }
@media print, screen and (min-width: 47.1875em) {
.grid-x > .medium-auto {
flex: 1 1 0px;
width: auto; }
.grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
flex: 0 0 auto; }
.grid-x > .medium-shrink {
width: auto; }
.grid-x > .medium-1 {
width: 8.3333333333%; }
.grid-x > .medium-2 {
width: 16.6666666667%; }
.grid-x > .medium-3 {
width: 25%; }
.grid-x > .medium-4 {
width: 33.3333333333%; }
.grid-x > .medium-5 {
width: 41.6666666667%; }
.grid-x > .medium-6 {
width: 50%; }
.grid-x > .medium-7 {
width: 58.3333333333%; }
.grid-x > .medium-8 {
width: 66.6666666667%; }
.grid-x > .medium-9 {
width: 75%; }
.grid-x > .medium-10 {
width: 83.3333333333%; }
.grid-x > .medium-11 {
width: 91.6666666667%; }
.grid-x > .medium-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.grid-x > .large-auto {
flex: 1 1 0px;
width: auto; }
.grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
flex: 0 0 auto; }
.grid-x > .large-shrink {
width: auto; }
.grid-x > .large-1 {
width: 8.3333333333%; }
.grid-x > .large-2 {
width: 16.6666666667%; }
.grid-x > .large-3 {
width: 25%; }
.grid-x > .large-4 {
width: 33.3333333333%; }
.grid-x > .large-5 {
width: 41.6666666667%; }
.grid-x > .large-6 {
width: 50%; }
.grid-x > .large-7 {
width: 58.3333333333%; }
.grid-x > .large-8 {
width: 66.6666666667%; }
.grid-x > .large-9 {
width: 75%; }
.grid-x > .large-10 {
width: 83.3333333333%; }
.grid-x > .large-11 {
width: 91.6666666667%; }
.grid-x > .large-12 {
width: 100%; } }
.grid-margin-x:not(.grid-x) > .cell {
width: auto; }
.grid-margin-y:not(.grid-y) > .cell {
height: auto; }
.grid-margin-x {
margin-left: -0.5555555556rem;
margin-right: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-x {
margin-left: -0.8333333333rem;
margin-right: -0.8333333333rem; } }
.grid-margin-x > .cell {
width: calc(100% - 1.1111111111rem);
margin-left: 0.5555555556rem;
margin-right: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-x > .cell {
width: calc(100% - 1.6666666667rem);
margin-left: 0.8333333333rem;
margin-right: 0.8333333333rem; } }
.grid-margin-x > .auto {
width: auto; }
.grid-margin-x > .shrink {
width: auto; }
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 1.1111111111rem); }
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.1111111111rem); }
.grid-margin-x > .small-3 {
width: calc(25% - 1.1111111111rem); }
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.1111111111rem); }
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.1111111111rem); }
.grid-margin-x > .small-6 {
width: calc(50% - 1.1111111111rem); }
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.1111111111rem); }
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.1111111111rem); }
.grid-margin-x > .small-9 {
width: calc(75% - 1.1111111111rem); }
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.1111111111rem); }
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.1111111111rem); }
.grid-margin-x > .small-12 {
width: calc(100% - 1.1111111111rem); }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-x > .auto {
width: auto; }
.grid-margin-x > .shrink {
width: auto; }
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x > .small-3 {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-x > .small-6 {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-x > .small-9 {
width: calc(75% - 1.6666666667rem); }
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-x > .small-12 {
width: calc(100% - 1.6666666667rem); }
.grid-margin-x > .medium-auto {
width: auto; }
.grid-margin-x > .medium-shrink {
width: auto; }
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x > .medium-3 {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-x > .medium-6 {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-x > .medium-9 {
width: calc(75% - 1.6666666667rem); }
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-x > .medium-12 {
width: calc(100% - 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-margin-x > .large-auto {
width: auto; }
.grid-margin-x > .large-shrink {
width: auto; }
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x > .large-3 {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-x > .large-6 {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-x > .large-9 {
width: calc(75% - 1.6666666667rem); }
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-x > .large-12 {
width: calc(100% - 1.6666666667rem); } }
.grid-padding-x .grid-padding-x {
margin-right: -0.5555555556rem;
margin-left: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-padding-x .grid-padding-x {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.5555555556rem;
margin-left: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.8333333333rem;
margin-left: -0.8333333333rem; } }
.grid-padding-x > .cell {
padding-right: 0.5555555556rem;
padding-left: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-padding-x > .cell {
padding-right: 0.8333333333rem;
padding-left: 0.8333333333rem; } }
.small-up-1 > .cell {
width: 100%; }
.small-up-2 > .cell {
width: 50%; }
.small-up-3 > .cell {
width: 33.3333333333%; }
.small-up-4 > .cell {
width: 25%; }
.small-up-5 > .cell {
width: 20%; }
.small-up-6 > .cell {
width: 16.6666666667%; }
.small-up-7 > .cell {
width: 14.2857142857%; }
.small-up-8 > .cell {
width: 12.5%; }
@media print, screen and (min-width: 47.1875em) {
.medium-up-1 > .cell {
width: 100%; }
.medium-up-2 > .cell {
width: 50%; }
.medium-up-3 > .cell {
width: 33.3333333333%; }
.medium-up-4 > .cell {
width: 25%; }
.medium-up-5 > .cell {
width: 20%; }
.medium-up-6 > .cell {
width: 16.6666666667%; }
.medium-up-7 > .cell {
width: 14.2857142857%; }
.medium-up-8 > .cell {
width: 12.5%; } }
@media print, screen and (min-width: 64.0625em) {
.large-up-1 > .cell {
width: 100%; }
.large-up-2 > .cell {
width: 50%; }
.large-up-3 > .cell {
width: 33.3333333333%; }
.large-up-4 > .cell {
width: 25%; }
.large-up-5 > .cell {
width: 20%; }
.large-up-6 > .cell {
width: 16.6666666667%; }
.large-up-7 > .cell {
width: 14.2857142857%; }
.large-up-8 > .cell {
width: 12.5%; } }
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.1111111111rem); }
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.1111111111rem); }
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.1111111111rem); }
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.1111111111rem); }
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.1111111111rem); }
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.1111111111rem); }
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.1111111111rem); }
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.1111111111rem); }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.6666666667rem); }
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.6666666667rem); }
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.6666666667rem); }
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.6666666667rem); }
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.6666666667rem); }
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.6666666667rem); }
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 1.6666666667rem); }
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.6666666667rem); }
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.6666666667rem); }
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.6666666667rem); }
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.6666666667rem); }
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 1.6666666667rem); }
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.6666666667rem); } }
.small-margin-collapse {
margin-right: 0;
margin-left: 0; }
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0; }
.small-margin-collapse > .small-1 {
width: 8.3333333333%; }
.small-margin-collapse > .small-2 {
width: 16.6666666667%; }
.small-margin-collapse > .small-3 {
width: 25%; }
.small-margin-collapse > .small-4 {
width: 33.3333333333%; }
.small-margin-collapse > .small-5 {
width: 41.6666666667%; }
.small-margin-collapse > .small-6 {
width: 50%; }
.small-margin-collapse > .small-7 {
width: 58.3333333333%; }
.small-margin-collapse > .small-8 {
width: 66.6666666667%; }
.small-margin-collapse > .small-9 {
width: 75%; }
.small-margin-collapse > .small-10 {
width: 83.3333333333%; }
.small-margin-collapse > .small-11 {
width: 91.6666666667%; }
.small-margin-collapse > .small-12 {
width: 100%; }
@media print, screen and (min-width: 47.1875em) {
.small-margin-collapse > .medium-1 {
width: 8.3333333333%; }
.small-margin-collapse > .medium-2 {
width: 16.6666666667%; }
.small-margin-collapse > .medium-3 {
width: 25%; }
.small-margin-collapse > .medium-4 {
width: 33.3333333333%; }
.small-margin-collapse > .medium-5 {
width: 41.6666666667%; }
.small-margin-collapse > .medium-6 {
width: 50%; }
.small-margin-collapse > .medium-7 {
width: 58.3333333333%; }
.small-margin-collapse > .medium-8 {
width: 66.6666666667%; }
.small-margin-collapse > .medium-9 {
width: 75%; }
.small-margin-collapse > .medium-10 {
width: 83.3333333333%; }
.small-margin-collapse > .medium-11 {
width: 91.6666666667%; }
.small-margin-collapse > .medium-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.small-margin-collapse > .large-1 {
width: 8.3333333333%; }
.small-margin-collapse > .large-2 {
width: 16.6666666667%; }
.small-margin-collapse > .large-3 {
width: 25%; }
.small-margin-collapse > .large-4 {
width: 33.3333333333%; }
.small-margin-collapse > .large-5 {
width: 41.6666666667%; }
.small-margin-collapse > .large-6 {
width: 50%; }
.small-margin-collapse > .large-7 {
width: 58.3333333333%; }
.small-margin-collapse > .large-8 {
width: 66.6666666667%; }
.small-margin-collapse > .large-9 {
width: 75%; }
.small-margin-collapse > .large-10 {
width: 83.3333333333%; }
.small-margin-collapse > .large-11 {
width: 91.6666666667%; }
.small-margin-collapse > .large-12 {
width: 100%; } }
.small-padding-collapse {
margin-right: 0;
margin-left: 0; }
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0; }
@media print, screen and (min-width: 47.1875em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0; }
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0; } }
@media print, screen and (min-width: 47.1875em) {
.medium-margin-collapse > .small-1 {
width: 8.3333333333%; }
.medium-margin-collapse > .small-2 {
width: 16.6666666667%; }
.medium-margin-collapse > .small-3 {
width: 25%; }
.medium-margin-collapse > .small-4 {
width: 33.3333333333%; }
.medium-margin-collapse > .small-5 {
width: 41.6666666667%; }
.medium-margin-collapse > .small-6 {
width: 50%; }
.medium-margin-collapse > .small-7 {
width: 58.3333333333%; }
.medium-margin-collapse > .small-8 {
width: 66.6666666667%; }
.medium-margin-collapse > .small-9 {
width: 75%; }
.medium-margin-collapse > .small-10 {
width: 83.3333333333%; }
.medium-margin-collapse > .small-11 {
width: 91.6666666667%; }
.medium-margin-collapse > .small-12 {
width: 100%; } }
@media print, screen and (min-width: 47.1875em) {
.medium-margin-collapse > .medium-1 {
width: 8.3333333333%; }
.medium-margin-collapse > .medium-2 {
width: 16.6666666667%; }
.medium-margin-collapse > .medium-3 {
width: 25%; }
.medium-margin-collapse > .medium-4 {
width: 33.3333333333%; }
.medium-margin-collapse > .medium-5 {
width: 41.6666666667%; }
.medium-margin-collapse > .medium-6 {
width: 50%; }
.medium-margin-collapse > .medium-7 {
width: 58.3333333333%; }
.medium-margin-collapse > .medium-8 {
width: 66.6666666667%; }
.medium-margin-collapse > .medium-9 {
width: 75%; }
.medium-margin-collapse > .medium-10 {
width: 83.3333333333%; }
.medium-margin-collapse > .medium-11 {
width: 91.6666666667%; }
.medium-margin-collapse > .medium-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.medium-margin-collapse > .large-1 {
width: 8.3333333333%; }
.medium-margin-collapse > .large-2 {
width: 16.6666666667%; }
.medium-margin-collapse > .large-3 {
width: 25%; }
.medium-margin-collapse > .large-4 {
width: 33.3333333333%; }
.medium-margin-collapse > .large-5 {
width: 41.6666666667%; }
.medium-margin-collapse > .large-6 {
width: 50%; }
.medium-margin-collapse > .large-7 {
width: 58.3333333333%; }
.medium-margin-collapse > .large-8 {
width: 66.6666666667%; }
.medium-margin-collapse > .large-9 {
width: 75%; }
.medium-margin-collapse > .large-10 {
width: 83.3333333333%; }
.medium-margin-collapse > .large-11 {
width: 91.6666666667%; }
.medium-margin-collapse > .large-12 {
width: 100%; } }
@media print, screen and (min-width: 47.1875em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0; }
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0; } }
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0; }
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0; } }
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .small-1 {
width: 8.3333333333%; }
.large-margin-collapse > .small-2 {
width: 16.6666666667%; }
.large-margin-collapse > .small-3 {
width: 25%; }
.large-margin-collapse > .small-4 {
width: 33.3333333333%; }
.large-margin-collapse > .small-5 {
width: 41.6666666667%; }
.large-margin-collapse > .small-6 {
width: 50%; }
.large-margin-collapse > .small-7 {
width: 58.3333333333%; }
.large-margin-collapse > .small-8 {
width: 66.6666666667%; }
.large-margin-collapse > .small-9 {
width: 75%; }
.large-margin-collapse > .small-10 {
width: 83.3333333333%; }
.large-margin-collapse > .small-11 {
width: 91.6666666667%; }
.large-margin-collapse > .small-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .medium-1 {
width: 8.3333333333%; }
.large-margin-collapse > .medium-2 {
width: 16.6666666667%; }
.large-margin-collapse > .medium-3 {
width: 25%; }
.large-margin-collapse > .medium-4 {
width: 33.3333333333%; }
.large-margin-collapse > .medium-5 {
width: 41.6666666667%; }
.large-margin-collapse > .medium-6 {
width: 50%; }
.large-margin-collapse > .medium-7 {
width: 58.3333333333%; }
.large-margin-collapse > .medium-8 {
width: 66.6666666667%; }
.large-margin-collapse > .medium-9 {
width: 75%; }
.large-margin-collapse > .medium-10 {
width: 83.3333333333%; }
.large-margin-collapse > .medium-11 {
width: 91.6666666667%; }
.large-margin-collapse > .medium-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .large-1 {
width: 8.3333333333%; }
.large-margin-collapse > .large-2 {
width: 16.6666666667%; }
.large-margin-collapse > .large-3 {
width: 25%; }
.large-margin-collapse > .large-4 {
width: 33.3333333333%; }
.large-margin-collapse > .large-5 {
width: 41.6666666667%; }
.large-margin-collapse > .large-6 {
width: 50%; }
.large-margin-collapse > .large-7 {
width: 58.3333333333%; }
.large-margin-collapse > .large-8 {
width: 66.6666666667%; }
.large-margin-collapse > .large-9 {
width: 75%; }
.large-margin-collapse > .large-10 {
width: 83.3333333333%; }
.large-margin-collapse > .large-11 {
width: 91.6666666667%; }
.large-margin-collapse > .large-12 {
width: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0; }
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0; } }
.small-offset-0 {
margin-left: 0%; }
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 0.5555555556rem); }
.small-offset-1 {
margin-left: 8.3333333333%; }
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 0.5555555556rem); }
.small-offset-2 {
margin-left: 16.6666666667%; }
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 0.5555555556rem); }
.small-offset-3 {
margin-left: 25%; }
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 0.5555555556rem); }
.small-offset-4 {
margin-left: 33.3333333333%; }
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 0.5555555556rem); }
.small-offset-5 {
margin-left: 41.6666666667%; }
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 0.5555555556rem); }
.small-offset-6 {
margin-left: 50%; }
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 0.5555555556rem); }
.small-offset-7 {
margin-left: 58.3333333333%; }
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 0.5555555556rem); }
.small-offset-8 {
margin-left: 66.6666666667%; }
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 0.5555555556rem); }
.small-offset-9 {
margin-left: 75%; }
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 0.5555555556rem); }
.small-offset-10 {
margin-left: 83.3333333333%; }
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 0.5555555556rem); }
.small-offset-11 {
margin-left: 91.6666666667%; }
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 0.5555555556rem); }
@media print, screen and (min-width: 47.1875em) {
.medium-offset-0 {
margin-left: 0%; }
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 0.8333333333rem); }
.medium-offset-1 {
margin-left: 8.3333333333%; }
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 0.8333333333rem); }
.medium-offset-2 {
margin-left: 16.6666666667%; }
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 0.8333333333rem); }
.medium-offset-3 {
margin-left: 25%; }
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 0.8333333333rem); }
.medium-offset-4 {
margin-left: 33.3333333333%; }
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 0.8333333333rem); }
.medium-offset-5 {
margin-left: 41.6666666667%; }
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 0.8333333333rem); }
.medium-offset-6 {
margin-left: 50%; }
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 0.8333333333rem); }
.medium-offset-7 {
margin-left: 58.3333333333%; }
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 0.8333333333rem); }
.medium-offset-8 {
margin-left: 66.6666666667%; }
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 0.8333333333rem); }
.medium-offset-9 {
margin-left: 75%; }
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 0.8333333333rem); }
.medium-offset-10 {
margin-left: 83.3333333333%; }
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 0.8333333333rem); }
.medium-offset-11 {
margin-left: 91.6666666667%; }
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 0.8333333333rem); } }
@media print, screen and (min-width: 64.0625em) {
.large-offset-0 {
margin-left: 0%; }
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 0.8333333333rem); }
.large-offset-1 {
margin-left: 8.3333333333%; }
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 0.8333333333rem); }
.large-offset-2 {
margin-left: 16.6666666667%; }
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 0.8333333333rem); }
.large-offset-3 {
margin-left: 25%; }
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 0.8333333333rem); }
.large-offset-4 {
margin-left: 33.3333333333%; }
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 0.8333333333rem); }
.large-offset-5 {
margin-left: 41.6666666667%; }
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 0.8333333333rem); }
.large-offset-6 {
margin-left: 50%; }
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 0.8333333333rem); }
.large-offset-7 {
margin-left: 58.3333333333%; }
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 0.8333333333rem); }
.large-offset-8 {
margin-left: 66.6666666667%; }
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 0.8333333333rem); }
.large-offset-9 {
margin-left: 75%; }
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 0.8333333333rem); }
.large-offset-10 {
margin-left: 83.3333333333%; }
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 0.8333333333rem); }
.large-offset-11 {
margin-left: 91.6666666667%; }
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 0.8333333333rem); } }
.grid-y {
display: flex;
flex-flow: column nowrap; }
.grid-y > .cell {
height: auto;
max-height: none; }
.grid-y > .auto {
height: auto; }
.grid-y > .shrink {
height: auto; }
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
flex-basis: auto; }
@media print, screen and (min-width: 47.1875em) {
.grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
flex-basis: auto; } }
@media print, screen and (min-width: 64.0625em) {
.grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
flex-basis: auto; } }
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
flex: 0 0 auto; }
.grid-y > .small-1 {
height: 8.3333333333%; }
.grid-y > .small-2 {
height: 16.6666666667%; }
.grid-y > .small-3 {
height: 25%; }
.grid-y > .small-4 {
height: 33.3333333333%; }
.grid-y > .small-5 {
height: 41.6666666667%; }
.grid-y > .small-6 {
height: 50%; }
.grid-y > .small-7 {
height: 58.3333333333%; }
.grid-y > .small-8 {
height: 66.6666666667%; }
.grid-y > .small-9 {
height: 75%; }
.grid-y > .small-10 {
height: 83.3333333333%; }
.grid-y > .small-11 {
height: 91.6666666667%; }
.grid-y > .small-12 {
height: 100%; }
@media print, screen and (min-width: 47.1875em) {
.grid-y > .medium-auto {
flex: 1 1 0px;
height: auto; }
.grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
flex: 0 0 auto; }
.grid-y > .medium-shrink {
height: auto; }
.grid-y > .medium-1 {
height: 8.3333333333%; }
.grid-y > .medium-2 {
height: 16.6666666667%; }
.grid-y > .medium-3 {
height: 25%; }
.grid-y > .medium-4 {
height: 33.3333333333%; }
.grid-y > .medium-5 {
height: 41.6666666667%; }
.grid-y > .medium-6 {
height: 50%; }
.grid-y > .medium-7 {
height: 58.3333333333%; }
.grid-y > .medium-8 {
height: 66.6666666667%; }
.grid-y > .medium-9 {
height: 75%; }
.grid-y > .medium-10 {
height: 83.3333333333%; }
.grid-y > .medium-11 {
height: 91.6666666667%; }
.grid-y > .medium-12 {
height: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.grid-y > .large-auto {
flex: 1 1 0px;
height: auto; }
.grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
flex: 0 0 auto; }
.grid-y > .large-shrink {
height: auto; }
.grid-y > .large-1 {
height: 8.3333333333%; }
.grid-y > .large-2 {
height: 16.6666666667%; }
.grid-y > .large-3 {
height: 25%; }
.grid-y > .large-4 {
height: 33.3333333333%; }
.grid-y > .large-5 {
height: 41.6666666667%; }
.grid-y > .large-6 {
height: 50%; }
.grid-y > .large-7 {
height: 58.3333333333%; }
.grid-y > .large-8 {
height: 66.6666666667%; }
.grid-y > .large-9 {
height: 75%; }
.grid-y > .large-10 {
height: 83.3333333333%; }
.grid-y > .large-11 {
height: 91.6666666667%; }
.grid-y > .large-12 {
height: 100%; } }
.grid-padding-y .grid-padding-y {
margin-top: -0.5555555556rem;
margin-bottom: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-padding-y .grid-padding-y {
margin-top: -0.8333333333rem;
margin-bottom: -0.8333333333rem; } }
.grid-padding-y > .cell {
padding-top: 0.5555555556rem;
padding-bottom: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-padding-y > .cell {
padding-top: 0.8333333333rem;
padding-bottom: 0.8333333333rem; } }
.grid-margin-y {
margin-top: -0.5555555556rem;
margin-bottom: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y {
margin-top: -0.8333333333rem;
margin-bottom: -0.8333333333rem; } }
.grid-margin-y > .cell {
height: calc(100% - 1.1111111111rem);
margin-top: 0.5555555556rem;
margin-bottom: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y > .cell {
height: calc(100% - 1.6666666667rem);
margin-top: 0.8333333333rem;
margin-bottom: 0.8333333333rem; } }
.grid-margin-y > .auto {
height: auto; }
.grid-margin-y > .shrink {
height: auto; }
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-3 {
height: calc(25% - 1.1111111111rem); }
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-6 {
height: calc(50% - 1.1111111111rem); }
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-9 {
height: calc(75% - 1.1111111111rem); }
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.1111111111rem); }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y > .auto {
height: auto; }
.grid-margin-y > .shrink {
height: auto; }
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.6666666667rem); }
.grid-margin-y > .medium-auto {
height: auto; }
.grid-margin-y > .medium-shrink {
height: auto; }
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-12 {
height: calc(100% - 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-margin-y > .large-auto {
height: auto; }
.grid-margin-y > .large-shrink {
height: auto; }
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-12 {
height: calc(100% - 1.6666666667rem); } }
.grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw; }
.cell .grid-frame {
width: 100%; }
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%; }
.cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap; }
@media print, screen and (min-width: 47.1875em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw; }
.cell .medium-grid-frame {
width: 100%; }
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.medium-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%; }
.medium-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap; }
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; } }
@media print, screen and (min-width: 64.0625em) {
.large-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw; }
.cell .large-grid-frame {
width: 100%; }
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.large-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%; }
.large-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap; }
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; } }
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh; }
@media print, screen and (min-width: 47.1875em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh; } }
@media print, screen and (min-width: 64.0625em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh; } }
.cell .grid-y.grid-frame {
height: 100%; }
@media print, screen and (min-width: 47.1875em) {
.cell .grid-y.medium-grid-frame {
height: 100%; } }
@media print, screen and (min-width: 64.0625em) {
.cell .grid-y.large-grid-frame {
height: 100%; } }
.grid-margin-y {
margin-top: -0.5555555556rem;
margin-bottom: -0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y {
margin-top: -0.8333333333rem;
margin-bottom: -0.8333333333rem; } }
.grid-margin-y > .cell {
height: calc(100% - 1.1111111111rem);
margin-top: 0.5555555556rem;
margin-bottom: 0.5555555556rem; }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y > .cell {
height: calc(100% - 1.6666666667rem);
margin-top: 0.8333333333rem;
margin-bottom: 0.8333333333rem; } }
.grid-margin-y > .auto {
height: auto; }
.grid-margin-y > .shrink {
height: auto; }
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-3 {
height: calc(25% - 1.1111111111rem); }
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-6 {
height: calc(50% - 1.1111111111rem); }
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-9 {
height: calc(75% - 1.1111111111rem); }
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.1111111111rem); }
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.1111111111rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.1111111111rem); }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y > .auto {
height: auto; }
.grid-margin-y > .shrink {
height: auto; }
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.6666666667rem); }
.grid-margin-y > .medium-auto {
height: auto; }
.grid-margin-y > .medium-shrink {
height: auto; }
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .medium-12 {
height: calc(100% - 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-margin-y > .large-auto {
height: auto; }
.grid-margin-y > .large-shrink {
height: auto; }
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-3 {
height: calc(25% - 1.6666666667rem); }
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-6 {
height: calc(50% - 1.6666666667rem); }
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-9 {
height: calc(75% - 1.6666666667rem); }
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.6666666667rem); }
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.6666666667rem); }
.grid-margin-y > .large-12 {
height: calc(100% - 1.6666666667rem); } }
.grid-frame.grid-margin-y {
height: calc(100vh + 1.1111111111rem); }
@media print, screen and (min-width: 47.1875em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.6666666667rem); } }
@media print, screen and (min-width: 47.1875em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.6666666667rem); } }
@media print, screen and (min-width: 64.0625em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.6666666667rem); } }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.45;
text-rendering: optimizeLegibility; }
em,
i {
background-color: none;
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Montserrat-Bold", sans-serif;
font-style: normal;
font-weight: 700;
color: inherit;
text-rendering: optimizeLegibility; }
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #c8ccd1; }
h1, .h1 {
font-size: 1.3333333333rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
h2, .h2 {
font-size: 1.3333333333rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
h3, .h3 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
h4, .h4 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
h5, .h5 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
h6, .h6 {
font-size: 0.6666666667rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.2777777778rem; }
@media print, screen and (min-width: 47.1875em) {
h1, .h1 {
font-size: 1.6666666667rem; }
h2, .h2 {
font-size: 1.6666666667rem; }
h3, .h3 {
font-size: 1.2rem; }
h4, .h4 {
font-size: 1rem; }
h5, .h5 {
font-size: 1rem; }
h6, .h6 {
font-size: 0.6666666667rem; } }
a {
line-height: inherit;
color: #3a25ff;
text-decoration: none;
cursor: pointer; }
a:hover, a:focus {
color: #1800fb; }
a img {
border: 0; }
hr {
clear: both;
max-width: 66.6666666667rem;
height: 0;
margin: 1.1111111111rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #c8ccd1;
border-left: 0; }
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.45; }
li {
font-size: inherit; }
ul {
margin-left: 1.25rem;
list-style-type: disc; }
ol {
margin-left: 1.25rem; }
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0;
border-left: 0 solid #c8ccd1; }
blockquote, blockquote p {
line-height: 1.45;
color: #000; }
abbr, abbr[title] {
cursor: help;
text-decoration: none; }
figure {
margin: 0; }
kbd {
margin: 0;
padding: 0.1111111111rem 0.2222222222rem 0;
background-color: #f2f2f2;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #000;
border-radius: 5px; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #606060; }
.lead {
font-size: 22px;
line-height: 1.6; }
.description p {
font-size: 20;
line-height: 1.25; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none; }
.cite-block, cite {
display: block;
color: #000;
font-size: 0.7222222222rem; }
.cite-block:before, cite:before {
content: "— "; }
.code-inline, code {
border: 1px solid #c8ccd1;
background-color: #f2f2f2;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.1111111111rem 0.2777777778rem 0.0555555556rem; }
.code-block {
border: 1px solid #c8ccd1;
background-color: #f2f2f2;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media print, screen and (min-width: 47.1875em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media print, screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
color: black !important;
-webkit-print-color-adjust: economy;
color-adjust: economy;
box-shadow: none !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #606060;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.print-break-inside {
page-break-inside: auto; } }
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.5rem;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.75rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button.tiny {
font-size: 0.4rem; }
.button.small {
font-size: 0.65rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #eeeaff;
color: #3a25ff; }
.button:hover, .button:focus {
background-color: #b3a1ff;
color: #3a25ff; }
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #3a25ff;
color: #000; }
.button.primary:hover, .button.primary:focus {
background-color: #1700ea;
color: #000; }
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
background-color: #fff;
color: #000; }
.button.secondary:hover, .button.secondary:focus {
background-color: #cccccc;
color: #000; }
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
background-color: #008859;
color: #000; }
.button.success:hover, .button.success:focus {
background-color: #006d47;
color: #000; }
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
background-color: #FFA800;
color: #000; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8600;
color: #000; }
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
background-color: #FDE8F0;
color: #000; }
.button.alert:hover, .button.alert:focus {
background-color: #f58fb6;
color: #000; }
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
background-color: transparent; }
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #eeeaff;
color: #eeeaff; }
.button.hollow:hover, .button.hollow:focus {
border-color: #2f00f5;
color: #2f00f5; }
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #3a25ff;
color: #3a25ff; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #0e0092;
color: #0e0092; }
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #fff;
color: #fff; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: gray;
color: gray; }
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
border: 1px solid #008859;
color: #008859; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #00442d;
color: #00442d; }
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
border: 1px solid #FFA800;
color: #FFA800; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805400;
color: #805400; }
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
border: 1px solid #FDE8F0;
color: #FDE8F0; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #df1361;
color: #df1361; }
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
border-color: transparent;
background-color: transparent; }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #eeeaff; }
.button.clear:hover, .button.clear:focus {
color: #2f00f5; }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #3a25ff; }
.button.clear.primary:hover, .button.clear.primary:focus {
color: #0e0092; }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #fff; }
.button.clear.secondary:hover, .button.clear.secondary:focus {
color: gray; }
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
color: #008859; }
.button.clear.success:hover, .button.clear.success:focus {
color: #00442d; }
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
color: #FFA800; }
.button.clear.warning:hover, .button.clear.warning:focus {
color: #805400; }
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
color: #FDE8F0; }
.button.clear.alert:hover, .button.clear.alert:focus {
color: #df1361; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 0.5rem; }
.button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #eeeaff; }
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #3a25ff; }
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #fff; }
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
border-top-color: #008859; }
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
border-top-color: #FFA800; }
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
border-top-color: #FDE8F0; }
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0; }
a.button:hover, a.button:focus {
text-decoration: none; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.6333333333rem;
margin: 0 0 1.4444444444rem;
padding: 0.7222222222rem;
border: 1px solid #000;
border-radius: 0px;
background-color: #f6f6f6;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
font-family: inherit;
font-size: 0.8888888889rem;
font-weight: normal;
line-height: 1.4;
color: #000;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #3a25ff;
border: 1px solid #000;
background-color: #f2f2f2;
box-shadow: 0 0 5px transparent;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #f2f2f2;
cursor: not-allowed; } [type="search"],
textarea {
height: 1.8rem;
}
[type='submit'],
[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px; }
input[type='search'] {
box-sizing: border-box; }
::-webkit-input-placeholder {
color: #606060; }
::-moz-placeholder {
color: #606060; }
:-ms-input-placeholder {
color: #606060; }
::-ms-input-placeholder {
color: #606060; }
::placeholder {
color: #606060; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1.4444444444rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.7222222222rem;
margin-right: 1.4444444444rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.7222222222rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.7777777778rem;
font-weight: normal;
line-height: 1.8;
color: #000; }
label.middle {
margin: 0 0 1.4444444444rem;
padding: 0.7777777778rem 0; }
.help-text {
margin-top: -0.7222222222rem;
font-size: 0.7222222222rem;
font-style: italic;
color: #000; }
.input-group {
display: flex;
width: 100%;
height: 50%;
margin-bottom: 1.4444444444rem;
align-items: stretch; }
.input-group > :first-child, .input-group > .input-group-button:first-child > * {
border-radius: 5px; }
.input-group > :last-child, .input-group > .input-group-button:last-child > * {
border-radius: 5px; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap; }
.input-group-label {
padding: 0 1rem;
border: 1px solid #d0d0d0;
background: #f6f6f6;
color: #000;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
align-items: center; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
border: 2px #f6f6f6 solid;
min-width: 0; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 0.8888888889rem; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
legend {
max-width: 100%;
margin-bottom: 0.7222222222rem; }
.fieldset {
margin: 1rem 0;
padding: 1.1111111111rem;
border: 1px solid #000; }
.fieldset legend {
margin: 0;
margin-left: -0.1666666667rem;
padding: 0 0.1666666667rem; }
select {
height: 2.6333333333rem;
margin: 0 0 1.4444444444rem;
padding: 0.7222222222rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #000;
border-radius: 5px;
background-color: #f2f2f2;
font-family: inherit;
font-size: 0.8888888889rem;
font-weight: normal;
line-height: 1.4;
color: #000;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%280, 0, 0%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1.4444444444rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 2.1666666667rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==); } }
select:focus {
outline: none;
border: 1px solid #3a25ff;
background-color: #f2f2f2;
box-shadow: 0 0 5px transparent;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #f2f2f2;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0; }
.is-invalid-input:not(:focus) {
border-color: #FDE8F0;
background-color: #fefcfd; }
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #FDE8F0; }
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #FDE8F0; }
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #FDE8F0; }
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #FDE8F0; }
.is-invalid-input:not(:focus)::placeholder {
color: #FDE8F0; }
.is-invalid-label {
color: #FDE8F0; }
.form-error {
display: none;
margin-top: -0.7222222222rem;
margin-bottom: 1.4444444444rem;
font-size: 0.6666666667rem;
font-weight: bold;
color: #FDE8F0; }
.form-error.is-visible {
display: block; }
.accordion {
margin-left: 0;
background: transparent;
list-style-type: none; }
.accordion[disabled] .accordion-title {
cursor: not-allowed; }
.accordion-item:first-child > :first-child {
border-radius: 5px 5px 0 0; }
.accordion-item:last-child > :last-child {
border-radius: 0 0 5px 5px; }
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1.25rem;
border: 1px solid #f2f2f2;
border-bottom: 0;
font-size: 0.6666666667rem;
line-height: 1;
color: #3a25ff; }
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #f2f2f2;
border-radius: 0 0 5px 5px; }
.accordion-title:hover, .accordion-title:focus {
background-color: none; }
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "+"; }
.is-active > .accordion-title::before {
content: "–"; }
.accordion-content {
display: none;
padding: 1.25rem;
border: 1px solid #f2f2f2;
border-bottom: 0;
background-color: transparent;
color: #000; }
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #f2f2f2; }
.accordion-menu li {
width: 100%; }
.accordion-menu a {
padding: 0.5rem; }
.accordion-menu .is-accordion-submenu a {
padding: 0.5rem; }
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem; }
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #3a25ff transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem; }
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
right: 1rem;
left: auto; }
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem; }
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
transform: rotate(180deg);
transform-origin: 50% 50%; }
.is-accordion-submenu-parent {
position: relative; }
.has-submenu-toggle > a {
margin-right: 40px; }
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer; }
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #3a25ff transparent transparent;
top: 0;
bottom: 0;
margin: auto; }
.submenu-toggle[aria-expanded='true']::after {
transform: scaleY(-1);
transform-origin: 50% 50%; }
.submenu-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.button-group {
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex-grow: 1; }
.button-group::before, .button-group::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.button-group::after {
clear: both; }
.button-group::before, .button-group::after {
display: none; }
.button-group .button {
margin: 0;
margin-right: 15px;
margin-bottom: 15px;
font-size: 0.75rem;
flex: 0 0 auto; }
.button-group .button:last-child {
margin-right: 0; }
.button-group.tiny .button {
font-size: 0.4rem; }
.button-group.small .button {
font-size: 0.65rem; }
.button-group.large .button {
font-size: 1.25rem; }
.button-group.expanded .button {
flex: 1 1 0px;
margin-right: 0; }
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus,
.button-group,
.button-group.disabled,
.button-group[disabled],
.button-group.disabled:hover,
.button-group[disabled]:hover,
.button-group.disabled:focus,
.button-group[disabled]:focus {
background-color: #3a25ff;
color: #000; }
.button-group.primary .button:hover, .button-group.primary .button:focus,
.button-group:hover,
.button-group:focus {
background-color: #1700ea;
color: #000; }
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus,
.button-group,
.button-group.disabled,
.button-group[disabled],
.button-group.disabled:hover,
.button-group[disabled]:hover,
.button-group.disabled:focus,
.button-group[disabled]:focus {
background-color: #fff;
color: #000; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus,
.button-group:hover,
.button-group:focus {
background-color: #cccccc;
color: #000; }
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus,
.button-group,
.button-group.disabled,
.button-group[disabled],
.button-group.disabled:hover,
.button-group[disabled]:hover,
.button-group.disabled:focus,
.button-group[disabled]:focus {
background-color: #008859;
color: #000; }
.button-group.success .button:hover, .button-group.success .button:focus,
.button-group:hover,
.button-group:focus {
background-color: #006d47;
color: #000; }
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus,
.button-group,
.button-group.disabled,
.button-group[disabled],
.button-group.disabled:hover,
.button-group[disabled]:hover,
.button-group.disabled:focus,
.button-group[disabled]:focus {
background-color: #FFA800;
color: #000; }
.button-group.warning .button:hover, .button-group.warning .button:focus,
.button-group:hover,
.button-group:focus {
background-color: #cc8600;
color: #000; }
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus,
.button-group,
.button-group.disabled,
.button-group[disabled],
.button-group.disabled:hover,
.button-group[disabled]:hover,
.button-group.disabled:focus,
.button-group[disabled]:focus {
background-color: #FDE8F0;
color: #000; }
.button-group.alert .button:hover, .button-group.alert .button:focus,
.button-group:hover,
.button-group:focus {
background-color: #f58fb6;
color: #000; }
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
background-color: transparent; }
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
border: 1px solid #eeeaff;
color: #eeeaff; }
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
border-color: #2f00f5;
color: #2f00f5; }
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
border: 1px solid #3a25ff;
color: #3a25ff; }
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
border-color: #0e0092;
color: #0e0092; }
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
border: 1px solid #fff;
color: #fff; }
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
border-color: gray;
color: gray; }
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
border: 1px solid #008859;
color: #008859; }
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
border-color: #00442d;
color: #00442d; }
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
border: 1px solid #FFA800;
color: #FFA800; }
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
border-color: #805400;
color: #805400; }
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
border: 1px solid #FDE8F0;
color: #FDE8F0; }
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
border-color: #df1361;
color: #df1361; }
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
border-color: transparent;
background-color: transparent; }
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #eeeaff; }
.button-group.clear .button:hover, .button-group.clear .button:focus {
color: #2f00f5; }
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #3a25ff; }
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: #0e0092; }
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #fff; }
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
color: gray; }
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
color: #008859; }
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
color: #00442d; }
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
color: #FFA800; }
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
color: #805400; }
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
color: #FDE8F0; }
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
color: #df1361; }
.button-group.no-gaps .button {
margin-right: -0.0555555556rem; }
.button-group.no-gaps .button + .button {
border-left-color: transparent; }
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
flex-wrap: wrap; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
flex: 0 0 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0; }
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
flex: 1 1 0px;
margin-right: 0; }
@media print, screen and (min-width: 47.1875em) {
.button-group.stacked-for-small .button {
flex: 0 0 auto;
margin-bottom: 0; } }
@media print, screen and (min-width: 64.0625em) {
.button-group.stacked-for-medium .button {
flex: 0 0 auto;
margin-bottom: 0; } }
@media print, screen and (max-width: 47.18625em) {
.button-group.stacked-for-small.expanded {
display: block; }
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0; } }
@media print, screen and (max-width: 64.06125em) {
.button-group.stacked-for-medium.expanded {
display: block; }
.button-group.stacked-for-medium.expanded .button {
display: block;
margin-right: 0; } }
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 5px;
background-color: white;
color: #000; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #e1deff;
color: #000; }
.callout.secondary {
background-color: white;
color: #000; }
.callout.success {
background-color: #c7ffec;
color: #000; }
.callout.warning {
background-color: #fff2d9;
color: #000; }
.callout.alert {
background-color: #fffcfd;
color: #000; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }
.card {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1rem;
border: 0 solid #f2f2f2;
border-radius: 5px;
background: #fefefe;
box-shadow: none;
overflow: hidden;
color: #000; }
.card > :last-child {
margin-bottom: 0; }
.card-divider {
display: flex;
flex: 0 1 auto;
padding: 1rem;
background: transparent; }
.card-divider > :last-child {
margin-bottom: 0; }
.card-section {
flex: 1 0 auto;
padding: 1rem 1rem 1rem 0; }
color: red;
.card-section > :last-child {
margin-bottom: 0; }
.card-image {
min-height: 1px; }
.close-button {
position: absolute;
z-index: 10;
color: #000;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #000; }
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1; }
.close-button, .close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1; }
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap; }
[data-whatinput='mouse'] .menu li {
outline: 0; }
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.5rem; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu input {
display: inline-block; }
.menu, .menu.horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.expanded li {
flex: 1 1 0px; }
.menu.simple {
align-items: center; }
.menu.simple li + li {
margin-left: 1rem; }
.menu.simple a {
padding: 0; }
@media print, screen and (min-width: 47.1875em) {
.menu.medium-horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.medium-vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.medium-expanded li {
flex: 1 1 0px; }
.menu.medium-simple li {
flex: 1 1 0px; } }
@media print, screen and (min-width: 64.0625em) {
.menu.large-horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.large-vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.large-expanded li {
flex: 1 1 0px; }
.menu.large-simple li {
flex: 1 1 0px; } }
.menu.nested {
margin-right: 0;
margin-left: 1rem; }
.menu.icons a {
display: flex; }
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: flex; }
.menu.icon-left li a {
flex-flow: row nowrap; }
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
margin-right: 0.25rem; }
.menu.icon-right li a {
flex-flow: row nowrap; }
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
margin-left: 0.25rem; }
.menu.icon-top li a {
flex-flow: column nowrap; }
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu.icon-bottom li a {
flex-flow: column nowrap; }
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu .is-active > a {
background: #3a25ff;
color: #fefefe; }
.menu .active > a {
background: #3a25ff;
color: #fefefe; }
.menu.align-left {
justify-content: flex-start; }
.menu.align-left li,
.menu.align-right li {
display: flex;
justify-content: flex-end; }
.menu.align-right li .submenu li {
justify-content: flex-start; }
.menu.align-right.vertical li {
display: block;
text-align: right; }
.menu.align-right.vertical li .submenu li {
text-align: right; }
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0; }
.menu.align-center > li {
display: flex;
justify-content: center; }
.menu.align-center li .submenu li {
justify-content: flex-start; }
.menu .menu-text {
padding: 0.5rem;
font-weight: bold;
line-height: 1;
color: inherit; }
.menu-centered > .menu {
justify-content: center; }
.menu-centered > .menu li {
display: flex;
justify-content: center; }
.menu-centered > .menu li .submenu li {
justify-content: flex-start; }
.no-js [data-responsive-menu] ul {
display: none; }
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #000;
box-shadow: 0 7px 0 #000, 0 14px 0 #000;
content: ''; }
.menu-icon:hover::after {
background: #3a25ff;
box-shadow: 0 7px 0 #3a25ff, 0 14px 0 #3a25ff; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #000;
box-shadow: 0 7px 0 #000, 0 14px 0 #000;
content: ''; }
.menu-icon.dark:hover::after {
background: #606060;
box-shadow: 0 7px 0 #606060, 0 14px 0 #606060; }
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 0.8888888889rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%; }
.media-object {
display: flex;
margin-bottom: 1rem;
flex-wrap: nowrap; }
.media-object img {
max-width: none; }
@media print, screen and (max-width: 47.18625em) {
.media-object.stack-for-small {
flex-wrap: wrap; } }
.media-object-section {
flex: 0 1 auto; }
.media-object-section:first-child {
padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem; }
.media-object-section > :last-child {
margin-bottom: 0; }
@media print, screen and (max-width: 47.18625em) {
.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
flex-basis: 100%;
max-width: 100%; }
.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section.main-section {
flex: 1 1 0px; }
.pagination {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .pagination::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.pagination::after {
clear: both; }
.pagination li {
margin-right: 0.0555555556rem;
border-radius: 5px;
font-size: 0.7777777778rem;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
@media print, screen and (min-width: 47.1875em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
display: block;
padding: 0.1666666667rem 0.5555555556rem;
border-radius: 5px;
color: #000; }
.pagination a:hover,
.pagination button:hover {
background: #f2f2f2; }
.pagination .current {
padding: 0.1666666667rem 0.5555555556rem;
background: #ffffff !important;
color: #202020;
cursor: default; }
.pagination .disabled {
padding: 0.1666666667rem 0.5555555556rem;
color: #c8ccd1;
cursor: not-allowed; }
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
padding: 0.1666666667rem 0.5555555556rem;
content: '\2026';
color: #000; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: "«"; }
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: "»"; }
.sticky-container {
position: relative; }
.sticky {
position: relative;
z-index: 0;
transform: translate3d(0, 0, 0); }
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%; }
.sticky.is-stuck.is-at-top {
top: 0; }
.sticky.is-stuck.is-at-bottom {
bottom: 0; }
.sticky.is-anchored {
position: relative;
right: auto;
left: auto; }
.sticky.is-anchored.is-at-bottom {
bottom: 0; }
html.is-reveal-open {
position: fixed;
width: 100%;
overflow-y: hidden; }
html.is-reveal-open.zf-has-scroll {
overflow-y: scroll; }
html.is-reveal-open body {
overflow-y: hidden; }
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(0, 0, 0, 0.7);
overflow-y: auto; }
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #000;
border-radius: 5px;
background-color: #000;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 47.1875em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 47.1875em) {
.reveal {
width: 700px;
max-width: 66.6666666667rem; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 47.1875em) {
.reveal.tiny {
width: 30%;
max-width: 66.6666666667rem; } }
@media print, screen and (min-width: 47.1875em) {
.reveal.small {
width: 50%;
max-width: 66.6666666667rem; } }
@media print, screen and (min-width: 47.1875em) {
.reveal.large {
width: 90%;
max-width: 66.6666666667rem; } }
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0; }
@media print, screen and (max-width: 47.18625em) {
.reveal {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 5px; }
thead,
tbody,
tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe; }
caption {
padding: 0.4444444444rem 0.5555555556rem 0.5555555556rem;
font-weight: bold; }
thead {
background: #f8f8f8;
color: #000; }
tfoot {
background: #f1f1f1;
color: #000; }
thead tr,
tfoot tr {
background: transparent; }
thead th,
thead td,
tfoot th,
tfoot td {
padding: 0.4444444444rem 0.5555555556rem 0.5555555556rem;
font-weight: bold;
text-align: left; }
tbody th,
tbody td {
padding: 0.4444444444rem 0.5555555556rem 0.5555555556rem; }
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1; }
table.unstriped tbody {
background-color: #fefefe; }
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe; }
@media print, screen and (max-width: 64.06125em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }
table.scroll {
display: block;
width: 100%;
overflow-x: auto; }
table.hover thead tr:hover {
background-color: #f3f3f3; }
table.hover tfoot tr:hover {
background-color: #ececec; }
table.hover tbody tr:hover {
background-color: #f9f9f9; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
overflow-x: auto; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 0 #606060;
font-weight: bold;
cursor: help; }
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 5px;
background-color: #c8ccd1;
font-size: 80%;
color: #000; }
.tooltip::before {
position: absolute; }
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #c8ccd1;
bottom: 100%; }
.tooltip.bottom.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c8ccd1 transparent transparent;
top: 100%;
bottom: auto; }
.tooltip.top.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c8ccd1;
left: 100%; }
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c8ccd1 transparent transparent;
right: 100%;
left: auto; }
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.align-top::before {
bottom: auto;
top: 10%; }
.tooltip.align-bottom::before {
bottom: 10%;
top: auto; }
.tooltip.align-left::before {
left: 10%;
right: auto; }
.tooltip.align-right::before {
left: auto;
right: 10%; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media print, screen and (max-width: 47.18625em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 47.1875em) {
.show-for-small-only {
display: none !important; } }
@media print, screen and (min-width: 47.1875em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 47.18625em) {
.show-for-medium {
display: none !important; } }
@media print, screen and (min-width: 47.1875em) and (max-width: 64.06125em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 47.18625em), screen and (min-width: 64.0625em) {
.show-for-medium-only {
display: none !important; } }
@media print, screen and (min-width: 64.0625em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 64.06125em) {
.show-for-large {
display: none !important; } }
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 64.06125em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-right: auto;
margin-left: auto; }
.clearfix::before, .clearfix::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.clearfix::after {
clear: both; }
.align-left {
justify-content: flex-start; }
.align-right {
justify-content: flex-end; }
.align-center {
justify-content: center; }
.align-justify {
justify-content: space-between; }
.align-spaced {
justify-content: space-around; }
.align-left.vertical.menu > li > a {
justify-content: flex-start; }
.align-right.vertical.menu > li > a {
justify-content: flex-end; }
.align-center.vertical.menu > li > a {
justify-content: center; }
.align-top {
align-items: flex-start; }
.align-self-top {
align-self: flex-start; }
.align-bottom {
align-items: flex-end; }
.align-self-bottom {
align-self: flex-end; }
.align-middle {
align-items: center; }
.align-self-middle {
align-self: center; }
.align-stretch {
align-items: stretch; }
.align-self-stretch {
align-self: stretch; }
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center; }
.small-order-1 {
order: 1; }
.small-order-2 {
order: 2; }
.small-order-3 {
order: 3; }
.small-order-4 {
order: 4; }
.small-order-5 {
order: 5; }
.small-order-6 {
order: 6; }
@media print, screen and (min-width: 47.1875em) {
.medium-order-1 {
order: 1; }
.medium-order-2 {
order: 2; }
.medium-order-3 {
order: 3; }
.medium-order-4 {
order: 4; }
.medium-order-5 {
order: 5; }
.medium-order-6 {
order: 6; } }
@media print, screen and (min-width: 64.0625em) {
.large-order-1 {
order: 1; }
.large-order-2 {
order: 2; }
.large-order-3 {
order: 3; }
.large-order-4 {
order: 4; }
.large-order-5 {
order: 5; }
.large-order-6 {
order: 6; } }
.flex-container {
display: flex; }
.flex-child-auto {
flex: 1 1 auto; }
.flex-child-grow {
flex: 1 0 auto; }
.flex-child-shrink {
flex: 0 1 auto; }
.flex-dir-row {
flex-direction: row; }
.flex-dir-row-reverse {
flex-direction: row-reverse; }
.flex-dir-column {
flex-direction: column; }
.flex-dir-column-reverse {
flex-direction: column-reverse; }
@media print, screen and (min-width: 47.1875em) {
.medium-flex-container {
display: flex; }
.medium-flex-child-auto {
flex: 1 1 auto; }
.medium-flex-child-grow {
flex: 1 0 auto; }
.medium-flex-child-shrink {
flex: 0 1 auto; }
.medium-flex-dir-row {
flex-direction: row; }
.medium-flex-dir-row-reverse {
flex-direction: row-reverse; }
.medium-flex-dir-column {
flex-direction: column; }
.medium-flex-dir-column-reverse {
flex-direction: column-reverse; } }
@media print, screen and (min-width: 64.0625em) {
.large-flex-container {
display: flex; }
.large-flex-child-auto {
flex: 1 1 auto; }
.large-flex-child-grow {
flex: 1 0 auto; }
.large-flex-child-shrink {
flex: 0 1 auto; }
.large-flex-dir-row {
flex-direction: row; }
.large-flex-dir-row-reverse {
flex-direction: row-reverse; }
.large-flex-dir-column {
flex-direction: column; }
.large-flex-dir-column-reverse {
flex-direction: column-reverse; } }
.text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important; }
.text-truncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-wrap {
word-wrap: break-word !important; }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-notransform {
text-transform: none !important; }
.text-capitalize {
text-transform: capitalize !important; }
.text-overline {
text-decoration: overline !important; }
.text-underline {
text-decoration: underline !important; }
.text-line-through {
text-decoration: line-through !important; }
.font-wide {
letter-spacing: 0.2222222222rem; }
.font-normal {
font-weight: normal; }
.font-bold {
font-weight: bold; }
.font-italic {
font-style: italic !important; }
ul.list-disc {
list-style-type: disc !important; }
ul.list-circle {
list-style-type: circle !important; }
ul.list-square {
list-style-type: square !important; }
ol.list-decimal {
list-style-type: decimal !important; }
ol.list-lower-alpha {
list-style-type: lower-alpha !important; }
ol.list-lower-latin {
list-style-type: lower-latin !important; }
ol.list-lower-roman {
list-style-type: lower-roman !important; }
ol.list-upper-alpha {
list-style-type: upper-alpha !important; }
ol.list-upper-latin {
list-style-type: upper-latin !important; }
ol.list-upper-roman {
list-style-type: upper-roman !important; }
.rounded {
border-radius: 5000px !important; }
.rounded .switch-paddle {
border-radius: 5000px !important; }
.rounded .switch-paddle:after {
border-radius: 50%; }
.radius {
border-radius: 0.1666666667rem; }
.bordered {
border: 0.0555555556rem solid #c8ccd1; }
.shadow {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.1); }
.arrow-down {
display: block;
width: 0;
height: 0;
border: inset 0.4375rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #000 transparent transparent; }
.arrow-up {
display: block;
width: 0;
height: 0;
border: inset 0.4375rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #000; }
.arrow-right {
display: block;
width: 0;
height: 0;
border: inset 0.4375rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #000; }
.arrow-left {
display: block;
width: 0;
height: 0;
border: inset 0.4375rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #000 transparent transparent; }
.separator-center {
text-align: center !important; }
.separator-center::before, .separator-center::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.separator-center::after {
clear: both; }
.separator-center::after {
position: relative !important;
width: 3rem;
border-bottom: 0.1111111111rem solid #3a25ff;
margin: 1rem auto 0; }
.separator-left {
text-align: left !important; }
.separator-left::before, .separator-left::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.separator-left::after {
clear: both; }
.separator-left::after {
position: relative !important;
width: 3rem;
border-bottom: 0.1111111111rem solid #3a25ff;
margin: 1rem auto 0;
margin-left: 0 !important; }
.separator-right {
text-align: right !important; }
.separator-right::before, .separator-right::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.separator-right::after {
clear: both; }
.separator-right::after {
position: relative !important;
width: 3rem;
border-bottom: 0.1111111111rem solid #3a25ff;
margin: 1rem auto 0;
margin-right: 0 !important; }
.overflow-visible {
overflow: visible !important; }
.overflow-x-visible {
overflow-x: visible !important; }
.overflow-y-visible {
overflow-y: visible !important; }
.overflow-hidden {
overflow: hidden !important; }
.overflow-x-hidden {
overflow-x: hidden !important; }
.overflow-y-hidden {
overflow-y: hidden !important; }
.overflow-scroll {
overflow: scroll !important; }
.overflow-x-scroll {
overflow-x: scroll !important; }
.overflow-y-scroll {
overflow-y: scroll !important; }
.display-inline {
display: inline !important; }
.display-inline-block {
display: inline-block !important; }
.display-block {
display: block !important; }
.display-table {
display: table !important; }
.display-table-cell {
display: table-cell !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-fixed-top {
position: fixed !important;
top: 0rem !important;
right: 0rem !important;
left: 0rem !important;
z-index: 975; }
.position-fixed-bottom {
position: fixed !important;
right: 0rem !important;
bottom: 0rem !important;
left: 0rem !important;
z-index: 975; }
.border-box {
box-sizing: border-box !important; }
.border-none {
border: none !important; }
.width-25 {
width: 25% !important; }
.width-50 {
width: 50% !important; }
.width-75 {
width: 75% !important; }
.width-100 {
width: 100% !important; }
.height-25 {
height: 25% !important; }
.height-50 {
height: 50% !important; }
.height-75 {
height: 75% !important; }
.height-100 {
height: 100% !important; }
.max-width-100 {
max-width: 100% !important; }
.max-height-100 {
max-height: 100% !important; }
.margin-0 {
margin: 0rem !important; }
.margin-top-0 {
margin-top: 0rem !important; }
.margin-right-0 {
margin-right: 0rem !important; }
.margin-bottom-0 {
margin-bottom: 0rem !important; }
.margin-left-0 {
margin-left: 0rem !important; }
.margin-horizontal-0 {
margin-right: 0rem !important;
margin-left: 0rem !important; }
.margin-vertical-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important; }
.padding-0 {
padding: 0rem !important; }
.padding-top-0 {
padding-top: 0rem !important; }
.padding-right-0 {
padding-right: 0rem !important; }
.padding-bottom-0 {
padding-bottom: 0rem !important; }
.padding-left-0 {
padding-left: 0rem !important; }
.padding-horizontal-0 {
padding-right: 0rem !important;
padding-left: 0rem !important; }
.padding-vertical-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important; }
.margin-1 {
margin: 1rem !important; }
.margin-top-1 {
margin-top: 1rem !important; }
.margin-right-1 {
margin-right: 1rem !important; }
.margin-bottom-1 {
margin-bottom: 1rem !important; }
.margin-left-1 {
margin-left: 1rem !important; }
.margin-horizontal-1 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.margin-vertical-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.padding-1 {
padding: 1rem !important; }
.padding-top-1 {
padding-top: 1rem !important; }
.padding-right-1 {
padding-right: 1rem !important; }
.padding-bottom-1 {
padding-bottom: 1rem !important; }
.padding-left-1 {
padding-left: 1rem !important; }
.padding-horizontal-1 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.padding-vertical-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.margin-2 {
margin: 2rem !important; }
.margin-top-2 {
margin-top: 2rem !important; }
.margin-right-2 {
margin-right: 2rem !important; }
.margin-bottom-2 {
margin-bottom: 2rem !important; }
.margin-left-2 {
margin-left: 2rem !important; }
.margin-horizontal-2 {
margin-right: 2rem !important;
margin-left: 2rem !important; }
.margin-vertical-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important; }
.padding-2 {
padding: 2rem !important; }
.padding-top-2 {
padding-top: 2rem !important; }
.padding-right-2 {
padding-right: 2rem !important; }
.padding-bottom-2 {
padding-bottom: 2rem !important; }
.padding-left-2 {
padding-left: 2rem !important; }
.padding-horizontal-2 {
padding-right: 2rem !important;
padding-left: 2rem !important; }
.padding-vertical-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important; }
.margin-3 {
margin: 3rem !important; }
.margin-top-3 {
margin-top: 3rem !important; }
.margin-right-3 {
margin-right: 3rem !important; }
.margin-bottom-3 {
margin-bottom: 3rem !important; }
.margin-left-3 {
margin-left: 3rem !important; }
.margin-horizontal-3 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.padding-3 {
padding: 3rem !important; }
.padding-top-3 {
padding-top: 3rem !important; }
.padding-right-3 {
padding-right: 3rem !important; }
.padding-bottom-3 {
padding-bottom: 3rem !important; }
.padding-left-3 {
padding-left: 3rem !important; }
.padding-horizontal-3 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.padding-vertical-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.margin-4 {
margin: 4rem !important; }
.margin-top-4 {
margin-top: 4rem !important; }
.margin-right-4 {
margin-right: 4rem !important; }
.margin-bottom-4 {
margin-bottom: 4rem !important; }
.margin-left-4 {
margin-left: 4rem !important; }
.margin-horizontal-4 {
margin-right: 4rem !important;
margin-left: 4rem !important; }
.margin-vertical-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important; }
.padding-4 {
padding: 4rem !important; }
.padding-top-4 {
padding-top: 4rem !important; }
.padding-right-4 {
padding-right: 4rem !important; }
.padding-bottom-4 {
padding-bottom: 4rem !important; }
.padding-left-4 {
padding-left: 4rem !important; }
.padding-horizontal-4 {
padding-right: 4rem !important;
padding-left: 4rem !important; }
.padding-vertical-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important; }
.margin-5 {
margin: 5rem !important; }
.margin-top-5 {
margin-top: 5rem !important; }
.margin-right-5 {
margin-right: 5rem !important; }
.margin-bottom-5 {
margin-bottom: 5rem !important; }
.margin-left-5 {
margin-left: 5rem !important; }
.margin-horizontal-5 {
margin-right: 5rem !important;
margin-left: 5rem !important; }
.margin-vertical-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.padding-5 {
padding: 5rem !important; }
.padding-top-5 {
padding-top: 5rem !important; }
.padding-right-5 {
padding-right: 5rem !important; }
.padding-bottom-5 {
padding-bottom: 5rem !important; }
.padding-left-5 {
padding-left: 5rem !important; }
.padding-horizontal-5 {
padding-right: 5rem !important;
padding-left: 5rem !important; }
.padding-vertical-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
.margin-6 {
margin: 6rem !important; }
.margin-top-6 {
margin-top: 6rem !important; }
.margin-right-6 {
margin-right: 6rem !important; }
.margin-bottom-6 {
margin-bottom: 6rem !important; }
.margin-left-6 {
margin-left: 6rem !important; }
.margin-horizontal-6 {
margin-right: 6rem !important;
margin-left: 6rem !important; }
.margin-vertical-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important; }
.padding-6 {
padding: 6rem !important; }
.padding-top-6 {
padding-top: 6rem !important; }
.padding-right-6 {
padding-right: 6rem !important; }
.padding-bottom-6 {
padding-bottom: 6rem !important; }
.padding-left-6 {
padding-left: 6rem !important; }
.padding-horizontal-6 {
padding-right: 6rem !important;
padding-left: 6rem !important; }
.padding-vertical-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(-100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(-100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(90deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(90deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(0.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(-0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7; }
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@-webkit-keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
-webkit-animation-name: spin-ccw-1turn;
animation-name: spin-ccw-1turn; }
@-webkit-keyframes spin-ccw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(-1turn); } }
@keyframes spin-ccw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(-1turn); } }
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg; }
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
@keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important; }
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important; }
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important; }
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important; }
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important; }
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important; }
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important; }
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important; }   .has-red-color {
color: #C7006B !important; } .has-red-background-color {
background-color: #C7006B !important;
color: #fefefe; }
.has-red-background-color a:not(.button),
.has-red-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-red-background-half-stripe {
background: linear-gradient(0deg, #C7006B 0%, #C7006B 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-green-color {
color: #087951 !important; } .has-green-background-color {
background-color: #087951 !important;
color: #fefefe; }
.has-green-background-color a:not(.button),
.has-green-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-green-background-half-stripe {
background: linear-gradient(0deg, #087951 0%, #087951 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-blue-color {
color: #3a25ff !important; } .has-blue-background-color {
background-color: #3a25ff !important;
color: #fefefe; }
.has-blue-background-color a:not(.button),
.has-blue-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-blue-background-half-stripe {
background: linear-gradient(0deg, #3a25ff 0%, #3a25ff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-yellow-color {
color: #fbee52 !important; } .has-yellow-background-color {
background-color: #fbee52 !important;
color: #fefefe; }
.has-yellow-background-color a:not(.button),
.has-yellow-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-yellow-background-half-stripe {
background: linear-gradient(0deg, #fbee52 0%, #fbee52 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-orange-color {
color: #FFA800 !important; } .has-orange-background-color {
background-color: #FFA800 !important;
color: #fefefe; }
.has-orange-background-color a:not(.button),
.has-orange-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-orange-background-half-stripe {
background: linear-gradient(0deg, #FFA800 0%, #FFA800 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-unlock-color {
color: #005A82 !important; } .has-unlock-background-color {
background-color: #005A82 !important;
color: #fefefe; }
.has-unlock-background-color a:not(.button),
.has-unlock-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-unlock-background-half-stripe {
background: linear-gradient(0deg, #005A82 0%, #005A82 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-unlock-neon-color {
color: #E0DD00 !important; } .has-unlock-neon-background-color {
background-color: #E0DD00 !important;
color: #fefefe; }
.has-unlock-neon-background-color a:not(.button),
.has-unlock-neon-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-unlock-neon-background-half-stripe {
background: linear-gradient(0deg, #E0DD00 0%, #E0DD00 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); }
.has-unlock-pink-color {
color: #E62D7F !important; } .has-unlock-pink-background-color {
background-color: #E62D7F !important;
color: #fefefe; }
.has-unlock-pink-background-color a:not(.button),
.has-unlock-pink-background-color label {
color: #fefefe; } .has-unlock-neon-background-color,
.has-yellow-background-color {
color: #000; }
.has-unlock-neon-background-color a,
.has-yellow-background-color a {
color: #000; }
.has-unlock-pink-background-half-stripe {
background: linear-gradient(0deg, #E62D7F 0%, #E62D7F 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); } .has-light-red-color {
color: #FDE8F0 !important; }
.has-light-red-background-color {
background-color: #FDE8F0 !important; }
.has-light-red-background-color .button {
background-color: #000 !important;
color: #FDE8F0 !important; }
.has-light-red-background-stripe {
background: linear-gradient(#FDE8F0, #FDE8F0 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-green-color {
color: #DFFFF4 !important; }
.has-light-green-background-color {
background-color: #DFFFF4 !important; }
.has-light-green-background-color .button {
background-color: #000 !important;
color: #DFFFF4 !important; }
.has-light-green-background-stripe {
background: linear-gradient(#DFFFF4, #DFFFF4 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-blue-color {
color: #eeeaff !important; }
.has-light-blue-background-color {
background-color: #eeeaff !important; }
.has-light-blue-background-color .button {
background-color: #000 !important;
color: #eeeaff !important; }
.has-light-blue-background-stripe {
background: linear-gradient(#eeeaff, #eeeaff calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-yellow-color {
color: #fbee52 !important; }
.has-light-yellow-background-color {
background-color: #fbee52 !important; }
.has-light-yellow-background-color .button {
background-color: #000 !important;
color: #fbee52 !important; }
.has-light-yellow-background-stripe {
background: linear-gradient(#fbee52, #fbee52 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-orange-color {
color: #FFE7B9 !important; }
.has-light-orange-background-color {
background-color: #FFE7B9 !important; }
.has-light-orange-background-color .button {
background-color: #000 !important;
color: #FFE7B9 !important; }
.has-light-orange-background-stripe {
background: linear-gradient(#FFE7B9, #FFE7B9 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-unlock-color {
color: #ECF5F8 !important; }
.has-light-unlock-background-color {
background-color: #ECF5F8 !important; }
.has-light-unlock-background-color .button {
background-color: #000 !important;
color: #ECF5F8 !important; }
.has-light-unlock-background-stripe {
background: linear-gradient(#ECF5F8, #ECF5F8 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-unlock-neon-color {
color: #F9F8D7 !important; }
.has-light-unlock-neon-background-color {
background-color: #F9F8D7 !important; }
.has-light-unlock-neon-background-color .button {
background-color: #000 !important;
color: #F9F8D7 !important; }
.has-light-unlock-neon-background-stripe {
background: linear-gradient(#F9F8D7, #F9F8D7 calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); }
.has-light-unlock-pink-color {
color: #FFE8EE !important; }
.has-light-unlock-pink-background-color {
background-color: #FFE8EE !important; }
.has-light-unlock-pink-background-color .button {
background-color: #000 !important;
color: #FFE8EE !important; }
.has-light-unlock-pink-background-stripe {
background: linear-gradient(#FFE8EE, #FFE8EE calc(4 * 15px), #fefefe calc(4 * 15px), #fefefe calc(4 * 15px)); } .has-red-dark-color {
color: #883535 !important; }
.has-red-dark-background-color {
background-color: #883535 !important; }
.has-green-dark-color {
color: #326151 !important; }
.has-green-dark-background-color {
background-color: #326151 !important; }
.has-blue-dark-color {
color: #0C0079 !important; }
.has-blue-dark-background-color {
background-color: #0C0079 !important; }
.has-yellow-dark-color {
color: #fbee52 !important; }
.has-yellow-dark-background-color {
background-color: #fbee52 !important; }
.has-orange-dark-color {
color: #6C4A07 !important; }
.has-orange-dark-background-color {
background-color: #6C4A07 !important; }
.has-unlock-dark-color {
color: #BEDBE4 !important; }
.has-unlock-dark-background-color {
background-color: #BEDBE4 !important; }
.has-unlock-neon-dark-color {
color: #5B5B31 !important; }
.has-unlock-neon-dark-background-color {
background-color: #5B5B31 !important; }
.has-unlock-pink-dark-color {
color: #940645 !important; }
.has-unlock-pink-dark-background-color {
background-color: #940645 !important; } body[data-theme='red'],
body.theme_red {    }
body[data-theme='red'] .main-content,
body.theme_red .main-content {      }
body[data-theme='red'] .main-content .comments-container .button,
body[data-theme='red'] .main-content .comments-container a.button,
body[data-theme='red'] .main-content .button.strong,
body.theme_red .main-content .comments-container .button,
body.theme_red .main-content .comments-container a.button,
body.theme_red .main-content .button.strong {
background-color: #C7006B;
color: #FDE8F0; }
body[data-theme='red'] .main-content .comments-container,
body[data-theme='red'] .main-content .button,
body[data-theme='red'] .main-content .accordion-item,
body.theme_red .main-content .comments-container,
body.theme_red .main-content .button,
body.theme_red .main-content .accordion-item {
background-color: #FDE8F0;
color: #C7006B; }
body[data-theme='red'] .main-content table thead,
body.theme_red .main-content table thead {
background-color: #C7006B; }
body[data-theme='red'] .main-content .comments-container,
body[data-theme='red'] .main-content .nothing-found-container,
body[data-theme='red'] .main-content table tbody tr:nth-child(2n),
body[data-theme='red'] .main-content .page-header.page-teasers,
body[data-theme='red'] .main-content figcaption,
body[data-theme='red'] .main-content .anchor-nav,
body.theme_red .main-content .comments-container,
body.theme_red .main-content .nothing-found-container,
body.theme_red .main-content table tbody tr:nth-child(2n),
body.theme_red .main-content .page-header.page-teasers,
body.theme_red .main-content figcaption,
body.theme_red .main-content .anchor-nav {
background-color: #FDE8F0; }
body[data-theme='red'] .main-content table tbody,
body.theme_red .main-content table tbody {
border-bottom: 2px solid #FDE8F0; }
body[data-theme='red'] .main-content a:not(.button),
body[data-theme='red'] .main-content p a,
body[data-theme='red'] .main-content .child-pages-container a,
body[data-theme='red'] .main-content a.hover-effect i,
body[data-theme='red'] .main-content .menu li.current-menu-item a,
body[data-theme='red'] .main-content .menu li.current-page-ancestor a,
body.theme_red .main-content a:not(.button),
body.theme_red .main-content p a,
body.theme_red .main-content .child-pages-container a,
body.theme_red .main-content a.hover-effect i,
body.theme_red .main-content .menu li.current-menu-item a,
body.theme_red .main-content .menu li.current-page-ancestor a {
color: #C7006B; }
body[data-theme='red'] .page-header,
body[data-theme='red'] .page-title-container,
body.theme_red .page-header,
body.theme_red .page-title-container {
background-color: #FDE8F0; }
body[data-theme='red'] .page-header h1,
body[data-theme='red'] .page-header h2,
body[data-theme='red'] .page-title-container h1,
body[data-theme='red'] .page-title-container h2,
body.theme_red .page-header h1,
body.theme_red .page-header h2,
body.theme_red .page-title-container h1,
body.theme_red .page-title-container h2 {
color: #C7006B; }
body[data-theme='red'] .page-header p,
body[data-theme='red'] .page-title-container p,
body.theme_red .page-header p,
body.theme_red .page-title-container p {
color: #C7006B; }
body[data-theme='red'] .page-header.two-columns,
body[data-theme='red'] .page-title-container.two-columns,
body.theme_red .page-header.two-columns,
body.theme_red .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #FDE8F0 60px, #FDE8F0 100%); }
body[data-theme='red'] #anchor-nav.anchor-nav .button,
body.theme_red #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='red'] #anchor-nav.anchor-nav .button.is-active,
body.theme_red #anchor-nav.anchor-nav .button.is-active {
background-color: #C7006B;
color: #fefefe; }
body[data-theme='red'] .site-footer-relatives,
body[data-theme='red'] .site-header-relatives,
body[data-theme='red'] .mobile-menu,
body.theme_red .site-footer-relatives,
body.theme_red .site-header-relatives,
body.theme_red .mobile-menu {
background-color: #C7006B;
color: #fefefe; }
body[data-theme='green'],
body.theme_green {    }
body[data-theme='green'] .main-content,
body.theme_green .main-content {      }
body[data-theme='green'] .main-content .comments-container .button,
body[data-theme='green'] .main-content .comments-container a.button,
body[data-theme='green'] .main-content .button.strong,
body.theme_green .main-content .comments-container .button,
body.theme_green .main-content .comments-container a.button,
body.theme_green .main-content .button.strong {
background-color: #087951;
color: #DFFFF4; }
body[data-theme='green'] .main-content .comments-container,
body[data-theme='green'] .main-content .button,
body[data-theme='green'] .main-content .accordion-item,
body.theme_green .main-content .comments-container,
body.theme_green .main-content .button,
body.theme_green .main-content .accordion-item {
background-color: #DFFFF4;
color: #087951; }
body[data-theme='green'] .main-content table thead,
body.theme_green .main-content table thead {
background-color: #087951; }
body[data-theme='green'] .main-content .comments-container,
body[data-theme='green'] .main-content .nothing-found-container,
body[data-theme='green'] .main-content table tbody tr:nth-child(2n),
body[data-theme='green'] .main-content .page-header.page-teasers,
body[data-theme='green'] .main-content figcaption,
body[data-theme='green'] .main-content .anchor-nav,
body.theme_green .main-content .comments-container,
body.theme_green .main-content .nothing-found-container,
body.theme_green .main-content table tbody tr:nth-child(2n),
body.theme_green .main-content .page-header.page-teasers,
body.theme_green .main-content figcaption,
body.theme_green .main-content .anchor-nav {
background-color: #DFFFF4; }
body[data-theme='green'] .main-content table tbody,
body.theme_green .main-content table tbody {
border-bottom: 2px solid #DFFFF4; }
body[data-theme='green'] .main-content a:not(.button),
body[data-theme='green'] .main-content p a,
body[data-theme='green'] .main-content .child-pages-container a,
body[data-theme='green'] .main-content a.hover-effect i,
body[data-theme='green'] .main-content .menu li.current-menu-item a,
body[data-theme='green'] .main-content .menu li.current-page-ancestor a,
body.theme_green .main-content a:not(.button),
body.theme_green .main-content p a,
body.theme_green .main-content .child-pages-container a,
body.theme_green .main-content a.hover-effect i,
body.theme_green .main-content .menu li.current-menu-item a,
body.theme_green .main-content .menu li.current-page-ancestor a {
color: #087951; }
body[data-theme='green'] .page-header,
body[data-theme='green'] .page-title-container,
body.theme_green .page-header,
body.theme_green .page-title-container {
background-color: #DFFFF4; }
body[data-theme='green'] .page-header h1,
body[data-theme='green'] .page-header h2,
body[data-theme='green'] .page-title-container h1,
body[data-theme='green'] .page-title-container h2,
body.theme_green .page-header h1,
body.theme_green .page-header h2,
body.theme_green .page-title-container h1,
body.theme_green .page-title-container h2 {
color: #087951; }
body[data-theme='green'] .page-header p,
body[data-theme='green'] .page-title-container p,
body.theme_green .page-header p,
body.theme_green .page-title-container p {
color: #087951; }
body[data-theme='green'] .page-header.two-columns,
body[data-theme='green'] .page-title-container.two-columns,
body.theme_green .page-header.two-columns,
body.theme_green .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #DFFFF4 60px, #DFFFF4 100%); }
body[data-theme='green'] #anchor-nav.anchor-nav .button,
body.theme_green #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='green'] #anchor-nav.anchor-nav .button.is-active,
body.theme_green #anchor-nav.anchor-nav .button.is-active {
background-color: #087951;
color: #fefefe; }
body[data-theme='green'] .site-footer-relatives,
body[data-theme='green'] .site-header-relatives,
body[data-theme='green'] .mobile-menu,
body.theme_green .site-footer-relatives,
body.theme_green .site-header-relatives,
body.theme_green .mobile-menu {
background-color: #087951;
color: #fefefe; }
body[data-theme='blue'],
body.theme_blue {    }
body[data-theme='blue'] .main-content,
body.theme_blue .main-content {      }
body[data-theme='blue'] .main-content .comments-container .button,
body[data-theme='blue'] .main-content .comments-container a.button,
body[data-theme='blue'] .main-content .button.strong,
body.theme_blue .main-content .comments-container .button,
body.theme_blue .main-content .comments-container a.button,
body.theme_blue .main-content .button.strong {
background-color: #3a25ff;
color: #eeeaff; }
body[data-theme='blue'] .main-content .comments-container,
body[data-theme='blue'] .main-content .button,
body[data-theme='blue'] .main-content .accordion-item,
body.theme_blue .main-content .comments-container,
body.theme_blue .main-content .button,
body.theme_blue .main-content .accordion-item {
background-color: #eeeaff;
color: #3a25ff; }
body[data-theme='blue'] .main-content table thead,
body.theme_blue .main-content table thead {
background-color: #3a25ff; }
body[data-theme='blue'] .main-content .comments-container,
body[data-theme='blue'] .main-content .nothing-found-container,
body[data-theme='blue'] .main-content table tbody tr:nth-child(2n),
body[data-theme='blue'] .main-content .page-header.page-teasers,
body[data-theme='blue'] .main-content figcaption,
body[data-theme='blue'] .main-content .anchor-nav,
body.theme_blue .main-content .comments-container,
body.theme_blue .main-content .nothing-found-container,
body.theme_blue .main-content table tbody tr:nth-child(2n),
body.theme_blue .main-content .page-header.page-teasers,
body.theme_blue .main-content figcaption,
body.theme_blue .main-content .anchor-nav {
background-color: #eeeaff; }
body[data-theme='blue'] .main-content table tbody,
body.theme_blue .main-content table tbody {
border-bottom: 2px solid #eeeaff; }
body[data-theme='blue'] .main-content a:not(.button),
body[data-theme='blue'] .main-content p a,
body[data-theme='blue'] .main-content .child-pages-container a,
body[data-theme='blue'] .main-content a.hover-effect i,
body[data-theme='blue'] .main-content .menu li.current-menu-item a,
body[data-theme='blue'] .main-content .menu li.current-page-ancestor a,
body.theme_blue .main-content a:not(.button),
body.theme_blue .main-content p a,
body.theme_blue .main-content .child-pages-container a,
body.theme_blue .main-content a.hover-effect i,
body.theme_blue .main-content .menu li.current-menu-item a,
body.theme_blue .main-content .menu li.current-page-ancestor a {
color: #3a25ff; }
body[data-theme='blue'] .page-header,
body[data-theme='blue'] .page-title-container,
body.theme_blue .page-header,
body.theme_blue .page-title-container {
background-color: #eeeaff; }
body[data-theme='blue'] .page-header h1,
body[data-theme='blue'] .page-header h2,
body[data-theme='blue'] .page-title-container h1,
body[data-theme='blue'] .page-title-container h2,
body.theme_blue .page-header h1,
body.theme_blue .page-header h2,
body.theme_blue .page-title-container h1,
body.theme_blue .page-title-container h2 {
color: #3a25ff; }
body[data-theme='blue'] .page-header p,
body[data-theme='blue'] .page-title-container p,
body.theme_blue .page-header p,
body.theme_blue .page-title-container p {
color: #3a25ff; }
body[data-theme='blue'] .page-header.two-columns,
body[data-theme='blue'] .page-title-container.two-columns,
body.theme_blue .page-header.two-columns,
body.theme_blue .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #eeeaff 60px, #eeeaff 100%); }
body[data-theme='blue'] #anchor-nav.anchor-nav .button,
body.theme_blue #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='blue'] #anchor-nav.anchor-nav .button.is-active,
body.theme_blue #anchor-nav.anchor-nav .button.is-active {
background-color: #3a25ff;
color: #fefefe; }
body[data-theme='blue'] .site-footer-relatives,
body[data-theme='blue'] .site-header-relatives,
body[data-theme='blue'] .mobile-menu,
body.theme_blue .site-footer-relatives,
body.theme_blue .site-header-relatives,
body.theme_blue .mobile-menu {
background-color: #3a25ff;
color: #fefefe; }
body[data-theme='yellow'],
body.theme_yellow {    }
body[data-theme='yellow'] .main-content,
body.theme_yellow .main-content {      }
body[data-theme='yellow'] .main-content .comments-container .button,
body[data-theme='yellow'] .main-content .comments-container a.button,
body[data-theme='yellow'] .main-content .button.strong,
body.theme_yellow .main-content .comments-container .button,
body.theme_yellow .main-content .comments-container a.button,
body.theme_yellow .main-content .button.strong {
background-color: #fbee52;
color: #fbee52; }
body[data-theme='yellow'] .main-content .comments-container,
body[data-theme='yellow'] .main-content .button,
body[data-theme='yellow'] .main-content .accordion-item,
body.theme_yellow .main-content .comments-container,
body.theme_yellow .main-content .button,
body.theme_yellow .main-content .accordion-item {
background-color: #fbee52;
color: #fbee52; }
body[data-theme='yellow'] .main-content table thead,
body.theme_yellow .main-content table thead {
background-color: #fbee52; }
body[data-theme='yellow'] .main-content .comments-container,
body[data-theme='yellow'] .main-content .nothing-found-container,
body[data-theme='yellow'] .main-content table tbody tr:nth-child(2n),
body[data-theme='yellow'] .main-content .page-header.page-teasers,
body[data-theme='yellow'] .main-content figcaption,
body[data-theme='yellow'] .main-content .anchor-nav,
body.theme_yellow .main-content .comments-container,
body.theme_yellow .main-content .nothing-found-container,
body.theme_yellow .main-content table tbody tr:nth-child(2n),
body.theme_yellow .main-content .page-header.page-teasers,
body.theme_yellow .main-content figcaption,
body.theme_yellow .main-content .anchor-nav {
background-color: #fbee52; }
body[data-theme='yellow'] .main-content table tbody,
body.theme_yellow .main-content table tbody {
border-bottom: 2px solid #fbee52; }
body[data-theme='yellow'] .main-content a:not(.button),
body[data-theme='yellow'] .main-content p a,
body[data-theme='yellow'] .main-content .child-pages-container a,
body[data-theme='yellow'] .main-content a.hover-effect i,
body[data-theme='yellow'] .main-content .menu li.current-menu-item a,
body[data-theme='yellow'] .main-content .menu li.current-page-ancestor a,
body.theme_yellow .main-content a:not(.button),
body.theme_yellow .main-content p a,
body.theme_yellow .main-content .child-pages-container a,
body.theme_yellow .main-content a.hover-effect i,
body.theme_yellow .main-content .menu li.current-menu-item a,
body.theme_yellow .main-content .menu li.current-page-ancestor a {
color: #fbee52; }
body[data-theme='yellow'] .page-header,
body[data-theme='yellow'] .page-title-container,
body.theme_yellow .page-header,
body.theme_yellow .page-title-container {
background-color: #fbee52; }
body[data-theme='yellow'] .page-header h1,
body[data-theme='yellow'] .page-header h2,
body[data-theme='yellow'] .page-title-container h1,
body[data-theme='yellow'] .page-title-container h2,
body.theme_yellow .page-header h1,
body.theme_yellow .page-header h2,
body.theme_yellow .page-title-container h1,
body.theme_yellow .page-title-container h2 {
color: #fbee52; }
body[data-theme='yellow'] .page-header p,
body[data-theme='yellow'] .page-title-container p,
body.theme_yellow .page-header p,
body.theme_yellow .page-title-container p {
color: #fbee52; }
body[data-theme='yellow'] .page-header.two-columns,
body[data-theme='yellow'] .page-title-container.two-columns,
body.theme_yellow .page-header.two-columns,
body.theme_yellow .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #fbee52 60px, #fbee52 100%); }
body[data-theme='yellow'] #anchor-nav.anchor-nav .button,
body.theme_yellow #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='yellow'] #anchor-nav.anchor-nav .button.is-active,
body.theme_yellow #anchor-nav.anchor-nav .button.is-active {
background-color: #fbee52;
color: #fefefe; }
body[data-theme='yellow'] .site-footer-relatives,
body[data-theme='yellow'] .site-header-relatives,
body[data-theme='yellow'] .mobile-menu,
body.theme_yellow .site-footer-relatives,
body.theme_yellow .site-header-relatives,
body.theme_yellow .mobile-menu {
background-color: #fbee52;
color: #fefefe; }
body[data-theme='orange'],
body.theme_orange {    }
body[data-theme='orange'] .main-content,
body.theme_orange .main-content {      }
body[data-theme='orange'] .main-content .comments-container .button,
body[data-theme='orange'] .main-content .comments-container a.button,
body[data-theme='orange'] .main-content .button.strong,
body.theme_orange .main-content .comments-container .button,
body.theme_orange .main-content .comments-container a.button,
body.theme_orange .main-content .button.strong {
background-color: #FFA800;
color: #FFE7B9; }
body[data-theme='orange'] .main-content .comments-container,
body[data-theme='orange'] .main-content .button,
body[data-theme='orange'] .main-content .accordion-item,
body.theme_orange .main-content .comments-container,
body.theme_orange .main-content .button,
body.theme_orange .main-content .accordion-item {
background-color: #FFE7B9;
color: #FFA800; }
body[data-theme='orange'] .main-content table thead,
body.theme_orange .main-content table thead {
background-color: #FFA800; }
body[data-theme='orange'] .main-content .comments-container,
body[data-theme='orange'] .main-content .nothing-found-container,
body[data-theme='orange'] .main-content table tbody tr:nth-child(2n),
body[data-theme='orange'] .main-content .page-header.page-teasers,
body[data-theme='orange'] .main-content figcaption,
body[data-theme='orange'] .main-content .anchor-nav,
body.theme_orange .main-content .comments-container,
body.theme_orange .main-content .nothing-found-container,
body.theme_orange .main-content table tbody tr:nth-child(2n),
body.theme_orange .main-content .page-header.page-teasers,
body.theme_orange .main-content figcaption,
body.theme_orange .main-content .anchor-nav {
background-color: #FFE7B9; }
body[data-theme='orange'] .main-content table tbody,
body.theme_orange .main-content table tbody {
border-bottom: 2px solid #FFE7B9; }
body[data-theme='orange'] .main-content a:not(.button),
body[data-theme='orange'] .main-content p a,
body[data-theme='orange'] .main-content .child-pages-container a,
body[data-theme='orange'] .main-content a.hover-effect i,
body[data-theme='orange'] .main-content .menu li.current-menu-item a,
body[data-theme='orange'] .main-content .menu li.current-page-ancestor a,
body.theme_orange .main-content a:not(.button),
body.theme_orange .main-content p a,
body.theme_orange .main-content .child-pages-container a,
body.theme_orange .main-content a.hover-effect i,
body.theme_orange .main-content .menu li.current-menu-item a,
body.theme_orange .main-content .menu li.current-page-ancestor a {
color: #FFA800; }
body[data-theme='orange'] .page-header,
body[data-theme='orange'] .page-title-container,
body.theme_orange .page-header,
body.theme_orange .page-title-container {
background-color: #FFE7B9; }
body[data-theme='orange'] .page-header h1,
body[data-theme='orange'] .page-header h2,
body[data-theme='orange'] .page-title-container h1,
body[data-theme='orange'] .page-title-container h2,
body.theme_orange .page-header h1,
body.theme_orange .page-header h2,
body.theme_orange .page-title-container h1,
body.theme_orange .page-title-container h2 {
color: #FFA800; }
body[data-theme='orange'] .page-header p,
body[data-theme='orange'] .page-title-container p,
body.theme_orange .page-header p,
body.theme_orange .page-title-container p {
color: #FFA800; }
body[data-theme='orange'] .page-header.two-columns,
body[data-theme='orange'] .page-title-container.two-columns,
body.theme_orange .page-header.two-columns,
body.theme_orange .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #FFE7B9 60px, #FFE7B9 100%); }
body[data-theme='orange'] #anchor-nav.anchor-nav .button,
body.theme_orange #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='orange'] #anchor-nav.anchor-nav .button.is-active,
body.theme_orange #anchor-nav.anchor-nav .button.is-active {
background-color: #FFA800;
color: #fefefe; }
body[data-theme='orange'] .site-footer-relatives,
body[data-theme='orange'] .site-header-relatives,
body[data-theme='orange'] .mobile-menu,
body.theme_orange .site-footer-relatives,
body.theme_orange .site-header-relatives,
body.theme_orange .mobile-menu {
background-color: #FFA800;
color: #fefefe; }
body[data-theme='unlock'],
body.theme_unlock {    }
body[data-theme='unlock'] .main-content,
body.theme_unlock .main-content {      }
body[data-theme='unlock'] .main-content .comments-container .button,
body[data-theme='unlock'] .main-content .comments-container a.button,
body[data-theme='unlock'] .main-content .button.strong,
body.theme_unlock .main-content .comments-container .button,
body.theme_unlock .main-content .comments-container a.button,
body.theme_unlock .main-content .button.strong {
background-color: #005A82;
color: #ECF5F8; }
body[data-theme='unlock'] .main-content .comments-container,
body[data-theme='unlock'] .main-content .button,
body[data-theme='unlock'] .main-content .accordion-item,
body.theme_unlock .main-content .comments-container,
body.theme_unlock .main-content .button,
body.theme_unlock .main-content .accordion-item {
background-color: #ECF5F8;
color: #005A82; }
body[data-theme='unlock'] .main-content table thead,
body.theme_unlock .main-content table thead {
background-color: #005A82; }
body[data-theme='unlock'] .main-content .comments-container,
body[data-theme='unlock'] .main-content .nothing-found-container,
body[data-theme='unlock'] .main-content table tbody tr:nth-child(2n),
body[data-theme='unlock'] .main-content .page-header.page-teasers,
body[data-theme='unlock'] .main-content figcaption,
body[data-theme='unlock'] .main-content .anchor-nav,
body.theme_unlock .main-content .comments-container,
body.theme_unlock .main-content .nothing-found-container,
body.theme_unlock .main-content table tbody tr:nth-child(2n),
body.theme_unlock .main-content .page-header.page-teasers,
body.theme_unlock .main-content figcaption,
body.theme_unlock .main-content .anchor-nav {
background-color: #ECF5F8; }
body[data-theme='unlock'] .main-content table tbody,
body.theme_unlock .main-content table tbody {
border-bottom: 2px solid #ECF5F8; }
body[data-theme='unlock'] .main-content a:not(.button),
body[data-theme='unlock'] .main-content p a,
body[data-theme='unlock'] .main-content .child-pages-container a,
body[data-theme='unlock'] .main-content a.hover-effect i,
body[data-theme='unlock'] .main-content .menu li.current-menu-item a,
body[data-theme='unlock'] .main-content .menu li.current-page-ancestor a,
body.theme_unlock .main-content a:not(.button),
body.theme_unlock .main-content p a,
body.theme_unlock .main-content .child-pages-container a,
body.theme_unlock .main-content a.hover-effect i,
body.theme_unlock .main-content .menu li.current-menu-item a,
body.theme_unlock .main-content .menu li.current-page-ancestor a {
color: #005A82; }
body[data-theme='unlock'] .page-header,
body[data-theme='unlock'] .page-title-container,
body.theme_unlock .page-header,
body.theme_unlock .page-title-container {
background-color: #ECF5F8; }
body[data-theme='unlock'] .page-header h1,
body[data-theme='unlock'] .page-header h2,
body[data-theme='unlock'] .page-title-container h1,
body[data-theme='unlock'] .page-title-container h2,
body.theme_unlock .page-header h1,
body.theme_unlock .page-header h2,
body.theme_unlock .page-title-container h1,
body.theme_unlock .page-title-container h2 {
color: #005A82; }
body[data-theme='unlock'] .page-header p,
body[data-theme='unlock'] .page-title-container p,
body.theme_unlock .page-header p,
body.theme_unlock .page-title-container p {
color: #005A82; }
body[data-theme='unlock'] .page-header.two-columns,
body[data-theme='unlock'] .page-title-container.two-columns,
body.theme_unlock .page-header.two-columns,
body.theme_unlock .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #ECF5F8 60px, #ECF5F8 100%); }
body[data-theme='unlock'] #anchor-nav.anchor-nav .button,
body.theme_unlock #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='unlock'] #anchor-nav.anchor-nav .button.is-active,
body.theme_unlock #anchor-nav.anchor-nav .button.is-active {
background-color: #005A82;
color: #fefefe; }
body[data-theme='unlock'] .site-footer-relatives,
body[data-theme='unlock'] .site-header-relatives,
body[data-theme='unlock'] .mobile-menu,
body.theme_unlock .site-footer-relatives,
body.theme_unlock .site-header-relatives,
body.theme_unlock .mobile-menu {
background-color: #005A82;
color: #fefefe; }
body[data-theme='unlock-neon'],
body.theme_unlock-neon {    }
body[data-theme='unlock-neon'] .main-content,
body.theme_unlock-neon .main-content {      }
body[data-theme='unlock-neon'] .main-content .comments-container .button,
body[data-theme='unlock-neon'] .main-content .comments-container a.button,
body[data-theme='unlock-neon'] .main-content .button.strong,
body.theme_unlock-neon .main-content .comments-container .button,
body.theme_unlock-neon .main-content .comments-container a.button,
body.theme_unlock-neon .main-content .button.strong {
background-color: #E0DD00;
color: #F9F8D7; }
body[data-theme='unlock-neon'] .main-content .comments-container,
body[data-theme='unlock-neon'] .main-content .button,
body[data-theme='unlock-neon'] .main-content .accordion-item,
body.theme_unlock-neon .main-content .comments-container,
body.theme_unlock-neon .main-content .button,
body.theme_unlock-neon .main-content .accordion-item {
background-color: #F9F8D7;
color: #E0DD00; }
body[data-theme='unlock-neon'] .main-content table thead,
body.theme_unlock-neon .main-content table thead {
background-color: #E0DD00; }
body[data-theme='unlock-neon'] .main-content .comments-container,
body[data-theme='unlock-neon'] .main-content .nothing-found-container,
body[data-theme='unlock-neon'] .main-content table tbody tr:nth-child(2n),
body[data-theme='unlock-neon'] .main-content .page-header.page-teasers,
body[data-theme='unlock-neon'] .main-content figcaption,
body[data-theme='unlock-neon'] .main-content .anchor-nav,
body.theme_unlock-neon .main-content .comments-container,
body.theme_unlock-neon .main-content .nothing-found-container,
body.theme_unlock-neon .main-content table tbody tr:nth-child(2n),
body.theme_unlock-neon .main-content .page-header.page-teasers,
body.theme_unlock-neon .main-content figcaption,
body.theme_unlock-neon .main-content .anchor-nav {
background-color: #F9F8D7; }
body[data-theme='unlock-neon'] .main-content table tbody,
body.theme_unlock-neon .main-content table tbody {
border-bottom: 2px solid #F9F8D7; }
body[data-theme='unlock-neon'] .main-content a:not(.button),
body[data-theme='unlock-neon'] .main-content p a,
body[data-theme='unlock-neon'] .main-content .child-pages-container a,
body[data-theme='unlock-neon'] .main-content a.hover-effect i,
body[data-theme='unlock-neon'] .main-content .menu li.current-menu-item a,
body[data-theme='unlock-neon'] .main-content .menu li.current-page-ancestor a,
body.theme_unlock-neon .main-content a:not(.button),
body.theme_unlock-neon .main-content p a,
body.theme_unlock-neon .main-content .child-pages-container a,
body.theme_unlock-neon .main-content a.hover-effect i,
body.theme_unlock-neon .main-content .menu li.current-menu-item a,
body.theme_unlock-neon .main-content .menu li.current-page-ancestor a {
color: #E0DD00; }
body[data-theme='unlock-neon'] .page-header,
body[data-theme='unlock-neon'] .page-title-container,
body.theme_unlock-neon .page-header,
body.theme_unlock-neon .page-title-container {
background-color: #F9F8D7; }
body[data-theme='unlock-neon'] .page-header h1,
body[data-theme='unlock-neon'] .page-header h2,
body[data-theme='unlock-neon'] .page-title-container h1,
body[data-theme='unlock-neon'] .page-title-container h2,
body.theme_unlock-neon .page-header h1,
body.theme_unlock-neon .page-header h2,
body.theme_unlock-neon .page-title-container h1,
body.theme_unlock-neon .page-title-container h2 {
color: #E0DD00; }
body[data-theme='unlock-neon'] .page-header p,
body[data-theme='unlock-neon'] .page-title-container p,
body.theme_unlock-neon .page-header p,
body.theme_unlock-neon .page-title-container p {
color: #E0DD00; }
body[data-theme='unlock-neon'] .page-header.two-columns,
body[data-theme='unlock-neon'] .page-title-container.two-columns,
body.theme_unlock-neon .page-header.two-columns,
body.theme_unlock-neon .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #F9F8D7 60px, #F9F8D7 100%); }
body[data-theme='unlock-neon'] #anchor-nav.anchor-nav .button,
body.theme_unlock-neon #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='unlock-neon'] #anchor-nav.anchor-nav .button.is-active,
body.theme_unlock-neon #anchor-nav.anchor-nav .button.is-active {
background-color: #E0DD00;
color: #fefefe; }
body[data-theme='unlock-neon'] .site-footer-relatives,
body[data-theme='unlock-neon'] .site-header-relatives,
body[data-theme='unlock-neon'] .mobile-menu,
body.theme_unlock-neon .site-footer-relatives,
body.theme_unlock-neon .site-header-relatives,
body.theme_unlock-neon .mobile-menu {
background-color: #E0DD00;
color: #fefefe; }
body[data-theme='unlock-pink'],
body.theme_unlock-pink {    }
body[data-theme='unlock-pink'] .main-content,
body.theme_unlock-pink .main-content {      }
body[data-theme='unlock-pink'] .main-content .comments-container .button,
body[data-theme='unlock-pink'] .main-content .comments-container a.button,
body[data-theme='unlock-pink'] .main-content .button.strong,
body.theme_unlock-pink .main-content .comments-container .button,
body.theme_unlock-pink .main-content .comments-container a.button,
body.theme_unlock-pink .main-content .button.strong {
background-color: #E62D7F;
color: #FFE8EE; }
body[data-theme='unlock-pink'] .main-content .comments-container,
body[data-theme='unlock-pink'] .main-content .button,
body[data-theme='unlock-pink'] .main-content .accordion-item,
body.theme_unlock-pink .main-content .comments-container,
body.theme_unlock-pink .main-content .button,
body.theme_unlock-pink .main-content .accordion-item {
background-color: #FFE8EE;
color: #E62D7F; }
body[data-theme='unlock-pink'] .main-content table thead,
body.theme_unlock-pink .main-content table thead {
background-color: #E62D7F; }
body[data-theme='unlock-pink'] .main-content .comments-container,
body[data-theme='unlock-pink'] .main-content .nothing-found-container,
body[data-theme='unlock-pink'] .main-content table tbody tr:nth-child(2n),
body[data-theme='unlock-pink'] .main-content .page-header.page-teasers,
body[data-theme='unlock-pink'] .main-content figcaption,
body[data-theme='unlock-pink'] .main-content .anchor-nav,
body.theme_unlock-pink .main-content .comments-container,
body.theme_unlock-pink .main-content .nothing-found-container,
body.theme_unlock-pink .main-content table tbody tr:nth-child(2n),
body.theme_unlock-pink .main-content .page-header.page-teasers,
body.theme_unlock-pink .main-content figcaption,
body.theme_unlock-pink .main-content .anchor-nav {
background-color: #FFE8EE; }
body[data-theme='unlock-pink'] .main-content table tbody,
body.theme_unlock-pink .main-content table tbody {
border-bottom: 2px solid #FFE8EE; }
body[data-theme='unlock-pink'] .main-content a:not(.button),
body[data-theme='unlock-pink'] .main-content p a,
body[data-theme='unlock-pink'] .main-content .child-pages-container a,
body[data-theme='unlock-pink'] .main-content a.hover-effect i,
body[data-theme='unlock-pink'] .main-content .menu li.current-menu-item a,
body[data-theme='unlock-pink'] .main-content .menu li.current-page-ancestor a,
body.theme_unlock-pink .main-content a:not(.button),
body.theme_unlock-pink .main-content p a,
body.theme_unlock-pink .main-content .child-pages-container a,
body.theme_unlock-pink .main-content a.hover-effect i,
body.theme_unlock-pink .main-content .menu li.current-menu-item a,
body.theme_unlock-pink .main-content .menu li.current-page-ancestor a {
color: #E62D7F; }
body[data-theme='unlock-pink'] .page-header,
body[data-theme='unlock-pink'] .page-title-container,
body.theme_unlock-pink .page-header,
body.theme_unlock-pink .page-title-container {
background-color: #FFE8EE; }
body[data-theme='unlock-pink'] .page-header h1,
body[data-theme='unlock-pink'] .page-header h2,
body[data-theme='unlock-pink'] .page-title-container h1,
body[data-theme='unlock-pink'] .page-title-container h2,
body.theme_unlock-pink .page-header h1,
body.theme_unlock-pink .page-header h2,
body.theme_unlock-pink .page-title-container h1,
body.theme_unlock-pink .page-title-container h2 {
color: #E62D7F; }
body[data-theme='unlock-pink'] .page-header p,
body[data-theme='unlock-pink'] .page-title-container p,
body.theme_unlock-pink .page-header p,
body.theme_unlock-pink .page-title-container p {
color: #E62D7F; }
body[data-theme='unlock-pink'] .page-header.two-columns,
body[data-theme='unlock-pink'] .page-title-container.two-columns,
body.theme_unlock-pink .page-header.two-columns,
body.theme_unlock-pink .page-title-container.two-columns {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60px, #FFE8EE 60px, #FFE8EE 100%); }
body[data-theme='unlock-pink'] #anchor-nav.anchor-nav .button,
body.theme_unlock-pink #anchor-nav.anchor-nav .button {
background-color: transparent; }
body[data-theme='unlock-pink'] #anchor-nav.anchor-nav .button.is-active,
body.theme_unlock-pink #anchor-nav.anchor-nav .button.is-active {
background-color: #E62D7F;
color: #fefefe; }
body[data-theme='unlock-pink'] .site-footer-relatives,
body[data-theme='unlock-pink'] .site-header-relatives,
body[data-theme='unlock-pink'] .mobile-menu,
body.theme_unlock-pink .site-footer-relatives,
body.theme_unlock-pink .site-header-relatives,
body.theme_unlock-pink .mobile-menu {
background-color: #E62D7F;
color: #fefefe; } .main-content { }
.main-content .page-title-container.single-event,
.main-content .red-bg,
.main-content section.events-container {
background-color: #eeeaff; }
.main-content .page-title-container.single-event .lead p,
.main-content .page-title-container.single-event a,
.main-content .page-title-container.single-event h1,
.main-content .page-title-container.single-event h2,
.main-content .page-title-container.single-event p.lead,
.main-content .red-bg .lead p,
.main-content .red-bg a,
.main-content .red-bg h1,
.main-content .red-bg h2,
.main-content .red-bg p.lead,
.main-content section.events-container .lead p,
.main-content section.events-container a,
.main-content section.events-container h1,
.main-content section.events-container h2,
.main-content section.events-container p.lead {
color: #3a25ff; }
.main-content .page-title-container.single-event .button,
.main-content .page-title-container.single-event a.button,
.main-content .red-bg .button,
.main-content .red-bg a.button,
.main-content section.events-container .button,
.main-content section.events-container a.button {
background-color: #3a25ff;
color: #eeeaff; }
.main-content .page-title-container.single-event p.lead.tribe-events-date,
.main-content .page-title-container.single-event p.tribe-events-cost,
.main-content .red-bg p.lead.tribe-events-date,
.main-content .red-bg p.tribe-events-cost,
.main-content section.events-container p.lead.tribe-events-date,
.main-content section.events-container p.tribe-events-cost {
color: #000; }
.single-tribe_events .main-content a {
color: #3a25ff; } .single-projects .main-content .page-header,
.single-projects .main-content .page-title-container {
background-color: #f2f2f2; }
.single-projects .main-content .page-header h1,
.single-projects .main-content .page-header h2,
.single-projects .main-content .page-title-container h1,
.single-projects .main-content .page-title-container h2 {
color: #000; }
.single-projects .main-content .page-header p,
.single-projects .main-content .page-title-container p {
color: #000; }
.button.success {
background-color: #DFFFF4;
color: #087951; }
.button.success:active, .button.success:focus, .button.success:hover {
background-color: #97ffdb;
color: #076745; }
.button.alert {
background-color: #FDE8F0;
color: #C7006B; }
.button.alert:active, .button.alert:focus, .button.alert:hover {
background-color: #f7a5c4;
color: #a9005b; }
.button.warning {
background-color: #fbee52;
color: #7A5C00; }
.button.warning:active, .button.warning:focus, .button.warning:hover {
background-color: #fae921;
color: #684e00; }
body.theme_orange { }
body.theme_orange .page-title-container {
color: #6C4A07; }
body.theme_orange .page-title-container h1,
body.theme_orange .page-title-container h2 {
color: #6C4A07; }
body.theme_orange .search .card-section strong,
body.theme_orange em,
body.theme_orange span.underline {
background-color: #FFA800;
font-style: normal; }
body.theme_orange #main-content .button,
body.theme_orange #main-content a.button {
background-color: #FFA800;
color: #000; }
body.theme_orange #main-content .content-page .wp-block-button .wp-block-button__link {
background-color: #FFA800;
color: #000; }
body.theme_orange #main-content .content-page .accordion-title {
color: #6C4A07;
border-color: #6C4A07; } body.theme_unlock-neon .site-header-relatives .logo.black,
body.theme_unlock-pink .site-header-relatives .logo.black,
body.theme_unlock .site-header-relatives .logo.black {
display: none; }
body.theme_unlock-neon #main-content .page-title-container h1,
body.theme_unlock-neon #main-content .page-title-container p,
body.theme_unlock-pink #main-content .page-title-container h1,
body.theme_unlock-pink #main-content .page-title-container p,
body.theme_unlock #main-content .page-title-container h1,
body.theme_unlock #main-content .page-title-container p {
color: #000; }
body.theme_unlock-neon #main-content .unlock-pink-accordion .accordion-item,
body.theme_unlock-pink #main-content .unlock-pink-accordion .accordion-item,
body.theme_unlock #main-content .unlock-pink-accordion .accordion-item {
background-color: #FFE8EE; }
body.theme_unlock-neon #main-content .unlock-pink-accordion .accordion-item .accordion-title,
body.theme_unlock-pink #main-content .unlock-pink-accordion .accordion-item .accordion-title,
body.theme_unlock #main-content .unlock-pink-accordion .accordion-item .accordion-title {
color: #000; }
body.theme_unlock-neon #main-content .unlock-pink-button a,
body.theme_unlock-pink #main-content .unlock-pink-button a,
body.theme_unlock #main-content .unlock-pink-button a {
background-color: #E62D7F;
color: #fefefe; }
body.theme_unlock-neon #main-content .acf-block-unlock-apply-teaser .button,
body.theme_unlock-pink #main-content .acf-block-unlock-apply-teaser .button,
body.theme_unlock #main-content .acf-block-unlock-apply-teaser .button {
background-color: #fefefe;
color: #005A82; }
body.theme_unlock-neon .site-header-relatives,
body.theme_unlock-neon .site-footer-relatives,
body.theme_unlock-neon .mobile-menu {
color: #000; }
body.theme_unlock-neon .site-header-relatives .menu li a,
body.theme_unlock-neon .site-header-relatives .button.clear,
body.theme_unlock-neon .site-header-relatives .button.is-active,
body.theme_unlock-neon .site-footer-relatives .menu li a,
body.theme_unlock-neon .site-footer-relatives .button.clear,
body.theme_unlock-neon .site-footer-relatives .button.is-active,
body.theme_unlock-neon .mobile-menu .menu li a,
body.theme_unlock-neon .mobile-menu .button.clear,
body.theme_unlock-neon .mobile-menu .button.is-active {
color: #000; }
body.theme_unlock-neon .site-header-relatives .logo,
body.theme_unlock-neon .site-footer-relatives .logo,
body.theme_unlock-neon .mobile-menu .logo {
display: none; }
body.theme_unlock-neon .site-header-relatives .logo.black,
body.theme_unlock-neon .site-footer-relatives .logo.black,
body.theme_unlock-neon .mobile-menu .logo.black {
display: block; }
body.theme_unlock-neon .site-header-relatives a.unlock-logo-container,
body.theme_unlock-neon .site-footer-relatives a.unlock-logo-container,
body.theme_unlock-neon .mobile-menu a.unlock-logo-container {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/unlock/unlock-logo.svg); }
body.theme_unlock-neon #main-content .wp-block-button .wp-block-button__link,
body.theme_unlock-neon #main-content .wp-block-file .wp-block-file__button,
body.theme_unlock-neon #main-content .button {
color: #000;
background-color: #E0DD00; }
body.theme_unlock-neon #main-content #anchor-nav .button.is-active {
color: #000; }
body.theme_unlock-neon #main-content a {
color: #5B5B31; } .timeline-accordion-column-1 .wp-block-column { }
.timeline-accordion-column-1 .wp-block-column .accordion .accordion-item {
background: #F9F8D7; }
.timeline-accordion-column-1 .wp-block-column .accordion .accordion-item a {
color: #5B5B31; }
.timeline-accordion-column-1 .wp-block-column .accordion .accordion-item .accordion-title {
color: #5B5B31; }
.timeline-accordion-column-2 .wp-block-column:nth-child(2) { }
.timeline-accordion-column-2 .wp-block-column:nth-child(2) .accordion .accordion-item {
background: #ECF5F8; }
.timeline-accordion-column-2 .wp-block-column:nth-child(2) .accordion .accordion-item a {
color: #005A82; }
.timeline-accordion-column-2 .wp-block-column:nth-child(2) .accordion .accordion-item .accordion-title {
color: #005A82; }
.timeline-accordion-column-3 .wp-block-column,
.timeline-accordion-column-4 .wp-block-column { }
.timeline-accordion-column-3 .wp-block-column .accordion .accordion-item,
.timeline-accordion-column-4 .wp-block-column .accordion .accordion-item {
background: #ECF5F8; }
.timeline-accordion-column-3 .wp-block-column .accordion .accordion-item a,
.timeline-accordion-column-4 .wp-block-column .accordion .accordion-item a {
color: #005A82; }
.timeline-accordion-column-3 .wp-block-column .accordion .accordion-item .accordion-title,
.timeline-accordion-column-4 .wp-block-column .accordion .accordion-item .accordion-title {
color: #005A82; }
.timeline-accordion-column-5 .wp-block-column:nth-child(1) { }
.timeline-accordion-column-5 .wp-block-column:nth-child(1) .accordion .accordion-item {
background: #ECF5F8; }
.timeline-accordion-column-5 .wp-block-column:nth-child(1) .accordion .accordion-item a {
color: #005A82; }
.timeline-accordion-column-5 .wp-block-column:nth-child(1) .accordion .accordion-item .accordion-title {
color: #005A82; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion {  }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(1) {
background: #F9F8D7; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(1) a {
color: #5B5B31; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(1) .accordion-title {
color: #5B5B31; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(3),
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(4),
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(5) {
background: #ECF5F8; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(3) a,
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(4) a,
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(5) a {
color: #005A82; }
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(3) .accordion-title,
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(4) .accordion-title,
.timeline-accordion .wp-block-column:nth-child(1) .accordion .accordion-item:nth-child(5) .accordion-title {
color: #005A82; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion {  }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(1) {
background: #F9F8D7; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(1) a {
color: #5B5B31; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(1) .accordion-title {
color: #5B5B31; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(2),
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(3),
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(4) {
background: #ECF5F8; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(2) a,
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(3) a,
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(4) a {
color: #005A82; }
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(2) .accordion-title,
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(3) .accordion-title,
.timeline-accordion .wp-block-column:nth-child(2) .accordion .accordion-item:nth-child(4) .accordion-title {
color: #005A82; } .button.twitter {
background-color: #1da1f2;
color: #fefefe; }
.twitter-container {
padding: 5px;
border-radius: 5px;
color: #fefefe; 
margin-top: 80px; }
.twitter-container a {
color: #fefefe !important;
text-decoration: underline; } body[data-theme='red'],
body.theme_red {
background-color: #FDE8F0; }
body[data-theme='red'] .block-editor-writing-flow p a,
body[data-theme='red'] .content-page p a,
body[data-theme='red'] .editor-styles-wrapper p a,
body[data-theme='red'] .wpforms-container p a,
body.theme_red .block-editor-writing-flow p a,
body.theme_red .content-page p a,
body.theme_red .editor-styles-wrapper p a,
body.theme_red .wpforms-container p a {
color: #C7006B; }
body[data-theme='red'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='red'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='red'] .block-editor-writing-flow button,
body[data-theme='red'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='red'] .child-pages-container .wp-block-button .wp-block-button__link,
body[data-theme='red'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='red'] .content-page button,
body[data-theme='red'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='red'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='red'] .editor-styles-wrapper button,
body[data-theme='red'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='red'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='red'] .wpforms-container button,
body.theme_red .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_red .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_red .block-editor-writing-flow button,
body.theme_red .content-page .wp-block-button .wp-block-button__link,
body.theme_red .child-pages-container .wp-block-button .wp-block-button__link,
body.theme_red .content-page .wp-block-file .wp-block-file__button,
body.theme_red .content-page button,
body.theme_red .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_red .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_red .editor-styles-wrapper button,
body.theme_red .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_red .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_red .wpforms-container button {
color: #C7006B;
background-color: #FDE8F0; }
body[data-theme='red'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='red'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='red'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='red'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_red .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_red .content-page .acf-block-accordion .accordion-title,
body.theme_red .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_red .wpforms-container .acf-block-accordion .accordion-title {
color: #C7006B;
border-color: #C7006B;
text-decoration: none; }
body[data-theme='red'] #editor .editor-post-title__input,
body.theme_red #editor .editor-post-title__input {
color: #C7006B; }
body[data-theme='green'],
body.theme_green {
background-color: #DFFFF4; }
body[data-theme='green'] .block-editor-writing-flow p a,
body[data-theme='green'] .content-page p a,
body[data-theme='green'] .editor-styles-wrapper p a,
body[data-theme='green'] .wpforms-container p a,
body.theme_green .block-editor-writing-flow p a,
body.theme_green .content-page p a,
body.theme_green .editor-styles-wrapper p a,
body.theme_green .wpforms-container p a {
color: #087951; }
body[data-theme='green'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='green'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='green'] .block-editor-writing-flow button,
body[data-theme='green'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='green'] .child-pages-container .wp-block-button .wp-block-button__link,
body[data-theme='green'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='green'] .content-page button,
body[data-theme='green'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='green'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='green'] .editor-styles-wrapper button,
body[data-theme='green'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='green'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='green'] .wpforms-container button,
body.theme_green .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_green .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_green .block-editor-writing-flow button,
body.theme_green .child-pages-container .wp-block-button .wp-block-button__link,
body.theme_green .content-page .wp-block-button .wp-block-button__link,
body.theme_green .content-page .wp-block-file .wp-block-file__button,
body.theme_green .content-page button,
body.theme_green .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_green .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_green .editor-styles-wrapper button,
body.theme_green .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_green .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_green .wpforms-container button {
color: #087951;
background-color: #DFFFF4; }
body[data-theme='green'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='green'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='green'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='green'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_green .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_green .content-page .acf-block-accordion .accordion-title,
body.theme_green .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_green .wpforms-container .acf-block-accordion .accordion-title {
color: #087951;
border-color: #087951;
text-decoration: none; }
body[data-theme='green'] #editor .editor-post-title__input,
body.theme_green #editor .editor-post-title__input {
color: #087951; }
body[data-theme='blue'],
body.theme_blue {
background-color: #eeeaff; }
body[data-theme='blue'] .block-editor-writing-flow p a,
body[data-theme='blue'] .content-page p a,
body[data-theme='blue'] .editor-styles-wrapper p a,
body[data-theme='blue'] .wpforms-container p a,
body.theme_blue .block-editor-writing-flow p a,
body.theme_blue .content-page p a,
body.theme_blue .editor-styles-wrapper p a,
body.theme_blue .wpforms-container p a {
color: #3a25ff; }
body[data-theme='blue'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='blue'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='blue'] .block-editor-writing-flow button,
body[data-theme='blue'] .child-pages-container .wp-block-button .wp-block-button__link,
body[data-theme='blue'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='blue'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='blue'] .content-page button,
body[data-theme='blue'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='blue'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='blue'] .editor-styles-wrapper button,
body[data-theme='blue'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='blue'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='blue'] .wpforms-container button,
body.theme_blue .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_blue .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_blue .block-editor-writing-flow button,
body.theme_blue .child-pages-container .wp-block-button .wp-block-button__link,
body.theme_blue .content-page .wp-block-button .wp-block-button__link,
body.theme_blue .content-page .wp-block-file .wp-block-file__button,
body.theme_blue .content-page button,
body.theme_blue .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_blue .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_blue .editor-styles-wrapper button,
body.theme_blue .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_blue .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_blue .wpforms-container button {
color: #3a25ff;
background-color: #eeeaff; }
body[data-theme='blue'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='blue'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='blue'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='blue'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_blue .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_blue .content-page .acf-block-accordion .accordion-title,
body.theme_blue .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_blue .wpforms-container .acf-block-accordion .accordion-title {
color: #3a25ff;
border-color: #3a25ff;
text-decoration: none; }
body[data-theme='blue'] #editor .editor-post-title__input,
body.theme_blue #editor .editor-post-title__input {
color: #3a25ff; }
body[data-theme='yellow'],
body.theme_yellow {
background-color: #fbee52; }
body[data-theme='yellow'] .block-editor-writing-flow p a,
body[data-theme='yellow'] .content-page p a,
body[data-theme='yellow'] .editor-styles-wrapper p a,
body[data-theme='yellow'] .wpforms-container p a,
body.theme_yellow .block-editor-writing-flow p a,
body.theme_yellow .content-page p a,
body.theme_yellow .editor-styles-wrapper p a,
body.theme_yellow .wpforms-container p a {
color: #fbee52; }
body[data-theme='yellow'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='yellow'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='yellow'] .block-editor-writing-flow button,
body[data-theme='yellow'] .child-pages-container .wp-block-button .wp-block-button__link,
body[data-theme='yellow'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='yellow'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='yellow'] .content-page button,
body[data-theme='yellow'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='yellow'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='yellow'] .editor-styles-wrapper button,
body[data-theme='yellow'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='yellow'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='yellow'] .wpforms-container button,
body.theme_yellow .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_yellow .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_yellow .block-editor-writing-flow button,
body.theme_yellow .child-pages-container .wp-block-button .wp-block-button__link,
body.theme_yellow .content-page .wp-block-button .wp-block-button__link,
body.theme_yellow .content-page .wp-block-file .wp-block-file__button,
body.theme_yellow .content-page button,
body.theme_yellow .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_yellow .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_yellow .editor-styles-wrapper button,
body.theme_yellow .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_yellow .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_yellow .wpforms-container button {
color: #fbee52;
background-color: #fbee52; }
body[data-theme='yellow'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='yellow'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='yellow'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='yellow'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_yellow .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_yellow .content-page .acf-block-accordion .accordion-title,
body.theme_yellow .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_yellow .wpforms-container .acf-block-accordion .accordion-title {
color: #fbee52;
border-color: #fbee52;
text-decoration: none; }
body[data-theme='yellow'] #editor .editor-post-title__input,
body.theme_yellow #editor .editor-post-title__input {
color: #fbee52; }
body[data-theme='orange'],
body.theme_orange {
background-color: #FFE7B9; }
body[data-theme='orange'] .block-editor-writing-flow p a,
body[data-theme='orange'] .content-page p a,
body[data-theme='orange'] .editor-styles-wrapper p a,
body[data-theme='orange'] .wpforms-container p a,
body.theme_orange .block-editor-writing-flow p a,
body.theme_orange .content-page p a,
body.theme_orange .editor-styles-wrapper p a,
body.theme_orange .wpforms-container p a {
color: #FFA800; }
body[data-theme='orange'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='orange'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='orange'] .block-editor-writing-flow button,
body[data-theme='orange'] .child-pages-container .wp-block-button .wp-block-button__link,
body[data-theme='orange'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='orange'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='orange'] .content-page button,
body[data-theme='orange'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='orange'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='orange'] .editor-styles-wrapper button,
body[data-theme='orange'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='orange'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='orange'] .wpforms-container button,
body.theme_orange .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_orange .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_orange .block-editor-writing-flow button,
body.theme_orange .child-pages-container .wp-block-button .wp-block-button__link,
body.theme_orange .content-page .wp-block-button .wp-block-button__link,
body.theme_orange .content-page .wp-block-file .wp-block-file__button,
body.theme_orange .content-page button,
body.theme_orange .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_orange .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_orange .editor-styles-wrapper button,
body.theme_orange .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_orange .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_orange .wpforms-container button {
color: #FFA800;
background-color: #FFE7B9; }
body[data-theme='orange'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='orange'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='orange'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='orange'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_orange .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_orange .content-page .acf-block-accordion .accordion-title,
body.theme_orange .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_orange .wpforms-container .acf-block-accordion .accordion-title {
color: #FFA800;
border-color: #FFA800;
text-decoration: none; }
body[data-theme='orange'] #editor .editor-post-title__input,
body.theme_orange #editor .editor-post-title__input {
color: #FFA800; }
body[data-theme='unlock'],
body.theme_unlock {
background-color: #ECF5F8; }
body[data-theme='unlock'] .block-editor-writing-flow p a,
body[data-theme='unlock'] .content-page p a,
body[data-theme='unlock'] .editor-styles-wrapper p a,
body[data-theme='unlock'] .wpforms-container p a,
body.theme_unlock .block-editor-writing-flow p a,
body.theme_unlock .content-page p a,
body.theme_unlock .editor-styles-wrapper p a,
body.theme_unlock .wpforms-container p a {
color: #005A82; }
body[data-theme='unlock'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='unlock'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='unlock'] .block-editor-writing-flow button,
body[data-theme='unlock'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='unlock'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='unlock'] .content-page button,
body[data-theme='unlock'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='unlock'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='unlock'] .editor-styles-wrapper button,
body[data-theme='unlock'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='unlock'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='unlock'] .wpforms-container button,
body.theme_unlock .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_unlock .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_unlock .block-editor-writing-flow button,
body.theme_unlock .content-page .wp-block-button .wp-block-button__link,
body.theme_unlock .content-page .wp-block-file .wp-block-file__button,
body.theme_unlock .content-page button,
body.theme_unlock .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_unlock .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_unlock .editor-styles-wrapper button,
body.theme_unlock .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_unlock .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_unlock .wpforms-container button {
color: #005A82;
background-color: #ECF5F8; }
body[data-theme='unlock'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='unlock'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='unlock'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='unlock'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_unlock .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_unlock .content-page .acf-block-accordion .accordion-title,
body.theme_unlock .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_unlock .wpforms-container .acf-block-accordion .accordion-title {
color: #005A82;
border-color: #005A82;
text-decoration: none; }
body[data-theme='unlock'] #editor .editor-post-title__input,
body.theme_unlock #editor .editor-post-title__input {
color: #005A82; }
body[data-theme='unlock-neon'],
body.theme_unlock-neon {
background-color: #F9F8D7; }
body[data-theme='unlock-neon'] .block-editor-writing-flow p a,
body[data-theme='unlock-neon'] .content-page p a,
body[data-theme='unlock-neon'] .editor-styles-wrapper p a,
body[data-theme='unlock-neon'] .wpforms-container p a,
body.theme_unlock-neon .block-editor-writing-flow p a,
body.theme_unlock-neon .content-page p a,
body.theme_unlock-neon .editor-styles-wrapper p a,
body.theme_unlock-neon .wpforms-container p a {
color: #E0DD00; }
body[data-theme='unlock-neon'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='unlock-neon'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='unlock-neon'] .block-editor-writing-flow button,
body[data-theme='unlock-neon'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='unlock-neon'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='unlock-neon'] .content-page button,
body[data-theme='unlock-neon'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='unlock-neon'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='unlock-neon'] .editor-styles-wrapper button,
body[data-theme='unlock-neon'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='unlock-neon'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='unlock-neon'] .wpforms-container button,
body.theme_unlock-neon .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_unlock-neon .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_unlock-neon .block-editor-writing-flow button,
body.theme_unlock-neon .content-page .wp-block-button .wp-block-button__link,
body.theme_unlock-neon .content-page .wp-block-file .wp-block-file__button,
body.theme_unlock-neon .content-page button,
body.theme_unlock-neon .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_unlock-neon .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_unlock-neon .editor-styles-wrapper button,
body.theme_unlock-neon .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_unlock-neon .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_unlock-neon .wpforms-container button {
color: #E0DD00;
background-color: #F9F8D7; }
body[data-theme='unlock-neon'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='unlock-neon'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='unlock-neon'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='unlock-neon'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_unlock-neon .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_unlock-neon .content-page .acf-block-accordion .accordion-title,
body.theme_unlock-neon .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_unlock-neon .wpforms-container .acf-block-accordion .accordion-title {
color: #E0DD00;
border-color: #E0DD00;
text-decoration: none; }
body[data-theme='unlock-neon'] #editor .editor-post-title__input,
body.theme_unlock-neon #editor .editor-post-title__input {
color: #E0DD00; }
body[data-theme='unlock-pink'],
body.theme_unlock-pink {
background-color: #FFE8EE; }
body[data-theme='unlock-pink'] .block-editor-writing-flow p a,
body[data-theme='unlock-pink'] .content-page p a,
body[data-theme='unlock-pink'] .editor-styles-wrapper p a,
body[data-theme='unlock-pink'] .wpforms-container p a,
body.theme_unlock-pink .block-editor-writing-flow p a,
body.theme_unlock-pink .content-page p a,
body.theme_unlock-pink .editor-styles-wrapper p a,
body.theme_unlock-pink .wpforms-container p a {
color: #E62D7F; }
body[data-theme='unlock-pink'] .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body[data-theme='unlock-pink'] .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body[data-theme='unlock-pink'] .block-editor-writing-flow button,
body[data-theme='unlock-pink'] .content-page .wp-block-button .wp-block-button__link,
body[data-theme='unlock-pink'] .content-page .wp-block-file .wp-block-file__button,
body[data-theme='unlock-pink'] .content-page button,
body[data-theme='unlock-pink'] .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body[data-theme='unlock-pink'] .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body[data-theme='unlock-pink'] .editor-styles-wrapper button,
body[data-theme='unlock-pink'] .wpforms-container .wp-block-button .wp-block-button__link,
body[data-theme='unlock-pink'] .wpforms-container .wp-block-file .wp-block-file__button,
body[data-theme='unlock-pink'] .wpforms-container button,
body.theme_unlock-pink .block-editor-writing-flow .wp-block-button .wp-block-button__link,
body.theme_unlock-pink .block-editor-writing-flow .wp-block-file .wp-block-file__button,
body.theme_unlock-pink .block-editor-writing-flow button,
body.theme_unlock-pink .content-page .wp-block-button .wp-block-button__link,
body.theme_unlock-pink .content-page .wp-block-file .wp-block-file__button,
body.theme_unlock-pink .content-page button,
body.theme_unlock-pink .editor-styles-wrapper .wp-block-button .wp-block-button__link,
body.theme_unlock-pink .editor-styles-wrapper .wp-block-file .wp-block-file__button,
body.theme_unlock-pink .editor-styles-wrapper button,
body.theme_unlock-pink .wpforms-container .wp-block-button .wp-block-button__link,
body.theme_unlock-pink .wpforms-container .wp-block-file .wp-block-file__button,
body.theme_unlock-pink .wpforms-container button {
color: #E62D7F;
background-color: #FFE8EE; }
body[data-theme='unlock-pink'] .block-editor-writing-flow .acf-block-accordion .accordion-title,
body[data-theme='unlock-pink'] .content-page .acf-block-accordion .accordion-title,
body[data-theme='unlock-pink'] .editor-styles-wrapper .acf-block-accordion .accordion-title,
body[data-theme='unlock-pink'] .wpforms-container .acf-block-accordion .accordion-title,
body.theme_unlock-pink .block-editor-writing-flow .acf-block-accordion .accordion-title,
body.theme_unlock-pink .content-page .acf-block-accordion .accordion-title,
body.theme_unlock-pink .editor-styles-wrapper .acf-block-accordion .accordion-title,
body.theme_unlock-pink .wpforms-container .acf-block-accordion .accordion-title {
color: #E62D7F;
border-color: #E62D7F;
text-decoration: none; }
body[data-theme='unlock-pink'] #editor .editor-post-title__input,
body.theme_unlock-pink #editor .editor-post-title__input {
color: #E62D7F; } p {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
p {
font-size: 18px; } }
a h1, a h2, a h3, a h4, a h5, a h6 {
text-decoration: none; } .menu li a {
font-family: "Montserrat-Bold", sans-serif; } table {
font-family: "Montserrat-Medium", sans-serif; }
table thead {
font-family: "Montserrat-Bold", sans-serif; } .callout,
label,
.label,
.sans {
font-family: "Montserrat-Medium", sans-serif; }
.header-font-weight {
font-family: "Montserrat-Bold", sans-serif;
font-weight: 700; } .font-size-xxlarge {
font-size: 42px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-xxlarge {
font-size: 52.5px; } }
.font-size-xlarge {
font-size: 31.2px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-xlarge {
font-size: 39px; } }
.font-size-h1 {
font-size: 24; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h1 {
font-size: 30; } }
.font-size-h2 {
font-size: 24; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h2 {
font-size: 30; } }
.font-size-h3 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h3 {
font-size: 21.6px; } }
.font-size-h4 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h4 {
font-size: 18px; } }
.font-size-h5 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h5 {
font-size: 18px; } }
.font-size-h6 {
font-size: 12; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h6 {
font-size: 12; } }
p.small,
.small {
font-size: 80%; } a:active,
a:focus,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
border: 0;
outline: 0;
outline: none; }
.no-underline {
text-decoration: none; }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: none; }
.italic {
font-style: italic; }
.text-shadow {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.claim::before {
content: '';
position: absolute;
top: 0.15em;
left: -0.2em;
z-index: -1;
width: 105%;
background-color: #fbee52;
-webkit-clip-path: polygon(27% 4%, 85% 1%, 99% 9%, 98% 75%, 94% 96%, 51% 98%, 22% 95%, 1px 95%, 2px 31%, 4px 4%);
clip-path: polygon(27% 4%, 85% 1%, 99% 9%, 98% 75%, 94% 96%, 51% 98%, 22% 95%, 1px 95%, 2px 31%, 4px 4%); }
.claim.multiline::before {
top: 0.15em;
height: 100%; }
@media print, screen and (min-width: 47.1875em) {
.claim.multiline::before {
height: 80%; } }
.search .card-section strong,
span.underline {
background-color: #fbee52;
font-style: normal; }
.white-underline-container p {
background-color: #fefefe;
display: inline; }
.excerpt-container p {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.excerpt-container p {
font-size: 27px; } }
i.material-icons {
font-size: 20px;
font-style: normal;
font-family: "Material Icons", sans-serif; }
i.material-icons.big {
font-size: 40px; }
.claim {
display: block;
z-index: 0;
position: relative;
font-size: 24px; }
@media print, screen and (min-width: 47.1875em) {
.claim {
font-size: 30px; } }
.numeration {
color: #3a25ff;
font-size: 40.8px; }
@media print, screen and (min-width: 47.1875em) {
.numeration {
font-size: 51px; } }
blockquote {
font-style: italic; }
.accordion-title {
font-family: "Montserrat-Bold", sans-serif; }  .no-space {
margin: 0; }
.no-space-bottom {
margin-bottom: 0; }
.no-space-top {
margin-top: 0; }
img.fullwidth {
width: 100%;
height: auto; } .fullheight-header {
height: calc(100vh - 120px);
background-size: cover;
background-position: center center;
background-attachment: fixed; }
.fullheight {
height: calc(100vh); }
.halfheight {
height: 50vh; }
.twothirdheight {
height: 66.666vh; }
.object-fit {
-o-object-fit: cover;
object-fit: cover;
min-width: 100%; }
.space-top-header-height {
margin-top: 120px; } .one-one-min-height-container {
position: relative;
width: 100%;
padding-top: 100%; }
.one-one-min-height-container .one-one-min-height {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.four-three-min-height-container {
position: relative;
width: 100%;
padding-top: 75%; }
.four-three-min-height-container .four-three-min-height {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.menu-padding-top {
padding-top: 0.5rem; }
.offset-y-1 {
position: absolute;
bottom: -4rem;
left: 0; }
.offset-top {
position: relative; }
@media print, screen and (min-width: 47.1875em) {
.offset-top {
top: calc(-1 * calc(2 * 15px)); } }
.illust-offset-top {
position: relative; }
@media print, screen and (min-width: 47.1875em) {
.illust-offset-top {
top: calc(-1 * calc(6 * 15px)); } }
.content-page > * {
width: 100%;
max-width: 66.6666666667rem;
padding-left: 20px;
padding-right: 20px; }
.content-page > *.wp-block-gallery {
margin-left: 0; }
@media screen and (min-width: 75em) {
.content-page > *.wp-block-gallery {
margin-left: auto; } }
@media screen and (min-width: 75em) {
.content-page > * {
max-width: calc(8 / 12 * 66.6666666667rem - 20px * 2);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0; } }
.content-page h1,
.content-page h1 + h2,
.content-page .wp-block-columns {
width: 100%;
max-width: calc(66.6666666667rem - 20px * 2); }
.content-page.page-header h1 {
margin-bottom: 0;
padding-bottom: 0.27778rem; }
.content-page.page-header .wp-block-image {
margin-bottom: 0; }
.content-page.page-header > p {
width: 100%;
max-width: calc(66.6666666667rem - 20px * 2);
padding-bottom: calc(2 * 15px); }
.content-page .acf-block-call-to-action .wp-block-media-text {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: calc(66.6666666667rem - 20px * 2); }
.content-page .wp-block-media-text.alignwide {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: calc(66.6666666667rem - 20px * 2); }
.content-page .wp-block-media-text.alignwide + .wp-block-button {
margin-top: 1em;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: calc(66.6666666667rem - 20px * 2); }
.content-page .wp-block-group {
border-radius: 5px;
padding: calc(2 * 15px); }
.content-page .wp-block-group div.wpforms-container-full {
padding: 0; }
.content-page .acf-block-swiper-facts,
.content-page .acf-block-swiper-projects,
.content-page .acf-block-swiper-advent,
.content-page .acf-block-ogog-testimonials,
.content-page .acf-block-swiper-custom-teasers,
.content-page .acf-block-custom-template-part-swiper {
width: 100%;
max-width: 100%;
padding: 0;
margin-top: calc(2 * 5px);
margin-bottom: calc(2 * 15px); }
.acf-block-call-to-action {
margin-block-start: calc(3.5 * 15px);
}
.content-page .acf-block-swiper-custom-teasers .swiper-container .swiper-slide {
height: auto; }
.content-page .acf-block-swiper-custom-teasers .swiper-container .swiper-slide .custom-teasers-card-container {
height: 100%;
border-radius: 5px;
display: flex;
flex-direction: column; }
.content-page .acf-block-swiper-custom-teasers .swiper-container .swiper-slide .custom-teasers-card-container > div {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start; }
.content-page .acf-block-swiper-custom-teasers .swiper-container .swiper-slide .card {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-bottom: 0; }
.acf-block-projects,
.team-members,
.acf-block-supporter-list {
max-width: 66.6666666667rem;
padding-left: 0;
padding-right: 0; }
.content-page > .alignwide {
width: 100%;
max-width: 100%; }
.content-page > .fullwidth {
max-width: calc(66.6666666667rem - 20px * 2);
width: 100%; }
.acf-block-unlock-timeline .unlock-timeline-swiper {
position: relative;
font-family: "Montserrat-Bold", sans-serif; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide {
background-color: #F9F8D7;
border-radius: 5px;
width: auto;
padding: calc(2 * 15px); }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .phase-title {
min-height: 55px; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .dates-container {
border-top: 1px solid #000;
display: flex;
flex-direction: row; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .dates-container .date {
background-color: #E0DD00;
margin: 15px;
padding: 15px;
border-radius: 5px;
position: relative; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .dates-container .date:first-child {
margin-left: 0; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .dates-container .date:last-child {
margin-right: 0; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide .dates-container .date:before {
content: '';
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/timeline-bullet.svg);
background-repeat: no-repeat;
background-position: left center;
height: 15px;
width: 100%;
top: -22px;
left: 0;
position: absolute; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide.kick-off {
background-color: #E62D7F; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide.kick-off .date {
background-color: #FFE8EE; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide.sprint {
background-color: #BEDBE4; }
.acf-block-unlock-timeline .unlock-timeline-swiper .swiper-slide.sprint .date {
background-color: #ECF5F8; }
.acf-block-custom-anchor {
height: 0;
width: 100%;
top: -58px;
position: relative; }
@media print, screen and (min-width: 47.1875em) {
.acf-block-custom-anchor {
top: -120px; } }
div.wpforms-container-full {
padding: 15px; }
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal; }
:root {
--swiper-theme-color: #007aff; }
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1; }
.acf-block-swiper-facts .swiper-container {
margin-top: calc(1 * 15px);
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column; }
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform; }
.swiper-slide-invisible-blank {
visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height; } .swiper-container-3d {
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none; }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start; }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory; }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory; } p {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
p {
font-size: 18px; } }
a h1, a h2, a h3, a h4, a h5, a h6 {
text-decoration: none; } .menu li a {
font-family: "Montserrat-Bold", sans-serif; } table {
font-family: "Montserrat-Medium", sans-serif; }
table thead {
font-family: "Montserrat-Bold", sans-serif; } .callout,
label,
.label,
.sans {
font-family: "Montserrat-Medium", sans-serif; }
.header-font-weight {
font-family: "Montserrat-Bold", sans-serif;
font-weight: 700; } .font-size-xxlarge {
font-size: 42px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-xxlarge {
font-size: 52.5px; } }
.font-size-xlarge {
font-size: 31.2px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-xlarge {
font-size: 39px; } }
.font-size-h1 {
font-size: 24; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h1 {
font-size: 30; } }
.font-size-h2 {
font-size: 24; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h2 {
font-size: 30; } }
.font-size-h3 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h3 {
font-size: 21.6px; } }
.font-size-h4 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h4 {
font-size: 18px; } }
.font-size-h5 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h5 {
font-size: 18px; } }
.font-size-h6 {
font-size: 12; }
@media print, screen and (min-width: 47.1875em) {
.font-size-h6 {
font-size: 12; } }
p.small,
.small {
font-size: 80%; }
.lead,
.lead p {
font-size: 18px; } @media print, screen and (min-width: 47.1875em) {
.lead,
.lead p {
font-size: 22px; } }
.small {
font-size: 80%; }
@media print, screen and (min-width: 47.1875em) {
.small {
font-size: 80%; } } a:active,
a:focus,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
border: 0;
outline: 0;
outline: none; }
.no-underline {
text-decoration: none; }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: none; }
.italic {
font-style: italic; }
.text-shadow {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.claim::before {
content: '';
position: absolute;
top: 0.15em;
left: -0.2em;
z-index: -1;
width: 105%;
background-color: #fbee52;
-webkit-clip-path: polygon(27% 4%, 85% 1%, 99% 9%, 98% 75%, 94% 96%, 51% 98%, 22% 95%, 1px 95%, 2px 31%, 4px 4%);
clip-path: polygon(27% 4%, 85% 1%, 99% 9%, 98% 75%, 94% 96%, 51% 98%, 22% 95%, 1px 95%, 2px 31%, 4px 4%); }
.claim.multiline::before {
top: 0.15em;
height: 100%; }
@media print, screen and (min-width: 47.1875em) {
.claim.multiline::before {
height: 80%; } }
.search .card-section strong,
span.underline {
background-color: #fbee52;
font-style: normal; }
.white-underline-container p {
background-color: #fefefe;
display: inline; }
.excerpt-container p {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.excerpt-container p {
font-size: 27px; } }
i.material-icons {
font-size: 20px;
font-style: normal;
font-family: "Material Icons", sans-serif; }
i.material-icons.big {
font-size: 40px; }
.claim {
display: block;
z-index: 0;
position: relative;
font-size: 24px; }
@media print, screen and (min-width: 47.1875em) {
.claim {
font-size: 30px; } }
.numeration {
color: #3a25ff;
font-size: 40.8px; }
@media print, screen and (min-width: 47.1875em) {
.numeration {
font-size: 51px; } }
blockquote {
font-style: italic; }
.accordion-title {
font-family: "Montserrat-Bold", sans-serif; }
.content-page {
overflow: hidden; }
.block-editor-writing-flow,
.content-page,
.editor-styles-wrapper {  }
.block-editor-writing-flow .acf-block-teaser-wikipedia-challenge,
.content-page .acf-block-teaser-wikipedia-challenge,
.editor-styles-wrapper .acf-block-teaser-wikipedia-challenge {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/custom-blocks/teaser-wiki-bg-01.jpg);
background-size: cover;
color: #fefefe; }
.block-editor-writing-flow .acf-block-teaser-wikipedia-challenge .button,
.block-editor-writing-flow .acf-block-teaser-wikipedia-challenge em,
.content-page .acf-block-teaser-wikipedia-challenge .button,
.content-page .acf-block-teaser-wikipedia-challenge em,
.editor-styles-wrapper .acf-block-teaser-wikipedia-challenge .button,
.editor-styles-wrapper .acf-block-teaser-wikipedia-challenge em {
color: #fefefe !important;
background-color: #F21B5A !important; }
.block-editor-writing-flow .acf-block-teaser-fellow-programm,
.content-page .acf-block-teaser-fellow-programm,
.editor-styles-wrapper .acf-block-teaser-fellow-programm {
background-color: #653366;
color: #fefefe; }
.block-editor-writing-flow .acf-block-teaser-fellow-programm a,
.content-page .acf-block-teaser-fellow-programm a,
.editor-styles-wrapper .acf-block-teaser-fellow-programm a {
color: #fefefe; }
.block-editor-writing-flow .acf-block-teaser-fellow-programm a.button,
.content-page .acf-block-teaser-fellow-programm a.button,
.editor-styles-wrapper .acf-block-teaser-fellow-programm a.button {
background-color: #fefefe;
color: #653366; }
.block-editor-writing-flow .acf-block-teaser-fellow-programm .fellow-programm-logo-container,
.content-page .acf-block-teaser-fellow-programm .fellow-programm-logo-container,
.editor-styles-wrapper .acf-block-teaser-fellow-programm .fellow-programm-logo-container {
background-color: #f2f2f2;
padding: 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px; }
.block-editor-writing-flow .acf-block-custom-template-part .card,
.block-editor-writing-flow .acf-block-custom-template-part-swiper .card,
.content-page .acf-block-custom-template-part .card,
.content-page .acf-block-custom-template-part-swiper .card,
.editor-styles-wrapper .acf-block-custom-template-part .card,
.editor-styles-wrapper .acf-block-custom-template-part-swiper .card {
min-height: 550px; }
.block-editor-writing-flow .acf-block-custom-template-part .card .card-section,
.block-editor-writing-flow .acf-block-custom-template-part-swiper .card .card-section,
.content-page .acf-block-custom-template-part .card .card-section,
.content-page .acf-block-custom-template-part-swiper .card .card-section,
.editor-styles-wrapper .acf-block-custom-template-part .card .card-section,
.editor-styles-wrapper .acf-block-custom-template-part-swiper .card .card-section {
position: relative; }
.block-editor-writing-flow .acf-block-custom-template-part .card .card-section .button,
.block-editor-writing-flow .acf-block-custom-template-part-swiper .card .card-section .button,
.content-page .acf-block-custom-template-part .card .card-section .button,
.content-page .acf-block-custom-template-part-swiper .card .card-section .button,
.editor-styles-wrapper .acf-block-custom-template-part .card .card-section .button,
.editor-styles-wrapper .acf-block-custom-template-part-swiper .card .card-section .button {
position: absolute;
bottom: 1rem;
left: 1rem; }
.block-editor-writing-flow .acf-block-teaser-praesidium,
.content-page .acf-block-teaser-praesidium,
.editor-styles-wrapper .acf-block-teaser-praesidium {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/custom-blocks/teaser-praesidium-bg-2.png);
background-repeat: no-repeat; }
.block-editor-writing-flow .acf-block-teaser-praesidium .button,
.content-page .acf-block-teaser-praesidium .button,
.editor-styles-wrapper .acf-block-teaser-praesidium .button {
color: #fbee52 !important;
background-color: #000 !important; }
.block-editor-writing-flow .acf-block-teaser-jb,
.content-page .acf-block-teaser-jb,
.editor-styles-wrapper .acf-block-teaser-jb {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/custom-blocks/teaser-jb-01.png);
background-repeat: no-repeat;
background-position: bottom center;
background-color: #D4F5EF; }
.block-editor-writing-flow .acf-block-teaser-jb .button,
.content-page .acf-block-teaser-jb .button,
.editor-styles-wrapper .acf-block-teaser-jb .button {
color: #000 !important;
background-color: #FF7F7F !important; }
.block-editor-writing-flow .acf-block-teaser-ogog em,
.content-page .acf-block-teaser-ogog em,
.editor-styles-wrapper .acf-block-teaser-ogog em {
background-color: #FFA800; }
.block-editor-writing-flow .acf-block-teaser-ogog .button,
.content-page .acf-block-teaser-ogog .button,
.editor-styles-wrapper .acf-block-teaser-ogog .button {
color: #000 !important;
background-color: #FFA800 !important; }
.block-editor-writing-flow .acf-block-teaser-unlock .unlock-teaser-image,
.content-page .acf-block-teaser-unlock .unlock-teaser-image,
.editor-styles-wrapper .acf-block-teaser-unlock .unlock-teaser-image {
max-width: calc(100% + 1rem * 2);
margin-left: -1rem; }
.block-editor-writing-flow .acf-block-teaser-unlock em,
.content-page .acf-block-teaser-unlock em,
.editor-styles-wrapper .acf-block-teaser-unlock em {
background-color: #BEDBE4; }
.block-editor-writing-flow .acf-block-teaser-unlock .button,
.content-page .acf-block-teaser-unlock .button,
.editor-styles-wrapper .acf-block-teaser-unlock .button {
color: #fefefe !important;
background-color: #005A82 !important; }
.block-editor-writing-flow p:not(.lead),
.block-editor-writing-flow p:not(.small),
.content-page p:not(.lead),
.content-page p:not(.small),
.editor-styles-wrapper p:not(.lead),
.editor-styles-wrapper p:not(.small) {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow p:not(.lead),
.block-editor-writing-flow p:not(.small),
.content-page p:not(.lead),
.content-page p:not(.small),
.editor-styles-wrapper p:not(.lead),
.editor-styles-wrapper p:not(.small) {
font-size: 18px; } }
.block-editor-writing-flow p.has-small-font-size:not(.lead),
.block-editor-writing-flow p.has-small-font-size:not(.small),
.content-page p.has-small-font-size:not(.lead),
.content-page p.has-small-font-size:not(.small),
.editor-styles-wrapper p.has-small-font-size:not(.lead),
.editor-styles-wrapper p.has-small-font-size:not(.small) {
font-size: 80%; }
.block-editor-writing-flow p.has-lead-font-size:not(.lead),
.block-editor-writing-flow p.has-lead-font-size:not(.small),
.content-page p.has-lead-font-size:not(.lead),
.content-page p.has-lead-font-size:not(.small),
.editor-styles-wrapper p.has-lead-font-size:not(.lead),
.editor-styles-wrapper p.has-lead-font-size:not(.small) {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow p.has-lead-font-size:not(.lead),
.block-editor-writing-flow p.has-lead-font-size:not(.small),
.content-page p.has-lead-font-size:not(.lead),
.content-page p.has-lead-font-size:not(.small),
.editor-styles-wrapper p.has-lead-font-size:not(.lead),
.editor-styles-wrapper p.has-lead-font-size:not(.small) {
font-size: 23px; } }
.block-editor-writing-flow p.is-style-lead:not(.lead),
.block-editor-writing-flow p.is-style-lead:not(.small),
.content-page p.is-style-lead:not(.lead),
.content-page p.is-style-lead:not(.small),
.editor-styles-wrapper p.is-style-lead:not(.lead),
.editor-styles-wrapper p.is-style-lead:not(.small) {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow p.is-style-lead:not(.lead),
.block-editor-writing-flow p.is-style-lead:not(.small),
.content-page p.is-style-lead:not(.lead),
.content-page p.is-style-lead:not(.small),
.editor-styles-wrapper p.is-style-lead:not(.lead),
.editor-styles-wrapper p.is-style-lead:not(.small) {
font-size: 27px; } }
.block-editor-writing-flow p.is-style-small:not(.lead),
.block-editor-writing-flow p.is-style-small:not(.small),
.content-page p.is-style-small:not(.lead),
.content-page p.is-style-small:not(.small),
.editor-styles-wrapper p.is-style-small:not(.lead),
.editor-styles-wrapper p.is-style-small:not(.small) {
font-size: 80%; }
.block-editor-writing-flow p:not(.lead) a:hover,
.block-editor-writing-flow p:not(.small) a:hover,
.content-page p:not(.lead) a:hover,
.content-page p:not(.small) a:hover,
.editor-styles-wrapper p:not(.lead) a:hover,
.editor-styles-wrapper p:not(.small) a:hover {
text-decoration: underline; }
.block-editor-writing-flow .page-header p,
.content-page .page-header p,
.editor-styles-wrapper .page-header p {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .page-header p,
.content-page .page-header p,
.editor-styles-wrapper .page-header p {
font-size: 27px; } }
.block-editor-writing-flow .wp-block-image,
.content-page .wp-block-image,
.editor-styles-wrapper .wp-block-image {
position: relative; }
.block-editor-writing-flow .wp-block-file,
.content-page .wp-block-file,
.editor-styles-wrapper .wp-block-file {
background-color: #f8f9fa; }
.block-editor-writing-flow .wp-block-file > a:first-of-type,
.block-editor-writing-flow .wp-block-file .wp-block-file__textlink,
.content-page .wp-block-file > a:first-of-type,
.content-page .wp-block-file .wp-block-file__textlink,
.editor-styles-wrapper .wp-block-file > a:first-of-type,
.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
display: block;
color: #000;
padding: 1em 0; }
@media screen and (min-width: 75em) {
.block-editor-writing-flow .wp-block-file > a:first-of-type,
.block-editor-writing-flow .wp-block-file .wp-block-file__textlink,
.content-page .wp-block-file > a:first-of-type,
.content-page .wp-block-file .wp-block-file__textlink,
.editor-styles-wrapper .wp-block-file > a:first-of-type,
.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
padding-left: 1em; } }
.block-editor-writing-flow .wp-block-file .wp-block-file__button-richtext-wrapper,
.content-page .wp-block-file .wp-block-file__button-richtext-wrapper,
.editor-styles-wrapper .wp-block-file .wp-block-file__button-richtext-wrapper {
display: block; }
.block-editor-writing-flow .wp-block-file .wp-block-file__button,
.content-page .wp-block-file .wp-block-file__button,
.editor-styles-wrapper .wp-block-file .wp-block-file__button {
font-weight: 700;
border-radius: 5px;
margin: 0 0 1em;
display: inline-block;
padding: 0.5rem;
font-size: 0.75rem; }
@media screen and (min-width: 75em) {
.block-editor-writing-flow .wp-block-file .wp-block-file__button,
.content-page .wp-block-file .wp-block-file__button,
.editor-styles-wrapper .wp-block-file .wp-block-file__button {
margin-left: 1em; } }
.block-editor-writing-flow .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.content-page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
padding-right: 0; }
@media screen and (min-width: 75em) {
.block-editor-writing-flow .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.content-page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-right: calc(2 * 15px);
padding-left: 0; } }
.block-editor-writing-flow .wp-block-media-text .wp-block-media-text__content,
.content-page .wp-block-media-text .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content {
align-self: flex-start;
padding-left: 0;
padding-right: 0; }
@media screen and (min-width: 75em) {
.block-editor-writing-flow .wp-block-media-text .wp-block-media-text__content,
.content-page .wp-block-media-text .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content {
padding-left: calc(2 * 15px);
padding-right: 0; } }
.block-editor-writing-flow .wp-block-media-text .wp-block-media-text__media,
.content-page .wp-block-media-text .wp-block-media-text__media,
.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__media {
align-self: flex-start; }
.block-editor-writing-flow .wp-block-button .wp-block-button__link,
.content-page .wp-block-button .wp-block-button__link,
.child-pages-container .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
font-weight: 700;
font-family: "Montserrat-Bold", sans-serif;
border-radius: 5px;
display: inline-block;
padding: 0.5rem;
font-size: 0.75rem; }
.block-editor-writing-flow .wp-block-button.is-style-button-large .wp-block-button__link,
.content-page .wp-block-button.is-style-button-large .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-button-large .wp-block-button__link {
font-size: 1.25rem; }
.block-editor-writing-flow .wp-block-button.is-style-button-small .wp-block-button__link,
.content-page .wp-block-button.is-style-button-small .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-button-small .wp-block-button__link {
font-size: 0.65rem; }
.block-editor-writing-flow .wp-block-table td,
.content-page .wp-block-table td,
.editor-styles-wrapper .wp-block-table td {
padding-left: 20px;
padding-right: 20px; }
.block-editor-writing-flow .wp-block-table.is-style-stripes tr,
.content-page .wp-block-table.is-style-stripes tr,
.editor-styles-wrapper .wp-block-table.is-style-stripes tr {
background-color: #fefefe; }
.block-editor-writing-flow .wp-block-table.is-style-stripes tr:nth-child(odd),
.content-page .wp-block-table.is-style-stripes tr:nth-child(odd),
.editor-styles-wrapper .wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #f1f1f1; }
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes tr,
.content-page .wp-block-table.is-style-responsive-with-stripes tr,
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes tr {
background-color: #fefefe; }
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes tr:nth-child(odd),
.content-page .wp-block-table.is-style-responsive-with-stripes tr:nth-child(odd),
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes tr:nth-child(odd) {
background-color: #f1f1f1; }
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes tr,
.content-page .wp-block-table.is-style-responsive-with-stripes tr,
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes tr {
display: block; }
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes td,
.content-page .wp-block-table.is-style-responsive-with-stripes td,
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes td {
display: block; }
@media print, screen and (min-width: 64.0625em) {
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes tr,
.content-page .wp-block-table.is-style-responsive-with-stripes tr,
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes tr {
display: table-row; }
.block-editor-writing-flow .wp-block-table.is-style-responsive-with-stripes td,
.content-page .wp-block-table.is-style-responsive-with-stripes td,
.editor-styles-wrapper .wp-block-table.is-style-responsive-with-stripes td {
display: table-cell; } }
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-small,
.content-page .wp-block-spacer.is-style-spacer-small,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-small {
height: calc(1 * 15px) !important; }
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-medium,
.content-page .wp-block-spacer.is-style-spacer-medium,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-medium {
height: calc(2 * 15px) !important; }
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-large,
.content-page .wp-block-spacer.is-style-spacer-large,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-large {
height: calc(6 * 15px) !important; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-small,
.content-page .wp-block-spacer.is-style-spacer-small,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-small {
height: calc(1 * 15px) !important; }
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-medium,
.content-page .wp-block-spacer.is-style-spacer-medium,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-medium {
height: calc(4 * 15px) !important; }
.block-editor-writing-flow .wp-block-spacer.is-style-spacer-large,
.content-page .wp-block-spacer.is-style-spacer-large,
.editor-styles-wrapper .wp-block-spacer.is-style-spacer-large {
height: calc(12 * 15px) !important; } }
.block-editor-writing-flow .wp-block-embed__wrapper,
.content-page .wp-block-embed__wrapper,
.editor-styles-wrapper .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto; }
.block-editor-writing-flow .wp-block-embed__wrapper embed,
.block-editor-writing-flow .wp-block-embed__wrapper iframe,
.block-editor-writing-flow .wp-block-embed__wrapper object,
.content-page .wp-block-embed__wrapper embed,
.content-page .wp-block-embed__wrapper iframe,
.content-page .wp-block-embed__wrapper object,
.editor-styles-wrapper .wp-block-embed__wrapper embed,
.editor-styles-wrapper .wp-block-embed__wrapper iframe,
.editor-styles-wrapper .wp-block-embed__wrapper object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.block-editor-writing-flow .acf-block-accordion .accordion-item,
.content-page .acf-block-accordion .accordion-item,
.editor-styles-wrapper .acf-block-accordion .accordion-item {
border-radius: 5px;
margin-bottom: calc(1 * 15px); }
.block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-title,
.content-page .acf-block-accordion .accordion-item .accordion-title,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-title {
border: none;
font-size: 18px; }
.block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-title::before,
.content-page .acf-block-accordion .accordion-item .accordion-title::before,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-title::before {
font-family: "Material Icons";
content: "\e5cf";
font-size: 1.5rem;
margin-top: -1rem; }
.block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-title:focus, .block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-title:hover,
.content-page .acf-block-accordion .accordion-item .accordion-title:focus,
.content-page .acf-block-accordion .accordion-item .accordion-title:hover,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-title:focus,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-title:hover {
background-color: none; }
.block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-content,
.content-page .acf-block-accordion .accordion-item .accordion-content,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-content {
border: none;
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-accordion .accordion-item .accordion-content,
.content-page .acf-block-accordion .accordion-item .accordion-content,
.editor-styles-wrapper .acf-block-accordion .accordion-item .accordion-content {
font-size: 18px; } }
.block-editor-writing-flow .acf-block-accordion .accordion-item.is-active .accordion-title::before,
.content-page .acf-block-accordion .accordion-item.is-active .accordion-title::before,
.editor-styles-wrapper .acf-block-accordion .accordion-item.is-active .accordion-title::before {
content: "\e5ce"; }
.block-editor-writing-flow .acf-block-call-to-action,
.content-page .acf-block-call-to-action,
.editor-styles-wrapper .acf-block-call-to-action {
margin-top: calc(1 * calc( * 15px));
margin-bottom: calc(1 * calc(4 * 15px)); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-call-to-action,
.content-page .acf-block-call-to-action,
.editor-styles-wrapper .acf-block-call-to-action {
margin-top: calc(1 * calc(4 * 15px));
margin-bottom: calc(1 * calc(4 * 15px)); } }
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__media,
.content-page .acf-block-call-to-action .wp-block-media-text__media,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__media {
padding-bottom: calc(1 * 15px); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__media,
.content-page .acf-block-call-to-action .wp-block-media-text__media,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__media {
transform: translateY(-30px); } }
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content,
.content-page .acf-block-call-to-action .wp-block-media-text__content,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content {
padding-top: calc(1 * 15px);
display: flex;
flex-direction: column;
height: 100%; }
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content p,
.content-page .acf-block-call-to-action .wp-block-media-text__content p,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content p {
flex-basis: 100%; }
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type,
.content-page .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type {
align-self: end; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type,
.content-page .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content .wp-block-button:last-of-type {
transform: translateY(50%);
margin-bottom: 0; } }
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type,
.content-page .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type {
align-self: start; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type,
.content-page .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type,
.editor-styles-wrapper .acf-block-call-to-action .wp-block-media-text__content .wp-block-button.no-offset:last-of-type {
transform: translateY(0%); } }
.block-editor-writing-flow .acf-block-swiper-gallery .wp-block-image,
.content-page .acf-block-swiper-gallery .wp-block-image,
.editor-styles-wrapper .acf-block-swiper-gallery .wp-block-image {
margin: 0;
position: relative; }
.block-editor-writing-flow .acf-block-swiper-gallery .swiper-button,
.content-page .acf-block-swiper-gallery .swiper-button,
.editor-styles-wrapper .acf-block-swiper-gallery .swiper-button {
float: right; }
.block-editor-writing-flow .acf-block-swiper-gallery .swiper-pagination,
.content-page .acf-block-swiper-gallery .swiper-pagination,
.editor-styles-wrapper .acf-block-swiper-gallery .swiper-pagination {
float: right;
font-size: 80%; }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide,
.content-page .acf-block-swiper-facts .swiper-slide,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide {
width: unset;
width: calc(100% - 2 * 15px); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide,
.content-page .acf-block-swiper-facts .swiper-slide,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide {
width: calc(66.6666666667rem / 3 - 2 * 15px); } }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide .facts,
.content-page .acf-block-swiper-facts .swiper-slide .facts,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide .facts {
margin: 0; }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide .facts h3,
.content-page .acf-block-swiper-facts .swiper-slide .facts h3,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide .facts h3 {
font-size: 40.8px; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide .facts h3,
.content-page .acf-block-swiper-facts .swiper-slide .facts h3,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide .facts h3 {
font-size: 51px; } }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-slide .facts p,
.content-page .acf-block-swiper-facts .swiper-slide .facts p,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-slide .facts p {
font-size: 18px; }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-button,
.content-page .acf-block-swiper-facts .swiper-button,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-button {
float: right;
font-size: 30; }
.block-editor-writing-flow .acf-block-swiper-facts .swiper-pagination,
.content-page .acf-block-swiper-facts .swiper-pagination,
.editor-styles-wrapper .acf-block-swiper-facts .swiper-pagination {
float: right;
font-size: 30;
font-weight: 700; }
.block-editor-writing-flow .acf-block-swiper-advent .swiper-pagination,
.content-page .acf-block-swiper-advent .swiper-pagination,
.editor-styles-wrapper .acf-block-swiper-advent .swiper-pagination {
float: right;
font-size: 30;
font-weight: 700; }
.block-editor-writing-flow .acf-block-swiper-advent .swiper-button,
.content-page .acf-block-swiper-advent .swiper-button,
.editor-styles-wrapper .acf-block-swiper-advent .swiper-button {
float: right;
font-size: 30; }
.block-editor-writing-flow .acf-block-swiper-advent p.date,
.content-page .acf-block-swiper-advent p.date,
.editor-styles-wrapper .acf-block-swiper-advent p.date {
font-weight: 700;
font-size: 60px; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard.flip .action,
.content-page .acf-block-swiper-advent .flipcard.flip .action,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard.flip .action {
display: none; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard,
.content-page .acf-block-swiper-advent .flipcard,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard {
position: relative;
perspective: 600;
height: 360px; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard img,
.content-page .acf-block-swiper-advent .flipcard img,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard img {
-o-object-fit: cover;
object-fit: cover;
height: 360px; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard .button,
.content-page .acf-block-swiper-advent .flipcard .button,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard .button {
position: absolute;
bottom: 0;
left: 15px; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard .content,
.content-page .acf-block-swiper-advent .flipcard .content,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard .content {
position: absolute;
bottom: 15px; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard .front,
.content-page .acf-block-swiper-advent .flipcard .front,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard .front {
z-index: 900;
width: inherit;
height: inherit;
background: #fff;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.4s ease-in-out; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard.flip .front,
.content-page .acf-block-swiper-advent .flipcard.flip .front,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard.flip .front {
z-index: 900;
transform: rotateY(180deg); }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard .back,
.content-page .acf-block-swiper-advent .flipcard .back,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard .back {
position: absolute;
top: 0;
left: 0;
z-index: 800;
width: inherit;
height: inherit;
background: #fff;
transform: rotateY(-180deg);
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.4s ease-in-out; }
.block-editor-writing-flow .acf-block-swiper-advent .flipcard.flip .back,
.content-page .acf-block-swiper-advent .flipcard.flip .back,
.editor-styles-wrapper .acf-block-swiper-advent .flipcard.flip .back {
z-index: 1000;
background: #fff;
transform: rotateX(0deg) rotateY(0deg); }
.block-editor-writing-flow .acf-block-swiper-projects .swiper-slide,
.content-page .acf-block-swiper-projects .swiper-slide,
.editor-styles-wrapper .acf-block-swiper-projects .swiper-slide {
width: calc(100% - 2 * 15px); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-swiper-projects .swiper-slide,
.content-page .acf-block-swiper-projects .swiper-slide,
.editor-styles-wrapper .acf-block-swiper-projects .swiper-slide {
width: calc(66.6666666667rem / 3 - 2 * 15px); } }
.block-editor-writing-flow .acf-block-swiper-projects .swiper-button,
.content-page .acf-block-swiper-projects .swiper-button,
.editor-styles-wrapper .acf-block-swiper-projects .swiper-button {
float: right; }
.block-editor-writing-flow .acf-block-swiper-projects .swiper-pagination,
.content-page .acf-block-swiper-projects .swiper-pagination,
.editor-styles-wrapper .acf-block-swiper-projects .swiper-pagination {
float: right;
font-size: 30;
font-weight: 700; }
.block-editor-writing-flow .acf-block-swiper-projects .swiper-button,
.content-page .acf-block-swiper-projects .swiper-button,
.editor-styles-wrapper .acf-block-swiper-projects .swiper-button {
font-size: 30; }
.block-editor-writing-flow .acf-block-projects .muuri-grid .item,
.block-editor-writing-flow .team-members .muuri-grid .item,
.content-page .acf-block-projects .muuri-grid .item,
.content-page .team-members .muuri-grid .item,
.editor-styles-wrapper .acf-block-projects .muuri-grid .item,
.editor-styles-wrapper .team-members .muuri-grid .item {
display: block;
margin: 20px 20px 0;
width: calc(100% + 20px * -2); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-projects .muuri-grid .item,
.block-editor-writing-flow .team-members .muuri-grid .item,
.content-page .acf-block-projects .muuri-grid .item,
.content-page .team-members .muuri-grid .item,
.editor-styles-wrapper .acf-block-projects .muuri-grid .item,
.editor-styles-wrapper .team-members .muuri-grid .item {
width: calc(50% + 20px * -2); } }
@media print, screen and (min-width: 64.0625em) {
.block-editor-writing-flow .acf-block-projects .muuri-grid .item,
.block-editor-writing-flow .team-members .muuri-grid .item,
.content-page .acf-block-projects .muuri-grid .item,
.content-page .team-members .muuri-grid .item,
.editor-styles-wrapper .acf-block-projects .muuri-grid .item,
.editor-styles-wrapper .team-members .muuri-grid .item {
width: calc(33.33% + 20px * -2); } }
.block-editor-writing-flow .acf-block-projects .muuri-filters,
.block-editor-writing-flow .team-members .muuri-filters,
.content-page .acf-block-projects .muuri-filters,
.content-page .team-members .muuri-filters,
.editor-styles-wrapper .acf-block-projects .muuri-filters,
.editor-styles-wrapper .team-members .muuri-filters {
list-style: none;
margin: 0 0 0 -7.5px; }
.block-editor-writing-flow .acf-block-projects .muuri-filters li,
.block-editor-writing-flow .team-members .muuri-filters li,
.content-page .acf-block-projects .muuri-filters li,
.content-page .team-members .muuri-filters li,
.editor-styles-wrapper .acf-block-projects .muuri-filters li,
.editor-styles-wrapper .team-members .muuri-filters li {
display: inline-block;
font-size: 80%; }
.block-editor-writing-flow .acf-block-projects .muuri-filters li a.active,
.block-editor-writing-flow .acf-block-projects .muuri-filters li a:hover,
.block-editor-writing-flow .team-members .muuri-filters li a.active,
.block-editor-writing-flow .team-members .muuri-filters li a:hover,
.content-page .acf-block-projects .muuri-filters li a.active,
.content-page .acf-block-projects .muuri-filters li a:hover,
.content-page .team-members .muuri-filters li a.active,
.content-page .team-members .muuri-filters li a:hover,
.editor-styles-wrapper .acf-block-projects .muuri-filters li a.active,
.editor-styles-wrapper .acf-block-projects .muuri-filters li a:hover,
.editor-styles-wrapper .team-members .muuri-filters li a.active,
.editor-styles-wrapper .team-members .muuri-filters li a:hover {
font-weight: bold; }
.block-editor-writing-flow .acf-block-projects .muuri-filters li a,
.block-editor-writing-flow .team-members .muuri-filters li a,
.content-page .acf-block-projects .muuri-filters li a,
.content-page .team-members .muuri-filters li a,
.editor-styles-wrapper .acf-block-projects .muuri-filters li a,
.editor-styles-wrapper .team-members .muuri-filters li a {
margin: 7.5px; }
.block-editor-writing-flow .acf-block-supporter-list .cell,
.content-page .acf-block-supporter-list .cell,
.editor-styles-wrapper .acf-block-supporter-list .cell {
display: flex;
align-items: center;
justify-content: center; }
.block-editor-writing-flow .acf-block-supporter-list .cell .card.ogog-supporter img,
.content-page .acf-block-supporter-list .cell .card.ogog-supporter img,
.editor-styles-wrapper .acf-block-supporter-list .cell .card.ogog-supporter img {
max-height: 90px;
width: auto;
height: auto;
max-width: 140px; }
.block-editor-writing-flow .team-members .muuri-grid .item,
.content-page .team-members .muuri-grid .item,
.editor-styles-wrapper .team-members .muuri-grid .item {
margin: 20px 20px 0;
width: calc(100% + 20px * -2); }
.block-editor-writing-flow .card.project,
.content-page .card.project,
.editor-styles-wrapper .card.project {
background-color: #f2f2f2;
position: relative; }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .card.project,
.content-page .card.project,
.editor-styles-wrapper .card.project {
min-height: 440px; } }
.block-editor-writing-flow .card.project img,
.content-page .card.project img,
.editor-styles-wrapper .card.project img {
height: 120px;
width: auto; }
.block-editor-writing-flow .card.project i.material-icons,
.content-page .card.project i.material-icons,
.editor-styles-wrapper .card.project i.material-icons {
position: absolute;
bottom: 1rem;
right: 1rem; }
.block-editor-writing-flow .acf-block-call-to-action + .acf-block-testimonial,
.content-page .acf-block-call-to-action + .acf-block-testimonial,
.editor-styles-wrapper .acf-block-call-to-action + .acf-block-testimonial {
margin-top: calc(-1 * calc(4 * 15px));
padding-top: calc(2 * 15px); }
@media print, screen and (min-width: 47.1875em) {
.block-editor-writing-flow .acf-block-call-to-action + .acf-block-testimonial,
.content-page .acf-block-call-to-action + .acf-block-testimonial,
.editor-styles-wrapper .acf-block-call-to-action + .acf-block-testimonial {
margin-top: calc(-1 * calc(12 * 15px)); } }
.block-editor-writing-flow .acf-block-testimonial,
.content-page .acf-block-testimonial,
.editor-styles-wrapper .acf-block-testimonial {
position: relative;
padding-bottom: calc(6 * 15px);
position: relative; }
.block-editor-writing-flow .acf-block-testimonial .card,
.content-page .acf-block-testimonial .card,
.editor-styles-wrapper .acf-block-testimonial .card {
background-color: #fbee52;
border-color: #fbee52; }
.block-editor-writing-flow .acf-block-testimonial .card blockquote,
.content-page .acf-block-testimonial .card blockquote,
.editor-styles-wrapper .acf-block-testimonial .card blockquote {
padding-top: calc(2 * 15px);
padding-bottom: calc(2 * 15px);
color: #000;
position: relative; }
.block-editor-writing-flow .acf-block-testimonial .card blockquote:after, .block-editor-writing-flow .acf-block-testimonial .card blockquote:before,
.content-page .acf-block-testimonial .card blockquote:after,
.content-page .acf-block-testimonial .card blockquote:before,
.editor-styles-wrapper .acf-block-testimonial .card blockquote:after,
.editor-styles-wrapper .acf-block-testimonial .card blockquote:before {
position: absolute;
content: "";
width: calc(1 * 15px);
height: calc(1 * 15px);
background-size: 100%;
background-repeat: no-repeat; }
.block-editor-writing-flow .acf-block-testimonial .card blockquote:before,
.content-page .acf-block-testimonial .card blockquote:before,
.editor-styles-wrapper .acf-block-testimonial .card blockquote:before {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/quote-before.svg);
top: 0;
left: 0; }
.block-editor-writing-flow .acf-block-testimonial .card blockquote:after,
.content-page .acf-block-testimonial .card blockquote:after,
.editor-styles-wrapper .acf-block-testimonial .card blockquote:after {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/quote-after.svg);
bottom: 0;
right: 0; }
.block-editor-writing-flow .acf-block-testimonial .swiper-pagination,
.content-page .acf-block-testimonial .swiper-pagination,
.editor-styles-wrapper .acf-block-testimonial .swiper-pagination {
padding-top: calc(1 * 15px);
text-align: center; }
.block-editor-writing-flow .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet,
.content-page .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet,
.editor-styles-wrapper .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border: 1px solid #000;
display: inline-block;
margin: 5px;
border-radius: 5px; }
.block-editor-writing-flow .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.content-page .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.editor-styles-wrapper .acf-block-testimonial .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000; }
.block-editor-writing-flow .acf-block-ogog-testimonials,
.content-page .acf-block-ogog-testimonials,
.editor-styles-wrapper .acf-block-ogog-testimonials {
background: linear-gradient(to bottom, #fefefe 0%, #fefefe 160px, #FFE7B9 160px, #FFE7B9 100%);
padding: 15px; }
.block-editor-writing-flow .acf-block-ogog-testimonials .thumbnail-container,
.content-page .acf-block-ogog-testimonials .thumbnail-container,
.editor-styles-wrapper .acf-block-ogog-testimonials .thumbnail-container {
text-align: center;
margin-bottom: calc(2 * 15px); }
.block-editor-writing-flow .acf-block-ogog-testimonials .thumbnail-container img,
.content-page .acf-block-ogog-testimonials .thumbnail-container img,
.editor-styles-wrapper .acf-block-ogog-testimonials .thumbnail-container img {
height: 200px;
width: auto; }
.acf-block-ogog-teaser {
margin-top: calc(165px); }
.acf-block-ogog-teaser em,
.acf-block-ogog-teaser span.underline {
background-color: #FFA800;
font-style: normal; }
.acf-block-ogog-teaser .button,
.acf-block-ogog-teaser a.button {
background-color: #FFA800 !important;
color: #000 !important; }
.acf-block-ogog-teaser .button:active, .acf-block-ogog-teaser .button:focus, .acf-block-ogog-teaser .button:hover,
.acf-block-ogog-teaser a.button:active,
.acf-block-ogog-teaser a.button:focus,
.acf-block-ogog-teaser a.button:hover {
background-color: #FFA800 !important;
color: #000 !important; }
.acf-block-ogog-teaser p.lead {
font-size: 27px; }
.acf-block-ogog-teaser .testimonial-container {
text-align: center; }
.acf-block-ogog-teaser .testimonial-container img {
height: 300px;
width: auto; }
@media print, screen and (min-width: 47.1875em) {
.acf-block-ogog-teaser .testimonial-container {
height: 225px;
text-align: center;
margin-bottom: 15px; }
.acf-block-ogog-teaser .testimonial-container img {
position: absolute;
top: -75px;
left: 50%;
margin-left: -170px; } }
.acf-block-ogog-teaser a.button.large {
position: relative;
top: 45px; }
.acf-block-call-to-troublemaker {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/trouble-bg-01.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: calc(4 * 15px); }
.acf-block-call-to-troublemaker .trouble-content {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform-origin: center;
transform: rotate(-7deg);
-webkit-animation-name: rotate;
animation-name: rotate;
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
@-webkit-keyframes rotate {
0% {
transform: scale(1) rotate(-7deg); }
20% {
transform: scale(1.1) rotate(0deg); }
100% {
transform: scale(1) rotate(-7deg); } }
@keyframes rotate {
0% {
transform: scale(1) rotate(-7deg); }
20% {
transform: scale(1.1) rotate(0deg); }
100% {
transform: scale(1) rotate(-7deg); } }
.acf-block-call-to-troublemaker .trouble-content p {
font-size: 24px;
font-family: "Montserrat-Bold", sans-serif; }
@media print, screen and (min-width: 47.1875em) {
.acf-block-call-to-troublemaker .trouble-content p {
font-size: 30px; } }
.acf-block-call-to-troublemaker .trouble-content #trouble-button.button {
background-color: #000;
color: #fbee52; }
#editor {
background-color: #fefefe; }
#editor .editor-post-title__input,
#editor .editor-writing-flow * {
font-family: "Lato"; }
#editor .wp-block {
max-width: 66.6666666667rem; }
#editor .wp-block-image figcaption {
width: 100%;
opacity: 1; }
#editor .acf-block-accordion .accordion-item {
list-style: none; }
#editor .acf-block-accordion .accordion-item .accordion-title {
text-decoration: none;
border: none; }
#editor .acf-block-accordion .accordion-item .accordion-title:before {
display: none; }
#editor .acf-block-swiper-projects {
background: #f2f2f2; }
#editor .acf-block-swiper-projects .project .thumbnail {
float: left; }
#editor .acf-block-page-teasers .row {
display: flex;
flex-wrap: wrap; }
#editor .swiper-slide {
display: inline-block;
vertical-align: top; }
#editor .swiper-button,
#editor .swiper-pagination {
display: none; }
#editor .acf-block-latest-posts {
font-size: small; }
#editor .acf-block-latest-posts .post-image {
display: none; }
#editor .acf-block-latest-posts .post-meta {
list-style: none; }
#editor .acf-block-latest-posts .post-meta li::nth-of-type(3) {
display: none; }
.tribe-events-notices {
text-shadow: none;
color: #fefefe;
background-color: #C7006B;
border: none; }
.tribe-bar-views,
.recurringinfo,
#tribe-events-bar {
display: none; }
#tribe-events-content table.tribe-events-calendar,
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-],
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
#tribe-events-content table.tribe-events-calendar,
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-],
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a {
font-size: 18px; } }
.tribe-events-photo .button.photo {
display: none; }
.events-gridview .button.month {
display: none; }
.page-id-38049 #tribe-events-content {
width: 100%; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar {
border: none; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar thead {
background-color: transparent;
border: none; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar tbody {
border: none; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar th {
width: 250px;
height: 10px;
padding: 4px 0;
text-align: left;
text-transform: none;
letter-spacing: normal; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td {
border: none;
padding-left: 0;
padding-right: 15px;
font-size: 12; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td div[id*=tribe-events-daynum-] {
padding-left: 0; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td a {
font-size: 100%; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .tribe_events,
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .type-tribe_events {
background-color: #eeeaff;
margin: 0;
padding: 0;
padding: 5px;
margin-bottom: 5px; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .tribe_events h3.tribe-events-month-event-title,
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .type-tribe_events h3.tribe-events-month-event-title {
margin-bottom: 0;
font-size: 12; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .tribe_events .tribe-events-tooltip,
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .type-tribe_events .tribe-events-tooltip {
background: #f2f2f2;
font-size: 30;
padding: 15px;
border: none; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .tribe_events .tribe-events-tooltip .tribe-events-event-body,
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .type-tribe_events .tribe-events-tooltip .tribe-events-event-body {
padding: 0; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .tribe_events .tribe-events-tooltip .tribe-events-arrow,
.page-id-38049 #tribe-events-content table.tribe-events-calendar td .type-tribe_events .tribe-events-tooltip .tribe-events-arrow {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/tribe-events/tribe-tooltips.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 44px 19px;
display: block;
position: absolute;
bottom: -11px;
left: 20px; }
.page-id-38049 #tribe-events-content table.tribe-events-calendar tr:nth-child(even) {
background-color: transparent; }
.tribe-events-sub-nav {
font-weight: 700; }
.tribe-events-sub-nav .tribe-events-nav-previous {
float: left; }
.tribe-events-sub-nav .tribe-events-nav-next {
float: right; }
#tribe-events-content.tribe-events-photo .tribe-events-event-meta:first-child {
border-top: none; }
#tribe-events-content.tribe-events-photo h3.tribe-events-list-event-title {
font-size: 24px; }
@media print, screen and (min-width: 47.1875em) {
#tribe-events-content.tribe-events-photo h3.tribe-events-list-event-title {
font-size: 30px; } }
#tribe-events-content.tribe-events-photo .tribe-events-event-image {
margin: 0; }
#tribe-events-content.tribe-events-photo .tribe-events-event-meta {
font-size: 80%; }
#tribe-events-content.tribe-events-photo .tribe-events-event-meta .tribe-event-schedule-details {
font-size: 24px; }
@media print, screen and (min-width: 47.1875em) {
#tribe-events-content.tribe-events-photo .tribe-events-event-meta .tribe-event-schedule-details {
font-size: 30px; } }
#tribe-events-content.tribe-events-photo .tribe-events-list-photo-description {
font-size: 80%; }
.tribe-events-sub-nav li a {
background-color: transparent; }
.single-tribe_events .tribe-events-cal-links a {
display: block; }
.single-tribe_events .tribe-events-event-meta {
margin: 0; }
.single-tribe_events .tribe-events-event-meta h2.tribe-events-single-section-title {
font-size: 18px; }
html:lang(de-DE) .show-for-de {
display: block !important; }
html:lang(de-DE) .show-for-en {
display: none !important; }
html:lang(en-EN) .show-for-de,
html:lang(en-GB) .show-for-de {
display: none !important; }
html:lang(en-EN) .show-for-en,
html:lang(en-GB) .show-for-en {
display: block !important; }
#cookie-law-info-bar {
text-align: left;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05) !important;
background-color: #f2f2f2 !important;
border-radius: 5px;
bottom: 15px !important;
left: auto !important;
right: 15px !important;
font-family: "Montserrat-Medium", sans-serif !important;
padding: 15px; }
#cookie-law-info-bar .cli-bar-message br,
#cookie-law-info-bar .cli-wrapper br {
display: none; }
.cli-bar-btn_container {
margin-top: 15px; }
.cli-bar-btn_container a.cli_settings_button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.5rem;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.75rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
margin-left: 0 !important;
color: #3a25ff !important;
font-family: "Montserrat-Bold", sans-serif !important; }
[data-whatinput='mouse'] .cli-bar-btn_container a.cli_settings_button {
outline: 0; }
.cli-bar-btn_container a.cli_settings_button, .cli-bar-btn_container a.cli_settings_button:hover, .cli-bar-btn_container a.cli_settings_button:focus, .cli-bar-btn_container a.cli_settings_button.disabled, .cli-bar-btn_container a.cli_settings_button.disabled:hover, .cli-bar-btn_container a.cli_settings_button.disabled:focus, .cli-bar-btn_container a.cli_settings_button[disabled], .cli-bar-btn_container a.cli_settings_button[disabled]:hover, .cli-bar-btn_container a.cli_settings_button[disabled]:focus {
background-color: transparent; }
.cli-bar-btn_container a.cli_settings_button, .cli-bar-btn_container a.cli_settings_button.disabled, .cli-bar-btn_container a.cli_settings_button[disabled], .cli-bar-btn_container a.cli_settings_button.disabled:hover, .cli-bar-btn_container a.cli_settings_button[disabled]:hover, .cli-bar-btn_container a.cli_settings_button.disabled:focus, .cli-bar-btn_container a.cli_settings_button[disabled]:focus {
border: 1px solid #3a25ff;
color: #3a25ff; }
.cli-bar-btn_container a.cli_settings_button:hover, .cli-bar-btn_container a.cli_settings_button:focus {
border-color: #0e0092;
color: #0e0092; }
.cli-bar-btn_container a.cli_action_button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.5rem;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.75rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #3a25ff !important;
float: right;
font-family: "Montserrat-Bold", sans-serif !important; }
[data-whatinput='mouse'] .cli-bar-btn_container a.cli_action_button {
outline: 0; }
.cli-bar-btn_container a.cli_action_button, .cli-bar-btn_container a.cli_action_button:hover, .cli-bar-btn_container a.cli_action_button:focus, .cli-bar-btn_container a.cli_action_button.disabled, .cli-bar-btn_container a.cli_action_button.disabled:hover, .cli-bar-btn_container a.cli_action_button.disabled:focus, .cli-bar-btn_container a.cli_action_button[disabled], .cli-bar-btn_container a.cli_action_button[disabled]:hover, .cli-bar-btn_container a.cli_action_button[disabled]:focus {
background-color: transparent; }
.cli-bar-btn_container a.cli_action_button, .cli-bar-btn_container a.cli_action_button.disabled, .cli-bar-btn_container a.cli_action_button[disabled], .cli-bar-btn_container a.cli_action_button.disabled:hover, .cli-bar-btn_container a.cli_action_button[disabled]:hover, .cli-bar-btn_container a.cli_action_button.disabled:focus, .cli-bar-btn_container a.cli_action_button[disabled]:focus {
border: 1px solid #3a25ff;
color: #3a25ff; }
.cli-bar-btn_container a.cli_action_button:hover, .cli-bar-btn_container a.cli_action_button:focus {
border-color: #0e0092;
color: #0e0092; }
.cli-btn {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.5rem;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.75rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #3a25ff !important;
font-family: "Montserrat-Bold", sans-serif !important; }
[data-whatinput='mouse'] .cli-btn {
outline: 0; }
.cli-btn, .cli-btn:hover, .cli-btn:focus, .cli-btn.disabled, .cli-btn.disabled:hover, .cli-btn.disabled:focus, .cli-btn[disabled], .cli-btn[disabled]:hover, .cli-btn[disabled]:focus {
background-color: transparent; }
.cli-btn, .cli-btn.disabled, .cli-btn[disabled], .cli-btn.disabled:hover, .cli-btn[disabled]:hover, .cli-btn.disabled:focus, .cli-btn[disabled]:focus {
border: 1px solid #3a25ff;
color: #3a25ff; }
.cli-btn:hover, .cli-btn:focus {
border-color: #0e0092;
color: #0e0092; }
.cli-modal-dialog .cli-modal-content {
font-family: "Montserrat-Medium", sans-serif !important;
padding: 15px;
background-color: #f2f2f2; }
.cli-modal-dialog .cli-modal-content .cli-tab-section .cli-tab-header {
background-color: #fefefe; }
.cli-switch input:checked + .cli-slider {
background-color: #008859; }
.cli-switch .cli-slider {
background-color: #c8ccd1; }
#cookie-law-info-again {
background-color: #eeeaff !important;
left: auto !important;
border: none !important;
border-radius: 5px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05) !important;
right: 15px;
bottom: 15px !important;
font-family: "Montserrat-Bold", sans-serif !important;
width: 210px !important;
text-align: left !important; }
#cliSettingsPopup a.cli_setting_save_button,
#cliSettingsPopup a.cli_setting_save_button:hover {
background-color: #3a25ff !important;
color: #fefefe; }
.wp-block-embed .wp-block-embed__wrapper .wt-cli-iframe-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
background-color: #f2f2f2;
background-image: none;
align-items: center; }  *:focus {
outline: 1px dotted #000; }
.button:focus,
button:focus {
outline: 0; }
a.hover-effect {
display: block;
transition: 0.1s ease;
z-index: 9;
margin-bottom: 15px;
border-radius: 5px; }
a.hover-effect .card {
margin-bottom: 0; }
a.hover-effect:hover {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
transition: 0.5s ease;
z-index: 999; }  .page-title-container {
padding-bottom: 60px; }
.page-title-container .featured-image-container {
margin-top: -100px; }
.page-title-container .featured-image-container figure {
position: relative;
top: 120px; }
.page-title-container .featured-image-container figure img {
width: 100%;
height: auto; }
.page-title-container + .content-page > .acf-block-call-to-action {
margin-top: 0; } .page-title-container.two-columns {
padding-bottom: 0; }
.child-pages-container {
padding-top: 15px; }
.child-pages-container h2 {
font-size: 80%; }
@media print, screen and (min-width: 47.1875em) {
.child-pages-container h2 {
font-size: 18px; } }
.child-pages-container .description-container {
font-size: 80%;
margin-bottom: calc(0.5 * 15px); }
.child-pages-container .grid-x {
padding-top: calc(1 * 30px); }
.child-pages-container .wp-block-group {
border-radius: 5px;
padding: calc(2 * 15px); }
.content-page .wp-block-group div.wpforms-container-full {
padding: 0; } figure {
position: relative; }
figure figcaption {
word-wrap: break-word;
position: absolute;
width: 100%;
bottom: 0;
text-align: left;
font-size: 80%;
margin: 0;
color: #000;
opacity: 0;
padding: 4px;
transition: opacity 0.2s; }
@media screen and (min-width: 75em) {
figure figcaption {
width: 100%; } }
figure figcaption .copyright {
float: right; }
figure figcaption:empty { }
figure:hover figcaption {
opacity: 1; }
.wp-block-image figcaption {
margin-bottom: 0; }
.has-caption { } .main-content {
background-color: #fefefe;
min-height: calc(100vh - 503px);
padding-bottom: 1px; }
@media print, screen and (min-width: 47.1875em) {
.main-content {
margin-top: 0; } }
@media screen and (min-width: 47.1875em) {
.main-content {
min-height: calc(100vh - 270px); } }
.social-media-menu img {
height: 20px;
width: 20px; }
.charity-logo-list img {
width: 185px;
height: auto;
padding: 0 calc(1 * 15px) calc(2 * 10px) calc(1 * 10px);
}
#wmuk_site_content_licence {
padding-top: calc(2 * 15px);
} .site-header {
background: #fefefe;
z-index: 100; }
.site-header .button.clear,
.site-header a:not(.button) {
color: #000;
font-weight: 700;
font-size: 80%; }
.site-header li.current-menu-item a:after,
.site-header li.current-page-ancestor a:after {
content: ' '; }
.site-header .logo-container-visibility,
.site-header .mini-logo-container-visibility {
position: absolute;
top: 0;
left: 0; }
.site-header img.logo,
.site-header svg.logo {
height: 40px;
transition: all 0.8s ease;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
width: auto; }
.site-header img.logo.type {
left: 47px;
position: relative; }
.site-header .button-group {
margin-bottom: 0; }
.site-header .button-group .button {
margin-bottom: 0; }
.site-header .button {
margin-bottom: 0; }
.site-header .submenu-container {
margin: 0.5rem; }
.site-header .top-menu-container .is-stuck {
background-color: #fefefe;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
.site-header .top-menu-container .sticky {
padding-top: calc(1 * 15px);
height: 15px; }
.site-header .logo-container.is-stuck {
z-index: 99;
padding-left: 0.8333333333rem;
width: 178px; }
.site-header .logo-container {
z-index: 99;
padding-left: 0.5rem;
width: 178px; }
.site-header #search-submit {
background-color: #3a25ff;
color: #eeeaff; }
.side-nav {
display: block;
position: fixed;
top: calc(50% - 318px / 2);
right: 15px;
z-index: 99;
display: flex;
flex-direction: column;
align-items: flex-end; }
.side-nav .button.icon {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
.side-nav .button.clear {
background-color: #fefefe; }
.side-nav .search-button {
display: flex;
align-items: center;
flex-direction: row;
margin-left: calc(0.5 * 15px);
margin-right: calc(0.5 * 15px); }
.side-nav .search-callout {
display: none;
position: absolute;
top: -20px;
right: 55px;
width: 290px;
margin-left: calc(290px / -2);
z-index: 999; }
.side-nav .cta-button-container {
display: flex;
flex-direction: column;
align-items: flex-end; }
.language-switcher li.current-lang {
display: none; }
.site-header.mobile {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
.mobile-language-search-container {
display: flex;
align-items: center;
justify-content: flex-end; }
.mobile-menu-toggler button {
display: flex;
align-items: center;
justify-content: flex-start; }
.mobile-menu-toggler i {
margin-right: calc(0.5 * 15px); }
.mobile-menu-container {
background-color: #fefefe; 
height: 100vh;
padding-top: 10px;
}
.mobile.menu li a {
font-size: 24;
color: #000; }
.mobile.submenu {
justify-content: center; }
.mobile-menu-container a.button {
margin-top: 1rem;
} .site-footer {
background-color: #f2f2f2;
overflow: visible;
min-height: 445px; }
@media print, screen and (min-width: 47.1875em) {
.site-footer {
min-height: 150px; } }
.site-footer .button.clear,
.site-footer a:not(.button) {
color: #000;
font-weight: 700;
font-size: 80%; }
@media print, screen and (min-width: 47.1875em) {
.site-footer .button {
margin-bottom: 0; } }
.site-footer .menu {
margin-left: -0.5rem; }
.site-footer .cta-button-container {
margin-left: calc(-1 * calc(0.5 * 15px)); }
.site-footer .search-callout {
display: none;
position: absolute;
top: -80px;
right: 15px;
width: 290px;
margin-left: 0;
z-index: 999; }
@media print, screen and (min-width: 47.1875em) {
.site-footer .search-callout {
top: -80px;
left: 0;
width: 300px;
margin-left: -130px; } }
.site-footer-relatives + .site-footer {
min-height: 80px; } .home .video-container,
.home .illu-container {
background-color: #f2f2f2;
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
cursor: pointer; }
@media print, screen and (min-width: 47.1875em) {
.home .video-container,
.home .illu-container {
height: 450px; } }
.home .video-container video,
.home .video-container img,
.home .illu-container video,
.home .illu-container img {
max-height: 100%;
max-width: unset;
width: auto; }
.home .illu-container-landscape {
background-color: #f2f2f2; }
.home .illu-container-landscape .illu {
height: calc(70vh - 58px);
background-position: center center;
max-height: 360px;
background-size: cover;
background-repeat: no-repeat; }
@media print, screen and (min-width: 47.1875em) {
.home .illu-container-landscape .illu {
max-height: 560px; } }
@media print, screen and (min-width: 64.0625em) {
.home .illu-container-landscape .illu {
background-size: cover;
height: calc(50vh - 120px); } } .search-callout .close-button {
right: 5px;
top: 0;
font-size: 1em;
line-height: 1;
color: #3a25ff;
background-color: lime; }
.search .search-excerpt p {
font-size: 80%; }
.site-header .search-callout {
display: none;
position: absolute;
top: 43px;
right: 15px;
width: 290px;
z-index: 999; }
@media print, screen and (min-width: 47.1875em) {
.site-header .search-callout {
display: none;
position: absolute;
top: 58px;
left: 0;
width: 290px;
margin-left: calc(290px / -2);
z-index: 999; } } .single-projects .featured-image-container figure {
text-align: center; }
.single-projects .featured-image-container figure img {
width: auto;
max-width: 400px; } .aktuelles-container {
position: relative;
top: -60px; }
.aktuelles-container .card.calendar-container a,
.aktuelles-container .card.calendar-container h2 {
color: #C7006B; }
.aktuelles-container .card.calendar-container a.button,
.aktuelles-container .card.calendar-container h2.button {
background-color: #FDE8F0; } .page-id-41536 .page-title-container {
min-height: calc(100vh - 270px); } .block-grid .cell {
margin-bottom: calc(2 * 15px); }
.cta-button-container {
display: flex;
flex-direction: column;
align-items: stretch; }
@media print, screen and (min-width: 47.1875em) {
.cta-button-container {
flex-direction: row; } }
.cta-button-container .button {
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-left: calc(0.5 * 15px);
margin-right: calc(0.5 * 15px); }
.primary-cta-buttons-container {
background-color: #fefefe;
padding-top: 15px;
z-index: 999; }
.primary-cta-buttons-container .cta-button-container {
justify-content: center; }
.primary-cta-buttons-container .cta-button-container a.button {
font-size: 0.7rem; }
.primary-cta-buttons-container .cta-button-container i {
display: none; }
.button {
font-weight: 700;
font-family: "Montserrat-Bold", sans-serif; }
.button.icon {
padding-top: 0.25rem;
padding-bottom: 0.25rem; }
.button.icon i {
margin-right: 5px; }
.button.large {
padding: 1rem; }
.button.hollow {
background-color: transparent;
border: 1px solid #3a25ff;
color: #3a25ff; }
.button.strong {
background-color: #3a25ff;
color: #fefefe; }
.button.strong.success {
background-color: #008859; }
.button.strong.secondary {
background-color: #fff;
color: #000; }
.button.strong.warning {
background-color: #FFA800; }
.button.strong.alert {
background-color: #FDE8F0; }
.button-group,
.button-group:focus,
.button-group:active,
.button-group:hover {
background-color: transparent; }
.title-bar {
justify-content: space-between; }
.cell.collapse {
padding: 0; }
.callout {
background-color: #eeeaff; }
.media-object img {
max-width: 100%; }
.accordion-title {
padding-right: 50px;
line-height: 1.4; }
table thead,
table tbody,
table tfoot {
border-left: none;
border-right: none; }
table thead h1,
table thead h2,
table thead h3,
table thead h4,
table thead h5,
table thead h6,
table thead p,
table tbody h1,
table tbody h2,
table tbody h3,
table tbody h4,
table tbody h5,
table tbody h6,
table tbody p,
table tfoot h1,
table tfoot h2,
table tfoot h3,
table tfoot h4,
table tfoot h5,
table tfoot h6,
table tfoot p {
margin-bottom: 0; }
form {
font-family: 'Montserrat-Medium'; }
form ul {
margin: 0;
padding: 0;
list-style: none; }
.reveal {
color: #fefefe;
padding: 1rem 3rem; }
.reveal a:not(.button) {
color: #fefefe;
text-decoration: underline; }
.reveal .close-button {
color: #fefefe; }
div.wpforms-container-full {
line-height: 1.4; }
div.wpforms-container-full .wpforms-form p.small {
font-size: 80%;
line-height: 1.4; }
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
max-width: 100%; }
div.wpforms-container-full .wpforms-form button[type="submit"] {
color: #000;
padding: 1rem;
font-family: "Montserrat-Bold", sans-serif;
border-radius: 5px;
border: none; }
div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
border: none; }  .blog-posts .sticky-post-container {
background-color: #fefefe;
margin-top: calc(-1 * 60px); }
.blog-posts .blog-post {
padding-bottom: calc(4 * 15px); }
.blog-posts .blog-post .post-details h2 {
font-size: 80%; }
@media print, screen and (min-width: 47.1875em) {
.blog-posts .blog-post .post-details h2 {
font-size: 18px; } }
.blog-posts .blog-post .post-details a.post-link {
font-size: 80%; }
.blog-posts .blog-post .post-details .post-meta {
font-size: 80%;
list-style: none;
margin: calc(0.5 * 15px) 0; }
.blog-posts .blog-post .post-details .post-meta li {
display: inline-block; }
.blog-posts .blog-post .post-details .post-meta li ul.post-categories {
margin: 0;
padding: 0; }
.blog-posts .blog-post .post-details .post-meta li:after {
content: ' |'; }
.blog-posts .blog-post .post-details .post-meta li:last-of-type:after {
content: ''; }
.blog-posts .blog-post.sticky-post h2 {
font-size: 18px; }
@media print, screen and (min-width: 47.1875em) {
.blog-posts .blog-post.sticky-post h2 {
font-size: 27px; } }
.blog-posts .blog-post.sticky-post p {
font-size: 80%; }
@media print, screen and (min-width: 47.1875em) {
.blog-posts .blog-post.sticky-post p {
font-size: 18px; } }
.blog-posts .pagination {
text-align: center; }
@media print, screen and (min-width: 47.1875em) {
.blog-posts .pagination {
text-align: left; } }
.blog-posts .pagination .page-numbers {
border-radius: 4px;
padding: 5px 8px 8px;
background-color: #f2f2f2;
display: inline-block;
font-variant-numeric: tabular-nums;
min-width: 2em;
height: 2em;
text-align: center;
font-weight: bold;
font-size: 80%; }
.blog-posts .pagination .page-numbers.next, .blog-posts .pagination .page-numbers.prev {
padding-top: 3px;
background: transparent;
vertical-align: top;
display: none; }
@media print, screen and (min-width: 47.1875em) {
.blog-posts .pagination .page-numbers.next, .blog-posts .pagination .page-numbers.prev {
display: inline-block; } }
.blog-posts .pagination h2 {
display: none; }
.muuri-grid {
position: relative;
margin-bottom: 50px; }
.muuri-grid .item {
display: block;
position: absolute;
margin: 0;
z-index: 1;
color: #000;
box-sizing: border-box; }
.muuri-grid .item.muuri-item-dragging {
z-index: 3; }
.muuri-grid .item.muuri-item-releasing {
z-index: 2; }
.muuri-grid .item.muuri-item-hidden {
z-index: 0; }
.muuri-grid .item-content {
position: relative;
width: 100%;
height: 100%;
word-wrap: break-word; }
.scrollhide-nav {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
position: fixed;
right: 0;
top: 0;
left: 0;
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
.scrollhide-nav.hidden {
transform: translateY(-100%); }
.page-template-page-ogog-kommentare h1,
.page-template-page-ogog-other h1,
.page-template-page-ogog h1 {
font-size: 28.8px; }
@media print, screen and (min-width: 47.1875em) {
.page-template-page-ogog-kommentare h1,
.page-template-page-ogog-other h1,
.page-template-page-ogog h1 {
font-size: 60px; } }
@media print, screen and (min-width: 47.1875em) {
.page-template-page-ogog-kommentare,
.page-template-page-ogog-other,
.page-template-page-ogog {
margin-top: 70px; } }
.site-header.ogog {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background-color: #FFA800; }
.site-header.ogog .grid-x {
height: 95px; }
@media print, screen and (min-width: 47.1875em) {
.site-header.ogog .grid-x {
height: 70px; } }
.site-header.ogog .menu-container {
background-color: #e69700;
height: 35px;
display: flex;
align-items: center;
justify-content: flex-start; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; white-space: nowrap; position: relative; }
@media (min-width: 1140px) {
.site-header.ogog .menu-container {
background-color: transparent; } }
@media print, screen and (min-width: 47.1875em) {
.site-header.ogog .menu-container {
height: 70px; } }
@media screen and (min-width: 71.25em) {
.site-header.ogog .menu-container {
justify-content: center; } }
.site-header.ogog .menu-container .menu {
flex-wrap: nowrap; }
.site-header.ogog .menu-container .menu li a.is-active {
background-color: #fefefe;
border-radius: 5px; }
.site-header.ogog .menu::-webkit-scrollbar {
display: none; }
.site-header.ogog .menu-container ul {
margin: 0;
display: flex;
-webkit-padding-start: 0px; }
.site-header.ogog .menu-container li {
display: inline-table; }
section.ogog-welcome {
padding-top: 95px;
background-repeat: no-repeat;
background-position: right top;
background-size: contain; }
@media print, screen and (min-width: 47.1875em) {
section.ogog-welcome {
padding-top: 0; } }
section.ogog-welcome h1,
section.ogog-welcome p {
z-index: 99;
position: relative; }
section.ogog-welcome .header-illu-container {
position: relative; }
@media print, screen and (min-width: 47.1875em) {
section.ogog-welcome .header-illu-container img {
position: absolute;
right: 0;
width: 100%;
max-width: 100%;
z-index: 1; } }
section.ogog-welcome .corona-teaser {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/trouble-bg-01.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: calc(4 * 15px); }
section.ogog-welcome .corona-teaser .trouble-content {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform-origin: center;
transform: rotate(-7deg);
-webkit-animation-name: rotate;
animation-name: rotate;
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
@keyframes rotate {
0% {
transform: scale(1) rotate(-7deg); }
20% {
transform: scale(1.1) rotate(0deg); }
100% {
transform: scale(1) rotate(-7deg); } }
section.ogog-welcome .corona-teaser .trouble-content p {
font-size: 24px;
font-family: "Montserrat-Bold", sans-serif; }
@media print, screen and (min-width: 47.1875em) {
section.ogog-welcome .corona-teaser .trouble-content p {
font-size: 30px; } }
section.ogog-welcome .corona-teaser .trouble-content #trouble-button.button {
background-color: #000;
color: #fbee52; }
.corona-container {
padding-top: calc(2 * 15px);
padding-bottom: calc(2 * 15px);
background: #FFE7B9;
width: 100%;
max-width: 100%; }
.corona-container .wp-block-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: calc(66.6666666667rem - 20px * 2); }
table.wpforms-frontend-entries {
width: 100%; }
@media print, screen and (max-width: 47.18625em) {
table.wpforms-frontend-entries thead {
display: none; }
table.wpforms-frontend-entries td {
border-top: 0;
display: block; } } .page-id-42111 .menu li a.comments {
background-color: #fefefe;
border-radius: 5px; }
.page-id-42204 .menu li a.letter {
background-color: #fefefe;
border-radius: 5px; }
.page-id-42093 .menu li a.press {
background-color: #fefefe;
border-radius: 5px; }
.entry-count-container strong {
background-color: #FFA800; }
.page-template-template-unlock,
.page-template-template-unlock-start,
.page-template-template-unlock-special-image,
.post-type-archive-unlock-blog,
.single-unlock-blog,
.page-id-43641,
.post-type-archive-unlock-projects,
.single-unlock-projects {   }
.page-template-template-unlock .site-header-relatives,
.page-template-template-unlock-start .site-header-relatives,
.page-template-template-unlock-special-image .site-header-relatives,
.post-type-archive-unlock-blog .site-header-relatives,
.single-unlock-blog .site-header-relatives,
.page-id-43641 .site-header-relatives,
.post-type-archive-unlock-projects .site-header-relatives,
.single-unlock-projects .site-header-relatives {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999; }
@media print, screen and (min-width: 64.0625em) {
.page-template-template-unlock .site-header-relatives a.unlock-logo-container,
.page-template-template-unlock-start .site-header-relatives a.unlock-logo-container,
.page-template-template-unlock-special-image .site-header-relatives a.unlock-logo-container,
.post-type-archive-unlock-blog .site-header-relatives a.unlock-logo-container,
.single-unlock-blog .site-header-relatives a.unlock-logo-container,
.page-id-43641 .site-header-relatives a.unlock-logo-container,
.post-type-archive-unlock-projects .site-header-relatives a.unlock-logo-container,
.single-unlock-projects .site-header-relatives a.unlock-logo-container {
height: 40px;
width: 177px;
top: -4px; } }
.page-template-template-unlock .site-header-relatives .grid-x,
.page-template-template-unlock-start .site-header-relatives .grid-x,
.page-template-template-unlock-special-image .site-header-relatives .grid-x,
.post-type-archive-unlock-blog .site-header-relatives .grid-x,
.single-unlock-blog .site-header-relatives .grid-x,
.page-id-43641 .site-header-relatives .grid-x,
.post-type-archive-unlock-projects .site-header-relatives .grid-x,
.single-unlock-projects .site-header-relatives .grid-x {
height: 55px; }
@media print, screen and (min-width: 47.1875em) {
.page-template-template-unlock .site-header-relatives .grid-x,
.page-template-template-unlock-start .site-header-relatives .grid-x,
.page-template-template-unlock-special-image .site-header-relatives .grid-x,
.post-type-archive-unlock-blog .site-header-relatives .grid-x,
.single-unlock-blog .site-header-relatives .grid-x,
.page-id-43641 .site-header-relatives .grid-x,
.post-type-archive-unlock-projects .site-header-relatives .grid-x,
.single-unlock-projects .site-header-relatives .grid-x {
height: 110px; } }
.page-template-template-unlock a.unlock-logo-container,
.page-template-template-unlock-start a.unlock-logo-container,
.page-template-template-unlock-special-image a.unlock-logo-container,
.post-type-archive-unlock-blog a.unlock-logo-container,
.single-unlock-blog a.unlock-logo-container,
.page-id-43641 a.unlock-logo-container,
.post-type-archive-unlock-projects a.unlock-logo-container,
.single-unlock-projects a.unlock-logo-container {
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/unlock/unlock-logo-white.svg);
background-size: cover;
display: block;
height: 30px;
width: 133px;
position: relative;
top: -2px; }
.page-template-template-unlock .site-header-relatives .button.clear,
.page-template-template-unlock .site-footer-relatives .button.clear,
.page-template-template-unlock .mobile-menu .button.clear,
.page-template-template-unlock-start .site-header-relatives .button.clear,
.page-template-template-unlock-start .site-footer-relatives .button.clear,
.page-template-template-unlock-start .mobile-menu .button.clear,
.page-template-template-unlock-special-image .site-header-relatives .button.clear,
.page-template-template-unlock-special-image .site-footer-relatives .button.clear,
.page-template-template-unlock-special-image .mobile-menu .button.clear,
.post-type-archive-unlock-blog .site-header-relatives .button.clear,
.post-type-archive-unlock-blog .site-footer-relatives .button.clear,
.post-type-archive-unlock-blog .mobile-menu .button.clear,
.single-unlock-blog .site-header-relatives .button.clear,
.single-unlock-blog .site-footer-relatives .button.clear,
.single-unlock-blog .mobile-menu .button.clear,
.page-id-43641 .site-header-relatives .button.clear,
.page-id-43641 .site-footer-relatives .button.clear,
.page-id-43641 .mobile-menu .button.clear,
.post-type-archive-unlock-projects .site-header-relatives .button.clear,
.post-type-archive-unlock-projects .site-footer-relatives .button.clear,
.post-type-archive-unlock-projects .mobile-menu .button.clear,
.single-unlock-projects .site-header-relatives .button.clear,
.single-unlock-projects .site-footer-relatives .button.clear,
.single-unlock-projects .mobile-menu .button.clear {
color: #fefefe; }
.page-template-template-unlock .site-header-relatives .menu li a,
.page-template-template-unlock .site-footer-relatives .menu li a,
.page-template-template-unlock .mobile-menu .menu li a,
.page-template-template-unlock-start .site-header-relatives .menu li a,
.page-template-template-unlock-start .site-footer-relatives .menu li a,
.page-template-template-unlock-start .mobile-menu .menu li a,
.page-template-template-unlock-special-image .site-header-relatives .menu li a,
.page-template-template-unlock-special-image .site-footer-relatives .menu li a,
.page-template-template-unlock-special-image .mobile-menu .menu li a,
.post-type-archive-unlock-blog .site-header-relatives .menu li a,
.post-type-archive-unlock-blog .site-footer-relatives .menu li a,
.post-type-archive-unlock-blog .mobile-menu .menu li a,
.single-unlock-blog .site-header-relatives .menu li a,
.single-unlock-blog .site-footer-relatives .menu li a,
.single-unlock-blog .mobile-menu .menu li a,
.page-id-43641 .site-header-relatives .menu li a,
.page-id-43641 .site-footer-relatives .menu li a,
.page-id-43641 .mobile-menu .menu li a,
.post-type-archive-unlock-projects .site-header-relatives .menu li a,
.post-type-archive-unlock-projects .site-footer-relatives .menu li a,
.post-type-archive-unlock-projects .mobile-menu .menu li a,
.single-unlock-projects .site-header-relatives .menu li a,
.single-unlock-projects .site-footer-relatives .menu li a,
.single-unlock-projects .mobile-menu .menu li a {
color: #fefefe; }
.page-template-template-unlock .site-header-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock .site-header-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock .site-footer-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock .site-footer-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock .mobile-menu .menu li.current-menu-item a:after,
.page-template-template-unlock .mobile-menu .menu li.current-page-ancestor a:after,
.page-template-template-unlock-start .site-header-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock-start .site-header-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock-start .site-footer-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock-start .site-footer-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock-start .mobile-menu .menu li.current-menu-item a:after,
.page-template-template-unlock-start .mobile-menu .menu li.current-page-ancestor a:after,
.page-template-template-unlock-special-image .site-header-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock-special-image .site-header-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock-special-image .site-footer-relatives .menu li.current-menu-item a:after,
.page-template-template-unlock-special-image .site-footer-relatives .menu li.current-page-ancestor a:after,
.page-template-template-unlock-special-image .mobile-menu .menu li.current-menu-item a:after,
.page-template-template-unlock-special-image .mobile-menu .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-blog .site-header-relatives .menu li.current-menu-item a:after,
.post-type-archive-unlock-blog .site-header-relatives .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-blog .site-footer-relatives .menu li.current-menu-item a:after,
.post-type-archive-unlock-blog .site-footer-relatives .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-blog .mobile-menu .menu li.current-menu-item a:after,
.post-type-archive-unlock-blog .mobile-menu .menu li.current-page-ancestor a:after,
.single-unlock-blog .site-header-relatives .menu li.current-menu-item a:after,
.single-unlock-blog .site-header-relatives .menu li.current-page-ancestor a:after,
.single-unlock-blog .site-footer-relatives .menu li.current-menu-item a:after,
.single-unlock-blog .site-footer-relatives .menu li.current-page-ancestor a:after,
.single-unlock-blog .mobile-menu .menu li.current-menu-item a:after,
.single-unlock-blog .mobile-menu .menu li.current-page-ancestor a:after,
.page-id-43641 .site-header-relatives .menu li.current-menu-item a:after,
.page-id-43641 .site-header-relatives .menu li.current-page-ancestor a:after,
.page-id-43641 .site-footer-relatives .menu li.current-menu-item a:after,
.page-id-43641 .site-footer-relatives .menu li.current-page-ancestor a:after,
.page-id-43641 .mobile-menu .menu li.current-menu-item a:after,
.page-id-43641 .mobile-menu .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-projects .site-header-relatives .menu li.current-menu-item a:after,
.post-type-archive-unlock-projects .site-header-relatives .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-projects .site-footer-relatives .menu li.current-menu-item a:after,
.post-type-archive-unlock-projects .site-footer-relatives .menu li.current-page-ancestor a:after,
.post-type-archive-unlock-projects .mobile-menu .menu li.current-menu-item a:after,
.post-type-archive-unlock-projects .mobile-menu .menu li.current-page-ancestor a:after,
.single-unlock-projects .site-header-relatives .menu li.current-menu-item a:after,
.single-unlock-projects .site-header-relatives .menu li.current-page-ancestor a:after,
.single-unlock-projects .site-footer-relatives .menu li.current-menu-item a:after,
.single-unlock-projects .site-footer-relatives .menu li.current-page-ancestor a:after,
.single-unlock-projects .mobile-menu .menu li.current-menu-item a:after,
.single-unlock-projects .mobile-menu .menu li.current-page-ancestor a:after {
content: ' ·'; }
.page-template-template-unlock .mobile-menu,
.page-template-template-unlock-start .mobile-menu,
.page-template-template-unlock-special-image .mobile-menu,
.post-type-archive-unlock-blog .mobile-menu,
.single-unlock-blog .mobile-menu,
.page-id-43641 .mobile-menu,
.post-type-archive-unlock-projects .mobile-menu,
.single-unlock-projects .mobile-menu {
display: none;
position: fixed;
z-index: 999;
top: 55px;
left: 0;
width: 100%; }
.page-template-template-unlock .main-content,
.page-template-template-unlock-start .main-content,
.page-template-template-unlock-special-image .main-content,
.post-type-archive-unlock-blog .main-content,
.single-unlock-blog .main-content,
.page-id-43641 .main-content,
.post-type-archive-unlock-projects .main-content,
.single-unlock-projects .main-content {
margin-top: 55px; }
@media print, screen and (min-width: 47.1875em) {
.page-template-template-unlock .main-content,
.page-template-template-unlock-start .main-content,
.page-template-template-unlock-special-image .main-content,
.post-type-archive-unlock-blog .main-content,
.single-unlock-blog .main-content,
.page-id-43641 .main-content,
.post-type-archive-unlock-projects .main-content,
.single-unlock-projects .main-content {
margin-top: 110px; } }
.page-template-template-unlock .site-footer-relatives,
.page-template-template-unlock-start .site-footer-relatives,
.page-template-template-unlock-special-image .site-footer-relatives,
.post-type-archive-unlock-blog .site-footer-relatives,
.single-unlock-blog .site-footer-relatives,
.page-id-43641 .site-footer-relatives,
.post-type-archive-unlock-projects .site-footer-relatives,
.single-unlock-projects .site-footer-relatives {
min-height: 120px; }
@media print, screen and (min-width: 47.1875em) {
.page-template-template-unlock .site-footer-relatives,
.page-template-template-unlock-start .site-footer-relatives,
.page-template-template-unlock-special-image .site-footer-relatives,
.post-type-archive-unlock-blog .site-footer-relatives,
.single-unlock-blog .site-footer-relatives,
.page-id-43641 .site-footer-relatives,
.post-type-archive-unlock-projects .site-footer-relatives,
.single-unlock-projects .site-footer-relatives {
min-height: 110px; } }
.page-template-template-unlock .site-footer-relatives .grid-x,
.page-template-template-unlock-start .site-footer-relatives .grid-x,
.page-template-template-unlock-special-image .site-footer-relatives .grid-x,
.post-type-archive-unlock-blog .site-footer-relatives .grid-x,
.single-unlock-blog .site-footer-relatives .grid-x,
.page-id-43641 .site-footer-relatives .grid-x,
.post-type-archive-unlock-projects .site-footer-relatives .grid-x,
.single-unlock-projects .site-footer-relatives .grid-x {
height: 120px; }
@media print, screen and (min-width: 47.1875em) {
.page-template-template-unlock .site-footer-relatives .grid-x,
.page-template-template-unlock-start .site-footer-relatives .grid-x,
.page-template-template-unlock-special-image .site-footer-relatives .grid-x,
.post-type-archive-unlock-blog .site-footer-relatives .grid-x,
.single-unlock-blog .site-footer-relatives .grid-x,
.page-id-43641 .site-footer-relatives .grid-x,
.post-type-archive-unlock-projects .site-footer-relatives .grid-x,
.single-unlock-projects .site-footer-relatives .grid-x {
height: 110px; } }
@media print, screen and (max-width: 47.18625em) {
.page-template-template-unlock .wikimedia-footer .grid-x,
.page-template-template-unlock-start .wikimedia-footer .grid-x,
.page-template-template-unlock-special-image .wikimedia-footer .grid-x,
.post-type-archive-unlock-blog .wikimedia-footer .grid-x,
.single-unlock-blog .wikimedia-footer .grid-x,
.page-id-43641 .wikimedia-footer .grid-x,
.post-type-archive-unlock-projects .wikimedia-footer .grid-x,
.single-unlock-projects .wikimedia-footer .grid-x {
align-items: flex-start; } }
.page-template-template-unlock .card.unlock-projects,
.page-template-template-unlock-start .card.unlock-projects,
.page-template-template-unlock-special-image .card.unlock-projects,
.post-type-archive-unlock-blog .card.unlock-projects,
.single-unlock-blog .card.unlock-projects,
.page-id-43641 .card.unlock-projects,
.post-type-archive-unlock-projects .card.unlock-projects,
.single-unlock-projects .card.unlock-projects {
background-color: #ECF5F8; }
.anchor-nav {
width: 100%;
min-height: 50px;
padding-top: 7.5px;
padding-bottom: 7.5px;
position: fixed;
left: 0;
width: 100%;
z-index: 999; }
.anchor-nav .button {
margin-bottom: 0; }
@media print, screen and (min-width: 47.1875em) {
.anchor-nav {
top: 110px; } }
@media print, screen and (min-width: 47.1875em) {
.anchor-nav + .page-title-container {
margin-top: 160px; } } .page-id-42799 .page-title-container h1 {
font-size: 45px; }
.page-id-42799 .page-title-background-image img {
height: calc(100% + 207px);
-o-object-fit: contain;
object-fit: contain; }
body.page-template-template-wikipedia-challenge {  }
body.page-template-template-wikipedia-challenge .site-header-relatives {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background-color: #fefefe;
color: #000; }
body.page-template-template-wikipedia-challenge .site-header-relatives .grid-x {
height: 90px; }
@media print, screen and (min-width: 47.1875em) {
body.page-template-template-wikipedia-challenge .site-header-relatives .grid-x {
height: 70px; } }
body.page-template-template-wikipedia-challenge #main-content.main-content {
margin-top: 90px;
background-image: url(//wikimedia.org.uk/wp/wp-content/themes/bankside/assets/img/background_darker_with_overlay.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center; background-color: #000;
color: #fefefe; }
body.page-template-template-wikipedia-challenge #main-content.main-content p:not(.has-small-font-size) {
font-size: 22px; }
@media print, screen and (min-width: 47.1875em) {
body.page-template-template-wikipedia-challenge #main-content.main-content {
margin-top: 70px; } }
body.page-template-template-wikipedia-challenge #main-content.main-content input[type=text] {
background-color: #ffffff66;
height: 45px;
border: none; }
body.page-template-template-wikipedia-challenge #main-content.main-content .button {
background-color: #fefefe;
color: #000;
height: 45px; }
body.page-template-template-wikipedia-challenge #main-content.main-content .button:hover, body.page-template-template-wikipedia-challenge #main-content.main-content .button:active, body.page-template-template-wikipedia-challenge #main-content.main-content .button:focus {
background-color: #000;
color: #fefefe; }
body.page-template-template-wikipedia-challenge #main-content.main-content em {
background-color: #f21b5ac5; }
body.page-template-template-wikipedia-challenge #main-content.main-content a {
color: #fefefe;
text-decoration: underline; }
body.page-template-template-wikipedia-challenge #main-content.main-content .has-red-background-color {
background-color: #f21b5ac5 !important; }
body.page-template-template-wikipedia-challenge #main-content.main-content iframe {
display: block; }
body.page-template-template-wikipedia-challenge .challenge-footer {
min-height: 300px; }
@media print, screen and (min-width: 47.1875em) {
body.page-template-template-wikipedia-challenge .challenge-footer {
min-height: 150px; } }
@media print, screen and (max-width: 47.18625em) {
body.page-template-template-wikipedia-challenge .wikimedia-footer .grid-x {
align-items: flex-start; } } .lead_image {
max-width: 100px;
} .more-link { display: none; }
.content-page .news-twitter {
margin-top: calc(1 * calc(2 * 15px));
margin-bottom: calc(1 * calc(1 * 10px)); }
#contact-footer {
margin-top: calc(2 * 15px); }
#contact-footer p {
white-space: pre-line;
font-size: 16px;
padding-bottom: calc(2 * 15px); }
#contact-footer .grid-container {
padding-left: 0;
padding-right: 0; } body.theme_blue .main-content table.ical tbody tr:nth-child(2n),
body.theme_green .main-content table.ical tbody tr:nth-child(2n),
body.theme_red .main-content table.ical tbody tr:nth-child(2n) {
background: #fff;
} .donate-panel-container {
display: none;
width: auto;
height: 0;
}
.donate-panel-container iframe {
width: 100vw;
height: auto;
border: none; 
}
#donate-page-content {
width: 100vw;
min-height: 500px;
height: auto;
padding-top: 270px;
background-size: cover;
}
#membership-page-content {
width: 100vw;
min-height: 500px;
height: auto;
padding-top: 200px;
background-size: cover;
}
.donate-page-content {
width: 100vw;
height: auto;
}
#newsletter-signup-page-content {
width: 100vw;
height: auto;
min-height: 400px;
height: auto;
padding-top: 200px;
background-position: 65% 65%;
background-size: cover;
}
#donate-page-content .dist-buttons,
#membership-page-content .dist-buttons {
display: flex;
justify-content: center;
}
#membership-page-content a,
#donate-page-content a,
#newsletter-signup-page-content a {
color: inherit;
font-weight: bold;
}
#membership-page-content .wp-block-button,
#donate-page-content .wp-block-button, 
#newsletter-signup-page-content .wp-block-button {
margin-right: 1em;
}
#donate-form-after {
margin-top: 20px;
}
#donate-page-after {
width: 100vw;
margin-top: 2rem;
align: center;
padding: 0 3rem;
}
#donate-page-after .wp-block-button__link {
min-height: 3rem;
text-align: left;
margin: 0 5px;
width: 200px;
}
#cover-title {
font-size: 32px;
color: #fff;
margin-bottom: 0.5rem;
padding: 0.2rem;
line-height: 1.15;
height: auto; 
width: 75%;
align: center;
text-align: center;
padding: 10px 20px 0 20px;
}
#donate-page-content #cover-title, 
#donate-page-content .dist-buttons {
background-color: #213ddb;
}
#membership-page-content #cover-title, 
#membership-page-content .dist-buttons {
background-color: #087951;
}
#newsletter-signup-page-content #cover-title {
background-color: #C7006B;
}
#cover-title p {
text-align: left;
}
.centre-panel {
width: 70%;
text-align: center;
background-color: yellow;
}
#after-quote {
margin: 30px 0;
padding: 30px 50px;
background-color: #eeeaff; 
}
#donate-form-after-how {
margin-top: 30px;
background-color: #fff; 
}
#donate-form-after-other, 
#membership-form-after {
margin-top: 30px;
}
#donate-form-after-how .row, 
#donate-form-after-other .row {
justify-content: space-evenly;
margin: 10px 0;
}
#donate-form-after-how .cell, 
#donate-form-after-other .cell {
padding: 0 10px;
}
#donate-form-after-how .wp-block-button__link, 
#donate-form-after-other .wp-block-button__link {
width: 100%;
margin-bottom: 0;    
border-radius: 0;
}
#donate-form-after-how .how-image {
display: flex;
justify-content: center;
margin: 10px 0 20px 0;
}
#donate-form-after-how .how-image img {
height: 80px;
width: auto;
}
#membership-form-after {
display: flex;
justify-content: center;
}
#membership-form-after #content-container {
width: 85%;
}  .dk-speakout-submit {
background: #000; 
color: #fff;
box-shadow: none;
border: none;
}
.dk-speakout-petition-wrap {
box-shadow: none;
border-color: transparent;
}
.dk-speakout-petition-wrap h3, 
.dk-speakout-readme {
display: none !important; 
}
.dk-speakout-odd, 
.dk-speakout-even {
background-color: #fff !important;
}
.dk-speakout-petition label {
text-transform: none;
}
.dk-speakout-privacypolicy label {
text-transform: lowercase;
} .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 75%;
}
.frm_forms.frm_style_formidable-style.with_frm_style,
.frm_forms.frm_style_formidable-style.with_frm_style label {
font-family: Lato, sans-serif;
font-size: 18px;
}
.frm_button_submit {
font-weight: 700 !important;
display: inline-block;
border-radius: 5px !important;
background-color: #3a25ff !important;
color: #eeeaff !important;
text-transform: uppercase !important;
padding: 0.5rem;
font-size: 0.75rem;
background-color: #c7006b !important;
}
body {
--list-even: none;
}
.popmake a {
color: #222;
text-decoration: underline;
font-weight: 700;
} .wp-block-embed-youtube .wp-block-embed__wrapper {
padding-bottom: 0;
}