:root {
--harmaa: #585858;
--oranssi: #C6883B;
--tummaoranssi: #A6691E;
} a,
a:visited,
.main-navigation a:hover,
.main-navigation li.current_page_item > a,
.main-navigation.toggled a:hover {
color: var(--oranssi);
}
p a, p a:visited {
color: var(--harmaa);
font-weight: 600;
}
.dropdown-toggle:hover path,
.dropdown-toggle-toggled path {
fill: var(--oranssi);
}
.button:hover,
a.button:hover,
a.button:focus,
button:focus,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: var(--tummaoranssi);
}
a:hover, a:focus, a:active {
color: var(--tummaoranssi);
} .catamaran {
font-family: 'Catamaran', sans-serif;
}
.domine {
font-family: 'Domine', serif;
} .pic1 .mask,
.pic1 a,
.open-accordion,
.open-accordion:before,
.open-accordion:after,
.accordion,
.main-navigation ul.nav-menu {
transition: all .25s ease;
}  .site-header {
position: fixed;
width: 100%;
transition: all 0.2s ease;
z-index: 999;
background: #fff;
}
.header-scroll {
background: #fff;
}
.header-scroll .site-header-wrapper {
padding: 5px 0;
}
.header-scroll .main-navigation a {
padding: 0.5em 1em;
}
.header-scroll #sivututka-svg-logokuva {
height: 40px;
width: 40px;
} .pics11 {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin: 0 0 4em 0;
}
.pic1 {
box-sizing: border-box;
}
.pic1 img,
.pic1 video {
display: block;
width: 100%;
}
.pics11 div:nth-child(odd) {
padding: 0 0.5em 0 0;
}
.pics11 div:nth-child(even) {
padding: 0 0 0 0.5em;
}
.yksi-kuva-100 .pic1 {
width: 100%;
padding: 0;
}
.kaksi-kuvaa-7525 .pic1:nth-child(odd),
.kaksi-kuvaa-2575 .pic1:nth-child(even) {
width: 67%;
}
.kaksi-kuvaa-7525 .pic1:nth-child(even),
.kaksi-kuvaa-2575 .pic1:nth-child(odd) {
width: 33%;
}
.kaksi-kuvaa-5050 .pic1 {
width: 50%;
}
.kolme-kuvaa-333433 .pic1 {
width: 33.33333%;
padding-right: 0.5em;
}
.kolme-kuvaa-333433 .pic1:nth-child(2) {
padding: 0 0.5em;
}
.kolme-kuvaa-333433 .pic1:nth-child(3) {
padding: 0 0 0 0.5em;
}
.pic1 a {
position: relative;
display: block;
overflow: hidden;
}
.pic1 .mask {
z-index: 1;
position: absolute;
background: rgba(207,155,90,0.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
}
.pic1 .mask h3 {
color: #fff;
margin: 0;
text-align: center; }
.pic1 a:hover .mask,
.pic1 a:active .mask,
.pic1 a:focus .mask {
opacity: 1;
visibility: visible;
}
.pics-link-span {
position: absolute;
background: var(--oranssi);
color: #fff;
display: inline-block;
padding: 0.25em 2em 0.25em 1em;
top: 0;
right: 0;
font-size: 0.75rem;
}
.pics-link-span:after {
content: "";
position: absolute;
top: 50%;
right: 0.5em;
background-image: url(//www.pakarehu.fi/wp-content/themes/pakarehu/images/arrow-white-right.svg);
background-repeat: no-repeat;
background-size: 1em 1em;
background-position: center center;
width: 1em;
height: 1em;
transform: translate(0,-50%);
}
.pic1 a {
display: block;
transform: rotate(0);
position: relative;
cursor: pointer;
}
.pic1 a:hover {
transform: rotate(1deg);
}
.gallery-thumb-hidden {
display: none;
}
.video-content {
max-width: 80%!important;
max-height: 90%!important;
}
.content1 {
max-width: 700px;
}
.open-accordion {
padding-right: 2.25em;
overflow: hidden;
}
.open-accordion:before,
.open-accordion:after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 0.55em;
height: 2px;
background: var(--oranssi);
transform: translate(0,-50%);
}
.open-accordion:after {
transform: translate(0,-50%) rotate(90deg);
}
.open-accordion:hover:before,
.open-accordion:hover:after {
background: #fff;
}
.accordion {
margin: 0;
max-height: 0;
overflow: hidden;
}
.accordion-open {
max-height: 10000px;
}
.accordion-button-closed {
max-height: 0;
padding: 0;
opacity: 0;
visibility: hidden;
}
.single-tyot .entry-header {
padding: 6em 0 3em 0;
}
.tyot-header {
text-align: center;
margin: 3em auto;
}
.entry-header-content {
margin: 2em 0 4em 0;
}
.tyot1 {
display: flex;
flex-wrap: wrap;
margin: 4em 0 0 0;
}
.tyot11 {
width: 50%;
padding: 3.5em 3em 0 0;
box-sizing: border-box;
}
.tyot11 h2 { }
.tyot12 {
width: 50%;
}
.tyot1 h1 {
margin: 0 0 1em 0;
} .paka1 {
padding: 12em 0 0 0;
}
.paka11 {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.paka111 {
width: 50%;
box-sizing: border-box;
padding: 0 2em 2em 0;
}
.paka111:nth-child(even) {
padding: 0 0 2em 2em;
}
.paka1 h1 {
margin: 0 0 1em 0;
} .somenapit {
display: flex;
flex-wrap: wrap;
margin: 2em 0 0 0;
}
.somenapit a {
display: inline-block;
margin: 0 10px 10px 0;
text-decoration: none;
}
.somenapit svg {
display: block;
width: 2.5em;
height: 2.5em;
}
.somenapit a:hover path,
.somenapit a:focus path {
fill: var(--tummaoranssi);
}  @media only screen and (min-width: 125em) {
body {
font-size: 110%;
}
} @media only screen and (min-width: 150em) {
body {
font-size: 120%;
}
} @media only screen and (min-width: 87.5625em) {
} @media only screen and (max-width: 87.5em) {
} @media only screen and (max-width: 75em) {
} @media only screen and (max-width: 62em) {
} @media only screen and (max-width: 48em) {
.tyot11 {
width: 100%;
padding: 0 0 3em 0;
}
.tyot12 {
width: 100%;
}
.paka111,
.paka111:nth-child(even) {
width: 100%;
padding: 0 0 2em 0;
}
} @media only screen and (max-width: 37.5em) {
.footer11,
.footer12 {
width: 100%;
}
.footer11 {
margin: 0 0 3em 0;
}
.footer12 {
justify-content: flex-start;
}
.footer12 div {
text-align: left;
padding: 0 4em 2em 0;
}
} @media only screen and (max-width: 30em) {
.kaksi-kuvaa-7525 .pic1:nth-child(odd),
.kaksi-kuvaa-2575 .pic1:nth-child(even),
.kaksi-kuvaa-7525 .pic1:nth-child(even),
.kaksi-kuvaa-2575 .pic1:nth-child(odd),
.pics11 div:nth-child(odd),
.pics11 div:nth-child(even),
.kolme-kuvaa-333433 .pic1:nth-child(2),
.kolme-kuvaa-333433 .pic1:nth-child(3) {
width: 100%;
margin: 0 0 3em 0;
padding: 0;
}
.pics11 {
margin: 0;
}
.pic1 img, .pic1 video {
width: 100%;
}
} @media only screen and (max-width: 25em) {
.footer12 div {
width: 100%;
padding: 0 0 3em 0;
}
} @media only screen and (max-width: 20em) {
}