html {
line-height:1.15;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
h1 {
font-size:2em;
margin:.67em 0
}
hr {
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0;
overflow:visible
}
pre {
font-family:monospace,monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,strong {
font-weight:bolder
}
code,kbd,samp {
font-family:monospace,monospace;
font-size:1em
}
small {
font-size:80%
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
img {
border-style:none
}
button,input,optgroup,select,textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,input {
overflow:visible
}
button,select {
text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding:.35em .75em .625em
}
legend {
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type="checkbox"],[type="radio"] {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
display:block
}
summary {
display:list-item
}
template {
display:none
}
[hidden] {
display:none
}
html,*,:before,:after {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
img {
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.screen-reader-text {
border:0;
clip:rect(1px,1px,1px,1px);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute!important;
width:1px;
word-wrap:normal!important
}
.screen-reader-text.skip-link {
margin:5px
}
.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:0;
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto!important;
-webkit-clip-path:none;
clip-path:none;
color:#21759b;
display:block;
font-size:17px;
font-size:1.7rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
[tabindex="-1"]:focus {
outline:0
}
[data-whatinput="mouse"] :focus {
outline:none
}
[data-whatinput="keyboard"] input:focus,[data-whatinput="keyboard"] button:focus,[data-whatinput="keyboard"] select:focus,[data-whatinput="keyboard"] textarea:focus {
outline:4px solid #f9bf47;
opacity:1
}
[data-whatinput="keyboard"] nav ul li a:focus {
background:#f9bf47;
color:#000
}
[data-whatinput="keyboard"] a:focus {
outline:2px solid #f9bf47;
background:#f9bf47;
opacity:1
}
.no-js :focus {
outline:4px solid #f9bf47
}
.container a,.entry-content a {
text-decoration:none
}
.container a:hover,.container a:focus,.entry-content a:hover,.entry-content a:focus {
text-decoration:none
}
.block {
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-position:center;
background-color:#fff;
position:relative;
min-height:100px;
max-width:100%;
margin:0 auto
}
.shade {
background:#333;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
opacity:.15;
}
.site {
max-width:100%;
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden
}
.container {
padding-top:4.4rem;
padding-bottom:4.4rem;
padding:44px 20px
}
@media (max-width: 760px) {
.container {
padding-top:3.2rem;
padding-bottom:3.2rem
}
}
.site-main .container {
overflow:hidden;
clear:both
}
.entry-footer {
overflow:hidden;
clear:both;
display:block
}
.edit-link {
text-align:left;
width:100%;
display:block;
clear:both;
max-width:100%;
min-width:0;
margin-bottom:0;
margin-top:0;
top:0;
bottom:0;
padding:0;
overflow:hidden
}
.edit-link a {
clear:both;
display:block;
margin-top:40px;
padding:0
}
a.global-link {
width:100%;
height:100%;
z-index:3;
position:absolute;
top:0;
left:0
}
@font-face {
font-family: 'ralewayblack';
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.eot);
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.woff2) format('woff2'),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.woff) format('woff'),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.ttf) format('truetype'),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/raleway-black-webfont.svg#ralewayblack) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "PT Serif";
font-weight: 400;
font-style: normal;
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-regular.eot);
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-regular.eot#iefix) format("embedded-opentype"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-regular.woff2) format("woff2"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-regular.woff) format("woff"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-regular.ttf) format("truetype");
}
@font-face {
font-family: "PT Serif";
font-weight: 400;
font-style: italic;
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-italic.eot);
src: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-italic.eot#iefix) format("embedded-opentype"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-italic.woff2) format("woff2"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-italic.woff) format("woff"),
url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/fonts/pt-serif-italic.ttf) format("truetype");
}
:root {
font-size:62.5%
}
body {
font-size:17px;
font-size:1.7rem;
font-family: "PT Serif", Georgia, 'Times New Roman';
color:#222;
font-smoothing:antialiased;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
text-size-adjust:none;
text-rendering:geometricPrecision;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
a {
color:#13cc92;
text-decoration:none
}
a:hover {
color:#0c388c
}
.cat a,.comments-link,.comment-list li,.comment-list li p,.comment-list li .comment-time {
font-size:1.2vw
}
@media (max-width: 1166.66667px) {
.cat a,.comments-link,.comment-list li,.comment-list li p,.comment-list li .comment-time {
font-size:14px
}
}
@media (min-width: 1416.66667px) {
.cat a,.comments-link,.comment-list li,.comment-list li p,.comment-list li .comment-time {
font-size:16px
}
}
p,dd,dt,figcaption,hr,small,ol,ul,li,blockquote,kbd,pre,samp,code,th,td,table,tr,textarea,select,input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="month"],input[type="week"],input[type="email"],input[type="search"] {
font-size:3vw;
font-size:16px;
letter-spacing:-.003em;
line-height:1.68
}
@media (max-width: 633.33333px) {
p,dd,dt,figcaption,hr,small,ol,ul,li,blockquote,kbd,pre,samp,code,th,td,table,tr,textarea,select,input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="month"],input[type="week"],input[type="email"],input[type="search"] {
font-size:16px
}
}
@media (min-width: 600px) {
p,dd,dt,figcaption,hr,small,ol,ul,li,blockquote,kbd,pre,samp,code,th,td,table,tr,textarea,select,input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="month"],input[type="week"],input[type="email"],input[type="search"] {
font-size:16px
}
}
p {
margin-top:29px;
margin-top:2.9rem;
margin-bottom:29px;
margin-bottom:2.9rem;
line-height:1.78
}
p:first-child {
margin-top:0
}
p:last-child {
margin-bottom:0
}
h1,h2,h3,h4,h5,h6 {
color:#0c388c;
font-family:"ralewayblack","Helvetica Neue",Helvetica,sans-serif;
font-style: normal;
}
h1 {
font-size:3.2vw
}
@media (max-width: 1000px) {
h1 {font-size:32px}
}
@media (min-width: 2125px) {
h1 {font-size:68px}
}
h2 {font-size:60px}
.nosto {
margin-bottom:40px
}
.nosto h2 {
font-size:25px;
text-transform: uppercase;
color: #0c388c;
}
.entry-content h2 {
font-size: 26px;
}
h2.green {color:#26cf99}
@media (max-width: 1000px) {
h2 {font-size:34px}
}
h3,.accent {
font-size:1.6vw
}
@media (max-width: 1312.5px) {
h3,.accent {font-size:21px}
}
@media (min-width: 2125px) {
h3,.accent {font-size:34px}
}
h4,.comment-list li .comment-author {
font-size:1.4vw
}
@media (max-width: 1285.71429px) {
h4,.comment-list li .comment-author {
font-size:18px
}
}
@media (min-width: 1500px) {
h4,.comment-list li .comment-author {
font-size:21px
}
}
h5 {
font-size:1.2vw
}
@media (max-width: 1166.66667px) {
h5 {
font-size:14px
}
}
@media (min-width: 1500px) {
h5 {
font-size:18px
}
}
h6 {
font-size:1.2vw
}
@media (max-width: 1166.66667px) {
h6 {
font-size:14px
}
}
@media (min-width: 1500px) {
h6 {
font-size:18px
}
}
ul {
list-style:disc outside;
padding-left:13.75px;
padding-left:1.375rem
}
ul li {
padding-left:3.5px;
padding-left:.35rem
}
ol {
padding-left:17.5px;
padding-left:1.75rem
}
ol,ul {
padding-bottom:10px;
padding-bottom:1rem
}
b,strong {
font-weight:700
}
em,i {
font-style:italic
}
small {
line-height:1;
font-size:.875em
}
img {
-ms-interpolation-mode:bicubic;
height:auto;
vertical-align:middle;
max-width:100%
}
.icon img, img.icon {
max-width: 100px;
}
figure {
position:relative;
margin-bottom:1rem;
margin:0 0 10px
}
figure > img {
width:100%
}
figcaption {
margin-top:0;
font-style:normal;
font-weight:400
}
blockquote {
clear:both;
border:0 none;
position:relative;
margin-top:3rem;
padding-bottom:30px;
padding-bottom:3rem;
margin:0
}
blockquote p {
font-size:2vw;
font-size:25px;
font-style:italic;
margin-bottom:0;
position:relative;
overflow:visible;
color:#666
}
@media (max-width: 850px) {
blockquote p {
font-size:17px
}
}
@media (min-width: 1250px) {
blockquote p {
font-size:25px
}
}
@media (min-width: 770px) {
blockquote {
margin-top:4rem;
padding-bottom:4rem
}
}
blockquote:before {
content:'';
display:block;
height:4px;
position:absolute;
left:0;
top:0;
max-width:147px
}
@media (min-width: 480px) {
blockquote:before {
width:30%
}
}
cite {
display:block;
font-style:italic
}
hr {
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#000));
background-image:-o-linear-gradient(top,rgba(0,0,0,0) 50%,#000 50%);
background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,#000 50%);
background-repeat:repeat-x;
background-size:2px 2px;
background-position:0 50%;
border:0;
padding-top:10px;
padding-top:1rem;
padding-bottom:10px;
padding-bottom:1rem;
margin:0;
height:0
}
kbd,pre,samp {
font-family:"Menlo","Courier",monospace
}
code {
color:#c7254e;
background-color:#f9f2f4;
font-family:"Menlo","Courier",monospace;
line-height:1;
padding:3.75px 5px;
padding:.375rem .5rem;
border-radius:.3rem;
font-size:inherit
}
pre code {
display:inline-block;
padding:11.5px 10px 8.5px;
padding:1.15rem 1rem .85rem
}
pre {
border-radius:.3rem;
display:block;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
margin-bottom:20px;
margin-bottom:2rem
}
.nav-container{
border-bottom: 1px solid #eaeaea;
position: fixed;
width: 100%;
background: #fff;
z-index: 90;
}
.site-content {
margin-top: 83px;
}
.site-header {
position:relative;
z-index:15;
padding-bottom:2rem;
padding-top:2rem;
padding-left:2rem;
padding-right:2rem;
max-width:1140px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px;
}
.site-title {
margin:0;
max-width: 200px;
}
.site-title a {
color:#111
}
.site-footer {
color:#fff;
background:#0c388c;
overflow:hidden;
clear:both
}
.category svg.footer-svg {
background: #26cf99;
}
svg.footer-svg, svg.light-svg, .category-ajankohtaista svg.footer-svg, .category-tilaisuudet svg.footer-svg {
position: relative;
top: 10px;
background: #fff;
}
.site-footer svg {
fill:#555;
top:2px;
position:relative
}
.site-footer p,.site-footer span {
color:#555
}
.site-footer a {
color:#555
}
.site-footer a:hover {
color:#13cc92
}
.theme-info {
overflow:hidden
}
@media (min-width: 770px) {
.theme-info {
width:60%;
text-align:right;
float:right
}
}
.content-area button,.content-area .button,.content-area input[type="reset"],.content-area input[type="submit"],.content-area input[type="button"] {
font-size:16px;
font-size:1.6rem;
background:#13cc92;
color:#fff;
border:0;
width:auto;
display:inline-block;
padding:12px 30px;
padding:1.2rem 3rem;
margin-bottom:10px;
margin-bottom:1rem;
text-decoration:none;
position:relative;
cursor:pointer;
-webkit-transition:150ms linear background;
-o-transition:150ms linear background;
transition:150ms linear background;
font-family: "ralewayblack","Helvetica Neue",Helvetica,sans-serif
}
@media (max-width: 480px) {
.content-area button,.content-area .button,.content-area input[type="reset"],.content-area input[type="submit"],.content-area input[type="button"] {
display:block;
text-align:center
}
}
.content-area button:hover,.content-area button:focus,.content-area .button:hover,.content-area .button:focus,.content-area input[type="reset"]:hover,.content-area input[type="reset"]:focus,.content-area input[type="submit"]:hover,.content-area input[type="submit"]:focus,.content-area input[type="button"]:hover,.content-area input[type="button"]:focus {
color:#fff;
background:#0c388c
}
.content-area button.button-ghost,.content-area .button.button-ghost,.content-area input[type="reset"].button-ghost,.content-area input[type="submit"].button-ghost,.content-area input[type="button"].button-ghost {
background-color:transparent;
border:1px solid #13cc92;
color:#13cc92
}
.content-area button.button-ghost:hover,.content-area .button.button-ghost:hover,.content-area input[type="reset"].button-ghost:hover,.content-area input[type="submit"].button-ghost:hover,.content-area input[type="button"].button-ghost:hover {
background-color:#13cc92;
color:#fff
}
.content-area button.button-ghost.button-ghost-white,.content-area .button.button-ghost.button-ghost-white,.content-area input[type="reset"].button-ghost.button-ghost-white,.content-area input[type="submit"].button-ghost.button-ghost-white,.content-area input[type="button"].button-ghost.button-ghost-white {
border-color:#fff;
color:#fff
}
.content-area button.button-ghost.button-ghost-white:hover,.content-area .button.button-ghost.button-ghost-white:hover,.content-area input[type="reset"].button-ghost.button-ghost-white:hover,.content-area input[type="submit"].button-ghost.button-ghost-white:hover,.content-area input[type="button"].button-ghost.button-ghost-white:hover {
background-color:#13cc92;
border-color:#13cc92;
color:#fff
}
a,button,input {
-webkit-tap-highlight-color:transparent
}
.gform_wrapper,.gform_header,.gform_footer {
margin:0;
padding:0
}
.gform_body li,.gform_body div {
margin-top:0;
padding-top:0;
padding-left:0;
margin-left:0
}
.gform_body li {
margin-bottom:10px;
margin-bottom:1rem
}
.gform_body li:last-child {
margin-bottom:0
}
.nf-field-label label {font-weight: normal!important;}
.nf-before-form-content {margin-bottom:20px;}
textarea,select,input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="month"],input[type="week"],input[type="email"],input[type="search"] {
font-family: "Helvetica Neue",Helvetica,sans-serif;
background:#f0f0f0;
border:0;
padding:15px 20px;
line-height:24px;
-webkit-transition:background .55s;
-o-transition:background .55s;
transition:background .55s;
text-decoration:none;
position:relative;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin-bottom:0
}
textarea::-webkit-input-placeholder,select::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="month"]::-webkit-input-placeholder,input[type="week"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder {
color:#434343;
opacity:.4
}
textarea:-ms-input-placeholder,select:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="month"]:-ms-input-placeholder,input[type="week"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder {
color:#434343;
opacity:.4
}
textarea::-ms-input-placeholder,select::-ms-input-placeholder,input[type="text"]::-ms-input-placeholder,input[type="tel"]::-ms-input-placeholder,input[type="url"]::-ms-input-placeholder,input[type="password"]::-ms-input-placeholder,input[type="number"]::-ms-input-placeholder,input[type="month"]::-ms-input-placeholder,input[type="week"]::-ms-input-placeholder,input[type="email"]::-ms-input-placeholder,input[type="search"]::-ms-input-placeholder {
color:#434343;
opacity:.4
}
textarea::placeholder,select::placeholder,input[type="text"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="password"]::placeholder,input[type="number"]::placeholder,input[type="month"]::placeholder,input[type="week"]::placeholder,input[type="email"]::placeholder,input[type="search"]::placeholder {
color:#434343;
opacity:.4
}
textarea:focus,select:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="search"]:focus {
background:#dfdfdf;
border-color:#222;
outline:0
}
textarea:focus::-webkit-input-placeholder,select:focus::-webkit-input-placeholder,input[type="text"]:focus::-webkit-input-placeholder,input[type="tel"]:focus::-webkit-input-placeholder,input[type="url"]:focus::-webkit-input-placeholder,input[type="password"]:focus::-webkit-input-placeholder,input[type="number"]:focus::-webkit-input-placeholder,input[type="month"]:focus::-webkit-input-placeholder,input[type="week"]:focus::-webkit-input-placeholder,input[type="email"]:focus::-webkit-input-placeholder,input[type="search"]:focus::-webkit-input-placeholder {
color:#222;
opacity:.8
}
textarea:focus:-ms-input-placeholder,select:focus:-ms-input-placeholder,input[type="text"]:focus:-ms-input-placeholder,input[type="tel"]:focus:-ms-input-placeholder,input[type="url"]:focus:-ms-input-placeholder,input[type="password"]:focus:-ms-input-placeholder,input[type="number"]:focus:-ms-input-placeholder,input[type="month"]:focus:-ms-input-placeholder,input[type="week"]:focus:-ms-input-placeholder,input[type="email"]:focus:-ms-input-placeholder,input[type="search"]:focus:-ms-input-placeholder {
color:#222;
opacity:.8
}
textarea:focus::-ms-input-placeholder,select:focus::-ms-input-placeholder,input[type="text"]:focus::-ms-input-placeholder,input[type="tel"]:focus::-ms-input-placeholder,input[type="url"]:focus::-ms-input-placeholder,input[type="password"]:focus::-ms-input-placeholder,input[type="number"]:focus::-ms-input-placeholder,input[type="month"]:focus::-ms-input-placeholder,input[type="week"]:focus::-ms-input-placeholder,input[type="email"]:focus::-ms-input-placeholder,input[type="search"]:focus::-ms-input-placeholder {
color:#222;
opacity:.8
}
textarea:focus::placeholder,select:focus::placeholder,input[type="text"]:focus::placeholder,input[type="tel"]:focus::placeholder,input[type="url"]:focus::placeholder,input[type="password"]:focus::placeholder,input[type="number"]:focus::placeholder,input[type="month"]:focus::placeholder,input[type="week"]:focus::placeholder,input[type="email"]:focus::placeholder,input[type="search"]:focus::placeholder {
color:#222;
opacity:.8
}
select {
border:0;
border-radius:0;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/select.svg);
background-repeat:no-repeat;
background-position:right center;
padding-right:40px;
-webkit-transition:none;
-o-transition:none;
transition:none;
width:100%;
max-width:100%;
min-width:0;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:1px
}
select::-ms-expand {
display:none
}
select:hover,select:focus {
border-color:#222
}
form p {
margin-bottom:20px
}
form p.form-submit {
margin-bottom:0
}
form.search-form .search-field {
float:left;
margin-right:5px
}
form.search-form .search-submit {
padding:19px 1.75em;
line-height:1
}
.comment-respond {
margin-bottom:0;
overflow:visible
}
.comment-respond p.comment-form-author {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin:0 3% 20px 0
}
.comment-respond p.comment-form-author::after {
display:block;
content:'';
clear:both
}
.comment-respond p.comment-form-author:last-child {
margin-right:0
}
@media (max-width: 480px) {
.comment-respond p.comment-form-author {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto
}
.comment-respond p.comment-form-author:first-child {
margin-left:auto
}
.comment-respond p.comment-form-author:last-child {
margin-right:auto
}
}
.comment-respond p.comment-form-author input#author {
padding:15px;
border-width:1px
}
.comment-respond p.comment-form-email {
float:left;
clear:none;
text-align:inherit;
width:65.66667%;
margin-right:0;
clear:right;
margin:0 3% 20px 0
}
.comment-respond p.comment-form-email::after {
display:block;
content:'';
clear:both
}
.comment-respond p.comment-form-email:last-child {
margin-right:0
}
@media (max-width: 480px) {
.comment-respond p.comment-form-email {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto
}
.comment-respond p.comment-form-email:first-child {
margin-left:auto
}
.comment-respond p.comment-form-email:last-child {
margin-right:auto
}
}
.comment-respond p.comment-form-email input#email {
padding:15px;
border-width:1px
}
.comment-respond p.comment-form-url {
display:block;
clear:both;
float:none;
width:100%;
position:relative;
margin:0 auto 30px
}
.comment-respond p.comment-form-url:first-child {
margin-left:auto
}
.comment-respond p.comment-form-url:last-child {
margin-right:auto
}
.comment-respond p.comment-form-url input#url {
padding:15px;
border-width:1px
}
.comment-respond p.form-submit {
display:block;
clear:both;
margin-bottom:0;
margin-top:0
}
.comment-respond p.comment-form-comment {
margin-bottom:20px
}
@media (max-width: 480px) {
.comment-respond input {
width:100%
}
}
.comment-respond input#author,.comment-respond input#email,.comment-respond input#url,.comment-respond textarea {
width:100%
}
.nav-primary .menu-items, .advanced-sidebar-menu {
position:relative;
z-index:9;
font-family: "ralewayblack","Helvetica Neue",Helvetica,sans-serif;
}
.nav-primary .menu-items:after {
content:'\00a0';
display:block;
height:0;
font:0/0 serif;
clear:both;
visibility:hidden;
overflow:hidden
}
.nav-primary .menu-items ul,.nav-primary .menu-items li {
display:block;
list-style:none;
margin:0;
padding:0;
line-height:normal;
direction:ltr;
text-align:left;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.nav-primary .menu-items li,.nav-primary .menu-items a {
position:relative;
text-align: center;
}
.nav-primary .menu-items .disabled {
cursor:not-allowed
}
.nav-primary .menu-items li > h1,.nav-primary .menu-items li > h2,.nav-primary .menu-items li > h3,.nav-primary .menu-items li > h4,.nav-primary .menu-items li > h5,.nav-primary .menu-items li > h6 {
margin:0;
padding:0
}
@media only screen and (max-width: 960px) {
.js .nav-primary .menu-items ul {
display:none
}
}
.nav-primary ul ul {
margin-top:0;
margin-left:25px
}
.nav-primary ul ul ul {
margin-left:25px
}
@media only screen and (-ms-high-contrast: active) and (min-width: 960px),only screen and (-ms-high-contrast: none) and (min-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display:block
}
}
@media only screen and (max-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display:block
}
}
.dropdown-toggle:after,.dropdown-toggle.toggled-on:after,.nav-toggle:before,.nav-toggle.toggled-on:before {
speak:none
}
.dropdown-toggle:after,.dropdown-toggle.toggled-on:after {
font-size:13px;
font-size:1.3rem
}
.no-js nav-toggle {
display:none
}
@media only screen and (min-width: 960px) {
.sub-menu {
width:100%;
position:relative;
}
.nav-primary ul .sub-menu.toggled-on {
visibility:visible;
opacity:1;
z-index:1;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
-webkit-transition-delay:0s,0s,.3s;
-o-transition-delay:0s,0s,.3s;
transition-delay:0s,0s,.3s
}
[data-whatinput="keyboard"] .sub-menu {
-webkit-transition:none;
-o-transition:none;
transition:none;
-webkit-transition-delay:none;
-o-transition-delay:none;
transition-delay:none;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:focus > .sub-menu,[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:hover > .sub-menu,[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:focus > .sub-menu,[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:hover > .sub-menu {
visibility:visible;
opacity:1;
z-index:1;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
-webkit-transition-delay:0s,0s,.3s;
-o-transition-delay:0s,0s,.3s;
transition-delay:0s,0s,.3s
}
.no-js .sub-menu {
width:19rem;
visibility:hidden;
opacity:0;
position:absolute;
top:100%;
left:0;
-webkit-transform:translateY(-2em);
-ms-transform:translateY(-2em);
transform:translateY(-2em);
z-index:-1;
-webkit-transition:none;
-o-transition:none;
transition:none;
-webkit-transition-delay:none;
-o-transition-delay:none;
transition-delay:none
}
.no-js .nav-primary ul .menu-item-has-children:focus > .sub-menu,.no-js .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,.no-js .nav-primary ul .menu-item-has-children:hover > .sub-menu {
visibility:visible;
opacity:1;
z-index:1;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
-webkit-transition-delay:0s,0s,.3s;
-o-transition-delay:0s,0s,.3s;
transition-delay:0s,0s,.3s
}
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
.nav-primary ul li:hover > ul {
display:block
}
}
@media only screen and (min-width: 960px) and (-ms-high-contrast: active),only screen and (min-width: 960px) and (-ms-high-contrast: none) {
.nav-primary ul li:hover > ul {
display:block
}
}
@media only screen and (min-width: 2960px) {
.no-js .nav-primary .menu-items .menu-item-has-children:after {
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
text-indent:-9999px;
overflow:hidden;
margin-top:0;
margin-right:0;
right:0;
background-color:transparent;
padding:0;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/chevron-down-dark.svg);
background-repeat:no-repeat;
background-position:center;
color:transparent;
position:absolute;
height:8px;
width:8px;
border:0;
content:' ';
display:block
}
.no-js .nav-primary .menu-items .menu-item-has-children .sub-menu .menu-item-has-children:after {
position:absolute;
right:8px;
top:50%;
margin-top:0;
padding:0;
text-indent:-9999px;
overflow:hidden;
background-color:transparent;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/chevron-right-dark.svg);
background-repeat:no-repeat;
background-position:center;
color:transparent;
width:12px;
height:12px;
border:0;
content:' ';
display:block
}
.nav-toggle {
display:none
}
.nav-primary {
padding-top:1.7rem;
padding-bottom:1.7rem;
float:right
}
.nav-primary .menu-items {
margin:0;
padding:0;
background:transparent;
position:relative;
float:left
}
.nav-primary .menu-item {
position:relative;
float:left;
margin:0
}
.nav-primary .menu-item a {
color:#333;
font-size:16px;
padding:20px 12px;
}
.nav-primary .menu-item a.disabled {
color:#bbb
}
.nav-primary .menu-item a:hover,.nav-primary .menu-item a:focus,.nav-primary .menu-item a:active,.nav-primary .menu-item a.highlighted,.nav-primary .menu-item a.current {
color:#333
}
.nav-primary .menu-item ul {
position:absolute;
background:#fff;
margin-left:0;
padding-bottom:.5rem;
padding-top:.5rem;
margin-top:18px;
z-index:999
}
.nav-primary .menu-item ul.sub-menu {
padding-top:.5rem;
padding-bottom:.5rem
}
.nav-primary .menu-item ul.sub-menu li {
margin:0
}
.nav-primary .menu-item ul .dropdown-toggle {
position:absolute;
right:1rem;
top:.4rem;
border:0
}
.nav-primary .menu-item ul li {
float:none;
width:19rem;
padding:0
}
.nav-primary .menu-item ul li .dropdown-toggle {
position:absolute;
right:8px;
top:50%;
margin-top:0;
padding:0;
text-indent:-9999px;
overflow:hidden;
background-color:transparent;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/chevron-right-dark.svg);
background-repeat:no-repeat;
background-position:center;
color:transparent;
width:12px;
height:12px;
border:0
}
.nav-primary .menu-item ul li .dropdown-toggle.toggled-on {
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/chevron-left-dark.svg)
}
.nav-primary .menu-item ul li.menu-item-has-children a {
padding-right:3.5rem;
margin-right:0;
margin-bottom:0;
width:100%
}
.nav-primary .menu-item ul ul {
top:0;
left:100%;
margin-left:0;
margin-top:-5px
}
.nav-primary .menu-item ul a {
padding:.8rem 1.5rem;
font-size:1.4rem;
color:#333;
display:block
}
.nav-primary .menu-item ul a:hover,.nav-primary .menu-item ul a:focus,.nav-primary .menu-item ul a:active,.nav-primary .menu-item ul a.highlighted {
color:#13cc92
}
.nav-primary .menu-item ul a.disabled {
background:#fff;
color:#ccc
}
.nav-primary .menu-item .dropdown-toggle {
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
text-indent:-9999px;
overflow:hidden;
margin-top:0;
margin-right:0;
right:0;
background-color:transparent;
padding:0;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/svg/chevron-down-dark.svg);
background-repeat:no-repeat;
background-position:center;
color:transparent;
position:absolute;
height:8px;
width:8px;
border:0
}
.nav-primary .menu-item > li > ul:after {
content:'';
position:absolute;
width:0;
height:0;
overflow:hidden;
border-style:dashed dashed solid;
top:-16px;
left:31px;
border-width:8px;
border-color:transparent transparent #fff
}
.nav-primary .menu-item.menu-item-has-children {
margin-right:.8rem
}
.nav-primary .menu-item.menu-item-has-children > a {
padding-right:1.5rem;
margin-bottom:.8rem
}
}
.hamburger {
padding:50px 15px;
padding:5rem 1.5rem;
display:inline-block;
cursor:pointer;
-webkit-transition-property:opacity,-webkit-filter;
transition-property:opacity,-webkit-filter;
-o-transition-property:opacity,filter;
transition-property:opacity,filter;
transition-property:opacity,filter,-webkit-filter;
-webkit-transition-duration:.15s;
-o-transition-duration:.15s;
transition-duration:.15s;
-webkit-transition-timing-function:linear;
-o-transition-timing-function:linear;
transition-timing-function:linear;
font:inherit;
color:inherit;
text-transform:none;
background-color:transparent;
border:0;
margin:0;
overflow:visible
}
.hamburger:hover {
opacity:.8
}
.hamburger-box {
width:40px;
width:4rem;
height:18px;
height:1.8rem;
display:inline-block;
position:relative
}
.hamburger-inner {
display:block;
top:50%;
margin-top:-1px;
margin-top:-.1rem
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
width:30px;
width:3rem;
height:3px;
height:.35rem;
background-color:#0c388c;
border-radius:0;
position:absolute;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-transition-duration:.15s;
-o-transition-duration:.15s;
transition-duration:.15s;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease
}
.hamburger-inner::before,.hamburger-inner::after {
content:"";
display:block
}
.hamburger-inner::before {
top:-8px;
top:-.8rem
}
.hamburger-inner::after {
bottom:-8px;
bottom:-.8rem
}
.hamburger--spin .hamburger-inner,.hamburger .hamburger-inner {
-webkit-transition-duration:.22s;
-o-transition-duration:.22s;
transition-duration:.22s;
-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin .hamburger-inner::before,.hamburger .hamburger-inner::before {
-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in;
-o-transition:top .1s .25s ease-in,opacity .1s ease-in;
transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after,.hamburger .hamburger-inner::after {
-webkit-transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin.is-active .hamburger-inner,.is-active.hamburger .hamburger-inner {
-webkit-transform:rotate(225deg);
-ms-transform:rotate(225deg);
transform:rotate(225deg);
-webkit-transition-delay:.12s;
-o-transition-delay:.12s;
transition-delay:.12s;
-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin.is-active .hamburger-inner::before,.is-active.hamburger .hamburger-inner::before {
top:0;
opacity:0;
-webkit-transition:top .1s ease-out,opacity .1s .12s ease-out;
-o-transition:top .1s ease-out,opacity .1s .12s ease-out;
transition:top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after,.is-active.hamburger .hamburger-inner::after {
bottom:0;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
-o-transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration:.22s;
-o-transition-duration:.22s;
transition-duration:.22s;
-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in;
-o-transition:top .1s .25s ease-in,opacity .1s ease-in;
transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform:rotate(-225deg);
-ms-transform:rotate(-225deg);
transform:rotate(-225deg);
-webkit-transition-delay:.12s;
-o-transition-delay:.12s;
transition-delay:.12s;
-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top:0;
opacity:0;
-webkit-transition:top .1s ease-out,opacity .1s .12s ease-out;
-o-transition:top .1s ease-out,opacity .1s .12s ease-out;
transition:top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom:0;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
-o-transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)
}
@media screen and (min-width: 959px){
.nav-primary .menu-items .dropdown-toggle {display:none;}
} .no-js .site-header {
position:static;
background:#fff
}
.js.js-nav-active .nav-primary {
visibility:visible;
max-height:100%;
height:100vh;
overflow:visible;
opacity: 1;
}
.js .nav-primary {
visibility:hidden;
max-height:0;
height:0;
clip:auto;
position:fixed;
top:0;
left:0;
right:0;
opacity:0;
}
.js.js-nav-active .nav-primary .menu-items {
top:0;
opacity:1;
-webkit-transition:all .55s;
-o-transition:all .55s;
transition:all .55s;
overflow-y: hidden; bottom: 0; -webkit-overflow-scrolling: touch;height: 100%
}
.js.js-nav-active .nav-primary ul.menu-items {
height: 100%;
margin-right: -50px; padding-right: 50px; overflow-y: scroll;
}
.js.js-nav-active .nav-primary .konteiner {
width: 400px;
height: 200px;
overflow: hidden;
}
@media screen and (max-width: 959px){
.js.js-nav-active .nav-primary .menu-items {overflow-y: scroll; bottom: 0; -webkit-overflow-scrolling: touch;height: 100%}
}
.js .nav-primary .menu-items {
padding:15% 0;
top: -600px;
opacity:0;
-webkit-transition:all .55s;
-o-transition:all .55s;
transition:all .55s;
}
.nav-primary {
background: rgba(255, 255, 255, 0.95);
-webkit-transition:all .55s;
-o-transition:all .55s;
transition:all .55s;
margin:0;
overflow:hidden;
display:block;
width:100%
}
.nav-primary .menu-items {
margin:auto;
width:100%;
float:none;
padding:2rem 0
}
.nav-primary .menu-items a {
color:#0c388c;
font-size:2.6rem;
font-weight:400;
line-height:1.2;
text-decoration:none;
position:relative;
z-index:0;
display:block;
outline:none;
padding:1rem 5.8rem 1rem 5%
}
.nav-primary .menu-items a:focus {
outline:none
}
.nav-primary .menu-items a.has-submenu {
width:80%;
position:static
}
nav .menu-items .current-menu-item a {
color: #13cc92;
}
.nav-primary .menu-items a:hover,.nav-primary .menu-items a:focus,.nav-primary .menu-items a:active {
color:#26cf99
}
.nav-primary .menu-items a.current {
color:#d23600
}
.nav-primary .menu-items a.disabled {
color:#bbb
}
.nav-primary .menu-items a.highlighted .sub-arrow:before {
display:block;
content:'-'
}
.nav-primary .menu-items .dropdown-toggle {
position:absolute;
top:0;
margin-top:0;
left:auto;
right:2rem;
width:3.7rem;
height:3.7rem;
overflow:hidden;
font:bold 18px/37px monospace;
text-align:center;
background:#202020;
color:#fff;
padding:0;
z-index:9999;
border:0
}
.nav-primary .menu-items .dropdown-toggle:focus {
z-index:10000
}
.nav-primary .menu-items .dropdown-toggle:before {
content:'+'
}
.nav-primary .menu-items .dropdown-toggle:hover {
background-color:#3e4853;
color:#fff
}
.nav-primary .menu-items .dropdown-toggle.toggled-on:before {
display:block;
content:'-'
}
.nav-primary .menu-items ul {
margin-left:0;
padding:0
}
.nav-primary .menu-items ul > li {
padding-left:1.5rem
}
.nav-primary .menu-items ul > li ul {
margin-left:-1.5rem
}
.nav-primary .menu-items ul > li ul li {
padding-left:3rem
}
.nav-primary .menu-items ul > li ul ul {
margin-left:-3rem
}
.nav-primary .menu-items ul > li ul ul li {
padding-left:4.5rem
}
.nav-primary .menu-items ul a {
font-size:2.4rem
}
ul.sub-menu {display:block;}
.nav-toggle {
list-style:none;
z-index:100000;
-webkit-tap-highlight-color:rgba(0,0,0,0);
border:0;
overflow:visible;
color:#fff;
font-weight:700;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
text-decoration:none;
padding:10px;
padding:1rem;
margin:0 -20px 0 0;
margin:0 -2rem 0 0;
background:transparent;
cursor:pointer;
position:relative;
}
.nav-toggle span {
color:#0c388c;
font-size:1.2em;
text-transform: uppercase;
font-family: "ralewayblack","Helvetica Neue",Helvetica,sans-serif;
font-weight: normal;
}
span.menu-text {
margin-left: 0px;
}
.nav-toggle:focus {
outline:none
}
svg.search-icon {
fill: #0b388c;
margin: -2px 5px;
}
.nav-toggle:focus span span {
background-color:#0c388c
}
.nav-toggle:focus span:before,.nav-toggle:focus span:after {
background-color:#0c388c
}
.nav-toggle:hover,.nav-toggle:active {
color:#0c388c
}
.nav-toggle:hover span,.nav-toggle:active span {
color:#0c388c
}
@media (max-width: 959px) {
.nav-toggle {
display:inline-block
}
}
.nav-toggle.is-active {
color:#26cf99
}
.nav-toggle.is-active:focus .hamburger-box .hamburger-inner,.nav-toggle.is-active.focus .hamburger-box .hamburger-inner {
background-color:#26cf99
}
.nav-toggle.is-active:focus .hamburger-box .hamburger-inner:after,.nav-toggle.is-active.focus .hamburger-box .hamburger-inner:after {
background-color:#26cf99
}
.nav-toggle.is-active .hamburger-box .hamburger-inner {
background-color:#26cf99
}
.nav-toggle.is-active .hamburger-box .hamburger-inner:after {
background-color:#26cf99
}
.nav-toggle.is-active:focus,.nav-toggle.is-active:hover,.nav-toggle.is-active:active {
color:#26cf99
}
.nav-toggle.is-active:focus span,.nav-toggle.is-active:hover span,.nav-toggle.is-active:active span {
color:#26cf99
}
.nav-toggle.is-active span {
color:#26cf99
}
.top {
position:fixed;
bottom:20px;
right:20px;
background:#222;
width:50px;
height:50px;
text-decoration:none;
opacity:0;
-webkit-transition:opacity .3s 0s,visibility 0 .3s;
-o-transition:opacity .3s 0s,visibility 0 .3s;
transition:opacity .3s 0s,visibility 0 .3s;
z-index:10000
}
.top.is-visible,.top.fade-out,.no-touch .top:hover {
-webkit-transition:opacity .3s 0s,visibility 0 0;
-o-transition:opacity .3s 0s,visibility 0 0;
transition:opacity .3s 0s,visibility 0 0
}
.top.is-visible {
opacity:1
}
.top.fade-out {
opacity:.3
}
.top.fade-out:hover {
opacity:1
}
.no-touch .top:hover {
opacity:1
}
.top svg {
position:relative;
top:50%;
left:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
position:absolute;
fill:#fff;
margin:0;
opacity:.8;
font-size:19px;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.top:hover,.top:focus,.top:active {
background:#13cc92
}
.top:hover svg,.top:focus svg,.top:active svg {
fill:#fff;
top:35%
}
.gallery {
clear:both;
overflow:hidden;
text-align:center
}
.gallery .entry-meta {text-align: left; }
.gallery.gallery-columns-1 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto
}
.gallery.gallery-columns-1 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-1 .gallery-item:last-child {
margin-right:auto
}
.gallery.gallery-columns-2 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:48.5%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-2 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-2 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n + 1) {
clear:both
}
@media (max-width: 480px) {
.gallery.gallery-columns-2 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-2 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-2 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-3 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-3 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-3 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-3 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-3 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-3 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-3 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-3 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-3 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-4 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:22.75%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-4 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-4 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-4 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-4 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-4 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-4 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-4 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-4 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-4 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-4 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-5 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:17.6%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-5 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-5 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-5 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-5 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-5 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-5 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-5 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-5 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-5 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-5 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-6 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:14.16667%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-6 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-6 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-6 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-6 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-6 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-6 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-6 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-6 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-6 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-6 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-7 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:11.71429%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-7 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-7 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-7 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-7 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-7 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-7 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-7 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-7 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-7 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-7 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-8 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:9.875%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-8 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-8 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-8 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-8 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-8 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-8 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-8 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-8 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-8 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-8 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-9 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:8.44444%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-9 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-9 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-9 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-9 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-9 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-9 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-9 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-9 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-9 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-9 .gallery-item:last-child {
margin-right:auto
}
}
.gallery.gallery-columns-10 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:7.3%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-10 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-10 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-10 .gallery-item:nth-child(10n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-10 .gallery-item:nth-child(10n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery.gallery-columns-10 .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery.gallery-columns-10 .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery.gallery-columns-10 .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery.gallery-columns-10 .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery.gallery-columns-10 .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-10 .gallery-item {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center
}
.gallery.gallery-columns-10 .gallery-item:first-child {
margin-left:auto
}
.gallery.gallery-columns-10 .gallery-item:last-child {
margin-right:auto
}
}
.gallery .gallery-item {
float:left;
clear:none;
position: relative;
text-align:inherit;
width:22.75%;
margin-left:0;
margin-right:3%;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #333;
overflow: hidden;
transition: all .55s;
}
.gallery .gallery-item:hover {
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.11);
-moz-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.11);
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.11);
}
a.full-link {
width: 100%;
height: 100%;
position: absolute;
background: 0 0;
top: 0;
left: 0;
}
.gallery .gallery-item .entry-footer {
position: absolute;
top: 5px;
right: 10px;
}
.gallery .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery .gallery-item:nth-child(4n) {
margin-right:0;
float:right
}
.gallery .gallery-item:nth-child(4n + 1) {
clear:both
}
@media (max-width: 770px) {
.gallery .gallery-item {
float:left;
clear:none;
text-align:inherit;
width:31.33333%;
margin-left:0;
margin-right:3%
}
.gallery .gallery-item::after {
display:block;
content:'';
clear:both
}
.gallery .gallery-item:nth-child(n) {
margin-right:3%;
float:left;
clear:none
}
.gallery .gallery-item:nth-child(3n) {
margin-right:0;
float:right
}
.gallery .gallery-item:nth-child(3n + 1) {
clear:both
}
}
@media (max-width: 480px) {
.gallery .gallery-item {display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto;text-align:center}
.gallery .gallery-item:first-child {margin-left:auto}
.gallery .gallery-item:last-child {margin-right:auto}
}
.gallery .gallery-item .gallery-caption {
position: absolute;
bottom: 20px;
left: 20px;
}
.gallery .gallery-item .gallery-caption h2 {
margin: 0;
text-transform: uppercase;
font-size: 20px;
text-align: left;
}
.gallery .gallery-item .gallery-caption h2 a {
color:#fff;
}
.gallery .gallery-item .gallery-icon a {
display:block
}
.gallery .gallery-item .shade {
transition: all .55s;
opacity: 0.4;
}
.gallery .gallery-item:hover .shade {
opacity: .1;
}
.gallery .gallery-item .gallery-icon img {
border:0;
height:auto;
margin-bottom:0;
width:100%
}
.entry-header {
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/images/default.jpg);
background-repeat:no-repeat;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:relative;
min-height:900px;
min-height:90rem;
max-width:100%;
margin:0 auto;
height:900px;
height:90rem
}
.entry-header h1, .entry-header h2 {
color:#ffffff;
position:relative;
z-index:2
}
@media (max-width: 916.66667px) {
.entry-header-demo h1 {font-size:22px}
.entry-header {min-height:600px; min-height:60rem; height:600px; height:60rem}
}
@media (min-width: 1916.66667px) {
.entry-header-demo h1 {font-size:46px}
}
.accent {
font-style:italic;
text-transform:lowercase;
font-weight:700;
text-align:center;
margin:0;
color:#13cc92;
display:block;
position:relative;
z-index:2
}
.accent p, .taxonomy-description p, header p {font-size:20px;    line-height: 1.6;}
@media (max-width: 768px) {
.gradient {display:none}
}
@media (min-width: 480px) {
.block.block-page {min-height:300px}
}
.cat-links,.tags-links {
display:block
}
.alignleft {
display:inline;
float:left;
margin-right:20px
}
.alignright {
display:inline;
float:right;
margin-left:20px
}
.aligncenter {
clear:both;
display:block;
margin:0 auto
}
del {
text-decoration:line-through;
color:#666
}
.container.container-article {
max-width:650px;
position: relative;
overflow: visible;
}
.container.container-article .entry-content>p:first-child:first-letter {
display: block;
float: left;
margin-top: 11px;
margin-right: 7px;
font-size: 130px;
line-height: 65px;
}
.sticky {
position: fixed;
top: 130px;
}
.comments-area .comment-list li.bypostauthor {
background-color:#fff6e8;
padding:30px;
padding:3rem
}
.wp-caption {
max-width:100%
}
.wp-caption img[class*="wp-image-"] {
display:block;
margin:0 auto
}
.wp-caption .wp-caption-text {
text-align:left;
font-style:italic;
border-bottom:2px solid #dadfe1;
padding:10px 0;
padding:1rem 0;
margin-bottom:20px
}
.entry-content {
margin-bottom:2em
}
.entry-content embed,.entry-content iframe,.entry-content object,.entry-content video {
max-width:100%
}
table {
border-spacing:0;
border-collapse:collapse
}
td,th {
font-family: "PT Serif", Georgia, 'Times New Roman';
height:30px;
height:3rem;
padding:10px;
padding:1rem
}
@media (max-width: 600px) {
td,th {
display:block;
clear:both;
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
display:inline-block;
height:auto;
padding:10px 0;
text-align:center
}
td:first-child,th:first-child {
margin-left:auto
}
td:last-child,th:last-child {
margin-right:auto
}
}
th {
font-weight:700
}
abbr[title] {
border-bottom:1px dotted
}
dfn {
font-style:italic
}
kbd {
border:1px solid #ccc;
font-family:Arial,Helvetica,sans-serif;
background-color:#f7f7f7;
color:#333;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
border-radius:4px;
display:inline-block;
text-shadow:0 1px 0 #fff;
line-height:1.4;
white-space:nowrap;
padding:0 5px;
padding:0 .5rem
}
pre {
display:block;
padding:9.5px;
margin:0 0 6.25px;
margin:0 0 .625rem;
color:#333;
word-break:break-all;
word-wrap:break-word;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px;
overflow:auto
}
pre.debug {
font-size:11px;
line-height:1.5
}
pre code {
padding:0;
font-size:inherit;
color:inherit;
white-space:pre-wrap;
background-color:transparent;
border-radius:0
}
.taxonomy-description {
margin-bottom:20px;
margin-bottom:2rem
}
.post {
margin-bottom:30px
}
.entry-header .entry-title {
margin-bottom:.1em
}
.entry-header .entry-title a {
color:#222
}
.entry-meta * {
color:#13cc92
}
.entry-time {
margin-bottom:1.5em
}
.cat {
margin-top:0;
margin-bottom:10px
}
.cat a {
font-weight:600
}
ul.tags {
overflow:hidden;
margin:0;
padding:0;
padding-left:0
}
ul.tags li {
padding-left:0;
display:inline-block;
float:left;
margin:0 10px 10px 0
}
ul.tags li a {
font-size:12px;
font-size:1.2rem;
color:#333;
padding:5px 10px;
padding:.5rem 1rem;
display:inline;
border-radius:4px;
background:#f0f0f0;
opacity:.8
}
ul.tags li a:hover {
color:#fff;
background:#aaa;
opacity:1
}
.comments-link {
text-align:right;
display:block
}
.comments-link svg {
fill:#777;
position:relative;
top:1px;
margin-right:2px
}
.comments-link:hover,.comments-link:focus {
color:#111
}
.comments-link:hover a,.comments-link:hover a:link,.comments-link:hover a:visited,.comments-link:hover svg,.comments-link:focus a,.comments-link:focus a:link,.comments-link:focus a:visited,.comments-link:focus svg {
color:#111;
fill:#111
}
.entry-footer {
margin-top:0;
margin-bottom:0
}
.entry-footer a {
color:#4f5964
}
.entry-footer a:hover {
color:#13cc92;
text-decoration:none
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
margin:1.5em 0;
overflow:hidden
}
.site-main .comment-navigation::after,.site-main .posts-navigation::after,.site-main .post-navigation::after {
display:block;
content:'';
clear:both
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
float:left;
width:50%
}
.comment-navigation .nav-previous a:before,.posts-navigation .nav-previous a:before,.post-navigation .nav-previous a:before {
content:'← '
}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
float:right;
text-align:right;
width:50%
}
.comment-navigation .nav-next a:after,.posts-navigation .nav-next a:after,.post-navigation .nav-next a:after {
content:' →'
}
.comments-area {
margin-top:50px;
margin-bottom:50px;
overflow:visible
}
.comment-list {
padding:0;
margin:0;
list-style:none
}
.comment-list li {
padding:0;
margin-top:0;
margin-bottom:70px
}
.comment-list li p {
color:#4f5964
}
.comment-list li .avatar {
float:right;
border-radius:50%
}
.comment-list li .comment-author {
color:#222;
margin-top:0;
margin-bottom:10px;
padding:0
}
.comment-list li .comment-author a {
color:#222
}
.comment-list li .comment-time {
padding:0;
margin:0
}
.comment-list li .comment-time svg {
fill:#4f5964;
position:relative;
top:2px;
margin-right:5px
}
.comment-list li .comment-time a {
color:#4f5964
}
.comment-list li .comment-time:hover {
opacity:1
}
div.fullscreenmenu.top.open {
opacity:1
} @-ms-viewport {
width: device-width;
}
.text-center {text-align: center;}
.container {
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}
@media (min-width: 576px) {
.container {max-width:540px}
}
@media (min-width: 768px) {
.container {max-width:720px}
}
@media (min-width: 992px) {
.container {max-width:960px}
}
@media (min-width: 1200px) {
.container {max-width:1140px}
}
.container-fluid {
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}
.row {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}
.row.isotope1.tpg-isotope {
display:inherit;
display:inherit;
-ms-flex-wrap:none;
flex-wrap:none;
margin-right:-15px;
margin-left:-15px
}
.no-gutters {
margin-right:0;
margin-left:0
}
.no-gutters > .col,.no-gutters > [class*="col-"] {
padding-right:0;
padding-left:0
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px
}
.col {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-first {
-ms-flex-order:-1;
order:-1
}
.order-last {
-ms-flex-order:13;
order:13
}
.order-0 {
-ms-flex-order:0;
order:0
}
.order-1 {
-ms-flex-order:1;
order:1
}
.order-2 {
-ms-flex-order:2;
order:2
}
.order-3 {
-ms-flex-order:3;
order:3
}
.order-4 {
-ms-flex-order:4;
order:4
}
.order-5 {
-ms-flex-order:5;
order:5
}
.order-6 {
-ms-flex-order:6;
order:6
}
.order-7 {
-ms-flex-order:7;
order:7
}
.order-8 {
-ms-flex-order:8;
order:8
}
.order-9 {
-ms-flex-order:9;
order:9
}
.order-10 {
-ms-flex-order:10;
order:10
}
.order-11 {
-ms-flex-order:11;
order:11
}
.order-12 {
-ms-flex-order:12;
order:12
}
.offset-1 {
margin-left:8.333333%
}
.offset-2 {
margin-left:16.666667%
}
.offset-3 {
margin-left:25%
}
.offset-4 {
margin-left:33.333333%
}
.offset-5 {
margin-left:41.666667%
}
.offset-6 {
margin-left:50%
}
.offset-7 {
margin-left:58.333333%
}
.offset-8 {
margin-left:66.666667%
}
.offset-9 {
margin-left:75%
}
.offset-10 {
margin-left:83.333333%
}
.offset-11 {
margin-left:91.666667%
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-sm-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-sm-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-sm-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-sm-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-sm-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-sm-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-sm-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-sm-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-sm-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-sm-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-sm-first {
-ms-flex-order:-1;
order:-1
}
.order-sm-last {
-ms-flex-order:13;
order:13
}
.order-sm-0 {
-ms-flex-order:0;
order:0
}
.order-sm-1 {
-ms-flex-order:1;
order:1
}
.order-sm-2 {
-ms-flex-order:2;
order:2
}
.order-sm-3 {
-ms-flex-order:3;
order:3
}
.order-sm-4 {
-ms-flex-order:4;
order:4
}
.order-sm-5 {
-ms-flex-order:5;
order:5
}
.order-sm-6 {
-ms-flex-order:6;
order:6
}
.order-sm-7 {
-ms-flex-order:7;
order:7
}
.order-sm-8 {
-ms-flex-order:8;
order:8
}
.order-sm-9 {
-ms-flex-order:9;
order:9
}
.order-sm-10 {
-ms-flex-order:10;
order:10
}
.order-sm-11 {
-ms-flex-order:11;
order:11
}
.order-sm-12 {
-ms-flex-order:12;
order:12
}
.offset-sm-0 {
margin-left:0
}
.offset-sm-1 {
margin-left:8.333333%
}
.offset-sm-2 {
margin-left:16.666667%
}
.offset-sm-3 {
margin-left:25%
}
.offset-sm-4 {
margin-left:33.333333%
}
.offset-sm-5 {
margin-left:41.666667%
}
.offset-sm-6 {
margin-left:50%
}
.offset-sm-7 {
margin-left:58.333333%
}
.offset-sm-8 {
margin-left:66.666667%
}
.offset-sm-9 {
margin-left:75%
}
.offset-sm-10 {
margin-left:83.333333%
}
.offset-sm-11 {
margin-left:91.666667%
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-md-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-md-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-md-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-md-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-md-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-md-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-md-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-md-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-md-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-md-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-md-first {
-ms-flex-order:-1;
order:-1
}
.order-md-last {
-ms-flex-order:13;
order:13
}
.order-md-0 {
-ms-flex-order:0;
order:0
}
.order-md-1 {
-ms-flex-order:1;
order:1
}
.order-md-2 {
-ms-flex-order:2;
order:2
}
.order-md-3 {
-ms-flex-order:3;
order:3
}
.order-md-4 {
-ms-flex-order:4;
order:4
}
.order-md-5 {
-ms-flex-order:5;
order:5
}
.order-md-6 {
-ms-flex-order:6;
order:6
}
.order-md-7 {
-ms-flex-order:7;
order:7
}
.order-md-8 {
-ms-flex-order:8;
order:8
}
.order-md-9 {
-ms-flex-order:9;
order:9
}
.order-md-10 {
-ms-flex-order:10;
order:10
}
.order-md-11 {
-ms-flex-order:11;
order:11
}
.order-md-12 {
-ms-flex-order:12;
order:12
}
.offset-md-0 {
margin-left:0
}
.offset-md-1 {
margin-left:8.333333%
}
.offset-md-2 {
margin-left:16.666667%
}
.offset-md-3 {
margin-left:25%
}
.offset-md-4 {
margin-left:33.333333%
}
.offset-md-5 {
margin-left:41.666667%
}
.offset-md-6 {
margin-left:50%
}
.offset-md-7 {
margin-left:58.333333%
}
.offset-md-8 {
margin-left:66.666667%
}
.offset-md-9 {
margin-left:75%
}
.offset-md-10 {
margin-left:83.333333%
}
.offset-md-11 {
margin-left:91.666667%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-lg-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-lg-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-lg-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-lg-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-lg-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-lg-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-lg-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-lg-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-lg-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-lg-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-lg-first {
-ms-flex-order:-1;
order:-1
}
.order-lg-last {
-ms-flex-order:13;
order:13
}
.order-lg-0 {
-ms-flex-order:0;
order:0
}
.order-lg-1 {
-ms-flex-order:1;
order:1
}
.order-lg-2 {
-ms-flex-order:2;
order:2
}
.order-lg-3 {
-ms-flex-order:3;
order:3
}
.order-lg-4 {
-ms-flex-order:4;
order:4
}
.order-lg-5 {
-ms-flex-order:5;
order:5
}
.order-lg-6 {
-ms-flex-order:6;
order:6
}
.order-lg-7 {
-ms-flex-order:7;
order:7
}
.order-lg-8 {
-ms-flex-order:8;
order:8
}
.order-lg-9 {
-ms-flex-order:9;
order:9
}
.order-lg-10 {
-ms-flex-order:10;
order:10
}
.order-lg-11 {
-ms-flex-order:11;
order:11
}
.order-lg-12 {
-ms-flex-order:12;
order:12
}
.offset-lg-0 {
margin-left:0
}
.offset-lg-1 {
margin-left:8.333333%
}
.offset-lg-2 {
margin-left:16.666667%
}
.offset-lg-3 {
margin-left:25%
}
.offset-lg-4 {
margin-left:33.333333%
}
.offset-lg-5 {
margin-left:41.666667%
}
.offset-lg-6 {
margin-left:50%
}
.offset-lg-7 {
margin-left:58.333333%
}
.offset-lg-8 {
margin-left:66.666667%
}
.offset-lg-9 {
margin-left:75%
}
.offset-lg-10 {
margin-left:83.333333%
}
.offset-lg-11 {
margin-left:91.666667%
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-xl-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-xl-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-xl-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-xl-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-xl-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-xl-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-xl-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-xl-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-xl-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-xl-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-xl-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-xl-first {
-ms-flex-order:-1;
order:-1
}
.order-xl-last {
-ms-flex-order:13;
order:13
}
.order-xl-0 {
-ms-flex-order:0;
order:0
}
.order-xl-1 {
-ms-flex-order:1;
order:1
}
.order-xl-2 {
-ms-flex-order:2;
order:2
}
.order-xl-3 {
-ms-flex-order:3;
order:3
}
.order-xl-4 {
-ms-flex-order:4;
order:4
}
.order-xl-5 {
-ms-flex-order:5;
order:5
}
.order-xl-6 {
-ms-flex-order:6;
order:6
}
.order-xl-7 {
-ms-flex-order:7;
order:7
}
.order-xl-8 {
-ms-flex-order:8;
order:8
}
.order-xl-9 {
-ms-flex-order:9;
order:9
}
.order-xl-10 {
-ms-flex-order:10;
order:10
}
.order-xl-11 {
-ms-flex-order:11;
order:11
}
.order-xl-12 {
-ms-flex-order:12;
order:12
}
.offset-xl-0 {
margin-left:0
}
.offset-xl-1 {
margin-left:8.333333%
}
.offset-xl-2 {
margin-left:16.666667%
}
.offset-xl-3 {
margin-left:25%
}
.offset-xl-4 {
margin-left:33.333333%
}
.offset-xl-5 {
margin-left:41.666667%
}
.offset-xl-6 {
margin-left:50%
}
.offset-xl-7 {
margin-left:58.333333%
}
.offset-xl-8 {
margin-left:66.666667%
}
.offset-xl-9 {
margin-left:75%
}
.offset-xl-10 {
margin-left:83.333333%
}
.offset-xl-11 {
margin-left:91.666667%
}
}
.palvelut-area {
position: relative;
}
.light-blue {background:#f2fcff}
.green-bg {background:#26cf99; margin-bottom: -10px;}
#breadcrumbs {
list-style:none;
margin:10px 0;
overflow:hidden;
font-family: "ralewayblack","Helvetica Neue",Helvetica,sans-serif;
}
#breadcrumbs li a {
color:#555;
}
#breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right:15px;
color: #13cc92;
}
#breadcrumbs .separator{
font-size:18px;
font-weight:100;
color: #13cc92;
} .search-button {
display: inline-block;
font-family: "ralewayblack","Helvetica Neue",Helvetica,sans-serif;
color: #0c388c;
font-size: 1.2em;
margin-right: 20px;
}
.search-button a {
color: #0c388c;
cursor: pointer;
font-weight: normal;
}
.search-form-wrapper {
position: fixed;
background: #13cc92;
transition: max-height .2s;
max-height: 0;
overflow: hidden;
text-align: center;
}
.search-form-wrapper.open {
display: block;
max-height: 40px;
margin-bottom: -1px;
text-align: center;
z-index: 99;
width: 100%;
top: 83px
}
.search-form-wrapper input {
width:100%;
max-width: 1140px;
background: #13cc92;
padding: 7px 20px;
color:#fff;
}
.search-form-wrapper input:focus {
background: #13cc92;
color:#fff;
}
form.search-form {
position: relative;
margin: auto;
max-width: 1140px;
}
.close { width: 20px;
position: absolute;
top: 10px;
right: 0;
}
.close-x {
stroke: #fff;
fill: transparent;
stroke-linecap: round;
stroke-width: 5;
}
.columns {
columns: auto 2;
column-gap: 50px;
margin-top: 50px;
}
.service-icon, .wp-post-image  {
padding: 50px 0 0;
}
.slick-slide .wp-post-image {
padding:0;
}
.slider {
overflow: hidden;
position: relative;
}
.container-slider {
padding: 30px 100px;
background:#fff;
}
.wcp-carousel-main-wrap button {
position: absolute;
background: transparent;
}
.slick-prev, .slick-next {
left: inherit!important;
top: -30px!important;
right: 0!important;
padding: 0!important;
}
.slider h2.green {
margin-bottom: 15px;
}
.wcp-carousel-main-wrap {
margin-left: -10px;
}
.rpc-box {
background: #fff;
min-height: 600px;
height: 650px;
border: 10px solid #26cf99;
transition:all 0.3s ease;
}
.rpc-box:hover {
background: #fff;
border: 10px solid #0c388c;
}
@media (max-width: 1024px) {
.rpc-box {height: inherit; min-height: inherit;}
}
@media (max-width: 960px) {
.rpc-box {height: inherit; min-height: inherit;}
}
@media (max-width: 768px) {
.wcp-carousel-main-wrap button {display:none!important}
}
.wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3 {
margin-bottom:15px!important
}
.slick-dots {
bottom: -65px!important
}
.wcp-content-wrap {
padding: 20px;
margin-top: 20px;
}
.content-area button:hover, .content-area button:focus {
color: #fff;
background: transparent;
}
.fn-logo img {width:200px;}
svg.video-button.ryv-popup {
fill: white;
transition: 0.2s all;
}
svg.video-button.ryv-popup:hover {
fill:#26cf99;
}
a.video-button.ryv-popup {
cursor: pointer;
display: inline-block;
z-index: 999;
position: relative;
pointer-events: auto;
}
.play-video {
width:170px;
padding-top: 30px;
margin: auto;
display: inline-block;
cursor: pointer;
}
h2.white {
color:#fff;
font-size:40px;
}
.footer-logo {
text-align: center;
}
@media (max-width: 991px) {
.mobile-center {text-align:center}
}
.share-buttons {
position: absolute;
margin-top: 80px;
background: #f2fcff;
width: 170px;
padding: 20px 0;
margin-left: 15px;
}
.download-file {
position: absolute;
width: 170px;
margin-left: 15px;
}
.fixed {
position: fixed;
top:0;
}
.hide {
display: none;
}
.share-buttons li {
margin-bottom: 10px;
display: block;
}
.share-buttons svg {
fill: #fff;
margin-right: 5px;
width: 16px;
height: 16px;
}
.share-buttons a {
display: inline-block;
padding: 10px 15px;
text-align: center;
border-radius: 50%;
height: 45px;
width: 45px;
}
.share-twitter	{
background: #1da1f2;
}
.share-facebook	{
background: #3b5998;
}
.share-linkedin	{
background: #0073b1;
}
.share-email {
background: #222;
}
.gradient {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
height: 140px;
position: relative;
}
span.wcp-post-author {
display: none;
}
.download {
background: #f2fcff;
padding: 10px 30px 30px;
margin-bottom: 40px;
}
.download img, .download-file img {
width: 20px;
display: inline-block;
margin-right: 10px;
}
ul.parent-sidebar-menu {
padding-left: 0;
}
.advanced-sidebar-menu {
background: #f2fcff;
padding: 30px 30px 30px 15px;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.11);
-moz-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.11);
box-shadow: 0 0px 25px 0 rgba(0,0,0,0.11);
}
.advanced-sidebar-menu li {
padding-left: 15px;
list-style: none;
padding-bottom: 15px;
line-height: 1.3;
}
ul.child-sidebar-menu {margin-top:15px}
.advanced-sidebar-menu li.current_page_item {
background: url(//www.hyvanmitta.fi/wp-content/themes/hyvanmitta/svg/chevron-right-dark.svg) no-repeat;
background-position: 0px 5px;
}
body .point_style a img, body .point_style img {width: 45px;}
.media h4 {margin:0 0 20px 0}
.file {
border: 2px solid #13cc92;
margin: 10px;
padding: 20px;
}
.file img {
float:left;
max-width: 35px;
margin: 0 20px 20px 0;
}
div.content-sidestory {
clear: both;
width: 100%;
padding: 20px !important;
background-color: #eeeeee !important;
}
div.content-sidestory h3,
div.content-sidestory h2,
div.content-sidestory h1 {
line-height: 1.78 !important;
font-family: "ralewayblack", "Helvetica Neue", Helvetica, sans-serif !important;
text-transform: uppercase !important;
color: #222 !important;
font-size: 1.4rem !important;
}
div.content-sidestory p {
line-height: 1.78 !important;
font-family: "PT Serif", Georgia, 'Times New Roman' !important;
color: #222 !important;
font-size:1.7rem !important;
}
@media (max-width: 767px) {
span.menu-text {display:none;}
.search-button {margin-right:0}
.container-slider {padding: 30px 20px;background: #fff;}
.social-sticky {
width:100%;
padding-right: 15px;
padding-left: 15px
}
.share-buttons {
position: relative;
margin-top: 0px;
background: #f2fcff;
width: 100%;
padding: 20px 0;
margin-left: 0px;
}
.share-buttons li {
display: inline-block;
}
.download-file {
position: relative;
width: 100%;
margin-left: 0px;
}
.download-file .button {
display: block;
margin-bottom: 0;
}
.sticky {
position: relative;
top: inherit;
}
}