/*
Theme Name: Valkama
Description: Generatepress Child Theme
Author: Jari
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
Custom CSS goes after this line
*/
html {
	overflow:auto;
}

			
/* Header */
header {z-index:6;}
#mobileheader {
	display:none;
}
.sticky-enabled .main-navigation.is_stuck {
	box-shadow: 0 0px 0px 0px!important;
}

/* Navigation */
#site-navigation.main-navigation, #sticky-navigation.main-navigation, .main-navigation ul {
	background-color: rgba(41,42,95,0);
	transition: 200ms;
}
.main-nav ul:hover > a {
	color:#fff!important;
}
.main-navigation ul ul {
	width:220px;
}
#sticky-navigation .main-navigation.navigation-clone {
	box-shadow:0 0px 0px 0px rgba(0,0,0,0);
}
#sticky-navigation .slideout-toggle::after {
    width: 150px;
    height: 150px;
    content: '';
    border-radius: 100px;
    background-color: #DC083D;
    position: absolute;
    display: block;
    margin-top: -120px;
    margin-left: -20px;
	z-index: -1;
	overflow:hidden;
}

#generate-slideout-menu.slideout-navigation {
    -webkit-box-shadow: 10px 0 40px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 0 40px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 0 40px -2px rgba(0, 0, 0, 0.5);
}
.main-navigation .main-nav ul#menu-tyhja li:hover > a {background-color:rgba(0,0,0,0);}
.main-navigation .main-nav ul#menu-tyhja li:focus > a {background-color:rgba(0,0,0,0);}
.main-navigation .main-nav ul#menu-tyhja li:active > a {background-color:rgba(0,0,0,0);}


/* Mobile Navigation */
#mobile-header #mobile-menu {
	background-color: #fff;
	color:#3e4154;
}
#mobile-header.main-navigation {
	background-color: initial;
	color:#3e4154;
}
#mobile-header.main-navigation.toggled {
	background-color:#fff;
}
#mobile-header.main-navigation ul ul li a{
	    background-color: #fff;
	color:#727899;
}
#mobile-header.main-navigation ul ul:hover > li a{
	    background-color: #e48f43;
	color:#fff;
}
#mobile-header.main-navigation .main-nav ul li[class*="current-menu-"] > a, #mobile-header.main-navigation .main-nav ul ul li[class*="current-menu-"] > a  {
	background-color: #a4bfe5;
	color:#fff;
}
#mobile-header .main-navigation ul ul {
	box-shadow:0px 0px 0px #fff;
}

/* Content */

h2 {
	margin-top: 45px;
}
.archive h2 {
	margin-top: 0px;
}
#page, .content {z-index:7;}
.sections-no-sidebars.generate-sections-enabled #primary.content-area, .sections-sidebars.no-sidebar.generate-sections-enabled #primary.content-area {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.ff-stream {
	min-height:750px!important;
}
#ff-stream-1 .ff-header h1 {
	font-size:40px;
}
.site-info {
	display:none;
}
.separate-containers .site-main > * {
	margin-bottom: 0px!important;
}
.post-type-archive-pestit .page-title {
	display:none;
}
.post-type-archive-pestit #primary {
	width:100%;
}
.post-type-archive-pestit .page-header {
	padding-bottom: 20px;
}
.post-type-archive-pestit #main {
	margin-right: 0px;
}
.post-type-archive-pestit article .inside-article:hover, .tax-osa-alue article .inside-article:hover, .tax-taso article .inside-article:hover{
    background-color: #e6f2f8;
}
.archive.inside-article {
	padding:10px 70px;
}
.pestiboksi{
	width:100%;
	display:none;
	text-align:center;
}
#post-966 {
	display:none;
}
.pestilistaus {
	width:46%;
	float:left;
	display:block;
	padding:0 2%;
}
.pestilistaus a {
	display:block;
	padding: 10px 5px;
	margin: 3% 1.5%;
	background:#a4bfe5;
	font-size:1.2em;
	color:#fff;
	-webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.pestilistaus a:hover {
	background:#224899;
}

.single-pestit .entry-meta{
	background:#fff;
	padding: 0px 70px 40px 70px;
	margin-top: 0;
  color:#b3b3b3;
}
/* Common */
.is-style-squared a {
	transition: 0.2s linear;
}
.is-style-squared:hover a {
	background-color: #224899!important;
}
.kivanappi {
	display: inline-block;
	background-color: #2c88d3;
	padding: 19px 30px 14px 30px;
	font-size:1.3em;
	font-family: "Josefin Sans", sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color: #fff;
	cursor: pointer;
	transition: 0.2s linear;
}
.kivanappi:hover {
	background-color:#224899;
}
.isokivanappi {
	display:block;
	background-color: #90afdb;
	padding: 23px 40px 16px 40px;
	font-size:1.8em;
	font-family: "Josefin Sans", sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color: #fff;
	cursor: pointer;
	transition: 0.2s linear;
}
.isokivanappi:hover {
	background-color:#224899;
}
.heippa {
	display:none;
}
#kirje a {
	color: #224899;
}
#kirje a:hover {color: #a4bfe5;}
#kirje a:visited {color:#e48f43;}

