/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
:focus-visible {
outline: none;
}
h1, h2, h3, h5, .Buttonbghover, .projectSize{ font-weight:450 }
:root {
--heading-h1-size: 88px; /* Example for a heading size */
--heading-h1-sm-size: 56px; /* Example for a heading size */
/*--heading-h2-size: 56px; Example for a heading size */
--heading-h2-size: 40px; /* Example for a heading size */
/*--heading-h3-size: 40px; Example for a heading size */
--gp-slideout-width: 690px !important; /* offcanvas panel width*/
--section-padding-x: 256px;/* container left and right padding*/
--section-padding-sm-x: 80px;/* container left and right padding*/
--section-padding-y: 240px;/* container top and bottom padding*/
--section-padding-sm-y: 120px;/* container top and bottom padding*/
}
@media (max-width: 1728px) {
:root {
--heading-h1-size: 72px; /* Example for a heading size */
/*--heading-h2-size: 40px; Example for a heading size */
--heading-h2-size: 36px; /* Example for a heading size */
/*--heading-h3-size: 36px; Example for a heading size */
--section-padding-x: 156px;/* container left and right padding*/
--section-padding-sm-x: 24px;/* container left and right padding*/
--section-padding-y: 160px;/* container top and bottom padding*/
}
}
@media (max-width: 1279px) {
:root {
--heading-h1-size: 56px; /* Example for a heading size */
--heading-h2-size: 36px; /* Example for a heading size */
--gp-slideout-width: 100% !important; /* offcanvas panel width*/
--section-padding-x: 80px;/* container left and right padding*/
--section-padding-y: 120px;/* container top and bottom padding*/
--section-padding-sm-y: 80px;/* container top and bottom padding*/
}
}
@media (max-width: 1023px) {
:root {
--heading-h1-size: 48px; /* Example for a heading size */
--heading-h1-sm-size: 48px; /* Example for a heading size */
--heading-h2-size: 36px; /* Example for a heading size */
--section-padding-x: 24px;/* container left and right padding*/
}
}
@media (max-width: 767px) {
:root {
--heading-h1-sm-size: 36px; /* Example for a heading size */
--heading-h2-size: 32px; /* Example for a heading size */
--section-padding-x: 16px;/* container left and right padding*/
--section-padding-sm-x: 16px;/* container left and right padding*/
--section-padding-y: 80px;/* container top and bottom padding*/
--section-padding-sm-y: 60px;/* container top and bottom padding*/
}
}
/* Underline Hover*/
.underline-on-hover a{ position:relative}
.underline-on-hover a:before, .ButtonUnderline.gb-text:after{position: absolute;
bottom: 0;
left: 0;
display: block;
height: 1px;
width: 0;
transition-property: width;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
content: "";
background: var(--dark);}
.ButtonUnderline.gb-text:after{ bottom:16px; left:32px}
.underline-on-hover a:focus::before, .underline-on-hover a:hover::before {
width: 100%;
}
.ButtonUnderline.gb-text:focus:after, .ButtonUnderline.gb-text:hover:after {
width: calc(100% - 64px);
}
.whunderline a:before{background: var(--font-white);}
.ButtonWhUnderline.gb-text:after{ background: var(--font-white);}
/*Menu small text*/
ul.menu-small li a{font-size: 16px;}
.main-navigation a.Buttonmedium{ font-size:16px ; color: var(--font-white) ;
font-size: 16px ;
font-weight: 500 ;
line-height: 24px ;}
.main-navigation a.Buttonmedium:is(:hover, :focus) {
color: var(--dark);
}
/* BUTTON HOVER*/
.buttonLink.gb-text {
position: relative;
overflow: hidden;
/*transition: color .3s ease, border-color .3s ease;*/
z-index:1
}
/* Vertical sliding background */
.buttonLink.gb-text{ position:relative}
.buttonLink.gb-text::before {
content: "";
position: absolute;
inset: 0;
height: 0%;
background: var(--font-white);
z-index: -1;
transition: height .4s cubic-bezier(.4,0,0,1);
transform-origin: top center; /* top → bottom */
}
.buttonLink.gb-text.ButtonUnderline::before{background: var(--dark);}
.buttonLink.gb-text.Buttonmediumwhite::before{background: var(--dark);}
.buttonLink.gb-text.ButtonWhUnderline::before{background: var(--font-white);}
/* fill effect */
.buttonLink.gb-text:hover::before, .buttonLink.gb-text:focus::before {
height: 100%;
}
/* color invert on fill */
.buttonLink.gb-text:focus{ color:var(--dark)}
.buttonLink.gb-text:hover:focus{ color:var(--dark);}
.buttonLink.gb-text.ButtonUnderline:focus{ color:var(--dark)}
.buttonLink.gb-text.ButtonUnderline:hover:focus{ color:var(--dark);}
.buttonLink.gb-text.Buttonmediumwhite:focus{ color:var(--font-white)}
.buttonLink.gb-text.Buttonmediumwhite:hover:focus{ color:var(--font-white);}
.buttonLink.gb-text.ButtonUnderline.ButtonWhUnderline:focus{ color:var(--font-white)}
.buttonLink.gb-text.ButtonUnderline.ButtonWhUnderline:hover:focus{ color:var(--font-white);}
/*Off canvas width change*/
.slideout-overlay{ background-color: var(--black-opacity) !important}
.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element { transition:transform .4s cubic-bezier(.16,.68,.43,.99) !important;}
.slideout-navigation button.slideout-exit{ text-align:right !important}
/* menu toggle icon transtition*/
.slideout-toggle{ position:relative}
.slideout-toggle:before{ content:''; width:42px; height:42px; border-radius:100%; position:absolute; background:var(--dark); left:0px; top:0px; transform: scale3d(0.0,0.0,1);
transition: all 0.5s ease 0s; z-index:-1}
.slideout-toggle:hover:before, .slideout-toggle:focus:before{transform: scale3d(1.2,1.2,1);
transition: transform 0.5s ease 0s;}
/* menu toggle close icon transtition*/
.gp-icon.pro-close{ position:relative; top: 16px; right: 46px; padding: 6px;}
.gp-icon.pro-close svg{ font-size:24px; }
.gp-icon.pro-close svg{transition: all 0.5s ease 0s;}
.gp-icon.pro-close:hover svg, .gp-icon.pro-close:focus svg{color: var(--font-white);
transform: scale3d(0.8,0.8,1);
transition: transform 0.5s ease 0s;}
.gp-icon.pro-close:before{ content:''; width:42px; height:42px; border-radius:100%; position:absolute; background:var(--dark); left:-3px; top:0px; transform: scale3d(0.0,0.0,1);
transition: all 0.5s ease 0s; z-index:-1}
.gp-icon.pro-close:hover:before, .gp-icon.pro-close:focus:before{transform: scale3d(1,1,1);
transition: transform 0.5s ease 0s;}
.inside-header{ justify-content:space-between}
.mobileNav-logo{ display:none !important}
ul.wp-block-navigation{row-gap: 15px; }
ul.menu-small{row-gap: 6px; column-gap:6%; flex-direction: row; flex-wrap: wrap;}
ul.menu-small li{ width:47%}
.site-header {
position: fixed;
width:100%;
top: 0;
z-index: 25;
transition: background-color 0.3s, color 0.3s;
}
.main-navigation .Buttonmedium a{ font-size:16px !important}
.bgVideo{ border-radius:32px; overflow: hidden; height: 800px;}
.bgVideo video{-o-object-fit: cover; object-fit: cover; height: 100%;}
.gradientBg{background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.0) 100%);}
.gradientBg.dark{background: linear-gradient(270deg, var(--primary-950) 0%, rgba(255, 255, 255, 0.0) 100%);}
#consultation-popup:hover .rotatingLine{filter: invert(1) brightness(0);}
.rotatingLine{
animation: styles_rotating__consultation 20s linear infinite;
transform-origin: center;
transform:translate(-50%,-50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
@keyframes styles_rotating__consultation {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(1turn)
}
}
ul.nodisk{ list-style:none; margin-left:0px; margin-bottom:0px; line-height:24px;}
ul.wp-block-list{ list-style:none}
/*.site-header.header-light {
background-color: #fff;
color: #000;
}*/
/* dark color change header*/
.site-header.header-light .desk-logo, .site-header.header-light .site-logo{ filter: brightness(0) invert(1); transition: filter 0.5s ease}
.site-header.header-light{transition: all 0.5s ease}
.site-header.header-light .slideout-toggle svg{ fill:var(--font-white)}
.site-header.header-light .slideout-toggle:is(:hover,:focus) svg{ fill:var(--dark)}
.site-header.header-light .slideout-toggle:before {
background: var(--font-white);
}
.site-header.header-light .Buttonsmall { background-color: var(--font-white); color: var(--dark); border-color:var(--font-white)}
.site-header.header-light .Buttonsmall:is(:hover,:focus){color: var(--font-white); }
.site-header.header-light .buttonLink.gb-text::before{background-color: var(--dark); }
/* site footer*/
.site-footer ul.wp-block-navigation__container{ column-gap:24px; row-gap: 20px;}
.site-footer .wp-block-navigation-item a{ line-height:24px;}
/* base for both logos */
.site-logo, .desk-logo, .desk-button {
opacity: 1;
visibility: visible;
transition: opacity 0.8s ease, visibility 0.8s ease;
-webkit-transition: opacity 0.8s ease, visibility 0.8s ease;
}
/* hidden state keeps element in flow but invisible — allows smooth fade */
.logo-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* ensure desk-logo doesn't show before JS runs */
.desk-logo {
position: absolute;
}
.bodyText-M{ font-size:16px; line-height:1.5em}
.bodyText-xs{font-size:14px; line-height:1.5em}
.linkWhite a{ color: var(--font-white) !important;}
.linkWhite a:before{ background:var(--font-white) !important;}
.no-scrollbar {
scrollbar-width: none;
}
.logoAnimated video{ height:580px; object-fit:cover}
.popupVideo{ display: flex;
justify-content: center;
align-items: center; }
/*Main container*/
.section-padding-x {
padding-left: var(--section-padding-x);
padding-right: var(--section-padding-x);
}
.section-padding-sm-x{
padding-left: var(--section-padding-sm-x);
padding-right: var(--section-padding-sm-x);}
.section-padding-y{
padding-top: var(--section-padding-y);
padding-bottom: var(--section-padding-y);}
.section-padding-sm-y{
padding-top: var(--section-padding-sm-y);
padding-bottom: var(--section-padding-sm-y);}
.section-padding-no-y{ padding-top:0px; padding-bottom:0px;}
/*Accordian list view*/
.gb-accordion__content ul{list-style:none; padding:0px 0px 0px 10px; margin:0px}
.gb-accordion__content ul li{ position:relative; padding-bottom:0px; padding-left:14px; line-height: 1.5em; padding-bottom: 10px;}
.gb-accordion__content ul li:before{ content:''; width:4px; height:4px; border-radius:100%; background:var(--font-white); position:absolute; left:0px; top:10px;}
.margin-sm{ margin-bottom:15px}
/*Common list view*/
ul.list-design{list-style:none; padding:0px 0px 0px 5px; margin:0px}
ul.list-design li{ position:relative; padding-bottom:10px; padding-left:14px; font-weight:450; font-size:18px; line-height:1.5em}
ul.list-design li:before{ content:''; width:4px; height:4px; border-radius:100%; background:var(--dark); position:absolute; left:0px; top:10px;}
ul.list-design li a{ position:relative}
ul.list-design li a:after{ content:''; background:url('https://www.uudetkotisivut.fi/wp-content/uploads/2025/11/arrow-blue.svg') no-repeat center center; width:20px; height:9px; position:absolute; top:8px; right:-28px;}
ul.list-design.white li:before{background:var(--font-white);}
ul.list-margin{ margin-top:1.6em; margin-bottom:1.6em;}
ul.list-sub{ padding-top:15px;}
/*Testimonial*/
.tyot-homelist-inner h3{margin-top:30px; margin-bottom:30px;}
.tyot-mainlist-inner h3{margin-top:24px; margin-bottom:24px;}
.page-id-9203 .tyot-homelist-inner h3{margin-top:24px; margin-bottom:24px;}
.tyot-homelist-testimonial p{ margin-bottom:6px}
.tyot-homelist-testimonial p.testimonial-description, p.tyot-description{ margin-bottom:20px}
.testimonial-company-owner{ font-weight:600}
.tyot-homelist-testimonial{ position:relative; padding-left:34px;}
.tyot-homelist-testimonial:after{ content:''; width:1px; height:calc(100% - 30px); position:absolute; left:10px; bottom:0px; background:var(--stroke-light); background-image:}
.testimonial-icon{ position:absolute; left:0px}
.tyot-category{color: var(--font-bluegrey); margin-top:30px; text-transform:uppercase}
.page-id-9203 .tyot-category{ margin-top:20px;}
.tyot-homelist-wrap, .tyot-mainlist-wrap {
display: flex;
gap: 160px;
}
/*Testimonial white*/
.blacksection .tyot-homelist-inner h3{color:var(--font-white)}
.blacksection .tyot-homelist-testimonial p.testimonial-description{color:var(--font-white)}
.blacksection .tyot-homelist-testimonial p{color:var(--font-white)}
.blacksection .testimonial-icon svg path{ fill:var(--font-white)}
.testimonial-scroll .tyot-homelist-testimonial{ margin-bottom:60px;}
.testimonial-scroll .testimonial-company-owner{ margin-top:20px;}
/* Column wrapper */
.tyot-homelist-column, .tyot-mainlist-column {
flex: 1;
}
/* Item spacing */
.tyot-homelist-inner, .tyot-mainlist-inner {
margin-bottom: 160px; display:inline-block
}
.tyot-homelist-column:nth-child(2), .tyot-mainlist-column:nth-child(2) { margin-top:340px}
/*Portfolio detail*/
.portfolio-testimonial-text p{font-size: var(--heading-h2-size);
line-height: 1.25em;
font-style: italic;}
.heading-small{ font-size:var(--heading-h1-sm-size); font-weight:700}
.portfolio-project-image img{position: absolute; height: 100%;
max-width: 100%;
object-fit: cover;
position: absolute;
width: 100%;}
.portfolio-project-url{ display:flex}
.project-logo-img-portfolio{ margin-bottom:20px;}
.blacksection .portfolio-testimonial-text p{ color:var(--font-white)}
.blacksection .testimonial-company, .blacksection p, .blacksection .heading-small, .blacksection .portfolio-short-description {color:var(--font-white)}
.postid-13279 .gb-element-a9d4ffde, .postid-13423 .gb-element-a9d4ffde { display:none}
/*Blog post*/
.blog .container.grid-container, .archive .container.grid-container, .container.grid-container{ max-width:100%}
.wp-block-categories{column-gap: 30px; display: flex; row-gap: 15px; flex-wrap:wrap}
.wp-block-categories li a{color: var(--font-bluegrey) !important; font-size: 18px; line-height: 1.35em;}
.wp-block-categories li a:hover, .wp-block-categories li.current-cat a, .wp-block-categories li.current-menu-item a{ color: var(--dark) !important}
.show-tab{ display:none}
.show-desk-mb{}
.blog .site-content, .archive .site-content, .search .site-content{padding-left: var(--section-padding-x);
padding-right: var(--section-padding-x);}
.blog .blog-post-listing-wrap, .archive .blog-post-listing-wrap, .search .blog-post-listing-wrap{margin-left: auto;
margin-right: auto;
max-width: var(--gb-container-width); display: flex;
flex-direction: column;
justify-content: center;
align-items: center; width:100%}
.wp-block-search__inside-wrapper {width: 230px;
border-radius: 100px;
padding: 8px 20px;
position: relative;}
.wp-block-search__button{position: absolute;
left: 0px;
padding: 0px;
background: transparent;
color: var(--dark); margin-top: -2px;}
.wp-block-search__button svg{
width: 36px;
height: 34px;}
.wp-block-search__input{padding-left: 30px !important;
border: none!important;
padding-top: 2px!important;
padding-bottom: 2px!important;}
.no-posts{text-align: center;
font-weight: 500; padding-bottom:var(--section-padding-y)}
/*BLog post single*/
.post-template-default ul.list-design li{ padding-bottom:24px; font-size:16px;}
.post-template-default ul.post-link{ margin-bottom:1.6em}
.post-template-default ul.post-link li{ font-weight:450; padding-bottom:14px; padding-left:14px; position:relative; line-height:1.6em}
.post-template-default ul.post-link li:before{ content:''; width:4px; height:4px; border-radius:100%; background:var(--dark); position:absolute; left:0px; top:10px;}
.post-template-default ul.post-link li a{ position:relative}
.post-template-default ul.post-link li a:after{ content:''; background:url('https://www.uudetkotisivut.fi/wp-content/uploads/2025/11/arrow-blue.svg') no-repeat center center; width:20px; height:9px; position:absolute; top:8px; right:-28px;}
.post-template-default ul.post-link li.noArrow a:after{ display:none}
.post-template-default ol{ margin-left:30px; margin-bottom:0px}
.post-template-default ol li{ padding-bottom:30px;}
.post-template-default ol li::marker { font-weight:600 !important}
.post-template-default p.gb-text a { display:inline-block}
.post-template-default .wp-block-table { margin-bottom:1.6em}
.post-template-default .wp-block-table td, .post-template-default .wp-block-table th{border-color: var(--stroke-light); padding:1em; line-height:1.6em}
.post-template-default .wp-block-table td:first-child, .post-template-default .wp-block-table th:first-child{ width:200px;}
.post-template-default .wp-block-table thead{ border:none}
.post-template-default .wp-block-table thead tr{background: var(--primary-50)}
.post-template-default .wp-block-table tr:nth-child(2n){background: var(--primary-50)}
.post-template-default .wp-post-image{ border-radius:20px}
.blog-looper .gb-loop-item img{ border-radius:20px;}
.blog-looper .gb-loop-item h2{font-size: 24px; line-height: 1.35em; font-weight:450}
.blog-looper .gb-loop-item p{color: var(--font-darkgrey);}
.post-template-default .entry-content .underline-on-hover a::before{width: 100%; }
.post-template-default .entry-content .underline-on-hover a:hover::before{ width:0px;}
.post-template-default .buttonLink.gb-text:hover::before, .post-template-default .buttonLink.gb-text:focus::before {
width:100% !important
}
.post-template-default .entry-content .underline-on-hover figure a::before{ display:none}
.taxonomy-category {display: flex; gap: 8px;}
.taxonomy-category a{padding: 9px 16px;
border-radius: 8px;
border: 1px solid var(--stroke-light);
line-height: 1.4em; transition: all 0.4s ease}
.taxonomy-category a:hover{ border-color:var(--stroke-dark)}
/*Google review*/
.google-review-box{display: flex;
flex-direction:column;
line-height: 1.3em;}
.google-review-wrap{display: flex; align-items:center; gap:5px;}
.google-review-rating{font-size: 16px;
font-weight: 600;
}
.google-review-stars{color: var(--star-rating);}
.google-review-count{
font-size: 14px;
color: var(--stroke-dark);
font-weight: 500;}
.page-id-11972 .google-review-rating{color: var(--font-white);}
.page-id-11972 .google-review-count{color: var(--font-lightgrey);}
/*Google review-big*/
.big-review .google-review-stars{ font-size:22px;}
.big-review .google-review-rating{font-size: 24px;}
.big-review .google-review-count { font-size: 16px;}
.site-footer .google-review-rating, .site-footer .google-review-count { color:var(--font-white)}
/*Services Accordian*/
.gb-accordion__content ul.acc-black li{ padding-bottom:25px;}
.gb-accordion__content ul.acc-black li::before{background: var(--dark)}
/*Services Half Showing Accordian*/
.tyot-owl-slider.owl-carousel .owl-stage{ padding-left:0px !important}
.tyot-owl-slider.owl-carousel .owl-stage-outer{ overflow:inherit}
/*Services - form - radio button*/
/* Wrap style */
.wpcf7-radio label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
align-items: flex-start;
}
/* Hide default radio */
.wpcf7-form-control.wpcf7-radio{ display:flex; flex-direction:column; gap:8px;}
.wpcf7-list-item { margin:0px;}
.wpcf7-radio input[type="radio"], .seo-radio-label input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border: 1px solid var(--dark);
border-radius: 50%;
display: grid;
place-content: center;
cursor: pointer;
background: var(--font-white);
margin-top: 3px;
}
.seo-radio-label input[type="radio"]{ margin-top:0px;}
/* Inner dot (hidden by default) */
.wpcf7-radio input[type="radio"]::before, .seo-radio-label input[type="radio"]::before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
transform: scale(0);
transition: 0.2s ease-in-out;
background: var(--dark); /* Fill color */
}
/* When checked – show dot */
.wpcf7-radio input[type="radio"]:checked::before, .seo-radio-label input[type="radio"]:checked::before {
transform: scale(1);
}
.wpcf7-radio .wpcf7-list-item-label{width: calc(100% - 35px);}
/*Checkbox*/
/* Hide default checkbox */
.wpcf7-list-item input[type="checkbox"] {
display: none;
}
/* Style the label as a pill */
.wpcf7-checkbox .wpcf7-list-item-label {
display: inline-block;
padding: 8px 20px;
border: 1px solid var(--dark); /* adjust color */
border-radius: 30px;
cursor: pointer;
transition: 0.4s ease;
font-size: 18px;
line-height: 1.6em;
}
/* When checkbox is checked → apply filled style or border change */
.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
background: var(--dark); /* fill color */
color: var(--font-white);
}
.wpcf7-form-control.wpcf7-checkbox{display: flex;
gap: 16px;
margin: 20px 0px 50px; flex-wrap: wrap;}
.wpcf7-form .wpcf7-textarea{ height:100px}
/*All form - input*/
select option{font-family: "Arial", sans-serif;
font-weight: 300;
font-size: 18px; padding-top:0px; padding-bottom:0px;}
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{border-color: var(--stroke-light);
border-width: 0px 0px 1px 0px;
padding: 0px 0px 15px 0px; width:100%}
input[type="submit"]
{
background-color: var(--dark);
color: var(--font-white);
font-size: 16px;
font-weight: 500;
line-height: 24px;
border: 1px solid var(--dark);
border-radius: 100px;
padding: 17px 32px;
overflow: hidden;
z-index: 1;
position: relative;
transition: all .4s ease;
}
input[type="submit"]:is(:hover, :focus){background-color: var(--font-white); color: var(--dark);}
input[type="submit"]::before {
content: "";
position: absolute;
inset: 0;
height: 0%;
background: var(--font-white);
z-index: -1;
transition: height .4s cubic-bezier(.4,0,0,1);
transform-origin: top center;
}
input[type="submit"]:is(:hover, :focus) {
color: var(--dark);
}
input[type="submit"]:hover::before, input[type="submit"]:focus::before {
height: 100%;
}
/*Accordian with no pointer event*/
.no-acc{pointer-events:none}
/* Services -Testimonial*/
.testimonial-slide-logo img{ width:auto !important; height:38px; margin-bottom:30px}
.testimonial-slide .testimonial-infowrap{ width:100%}
.seo-radio-options {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 40px;
align-items: center;
margin-bottom: 20px;
}
.seo-radio-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
#seo-price-box {
margin-top:40px
}
#seo-price-value{font-size: 40px;
font-weight: 450;}
#seo-price-desc {
margin-left: 8px;
font-size: 18px;
color: var(--font-darkgrey);
font-weight: 400;
}
#seo-price-box{ margin-top:40px}
/*FAQ page*/
.menu-faq ul.wp-block-navigation{row-gap: 20px;}
.menu-faq .wp-block-navigation a.wp-block-navigation-item__content{ line-height:1.6em; opacity: 0.55; transition:all 0.4s ease}
.menu-faq .wp-block-navigation a.wp-block-navigation-item__content:hover, .menu-faq .wp-block-navigation a.wp-block-navigation-item__content:focus, .menu-faq .wp-block-navigation li.current-menu-item a{opacity: 1;}
/*404 video*/
.zeroanimated video{ height:320px; object-fit:cover}
.socialLink ul{ gap:35px; line-height:1.6em; font-weight:500}
.my-sticky> .gb-element-70715ce5 {
position:sticky;
top: 20px;
left: 0;
}
.my-sticky {
position: relative;
}
/*.sticky-container > .gb-inside-container {
height: 100%;
}*/
.sticky-element {
position: sticky;
position: -webkit-sticky;
top: 120px;
}
.sticky-element-service {
position: sticky;
position: -webkit-sticky;
top: 120px;
}
/*verkkosivujen*/
ul.right-tick-bullet{ margin:0px;}
ul.right-tick-bullet li{ line-height:1.6em; padding-bottom:16px; position:relative; padding-left:28px}
ul.right-tick-bullet li:before{ content:''; position:absolute; left:0px; top:10px; background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
width: 14px;
height: 11px;}
ul.right-tick-bullet.white li:before{background-image: url("data:image/svg+xml;utf8,")}
ul.right-tick-bullet li.red-tick-icon:before{top:8px; background-image: url("data:image/svg+xml;utf8,"); width: 14px;
height: 14px;}
ul.right-tick-bullet li.red-tick-icon{color: var(--font-bluegrey);}
.gReview-white .google-review-rating{color:var(--font-white)}
.gReview-white .google-review-count{ color:var(--stroke-light); text-align:right}
.page-center{transform: translate(-50%,-50%) rotate(0) skewX(0)) skewY(0) scaleX(1) scaleY(1);}
h1.wp-block-query-title { font-size:58px;}
.newsletter-form-sec{ position:relative}
.newsletter-form-sec p{ margin-bottom:0px;}
.newsletter-form-sec .wpcf7-email{ padding-right:100px; margin-bottom:10px;}
.newsletter-form-sec .wpcf7-email:hover{ border-bottom:1px solid var(--dark)}
.showBoxhover{transform: translateX(0) translateY(10px); transition: all 0.3s ease; display:none}
.showBoxhover.active{transform: translateX(0) translateY(0);}
.toggle-label{ font-size:17px; font-weight:500; line-height:24px; cursor:pointer; position:relative;}
.toggle-label::after {
content: '';
width: 7px;
height: 7px;
border-bottom: 1px solid var(--dark);
border-right: 1px solid var(--dark);
display: inline-block;
rotate: 45deg;
position: absolute;
top: 7px;
margin-left: 10px;
}
.blog-detail-toogle.active .toggle-label::after{rotate: -135deg;
top: 12px;}
.portfolio-short-description{ padding-bottom:1.6em}
.project-logo-img-portfolio{ max-height:56px;}
.postid-12563 .project-logo-img-portfolio{ max-height:26px;}
@media (min-width: 2560px) {
}
@media (max-width: 2559px) {
}
@media (max-width: 1728px) {
.logoAnimated video{ height:500px; }
.tyot-homelist-column:nth-child(2), .tyot-mainlist-column:nth-child(2) { margin-top:200px}
.tyot-homelist-inner, .tyot-mainlist-inner { margin-bottom: 120px;}
.tyot-homelist-wrap, .tyot-mainlist-wrap { gap: 120px;}
.bgVideo{ height: 732px;}
.wp-block-categories{flex-wrap: nowrap;
white-space: nowrap;}
.show-tab{ display:block}
.show-desk-mb{ display:none}
}
@media (max-width: 1279px) {
.mobileNav-logo{ display:flex !important}
.menu-small{ width:100% !important}
.inside-header{ padding-left:40px; padding-right:40px}
.gp-icon.pro-close{ right: 23px; }
.tyot-homelist-column:nth-child(2), .tyot-mainlist-column:nth-child(2) { margin-top:200px}
.tyot-homelist-inner, .tyot-mainlist-inner { margin-bottom: 80px;}
.section-padding-lx { padding-right: 0px !important;}
.no-scrollbar{padding-right: var(--section-padding-x);}
.tyot-homelist-inner h3, .tyot-mainlist-inner h3{margin-top:18px; margin-bottom:18px;}
.tyot-category{ margin-top:18px;}
.tyot-homelist-wrap, .tyot-mainlist-wrap { gap: 80px;}
.bgVideo{ height: 524px;}
.zeroanimated video { height: 240px;}
}
@media (max-width: 1024px) {
/*.inside-header{ padding-left:24px; padding-right:24px}
.gp-icon.pro-close{ right: 7px; }*/
/* Mobile */
/*.tyot-homelist-wrap { flex-direction: column; }
.tyot-homelist-wrap { gap: 0px;}
.tyot-homelist-column:nth-child(2) { margin-top:0px}
.tyot-homelist-inner { margin-bottom: 60px;}*/
}
@media (max-width: 1023px) {
.inside-header{ padding-left:24px; padding-right:24px}
.gp-icon.pro-close{ right: 7px; }
/* Mobile */
/*.tyot-homelist-wrap, .tyot-mainlist-wrap { flex-direction: column; }*/
.tyot-homelist-wrap, .tyot-mainlist-wrap { gap: 60px;}
.tyot-homelist-column:nth-child(2), .tyot-mainlist-column:nth-child(2) { margin-top:120px}
.tyot-homelist-inner { margin-bottom: 80px;}
.tyot-mainlist-inner{margin-bottom: 60px;}
.tyot-homelist-inner h3{margin-top:30px; margin-bottom:30px;}
.tyot-mainlist-inner h3{margin-top:24px; margin-bottom:24px;}
.tyot-category{ margin-top:30px;}
.desk-button{ display:none !important}
.bgVideo{ height: 420px;}
.portfolio-project-image img{ position:relative}
.google-review-box{ line-height:1.2em}
.sticky-element { top: 120px;}
.sticky-element-service{ position:relative; top:initial}
h1.wp-block-query-title { font-size:48px;}
}
@media (min-width: 768px)
{
.ButtonUnderline.gb-text::before{ display:none;}
.buttonLink.gb-text.ButtonUnderline:hover{color: var(--dark);}
.buttonLink.gb-text.ButtonUnderline.ButtonWhUnderline:hover { color: var(--font-white); }
.newsletter-form-sec .wpcf7-submit {position: absolute;
right: 0px; top:0px;
padding: 5px 0px 5px 0px;
color: var(--dark);
background: transparent;
border: none;}
}
@media (max-width: 768px)
{
.inside-header { flex-direction: initial; text-align: center; }
.separate-containers .inside-article{ padding:0px}
}
@media (max-width: 767px) {
.inside-header{ padding-left:16px; padding-right:16px}
.gp-icon.pro-close{ right: 7px; }
.gp-icon.pro-close{ right: 0px; }
.ButtonUnderline.gb-text:after{ display:none}
.logoAnimated video{ height:340px}
.site-footer ul.wp-block-navigation__container{ column-gap:18px; row-gap: 16px;}
.buttonLink.gb-text.ButtonUnderline.ButtonWhUnderline:hover { color: var(--dark); }
.tyot-homelist-inner h3, .tyot-mainlist-inner h3{margin-top:18px; margin-bottom:18px;}
.bgVideo{ height: 483px;}
.project-logo-img-portfolio{ margin-bottom:10px;}
input[type="submit"]{ width:100%}
.menu-faq ul.wp-block-navigation{flex-direction: row; column-gap: 40px;}
.sticky-element {position: relative; top:initial}
.mbScroll{overflow: auto;}
.mbScroll nav ul{display: flex; flex-wrap: nowrap; white-space: nowrap;}
.zeroanimated video { height: 140px; }
.tyot-homelist-wrap1.tyot-owl-slider.owl-carousel {
display: flex;
flex-direction: column;
row-gap: 50px;}
.tyot-homelist-wrap1.tyot-owl-slider.owl-carousel .tyot-homelist-img img{ width:100%}
.newsletter-form-sec .wpcf7-submit { width:100%}
.newsletter-form-sec .wpcf7-email{ padding-right:0px; margin-bottom:20px;}
.wp-block-search__inside-wrapper{ width:100% !important}
.wp-block-search__button-inside {width: 100%;}
.show-tab{ display:block; width:100%}
.show-desk-mb{ display:none}
.tyot-homelist-wrap, .tyot-mainlist-wrap { flex-direction: column; }
.tyot-homelist-wrap, .tyot-mainlist-wrap { gap: 0px;}
.tyot-homelist-column:nth-child(2), .tyot-mainlist-column:nth-child(2) { margin-top:0px}
/* Hyphen*/
.gb-text, .heading-small{hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
word-break: normal;
overflow-wrap: break-word;}
}
@media (max-width: 647px) {
ul.menu-small li{ width:100%}
}