:root {
--sininen: #231c37;
--keltainen: #fdc300;
--valkoinen: #ffffff;
}
#page { background-color: #fff; margin: 10px auto; }
@media screen and (max-width: 768px) { body, button, input, select, textarea { font-size: 18px; } }
.entry-title { display: none; }
.inside-header {
background-image: url(//taiteidenreitti.fi/wp-content/svg/yleiset_27taiteidenreitti_.svg), url(//taiteidenreitti.fi/wp-content/svg/yleiset_26taiteidenreitti_.svg);
background-repeat: no-repeat;
background-position: 80% 100%, 82% 0;
background-size: 147px, 70px;
}  .menu-item-154 > a, .menu-item-154 > a:hover {
display: inline-block;
background: #05acd2 !important;
color: #fff !important;
border: 2px solid #fff;
line-height: 42px !important;
text-transform: uppercase;
} #cookie-notice .cn-button.wp-default {
color: #231c37;
background: #fdc300;
} aside { text-align: center; }
aside img.image { width: 400px; max-width: 90vw; } .hero-image {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 300px 60px 30px;
flex-direction: column;
color: #fff;
text-shadow: 1px 1px 4px #0000006b;
text-align: center;
background-size: cover;
background-color: var(--sininen);
box-shadow: inset 0 20px 20px -20px rgb(58 50 48 / 45%);
}
.hero-image p {
font-size: 20px;
font-weight: 500;
max-width: 800px;
text-shadow: 1px 1px 4px #0000006b;
}
#breadcrumbs {
margin-top: 40px;
}
#breadcrumbs a {
color: #fff;
}
ul.kuvagalleria, ul.kuvagalleria li {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width: 768px) {
ul.kuvagalleria {
list-style: none;
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
margin: 0;
padding: 0;
}
ul.kuvagalleria li {
overflow: hidden;
line-height: 1;
margin: 0;
padding: 0;
}
ul.kuvagalleria li:hover img {
transform: scale(1.05);
}
ul.kuvagalleria img {
object-fit: cover;
will-change: auto;
transition: transform .7s ease-in-out;
cursor: pointer;
height: 100%;
min-width: 100%;
}
}
@media screen and (min-width: 768px) {
ul.kuvagalleria {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
ul.kuvagalleria { grid-template-columns: 1fr 1fr 1fr; }
ul.kuvagalleria.videogalleria { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
ul.kuvagalleria.videogalleria li { grid-column: span 2; }
ul.kuvagalleria.videogalleria li:nth-child(1) { grid-column: span 4; }
ul.kuvagalleria.videogalleria.maara-2 li:nth-child(1), ul.kuvagalleria.videogalleria.maara-2 li:nth-child(2) { grid-column: span 3; }
ul.kuvagalleria.videogalleria.maara-5 li:nth-child(4), ul.kuvagalleria.videogalleria.maara-5 li:nth-child(5) { grid-column: span 3; } ul.kuvagalleria li:nth-child(1) { grid-column: span 2; grid-row: span 2; }
ul.kuvagalleria-ruudukko li:nth-child(1) { grid-column: 1 grid-row: 1; }
ul.kuvagalleria.videogalleria li {  max-height: none; }
}
.videogalleria.owl-carousel .owl-item {
max-height: none;
}
body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
background: #05acd2;
}
.lyhyt-kuvaus p, .infolaatikko p {
margin-bottom: 0;
}
.infolaatikko p {
font-size: 18px;
}
.kohdeikoni img {
padding: 20px 40px 40px;
} .acf-map {
width: 100%;
height: 400px;
margin: 0 0 10px;
background: #f7f8f9;
}
// Fixes potential theme css conflict.
.acf-map img {
max-width: inherit !important;
}
a.navigointi {
display: block;
background: #05acd2;
color: #fff;
line-height: 42px;
text-transform: uppercase;
width: 100%;
text-align: center;
font-family: "Prompt";
font-weight: 500;
font-size: 18px;
} @media only screen and (min-width: 1025px) { .hero-image { background-attachment: fixed; } }
#media_image-5 { margin-top: 40px; } .site-footer #media_image-5 img.image { width: 260px; }
.lyhyt-kuvaus p { margin-bottom: 1em; } 
.page-id-241 section.fl-row.fl-row-bg-color, .page-id-241 .hinta, .page-id-246 .hinta, .hero-image p:empty { display: none; } 
.page-id-246 .hero-image { background-position: 70% center; } @media only screen and (min-width: 768px) { .page-id-246 .hero-image { background-position: bottom center; } }
.page-id-248 .hero-image { background-position: center; }
@media (max-width: 768px) {
#menu-paavalikko { display: block; } 
.has-inline-mobile-toggle #site-navigation { flex-basis: auto; }
.has-inline-mobile-toggle .mobile-menu-control-wrapper { display: none; }
}
@media only screen and (max-width: 390px) { .main-navigation .main-nav ul li a { padding: 5px; line-height: 18px !important; font-size: 16px; margin-right: -15px; } .hero-image { padding: 200px 30px 30px; } }
.owl-carousel .owl-item { max-height: 330px; }
@media screen and (min-width: 1024px) { ul.kuvagalleria li:nth-child(1) { max-height: none; }
ul.kuvagalleria li { max-height: 300px; } }
.main-navigation ul ul { width: 100%; }
#breadcrumbs { margin-top: 1.2em; }
.footer-widgets .widget .image.wp-image-68 {
margin-bottom: -40px;
}
.lsi-social-icons li a {
font-size: 40px !important;
line-height: 1;
}
.lsi-social-icons li {
margin: 0 !important;
} .embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.kohdeikoni img { padding: 0 0 20px; } .home.separate-containers .site-main {
margin: 0;
}
.home #media_image-5 {
display: none;
}
.home main {
margin: 0;
background: var(--sininen);
}
body.home main > aside {
margin-bottom: 0;
} body.home {
background-color: var(--sininen);
color: var(--valkoinen);
padding: 0;
font-size: 16px;
}
body.home #page {
max-width: none;
}
.kansi {
padding: 0;
}
.esittely {
text-align: center;
padding-bottom: 60px;
}
body.home main {
position: relative;
min-height: 200vw;
margin-top: -19vw;
}
@media only screen and (min-width: 769px) {
body.home main {
margin-top: -5vw;
}
}
.logo {
display: block;
margin: auto;
width: 100%;
}
body.home figure {
width: 100%;
}
body.home figure img:first-child {
margin-bottom: 1vw;
}
img.tie {
z-index: -1;
}
.pixel-info {
position: absolute;
left: 39vw;
top: 94vw;
width: 23vw;
height: 22vw;
border-radius: 50%;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
line-height: 1;
box-sizing: border-box;
}
.pixel-info:hover,
.pixel-info:focus,
.pixel-info:active {
background-color: #ffffff0a;
}
@media only screen and (min-width: 769px) {
.pixel-info {
left: 35vw;
top: 34vw;
width: 11vw;
height: 11vw;
}
}
.pyoratie {
position: absolute;
top: 0;
right: 0;
width: 18vw;
height: 100%;
}
img.pyora {
position: absolute;
top: -10vw;
right: -5px;
width: 19vw;
transition: all 2s ease-in-out;
}
@media only screen and (min-width: 1720px) {
img.pyora {
top: -11vw;
}
}
img.pyora.siirry {
top: 20vw;
right: 7vw;
opacity: 0;
}
.esittely aside {
display: none;
}
.kohde {
position: absolute;
}
.kohde.kammi {
width: 43vw;
left: 5vw;
top: 3vw;
}
.kohde.savanni {
right: 7vw;
width: 35vw;
top: 58vw;
}
.kohde.taidekahvila {
width: 35vw;
left: 4vw;
top: 112vw;
}
.kohde.info {
width: 29vw;
left: 8vw;
top: 178vw;
}
.kohde.kirkko {
right: 5vw;
top: 225vw;
width: 35vw;
}
.kohde.skantz {
left: 6vw;
top: 286vw;
width: 40vw;
}
img.skanz-puut {
position: absolute;
width: 19vw;
top: -36vw;
left: 4vw;
}
img.puut-lopussa {
position: absolute;
right: 5vw;
width: 22vw;
top: 311vw;
}
.vieraile-kohteessa {
margin-top: 1vw;
}
.audiot {
display: none;
}
@media screen and (min-width: 768px) {
.esittely {
text-align: left;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
}
.esittely aside {
display: block;
}
.esittely aside figure {
width: 70%;
margin: 0 auto;
}
}
.jarvi-ryhma {
position: absolute;
right: 0;
top: 120vw;
width: 30vw !important;
}
.jarvi {
position: absolute !important;
right: auto !important;
top: auto !important;
}
.laine {
width: 5vw;
height: auto;
position: absolute;
top: 10vw;
left: 4vw;
}
img.laine-2 {
top: 52vw;
left: 14vw;
}
img.laine-3 {
top: 30vw;
left: 12vw;
}
.kammikyla-figure {
height: 40vw;
position: relative;
}
.alponsavanni-figure {
height: 35vw;
position: relative;
}
.taidekahvila-figure {
height: 35vw;
position: relative;
}
.kohde h2 {
text-align: center;
font-size: 4.5vw;
color: #fdc300;
margin-top: 2vw;
margin-bottom: 1vw;
}
.taidekahvila.kohde h2 {
margin-top: -3vw;
}
.kohde h2 a,
.kohde h2 a:hover,
.kohde h2 a:active,
.kohde h2 a:focus {
color: #fdc300;
text-decoration: none;
}
.kammi-patsas,
.kammi-tiipi,
.kammi-sauna,
.kammi-kuusi,
.kuusi-2,
.kuusi-3 {
transition: all 0.5s ease-in-out;
position: absolute;
width: 1vw;
left: 50%;
bottom: 0;
}
.kammikyla-figure.nakyvissa .kammi-patsas {
width: 18vw;
position: absolute;
left: 9vw;
bottom: 0;
z-index: 1;
}
.kammikyla-figure.nakyvissa .kammi-tiipi {
width: 18vw;
position: absolute;
left: 0vw;
bottom: 0;
}
.kammikyla-figure.nakyvissa .kammi-sauna {
width: 18vw;
position: absolute;
left: 24vw;
bottom: 5px;
}
.kammikyla-figure.nakyvissa .kammi-kuusi {
width: 7vw;
position: absolute;
bottom: 22vw;
left: 9vw;
}
.kammikyla-figure.nakyvissa .kuusi-2 {
left: 19vw;
}
.kammikyla-figure.nakyvissa .kuusi-3 {
left: 28vw;
}
.savanni-kissa,
.savanni-palmu,
.savanni-norsu,
.savanni-strutsi,
.savanni-palmut,
.savanni-sarvikuono,
.savanni-aurinko,
.savanni-palmut {
transition: all 0.5s ease-in-out;
position: absolute;
width: 1vw;
left: 50%;
bottom: 0;
}
.alponsavanni-figure.nakyvissa .savanni-kissa {
position: absolute;
bottom: 0;
width: 11vw;
left: 8vw;
}
.alponsavanni-figure.nakyvissa .savanni-palmu {
position: absolute;
bottom: 0;
width: 14vw;
right: -5vw;
left: auto;
}
.alponsavanni-figure.nakyvissa .savanni-norsu {
position: absolute;
bottom: 0;
width: 20vw;
right: 0;
z-index: 2;
transform: rotateY(180deg);
}
.alponsavanni-figure.nakyvissa .savanni-strutsi {
position: absolute;
bottom: 2vw;
left: -5vw;
width: 13vw;
transform: rotateY(180deg);
}
.alponsavanni-figure.nakyvissa .savanni-palmut {
position: absolute;
bottom: 0;
width: 20vw;
left: 12vw;
z-index: 1;
transition: all 0.8s ease-in-out;
}
.alponsavanni-figure.nakyvissa .savanni-sarvikuono {
position: absolute;
bottom: 11vw;
width: 12vw;
left: 1vw;
transform: rotateY(180deg);
}
.alponsavanni-figure.nakyvissa .savanni-aurinko {
position: absolute;
width: 13vw;
right: 0vw;
top: auto !important;
bottom: 18vw;
transition: all 0.8s ease-in-out;
}
.alponsavanni-figure.nakyvissa .savanni-palmut {
position: absolute;
bottom: 0;
width: 20vw;
left: 11vw;
z-index: 1;
transition: all 0.8s ease-in-out;
transform-origin: bottom center;
}
.alponsavanni-figure:hover .savanni-aurinko,
.alponsavanni-figure:focus .savanni-aurinko,
.alponsavanni-figure:active .savanni-aurinko {
transform: rotate(360deg);
}
.alponsavanni-figure:hover .savanni-palmut,
.alponsavanni-figure:focus .savanni-palmut,
.alponsavanni-figure:active .savanni-palmut {
transform: rotate(2deg) rotateY(23deg) rotate(0deg);
}
.taidekahvila-katulyhty,
.taidekahvila-paletti,
.taidekahvila-taulu,
.taidekahvila-kahvila {
transition: all 0.5s ease-in-out;
position: absolute;
width: 1vw;
left: 50%;
bottom: 0;
}
.taidekahvila-figure.nakyvissa .taidekahvila-katulyhty {
left: 11vw;
right: auto;
width: 8vw;
bottom: 11vw;
z-index: 3;
transform: rotate(342deg);
}
.taidekahvila-figure.nakyvissa .taidekahvila-paletti {
left: 17vw;
bottom: 13vw;
width: 11vw;
}
.taidekahvila-figure.nakyvissa .taidekahvila-taulu {
left: 0vw;
bottom: 5vw;
width: 13vw;
transform: rotate(358deg);
}
.taidekahvila-figure.nakyvissa .taidekahvila-kahvila {
right: 0;
left: auto;
width: 25vw;
z-index: 4;
}
.taidekahvila-puut {
width: 16vw;
position: absolute;
top: -16vw;
left: 5vw;
}
.info-figure {
position: relative;
height: 26vw;
}
.info-pyora {
transition: all 0.5s ease-in-out;
position: absolute;
bottom: 0;
left: 50%;
width: 1vw;
}
.info-figure.nakyvissa .info-pyora {
left: 2vw;
width: 26vw;
}
.kirkko-figure {
position: relative;
height: 26vw;
}
.kirkko-kuvio,
.kirkko-museo,
.kirkko-pappi,
.kirkko-kirkko {
transition: all 0.5s ease-in-out;
position: absolute;
bottom: 0;
left: 50%;
width: 1vw;
}
.kirkko-figure.nakyvissa .kirkko-kuvio {
left: 7vw;
bottom: 8vw;
transform: rotate(332deg);
z-index: 1;
width: 15vw;
}
.kirkko-figure.nakyvissa .kirkko-museo {
width: 14vw;
left: 0;
z-index: 2;
}
.kirkko-figure.nakyvissa .kirkko-pappi {
left: 14vw;
width: 6vw;
transform: rotate(8deg);
z-index: 2;
}
.kirkko-figure.nakyvissa .kirkko-kirkko {
left: auto;
right: 0;
width: 12vw;
}
.kirkko-kukka-yla {
display: none;
position: absolute;
right: 14vw;
width: 11vw;
top: -19vw;
}
.kirkko-kukka-ala {
position: absolute;
right: 3vw;
width: 10vw;
top: 64vw;
transform: rotate(-103deg);
}
.kirkko h2 {
font-size: 4vw;
}
.skantz-figure {
position: relative;
height: 30vw;
}
.skanz-lava,
.skanz-nuotti,
.skanz-naamari,
.skanz-rakennus,
.skanz-yleiso {
transition: all 0.5s ease-in-out;
position: absolute;
bottom: 0;
left: 50%;
width: 1vw;
}
.skantz-figure.nakyvissa .skanz-naamari {
left: auto;
right: 6vw;
width: 11vw;
bottom: 20vw;
}
.skantz-figure.nakyvissa .skanz-lava {
left: auto;
right: 0;
width: 34vw;
}
.skantz-figure.nakyvissa .skanz-nuotti {
left: auto;
right: 2vw;
bottom: 17vw;
width: 9vw;
z-index: 1;
}
.skantz-figure.nakyvissa .skanz-rakennus {
width: 26vw;
bottom: 14vw;
left: 0;
}
.skantz-figure.nakyvissa .skanz-yleiso {
bottom: 1vw;
left: 1vw;
width: 15vw;
}
.matkailutie {
position: absolute;
bottom: 1vw;
right: 0;
width: 55vw;
}.fl-theme-builder-singular .site-content,
.full-width-content .site-content {
flex-direction: column;
}