/* Loovl Restyling - new look (21.10.2026), client's mock-ups: restyling.fi/novyj-dizajn/.
 * Dark is the default, light comes with html[data-teema="vaalea"] (switch in the header, assets/js/uusi.js).
 * The header, the heroes and the footer stay dark in both themes, as on the light mock-up.
 * Printed LAST in <head> (inc/uusi.php, wp_head 1002): after avada-otbor.css, tema.css, plugin styles,
 * dop-stili.css (101) and Avada page CSS (1001) - with equal specificity this file wins.
 * !important only where the old rule has it or where the value comes from an inline style.
 *
 * Sections: 1 font and colors · 2 base · 3 header · 4 title bar · 5 page content (Avada elements)
 * · 6 blog · 7 forms · 8 our plugins · 9 trust strip and footer · 10 new blocks (home) · 11 phones */

/* ==== 1. Font and colors ============================================================== */

@font-face{font-family:'RP Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../shrifty/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'RP Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../shrifty/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
	--rp-fontti:'RP Sans',Montserrat,Arial,Helvetica,sans-serif;
	--rp-tausta:#0b0b0c;          /* page */
	--rp-tausta-2:#111113;        /* alternate band */
	--rp-pinta:#151518;           /* card */
	--rp-pinta-2:#1c1c20;         /* raised card, hover */
	--rp-raja:#26262b;            /* lines */
	--rp-raja-2:#36363d;          /* stronger lines, fields */
	--rp-teksti:#cfcfd4;          /* body text */
	--rp-heikko:#8f8f98;          /* secondary text */
	--rp-otsikko:#ffffff;         /* headings */
	--rp-aksentti:#f6c454;        /* yellow of the mock-ups */
	--rp-aksentti-2:#ffd46f;      /* hover */
	--rp-aksentti-teksti:#151309; /* text on yellow */
	--rp-korostus:#f6c454;        /* links and highlighted words */
	--rp-kentta:#101012;          /* form fields */
	--rp-tumma:#141416;           /* dark blocks in both themes */
	--rp-tumma-raja:#2a2a2f;
	--rp-shapka:#0b0b0c;          /* header and footer in both themes */
	--rp-varjo:0 18px 44px rgba(0,0,0,.45);
	--rp-sade:12px;
	--rp-sade-pieni:8px;
	color-scheme:dark;
}
html[data-teema="vaalea"]{
	--rp-tausta:#f4f4f1;
	--rp-tausta-2:#ebebe7;
	--rp-pinta:#ffffff;
	--rp-pinta-2:#f8f8f5;
	--rp-raja:#e2e2dc;
	--rp-raja-2:#cfcfc8;
	--rp-teksti:#34343a;
	--rp-heikko:#6a6a72;
	--rp-otsikko:#0c0c0e;
	--rp-korostus:#8a6500;
	--rp-kentta:#ffffff;
	--rp-varjo:0 18px 40px rgba(20,20,25,.10);
	color-scheme:light;
}

/* ==== 2. Base ========================================================================= */

html:not(.avada-html-layout-boxed):not(.avada-html-layout-framed),
html:not(.avada-html-layout-boxed):not(.avada-html-layout-framed) body,
#main,.layout-wide-mode #main,.layout-wide-mode #wrapper,body,html,#boxed-wrapper,#wrapper{background-color:var(--rp-tausta)}
body,.post .post-content,.search input,.sidebar .widget_categories li,.sidebar .widget_recent_entries li{color:var(--rp-teksti)}
body{font-family:var(--rp-fontti);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body .post-content,body .fusion-text,body p,body li,body td,body th,body blockquote,body input,body textarea,body select,body button{font-family:var(--rp-fontti)}
::selection{background:var(--rp-aksentti);color:var(--rp-aksentti-teksti)}
/* Avada paints every link red with «body a, body a:after, body a:before» – same weight here, later file wins. */
body a,body a:after,body a:before{color:var(--rp-korostus)}
body a:hover{color:var(--rp-aksentti-2)}
html[data-teema="vaalea"] body a:hover{color:var(--rp-otsikko)}
strong,b{color:inherit;font-weight:700}

/* Headings: one family, sentence-like weight; sizes over Avada's own (dop-stili.css has !important). */
body.rp-uusi h1,body.rp-uusi h2,body.rp-uusi h3,body.rp-uusi h4,body.rp-uusi h5,body.rp-uusi h6,
body.rp-uusi .fusion-page-title-bar h1,body.rp-uusi .fusion-title h1,body.rp-uusi .post-content h1,
body.rp-uusi #main .post h2,body.rp-uusi #main h2,body.rp-uusi .fusion-title h2,body.rp-uusi .post-content h2,body.rp-uusi .title h2,
body.rp-uusi .fusion-title h3,body.rp-uusi .post-content h3,body.rp-uusi .fusion-title h5,body.rp-uusi .post-content h5,
body.rp-uusi .fusion-title h6,body.rp-uusi .post-content h6,
body.rp-uusi #wrapper #main .fusion-post-content>h2.fusion-post-title,body.rp-uusi #wrapper #main .related-posts .fusion-title h3{
	font-family:var(--rp-fontti);font-weight:700;letter-spacing:-.01em;color:var(--rp-otsikko)}
body.rp-uusi h1,body.rp-uusi .post-content h1,body.rp-uusi .fusion-title h1{font-size:clamp(30px,2.3vw + 12px,50px) !important;line-height:1.1 !important}
body.rp-uusi h2,body.rp-uusi .post-content h2,body.rp-uusi .fusion-title h2{font-size:clamp(24px,1.3vw + 14px,36px) !important;line-height:1.18 !important}
body.rp-uusi h3,body.rp-uusi .post-content h3,body.rp-uusi .fusion-title h3{font-size:clamp(19px,.5vw + 15px,23px) !important;line-height:1.3 !important;font-weight:650}
body.rp-uusi h4,body.rp-uusi .post-content h4,body.rp-uusi .fusion-title h4{font-size:18px !important;line-height:1.35 !important;font-weight:650}
body.rp-uusi h5,body.rp-uusi .post-content h5,body.rp-uusi .fusion-title h5{font-size:16px !important;line-height:1.4 !important}
body.rp-uusi h6,body.rp-uusi .post-content h6,body.rp-uusi .fusion-title h6{font-size:15px !important;line-height:1.45 !important;letter-spacing:.02em}
/* Title elements of the old builder (class title-heading-*) carry their size in --fontSize, set in the page
 * itself (100 for a hero, 48, 42 …). Teko was narrow, Montserrat is ~1.6× wider: the size is scaled from
 * --fontSize and shrinks with the screen (1440 px: 100 → 57 px, 48 → 27; 390 px: 100 → 36, at least 20). */
body.rp-uusi #main :is(h1,h2,h3,h4,h5,h6)[class*="title-heading-"]{font-size:max(calc(var(--fontSize,40) * (.28px + .02vw)),20px) !important;line-height:1.1 !important;overflow-wrap:break-word}
/* The old red bars before h1 and h6 (dop-stili.css) belong to the old look. */
body.rp-uusi h1:before,body.rp-uusi h6:before,body.rp-uusi h1::before,body.rp-uusi h6::before{content:none !important;display:none !important}
/* Inline colors written into the pages by the old builder: black headings, red words. */
body.rp-uusi #main [style*="color:#000000"],body.rp-uusi #main [style*="color: #000000"],
body.rp-uusi #main [style*="color:#000;"],body.rp-uusi #main [style*="color: #000;"],
body.rp-uusi #main [style*="color:#333"],body.rp-uusi #main [style*="color: #333"]{color:var(--rp-otsikko) !important}
body.rp-uusi #main [style*="color:#c7081b" i],body.rp-uusi #main [style*="color: #c7081b" i],
body.rp-uusi #main [style*="color:#C7081B"],body.rp-uusi #main [style*="color: #C7081B"]{color:var(--rp-korostus) !important}
body.rp-uusi .fontawesome-icon,body.rp-uusi i.fb-icon-element.fontawesome-icon{color:var(--rp-korostus) !important}

p{margin-top:0}
hr{border-color:var(--rp-raja)}
blockquote{border-left:3px solid var(--rp-aksentti) !important;padding-left:24px !important;color:var(--rp-otsikko);font-size:22px !important;line-height:1.45}

/* ==== 3. Header (dark in both themes) ================================================= */

