body {
font-family: amplitude, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 1.42857143;
color: #000;
background-color: #fff;
}
p {
margin: 0 0 30px;
}
h1{
font-size:45px;
}
h1,h2,h3{
font-weight:700;
}
.entry-content h1,
.entry-content h2,
.entry-content h3{
margin-bottom:20px;
}
.entry-content img{
max-width:100%;
height:auto;
}
.textwidget ul li{
padding-bottom:20px;
}
table{
width: 100% !important;
height: auto !important;
border: 0px solid #ddd;
margin-bottom:50px;
}
@media (max-width: 768px) {
table{
hyphens: auto;
}
}
table > tbody > tr:nth-child(odd) {
background-color: rgba(0,0,0,0.1);
}
table p{
margin-bottom:0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border: 0px solid #ddd;
padding: 15px;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px solid #ddd;
padding-left: 50px;
}
.page-id-357 table > tbody > tr:nth-child(even) {
background-color: rgba(0,0,0,0.1);
}
.page-id-357 table > tbody > tr:nth-child(odd) {
background-color: rgba(255,255,255,0);
}
.page-id-357  table > thead > tr > th,
.page-id-357  table > tbody > tr > th,
.page-id-357  table > tfoot > tr > th,
.page-id-357  table > thead > tr > td,
.page-id-357  table > tbody > tr > td,
.page-id-357  table > tfoot > tr > td {
border: 0px solid #ddd;
padding: 15px;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px solid #ddd;
font-size: 20px;
}
.top{
background:#fbbf13;
font-family: amplitude, sans-serif;
font-weight: 700;
}
.divine {
color: black;
}
.page-container{
margin-top:55px;
}
.top {
top:0;		
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.stm-logo{
width:100px;
margin:11px 0;
}
@media (min-width: 992px) {
}
@media (min-width: 768px) {
.navbar-collapse {
padding-right: 0px; 
padding-left: 0px;
}
}
.some-link{
display: inline-block;
color: #fbbf13;
background: #000;
margin-top: 20px;
font-size: 43px;
padding-top: 3px;
text-align: center;
height: 66px;
width: 66px;
border-radius: 50%;
margin-right:10px;
}
.some-link:hover,
.some-link:active,
.some-link:focus{
color: #fbbf13;
}
.footer-some .some-link{
color: #000;
background: #fbbf13;
} .sow-slider-base ul.sow-slider-images {
min-height: 700px;
}
.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
min-height: 700px;
background-position: top center;
}
.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container {
top: auto;
bottom: 0;
}
.sow-slider-image-wrapper h1{
font-size: 100px!important;
font-weight: 600;
letter-spacing: -4px;
margin-bottom: 0px!important;
line-height: 1!important;
text-shadow: none!important;
}
.sow-slider-image-wrapper h2{
font-size: 50px!important;
margin-top: 0px!important;
font-weight: 500;
letter-spacing: -2px;
text-shadow: none!important;
}
.sow-slider-image-wrapper h3{
font-size: 38px!important;
letter-spacing: -2px;
text-shadow: none!important;
font-weight: 600;
}
.sow-slider-image-wrapper p{
margin-top: 5px!important;
text-shadow: none!important;
font-size: 28px!important;
}
.sow-slider-image-wrapper{
font-size:30px!important;
font-weight: 300;
max-width: 1170px!important;
} .ow-button-base.ow-button-align-center {
text-align: left;
}
.arrow-link,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 30px;
padding: 0px;
background: transparent;
border: 0px solid;
border-color: transparent;
color: #000!important;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: none;
text-shadow: none;
position:relative;
font-weight:700;
margin-top: 35px;
display: inline-block;
margin-bottom: 50px;
}
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a.ow-button-hover:hover {
background: transparent!important;
color:#111!important;
}
.arrow-link:visited, 
.arrow-link:active, 
.arrow-link:hover,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:visited, 
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:active, 
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:hover {
color: #000 !important;
background: transparent!important;
}
.arrow-link:after,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:after {
content: '';
background: url(//stminfra.fi/wp-content/uploads/arrow.png) no-repeat center center;
background-size: 99px;
display: inline-block;
height: 100px;
width: 100px;
position: absolute;
top: 50%;
right: -130px;
margin-top: -50px;
}
.arrow-link:focus,
.arrow-link:visited, 
.arrow-link:active, 
.arrow-link:hover,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:hover,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:focus,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:visited,
.entry-content div[class*='so-widget-sow-button-atom-'] .ow-button-base a:active{
background:transparent;
color:#222;
text-decoration:none;
}
.entry-content div[class*='so-widget-sow-accordion-default-'] .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
align-items: center;
background-color: #000;
color: #fff;
}
@media (max-width: 768px) {
}
.panel-cell-style{
background-position: top center!important;
}
.projecti-block{
margin-bottom:10px;
}
.projecti-block h2{
font-size:24px;
}
.projecti-block:hover,
.projecti-block:active,
.projecti-block:focus{
color:#444;
text-decoration:none;
}
.projekti-image img{
border:10px solid #fff;
}
.projekti-entry-title{
margin-top:10px;
}
.grid{
display: grid;
grid-template-columns: repeat(3, 32%);
grid-column-gap: 15px;
}
@media (max-width: 992px) {
.grid{
display: grid;
grid-template-columns: repeat(2, 49%);
grid-column-gap: 15px;
}
}
@media (max-width: 768px) {
.grid{
display: grid;
grid-template-columns: repeat(1, 100%);
grid-column-gap: 0px;
}
} .syyta h1{
font-size:60px;
text-transform:uppercase;
}
.syyta ol {
counter-reset: number;
list-style-type: none;
font-size: 38px;
font-weight: 600;
letter-spacing: -0.9px;
counter-reset: number;
list-style-type: none;
line-height: 1.2;
}
.syyta ol li{
margin-left:60px;
margin-bottom:80px;
}
.syyta ol li::before {
counter-increment: number;
content: counter(number)"\a0";
position: absolute;
left: 0;
font-size: 160px;
line-height: 0.8;
color:#fbbf13;
font-weight:700;
}
#musta-syyta ol li::before {
color:#000;
}
.footer-logo{
width:280px;
margin-bottom:40px;
}
.site-footer{
color:#fbbf13;
background:#000;
font-size:18px;
padding-bottom:60px;
}
.site-footer p{
margin-bottom:20px;
}
.footer-left a{
color:#fbbf13;
border-bottom:1px solid #fbbf13;
text-decoration:none;
}
.footer-left a:hover{
color:#fff;
border-bottom:1px solid #fff;
text-decoration:none;
}
.footer-projektit h1{
margin-top:16px;
}
.projekti-link{
color:#fbbf13;
}
.projekti-link:hover,
.projekti-link:active,
.projekti-link:focus{
color:#eee;
text-decoration:none;
}
.projekti-link h2{
font-size:20px;
}
.footer-top{
background:#fbbf13;
padding-top:60px;
}
.footer-img{
width: 100%;
}
.footer-bottom{
margin-top:80px;
}
.footer-sertifacate{
height:100px;
margin-right:10px;
margin-bottom:10px;
}
@media (min-width: 768px) {
.footer-some{
text-align: right;
}
}
.left-col{
float:right;
padding:40px;
max-width:600px
}
.right-col{
float:left;
padding:40px;
max-width:600px
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.bypostauthor {
}
.sticky {
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}
.shadow{
-webkit-box-shadow: inset 0px -37px 20px -21px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px -37px 20px -21px rgba(0,0,0,0.3);
box-shadow: inset 0px -37px 20px -21px rgba(0,0,0,0.3);
}
.vaihe-img{
width:450px;
max-width:100%;
} @media (max-width: 768px) {
.vaihe-img{
width:250px;
}
h1 {
font-size: 30px;
}
.sow-slider-image-wrapper h1 {
font-size: 42px!important;
}
.text-right {
text-align: left;
}
.sow-slider-image-wrapper h3 {
font-size: 30px!important;
letter-spacing: -2px;
text-shadow: none!important;
font-weight: 600;
}
.syyta ol {
font-size: 17px;
}
.arrow-link, .entry-content  div[class*='so-widget-sow-button-atom-'] .ow-button-base a {
font-size: 18px;
}
.right-col {
float: none;
padding: 20px;
}
.left-col {
float: none;
padding: 20px;
max-width: 600px;
}
.page-id-357 table > thead > tr > th, 
.page-id-357 table > tbody > tr > th, 
.page-id-357 table > tfoot > tr > th, 
.page-id-357 table > thead > tr > td, 
.page-id-357 table > tbody > tr > td, 
.page-id-357 table > tfoot > tr > td {
font-size: 14px!important;
padding:10px;
}
.arrow-link:after,
.entry-content  div[class*='so-widget-sow-button-atom-'] .ow-button-base a:after {
content: '';
background: url(//stminfra.fi/wp-content/uploads/arrow.png) no-repeat center center;
background-size: 58px;
display: inline-block;
height: 60px;
width: 60px;
position: absolute;
top: 50%;
right: -70px;
margin-top: -30px;
}
}
@media (max-width: 410px) {
.page-id-357 table > thead > tr > th, 
.page-id-357 table > tbody > tr > th, 
.page-id-357 table > tfoot > tr > th, 
.page-id-357 table > thead > tr > td, 
.page-id-357 table > tbody > tr > td, 
.page-id-357 table > tfoot > tr > td {
font-size: 10px!important;
padding:5px;
}
}
@media (max-width: 992px) {
.navbar-default {
background-color: transparent;
border-color: transparent;
border-width: 0;
border-radius: 0;
margin-top: -55px;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}