@font-face {
font-family: 'lg';
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/lg.eot?n1z373);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/lg.woff?n1z373) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/lg.ttf?n1z373) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-progress-bar .lg-progress {
background-color: #7aa717 !important;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 80px;
display: block;
top: 50%;
height: 80px;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/img/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.7;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
@media screen and (max-width: 768px) {
.lSAction > a {
width: 50px;
height: 50px;
top: calc(50% - 25px);
}
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
} .lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}/*/*/.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lSPager li {
position: relative;
}
.lSPager li:after {
background-color: rgba(0,0,0,.2);
left: 0;
right: 0;
bottom: 0;
top: 0;
position: absolute;
pointer-events: none;
content: '';
}
.lSPager li.active:before  {
content:'';
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/plus.svg);
display: block;
font-size: 50px;
position: absolute;
top: 0;
bottom: 0;
margin:auto;
color: #fff;
left: 0;
right: 0;
width: 30px;
z-index: 2;
height: 30px;
}html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}         * {
box-sizing: border-box;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media screen and (max-width: 640px) {
.container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 797px) {
.container {
width: 100%;
}
}
@media (min-width: 1170px) {
.container {
width: 1140px;
}
}
@media (min-width: 1207px) {
.container {
width: 1177px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
@media screen and (max-width: 640px) {
.row {
margin-left: -3rem;
margin-right: -3rem;
}
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
@media screen and (max-width: 640px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: 3rem;
padding-right: 3rem;
}
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 560px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1300px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 620px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1024px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1300px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 620px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1024px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1300px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@font-face {
font-family: "Acumin Pro";
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.eot);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.eot?#iefix) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.woff2) format("woff2"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.woff) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.ttf) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Bold.svg#../fonts/AcuminPro-Bold) format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Acumin Pro";
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.eot);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.eot?#iefix) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.woff2) format("woff2"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.woff) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.ttf) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Regular.svg#../fonts/AcuminPro-Regular) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Acumin Pro";
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.eot);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.eot?#iefix) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.woff2) format("woff2"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.woff) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.ttf) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-Italic.svg#../fonts/AcuminPro-Italic) format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Acumin Pro";
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.eot);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.woff2) format("woff2"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.woff) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.ttf) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/AcuminPro-BoldItalic.svg#../fonts/AcuminPro-BoldItalic) format("svg");
font-weight: bold;
font-style: italic;
}
html {
min-width: 320px;
padding: 0 !important;
margin: 0 !important;
}
.text-center {
text-align: center;
}
.container {
position: relative;
}
.container ol li {
list-style: inherit;
}
.abs-center {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.inline-block {
display: inline-block;
}
.trans-center {
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
position: absolute;
display: inline-block;
}
.fixed {
position: fixed;
}
.relative {
position: relative !important;
}
.absolute {
position: absolute;
}
.abs-right {
right: 0;
position: absolute;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1200px) {
.sm-flex {
display: initial;
}
}
.sm-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
.sm-wrap {
display: initial;
}
}
.justify-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.full-width {
width: 100% !important;
}
.full-height {
height: 100% !important;
}
.content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.transition {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pointer {
cursor: pointer;
}
.pointerEventsNone {
pointer-events: none;
}
.d-table {
display: table;
}
.no-decor, .no-decor *,
.no-decoration, .no-decoration * {
text-decoration: none !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-uppercase ::-webkit-input-placeholder {
text-transform: uppercase !important;
}
.text-uppercase :-moz-placeholder {
text-transform: uppercase !important;
}
.text-uppercase ::-moz-placeholder {
text-transform: uppercase !important;
}
.text-uppercase :-ms-input-placeholder {
text-transform: uppercase !important;
}
.hover-secondary:hover {
background-color: #5cc4ed !important;
}
.no-transform {
text-transform: none !important;
}
.no-bra {
border-radius: 0 !important;
}
.bg-primary {
background-color: #005b9c;
color: #fff;
}
.bg-primary a, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h1 a, .bg-primary h2 a, .bg-primary h3 a, .bg-primary h4 a, .bg-primary h5 a, .bg-primary span, .bg-primary p {
color: #fff;
}
.bg-secondary {
background-color: #5cc4ed;
color: #005b9c;
}
.bg-secondary a, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h1 a, .bg-secondary h2 a, .bg-secondary h3 a, .bg-secondary h4 a, .bg-secondary h5 a, .bg-secondary span, .bg-secondary p {
color: #005b9c;
}
.brand-dark {
background-color: #191919;
color: #d3d3d3;
}
.brand-dark h1, .brand-dark h2, .brand-dark h3, .brand-dark h4, .brand-dark h5, .brand-dark h1 a, .brand-dark h2 a, .brand-dark h3 a, .brand-dark h4 a, .brand-dark h5 a, .brand-dark span, .brand-dark p, .brand-dark ul, .brand-dark li {
color: #aeaeae;
}
.brand-dark a {
color: #fff !important;
}
.brand-dark a:hover {
color: #005b9c;
}
.brand-choco {
background-color: #005b9c;
color: #d3d3d3;
}
.brand-choco h1, .brand-choco h2, .brand-choco h3, .brand-choco h4, .brand-choco h5, .brand-choco h1 a, .brand-choco h2 a, .brand-choco h3 a, .brand-choco h4 a, .brand-choco h5 a, .brand-choco span, .brand-choco p, .brand-choco ul, .brand-choco li {
color: #aeaeae;
}
.brand-choco a {
color: #fff !important;
}
.brand-choco a:hover {
color: #005b9c;
}
.color-body, .color-body *, .body-color, .body-color * {
color: #005b9c !important;
}
.color-primary {
color: #005b9c !important;
}
.color-secondary {
color: #5cc4ed !important;
}
.color-white {
color: #fff !important;
}
.color-third {
color: #ffcc79 !important;
}
.block {
display: block;
}
.clear {
clear: both;
}
.hided, .none {
display: none;
}  .text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
} .font-weight-bold {
font-weight: bold;
}
.font-weight-normal {
font-weight: normal;
}
.font-italic {
font-style: italic;
} .flex-center {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
} .no-m {
margin: 0 !important;
}
.no-mh {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-mv {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.no-ml {
margin-left: 0 !important;
}
.no-mr {
margin-right: 0 !important;
}
.no-mt {
margin-top: 0 !important;
}
.no-mb {
margin-bottom: 0 !important;
}
.mh-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mv-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.m-gut {
margin: 1.5rem;
}
.m-t-gut {
margin-top: 1.5rem;
}
.m-b-gut {
margin-bottom: 1.5rem;
}
.m-l-gut {
margin-left: 1.5rem;
}
.m-r-gut {
margin-right: 1.5rem;
}
.m-gutx2 {
margin: 3rem;
}
.m-t-gutx2 {
margin-top: 3rem !important;
}
.m-b-gutx2 {
margin-bottom: 3rem !important;
}
.m-l-gutx2 {
margin-left: 3rem;
}
.m-r-gutx2 {
margin-right: 3rem;
}  .no-p {
padding: 0 !important;
}
.no-ph {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-pv {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.no-pl {
padding-left: 0 !important;
}
.no-pr {
padding-right: 0 !important;
}
.no-pt {
padding-top: 0 !important;
}
.no-pb {
padding-bottom: 0 !important;
}
.p-gut {
padding: 1.5rem;
}
.p-t-gut-half {
padding-top: 0.75rem;
}
.p-b-gut-half {
padding-bottom: 0.75rem;
}
.p-t-gut {
padding-top: 1.5rem;
}
.p-b-gut {
padding-bottom: 1.5rem;
}
.p-l-gut {
padding-left: 1.5rem;
}
.p-r-gut {
padding-right: 1.5rem;
}
.p-gutx2 {
padding: 3rem;
}
.p-t-gutx2 {
padding-top: 3rem;
}
.p-b-gutx2 {
padding-bottom: 3rem;
}
.p-l-gutx2 {
padding-left: 3rem;
}
.p-r-gutx2 {
padding-right: 3rem;
} .hide, .hidden {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
} .list-unstyled, .contentBox ul.list-unstyled {
padding-left: 0;
list-style: none;
margin: 0;
} .no-border, .no-border * {
border: none !important;
} .text-center {
text-align: center;
}
.gray-lightest {
background-color: #f5f5f5;
}
.container {
position: relative;
}
.container ol li {
list-style: inherit;
}
.abs-center {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.op0 {
opacity: 0;
}
.inline-block {
display: inline-block;
}
.trans-center {
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
position: absolute;
display: inline-block;
}
.relative {
position: relative !important;
}
.absolute {
position: absolute;
}
.abs-right {
right: 0;
position: absolute;
}
.right {
float: right;
}
.left {
float: left;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-i {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 1030px) {
.sm-flex {
display: initial;
}
}
.sm-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 1030px) {
.sm-wrap {
display: initial;
}
}
.justify-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-start {
-ms-flex-item-align: flex-start;
-ms-grid-row-align: flex-start;
align-self: flex-start;
}
.full-width {
width: 100% !important;
}
.full-height {
height: 100% !important;
}
.content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sm-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media screen and (min-width: 1030px) {
.sm-order-1 {
-webkit-box-ordinal-group: NaN;
-ms-flex-order: initial;
order: initial;
}
}
.sm-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media screen and (min-width: 1030px) {
.sm-order-2 {
-webkit-box-ordinal-group: NaN;
-ms-flex-order: initial;
order: initial;
}
}
.sm-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media screen and (min-width: 1030px) {
.sm-order-3 {
-webkit-box-ordinal-group: NaN;
-ms-flex-order: initial;
order: initial;
}
}
.flex-50prc {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
}
.flex-end,
.self-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.transition {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pointer {
cursor: pointer;
}
.pointerEventsNone {
pointer-events: none;
}
.d-table {
display: table;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-uppercase::-webkit-input-placeholder {
text-transform: uppercase !important;
}
.text-uppercase:-moz-placeholder {
text-transform: uppercase !important;
}
.text-uppercase::-moz-placeholder {
text-transform: uppercase !important;
}
.text-uppercase:-ms-input-placeholder {
text-transform: uppercase !important;
}
.no-overflow {
overflow: hidden !important;
}
.hover-secondary:hover {
background-color: #542e68 !important;
}
.no-transform {
text-transform: none !important;
}
.no-bra {
border-radius: 0 !important;
}
.bg-primary a,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h1 a,
.bg-primary h2 a,
.bg-primary h3 a,
.bg-primary h4 a,
.bg-primary h5 a,
.bg-primary span,
.bg-primary p {
color: #fff;
}
.block {
display: block;
}
.clear {
clear: both;
}
.hided {
display: none;
}
.transition {
-webkit-transition: all 1s;
transition: all 1s;
}
.default-border-radius {
border-radius: 10px !important;
}
.default-border-radius-lg {
border-radius: 6px !important;
}
.default-border-radius-sm {
border-radius: 2px !important;
} .hide,
.hidden {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.bg-white {
background-color: #fff;
} .list-unstyled,
.contentBox ul.list-unstyled {
padding-left: 0;
list-style: none;
margin: 0;
} .no-border,
.no-border * {
border: none !important;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.bg-img.center {
background-position: center center;
}
.no-list {
list-style: none;
} .color-white {
color: #fff !important;
} .mw50 {
max-width: 50% !important;
}
.no-outline {
outline: none !important;
}      html, body {
color: #005b9c;
line-height: 130%;
}
@media screen and (min-width: 860px) {
html, body {
font-size: 1.8rem;
}
}
ul {
padding-left: 3rem;
}
p {
font-size: 1.8rem;
color: #005b9c;
line-height: 130%;
padding: 0.5rem 0;
margin: 0;
}
@media screen and (max-width: 500px) {
p {
font-size: 2.2rem;
}
}
@media screen and (max-width: 640px) {
ul, p, li, a:not(h4 > a) { }
}
@media screen and (max-width: 640px) {
article li, article p, article a, article .desc {
font-size: 2.2rem;
line-height: 130%;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content .h1, #content .h2, #content .h3, #content .h4, #content .h5, #content .h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6,
.sidebar .h1, .sidebar .h2, .sidebar .h3, .sidebar .h4, .sidebar .h5, .sidebar .h6, article h1, article h2, article h3, article h4, article h5, article h6,
article .h1, article .h2, article .h3, article .h4, article .h5, article .h6 {
font-family: "Acumin Pro", sans-serif;
line-height: 100%;
}
#content h1, footer h1, .sidebar h1, article h1 {
font-size: 4rem;
padding: 2rem 0 1rem 0;
margin: 2rem 0 1rem 0;
color: #005b9c;
font-weight: bold;
text-transform: none;
}
#content h2, footer h2, .sidebar h2, article h2 {
font-size: 2rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 0 0 0;
color: #005b9c;
font-weight: bold;
text-transform: none;
line-height: 1;
}
@media screen and (max-width: 640px) {
#content h2, footer h2, .sidebar h2, article h2 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 360px) {
#content h2, footer h2, .sidebar h2, article h2 {
font-size: 2.7rem;
}
}
#content h3, footer h3, .sidebar h3, article h3 {
font-size: 1.8rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 0 0 0;
color: #005b9c;
font-weight: bold;
text-transform: none;
}
#content h4, footer h4, .sidebar h4, article h4 {
font-size: 1.5rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 0 0 0;
color: #005b9c;
font-weight: normal;
text-transform: none;
}
#content h5, footer h5, .sidebar h5, article h5 {
font-size: 1.25rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 0 0 0;
color: #005b9c;
font-weight: normal;
text-transform: none;
}
#content h6, footer h6, .sidebar h6, article h6 {
font-size: 1rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 0 0 0;
color: #005b9c;
font-weight: normal;
text-transform: none;
}
#content .display-1, footer .display-1, .sidebar .display-1, article .display-1 {
font-size: 6rem;
font-weight: 300;
margin: 0;
padding: 0;
line-height: 140%;
}
#content .display-2, footer .display-2, .sidebar .display-2, article .display-2 {
font-size: 5.5rem;
font-weight: 300;
margin: 0;
padding: 0;
line-height: 140%;
}
#content .display-3, footer .display-3, .sidebar .display-3, article .display-3 {
font-size: 4.5rem;
font-weight: 300;
margin: 0;
padding: 0;
line-height: 140%;
}
#content .display-4, footer .display-4, .sidebar .display-4, article .display-4 {
font-size: 3.5rem;
font-weight: 300;
margin: 0;
padding: 0;
line-height: 140%;
}
#content a, footer a, .sidebar a, article a {
color: #005b9c;
text-decoration: none;
}
#content a:hover,
#content a:focus, footer a:hover,
footer a:focus, .sidebar a:hover,
.sidebar a:focus, article a:hover,
article a:focus {
color: #002e50;
text-decoration: underline;
}
@media screen and (max-width: 968px) {
footer h2 {
font-size: 1em;
}
}
@media screen and (max-width: 767px) {
footer h2 {
font-size: 1.2em;
}
}
@media screen and (max-width: 767px) {
footer {
font-size: 1.2em;
}
}     .wpcf7 input[type=text], .wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=date],
.wpcf7 input[type=datetime],
.wpcf7 input[type=email],
.wpcf7 input[type=number],
.wpcf7 input[type=search],
.wpcf7 input[type=time],
.wpcf7 input[type=url],
.wpcf7 input[type=password],
.wpcf7 input[type=tel], #smly input[type=text], #smly textarea,
#smly input[type=text],
#smly input[type=date],
#smly input[type=datetime],
#smly input[type=email],
#smly input[type=number],
#smly input[type=search],
#smly input[type=time],
#smly input[type=url],
#smly input[type=password],
#smly input[type=tel], .don-wrapper input[type=text], .don-wrapper textarea,
.don-wrapper input[type=text],
.don-wrapper input[type=date],
.don-wrapper input[type=datetime],
.don-wrapper input[type=email],
.don-wrapper input[type=number],
.don-wrapper input[type=search],
.don-wrapper input[type=time],
.don-wrapper input[type=url],
.don-wrapper input[type=password],
.don-wrapper input[type=tel] {
width: 100%;
padding: 0rem 1.5rem 0rem 1.5rem;
margin: 0.5rem 0 0.5rem 0;
font-size: 2rem;
color: #005b9c;
border: 1px solid #cc9d50;
border-radius: 1rem;
}
.wpcf7 input[type=text].wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid,
.wpcf7 input[type=text].wpcf7-not-valid,
.wpcf7 input[type=date].wpcf7-not-valid,
.wpcf7 input[type=datetime].wpcf7-not-valid,
.wpcf7 input[type=email].wpcf7-not-valid,
.wpcf7 input[type=number].wpcf7-not-valid,
.wpcf7 input[type=search].wpcf7-not-valid,
.wpcf7 input[type=time].wpcf7-not-valid,
.wpcf7 input[type=url].wpcf7-not-valid,
.wpcf7 input[type=password].wpcf7-not-valid,
.wpcf7 input[type=tel].wpcf7-not-valid, #smly input[type=text].wpcf7-not-valid, #smly textarea.wpcf7-not-valid,
#smly input[type=text].wpcf7-not-valid,
#smly input[type=date].wpcf7-not-valid,
#smly input[type=datetime].wpcf7-not-valid,
#smly input[type=email].wpcf7-not-valid,
#smly input[type=number].wpcf7-not-valid,
#smly input[type=search].wpcf7-not-valid,
#smly input[type=time].wpcf7-not-valid,
#smly input[type=url].wpcf7-not-valid,
#smly input[type=password].wpcf7-not-valid,
#smly input[type=tel].wpcf7-not-valid, .don-wrapper input[type=text].wpcf7-not-valid, .don-wrapper textarea.wpcf7-not-valid,
.don-wrapper input[type=text].wpcf7-not-valid,
.don-wrapper input[type=date].wpcf7-not-valid,
.don-wrapper input[type=datetime].wpcf7-not-valid,
.don-wrapper input[type=email].wpcf7-not-valid,
.don-wrapper input[type=number].wpcf7-not-valid,
.don-wrapper input[type=search].wpcf7-not-valid,
.don-wrapper input[type=time].wpcf7-not-valid,
.don-wrapper input[type=url].wpcf7-not-valid,
.don-wrapper input[type=password].wpcf7-not-valid,
.don-wrapper input[type=tel].wpcf7-not-valid {
border-color: #d9534f;
background-color: rgba(217, 83, 79, 0.5);
}
.wpcf7 input[type=radio], #smly input[type=radio], .don-wrapper input[type=radio] {
padding: inherit;
margin: inherit;
}
.wpcf7 input[type=checkbox], #smly input[type=checkbox], .don-wrapper input[type=checkbox] {
padding: inherit;
margin: inherit;
}
.wpcf7 select, #smly select, .don-wrapper select {
width: 100%;
padding: 0rem 1.5rem 0rem 1.5rem;
margin: 0.5rem;
border: 1px solid #cc9d50;
border-radius: 1rem;
margin-left: 0;
margin-right: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/arrow-down-angle.svg);
background-repeat: no-repeat;
background-position: calc(100% - 2rem);
-webkit-background-size: 2rem;
background-size: 2rem;
}
.wpcf7 select.wpcf7-not-valid, #smly select.wpcf7-not-valid, .don-wrapper select.wpcf7-not-valid {
border-color: #d9534f;
background-color: rgba(217, 83, 79, 0.5);
}
.wpcf7 .wpcf7-not-valid-tip, #smly .wpcf7-not-valid-tip, .don-wrapper .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 .wpcf7-response-output, #smly .wpcf7-response-output, .don-wrapper .wpcf7-response-output {
margin-top: 2rem;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng, #smly .wpcf7-response-output.wpcf7-validation-errors, #smly .wpcf7-response-output.wpcf7-mail-sent-ng, .don-wrapper .wpcf7-response-output.wpcf7-validation-errors, .don-wrapper .wpcf7-response-output.wpcf7-mail-sent-ng {
background-color: #ffcc79;
border: none;
border-radius: 1rem;
color: #005b9c;
padding: 2rem;
max-width: 60rem;
}
.wpcf7 ::-webkit-input-placeholder, #smly ::-webkit-input-placeholder, .don-wrapper ::-webkit-input-placeholder { color: #005b9c;
font-weight: bold;
}
.wpcf7 ::-moz-placeholder, #smly ::-moz-placeholder, .don-wrapper ::-moz-placeholder { color: #005b9c;
font-weight: bold;
}
.wpcf7 :-ms-input-placeholder, #smly :-ms-input-placeholder, .don-wrapper :-ms-input-placeholder { color: #005b9c;
font-weight: bold;
}
.wpcf7 :-moz-placeholder, #smly :-moz-placeholder, .don-wrapper :-moz-placeholder { color: #005b9c;
font-weight: bold;
}
#smly ::-webkit-input-placeholder { color: #ffcc79;
font-weight: bold;
}
#smly ::-moz-placeholder { color: #ffcc79;
font-weight: bold;
}
#smly :-ms-input-placeholder { color: #ffcc79;
font-weight: bold;
}
#smly :-moz-placeholder { color: #ffcc79;
font-weight: bold;
}
::-webkit-input-placeholder {
color: #005b9c;
}
:-moz-placeholder {
color: #005b9c;
}
::-moz-placeholder {
color: #005b9c;
}
:-ms-input-placeholder {
color: #005b9c;
}     table {
border-width: 0.1rem;
border-color: #eceeef;
background: transparent;
}
tr:hover {
background-color: #f5f5f5;
}
td {
padding: 0.75rem;
}     .container .btn, .container input[type=submit], .container .wp-block-button__link, #content .btn, #content input[type=submit], #content .wp-block-button__link {
padding: 1.5rem 4rem;
font-weight: bold;
text-transform: normal;
font-weight: bold;
margin: 1rem 0 0 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 1.8rem;
border-radius: 0.8rem;
-webkit-background-size: cover;
border: 0.2rem solid;
color: inherit;
text-decoration: none;
}
.container .btn:hover, .container .btn:active, .container .btn:focus, .container input[type=submit]:hover, .container input[type=submit]:active, .container input[type=submit]:focus, .container .wp-block-button__link:hover, .container .wp-block-button__link:active, .container .wp-block-button__link:focus, #content .btn:hover, #content .btn:active, #content .btn:focus, #content input[type=submit]:hover, #content input[type=submit]:active, #content input[type=submit]:focus, #content .wp-block-button__link:hover, #content .wp-block-button__link:active, #content .wp-block-button__link:focus {
text-decoration: none;
background-color: #005b9c;
color: #fff;
}
@media screen and (max-width: 500px) {
.container .btn, .container input[type=submit], .container .wp-block-button__link, #content .btn, #content input[type=submit], #content .wp-block-button__link {
padding: 2.3rem 3rem;
}
}
.container .btn.primary, .container .btn.wpcf7-submit, .container input[type=submit].primary, .container input[type=submit].wpcf7-submit, .container .wp-block-button__link.primary, .container .wp-block-button__link.wpcf7-submit, #content .btn.primary, #content .btn.wpcf7-submit, #content input[type=submit].primary, #content input[type=submit].wpcf7-submit, #content .wp-block-button__link.primary, #content .wp-block-button__link.wpcf7-submit {
color: #fff;
background: #005b9c;
border-bottom: none;
}
.container .btn.primary:hover, .container .btn.primary:focus, .container .btn.wpcf7-submit:hover, .container .btn.wpcf7-submit:focus, .container input[type=submit].primary:hover, .container input[type=submit].primary:focus, .container input[type=submit].wpcf7-submit:hover, .container input[type=submit].wpcf7-submit:focus, .container .wp-block-button__link.primary:hover, .container .wp-block-button__link.primary:focus, .container .wp-block-button__link.wpcf7-submit:hover, .container .wp-block-button__link.wpcf7-submit:focus, #content .btn.primary:hover, #content .btn.primary:focus, #content .btn.wpcf7-submit:hover, #content .btn.wpcf7-submit:focus, #content input[type=submit].primary:hover, #content input[type=submit].primary:focus, #content input[type=submit].wpcf7-submit:hover, #content input[type=submit].wpcf7-submit:focus, #content .wp-block-button__link.primary:hover, #content .wp-block-button__link.primary:focus, #content .wp-block-button__link.wpcf7-submit:hover, #content .wp-block-button__link.wpcf7-submit:focus {
color: #fff;
background: #5cc4ed;
border-bottom: none;
text-decoration: none;
outline: none;
}
.container .btn.secondary, .container input[type=submit].secondary, .container .wp-block-button__link.secondary, #content .btn.secondary, #content input[type=submit].secondary, #content .wp-block-button__link.secondary {
color: white;
background: #5cc4ed;
border-bottom: none;
text-decoration: none;
}
.container .btn.secondary:hover, .container .btn.secondary:focus, .container input[type=submit].secondary:hover, .container input[type=submit].secondary:focus, .container .wp-block-button__link.secondary:hover, .container .wp-block-button__link.secondary:focus, #content .btn.secondary:hover, #content .btn.secondary:focus, #content input[type=submit].secondary:hover, #content input[type=submit].secondary:focus, #content .wp-block-button__link.secondary:hover, #content .wp-block-button__link.secondary:focus {
color: white;
background: #2eb3e8;
border-bottom: none;
text-decoration: none;
outline: none;
}
.container .btn.btn-third, .container input[type=submit].btn-third, .container .wp-block-button__link.btn-third, #content .btn.btn-third, #content input[type=submit].btn-third, #content .wp-block-button__link.btn-third {
border-color: #ffcc79;
}
.container .btn.btn-third:hover, .container .btn.btn-third:active, .container .btn.btn-third:focus, .container input[type=submit].btn-third:hover, .container input[type=submit].btn-third:active, .container input[type=submit].btn-third:focus, .container .wp-block-button__link.btn-third:hover, .container .wp-block-button__link.btn-third:active, .container .wp-block-button__link.btn-third:focus, #content .btn.btn-third:hover, #content .btn.btn-third:active, #content .btn.btn-third:focus, #content input[type=submit].btn-third:hover, #content input[type=submit].btn-third:active, #content input[type=submit].btn-third:focus, #content .wp-block-button__link.btn-third:hover, #content .wp-block-button__link.btn-third:active, #content .wp-block-button__link.btn-third:focus {
background-color: #005b9c !important;
border-color: #005b9c !important;
}
.nupp a, a.button {
border-color: #ffcc79;
color: #005b9c !important;
}
.nupp a:hover, .nupp a:active, .nupp a:focus, a.button:hover, a.button:active, a.button:focus {
color: #fff !important;
background-color: #005b9c !important;
border-color: #005b9c !important;
}
.don-wrapper input[type=submit] {
border-color: #ffcc79;
}
.form-group {
max-width: 60rem;
margin-bottom: 1rem;
}
.form-group label {
font-size: 2rem;
margin-top: 1rem;
}
.container .nupp a,
.container main input,
.container .button,
.container .wp-block-file__button,
.container button:not(.hamburger),
.container .bank-btn,
.container .btn,
.container .wp-block-button__link {
line-height: 5rem;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-width: 2px !important;
text-decoration: none !important;
display: inline-block !important;
border-style: solid !important;
}
.container main input {
padding-left: 2rem;
padding-right: 2rem;
}     .container .desk-menu-cont {
padding-left: 1rem;
padding-right: 1rem;
background-color: #fff;
height: 48px;
border-radius: 0.8rem;
}
.container .desk-menu-cont ul {
margin: 0;
padding: 0;
height: 100%;
}
@media screen and (min-width: 1200px) {
.container .desk-menu-cont ul { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
}
.container .desk-menu-cont li {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
list-style: none;
display: flex;
margin: 0;
padding: 0;
position: relative;
align-items: center;
}
.container .desk-menu-cont li:hover > * {
display: block;
z-index: 100;
}
.container .desk-menu-cont li.current-menu-item {
color: #5cc4ed !important;
background: transparent;
}
.container .desk-menu-cont li.current-menu-item:hover, .container .desk-menu-cont li.current-menu-item:focus {
border: none;
}
.container .desk-menu-cont li.current-menu-item > a {
border: none;
margin: 0;
border-top: 0 solid #005b9c;
color: #5cc4ed !important;
}
.container .desk-menu-cont a {
margin: 0;
padding: 0 1.5rem;
display: block;
color: #005b9c !important;
text-decoration: none;
background: transparent;
line-height: 3rem;
border-top: 0px solid transparent;
border-bottom: 0px solid #005b9c;
font-size: 1.5rem;
text-transform: uppercase;
transition: all 0.3s;
font-weight: bold;
letter-spacing: 0.05rem; position: relative;
}
.container .desk-menu-cont a:hover, .container .desk-menu-cont a:focus {
color: #5cc4ed !important;
background: transparent;
border-top: 0 solid #005b9c;
border-bottom: 0 solid #005b9c;
text-decoration: none;
}
.container .desk-menu-cont a.selected:after {
content: "";
display: inline-block;
width: 100%;
height: 0.3rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.lower--menu {
z-index: 1001;
display: none;
}
.container .desk-menu-cont {
display: none;
}
@media screen and (min-width: 1024px) {
.container .desk-menu-cont {
display: block;
}
}
.container .desk-menu-cont .subMenuCont {
position: absolute;
background: #fff;
left: 0;
display: none;
flex-wrap: wrap;
width: 20rem;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-bottom: 10px  ;
box-shadow: -1px 2rem 2rem rgba(0, 0, 0, 0.5);
top: 48px;
}
.container .desk-menu-cont .subMenuCont > ul {
flex-wrap: wrap;
display: flex;
position: relative;
}
.container .desk-menu-cont .deskMenu > li > ul.sub-menu {
top: 4rem;
}
.container .desk-menu-cont li {
position: relative;
height: 48px;
}
.container .desk-menu-cont li a {
position: relative;
padding: 0.8rem;
line-height: 1;
}
.container .desk-menu-cont li:hover > * {
z-index: 1000 !important;
display: block !important;
flex-direction: column;
}
.container .desk-menu-cont .sub2MenuCont {
position: absolute;
left: 100%;
top: 0;
padding: 0;
display: none;
padding: 1rem 0 0 0;
}
.container .desk-menu-cont .sub2MenuCont > ul {
flex-wrap: wrap;
display: flex;
position: relative;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
}
.container .desk-menu-cont li li:not(:last-child) {
background: #fff;
width: 100%;
position: relative;
border-bottom: 1px solid #00000022 !important;
}
.container .desk-menu-cont li li a {
font-size: 1.4rem;
line-height: 1.4;
font-weight: normal;
padding: 1rem 1.5rem;
text-transform: none;
}
.topMenu .sub-menu {
position: absolute;
background: #fff;
height: 100%;
left: 0;
display: none;
flex-wrap: wrap;
width: 15rem;
padding: 1rem 0;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
}
.topMenu li {
position: relative;
}
.topMenu li li a {
background: #fff;
font-size: 1.4rem;
}
.topMenu li:hover > * {
z-index: 1003 !important;
display: block !important;
flex-direction: column;
}
.mob--menu {
display: none;
}
@media screen and (max-width: 968px) {
.mob--menu {
padding-top: 5rem;
position: absolute;
z-index: 1003;
left: 0;
right: 0;
background-color: #002e4f;
padding-bottom: 3rem;
}
.mob--menu ul {
position: relative;
list-style: none;
padding-left: 3rem;
}
.mob--menu li {
position: relative;
display: block;
}
.mob--menu li.current-menu-parent > a:after {
content: "";
display: block;
left: 0;
right: 0;
height: 2px;
margin-top: 0.8rem;
background-color: #5cc4ed;
}
.mob--menu li .sub-menu .current-menu-item a {
color: #5cc4ed;
}
.mob--menu a {
text-decoration: none;
color: #fff;
font-size: 4rem;
display: inline-block;
line-height: 1;
padding-top: 2rem;
padding-bottom: 2rem;
}
.mob--menu a:hover, .mob--menu a:active, .mob--menu a:focus {
text-decoration: none;
}
.mob--menu ul ul {
display: none;
}
.mob--menu ul ul a {
font-size: 3rem;
}
}
.mob--menu .arrow {
width: 3rem;
height: 3rem;
position: absolute;
right: 3rem;
top: 2rem;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/arrow_w.svg);
background-position: center center;
background-repeat: no-repeat;
transition: all 0.3s;
}
.mob--menu .arrow.open {
transform: rotate(180deg);
}
.mob--menu .langList {
position: absolute;
left: 0rem;
right: auto !important;
top: 1rem;
}
.mob--menu .langList ul {
display: flex;
}
.mob--menu .langList ul li {
display: flex;
padding-right: 3rem;
}
.mob--menu .langList ul li a {
padding-top: 0;
padding-bottom: 0;
line-height: 1;
font-size: 0rem;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}     .smaily--cont {
margin-top: 5rem;
background-color: #ffcc79;
margin-bottom: 5rem;
padding: 3rem;
border-radius: 1rem;
display: flex;
flex-wrap: wrap;
}
.smaily--cont .textwidget {
display: flex;
}
@media screen and (max-width: 767px) {
.smaily--cont .textwidget {
flex-direction: column;
}
}
.smaily--cont .left-side {
width: 50%;
}
@media screen and (max-width: 968px) {
.smaily--cont .left-side {
width: 100%;
}
}
.smaily--cont form {
width: calc(50% - 2rem);
padding-left: 2rem;
}
@media screen and (max-width: 968px) {
.smaily--cont form {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.smaily--cont form {
padding-left: 0;
}
}
.smaily--cont h3 {
font-size: 4rem;
line-height: 110%;
margin-bottom: 0;
margin-top: 0;
}
.smaily--cont .btn {
background-color: #005b9c;
padding: 0 3rem;
color: #fff;
}
.smaily--cont .btn:hover, .smaily--cont .btn:active, .smaily--cont .btn:focus {
background-color: #ffcc79;
}
@media screen and (max-width: 500px) {
.our-help .wp-block-columns {
padding-bottom: 3rem;
}
}
.hamburger {
display: none;
position: absolute;
right: 1rem;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
opacity: 1 !important;
outline: none;
}
@media screen and (max-width: 968px) {
.hamburger {
display: block;
}
}
@media screen and (max-width: 500px) {
.hamburger {
right: 2rem;
}
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
background-color: #fff;
border-radius: 0;
opacity: 1;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
background-color: #fff;
}      .slick-loading .slick-list {
background: #fff url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/fonts/slick.eot);
src: url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/fonts/slick.woff) format("woff"), url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/fonts/slick.ttf) format("truetype"), url(https://toivonkyla.fi/wp-content/themes/vx-theme-child/scss/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
background-color: #fff;
z-index: 20;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: #005b9c;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
color: #fff !important;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #005b9c;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 1rem;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "<";
}
[dir=rtl] .slick-prev:before {
content: ">";
}
.slick-next {
right: 1rem;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: ">";
}
[dir=rtl] .slick-next:before {
content: "<";
} .slick-dots {
position: absolute;
bottom: 2rem;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
z-index: 400;
text-align: right;
right: 2rem;
display: none;
}
@media screen and (max-width: 767px) {
.slick-dots {
top: 1rem;
bottom: auto;
}
}
.home .slick-dots {
bottom: 2rem;
display: none !important;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: #005b9c;
display: block;
height: 1px;
width: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
border-radius: 390px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: ".";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #005b9c;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
background: #5cc4ed;
}
.slick-dots li.slick-active button:before {
color: #5cc4ed !important;
opacity: 0.75;
}
.text--cont {
position: absolute;
z-index: 100;
color: #fff;
max-width: 50%;
bottom: 4rem;
top: auto;
}
@media screen and (max-width: 1450px) {
.text--cont {
bottom: auto;
position: relative;
margin-top: -44rem;
max-width: 50%;
}
}
@media screen and (max-width: 968px) {
.text--cont {
max-width: 50%;
margin-top: -30rem;
}
}
@media screen and (max-width: 640px) {
.text--cont {
max-width: 100%;
text-align: center;
}
}
.text--cont .h2 {
font-size: 4rem;
font-weight: bold;
display: inline-block;
padding: 2rem 1rem 0;
}
@media screen and (max-width: 767px) {
.text--cont .h2 {
font-size: 4em;
}
}
@media screen and (max-width: 640px) {
.text--cont .h2 {
width: 100%;
}
}
.text--cont .h2 ul {
display: flex;
flex-direction: column;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
@media screen and (max-width: 968px) {
.text--cont .h2 ul {
margin-bottom: 7rem;
}
}
@media screen and (max-width: 968px) {
.text--cont .h2 ul {
margin-bottom: 8rem;
}
}
.text--cont .h2 ul li {
position: relative;
}
@media screen and (max-width: 640px) {
.text--cont .h2 ul li {
text-align: center;
}
}
.text--cont .h2 ul li span {
color: #fff;
background-color: #5cc4ed;
margin-top: 1rem;
display: inline-block;
line-height: 110%;
padding: 0.2rem 0.5rem;
white-space: nowrap;
}
@media screen and (max-width: 500px) {
.text--cont .h2 ul li span {
padding: 0.8rem 1.2rem;
font-size: 3rem;
}
[lang=en-US] .text--cont .h2 ul li span {
font-size: 2.5rem;
}
}
.text--cont .long-desc {
background-color: #005b9c;
padding: 5rem 3rem 5rem 3rem;
margin-left: 8rem;
margin-top: -3rem;
}
@media screen and (max-width: 968px) {
.text--cont .long-desc {
margin-top: -10rem;
}
}
@media screen and (max-width: 640px) {
.text--cont .long-desc {
margin-left: 0;
}
}
.text--cont .long-desc p {
color: #fff;
font-size: 2rem;
}
@media screen and (max-width: 640px) {
.text--cont .long-desc p {
font-size: 2rem;
}
}
.text--cont .nupp {
margin-left: 11rem;
margin-top: -3rem;
}
@media screen and (max-width: 767px) {
.text--cont .nupp {
margin-left: auto;
margin-right: auto;
}
}
.text--cont .nupp a {
padding: 0 2rem;
text-decoration: none;
color: #005b9c;
background-color: #ffcc79;
font-weight: bold;
font-size: 2rem;
display: inline-block;
border-radius: 0.8rem;
transition: all 0.3s;
}
@media screen and (max-width: 500px) {
.text--cont .nupp a {
padding: 2.5rem 3rem;
}
}
.text--cont .nupp a:hover {
color: #ffcc79;
background-color: #002e4f;
}
@media screen and (max-width: 640px) {
.stats-section * {
text-align: center !important;
}
}
@media screen and (max-width: 640px) {
.stats-section .has-text-color {
margin-left: auto !important;
margin-right: auto !important;
}
}
.slick-slider:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}     .don-wrapper {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
background-color: #eee;
padding: 3rem;
}
.don-wrapper h2 {
font-size: 4rem;
margin-top: auto;
margin-bottom: auto;
display: flex;
}
.don-wrapper h3 {
font-size: 2.5rem;
}
.banks {
margin-top: 1rem;
}
.banks .bank-btn {
position: relative;
z-index: 100;
display: block;
cursor: pointer;
border: solid #ccc;
margin-right: 1rem;
margin-bottom: 1rem;
border-radius: 1rem;
padding: 0 1.2rem 0 1.2rem;
}
.banks .bank-btn img {
vertical-align: middle;
margin-top: -2px;
}
.banks .bank-btn:hover, .banks .bank-btn:active, .banks .bank-btn:focus {
border: solid #ffcc79;
}
#bank-payment input.error {
border-color: darkred;
background-color: rgba(255, 23, 23, 0.3);
}
#bank-payment .toggle {
margin-bottom: 3rem;
}
#bank-payment .toggle .btn {
cursor: pointer;
text-transform: uppercase;
color: #aaa;
border: solid #aaa;
font-weight: normal;
}
#bank-payment .toggle .btn:nth-child(1) {
margin-right: 10px;
}
#bank-payment .toggle .btn:hover, #bank-payment .toggle .btn:active, #bank-payment .toggle .btn:focus {
border: solid #005b9c;
color: #fff;
}
#bank-payment .toggle .btn.active {
background-color: #005b9c;
color: #fff;
border: solid #005b9c;
}
#bank-payment .confirmCont {
margin-top: 5px;
margin-bottom: 5px;
}
#bank-payment .confirmCont input {
display: inline-block;
margin-right: 5px;
bottom: 2px;
position: relative;
}
#bank-payment .confirmCont a {
text-decoration: underline;
color: #005b9c;
}
#bank-payment input[type=submit] {
background-color: #ffcc79;
color: #005b9c;
text-transform: uppercase;
border: 0.2rem solid #ffcc79;
}
#bank-payment input[type=submit]:hover, #bank-payment input[type=submit]:active, #bank-payment input[type=submit]:focus {
background-color: #005b9c;
color: #ffcc79;
border: 0.2rem solid #005b9c;
}
label[for=amount],
label[for=amountonce] {
width: 100%;
display: block;
}
#amount, #amountonce {
max-width: 25rem;
clear: both;
}     @font-face {
font-family: "Mostley Script";
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.eot);
src: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.eot?#iefix) format("embedded-opentype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.woff2) format("woff2"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.woff) format("woff"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.ttf) format("truetype"), url(//toivonkyla.fi/wp-content/themes/vx-theme-child/fonts/MostleyScript.svg#MostleyScript) format("svg");
font-weight: normal;
font-style: normal;
}
html {
display: block;
font-size: 62.5%;
}
@media screen and (max-width: 1177px) {
html {
font-size: 1vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 1.3vw;
}
}
@media screen and (max-width: 640px) {
html {
font-size: 1.6vw;
}
}
@media screen and (max-width: 500px) {
html {
font-size: 1.9vw;
}
}
body {
overflow-x: hidden;
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
font-family: "Acumin Pro", sans-serif;
background-color: #fff;
color: #005b9c;
}
header .container {
max-width: 1400px;
}
@media screen and (max-width: 968px) {
header .container .logoCont.deskt {
display: none !important;
}
}
header .container .logo {
top: 1rem;
width: 35rem;
height: 12rem;
font-weight: bold;
text-decoration: none;
position: absolute;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/logo-white.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: block;
z-index: 105;
}
[lang=ru-RU] header .container .logo {
width: 24rem;
height: 9rem;
}
@media screen and (max-width: 1177px) {
header .container .logo {
width: 28rem;
height: 10rem;
}
}
@media screen and (max-width: 968px) {
header .container .logo {
width: 22rem;
height: 8rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
}
header .inner {
justify-content: flex-end;
}
header .inner .menu {
margin-right: 14rem;
}
.slogan {
position: absolute;
z-index: 300;
color: #fff;
top: 14rem;
letter-spacing: 0.5rem;
font-style: italic;
font-weight: bold;
text-shadow: 0 0 1rem black, 0 0 1rem black;
z-index: 1;
}
.right-block .social i {
margin-right: 1rem;
margin-left: 1rem;
color: #5cc4ed;
}
.topHeader {
background-color: #002e4f;
}
@media screen and (max-width: 968px) {
.topHeader {
position: relative;
}
}
.topHeader .top-menu-cont {
margin-left: auto;
}
@media screen and (max-width: 968px) {
.topHeader .top-menu-cont {
display: none;
}
}
.topHeader ul {
padding-left: 0;
display: flex;
margin: 0;
}
.topHeader ul li {
list-style: none;
}
.topHeader ul a {
color: #7f96a7;
text-decoration: none;
line-height: 1;
padding: 1rem 1rem;
display: block;
}
.topHeader .logoCont .logo {
display: none;
}
@media screen and (max-width: 968px) {
.topHeader .logoCont .logo {
display: block;
position: relative;
top: auto;
bottom: auto;
}
}
.lang ul {
list-style: none;
display: flex;
padding-left: 0;
margin: 0;
}
.lang ul li {
color: #5cc4ed;
font-size: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
section {
margin-top: 0;
margin-bottom: 0;
}
.sli-img {
height: 30rem;
width: 100%;
display: flex;
-webkit-background-size: cover;
background-size: cover;
background-position: center !important;
}
.page-template-home .sli-img {
height: 74rem;
background-position: center !important;
}
@media screen and (max-width: 1450px) {
.page-template-home .sli-img {
height: 58rem;
}
}
.lower--menu {
z-index: 100;
position: absolute;
top: 2rem;
right: 2rem;
left: auto;
}
@media screen and (max-width: 968px) {
.donate {
display: none;
}
}
.donate a {
background-color: #5cc4ed;
color: #fff;
text-decoration: none;
padding: 1.2rem 2rem;
font-size: 1.8rem;
display: block;
border-radius: 0.8rem;
margin-left: 1rem;
font-weight: bold;
text-transform: uppercase;
}
.chart {
text-align: center;
width: 100%;
}
.chart img {
display: inline-block;
width: 22rem;
height: 22rem;
}
@media screen and (max-width: 1175px) {
.container {
padding-left: 4rem;
padding-right: 4rem;
}
}
.has-brand-primary-color {
color: #005b9c !important;
}
.has-brand-secondary-color {
color: #5cc4ed !important;
}
.has-brand-third-color {
color: #ffcc79 !important;
}
.has-brand-fourth-color {
color: #002e4f !important;
}
a.has-brand-primary-color {
color: #005b9c !important;
}
a.has-brand-primary-color:hover {
color: #5cc4ed !important;
}
a.has-brand-secondary-color {
color: #5cc4ed !important;
}
a.has-brand-secondary-color:hover {
color: #002e4f !important;
}
a.has-brand-third-color {
color: #ffcc79 !important;
}
a.has-brand-third-color:hover {
color: #002e4f !important;
}
a.has-brand-fourth-color {
color: #002e4f !important;
}
a.has-brand-fourth-color:hover {
color: #ffcc79 !important;
}
.has-brand-secondary-background-color {
background-color: #5cc4ed !important;
}
.has-brand-primary-background-color {
background-color: #005b9c !important;
}
.has-brand-third-background-color {
background-color: #ffcc79 !important;
}
.has-brand-fourth-background-color {
background-color: #002e4f !important;
}
.has-white-background-color {
background-color: #ffffff !important;
}
.flex-child > div, .flex-child > ul, .flex-child > li, .flex-child > p, .flex-child > span {
display: flex;
}
.flex-child-columns > div, .flex-child-columns > ul, .flex-child-columns > li, .flex-child-columns > p, .flex-child-columns > span {
flex-direction: column;
}
.flex-child-1 .wp-block-column {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1450px) {
.wp-block-column {
padding-right: 2rem;
}
}
@media screen and (max-width: 968px) {
.wp-block-column {
padding-right: 0;
}
}
.margin-auto {
margin: auto;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.wp-block-columns {
background-color: #fff;
}
.wp-block-column {
position: relative;
flex-direction: column;
display: flex;
align-self: center;
}
.container .has-large-font-size {
font-size: 3.6rem;
}
@media screen and (max-width: 1450px) {
.container .has-large-font-size {
font-size: 3.2rem;
}
}
@media screen and (max-width: 968px) {
.container .has-large-font-size {
font-size: 2.5rem;
}
}
@media screen and (max-width: 767px) {
.container .has-large-font-size {
font-size: 2rem;
}
}
.has-huge-font-size {
font-size: 4.8rem !important;
}
.primary-section {
position: relative;
}
.primary-section .wp-block-column {
background-color: #fff;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-bottom .wp-block-column, .no-margin-bottom .wp-block-cover {
margin-bottom: 0 !important;
}
.single-tunnistused .date {
font-size: 1.8rem;
}
.tunnistused {
padding-top: 10rem;
padding-bottom: 10rem;
}
.tunnistused.img-cont {
padding-top: 4rem !important;
}
.tunnistused .heading-cont {
width: 100%;
text-align: center;
position: relative;
z-index: 10;
margin-bottom: 2rem;
}
.tunnistused .pre-heading {
font-weight: bold;
font-size: 3.5rem;
margin-bottom: -1rem;
}
@media screen and (max-width: 640px) {
.tunnistused .pre-heading {
font-size: 3rem;
}
}
.tunnistused h2 ul {
list-style: none;
padding-left: 0;
flex-direction: column;
display: flex;
}
.tunnistused h2 ul li span {
color: #fff;
background-color: #5cc4ed;
display: inline-block;
margin-top: 1rem;
padding: 0rem 1rem 0.8rem 1rem;
font-size: 6rem;
font-weight: black;
line-height: 110%;
display: inline-block;
}
@media screen and (max-width: 1450px) {
.tunnistused h2 ul li span {
font-size: 5rem;
}
}
@media screen and (max-width: 968px) {
.tunnistused h2 ul li span {
font-size: 4rem;
}
}
@media screen and (max-width: 640px) {
.tunnistused h2 ul li span {
font-size: 3rem;
}
}
.tunnistused .testamont-title {
display: block;
line-height: 5rem;
}
.tunnistused .img {
display: block;
width: 100%;
min-height: 34rem;
-webkit-background-size: cover;
background-size: cover;
background-position: center 20%;
display: flex;
position: relative;
border-radius: 1rem;
}
.single-tunnistused .tunnistused .img {
border-radius: 0;
-webkit-background-size: contain;
background-size: contain;
}
.tunnistused .img:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: transparent;
background: -webkit-linear-gradient(legacy-direction(transparent), transparent, black);
background: linear-gradient(transparent, transparent, black);
border-radius: 1rem;
}
.single-tunnistused .tunnistused .img:after {
display: none;
}
.tunnistused .item {
display: flex;
margin-bottom: 6rem;
}
@media screen and (max-width: 640px) {
.tunnistused .item {
margin-left: auto;
margin-right: auto;
}
}
.tunnistused h4 {
background-color: #005b9c;
color: #fff;
padding: 0 1.8rem;
font-size: 2rem;
text-align: center;
border-radius: 1rem;
margin-top: auto;
margin-bottom: -5rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
line-height: 110%;
max-width: 30rem;
border: 2px solid #005b9c;
margin-left: auto;
margin-right: auto;
}
.tunnistused h4 a {
color: #fff;
text-decoration: none;
font-weight: normal;
}
.tunnistused h4:hover {
background-color: #ffcc79;
text-decoration: none;
border-color: #ffcc79;
}
.tunnistused .quota, .tunnistused p {
color: #fff;
font-size: 3rem;
padding-bottom: 2rem;
font-weight: bold;
line-height: 110%;
}
.tunnistused .inner {
padding: 2rem;
margin-top: auto;
margin-bottom: 0;
position: relative;
z-index: 2;
width: 100%;
text-align: center;
}
.home .tunnistused .row {
margin-top: -5rem;
}
footer {
margin-top: 9rem;
}
@media screen and (max-width: 968px) {
footer {
font-size: 1.5em;
line-height: 1.3em;
}
}
@media screen and (max-width: 767px) {
footer {
font-size: 1.5em;
line-height: 1.5em;
}
}
@media screen and (max-width: 640px) {
footer {
font-size: 2em;
text-align: center;
}
}
@media screen and (max-width: 500px) {
footer {
font-size: 2.7em;
}
}
footer .mnjah {
flex-wrap: wrap;
}
footer .mnjah > div {
max-width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 767px) {
footer .mnjah > div {
max-width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 500px) {
footer .mnjah > div {
max-width: 100%;
flex: 0 0 100%;
}
}
footer ul {
padding-left: 0;
padding-right: 3rem;
}
@media screen and (max-width: 767px) {
footer ul {
padding-right: 0;
}
}
footer ul li {
list-style: none;
cursor: pointer;
}
@media screen and (max-width: 968px) {
footer ul li {
padding-bottom: 1rem;
}
}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus {
color: #ffcc79;
text-decoration: none;
}
@media screen and (max-width: 640px) {
footer .row.full-width {
width: auto !important;
}
}
footer .divider {
display: block;
width: 100%;
border-bottom: 1px solid #005b9c;
margin-top: 2rem;
}
footer .logo {
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/logo-dark.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: block;
width: 30rem;
height: 10rem;
}
@media screen and (max-width: 767px) {
footer .logo {
width: 20rem;
height: 8rem;
margin-left: auto;
margin-right: auto;
}
}
footer .b-footer {
margin-top: 2rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
footer .b-footer {
flex-direction: column;
}
}
footer .b-footer .years {
align-self: center;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
footer .b-footer .years {
margin-left: auto;
margin-right: auto;
}
}
.sli-img.cvr {
position: relative;
}
.sli-img.cvr:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.27);
display: block;
}
.page-template-home article h1 {
opacity: 0;
display: none;
}
.steps {
margin-bottom: 6rem;
}
.steps .heading-cont {
width: 100%;
position: relative;
z-index: 10;
border-top: 4rem solid #fff;
}
.steps .pre-heading {
font-weight: bold;
font-size: 2rem;
color: #ffcc79;
margin-bottom: -1.5rem;
position: relative;
z-index: 12;
}
@media screen and (max-width: 1177px) {
.steps .pre-heading {
margin-left: 2rem;
}
}
.steps h2 {
margin-top: 0;
margin-bottom: 0;
transform: translate(0rem, -6rem);
}
@media screen and (max-width: 640px) {
.steps h2 {
transform: translate(0rem, -2.5rem);
}
}
.steps h2 ul {
padding-left: 0;
list-style: none;
margin-left: -4rem;
}
@media screen and (max-width: 1177px) {
.steps h2 ul {
margin-left: 2rem;
}
}
.steps h2 ul li {
color: #fff;
background-color: #5cc4ed;
display: inline-block;
margin-top: 1rem;
padding: 0rem 1rem 0.8rem 1rem;
font-size: 6rem;
font-weight: black;
line-height: 110%;
}
@media screen and (max-width: 1450px) {
.steps h2 ul li {
font-size: 5rem;
}
}
@media screen and (max-width: 640px) {
.steps h2 ul li {
font-size: 4rem;
}
}
.steps .btn {
position: relative;
background-color: #ffcc79;
font-weight: bold;
border: none;
}
.steps .btn:hover, .steps .btn:active, .steps .btn:focus {
background-color: #5cc4ed;
}
@media screen and (max-width: 640px) {
.steps .btn {
padding: 0 3rem;
font-size: 2rem;
}
}
.steps .cta {
font-size: 4rem;
color: #fff;
font-weight: bold;
line-height: 100%;
margin-top: -6rem;
padding-left: 3rem;
padding-right: 7rem;
padding-bottom: 3rem;
margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
.steps .cta {
font-size: 3rem;
}
}
.steps .cta:after {
width: 6rem;
height: 6rem;
background-color: #ffcc79;
content: "";
display: block;
position: absolute;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
line-height: 125%;
right: 3rem;
bottom: 3rem;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/arrowr.svg);
-webkit-background-size: 3.5rem auto;
background-size: 3.5rem auto;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 640px) {
.steps .item {
padding-left: 0;
}
}
.steps .img {
margin-bottom: 2rem;
padding-bottom: 30%;
display: block;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.steps .heading-cont {
background-color: #005b9c;
}
.steps .pp {
padding-right: 3rem;
}
.steps .pr {
padding-left: 10rem;
padding-top: 5rem;
}
@media screen and (max-width: 640px) {
.steps .pr .col-md-12:last-child {
padding-left: 0;
margin-top: 3rem;
}
}
.steps .item {
margin-bottom: 3rem;
}
.steps .number {
width: 6rem;
height: 6rem;
background-color: #ffcc79;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
line-height: 125%;
color: #fff;
position: absolute;
left: -8rem;
top: 2rem;
font-size: 4rem;
line-height: 145%;
font-weight: bold;
}
.steps h4 {
font-size: 4rem;
font-weight: bold;
line-height: 100%;
margin-top: 0;
margin-bottom: 0;
}
.wp-block-image img {
max-width: 100%;
height: auto;
}
.wp-block-image figcaption {
line-height: 120%;
color: #005b9c !important;
}
.arrr figcaption {
line-height: 120%;
}
.arrr article {
margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
.arrr article {
flex-direction: column;
}
}
.arrr .image {
padding-bottom: 30%;
display: block;
flex: 0 0 100%;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
max-width: 35rem;
margin-right: 2rem;
}
@media screen and (max-width: 640px) {
.arrr .image {
max-width: 100%;
padding-bottom: 45%;
margin-bottom: 2rem;
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.arrr .inner {
width: 100%;
}
}
.arrr .date {
color: #ffcc79;
padding-bottom: 0;
font-weight: bold;
margin-bottom: 1rem;
font-size: 2rem;
}
.arrr .date span {
margin-top: -2rem;
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
top: -0.75rem;
position: relative;
}
.arrr h2 {
margin-bottom: 0.5rem;
margin-top: 0;
padding-top: 0 !important;
}
.arrr h2 a {
font-size: 3.5rem;
line-height: 100%;
text-decoration: none;
color: #5cc4ed;
}
.arrr h2 a:hover {
color: #ffcc79;
}
.arrr .inner {
padding-right: 10rem;
}
@media screen and (max-width: 640px) {
.arrr .inner {
padding-right: 0;
}
}
.sidebar h2 {
margin-top: 0;
margin-bottom: 0;
}
.sidebar > div {
background-color: rgba(0, 91, 156, 0.33);
padding: 2rem;
border-radius: 0.8rem;
color: #005b9c;
}
.sidebar ul {
padding-left: 0;
margin-top: 0;
}
.sidebar li {
list-style: none;
}
.sidebar li:before {
content: "__ ";
margin-top: -2rem;
display: inline-block;
padding-right: 1rem;
top: -0.75rem;
position: relative;
}
.more-link {
text-decoration: none;
color: #005b9c;
}
.more-link:hover {
color: #ffcc79;
}
.customH1 {
line-height: 1;
margin-bottom: -6rem;
position: relative;
z-index: 2;
padding-bottom: 0;
margin-left: -5rem;
}
@media screen and (max-width: 1177px) {
.customH1 {
margin-left: 2rem;
margin-right: auto;
margin-bottom: auto;
}
}
.customH1 ul {
margin-top: 0;
padding-left: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.customH1 li {
list-style: none;
background-color: #5cc4ed;
color: #fff;
font-size: 5rem;
margin-bottom: 0.5rem;
display: inline-block;
padding: 0.5rem 1rem;
}
.single-post h2 a {
font-size: 4rem;
color: #5cc4ed;
}
.single-post h2 a:hover {
text-decoration: none;
}
.single-post .date {
color: #ffcc79;
font-size: 2rem;
margin-bottom: 2rem;
}
.langList {
z-index: 1002;
right: -2rem;
}
@media screen and (max-width: 968px) {
.langList.show-on-desktop {
display: none;
}
}
.langList li a {
padding: 0 0rem 0 2rem;
}
.langList li span span, .langList li a span {
color: #fff;
text-transform: uppercase;
font-size: 1.3rem;
padding: 0;
}
@media screen and (max-width: 767px) {
.langList li span span, .langList li a span {
font-size: 20px;
color: #5cc4ed;
}
}
.mob-menu-cont {
padding-top: 0rem;
}
.mob-menu-cont ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.est-block, .eng-block, .eng-flex, .est-flex {
display: none !important;
}
[lang=et] .est-block {
display: block !important;
}
[lang=et] .est-flex {
display: flex !important;
}
[lang=en-US] .eng-flex {
display: flex !important;
}
[lang=en-US] .eng-block {
display: block !important;
} .wp-block-wdp-section-block.our-help {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
@media screen and (max-width: 968px) {
.wp-block-wdp-section-block.our-help {
padding-top: 10rem;
padding-bottom: 10rem;
}
}
.wp-block-wdp-section-block.our-help .wp-block-cover {
margin-bottom: 0;
}
.wp-block-wdp-section-block.our-help .wp-block-cover + p {
display: none;
}
.wp-block-wdp-section-block.our-help .wp-block-columns {
max-width: 1177px;
margin-left: auto;
margin-right: auto;
}
.wp-block-wdp-section-block.our-help .wp-block-column {
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.wp-block-wdp-section-block.our-help p {
padding-left: 3rem !important;
padding-right: 3rem;
text-align: center;
}
}
@media screen and (max-width: 500px) {
.wp-block-wdp-section-block.our-help .wp-block-button {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 640px) {
#main .wp-block-image .alignright,
#main .wp-block-image .alignleft {
float: none;
margin: 0;
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.partnerid {
max-width: 50%;
margin-left: auto;
margin-right: 0;
position: relative;
}
.partnerid .long-text {
background-color: #005b9c;
padding: 5rem 3rem 5rem 3rem;
color: #fff;
font-size: 2rem;
}
.partnerid .long-text p {
color: #fff;
font-size: 2rem;
}
.partnerid .imgCont {
text-align: right;
margin-bottom: -2rem;
position: relative;
}
.partnerid .imgCont img {
max-width: 270px;
height: auto;
display: inline-block;
}
@media screen and (max-width: 767px) {
.partnerid .imgCont img {
max-width: 120px;
}
}
.partnerid .button {
margin-left: 3rem;
background-color: #ffcc79;
padding: 1.3rem 2rem;
border-radius: 1rem;
font-weight: bold;
font-size: 2rem;
top: -2.5rem !important;
position: relative;
display: inline-block;
transition: all 0.3s;
}
@media screen and (max-width: 640px) {
.partnerid .button {
padding: 2.3rem 3rem;
}
}
.partnerid .button:hover, .partnerid .button:active, .partnerid .button:focus {
background-color: #5cc4ed;
color: #fff;
text-decoration: none;
}
.partnerid h2 {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: -2.5rem;
}
.partnerid h2 ul {
display: flex;
flex-direction: column;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.partnerid h2 li {
position: relative;
text-align: right;
margin-left: -20rem;
}
@media screen and (max-width: 640px) {
.partnerid h2 li {
margin-left: 0;
}
}
.partnerid h2 li span {
color: #fff;
background-color: #5cc4ed;
margin-top: 1rem;
display: inline-block;
line-height: 110%;
padding: 0.2rem 0.5rem;
font-size: 5rem;
text-align: right;
}
@media screen and (max-width: 1177px) {
.partnerid h2 li span {
font-size: 4rem;
}
}
@media screen and (max-width: 640px) {
.partnerid h2 li span {
font-size: 3rem;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
}
.m-l-def {
margin-left: 2rem !important;
}
.admin-bar .wpml-ls-item-ru {
display: block !important;
}
.way {
display: none;
}
.way.active {
display: block;
}
.img-responsive {
display: block;
height: auto;
max-width: 100%;
}
.more-images {
margin-top: 3rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.hope-partners {
max-height: 600px;
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.hope-partners .wp-block-cover__inner-container {
max-width: 1177px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5rem;
text-align: right;
position: relative;
}
.copyright {
text-align: center;
width: 100%;
margin-bottom: 1rem;
}
.no-padding {
padding: 0 !important;
}
.prw {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
background-position: center;
background-repeat: no-repeat;
}
.partnerid {
padding-top: 10rem;
padding-bottom: 10rem;
margin-left: auto;
margin-right: auto;
max-width: 500px;
transform: translate(50%, 0);
}
[lang=ru-RU] .partnerid {
max-width: 700px;
}
@media screen and (max-width: 1050px) {
.partnerid {
transform: translate(0, 0);
max-width: 80vw;
}
}
.module-heading {
font-size: 3rem;
}
.suurtekst {
margin-top: 10rem;
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
background-color: #eee;
padding-top: 8rem;
padding-bottom: 8rem;
}
.suurtekst .inner {
max-width: 1177px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.suurtekst .desc {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nupp a {
border-color: #ffcc79 !important;
background-color: #ffcc79 !important;
}
body:not(.category-uudised) article a:not(.btn) {
text-decoration: underline;
color: #5cc4ed;
transition: 0.3s all;
}
body:not(.category-uudised) article a:not(.btn):hover, body:not(.category-uudised) article a:not(.btn):active, body:not(.category-uudised) article a:not(.btn):focus {
color: #ffcc79;
}
.play {
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/play.svg);
background-repeat: no-repeat;
background-size: contain;
width: 10rem;
height: 10rem;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
box-shadow: 0 0 2rem 2rem rgba(0, 0, 0, 0.2);
border-radius: 200px;
transition: all 0.3s;
}
.videos {
margin-top: 5rem;
margin-bottom: 5rem;
}
.videos h2 {
font-size: 4rem;
text-align: center;
}
.videos .inner {
display: flex;
flex-wrap: wrap;
}
.videos .item {
width: 100%;
display: flex;
height: 100%;
transition: all 0.3s;
}
.videos .leftSide {
max-width: 60%;
flex: 0 0 60%;
border-right: 1rem solid #fff;
border-bottom: 1rem solid #fff;
border-top: 1rem solid #fff;
}
@media screen and (max-width: 900px) {
.videos .leftSide {
max-width: 100%;
flex: 0 0 100%;
border-right: 0;
}
}
.videos .imgC {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.videos .item {
cursor: pointer;
}
@media screen and (max-width: 900px) {
.videos .item {
padding-top: 0;
padding-bottom: 0;
}
}
.videos .item:hover .play, .videos .item:active .play, .videos .item:focus .play {
transform: scale(1.1);
}
.videos .leftSide {
height: 39rem;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 900px) {
.videos .leftSide {
height: 65vw;
}
}
.videos .leftSide .bottomLine {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1rem 2rem 1rem 2rem;
line-height: 1.4;
display: block;
z-index: 10;
top: auto;
background-color: rgba(0, 0, 0, 0.2);
}
.videos .leftSide h3 {
text-align: left;
font-size: 2.5rem;
font-weight: normal;
letter-spacing: 1px;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 900px) {
.videos .leftSide h3 {
font-size: 2.5rem;
padding-bottom: 0;
}
}
.videos .leftSide date {
color: #eee;
font-size: 1.4rem;
}
.videos .rightSide {
max-width: 40%;
flex: 0 0 40%;
position: relative;
}
@media screen and (max-width: 900px) {
.videos .rightSide {
max-width: 100%;
flex: 0 0 100%;
}
}
.videos .rightSide .item {
height: 13rem;
border: 1rem solid #fff;
position: relative;
}
@media screen and (max-width: 900px) {
.videos .rightSide .item {
height: 17rem;
border-left: 0;
border-right: 0;
}
}
.videos .rightSide .desc {
display: flex;
background-color: #eee;
width: 60%;
position: relative;
flex-direction: column;
padding: 0.7rem 1rem;
}
@media screen and (max-width: 900px) {
.videos .rightSide .desc {
padding: 1.5rem;
}
}
.videos .rightSide .desc date {
position: relative;
font-size: 1.4rem;
color: #5C5C5C;
line-height: 1;
display: block;
padding-top: 0.3rem;
}
.videos .rightSide .desc .badge {
right: auto;
left: 1.2rem;
top: 0.8rem;
}
@media screen and (max-width: 900px) {
.videos .rightSide .desc .badge {
left: 1.5rem;
}
}
.videos .rightSide .imgC {
width: 40%;
position: relative;
}
.videos .rightSide .imgC .play {
width: 4rem;
height: 4rem;
box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
.videos .rightSide h3 {
align-self: flex-start;
margin-top: auto;
margin-bottom: 0;
font-size: 1.7rem;
padding: 0;
padding-bottom: 0.2rem;
font-weight: bold;
}
@media screen and (max-width: 900px) {
.videos .rightSide h3 {
font-size: 2.2rem;
line-height: 1.2;
}
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
@media screen and (max-width: 550px) {
.videoWrapper {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.badge {
background-color: #5cc4ed;
position: absolute;
right: 1rem;
top: 1rem;
color: #fff;
font-weight: bold;
padding: 0.6rem 0.8rem 0.6rem 0.8rem;
border-radius: 7px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
}
.single-videos .item, .archive.tax-videoscat .item, .page-template-page-videos .item, .videosall .item {
margin-bottom: 2rem;
display: block;
position: relative;
}
.single-videos .item:hover .play, .single-videos .item:active .play, .single-videos .item:focus .play, .archive.tax-videoscat .item:hover .play, .archive.tax-videoscat .item:active .play, .archive.tax-videoscat .item:focus .play, .page-template-page-videos .item:hover .play, .page-template-page-videos .item:active .play, .page-template-page-videos .item:focus .play, .videosall .item:hover .play, .videosall .item:active .play, .videosall .item:focus .play {
transform: scale(1.1);
}
.single-videos date, .archive.tax-videoscat date, .page-template-page-videos date, .videosall date {
color: #5cc4ed;
font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
.single-videos date, .archive.tax-videoscat date, .page-template-page-videos date, .videosall date {
font-size: 1.8rem;
line-height: 1.3;
padding-top: 0.3rem;
display: block;
}
}
@media screen and (max-width: 640px) {
.single-videos date, .archive.tax-videoscat date, .page-template-page-videos date, .videosall date {
font-size: 2.2rem;
}
}
.single-videos h3, .archive.tax-videoscat h3, .page-template-page-videos h3, .videosall h3 {
padding: 0.5rem 0 0 0;
}
.single-videos .imgC, .archive.tax-videoscat .imgC, .page-template-page-videos .imgC, .videosall .imgC {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
flex-wrap: wrap;
height: auto;
padding-bottom: 56%;
width: 25rem;
}
.single-videos .imgC .play, .archive.tax-videoscat .imgC .play, .page-template-page-videos .imgC .play, .videosall .imgC .play {
width: 6rem;
height: 6rem;
box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
.home .slider + .container {
background-color: #eee;
}
.page-template-page-videos .inn, .videosall .inn {
display: flex;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.page-template-page-videos .item, .videosall .item {
max-width: 25%;
flex: 0 0 25%;
border: 1rem solid #fff;
}
@media screen and (max-width: 1024px) {
.page-template-page-videos .item, .videosall .item {
max-width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 640px) {
.page-template-page-videos .item, .videosall .item {
max-width: 100%;
flex: 0 0 100%;
}
}
.page-template-page-videos .imgC, .videosall .imgC {
width: 100%;
}
@media screen and (max-width: 1024px) {
.page-template-page-videos .imgC, .videosall .imgC {
height: 26rem;
width: 100%;
}
}
@media screen and (max-width: 640px) {
.page-template-page-videos .imgC, .videosall .imgC {
height: 26rem;
width: 100%;
}
}
.space {
margin-top: 8rem;
}
.single-videos .relHeading {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.single-videos .relHeading {
padding-left: 1rem;
padding-right: 1rem;
margin-top: 5rem;
}
}
.single-videos .r-s {
padding-left: 3rem;
}
@media screen and (max-width: 767px) {
.single-videos .r-s {
margin-right: -1rem;
margin-left: -1rem;
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.single-videos .item {
max-width: 50%;
flex: 0 0 50%;
border: 1rem solid #fff;
}
}
@media screen and (max-width: 500px) {
.single-videos .item {
max-width: 100%;
flex: 0 0 100%;
}
}
.single-videos .imgC {
width: 100%;
height: 0;
padding-bottom: 56%;
}
.slick-dots {
z-index: 99 !important;
}
.vid {
padding: 1rem !important;
width: 100%;
}
h3.smaller {
line-height: 1.2;
}
@media screen and (max-width: 1000px) {
h3.smaller {
font-size: 2.2rem;
}
}
@media screen and (max-width: 640px) {
h3.smaller {
font-size: 2.7rem;
line-height: 1.2;
}
}
.coverImg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 400;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
display: none;
}
@media screen and (max-width: 800px) {
.coverImg {
display: none;
}
}
.coverImg:hover .play, .coverImg:active .play, .coverImg:focus .play {
width: 12rem;
height: 12rem;
box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
.videoWrapper + h1 {
margin-bottom: 0.3rem;
padding-bottom: 0;
line-height: 1.2;
}
.partnerid h2 li span {
white-space: nowrap;
}.image-container {
position: relative;
width: 300px;
height: 400px;
overflow: hidden;
}
.masked-image {
width: 100%;
height: 100%;
-webkit-mask-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/brush.png);
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/brush.png);
mask-size: cover;
mask-repeat: no-repeat;
}
.text-bb {
color: #005b9c;
}
.bg-yellow {
background-color: #ffcc79;
}
.bg-yellow .wp-block-columns {
background: transparent;
}
.startpoint {
width: 100px;
}
.image-container {
position: relative;
width: 100%;
height: auto;
}
.fun1 img {
border-radius: 30px;
transform: rotate(-5deg);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .4);
}
.fun2 img {
border-radius: 30px;
transform: rotate(5deg);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .4);
}
.fun1 img,
.fun2 img {
z-index: 20;
position: relative;
}
.masked-image {
width: 100%;
height: 100%;
border-radius: 30px;
transform: rotate(-5deg);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .4); mask-size: contain;
mask-repeat: no-repeat;
}
.masked-image.ver1 {
transform: rotate(5deg) }
.z-20 {
z-index: 20;
}
.trip {
width: 90vw;
left: 100px;
bottom: 50px;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/trip.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: auto;
z-index: 0;
height: 50vw;
background-position: 0 bottom;
pointer-events: none;
}
.start {
width: 100px;
left: 100px;
bottom: 50px;
background-image: url(//toivonkyla.fi/wp-content/themes/vx-theme-child/images/start.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: auto;
z-index: 0;
height: 50vw;
background-position: 0 bottom;
}
.full-width {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.bigger-gap.wp-block-columns {
gap: 6rem;
}
.wp-block-buttons.programm a {
border-color: #ffcc79 !important;
background-color: #ffcc79 !important;
color: #005b9c !important;
font-weight: bold !important;
border-radius: 30px;
}
.page-id-5288 {
p, ul li {
color: #000000;
line-height: 1.5;
font-size: 1.8rem;
}
}
.bg-001 {
background-color: rgba(204, 204, 204, 0.6);
}
.full-width .wp-block-group__inner-container {
max-width: 1147px;
margin-left: auto;
margin-right: auto;
padding-top: 6rem;
padding-bottom: 6rem;
margin-top: 6rem;
margin-bottom: 6rem;
}
.full-width .wp-block-group__inner-container .wp-block-columns{
background-color: transparent;
}
.right-rounded {
border-radius: 20px;
border: solid 10px #fff;
transform: rotate(5deg);
box-shadow: 0px 0px 20px -5px  rgba(0,0,0,.3);
}
.left-rounded {
border-radius: 20px;
border: solid 10px #fff;
transform: rotate(-5deg);
box-shadow: 0px 0px 20px -5px  rgba(0,0,0,.3);
}
.page-id-5288 {
.text--cont .h2 {
font-size: 6rem;
}
.text--cont .h2 ul li span {
color: #fff;
background-color: #005b9c;
}
}
.bg-002 {
background-color: #2776952b;
}
.bg-003 {
background-color: #dfb46f36 ;
}
.mt--6 {
margin-top: -6rem;
}
@media screen and (max-width: 1024px) {
.wp-block-group__inner-container {
padding-left: 4rem;
padding-right: 4rem;
}
}
#content h2, footer h2, .sidebar h2, article h2 {
line-height: 1.4;
}
.article ul {
font-size: 1.8rem;
color: #005b9c;
line-height: 130%;
padding: 0.5rem 0;
}
.article li {
font-size: 1.8rem;
color: #005b9c;
line-height: 130%;
padding: 0.5rem 0;
list-style: initial;
margin-left: 15px;
}
.article li::marker {
color: #ffcc79;
}
.article ol {
font-size: 1.8rem;
color: #005b9c;
line-height: 130%;
padding: 0.5rem 0;
}
.slick-prev, .slick-next {
height: 40px;
width: 40px;
border-radius: 40px;
}
.slick-next:before {
font-family: 'FontAwesome';
content: "\f105" !important;
font-size: 38px;
right: -2px;
position: relative;
}.slick-prev:before {
font-family: 'FontAwesome';
content: "\f104" !important;
font-size: 38px;
left: -2px;
position: relative;
}
header .container .logo {
width: 25rem;
}
.bg-lightgray {
background-color: #f2f2f2 !important;
}
.fullWidth {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.wp-block-columns {
background-color: transparent;
}
.fullWidth .wp-block-group__inner-container {
max-width: 1177px;
}
.mix-blend-mode, .mix-blend-mode img {
mix-blend-mode: multiply;
}
.box-shadow img {
box-shadow: 0px 0px 50px 20px #cacaca;
}
.box-shadow.text-center a {
display: inline-block;
}
.green-img {
background-color: #99d521;
}
.info-box {
background: white;
border-radius: 10px;
padding: 20px 20px;
display: inline-block;
margin-top: -130px;
box-shadow: 0px 0px 20px #7a7a7a;
list-style: none;
column-count: 2;
}
@media screen and (max-width: 1024px) {
.info-box {
column-count: 1;
margin-top: 20px;
}
}
.info-box li {
margin-bottom: 5px;
font-size: 14px;
padding: 0;
}
.info-box li:before {
display: inline-block;
border: solid 2px #1d5b9c;
border-radius: 50px;
width: 25px;
height: 25px;
line-height: 22px;
text-align: center;
margin-right: 10px;
}
.info-box li:nth-child(1):before {
content: "1";
}
.info-box li:nth-child(2):before {
content: "2";
}
.info-box li:nth-child(3):before {
content: "3";
}
.info-box li:nth-child(4):before {
content: "4";
}
.info-box li:nth-child(5):before {
content: "5";
}
.info-box li:nth-child(6):before {
content: "6";
}
.info-box li:nth-child(7):before {
content: "7";
}
.info-box li:nth-child(8):before {
content: "8";
}
.info-box li:nth-child(9):before {
content: "9";
}
.info-box li:nth-child(10):before {
content: "10";
}
.info-box li:nth-child(11):before {
content: "11";
}
.info-box li:nth-child(12):before {
content: "12";
}
.bg-blue {
background-color: #1b578c;
}
.bg-light-blue {
background-color: #50c0dd;
}
.allwhite * {
color: white !important;
}
.rounded-full {
border-radius: 50%;
}
.rounded-full img {
border-radius: 50%;
}
.text-white-important {
color: white !important;
}
.border-radius img {
border-radius: 15px;
}
.flex-group .wp-block-group__inner-container {
display: flex;
justify-content: center;
}
.mr-12 {
margin-right: 12px;
}
.millBall {
border-radius: 400px;
background-color: #50c0dd;
text-align: center;
color: white;
display: block;
width: 400px;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: auto;
margin-top: 30px;
}
.milNr {
color: white;
font-size: 200px;
font-weight: bold;
line-height: 1;
}
.millText {
color: white;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.aligncenter img {
margin: auto;
display: block;
}
@media screen and (max-width: 800px) {
.millBall {
width: 80vw;
height: 80vw;
max-width: 300px;
max-height: 300px;
}
.milNr {
color: white;
font-size: 100px;
}
.millText {
font-size: 30px;
}
}
@media (min-width: 1207px) {
.container {
max-width: 1177px !important;
}
}
.page-id-4406 .sli-img {
height: 80rem
}
@media screen and (min-width: 1200px) {
.page-id-4406 .text--cont {
left: 50%;
}
}
@media screen and (max-width: 1024px) {
.max-w-100 {
max-width: 100px;
}
}
.ukraina-eto-rossija .wp-block-group__inner-container {
flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
.ukraina-eto-rossija h2 {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.mnjah {
font-size: 20px;
}
footer ul li {
line-height: 1.3;
}
}
figure img{
border-radius: 10px;
overflow:hidden;
}
figure {
margin-bottom: 20px;
margin-top: 20px;
margin-left: 0;
margin-right:0;
}
.fullWidth .wp-block-group__inner-container {
margin: auto;
} .facebook-icon-menu {
display: inline-flex;
align-items: center;
margin-left: 15px;
}
.facebook-icon-menu a {
display: flex;
align-items: center;
justify-content: center;
color: #333;
text-decoration: none;
transition: all 0.3s ease;
}
.facebook-icon-menu a:hover {
color: #1877f2;
transform: scale(1.15);
}
.facebook-icon-menu svg {
width: 20px;
height: 20px;
} .facebook-icon-footer {
margin-top: 15px;
display: inline-block;
}
.facebook-icon-footer a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
color: #fff;
text-decoration: none;
border-radius: 50%;
background-color: #1877f2;
transition: all 0.3s ease;
}
.facebook-icon-footer a:hover {
background-color: #166fe5;
transform: scale(1.1);
}
.facebook-icon-footer svg {
width: 18px;
height: 18px;
} @media (max-width: 768px) {
.facebook-icon-menu {
margin-left: 10px;
}
.facebook-icon-menu a {
width: 35px;
height: 35px;
}
.facebook-icon-menu svg {
width: 16px;
height: 16px;
}
.facebook-icon-footer a {
width: 32px;
height: 32px;
}
.facebook-icon-footer svg {
width: 16px;
height: 16px;
}
} .map-lightbox-hidden {
display: none !important;
}
.map-lightbox-overlay {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
background-color: rgba(0, 0, 0, 0.8) !important;
z-index: 9997 !important;
}
#map-lightbox {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 9998 !important;
}
.map-lightbox-content {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-width: 800px !important;
max-height: 90vh !important;
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}
.map-lightbox-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.map-lightbox-header {
padding: 20px 20px 15px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.map-lightbox-header h3 {
margin: 0;
font-size: 1.5rem;
color: #333;
}
.open-full-map-btn {
display: inline-block;
padding: 8px 16px;
background: #1877f2;
color: white !important;
text-decoration: none !important;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
.open-full-map-btn:hover {
background: #166fe5;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(24, 119, 242, 0.3);
}
.map-lightbox-close {
position: absolute !important;
top: 15px !important;
right: 15px !important;
width: 40px !important;
height: 40px !important;
background: #f5f5f5 !important;
border: none !important;
border-radius: 50% !important;
font-size: 24px !important;
line-height: 1 !important;
text-align: center !important;
cursor: pointer !important;
z-index: 9999 !important;
transition: all 0.3s ease !important;
}
.map-lightbox-close:hover {
background: #e0e0e0 !important;
transform: scale(1.1) !important;
}
.map-lightbox-map {
padding: 20px;
flex: 1;
min-height: 400px;
}
.map-lightbox-map iframe {
width: 100% !important;
height: 100% !important;
min-height: 400px !important;
border-radius: 8px !important;
}
.map-no-embed-message {
background: #f8f9fa;
border: 2px dashed #dee2e6;
border-radius: 8px;
padding: 40px 20px;
text-align: center;
margin-bottom: 20px;
}
.map-no-embed-message p {
margin: 0;
font-size: 16px;
color: #6c757d;
line-height: 1.6;
} @media (max-width: 768px) {
.map-lightbox-content {
width: 95% !important;
max-height: 95vh !important;
}
.map-lightbox-header {
padding: 15px 15px 0;
}
.map-lightbox-header h3 {
font-size: 1.2rem;
}
.map-lightbox-close {
top: 10px !important;
right: 10px !important;
width: 35px !important;
height: 35px !important;
font-size: 20px !important;
}
.map-lightbox-map {
padding: 15px;
min-height: 300px;
}
.map-lightbox-map iframe {
min-height: 300px !important;
}
}