/**
 * Custom CSS Manager – frontend-header
 * Generoitu: 2026-10-30 12:00:22
 * Älä muokkaa tätä tiedostoa käsin – muutokset ylikirjoitetaan.
 */

/* [5] Teksit */
@import url('https://use.typekit.net/jok8fft.css');

h1,h2,h3,h4{
font-family: "noka", sans-serif;
font-weight: 500;
font-style: normal;
}

h1, h2{
	margin-top:80px;
	color: black;
	font-weight: 600;
}
h2{
	margin-top: 60px;
}
p{
  font-family: "noka", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* [20] WP forms */
.wpforms-field-label{
	color: white !important;
}
label.wpforms-field-label-inline{
	color: white !important;
}

/* [40] Footer */
footer{
	margin:0;
}

/* [50] Efektit */
.varjo{
	box-shadow: 0px 3px 5px 0px rgba(173,173,173,1);
}

/* [60] Animations */
.glowing-button > a{
  animation: glow-the-button 5s;
	box-shadow: 0px 0px 17px 0px rgba(255,255,255,0);
	animation-iteration-count: 10;
}
@keyframes glow-the-button {
	0% {box-shadow: 0px 0px 17px 0px rgba(255,255,255,0);}
	50% {box-shadow: 0px 0px 17px 0px rgba(255,180,100,1);}
	100% {box-shadow: 0px 0px 17px 0px rgba(255,255,255,0);}
}

.scale-in-load{
  animation: scaleInLoad 0.5s;
  transform: scale(1);
}
.scale-in-load-2{
  animation: scaleInLoad 0.6s;
  transform: scale(1);
  animation-delay: 0.1s;
}
.scale-in-load-3{
  animation: scaleInLoad 0.7s;
  transform: scale(1);
  animation-delay: 0.2s;
}

@keyframes scaleInLoad {
  0% {transform: scale(1);}
  20% {transform: scale(0.93);}
  40% {transform: scale(1);}
  60% {transform: scale(0.97);}
  80% {transform: scale(1);}
  100% {transform: scale(0.99);}
}
/* dark-to-normal was already used by theme ! */

.dark-to-norm{
  filter: brightness(1);
  animation: anim-dark-to-normal 2s;
  animation-delay: -1s;
}

/* --- */

.dark-to-normal-slow{
  filter: brightness(1);
  animation: anim-dark-to-normal 10s;
  animation-delay: -5s;
}

@keyframes anim-dark-to-normal {
  0% {filter: brightness(0);}
  50% {filter: brightness(0);}
  100% {filter: brightness(1);}
}


.flipper{
  animation: anim-flipper 1s;
  transform: scale(1);
}

@keyframes anim-flipper {
  0% {transform: scale(1);}
  20% {transform: scale(0,1);}
  40% {transform: scale(1);}
  60% {transform: scale(0,1);}
  80% {transform: scale(1);}
  100% {transform: scale(0.99);}
}

/* [60] Inputs */
.wp-element-button:hover{
	background-color: black !important;
	transition-duration:0.2s;
	transform:scale(1.05);
}
input, select{
	padding:10px;
	font-size: 16px;
	border: solid #bbb 1px; 
	border-radius: 5px;
}
input#dc-submit-1{
	background-color: green;
	color: white;
	border: none;
	border-radius: 5px;
	padding: 12px;
	cursor: pointer;

}

/* [2000] Woocommerce mediaqueries */
@media screen and (max-width: 782px) {
  .wc-block-featured-product__title{
	font-size: calc(26px + 0.8vw);
}
}