/* BG */
#parallax-container, #parallax-container2, #parallax-container3 {
  display: block;
  height: 0px;
}
#parallax-container div, #parallax-container2 div, #parallax-container3 div {
  position: fixed;
  top: 0;
  background-position: center !important;
  transform: translateY(0px);
  background-repeat:no-repeat;
  width: 100%;
  z-index:-10;
}
#parallax-container2 div {
	z-index:-5;
}
#parallax-container3 div {
	z-index:-8;
}
.header1 {
	z-index:4;
	height: 450px;
	margin-top:455px;
}
.header2 {
	z-index:3;
	height: 200%;
	margin-top:520px;
	background-color:#42184B;
}
.header3 {
	z-index:2;
	height: 100%;
	margin-top:800px;
	background-color:#42184B;
}
.header4 {
	z-index:1;
	height: 499px;
	margin-top:250px;
}
.header5 {
	z-index:-10!important;
	height: 218px;
	margin-top: 53%;
}
.header6 {
	z-index:3;
	height: 325px;
	margin-top: 80%;
}
.header7 {
	z-index:5;
	height: 2000px;
	margin-top: 48%;
}
.header9 {
	z-index:4;
	height: 100%;
	margin-top: 48%;
	background-color:#42184B;
}


/* Footer */
.site-footer .widget-title {
	text-align:center;
}
.footer-widgets a {
	color:#fff;
}
.footer-widgets a:hover {
	color:#f6b2b2;
}

/* Koko muuttujat */

@media all and (max-width:800px){
	.isokivanappi {
	padding: 20px 20px 13px 20px;
	font-size:1.2em;
}
}
@media all and (min-width:801px) and (max-width:1200px){

}
@media all and (min-width:1921px){
.header8 {
	background-position: top!important;
}
}
@media all and (max-width:768px){
	#mobileheader {
		display: initial;
	}
	.archive.inside-article {
		padding:30px;
	}
	body {font-size: 1.2rem;}
	h1 {font-size: 2.4rem;}
	h2 {font-size:1.7rem;}
	h3 {font-size: 1.4rem;}
}

@media all and (max-width:1200px){
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
	}
.main-navigation .main-nav ul ul li a {
	}
}

/* BG muuttujat */
@media all and (min-width:1px) and (max-width:499px){
	.header5 {
	display:none;
}
.header7 {
	display:none;
}
}
@media all and (min-width:500px) and (max-width:799px){
	.header5 {
	margin-top: 90%;
}
.header7 {
	margin-top: 85%;
}
}
@media all and (min-width:800px) and (max-width:999px){
.header5 {
	margin-top: 83%;
}
.header7 {
	margin-top: 78%;
}
}
@media all and (min-width:1001px) and (max-width:1200px){
.header5 {
	margin-top: 67%;
}
.header7 {
	margin-top: 63%;
}
}
@media all and (min-width:1201px) and (max-width:1500px){
.header5 {
	margin-top: 62%;
}
.header7 {
	margin-top: 58%;
}
}