/*!
Theme Name: Helpot kotisivut theme
Theme URI: https://helpotkotisivut.fi/
Template: kadence
Author: Helpot Kotisivut
Author URI: https://helpotkotisivut.fi/
Description: Helpot Kotisivut - kotisivut yritykselle helposti ja tyylikkäästi.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	word-break: keep-all;
    hyphens: none;
    word-wrap: initial;
}

.map-responsive {
  overflow: hidden;
  position: relative;
  height: 400px;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.item-is-fixed .main__logo img {transition: all ease-in-out 200ms;}
.item-is-stuck .main__logo img {max-width:80px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0,0,0,0.4)!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: color: rgba(0,0,0,0.4)!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: color: rgba(0,0,0,0.4)!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: color: rgba(0,0,0,0.4)!important;
}

.kt-svg-icon-link {
	text-decoration: none!important;
}

.kt-blocks-info-box-link-wrap:hover {transform: rotate(2deg);}

.bounce {
    animation: bounce 2s infinite;
}

.nuoli {
    position: absolute;
    bottom: 50px;
    left: 47%;
}

@media (max-width: 768px) {
	.nuoli {
    position: absolute;
    bottom: 50px;
    left: 35%;
}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-15px);}
}

.wp-image-427 {
	animation: rotator 5s linear infinite;
}

@keyframes rotator {
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}