body.rp-uusi .fusion-header-wrapper,body.rp-uusi .fusion-header-wrapper .fusion-header,
body.rp-uusi .fusion-top-header .fusion-header,body.rp-uusi.avada-html-is-archive .fusion-top-header .fusion-header,
body.rp-uusi .fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header,
.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header,
.fusion-body .fusion-header-wrapper .fusion-header,.fusion-body .fusion-header-wrapper .fusion-secondary-main-menu{background-color:var(--rp-shapka) !important}
.fusion-header-wrapper .fusion-header{border-bottom:1px solid rgba(255,255,255,.07)}
.fusion-is-sticky .fusion-header{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.fusion-header .fusion-logo img{filter:none}

/* Menu items */
.fusion-main-menu>ul>li>a,.fusion-is-sticky .fusion-main-menu>ul>li>a{color:rgba(255,255,255,.80) !important}
.fusion-main-menu>ul>li>a:not(.fusion-main-menu-icon){font-family:var(--rp-fontti) !important;font-weight:600;font-size:13px !important;letter-spacing:.06em}
.fusion-main-menu a[href^="tel:"],.fusion-main-menu a[href^="tel:"] i,.fusion-main-menu a[href^="tel:"] *{color:var(--rp-aksentti) !important}
.fusion-main-menu>ul>li>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-ancestor>a,.fusion-body .fusion-main-menu .current-menu-item>a,.fusion-body .fusion-main-menu .current-menu-parent>a,
.fusion-is-sticky .fusion-main-menu>ul>li.current-menu-item>a{color:#fff !important;border-color:var(--rp-aksentti) !important}
.avada-menu-highlight-style-bottombar.fusion-top-header:not(.fusion-header-layout-v6) .fusion-main-menu>ul>li>.fusion-bottombar-highlight:after{border-top-color:var(--rp-aksentti)}
.fusion-body .fusion-main-menu .current-menu-item:not(.fusion-main-menu-cart)>a:before{border-color:var(--rp-aksentti)}
.fusion-main-menu .fusion-main-menu-icon:after,.fusion-is-sticky .fusion-main-menu .fusion-main-menu-icon:after{color:rgba(255,255,255,.8)}
.fusion-main-menu .fusion-main-menu-icon:hover:after,.fusion-is-sticky .fusion-main-menu .fusion-main-menu-icon:hover:after{color:var(--rp-aksentti)}
/* Dropdowns */
.fusion-main-menu .sub-menu{background-color:#141417;border-top-color:var(--rp-aksentti) !important;box-shadow:0 22px 40px rgba(0,0,0,.45) !important;font-family:var(--rp-fontti)}
.avada-menu-highlight-style-bottombar .fusion-main-menu .sub-menu{border-top:2px solid var(--rp-aksentti)}
.fusion-main-menu .sub-menu li a,.fusion-main-menu .fusion-dropdown-menu .sub-menu li a{color:rgba(255,255,255,.82);border-bottom-color:rgba(255,255,255,.06);font-family:var(--rp-fontti);font-size:14px}
.fusion-main-menu .sub-menu li a:hover,.fusion-main-menu .sub-menu .current-menu-item>a,.fusion-main-menu .sub-menu .current_page_item>a,.fusion-main-menu .sub-menu .current-menu-parent>a{background-color:#1d1d22;color:#fff}
.fusion-main-menu .sub-menu .loovl-am-kaikki>a{border-top-color:rgba(255,255,255,.1) !important}
/* Search over the menu */
.fusion-main-menu-search-overlay .fusion-overlay-search .fusion-close-search:after,.fusion-main-menu-search-overlay .fusion-overlay-search .fusion-close-search:before{background-color:#fff}
.fusion-main-menu-search-overlay .fusion-overlay-search .fusion-close-search:hover:after,.fusion-main-menu-search-overlay .fusion-overlay-search .fusion-close-search:hover:before{background-color:var(--rp-aksentti)}
.fusion-header .searchform .fusion-search-form-content .fusion-search-field input{background:#141417 !important;border-color:#2c2c32 !important;color:#fff !important}
.fusion-live-search .fusion-search-results{background-color:#141417;color:#fff;border-color:var(--rp-aksentti)}
.fusion-live-search .fusion-search-result{border-color:rgba(255,255,255,.08)}
.fusion-live-search .fusion-search-result a,.fusion-live-search .fusion-search-result .fusion-search-post-title{color:#fff}

/* The two items we add at the end of the menu: theme switch and the form button */
.fusion-main-menu>ul>li.rp-valikko-teema,.fusion-main-menu>ul>li.rp-valikko-cta{display:flex;align-items:center;height:84px}
.fusion-is-sticky .fusion-main-menu>ul>li.rp-valikko-teema,.fusion-is-sticky .fusion-main-menu>ul>li.rp-valikko-cta{height:84px}
.fusion-main-menu>ul>li.rp-valikko-teema{padding-left:18px !important;padding-right:10px !important}
.fusion-main-menu>ul>li.rp-valikko-cta{padding-right:0 !important}
.rp-teema{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
.rp-teema:hover{border-color:var(--rp-aksentti);color:var(--rp-aksentti)}
.rp-teema:focus-visible{outline:2px solid var(--rp-aksentti);outline-offset:2px}
.rp-teema .rp-svg{width:18px;height:18px}
.rp-teema .rp-teema__kuu{display:none}
html[data-teema="vaalea"] .rp-teema .rp-teema__aurinko{display:none}
html[data-teema="vaalea"] .rp-teema .rp-teema__kuu{display:block}
.fusion-main-menu>ul>li.rp-valikko-cta>a.rp-shapka-nappi{display:inline-flex !important;align-items:center;gap:8px;height:auto !important;min-height:0;padding:10px 16px !important;border:1.5px solid var(--rp-aksentti) !important;border-radius:6px;background:transparent;color:var(--rp-aksentti) !important;font-family:var(--rp-fontti);font-size:13px !important;font-weight:650;letter-spacing:.01em;line-height:1.2 !important;text-transform:none;white-space:nowrap;transition:background-color .15s,color .15s}
.fusion-main-menu>ul>li.rp-valikko-cta>a.rp-shapka-nappi:hover,.fusion-main-menu>ul>li.rp-valikko-cta>a.rp-shapka-nappi:focus{background:var(--rp-aksentti);color:var(--rp-aksentti-teksti) !important}
.fusion-main-menu>ul>li.rp-valikko-cta>a.rp-shapka-nappi:after,.fusion-main-menu>ul>li.rp-valikko-cta>a.rp-shapka-nappi:before{display:none !important}
.rp-shapka-nappi .rp-svg{width:16px;height:16px}
/* Compact header on computers (owner 21.10.2026): logo 66×50 instead of 90×68, centred in the 90 px bar.
 * The Finnish menu is the longest: on 801–1365 px it fell to a second (900 px: third) row, header 179–269 px.
 * Steps measured on fi and en, plain and sticky header: 91 px at every width from 801 to 1920. */
@media only screen and (min-width:801px){
	.fusion-header .fusion-logo img{max-height:50px !important;width:auto !important}
	.fusion-header .fusion-logo{margin-top:20px !important;margin-bottom:20px !important}
}
@media only screen and (min-width:801px) and (max-width:1439px){
	.avada-responsive:not(.rtl) .fusion-header-v1 .fusion-main-menu>ul:has(>li.loovl-automallit)>li:not(:last-child){padding-right:14px}
	.fusion-main-menu>ul>li>a:not(.fusion-main-menu-icon){letter-spacing:.03em}
	.fusion-main-menu>ul>li.rp-valikko-teema{padding-left:8px !important;padding-right:6px !important}
}
@media only screen and (max-width:1365px){.fusion-main-menu>ul>li.rp-valikko-cta{display:none}}
@media only screen and (min-width:801px) and (max-width:1199px){
	.avada-responsive:not(.rtl) .fusion-header-v1 .fusion-main-menu>ul:has(>li.loovl-automallit)>li:not(:last-child){padding-right:11px}
	.fusion-main-menu>ul>li>a:not(.fusion-main-menu-icon){font-size:12px !important;letter-spacing:.02em}
}
@media only screen and (min-width:801px) and (max-width:1023px){
	.avada-responsive:not(.rtl) .fusion-header-v1 .fusion-main-menu>ul:has(>li.loovl-automallit)>li:not(:last-child){padding-right:8px}
	.fusion-main-menu>ul>li>a:not(.fusion-main-menu-icon){font-size:11px !important;letter-spacing:0}
	.fusion-main-menu .fusion-dropdown-indicator,.fusion-main-menu>ul>li>a>.fusion-caret{display:none}
}

/* Phone header: icons, menu sheet */
.fusion-mobile-menu-icons a,.fusion-mobile-menu-icons a:after,.fusion-mobile-menu-icons a:before{color:rgba(255,255,255,.85)}
.fusion-mobile-menu-icons a:hover{color:var(--rp-aksentti)}
@media only screen and (max-width:800px){.fusion-mobile-menu-icons{display:flex;align-items:center;gap:2px}}
.fusion-mobile-menu-icons .rp-puhelin{display:inline-flex;align-items:center;color:var(--rp-aksentti) !important;text-decoration:none}
.fusion-mobile-menu-icons .rp-puhelin .rp-svg{width:21px;height:21px}
.fusion-mobile-menu-icons .rp-teema{width:34px;height:34px;margin:0 4px 0 6px;border-color:rgba(255,255,255,.2)}
.fusion-mobile-menu-icons .rp-teema .rp-svg{width:17px;height:17px}
@media only screen and (min-width:801px){.fusion-mobile-menu-icons .rp-teema{display:none}}
.fusion-mobile-nav-holder,.fusion-mobile-nav-holder>ul{background:var(--rp-shapka)}
body:not(.mobile-menu-design-flyout) .fusion-mobile-nav-item a{background-color:var(--rp-shapka);border-color:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font-family:var(--rp-fontti) !important;font-size:16px !important;font-weight:600 !important;letter-spacing:.02em}
body:not(.mobile-menu-design-flyout) .fusion-mobile-nav-item a:hover,body:not(.mobile-menu-design-flyout) .fusion-mobile-current-nav-item>a{background-color:#17171b;color:var(--rp-aksentti)}
.fusion-mobile-nav-item a:before,.fusion-mobile-nav-item .fusion-open-submenu{color:rgba(255,255,255,.7)}
.fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder>ul{border-color:rgba(255,255,255,.07)}
.fusion-mobile-current-nav-item>a{color:var(--rp-aksentti) !important}
.fusion-mobile-nav-holder>ul li a{font-family:var(--rp-fontti) !important}

/* ==== 4. Title bar of posts and categories ============================================== */

.fusion-page-title-bar{background-color:var(--rp-shapka) !important;border-color:rgba(255,255,255,.06) !important;background-image:radial-gradient(120% 140% at 85% 0,rgba(246,196,84,.10),transparent 55%)}
.fusion-page-title-bar .fusion-page-title-captions{display:flex;flex-direction:column-reverse;gap:12px}
body.rp-uusi .fusion-page-title-bar h1{color:#fff !important;font-size:clamp(28px,2vw + 14px,46px) !important;line-height:1.12 !important;letter-spacing:-.015em}
.fusion-page-title-bar .fusion-breadcrumbs,.fusion-page-title-bar .fusion-breadcrumbs a{color:rgba(255,255,255,.62) !important;font-size:13px;font-weight:500;letter-spacing:.02em}
.fusion-page-title-bar .fusion-breadcrumbs a:hover{color:var(--rp-aksentti) !important}

/* ==== 5. Page content (old builder elements) ========================================== */

/* Containers: white and light grey → page colors; the dark ones stay dark in both themes. */
body.rp-uusi .fusion-fullwidth[style*="background-color: #ffffff"],body.rp-uusi .fusion-fullwidth[style*="background-color:#ffffff"],
body.rp-uusi .fusion-fullwidth[style*="background-color: #fff;"],body.rp-uusi .fusion-fullwidth[style*="background-color:#fff;"]{background-color:var(--rp-tausta) !important}
body.rp-uusi .fusion-fullwidth[style*="background-color: #efefef"],body.rp-uusi .fusion-column-wrapper[style*="background-color: #efefef"],
body.rp-uusi .fusion-fullwidth[style*="background-color:#efefef"],body.rp-uusi .fusion-column-wrapper[style*="background-color:#efefef"]{background-color:var(--rp-tausta-2) !important}
body.rp-uusi .fusion-fullwidth[style*="background-color: #1e1e1e"],body.rp-uusi .fusion-column-wrapper[style*="background-color: #1e1e1e"],
body.rp-uusi .fusion-fullwidth[style*="background-color:#1e1e1e"],body.rp-uusi .fusion-column-wrapper[style*="background-color:#1e1e1e"]{background-color:var(--rp-tumma) !important}
body.rp-uusi .fusion-column-wrapper[style*="background-color: #333333"],body.rp-uusi .fusion-column-wrapper[style*="background-color:#333333"]{background-color:var(--rp-tumma) !important;border:1px solid var(--rp-tumma-raja);border-radius:var(--rp-sade)}
html:not([data-teema="vaalea"]) body.rp-uusi .fusion-column-wrapper[style*="background-color: #333333"],
html:not([data-teema="vaalea"]) body.rp-uusi .fusion-column-wrapper[style*="background-color:#333333"]{background-color:var(--rp-pinta) !important;border-color:var(--rp-raja)}
/* Text inside the always-dark blocks keeps light colors in the light theme too. */
body.rp-uusi [style*="background-color: #1e1e1e"],body.rp-uusi [style*="background-color:#1e1e1e"],
body.rp-uusi [style*="background-color: #333333"],body.rp-uusi [style*="background-color:#333333"]{--rp-otsikko:#ffffff;--rp-teksti:#cfcfd4;--rp-heikko:#9a9aa3;--rp-korostus:#f6c454;color:var(--rp-teksti)}
/* The same colors after the theme script has touched the style attribute (column heights, tema.js):
 * the browser writes the attribute anew and #efefef becomes «rgb(239, 239, 239)» – the selectors above
 * stop matching and pale text stayed on a light box (/meista/, /en/about-us/, 21.10.2026). */
body.rp-uusi .fusion-fullwidth[style*="background-color: rgb(255, 255, 255)"]{background-color:var(--rp-tausta) !important}
body.rp-uusi .fusion-fullwidth[style*="background-color: rgb(239, 239, 239)"],body.rp-uusi .fusion-column-wrapper[style*="background-color: rgb(239, 239, 239)"]{background-color:var(--rp-tausta-2) !important}
body.rp-uusi .fusion-fullwidth[style*="background-color: rgb(30, 30, 30)"],body.rp-uusi .fusion-column-wrapper[style*="background-color: rgb(30, 30, 30)"]{background-color:var(--rp-tumma) !important}
body.rp-uusi .fusion-column-wrapper[style*="background-color: rgb(51, 51, 51)"]{background-color:var(--rp-tumma) !important;border:1px solid var(--rp-tumma-raja);border-radius:var(--rp-sade)}
html:not([data-teema="vaalea"]) body.rp-uusi .fusion-column-wrapper[style*="background-color: rgb(51, 51, 51)"]{background-color:var(--rp-pinta) !important;border-color:var(--rp-raja)}
body.rp-uusi [style*="background-color: rgb(30, 30, 30)"],body.rp-uusi [style*="background-color: rgb(51, 51, 51)"]{--rp-otsikko:#ffffff;--rp-teksti:#cfcfd4;--rp-heikko:#9a9aa3;--rp-korostus:#f6c454;color:var(--rp-teksti)}
body.rp-uusi #main [style^="color: rgb(0, 0, 0)"],body.rp-uusi #main [style*="; color: rgb(0, 0, 0)"],
body.rp-uusi #main [style^="color: rgb(51, 51, 51)"],body.rp-uusi #main [style*="; color: rgb(51, 51, 51)"]{color:var(--rp-otsikko) !important}
body.rp-uusi #main [style^="color: rgb(199, 8, 27)"],body.rp-uusi #main [style*="; color: rgb(199, 8, 27)"],
body.rp-uusi #main [style*="color: #ff0000" i],body.rp-uusi #main [style*="color:#ff0000" i]{color:var(--rp-korostus) !important}
/* Image tiles: the old red under the picture (it shows while the picture loads and at the edges). */
body.rp-uusi .fusion-column-inner-bg-image{background-color:var(--rp-tumma) !important}
/* Text box with the picture overlapping it (service pages): the picture on the right is pulled 48 px left
 * (dop-stili.css .subserviceimageright), so the box on the left needs the wide padding on its right side –
 * before, the text ran into the picture (gap 0 px, owner 21.10.2026). Now 48 px on both variants. */
@media only screen and (min-width:801px){
	body.rp-uusi .subservicetextbox.fusion-column-first .fusion-column-wrapper,
	body.rp-uusi .subservicetextbox2.fusion-column-first .fusion-column-wrapper{padding:2rem 6rem 2rem 3rem !important}
}
body.rp-uusi .colorwhite,body.rp-uusi .colorwhite h1,body.rp-uusi .colorwhite h2,body.rp-uusi .colorwhite h3,body.rp-uusi .colorwhite h4,body.rp-uusi .colorwhite h5,body.rp-uusi .colorwhite h6{color:#fff !important}
/* Hero containers with a picture: a darker veil so white text reads on any photo. */
body.rp-uusi .fusion-fullwidth.fusion-parallax-none[style*="background-image"]{position:relative}
body.rp-uusi .post-content h1,body.rp-uusi .title h1{color:var(--rp-otsikko)}
body.rp-uusi .fusion-fullwidth[style*="background-image"] h1,body.rp-uusi .fusion-fullwidth[style*="background-image"] h2{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.45)}

/* Title element separators and underline bars */
.fusion-title .title-sep,.title-sep,.fusion-separator .fusion-separator-border,.fusion-content-sep,.fusion-blog-layout-grid .post .fusion-content-sep{border-color:var(--rp-raja) !important}
.fusion-separator[style*="c7081b" i] .fusion-separator-border,.fusion-separator .fusion-separator-border[style*="c7081b" i]{border-color:var(--rp-aksentti) !important}

/* Buttons */
body.rp-uusi .fusion-button,body.rp-uusi .button-default,body.rp-uusi a.fusion-button,body.rp-uusi .fusion-button.button-default{
	background:var(--rp-aksentti) !important;border:0 !important;border-radius:var(--rp-sade-pieni) !important;color:var(--rp-aksentti-teksti) !important;
	font-family:var(--rp-fontti) !important;font-weight:650 !important;letter-spacing:.01em !important;box-shadow:none !important;transition:background-color .15s,transform .15s}
body.rp-uusi .fusion-button .fusion-button-text,body.rp-uusi .button-default .fusion-button-text,body.rp-uusi .fusion-button i{color:var(--rp-aksentti-teksti) !important}
body.rp-uusi .fusion-button:hover,body.rp-uusi .button-default:hover,body.rp-uusi .fusion-button:focus{background:var(--rp-aksentti-2) !important;color:var(--rp-aksentti-teksti) !important}
body.rp-uusi .fusion-button:hover .fusion-button-text{color:var(--rp-aksentti-teksti) !important}
.darkWlinks a{color:#fff !important;border-bottom-color:var(--rp-aksentti) !important}
.darkWlinks a:hover{background:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important}

/* Lists, checklists, counters, icons */
.fusion-checklist .circle-yes,ul.fusion-checklist .circle-yes{background-color:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important}
.fusion-checklist .fusion-li-item-content,.fusion-checklist li{color:var(--rp-teksti)}
.fusion-counters-box .content-box-counter,.fusion-counters-box .content-box-percentage,.content-box-percentage,.content-box-counter,.counters-box .display-counter{color:var(--rp-aksentti) !important}
.counters-box .unit{color:var(--rp-otsikko)}

/* Tables */
.table-1 table,.table-2 table{background-color:var(--rp-pinta) !important;border:1px solid var(--rp-raja) !important;border-radius:var(--rp-sade-pieni);box-shadow:none !important;color:var(--rp-teksti)}
.table-1 table th,.table-2 table thead,.table-2 table th{background:var(--rp-pinta-2) !important;border-color:var(--rp-raja) !important;color:var(--rp-otsikko) !important}
.table-1 tr td,.table-1 tr:nth-child(even),.table-2 tr td,body.rp-uusi .table-1 tr td{background-color:transparent !important;border-color:var(--rp-raja) !important;color:var(--rp-teksti)}
.table-1 tr:nth-child(even) td{background-color:var(--rp-pinta-2) !important}
.post-content table td,.post-content table th{border-color:var(--rp-raja)}

/* Tabs, toggles */
.fusion-tabs .nav-tabs li .tab-link,.fusion-tabs .nav-tabs>li>.tab-link{background:var(--rp-pinta) !important;border-color:var(--rp-raja) !important;color:var(--rp-teksti) !important}
.fusion-tabs .nav-tabs li.active .tab-link,.fusion-tabs .nav-tabs>li.active>.tab-link{background:var(--rp-pinta-2) !important;border-top-color:var(--rp-aksentti) !important;color:var(--rp-otsikko) !important}
.fusion-tabs .tab-content .tab-pane{background:var(--rp-pinta) !important;border-color:var(--rp-raja) !important}
.fusion-accordian .panel-title a,.fusion-toggle-heading{color:var(--rp-otsikko) !important}
.fusion-accordian .fusion-panel,.fusion-accordian .panel{border-color:var(--rp-raja) !important;background:transparent !important}
.fusion-accordian .panel-title a .fa-fusion-box{background-color:var(--rp-aksentti) !important;border-color:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti)}

/* Carousels and sliders: arrows */
:where(html:lang(en)) .fusion-carousel .fusion-carousel-nav .fusion-nav-next,:where(html:lang(en)) .fusion-carousel .fusion-carousel-nav .fusion-nav-prev,
:where(html:lang(fi)) .fusion-carousel .fusion-carousel-nav .fusion-nav-next,:where(html:lang(fi)) .fusion-carousel .fusion-carousel-nav .fusion-nav-prev,
:where(html:lang(en)) .fusion-flexslider .flex-direction-nav .flex-next,:where(html:lang(en)) .fusion-flexslider .flex-direction-nav .flex-prev,
:where(html:lang(fi)) .fusion-flexslider .flex-direction-nav .flex-next,:where(html:lang(fi)) .fusion-flexslider .flex-direction-nav .flex-prev{background-color:rgba(12,12,14,.78);color:#fff;border-radius:50%}
:where(html:lang(en)) .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover,:where(html:lang(en)) .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover,
:where(html:lang(fi)) .fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover,:where(html:lang(fi)) .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover,
:where(html:lang(fi)) .fusion-flexslider .flex-direction-nav .flex-next:hover,:where(html:lang(fi)) .fusion-flexslider .flex-direction-nav .flex-prev:hover,
:where(html:lang(en)) .fusion-flexslider .flex-direction-nav .flex-next:hover,:where(html:lang(en)) .fusion-flexslider .flex-direction-nav .flex-prev:hover{background-color:var(--rp-aksentti);color:var(--rp-aksentti-teksti)}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover:before,.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover:before{color:var(--rp-aksentti-teksti)}

/* Images, galleries, rollovers */
.fusion-imageframe img,.fusion-image-carousel img,.fusion-gallery-image img,.post-content img.size-full,.post-content img.size-large{border-radius:var(--rp-sade-pieni)}
.fusion-image-wrapper .fusion-rollover{background-image:linear-gradient(to top,rgba(246,196,84,.92),rgba(246,196,84,.55))}
.fusion-rollover-gallery,.fusion-rollover-link,.avada-image-rollover-circle-yes .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery,.avada-image-rollover-circle-yes .fusion-image-wrapper .fusion-rollover .fusion-rollover-link{background-color:#141416}
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a,.fusion-rollover-content .fusion-rollover-title{color:#141416}
/* Section tiles (price list, galleries, services): the photos are tinted red in the files themselves,
 * so a filter turns them into calm dark photos; white text on them stays as it was. */
.fusion-column-inner-bg-image{border-radius:inherit;filter:grayscale(1) brightness(.48) contrast(1.15);transition:filter .3s}
.fusion-column-inner-bg:hover .fusion-column-inner-bg-image{filter:grayscale(.85) brightness(.6) contrast(1.1)}
.fusion-column-inner-bg{border-radius:var(--rp-sade-pieni);overflow:hidden;box-shadow:inset 0 -3px 0 transparent;transition:box-shadow .2s}
.fusion-column-inner-bg:hover{box-shadow:inset 0 -3px 0 var(--rp-aksentti)}

/* Social icons in the content */
.fusion-social-networks .fusion-social-network-icon{color:var(--rp-heikko)}
.fusion-social-networks .fusion-social-network-icon:hover{color:var(--rp-aksentti) !important}

/* Tooltips, spinners, to-top */
.tooltip-inner{background-color:#1c1c20;color:#e9e9ec}
#toTop{background-color:#1c1c20;border-radius:8px 8px 0 0}
#toTop:hover{background-color:var(--rp-aksentti)}
#toTop:hover:before{color:var(--rp-aksentti-teksti)}

/* ==== 6. Blog ============================================================================ */

.fusion-blog-layout-grid .fusion-post-wrapper:not(.fusion-masonary-is-transparent),
.fusion-blog-layout-grid .post .fusion-post-wrapper,.fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper{background-color:var(--rp-pinta) !important;border:1px solid var(--rp-raja) !important;border-radius:var(--rp-sade);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.fusion-blog-layout-grid .fusion-post-wrapper:hover{border-color:var(--rp-raja-2) !important;transform:translateY(-2px);box-shadow:var(--rp-varjo)}
.fusion-blog-layout-grid .fusion-post-slideshow{border-bottom:0 !important}
body.rp-uusi #main .post h2,body.rp-uusi #main .post h2 a,body.rp-uusi .fusion-post-content h2,body.rp-uusi #wrapper #main .fusion-post-content>h2.fusion-post-title,body.rp-uusi #wrapper #main .fusion-post-content>h2.fusion-post-title a,
body.rp-uusi #wrapper #main .fusion-post-content>.blog-shortcode-post-title,body.rp-uusi #wrapper #main .fusion-post-content>.blog-shortcode-post-title a{color:var(--rp-otsikko) !important;font-family:var(--rp-fontti) !important;font-size:18px !important;line-height:1.32 !important;font-weight:700 !important;letter-spacing:-.005em !important}
#main .post h2 a:hover,.fusion-post-content h2 a:hover{color:var(--rp-korostus) !important}
/* Section headings of a single post: "#main .post h2" above is meant for titles in blog lists, but the post itself is a .post
   too – its h2 came out 18 px under h3 22 px (22.10.2026). Back to the h2 scale of the headings block at the top. */
body.rp-uusi.single-post #main .post .post-content .fusion-text>h2{font-size:clamp(24px,1.3vw + 14px,36px) !important;line-height:1.18 !important}
.fusion-meta-info,.fusion-single-line-meta,.fusion-meta-info a,.fusion-single-line-meta a{color:var(--rp-heikko) !important;border-color:var(--rp-raja) !important}
.fusion-post-content-container,.fusion-post-content-container p{color:var(--rp-teksti)}
.fusion-read-more{color:var(--rp-korostus) !important}
.fusion-blog-pagination .pagination a.inactive,.pagination a.inactive{border-color:var(--rp-raja) !important;color:var(--rp-teksti);border-radius:6px}
.fusion-blog-pagination .pagination .current,.pagination .current{background-color:var(--rp-aksentti) !important;border-color:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important;border-radius:6px}
.fusion-blog-pagination .pagination a.inactive:hover,.pagination a.inactive:hover{border-color:var(--rp-aksentti) !important}
#main .post h2 a:hover,.fusion-blog-pagination .pagination .pagination-next:after,.fusion-blog-pagination .pagination .pagination-prev:before{color:var(--rp-korostus)}
/* Single post */
.single-navigation{border-color:var(--rp-raja) !important}
.single-navigation a{color:var(--rp-otsikko)}
.single-navigation a:hover{color:var(--rp-korostus)}
/* Service tabs above the grid of «Vinkit ja tuotevertailut» (inc/blogi-valilehdet.php) – the same look as
 * the price tabs of the model pages. One row that scrolls sideways on a phone, the page itself does not. */
.rp-blogi-valilehdet{display:flex;gap:4px;max-width:100%;margin:0 0 34px;overflow-x:auto;border-bottom:1px solid var(--rp-raja);scrollbar-width:none}
.rp-blogi-valilehdet::-webkit-scrollbar{display:none}
.rp-blogi-valilehdet a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:16px 18px 14px;border-bottom:2px solid transparent;color:var(--rp-heikko) !important;font-family:var(--rp-fontti);font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none !important;transition:color .15s,border-color .15s}
.rp-blogi-valilehdet a:hover,.rp-blogi-valilehdet a.on-valittu{border-bottom-color:var(--rp-aksentti);color:var(--rp-otsikko) !important}
.rp-blogi-valilehdet__maara{min-width:22px;padding:2px 7px;border-radius:20px;background:var(--rp-pinta-2);color:var(--rp-heikko);font-size:11.5px;font-weight:700;line-height:1.4;text-align:center}
.rp-blogi-valilehdet a.on-valittu .rp-blogi-valilehdet__maara{background:var(--rp-aksentti);color:var(--rp-aksentti-teksti)}
@media only screen and (max-width:800px){.rp-blogi-valilehdet{max-width:none;margin:0 -30px 26px;padding:0 18px}.rp-blogi-valilehdet a{padding:14px 12px 12px;font-size:13.5px}}
/* Arrows of «Edellinen / Seuraava» and of the page list: Avada paints them #c7081b with selectors
 * stronger than «body a:before» (avada-otbor.css) – they stayed red after the new look (owner 21.10.2026). */
.single-navigation a[rel=next]:after,.single-navigation a[rel=prev]:before,
.fusion-blog-pagination .pagination .pagination-next:after,.fusion-blog-pagination .pagination .pagination-prev:before,
.pagination .pagination-next:after,.pagination .pagination-prev:before{color:var(--rp-korostus)}
.single-navigation a[rel=next]:hover:after,.single-navigation a[rel=prev]:hover:before,
.pagination .pagination-next:hover:after,.pagination .pagination-prev:hover:before,.pagination-next:hover:after,.pagination-prev:hover:before{color:var(--rp-aksentti-2)}
html[data-teema="vaalea"] .single-navigation a[rel=next]:hover:after,html[data-teema="vaalea"] .single-navigation a[rel=prev]:hover:before{color:var(--rp-otsikko)}
.loovl-zapis-nav .loovl-chtenie{color:var(--rp-heikko)}
.fusion-single-sharing-box,.fusion-theme-sharing-box{background-color:var(--rp-pinta) !important;border:1px solid var(--rp-raja);border-radius:var(--rp-sade)}
.fusion-theme-sharing-box.share-box h4{color:var(--rp-otsikko) !important}
.related-posts .fusion-carousel-title a,.fusion-carousel-title{color:var(--rp-otsikko) !important}
.single-post .post-content{font-size:17px;line-height:1.75}
/* Sidebar (search page) */
#main .sidebar:not(.fusion-sticky-sidebar){background-color:transparent}
.sidebar .widget .heading h4,.sidebar .widget .widget-title{color:var(--rp-otsikko) !important}
.fusion-content-widget-area .widget li a,.fusion-content-widget-area .widget_categories li{color:var(--rp-teksti);border-color:var(--rp-raja) !important}
.fusion-content-widget-area .widget li a:hover{color:var(--rp-korostus)}
.search-page-search-form-top,.fusion-widget-area .widget_categories li,.fusion-widget-area .widget_recent_entries li{border-color:var(--rp-raja) !important}

/* ==== 7. Forms ========================================================================== */

.search-page-search-form input,input.s,input[type=email],input[type=text],input[type=tel],input[type=number],input[type=search],textarea,select,
.searchform .fusion-search-form-content .fusion-search-field input{background-color:var(--rp-kentta) !important;border:1px solid var(--rp-raja-2) !important;color:var(--rp-otsikko) !important;border-radius:var(--rp-sade-pieni);font-family:var(--rp-fontti)}
input:focus,textarea:focus,select:focus,.searchform .fusion-search-form-content .fusion-search-field input:focus{border-color:var(--rp-aksentti) !important;outline:none;box-shadow:0 0 0 3px rgba(246,196,84,.18)}
::placeholder{color:var(--rp-heikko) !important;opacity:1}
.searchform .fusion-search-form-content .fusion-search-button input[type=submit],.fusion-search-form-clean .searchform:not(.fusion-search-form-classic) .fusion-search-form-content .fusion-search-button input[type=submit]{background:transparent;color:var(--rp-heikko) !important}
/* Our forms plugin: own variables. Its stylesheet is printed in the footer (enqueued by the shortcode),
 * after this file – so every rule here carries body.rp-uusi to be heavier. */
body.rp-uusi .loovl-form-wrap,body.rp-uusi .loovl-quiz-wrap{--loovl-accent:#f6c454;--loovl-line:var(--rp-raja-2)}
.loovl-form input[type="text"],.loovl-form input[type="tel"],.loovl-form input[type="email"],.loovl-form textarea,.loovl-quiz input[type="text"],.loovl-quiz input[type="tel"],.loovl-quiz input[type="email"],.loovl-quiz textarea{background:var(--rp-kentta) !important;color:var(--rp-otsikko) !important;border-color:var(--rp-raja-2) !important}
.loovl-form .loovl-submit button,.loovl-quiz .loovl-nav button:not(.loovl-prev){background:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important;box-shadow:none !important}
.loovl-form .loovl-submit button:hover,.loovl-quiz .loovl-nav button:not(.loovl-prev):hover{background:var(--rp-aksentti-2) !important}
.loovl-form-wrap label,.loovl-quiz-wrap label,.loovl-quiz legend,.loovl-quiz h2,.loovl-quiz h3,.loovl-quiz .loovl-question{color:var(--rp-otsikko)}
.loovl-form-wrap .loovl-note{background:var(--rp-pinta-2);color:var(--rp-teksti)}
.loovl-quiz-wrap{background:var(--rp-pinta) !important;border-color:var(--rp-raja) !important;box-shadow:var(--rp-varjo) !important;color:var(--rp-teksti)}
.loovl-progress-bar{background:var(--rp-raja) !important}
.loovl-quiz .loovl-option{background:var(--rp-pinta-2) !important;border-color:var(--rp-raja) !important;color:var(--rp-otsikko)}
.loovl-quiz .loovl-option:hover{box-shadow:0 6px 16px -10px rgba(246,196,84,.7) !important;border-color:var(--rp-aksentti) !important}
.loovl-quiz .loovl-option:has(input:checked){background:rgba(246,196,84,.10) !important;border-color:var(--rp-aksentti) !important;box-shadow:none !important}
.loovl-quiz .loovl-nav .loovl-prev{border-color:var(--rp-raja-2) !important;color:var(--rp-otsikko) !important;background:transparent !important}
.loovl-quiz input:focus,.loovl-quiz textarea:focus{box-shadow:0 0 0 3px rgba(246,196,84,.18) !important}
.loovl-quiz-wrap .loovl-privacy{border-color:var(--rp-raja) !important}
.loovl-form-wrap .loovl-tietosuoja,.loovl-quiz-wrap .loovl-tietosuoja,.loovl-form-wrap .loovl-tietosuoja a,.loovl-quiz-wrap .loovl-tietosuoja a{color:var(--rp-heikko) !important}
.loovl-form-wrap .loovl-tietosuoja a:hover,.loovl-quiz-wrap .loovl-tietosuoja a:hover{color:var(--rp-korostus) !important}

/* Privacy page (mu-plugins/loovl-tietosuoja-restyling.php prints its own light styles inside the page,
 * later than this file – hence body.rp-uusi in front): boxes, tables and labels in the theme colors. */
body.rp-uusi .ts-seloste .ts-johdanto{color:var(--rp-teksti)}
body.rp-uusi .ts-seloste h2{border-top-color:var(--rp-raja)}
body.rp-uusi .ts-seloste .ts-paiva,body.rp-uusi .ts-seloste .ts-pakko,body.rp-uusi .ts-seloste code{background:var(--rp-pinta-2);color:var(--rp-heikko)}
body.rp-uusi .ts-seloste code{color:var(--rp-otsikko)}
body.rp-uusi .ts-seloste .ts-sisallys{background:var(--rp-pinta);border-color:var(--rp-raja)}
body.rp-uusi .ts-seloste .ts-sisallys__otsikko{color:var(--rp-heikko)}
body.rp-uusi .ts-seloste .ts-kortti{background:var(--rp-pinta);border-left-color:var(--rp-aksentti)}
body.rp-uusi .ts-seloste .ts-nosto{background:rgba(63,174,98,.10);border-left-color:#3fae62}
body.rp-uusi .ts-seloste .ts-maaritelmat dd{border-left-color:var(--rp-raja)}
body.rp-uusi .ts-seloste .ts-taulukko th{background:var(--rp-pinta);border-bottom-color:var(--rp-raja);color:var(--rp-heikko)}
body.rp-uusi .ts-seloste .ts-taulukko td{border-bottom-color:var(--rp-raja)}
@media (max-width:700px){
	body.rp-uusi .ts-seloste .ts-taulukko tr{background:var(--rp-pinta);border-color:var(--rp-raja)}
	body.rp-uusi .ts-seloste .ts-taulukko td+td{border-top-color:var(--rp-raja)}
	body.rp-uusi .ts-seloste .ts-taulukko td::before{color:var(--rp-heikko)}
}

/* ==== 8. Our plugins ===================================================================== */

/* Reviews band (loovl-reviews): its own variables */
/* Reviews band (loovl-reviews): its own variables; dark in both themes, like the footer.
 * Its stylesheet comes in the footer (late_assets) – body.rp-uusi makes this rule heavier. */
body.rp-uusi .loovl-reviews{--lr-bg:#111113;--lr-card:#18181b;--lr-line:#2a2a2f;--lr-ink:#ffffff;--lr-dim:#a3a3ab;--lr-star:#f6c454}
/* Reviews band on the home (front-page.php): second block of the page – client request 22.10.2026. Colors follow the site
 * theme like the other cards of the home: dark card in the dark theme, white in the light one (owner: white on dark looked
 * out of place). The plugin writes --lr-bg into the style attribute, so the colors need !important. */
.rp-arvostelut{margin:60px 0 0}
/* Same colors for the band under the banner of «Meistä» / «About us» (container class rp-lenta-teema, 22.10.2026). */
body.rp-uusi .rp-arvostelut .loovl-reviews,body.rp-uusi .rp-lenta-teema .loovl-reviews{--lr-bg:var(--rp-pinta) !important;--lr-card:var(--rp-pinta-2) !important;--lr-line:var(--rp-raja) !important;--lr-ink:var(--rp-otsikko) !important;--lr-dim:#a3a3ab !important;--lr-star:var(--rp-aksentti) !important;border:1px solid var(--rp-raja);border-radius:var(--rp-sade)}
html[data-teema="vaalea"] body.rp-uusi .rp-arvostelut .loovl-reviews,html[data-teema="vaalea"] body.rp-uusi .rp-lenta-teema .loovl-reviews{--lr-card:var(--rp-tausta) !important;--lr-dim:#55555c !important;--lr-star-off:#8a8a8a !important}
body.rp-uusi .rp-arvostelut .loovl-reviews .lr-nav,body.rp-uusi .rp-arvostelut .loovl-reviews .lr-dialog-close,body.rp-uusi .rp-lenta-teema .loovl-reviews .lr-nav,body.rp-uusi .rp-lenta-teema .loovl-reviews .lr-dialog-close{background:var(--rp-pinta);color:var(--rp-otsikko);box-shadow:0 2px 10px rgba(0,0,0,.18)}
body.rp-uusi .rp-arvostelut .loovl-reviews .lr-nav:hover,body.rp-uusi .rp-arvostelut .loovl-reviews .lr-dialog-close:hover,body.rp-uusi .rp-lenta-teema .loovl-reviews .lr-nav:hover,body.rp-uusi .rp-lenta-teema .loovl-reviews .lr-dialog-close:hover{background:var(--rp-pinta-2)}
body.rp-uusi .rp-arvostelut .loovl-reviews .lr-dialog,body.rp-uusi .rp-lenta-teema .loovl-reviews .lr-dialog{background:var(--rp-pinta)}
/* Room above and below the band on «Meistä» / «About us»: the container itself has no padding, the band touched the banner and the photo. */
body.rp-uusi .rp-lenta-teema{padding-top:40px !important;padding-bottom:40px !important}
@media only screen and (max-width:800px){body.rp-uusi .rp-lenta-teema{padding-top:24px !important;padding-bottom:24px !important}}
/* Social icons on the contacts pages, no texts (client's list, row 20; page content, class rp-some-ikonit). */
.rp-some-ikonit{display:inline-flex;align-items:center;gap:22px;font-size:26px;line-height:1}
body.rp-uusi .rp-some-ikonit a{color:var(--rp-otsikko) !important;text-decoration:none !important}
body.rp-uusi .rp-some-ikonit a:hover,body.rp-uusi .rp-some-ikonit a:focus-visible{color:var(--rp-aksentti) !important}
@media only screen and (max-width:800px){.rp-arvostelut{margin-top:40px}}
/* PPF button and the bottom bar (mu-plugins/loovl-cta.php) */
.loovl-cta a.loovl-cta__btn,.loovl-cta-bar a.loovl-cta__btn{background:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important;box-shadow:0 10px 26px -12px rgba(246,196,84,.65) !important;border-radius:var(--rp-sade-pieni) !important}
.loovl-cta a.loovl-cta__btn:hover,.loovl-cta a.loovl-cta__btn:focus,.loovl-cta-bar a.loovl-cta__btn:hover,.loovl-cta-bar a.loovl-cta__btn:focus{background:var(--rp-aksentti-2) !important;color:var(--rp-aksentti-teksti) !important}
.loovl-cta a.loovl-cta__btn *,.loovl-cta-bar a.loovl-cta__btn *{color:inherit !important}
.loovl-cta__notes{color:var(--rp-heikko) !important}
.loovl-cta__note{border-color:var(--rp-raja-2) !important}
.loovl-cta-bar{background:rgba(11,11,12,.94) !important;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 30px rgba(0,0,0,.35) !important}
/* Buttons at the end of posts (loovl-artikkeli-cta) */
.loovl-acta a.loovl-acta__btn--hinta{background:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important;box-shadow:none !important;border-radius:var(--rp-sade-pieni) !important}
.loovl-acta a.loovl-acta__btn--hinta:hover,.loovl-acta a.loovl-acta__btn--hinta:focus{background:var(--rp-aksentti-2) !important;color:var(--rp-aksentti-teksti) !important}
.loovl-acta a.loovl-acta__btn--hinta *{color:inherit !important}
.loovl-acta a.loovl-acta__btn--whatsapp{border-radius:var(--rp-sade-pieni) !important;box-shadow:none !important}
/* Video cover (loovl-video-zaslonka) and map (loovl-kartta) */
.lv-zaslonka{border-radius:var(--rp-sade);overflow:hidden}
.lv-zaslonka__knopka{background:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important;border-radius:var(--rp-sade-pieni)}
.lv-zaslonka__knopka:hover{background:var(--rp-aksentti-2) !important}
.lv-zaslonka__znak{border-left-color:var(--rp-aksentti-teksti) !important}
.lk-kartta .lk-kartta__nasta{background:var(--rp-aksentti) !important;border-color:#141416 !important}
.lk-kartta .lk-kartta__nappi{background:var(--rp-aksentti) !important;border-color:var(--rp-aksentti) !important;color:var(--rp-aksentti-teksti) !important}
.lk-kartta .lk-kartta__nappi:hover{background:var(--rp-aksentti-2) !important}
.lk-kartta .lk-kartta__nappi--vaalea{background:#fff !important;border-color:#d0d0d0 !important;color:#141416 !important}
.lk-kartta{border-radius:var(--rp-sade);overflow:hidden}
/* Instagram feed (loovl-ig-restyling, its styles inline in the page) */
body.rp-uusi .loovl-ig-lenta a.loovl-ig-lenta__knopka{background:var(--rp-aksentti);color:var(--rp-aksentti-teksti) !important;border-radius:var(--rp-sade-pieni)}
body.rp-uusi .loovl-ig-lenta a.loovl-ig-lenta__knopka *{color:inherit !important}
body.rp-uusi .loovl-ig-lenta a.loovl-ig-lenta__knopka:hover{background:var(--rp-aksentti-2)}
body.rp-uusi .loovl-ig-lenta .loovl-ig-lenta__foto:focus-visible{outline-color:var(--rp-aksentti)}
/* Campaign banners (loovl-ppf-etu – dark card, loovl-syksy – light card until 31.10.2026): red → yellow. */
.loovl-ppfetu{--pe-red:#f6c454;--pe-red-dark:#ffd46f}
.loovl-ppfetu__paalle span,.loovl-ppfetu a.loovl-ppfetu__nappi--whatsapp,.loovl-ppfetu a.loovl-ppfetu__nappi--whatsapp *{color:#151309 !important}
.loovl-ppfetu a.loovl-ppfetu__nappi--whatsapp{box-shadow:none !important}
.loovl-syksy{--syksy-red:#f6c454;--syksy-red-dark:#ffd46f}
.loovl-syksy__paalle span,.loovl-syksy a.loovl-syksy__nappi--whatsapp,.loovl-syksy a.loovl-syksy__nappi--whatsapp *{color:#151309 !important}
.loovl-syksy a.loovl-syksy__nappi--whatsapp{box-shadow:none !important}
.loovl-syksy-banneri .loovl-syksy__punainen,.loovl-syksy-banneri .loovl-syksy__arvo-summa,.loovl-syksy-banneri a.loovl-syksy__nappi i{color:#9a6c00}

/* ==== 9. Trust strip and footer ========================================================== */

.rp-luottamus{background:var(--rp-shapka);border-top:1px solid rgba(255,255,255,.07)}
.rp-luottamus__rivi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;margin:0 auto;padding:0 30px}
.rp-luottamus__kohta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 18px;color:rgba(255,255,255,.82) !important;font-size:14px;font-weight:500;line-height:1.45;text-align:center;text-decoration:none !important}
.rp-luottamus__kohta+.rp-luottamus__kohta{border-left:1px solid rgba(255,255,255,.08)}
a.rp-luottamus__kohta:hover{color:#fff !important}
.rp-luottamus__ikoni{width:28px;height:28px;color:var(--rp-aksentti)}
.loovl-podval{background:var(--rp-shapka) !important;border-top:1px solid rgba(255,255,255,.07)}
.loovl-podval .h1-footer-2024,.loovl-podval .loovl-podval__otsikko{font-family:var(--rp-fontti) !important;color:#fff !important;letter-spacing:-.01em}
.loovl-podval .h1-footer-2024{font-size:clamp(24px,1.3vw + 14px,34px) !important;font-weight:700 !important}
body.rp-uusi .loovl-podval h3.loovl-podval__otsikko{font-size:15px !important;letter-spacing:.08em !important;line-height:1.4 !important}
/* «Miksi valita» cards: the carousel styles live in dop-stili.css (lines 276+), red → yellow here. */
.loovl-podval .card-footer-2024{background:#141417 !important;border:1px solid #26262b !important;border-left:3px solid var(--rp-aksentti) !important;border-radius:var(--rp-sade) !important;box-shadow:none !important}
.loovl-podval .card-footer-2024:hover{box-shadow:0 18px 34px rgba(0,0,0,.45) !important}
.loovl-podval .card-footer-2024:before{background:linear-gradient(135deg,rgba(246,196,84,.07) 0,rgba(0,0,0,0) 60%) !important}
.loovl-podval .card-footer-2024:after,.loovl-podval .h1-footer-2024:after,.loovl-podval .h2-footer-2024:after{background-color:var(--rp-aksentti) !important}
.loovl-podval .card-footer-2024 *{font-family:var(--rp-fontti) !important}
.loovl-podval .h2-footer-2024{color:#fff !important;font-weight:700 !important;font-size:20px !important}
.loovl-podval .p-footer-2024{color:#b9b9c0 !important;font-size:15px !important}
.loovl-podval .carousel-button-2024{background:#1c1c20 !important;border:1px solid #2c2c32 !important;color:#fff !important}
.loovl-podval .carousel-button-2024:hover{background:var(--rp-aksentti) !important;border-color:var(--rp-aksentti) !important}
.loovl-podval .arrow-2024{border-color:#fff !important}
.loovl-podval .carousel-button-2024:hover .arrow-2024{border-color:#141416 !important}
.loovl-podval__tiedot{border-top:1px solid rgba(255,255,255,.07)}
.loovl-podval__lista,.loovl-podval__lista li{color:#cfcfd4}
.loovl-podval__lista a{color:#fff !important}
.loovl-podval__lista a:hover{color:var(--rp-aksentti) !important}
.loovl-podval__ikoni{color:var(--rp-aksentti) !important}
/* Social icons and the «Suomen Vahvimmat» badge without circles and frames – only the logos (client's list, row 13). */
.loovl-podval .loovl-podval__some-linkki{background-color:transparent !important;border:0 !important;border-radius:0 !important;color:#fff !important}
.loovl-podval .loovl-podval__some-linkki:hover{background-color:transparent !important;color:var(--rp-aksentti) !important;opacity:1}
.loovl-podval .loovl-podval__logo--kehys a{border:0 !important}
/* «Peruutusehdot ja takuuehdot», «Careers ja kurssit»: links white, the joining word dimmer (rows 10–11). */
.loovl-podval__lista .loovl-podval__ja{color:#8f8f98}
.loovl-podval__palkki{border-top:1px solid rgba(255,255,255,.07)}
.loovl-podval__palkki a:focus-visible,.loovl-podval__lista a:focus-visible{outline-color:var(--rp-aksentti)}

/* ==== 10. New blocks (home page, front-page.php) ======================================== */

body.home #main{padding:0 !important}
body.home #main>.fusion-row{max-width:100% !important;padding:0 !important}
.rp-etusivu{font-family:var(--rp-fontti)}
.rp-sisus{max-width:1200px;margin:0 auto;padding:0 30px 90px}
.rp-ylaotsikko{margin:0 0 14px !important;color:var(--rp-aksentti);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.rp-svg{display:inline-block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}

/* Buttons */
a.rp-nappi{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:var(--rp-sade-pieni);background:var(--rp-aksentti);color:var(--rp-aksentti-teksti) !important;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none !important;box-shadow:0 14px 30px -16px rgba(246,196,84,.8);transition:background-color .15s,transform .15s}
a.rp-nappi:hover,a.rp-nappi:focus{background:var(--rp-aksentti-2);transform:translateY(-1px)}
a.rp-nappi:focus-visible{outline:2px solid #fff;outline-offset:3px}
a.rp-nappi .rp-svg{width:18px;height:18px}
.rp-linkki{display:inline-flex;align-items:center;gap:8px;color:var(--rp-korostus);font-size:14px;font-weight:700}
.rp-linkki .rp-svg{width:16px;height:16px;transition:transform .15s}

/* Hero */
.rp-hero{position:relative;display:flex;align-items:center;min-height:min(78vh,720px);overflow:hidden;background:#070708;isolation:isolate}
.rp-hero__kuva,.rp-hero__kuva img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.rp-hero__kuva img{object-fit:cover;object-position:62% 50%}
.rp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,7,8,.94) 0,rgba(7,7,8,.78) 34%,rgba(7,7,8,.25) 64%,rgba(7,7,8,.15) 100%),linear-gradient(0deg,rgba(7,7,8,.85) 0,rgba(7,7,8,0) 32%)}
.rp-hero__sisus{width:100%;max-width:1200px;margin:0 auto;padding:90px 30px 70px}
.rp-hero__otsikko{max-width:640px;margin:0 0 18px !important;color:#fff !important;font-size:clamp(40px,4.2vw + 10px,74px) !important;font-weight:800 !important;line-height:1.02 !important;letter-spacing:-.025em !important}
.rp-hero__teksti{max-width:520px;margin:0 0 30px !important;color:rgba(255,255,255,.80);font-size:18px;line-height:1.6}
.rp-edut{display:flex;flex-wrap:wrap;gap:14px 34px;margin:38px 0 0 !important;padding:0 !important;list-style:none}
.rp-edut li{display:flex;align-items:center;gap:10px;margin:0;color:rgba(255,255,255,.82);font-size:13.5px;font-weight:600;line-height:1.35}
.rp-edut__ikoni{width:24px;height:24px;color:var(--rp-aksentti)}
.rp-edut--pieni{margin-top:26px !important;gap:12px 28px}
.rp-edut--pieni li{font-size:13px}

/* «Uusi auto?» */
.rp-uusi-auto{position:relative;display:flex;align-items:center;min-height:360px;margin:60px 0 0;overflow:hidden;border:1px solid var(--rp-tumma-raja);border-radius:var(--rp-sade);background:#09090a;isolation:isolate}
.rp-uusi-auto__kuva{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.rp-uusi-auto::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,10,.95) 0,rgba(9,9,10,.82) 40%,rgba(9,9,10,.15) 75%)}
.rp-uusi-auto__sisus{max-width:660px;padding:48px 52px}
.rp-uusi-auto h2{margin:0 0 12px !important;color:#fff !important;font-size:clamp(26px,1.4vw + 13px,34px) !important}
.rp-uusi-auto p{margin:0 0 26px !important;color:rgba(255,255,255,.80);font-size:16.5px;line-height:1.6}

/* «Etkö löydä omaa autoa?» */
.rp-etko{display:flex;align-items:center;gap:24px;margin:56px 0 0;padding:28px 32px;border:1px solid var(--rp-raja);border-radius:var(--rp-sade);background:var(--rp-pinta)}
.rp-etko__ikoni{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border:1px solid var(--rp-raja-2);border-radius:50%;color:var(--rp-korostus)}
.rp-etko__ikoni .rp-svg{width:26px;height:26px}
.rp-etko__teksti{flex:1 1 auto}
.rp-etko h2{margin:0 0 4px !important;font-size:22px !important}
.rp-etko p{margin:0 !important;color:var(--rp-heikko)}

/* Services */
.rp-palvelut{margin-top:80px}
.rp-osa-alku{max-width:640px;margin-bottom:28px}
.rp-osa-alku h2{margin:0 0 8px !important}
.rp-osa-alku p{margin:0 !important;color:var(--rp-heikko);font-size:16.5px}
.rp-palvelut__ruudukko{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
a.rp-palvelu{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rp-raja);border-radius:var(--rp-sade);background:var(--rp-pinta);color:var(--rp-teksti) !important;text-decoration:none !important;transition:border-color .2s,transform .2s,box-shadow .2s}
a.rp-palvelu:hover{border-color:var(--rp-raja-2);transform:translateY(-3px);box-shadow:var(--rp-varjo)}
a.rp-palvelu:hover .rp-linkki .rp-svg{transform:translateX(3px)}
.rp-palvelu__kuva{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--rp-pinta-2)}
.rp-palvelu__kuva img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
a.rp-palvelu:hover .rp-palvelu__kuva img{transform:scale(1.04)}
.rp-palvelu__sisus{display:flex;flex-direction:column;flex:1 1 auto;gap:10px;padding:22px 22px 24px}
.rp-palvelu__otsikko{color:var(--rp-otsikko);font-size:18px;font-weight:700;line-height:1.3}
.rp-palvelu__teksti{flex:1 1 auto;color:var(--rp-heikko);font-size:14.5px;line-height:1.6}

/* Numbers under the reviews band (client's list, row 26). Light theme: --rp-korostus is dark gold, yellow on white is unreadable. */
.rp-luvut{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;border:1px solid var(--rp-raja);border-radius:var(--rp-sade);background:var(--rp-pinta)}
.rp-luku{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-align:center}
.rp-luku+.rp-luku{border-left:1px solid var(--rp-raja)}
.rp-luku__arvo{color:var(--rp-korostus);font-size:clamp(30px,1.6vw + 16px,44px);font-weight:800;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.rp-luku__teksti{color:var(--rp-heikko);font-size:14px;font-weight:600;line-height:1.35}

/* «Mielenrauha kuuluu lopputulokseen» + reasons (client's list, rows 23–25) */
.rp-mielenrauha{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:80px}
.rp-mielenrauha h2{margin:0 0 16px !important}
.rp-mielenrauha__teksti p{margin:0 0 14px !important;color:var(--rp-teksti);font-size:16.5px;line-height:1.7}
.rp-mielenrauha__teksti p.rp-mielenrauha__loppu{margin-bottom:26px !important;color:var(--rp-otsikko);font-weight:700}
.rp-mielenrauha__syyt{padding:30px 32px;border:1px solid var(--rp-raja);border-radius:var(--rp-sade);background:var(--rp-pinta)}
.rp-mielenrauha__syyt h3{margin:0 0 10px !important;font-size:20px !important;line-height:1.35 !important}
.rp-syyt{margin:0 !important;padding:0 !important;list-style:none}
.rp-syyt li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:13px 0;color:var(--rp-teksti);font-size:15px;line-height:1.55}
.rp-syyt li+li{border-top:1px solid var(--rp-raja)}
.rp-syyt .rp-svg{width:22px;height:22px;color:var(--rp-korostus)}

/* ==== 11. Phones and tablets ============================================================== */

@media only screen and (max-width:1024px){
	.rp-palvelut__ruudukko{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rp-luottamus__rivi{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rp-luottamus__kohta:nth-child(3){border-left:0}
	.rp-luottamus__kohta:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
	.rp-mielenrauha{grid-template-columns:1fr;gap:28px}
}
@media only screen and (max-width:800px){
	.rp-sisus{padding:0 20px 60px}
	.rp-hero{min-height:0;align-items:flex-end}
	.rp-hero__kuva img{object-position:70% 40%}
	.rp-hero::after{background:linear-gradient(180deg,rgba(7,7,8,.35) 0,rgba(7,7,8,.55) 35%,rgba(7,7,8,.96) 72%)}
	.rp-hero__sisus{padding:160px 20px 40px}
	.rp-hero__teksti{font-size:16px}
	.rp-edut{gap:14px 20px;margin-top:28px !important}
	.rp-edut li{flex:1 1 calc(50% - 20px);font-size:12.5px}
	.rp-uusi-auto{min-height:0;align-items:flex-end;margin-top:40px}
	.rp-uusi-auto__kuva{height:58%;object-position:65% 50%}
	.rp-uusi-auto::after{background:linear-gradient(180deg,rgba(9,9,10,0) 0,rgba(9,9,10,.6) 30%,rgba(9,9,10,.98) 52%)}
	.rp-uusi-auto__sisus{padding:200px 22px 28px}
	.rp-etko{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px;margin-top:40px}
	.rp-etko a.rp-nappi{width:100%;justify-content:center}
	.rp-palvelut{margin-top:56px}
	a.rp-nappi{width:100%;justify-content:center}
	.rp-luvut{margin-top:16px}
	.rp-luku{padding:20px 8px}
	.rp-luku__teksti{font-size:12.5px}
	.rp-mielenrauha{margin-top:56px}
	.rp-mielenrauha__syyt{padding:22px 20px}
}
@media only screen and (max-width:640px){
	.rp-palvelut__ruudukko{grid-template-columns:1fr}
	.rp-luottamus__rivi{padding:0}
	.rp-luottamus__kohta{padding:22px 12px;font-size:13px}
	body.rp-uusi h2{font-size:clamp(24px,6.4vw,30px) !important}
	body.rp-uusi h3{font-size:19px !important}
}
@media (prefers-reduced-motion:reduce){
	a.rp-palvelu,a.rp-palvelu .rp-palvelu__kuva img,a.rp-nappi,.fusion-blog-layout-grid .fusion-post-wrapper{transition:none}
}

/* ---------------------------------------------------------------------------------------------
   Аудит сайта 22.10.2026 (телефон и компьютер, 233 адреса): что было криво и как поправлено.
   --------------------------------------------------------------------------------------------- */

/* Карусель подвала на телефоне: одним столбцом (раскладка – dop-stili.css), шрифт под ширину столбца.
   Размеры 20 и 15 px выше перебили прежние телефонные, и сетка 2x2 не влезала в экран. */
@media only screen and (max-width:576px){
	.loovl-podval .card-footer-2024{padding:18px 18px 18px 20px !important;hyphens:manual}
	.loovl-podval .h2-footer-2024{font-size:18px !important;line-height:1.25 !important}
	.loovl-podval .p-footer-2024{font-size:14.5px !important;line-height:1.55 !important}
}

/* Листание блога: правило Avada давало «Seuraava» / «Edellinen» ширину квадратика с номером (30 px) –
   слово наезжало на «2», стрелка ложилась на последнюю букву. */
.pagination .pagination-next,.pagination .pagination-prev{width:auto !important}
.pagination .pagination-next{margin-left:12px !important;margin-right:2px !important;padding:0 1em 0 2px !important}
.pagination .pagination-prev{margin-left:2px !important;margin-right:12px !important;padding:0 2px 0 1em !important}
.pagination .pagination-next:after{right:0}
.pagination .pagination-prev:before{left:0}

/* Навигация записи «‹ Edellinen · Seuraava ›»: стрелка стояла за краем ссылки (left/right:-1em) и не нажималась;
   теперь она внутри ссылки, на том же месте. Черта под «minuuttia lukemista» на телефоне – цвета темы, а не #e0dede. */
.single-navigation.loovl-zapis-nav a[rel=next]{position:relative;margin-right:0;padding-right:1em}
.single-navigation.loovl-zapis-nav a[rel=next]:after{right:0}
.single-navigation.loovl-zapis-nav a[rel=prev]{position:relative;padding-left:1em}
.single-navigation.loovl-zapis-nav a[rel=prev]:before{left:0}
.loovl-zapis-nav .loovl-zapis-nav__prev{padding-left:0}
.loovl-zapis-nav .loovl-chtenie{border-bottom-color:var(--rp-raja)}

/* «Samankaltaisia kirjoituksia»: у новых записей нет нарезки 500x383 (её делала Avada), обложка шла целиком –
   16:9 и 4:3 вперемешку, заголовки съезжали. На узком телефоне заголовок 18 px не влезал в карточку 125 px. */
.related-posts .fusion-carousel .fusion-image-wrapper img{width:100%;height:auto;aspect-ratio:500/383;object-fit:cover}
@media only screen and (max-width:480px){
	body.rp-uusi .related-posts h4.fusion-carousel-title.fusion-responsive-typography-calculated,
	body.rp-uusi .related-posts h4.fusion-carousel-title{font-size:15px !important;line-height:1.3 !important;overflow-wrap:break-word;hyphens:auto}
}

/* Длинное финское слово в заголовке («ikkunatummennus», «valvontaviranomaiselle») на 320–360 px выходило за поле. */
@media only screen and (max-width:360px){
	body.rp-uusi h1,body.rp-uusi h2,body.rp-uusi h3{overflow-wrap:break-word;hyphens:auto}
}

/* Двойная черта Avada (sep-double) в карточках блога на тёмном фоне выглядела пустой полосой – одна линия. */
.fusion-body .fusion-content-sep.sep-double{height:0 !important;border-bottom-width:0 !important}

/* Форма: надпись у поля файла («Valitse tiedosto / Ei valittua tiedostoa») была чёрной на тёмном фоне.
   На телефоне заголовок следующего блока («SIJAINTITIEDOT») прилипал к строке под формой. */
body.rp-uusi .loovl-form-wrap input[type=file]{color:var(--rp-teksti) !important}
@media only screen and (max-width:800px){
	body.rp-uusi .loovl-form-wrap{margin-bottom:44px}
}