/*Header*/
#header {
  transition: ease all .3s;
}

/*Fullscreen menu*/
.fullscreen-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(-100%);
	transition: all 0.5s !important;
	opacity: 0;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden;
}
.fullscreen-menu.opening{
	transform: translateY(0);
	opacity: 1;
}
.wrapper {
	min-height: auto !important;
	margin-top:-40px;
}
.menu-toggle-button {
	width: 60px; 
	height: 60px;
	cursor: pointer;
}
#logo {
	max-width:300px;
}
#linkit{
	display:flex;
	flex-direction:row-reverse;
}
.menu-container a{
	font-size:2.2em;
	line-height:1.4;
	font-family:Montserrat, Arial;
	font-weight:800;
	color:#3c003c;
}
.menu-container a:hover{
	text-decoration:underline;
}
.sub-menu {
	margin-left:40px;
}

@media only screen and (max-width: 1024px) {
	#logo{
		width:250px;
	}
	.menu-toggle-button {
		width: 50px; 
		height: 50px;
	}
	#linkit{
		flex-direction:column-reverse;
		top:50px;
	}
	#menu-items {
		max-width:80%;
		margin:0 auto;
	}
	.sub-menu {
		margin-left:20px;
	}
  .menu-container a {
    font-size:2em;
  }
}
@media only screen and (max-width: 600px) {
	#logo{
		width:220px;
	}
	.menu-toggle-button {
		width: 40px; 
		height: 40px;
	}
	#menu-items {
		max-width:100%;
		margin:0 auto;
	}
  .menu-container a {
    font-size:1.5em;
  }
}

/*Etusivu*/
/*Etusivu artikkelinostot*/
.eael-grid-post-holder {
	margin-bottom:40px;
	transition:ease all .3s;
}
.eael-grid-post-holder:hover {
	margin-top:-10px;
}
.eael-grid-post-holder a{
	margin-bottom:-40px !important;
}

/*Team*/
.eael-elements-flip-box-heading {
	margin-top:20px;
}

/*Health partners*/
#info-pallo {
	display: flex;
	width:700px;
	height:700px;
	padding:50px;
	align-items: center;
  justify-content: center;
}
#info-pallo li{
	margin:0;
	list-style-position: inside;
}

/*Yksittäinen artikkeli*/


@media only screen and (max-width: 1024px) {
	.eael-grid-post-holder:hover {
		margin-top:0;
	}
  #info-pallo {
		display: flex;
		width:500px;
		height:500px;
		padding:30px;
	}
}

@media only screen and (max-width: 767px) {
  #info-pallo {
		display: flex;
		width:100%;
		height:100%;
		padding:50px 20px;
	}
}

/*Animaatio*/
.bounce-1 {
	transition:ease all .5s;
  animation: MoveUpDown1 2s ease-in-out infinite alternate;
}
@keyframes MoveUpDown1 {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: -20px;
  }
}
.bounce-2 {
	transition:ease all .5s;
  animation: MoveUpDown2 2s ease-in-out infinite alternate;
}
@keyframes MoveUpDown2 {
  0%, 100% {
    bottom: -20px;
  }
  50% {
    bottom: 0px;
  }
}

.bounce-3 {
	transition:ease all .5s;
  animation: MoveUpDown3 2s ease-in-out infinite alternate;
}
@keyframes MoveUpDown3 {
  0% { 
		transform: rotate(0deg); 
		transform: scale(1.1);
	}
  40% { 
		transform: rotate(0deg); 
	}
  50% { 
		transform: rotate(5eg); 
	}
  75% { 
		transform: rotate(-5deg); 
	}
  100% { 
		transform: rotate(0deg); 
	}
}

/*Karuselli*/
.eicon-chevron-left,.eicon-chevron-right {
	border-radius:100px;
	padding:5px;
	background:#fff;
}
.elementor-swiper-button.elementor-swiper-button-prev{
	margin-left:-10px;
}
.elementor-swiper-button.elementor-swiper-button-next{
	margin-right:-10px;
}

ul li {
	margin-bottom:20px;
	margin-left:10px;
}

body.single-post {
	background-color:#e1e1ff;
}