body 
{
margin: 0; 
padding: 0; 
font-family: 'Open Sans', sans-serif;
font-size: 14px;
} ::selection {
background: orange;
color: white;
}
::-moz-selection {
background: orange;
color: white;
}
#header {
display: block;
width: 100%;
background: #005773;
}
#header img {
display: block;
margin: 0 auto;
}
#wrapper 
{ 
background: white;
display: block;
} div#container  {
display: flex;
text-align: left;
overflow: hidden;
} #content {
order: 2;
flex-grow: 1;
background: #fff;
}
#content .slogan p {
font-family: 'Courgette', cursive;
}  div.pt-cv-grid{
margin: 0;
} #content .pt-cv-grid .pt-cv-content-item{
padding: 0;
background-color: white;
margin-top: 25px;
} #content .pt-cv-grid .pt-cv-title {
padding: 10px 15px;
border-bottom: 1px solid #c9c9c9;
} #content .pt-cv-grid .pt-cv-content{
padding: 0 15px;
} .pt-cv-grid .pt-cv-content img {
display: none;
} .pt-cv-grid .pt-cv-content ul {
overflow: hidden;
} #content .pt-cv-grid .pt-cv-meta-fields {
padding: 8px 15px 8px 15px;
margin: 0;
background: #f3f3f3;
bottom: 0;
width: 100%;
display: block;
clear: left;
}
#content .pt-cv-grid .pt-cv-meta-fields span {
font-weight: normal;
}
#content .pt-cv-grid .pt-cv-meta-fields span a:hover {
text-decoration: underline;
}  .sidebar .textwidget {
font-weight: normal;
line-height: normal;
}   
.sidebar .textwidget a {
font-weight: bolder;
}
a.fa-youtube, a.fa-facebook {
margin-left: 15px;
line-height: 25px;
}
a.fa-rss-square {
line-height: 25px;
}
.fa-facebook:before, .fa-youtube:before{
color: white;
font-weight: normal;
font-size: 30px;
text-decoration: none;
}
.fa-rss-square:before {
color: white;
font-size: 30px;
text-decoration: none;
}
a.fa-rss-square:hover:before {
color: #ffa500;
}
a.fa-facebook:hover:before {
color: #3B5998;
}
a.fa-facebook:hover, a.fa-rss-square:hover{
background-color: white;
}
a.fa-youtube:hover:before {
color: #ff0000;
}
a.fa-facebook:hover, a.fa-youtube:hover, a.fa-rss-square:hover {
text-decoration: none;
}
.hometapahtumat li.widget {
list-style: none;
}
.homeOtsikko{
margin: 0 0 15px 0;
padding: 6px 10px;
font-size: 20px;
font-weight: normal;
color: white;
}
.hometapahtumat .pt-cv-wrapper {
overflow-y: auto;
}
.hometapahtumat p {
margin: 0 0 10px 0;
padding: 0;
}
.hometapahtumat h2.tapahtumaOtsikko {
color: #ff7e00;
font-size: 18px;
font-weight: normal;
} #footer {
padding-top: 30px;
background: #364147;
text-align: center;
margin-top: 15px;
width: 100%;
color: white;
height: 100px;
font-weight: lighter;
font-size: 16px;
}  a:link { 
color: #007dda;
text-decoration:none;
}
a:visited {  
color: #007dda;
text-decoration:none;
}
a:hover { 
color:#f49600;
text-decoration:underline;
}
a:active { 
color: #f49600;
} a.entry-title:link {color: #000; text-decoration: none; }
a.entry-title:visited {color: #000; text-decoration: none; }
a.entry-title:hover {color: #3095ad; text-decoration: none; }
a.entry-title:active {color: #3095ad; text-decoration: none;} 
a.header:link {color: #f7b64d; text-decoration: none; }
a.header:visited {color: #f7b64d; text-decoration: none; }
a.header:hover {color: #f7b64d; text-decoration: none; }
a.header:active {color: #f7b64d; text-decoration: none;} @media screen and (min-width: 817px) { nav.valikko {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999;
margin: 0 0 20px 0;
height: 50px;
background: #ffa500;
text-align: center; 
font-size: 16px;
font-weight: bold;
}
.valikko ul {
list-style:none;
padding:0;
margin: 0 auto 0 auto;
display: inline-block;
}
#tstvalikko li.menu-item {
float: left;
z-index: 99;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #ffa500 50%, white 50%);
transition: background-position 0.2s , color 0.2s;
transition-timing-function: ease;
transform: skew(-15deg);
outline: 1px solid transparent;
-webkit-backface-visibility: hidden;
will-change: transform;
-webkit-perspective: 1000;
}
#tstvalikko li.mobiili {
display: none;
} #tstvalikko a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
padding:0 8px;
font-family: arial;
font-weight: bold;
color: white;
text-decoration:none;
transform: skew(15deg);
outline: 1px solid transparent;
-webkit-backface-visibility: hidden;
will-change: transform;
-webkit-perspective: 1000;
}
#tstvalikko li:hover, #tstvalikko li:hover a {
background-position: 0 -100%;
color: #ffa500;
}
#tstvalikko li:hover ul.sub-menu {
display:block;
left: auto;
}
#tstvalikko ul.sub-menu {
text-align: center;
display: none;
position: absolute;
min-width: 200px;
max-height: 400px;
overflow-y: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 99;
transform: skew(15deg);
outline: 1px solid transparent;
-webkit-backface-visibility: hidden;
will-change: transform;
-webkit-perspective: 1000;
}
#tstvalikko ul.sub-menu li.menu-item {
display: block;
float: none;
transform: skew(0deg);
} #tstvalikko ul.sub-menu li.menu-item a {
float: none;
padding: 0 10px;
font-size: 15px;
color: #f90;
text-decoration: none;
background-size: 200% 100%;
background-position: 100% 0;
background-image: linear-gradient(to left, white 50%, #ffa500 50%);
transition: background-position 0.15s , color 0.15s;
transition-timing-function: ease;
transform: skew(0);
outline: 1px solid transparent;
-webkit-backface-visibility: hidden;
will-change: transform;
-webkit-perspective: 1000;
}
#tstvalikko ul.sub-menu li.menu-item a:hover {
background-position: 0-100%;
color: white;
} .slogan {
margin-bottom: 20px;
color: #f90;
font-size: 22px;
background: white;
border-top: 2px solid #f90;
border-bottom: 2px solid #f90;
} div.sivupalkit {
order: 1;
width: 210px; }
div.sidebar {
width:190px;
padding:10px;
margin: 0 0 1em 0;
border-radius: 6px;
} div#primary {
color: white;
background-color: #005773;
} div#secondary {
background-color: #dcd7e8;
} div#tertiary {
background-color: #556c7e;
color: white;
}
#search h3.widgettitle {
font-size: 14px;
}
li#search form#searchform {
margin: 0;
padding: 0;
}
#searchform input#s.text {
height: 30px;
width: 80%;
margin: 0;
padding: 0 5px;
border: none;
font-size: 14px;
box-sizing: border-box;
}
#searchform input#s.text:focus {
border: solid 1px orange;
}
#searchform button.button {
float: right;
width: 20%;
line-height: 30px;
background: orange;
padding: 0;
margin: 0;
border: none;
font-size: 18px;
color: white;
}
#searchform button.button:hover {
background: darkorange;
cursor: pointer;
}  div#container {
margin: 0 auto 0 auto;
padding: 0;
max-width: 1260px;
padding-bottom: 10px;
}
.home div#container {
max-width: 1400px;
}
h2.page-title {
margin-left: 35px;
}
div.entry-date {
margin-left: 35px;
}
.hentry div.entry-date {
margin-left: 0;
}
#content .hentry {
margin: 0 35px;
max-width: 770px;
}
.home #content {
margin: 0 20px;
}
.home #content .hentry {
margin: 0 auto;
}
#content .pt-cv-grid .pt-cv-content-item {
box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
border-radius: 6px;
} #pt-cv-view-cc49711e0m .pt-cv-content {
width: 100%;
} a.pt-cv-href-thumbnail {
width: 230px;
margin: 0 15px 0 15px;
float: left;
} img.pt-cv-thumbnail.pull-left {
margin-left: auto !important;
margin-right: auto !important;
display: block;
max-width: 230px !important;
height: auto;
float: none !important;
} div.hometapahtumat {
order: 3;
flex: 0 0 320px
}
.homeOtsikko {
border-radius: 6px;
}
.homeOtsikko.viikko {
background: linear-gradient(145deg,#0d47a1,#42a5f5);
}
.homeOtsikko.katso {
background: linear-gradient(145deg,#d500ff,#2098fe);
margin-top: 20px;
}
.homeOtsikko.ilmoit {
background: linear-gradient(145deg,#009cff,#00ff4b);
margin-top: 20px;
}
.homeOtsikko.koulutukset {
background: linear-gradient(145deg,#0da139,#59f542);
margin-top: 20px;
}
.homeOtsikko.muuta {
background: linear-gradient(145deg,#ff007e,#edb000);
margin-top: 20px;
}
.background-gradient {
display: none;
}
div.digitarinoita {
z-index: 1;
position: relative;
padding: 30px
}
div.digitarina_tausta {
background: linear-gradient(145deg,#ffa826,#ff0090);
display: flex;
position: absolute;
height: 100%;
width: 100%;
z-index: -1;
margin-left: -30px;
transform: SkewY(2deg);
margin-top: -24px;
}
.digitarinoita h3 {
color: white;
font-weight: 400;
font-size: 22px;
} .fa:before:not(fa-facebook) {
display: none;
}
} @media screen and (max-width: 816px) {
html, body {
height: 100%;
}
.eimobiili {
display: none;
} #header {
display: none;
} img {
max-width: 100%;
height: auto;
} #tstvalikko a, .fa::before {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
nav.valikko {
position: fixed;
display: block;
top: 0;
z-index: 999;
text-align: left;
width: 100%;
}
nav.valikko.auki {
height: 100vh;
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
}
.valikko div.mobiili {
background: orange;
height: 60px;
}
.valikko div.mobiili.auki {
background-color: darkorange;
}
.mobiili img {
height: 60px;
margin: 0;
padding: 0 5px;
border: none;
background-color: white;
}
.valikko h1.mobiilinappi {
display: block;
float: right;
font-weight: bold;
color: white;
text-indent: 0;
height: 60px;
line-height: 60px;
font-size: 24px;
padding: 0;
margin: 0;
font-family: 'arial';
}
.valikko h1.mobiilinappi.fa::before {
float: right;
padding-right: 30px;
padding-left: 30px;
line-height: 60px;
font-family: 'Font Awesome 5 Free';
font-size: 26px;
font-weight: 900;
}
.valikko ul#tstvalikko {
display: none;
background: black;
list-style: none;
padding: 0;
margin: 0;
max-height: calc(100% - 60px);
overflow-y: auto;
}
.valikko li{
background: orange;
display: block;
border-top: solid white 1px;
}
.valikko .fa-times{
background-color: darkorange;
}
#tstvalikko li.menu-item.fa:before {
float: right;
width: 42px;
line-height: 42px;
margin-top: 3px;
font-size: 20px;
color: white;
text-align: center;
border-radius: 50%;
background: darkorange;
margin-right: 8%;
border: solid 1px white;
}
#tstvalikko .menu-item a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
float: none;
width: 70%;
height: 50px;
text-align: left;
font-size: 18px;
font-weight: normal;
text-decoration: underline;
color: white;
padding-left: 40px;
font-family: 'arial';
}
#tstvalikko ul.sub-menu {
display: none;
background: white;
list-style: none;
padding: 0;
margin: 0;
}
#tstvalikko ul.sub-menu li {
background: white;
border-bottom: solid orange 1px;
}
#tstvalikko ul.sub-menu a {
height: 45px;
width: 100%;
padding-left: 3em;
color: #f90;
text-decoration: none;
}
a.fa-facebook, a.fa-youtube {
margin-left: 23px;
}
a.fa-rss-square:before, a.fa-facebook:before, a.fa-youtube:before {
font-size: 34px;
line-height: 50px;
}
a.fa-rss-square:hover, a.fa-facebook:hover, a.fa-youtube:hover {
background: none;
} div#primary {
float: none;
margin: 0;
padding: 0;
background-color: #005773;
color: white;
width:100%;
}
div#secondary {
width: 100%;
float: none;
margin: 0;
padding: 0;
background-color: #dcd7e8;
}
div#tertiary {
display: none;
}
.widgetbox li {
border: none;
} .sidebar .widgettitle {
display: block;
border-top: solid white 1px;
text-align: left;
height: 50px;
padding: 0 0 0 40px;
margin: 0;
line-height: 50px;
font-size: 18px;
font-weight: normal;
font-family: 'arial';
} 
#primary .widgettitle.fa-times {
background: #003f54;
}
#secondary .widgettitle.fa-times {
background: #9891aa;
}
.widgettitle.fa:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
width: 42px;
line-height: 42px;
margin-top: 3px;
font-size: 20px;
color: white;
text-align: center;
border-radius: 50%;
margin-right: 8%;
border: solid 1px white;
}
#primary .widgettitle.fa:before {
background: #006e93;
}
#secondary .widgettitle.fa:before {
background: #b0a4cc;
} .sidebar .textwidget {
padding: 0 10px 10px 10px;
}
.sidebar .widget {
display: none;
}
.sidebar .widget a {
display: block;
width: none;
}
#primary.sidebar .widget {
background: #005773;
width: 100%;
}
#secondary.sidebar .widget {
background: #dcd7e8;
width: 100%;
}
.valikko div.sidebar li {
margin: 0;
}
#primary b {
width: 100%;
}
#primary .textwidget b {
display: initial;
}
li#search form#searchform {
margin: 0;
padding: 0;
}
#searchform input#s.text {
height: 50px;
width: 80%;
margin: 0;
padding: 0 0 0 2%;
border: none;
font-size: 18px;
}
#searchform button.button {
float: right;
width: 18%;
line-height: 50px;
background: orange;
padding: 0;
margin: 0;
border: none;
font-size: 20px;
color: white;
}
#searchform button.button:hover {
background: darkorange;
}   div.hometapahtumat {
order: 1;
position: relative;
padding-bottom: 50px;
color: white;
z-index: 1;
}
.homekatso {
background: linear-gradient(145deg,#d500ff,#2098fe);
color: white;
width: 100%;
overflow-y: auto;
margin-bottom: 20px
}
#content .homekatso .pt-cv-grid, #content .homekatso .pt-cv-grid .pt-cv-content-item{
background: none;
margin: 0;
}
.homekatso a {
color: #60f8d2;
}
.homeilmoit {
background: linear-gradient(145deg,#009cff,#00ff4b);
color: white;
width: 100%;
overflow-y: auto;
margin-bottom: 20px
}
#content .homeilmoit .pt-cv-grid, #content .homeilmoit .pt-cv-grid .pt-cv-content-item{
background: none;
margin: 0;
}
.homekoulutukset {
background: linear-gradient(145deg,#0da139,#59f542);
color: white;
width: 100%;
overflow-y: auto;
margin-bottom: 20px
}
#content .homekoulutukset .pt-cv-grid, #content .homekoulutukset .pt-cv-grid .pt-cv-content-item{
background: none;
margin: 0;
}
.homemuuta {
background: linear-gradient(145deg,#ff007e,#edb000);
color: white;
width: 100%;
overflow-y: auto;
margin-bottom: 20px
}
#content .homemuuta .pt-cv-grid, #content .homemuuta .pt-cv-grid .pt-cv-content-item{
background: none;
margin: 0;
}
h2.homeOtsikko {
background: none;
margin: 0;
padding: 0 0 0 15px;
line-height: 50px !important;
font-weight: normal;
font-family: 'arial';
}
.homeOtsikko.viikko.fa {
display: block;
}
.homeOtsikko.viikko.fa:before {
float: right;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 40px;
line-height: 40px;
margin-top: 4px;
font-size: 20px;
color: white;
text-align: center;
border-radius: 50%;
background: darkorange;
margin-right: 30px;
box-shadow: 4px 2px 2px -1px rgba(0,0,0,0.3);
}
.pt-cv-filter-bar button.btn {
font-size: 18px;
padding: 8px 18px;
}
.pt-cv-filter-bar {
margin-left: 15px;
}
.pt-cv-filter-bar .dropdown-menu a.pt-cv-filter-option {
font-size: 16px;
padding: 10px 24px;
}
.homeviikko .pt-cv-wrapper {
display: none;
}
.hometapahtumat .sepside {
display: none;
} .background-gradient {
background: linear-gradient(145deg,#0d47a1,#42a5f5);
background-color: #1976d2;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
position: absolute;
height: 100%;
width: 100%;
box-sizing: border-box;
overflow: hidden;
margin-top: -50px;
z-index: -1;
}
.background-gradient.auki {
-webkit-transform: skewY(5deg);
transform: skewY(5deg);
height: calc(100% + 50px);
}  div#container {
flex-flow: column;
width: 100%;
margin-top: 60px;
background: #eaeaea;
} .slogan {
background: #eaeaea;
padding-bottom: 30px;
padding-top: 5px;
z-index: 9;
}
.sloganskew {
margin: 0;
transform: skewY(5deg);
background: orange;
z-index: 9;
}
#content .slogan p{
color: white;
font-size: 22px;
margin: 0;
padding: 50px 10px;
transform: skewY(-5deg);
} div#content {
order: 2;
float: none;
margin: 0;
width: 100%;
padding: 0;
}
h2.page-title {
margin-left: 15px;
}
div.entry-date {
margin-left: 15px;
}
.hentry div.entry-date {
margin-left: 0;
}
#post-30210 .entry-title { display: none; }
#content .hentry:not(#post-30210) {
margin: 50px 15px;
}
#content .hentry:not(#post-30210) .pt-cv-grid {
margin: 0 -15px;
}
#content .pt-cv-grid {
background: #eaeaea;
padding-bottom: 20px;
}
#content .pt-cv-grid .pt-cv-meta-fields {
background: white;
border-top: 1px solid #eaeaea;
}
.hentry iframe {
max-width: 100%;
} img.pt-cv-thumbnail {
width: 150px !important;
height: auto;
margin-left: 15px;
}
div.wp-caption {
max-width: 100%;
}
}
.entry-title {
clear:both;
}
.entry-meta {
clear:both;
margin-bottom:0;
}
.entry-date{
margin-top:5px;
margin-bottom:0;
border:none;
font-size:x-small;
position:static;
}
.entry-meta-etusivu{
clear:both;
margin-bottom:1em;
border-bottom:dotted 3px #f7b64d;
padding-bottom:1em;
} a.sidebar:link {color: lightblue; text-decoration: none; }
a.sidebar:visited {color: lightblue; text-decoration: none; }
a.sidebar:hover {color: #f49600; text-decoration: underline; }
a.sidebar:active {color: #f49600; text-decoration: none;} 
a.sidebar2:link {color: lightblue; text-decoration: none; }
a.sidebar2:visited {color: lightblue; text-decoration: none; }
a.sidebar2:hover {color: #f49600; text-decoration: underline; }
a.sidebar2:active {color: #f49600; text-decoration: none;} 
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.required {
background:#fff;
color:#c30;
}
form#commentform,form#commentform p {
padding:0;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}
div.comments ol li {
margin:0 0 3.5em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
} img { 
padding:0;
margin-top:0;
} 
img.rss { 
border: none; 
padding:0;
margin-top:0;
} 
img.alignright{
float:right;
margin:0 0 1em 1em;
border: #fff 8px solid; 
}
.alignright{
float:right;
margin:0 0 1em 1em;
}
.alignleft{
float:left;
margin:0 1em 1em 0;
}
.alignleftclear{
clear:both;
}
img.alignleft{
float:left;
margin:0 1em 1em 0;
border: #fff 8px solid; 
}
img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
border: #fff 8px solid; 
}
.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
border:none;
}
p.wp-caption-text{
font-style:italic;
}
div.gallery dl{
float: left;
margin:1em auto;
overflow:hidden;
text-align:center;
}
div.gallery dl.gallery-columns-1 {
width:100%;
}
div.gallery dl.gallery-columns-2 {
width:49%;
}
div.gallery dl.gallery-columns-3 {
width:33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width:19%;
}
#navmenu ul {
padding: 0;
margin: 0;
list-style-type: none; 
float: left;
width: 100%;       
}
#navmenu li { 
display:inline; 
float: left;
width: 5em;
}
#navmenu li a
{
}
div#nav-above {
margin-bottom:1em;
}
div#nav-below {
clear:both;
margin-top:1em;
margin-bottom:0.2em;
}
div#nav-images {
height:150px;
margin:1em 0;
}
div.navigation {
height:1.25em;
margin-top:1em;
margin-bottom:1em;
}
div.navigation div.nav-next {
float:right;
text-align:right;
}
div.nav-home{
float:none;
text-align:center;
} div.sidebar h3 {
margin-top: 5px;
font-size:1.2em;
}
div.sidebar input#s {
width:7em;
}
div.sidebar li {
list-style:none;
margin:0 0 2em;
}
div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}
div.sidebar ul ul {
margin:0 0 0 1em;
}
div.sidebar ul ul li {
list-style:disc;
margin:0;
}
div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}
div.sidebar ul ul ul li {
list-style:circle;
} input#author,input#email,input#url,div.navigation div {
width:50%;
}
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
.published {
margin-top:1em;
border:none;
}
.widget widget_text {
margin:0;
}