:root {
--shadow: 0 10px 20px -4px rgba(17,16,15,0.6);
--sharp-shadow: 0 0 2px rgba(17,16,15,0.12), 
0 0 4px rgba(17,16,15,0.12),
0 0 8px rgba(17,16,15,0.12);
}
h2 {
margin-top: 0;
}
.elementor .elementor-section > .elementor-container {
margin-top: 15px;
padding: 0px 20px 0px 280px;
}
.elementor .elementor-section[id="valikko"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="onia-production"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="idea-teksti"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="footerIn"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="single-inner"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="loop"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="image-loop"] > .elementor-container {
padding: 0;
}
.elementor .elementor-section[id="portfolio-images"] > .elementor-container {
padding: 0;
} @media all and (max-width: 1024px) {
body {
padding-top: 70px;
}
.elementor .elementor-section > .elementor-container {
margin-top: 15px;
padding: 0px 15px 0px 15px;
}
.elementor .elementor-section[id="testi-cta"] > .elementor-container {
margin-top: 85px;
}
}
@media all and (max-width: 767px) {
.elementor .elementor-section > .elementor-container {
padding: 0px 15px 0px 15px;
} } @media all and (max-width: 1200px) {
.elementor .elementor-section[id="footerIn"] > .elementor-container {
flex-direction: column;
}
.elementor-4895 .elementor-element.elementor-element-6429f1f {
width: 100%;
padding-bottom: 3rem;
}
.elementor-4895 .elementor-element.elementor-element-14f55f5 {
width: 100%;
}
} .titleText .elementor-widget-container {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.titleText .elementor-widget-container > h1 {
visibility: hidden;
}
.titleText .elementor-widget-container > h2 {
visibility: hidden;
}
.mountain {
visibility: hidden;
box-shadow: var(--shadow);
}
.mountain-mobile {
visibility: hidden;
box-shadow: var(--shadow);
} .wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
display: flex;
justify-content: flex-start;
width: 100%;
gap: 2rem;
}
.wpc-filters-main-wrap ul.wpc-filters-ul-list {
padding: 0 !important;
}
.wpc-filters-main-wrap li.wpc-term-item label {
padding-left: 0 !important;
}
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
display: none;
}
.wpc-filters-main-wrap li.wpc-term-item a {
font-family: var(--e-global-typography-63df198-font-family), Sans-serif;
font-size: var(--e-global-typography-63df198-font-size);
font-weight: var(--e-global-typography-63df198-font-weight);
line-height: var(--e-global-typography-63df198-line-height);
letter-spacing: var(--e-global-typography-63df198-letter-spacing);
word-spacing: var(--e-global-typography-63df198-word-spacing);
color: var(--e-global-color-87de347);
}
@media (hover: hover) {
.wpc-filters-main-wrap li.wpc-term-item a:hover {
color: var(--e-global-color-bbb9bd1);
}
}
@media all and (max-width: 767px) {
.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
flex-direction: column;
gap: 0.4rem;
}
} .elementor .elementor-section .portfolio-loop > .elementor-container {
padding: 0 !important;
box-shadow: var(--shadow);
}
.elementor .elementor-section[id="blogMenu"] > .elementor-container {
padding: 0;
}
@media all and (max-width: 1024px) {
.elementor .elementor-section[id="blogMenu"] > .elementor-container {
padding: 10px 30px;
}
}
.elementor .elementor-section[id="oniacta"] > .elementor-container {
padding: 1px 60px 80px 280px;
} .elementor-image-box-img img {
box-shadow: var(--shadow);
} @media all and (max-width: 1200px) {
.elementor-image-box-wrapper {
flex-direction: column-reverse !important;
}
.elementor-image-box-title {
margin-bottom: 10px !important;
}
.elementor-widget-image-box .elementor-image-box-content {
padding-bottom: 1.2rem;
}
.elementor-6189 .elementor-element.elementor-element-50b951a7.elementor-position-right .elementor-image-box-img {
margin-left: 0;
}
}
@media all and (max-width: 767px) {
.elementor-widget-image-box .elementor-image-box-content {
padding-top: 0.9rem;
}
.elementor-image-box-wrapper {
display: flex;
flex-direction: column-reverse !important;
}
} .elementor-share-buttons--view-icon .elementor-share-btn__icon {
justify-content: left !important;
} .dialog-type-lightbox {
background-color: var(--e-global-color-2c7c11b);
}
.swiper-container.swiper-container-initialized.swiper-container-horizontal {
cursor: auto !important;
}
.elementor-lightbox .elementor-lightbox-image {
box-shadow: var(--shadow);
} #loop {
box-shadow: var(--shadow) !important;
}
.featureImg {
box-shadow: var(--shadow);
} button#rcb-sc-link-change {
background-color: #454441;
font-family: var(--e-global-typography-7818d2d-font-family), Sans-serif;
font-weight: var(--e-global-typography-7818d2d-font-weight);
letter-spacing: var(--e-global-typography-7818d2d-letter-spacing);
border: 0px solid;
border-radius: 2px;
padding: 0.6rem 1.4rem;
}
div#react-close-icon-1 {
display: none !important;
} .elementor .elementor-section[id="mobileMenu"] > .elementor-container {
padding: 0px;
}
#mobileMenu {
position: fixed;
width: 100%;
top: 0;
}
#navOverlay {
position: fixed;
width: 100%;
top: 0;
}
#navOverlay .elementor-container.elementor-column-gap-no {
align-content: flex-start;
gap: 1.8rem;
}
.nav-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
}
.nav-wrap .navtoggle {
cursor: pointer;
width: 40px;
height: 40px;
z-index: 22;
opacity: 0;
}
.nav-wrap .hamburger {
position: absolute;
width: 60px;
height: 60px;
padding: 1rem 0rem 1rem 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.nav-wrap .hamburger > div {
position: relative;
width: 100%;
height: 4px;
background-color: var(--e-global-color-c44d56c);
transition: all 0.4s ease;
}
.nav-wrap .hamburger > div::before,
.nav-wrap .hamburger > div::after {
content: "";
position: absolute;
top: -8px;
width: 100%;
height: 4px;
background: inherit;
}
.nav-wrap .hamburger > div::after {
top: 8px;
} .nav-wrap .navtoggle:checked + .hamburger > div {
transform: rotate(135deg);
}
.nav-wrap .navtoggle:checked + .hamburger > div::before,
.nav-wrap .navtoggle:checked + .hamburger > div::after {
top: 0;
transform: rotate(90deg);
}
.nav-wrap .navtoggle:checked:hover + .hamburger > div {
transform: rotate(225deg);
} #navOverlay {
transform: translateX(-100%);
transition: all 0.5s ease;
overflow: hidden;
} @media (max-width: 767px) {
.elementor-2177 .elementor-element.elementor-element-616f168 .elementor-nav-menu .elementor-item {
justify-content: flex-end;
}
} .smiles a {
color: var(--e-global-color-87de347);
font-size: 1rem;
}
.smiles a:hover {
font-size: 1rem;
}
@media only screen and (max-width: 767px) {
.smiles a {
font-size: 0.9rem;
}
.smiles a:hover {
font-size: 0.9rem;
}
}.swiper-container.swiper-initialized .ecs-posts{
overflow:visible; 
}
.ecs-post-loop .elementor-page-title{
display:block;
}
.ecs-loop-preview{
height:100%;
width:100%;
background:lightgray;
border:solid 1px gray;
padding:5px;
}
.ecs-loop-preview h3{
font-size:16px;
font-weight:500;
}
.ecs-loop-preview span{
font-size:12px;
}
.ecs-loop-preview .ecs-image-holder{
width: 100%;
line-height: 113px;
background-color: #808080;
font-size: 45px;
text-align: center;
vertical-align: middle;
font-weight: 900;
color: #929191;
}
.ecs-link-wrapper{
cursor: pointer;
}
.elementor-widget-ele-loop-item, .elementor-widget-ele-loop-item > .elementor-widget-container,
.elementor-element-edit-mode.elementor-widget-ele-loop-item, .elementor-element-edit-mode.elementor-widget-ele-loop-item > .elementor-widget-container{
height: 100%;
} .elementor-widget-posts .ecs-posts .elementor-button-wrapper {
margin-top: 0;
} .ecs-post-loop .ast-article-single{
background-color: none;
border-bottom:none;
margin: 0;
padding: 0;
}
.ecs-post-loop.ast-article-post{
width:100%;
} .theme-storefront.elementor-editor-active #primary.content-area{
float:none;
} .elementor-editor-active .ecs-lazyload a,.elementor-editor-preview .ecs-lazyload a{
display:none;
}
.animation-hidden .ecs-lazy-load-animation{
height:0;
visibility:hidden;
}  .barload-wrapper {
width: 195px;
height: 1em;
position: relative;
display:inline-block;
font-size:16px;
padding:10px;
}
.barload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
top: -50%;
padding: 4px 3px;
}
.barload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.barload-line {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(0,0,0);
animation: barload-slide 2.75s steps(40) infinite;
-o-animation: barload-slide 2.75s steps(40) infinite;
-ms-animation: barload-slide 2.75s steps(40) infinite;
-webkit-animation: barload-slide 2.75s steps(40) infinite;
-moz-animation: barload-slide 2.75s steps(40) infinite;
}
@keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-o-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-ms-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-moz-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}  .barload-wrapper ,.barload-wrapper * {
box-sizing:content-box;
} 
.ballsload-container{
font-size:16px;
padding:10px;
position:relative;
}
.ballsload-container div {
width: 1em;
height: 1em;
position: absolute;
background-color: rgb(0,0,0);
top: 0;
border-radius: 50%;
}
.ballsload-container div:nth-child(1) {
animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(2) {
animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(3) {
animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(4) {
animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
@keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-o-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-ms-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-moz-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}  #movingBallG{
position:relative;
width:250px;
height:19px;
display:inline-block;
font-size:16px;
}
.movingBallLineG{
position:absolute;
left:0px;
top:0.5em;
height:0.25em;
width:250px;
background-color:rgb(0,0,0);
}
.movingBallG{
background-color:rgb(0,0,0);
position:absolute;
top:0;
left:0;
width:1.188em;
height:1.188em;
border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
animation-name:bounce_movingBallG;
-o-animation-name:bounce_movingBallG;
-ms-animation-name:bounce_movingBallG;
-webkit-animation-name:bounce_movingBallG;
-moz-animation-name:bounce_movingBallG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
@keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}  .lds-ellipsis {
display: inline-block;
position: relative;
width: 8em;
height: 1em;
font-size:13px;
}
.lds-ellipsis div {
position: absolute;
top: 0px;
width: 1em;
height: 1em;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 1em;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 1em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 4em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 7em;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(3em, 0);
}
}