/* Colors */

:root {
	--harmaa: #585858;
	--oranssi: #C6883B;
	--tummaoranssi: #A6691E;
}

/*USE
var(--harmaa);
var(--oranssi);
var(--tummaoranssi);
*/

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);
}

/* Fonts */

.catamaran {
	font-family: 'Catamaran', sans-serif;
}

.domine {
	font-family: 'Domine', serif;
}


/* Animations */

.pic1 .mask,
.pic1 a,
.open-accordion,
.open-accordion:before,
.open-accordion:after,
.accordion,
.main-navigation ul.nav-menu {
	transition: all .25s ease;
}

/* Settings: Activate by uncommenting. Otherwise delete. */

/*
* Floating header
============================================================= */
.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;
}

/* Other */

.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;
	/*font-size: 1.5em;*/
}

.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(../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 {
	/*font-size: 1.75em;*/
}

.tyot12 {
	width: 50%;
}

.tyot1 h1 {
	margin: 0 0 1em 0;
}

/* Päkä */

.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;
}

/* Footer */

.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 querys */

/* Huge Devices, Wide Screens, 2000px -> */
@media only screen and (min-width: 125em) {

	body {
		font-size: 110%;
	}
	
}

/* Huger Devices, Wide Screens, 2400px -> */
@media only screen and (min-width: 150em) {

	body {
		font-size: 120%;
	}
	
}

/* Largest Devices, Wide Screens, 1401px -> */
@media only screen and (min-width: 87.5625em) {

}

/* Larger Devices, Wide Screens, Up to 1400px */
@media only screen and (max-width: 87.5em) {

}

/* Large Devices, Wide Screens, Up to 1200px */
@media only screen and (max-width: 75em) {
	
}

/* Medium Devices, Desktops, Up to 992px */
 @media only screen and (max-width: 62em) {

}

/* Small Devices, Tablets, Up to 768px */
@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;
	}
	
}

/* Extra Small Devices, Phones, Up to 600px */ 
@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;
	}
	
}

/* Extra Small Devices, Phones, Up to 480px */ 
@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%;
	}
	
}

/* Custom, iPhone Retina, Up to 400px */ 
@media only screen and (max-width: 25em) {

	.footer12 div {
		width: 100%;
		padding: 0 0 3em 0;
	}
	
}

/* Custom, iPhone Retina, Up to 320px */ 
@media only screen and (max-width: 20em) {

}