/*!
Theme Name: Helsingin Auto ja Mattopesula
Theme URI: https://www.fullheartmedia.com/
Template: kadence
Author: Full Heart Media
Author URI: https://www.fullheartmedia.com/
Description: A child theme for the Kadence Theme fixed by Full Heart Media
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
-------------------------------------------------------------- */
/* Wordbreak */
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;}
h1, h2, h3, h4, h5, h6 {margin: 0.6rem 0!important;}

/* Main Header shadow */
#main-header .item-at-start {transition: box-shadow ease-in-out 200ms;}
#main-header .item-is-stuck {box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05); transition: all ease-in-out 200ms;}

/* Mobile menu */
.drawer-header {padding: 0 1rem 0!important;}
.popup-drawer .drawer-content {padding: 0 1rem 2rem!important;}

/* Fluent Forms */
.fluentform form {margin: 0!important;}
.fluentform input, .fluentform textarea, .fluentform select {border-radius: 0!important;}
.fluentform .ff_span {font-size: 14px!important; margin: 0!important;}
.fluentform .ff-el-group {margin-bottom: 1rem!important;}
.fluentform input[type=checkbox], .fluentform input[type=radio] {width: 1rem!important; height: 1rem!important; margin-right: .25rem!important;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {top: -1px!important; margin-right: 0.4rem!important;}
.fluentform .ff-btn:not(.ff_btn_no_style) {background: #f5f5f5!important; border: 1px solid #dadbdd!important; border-radius: 0!important; color: rgba(0,0,0,.75)!important; padding: 0.75rem!important;}
.fluentform .frm-fluent-form .choices__inner {border-radius: 0!important;}
.fluentform .ff-el-tc {margin: -.5rem 0 0 !important;}
.fluentform .ff_t_c {font-size: 14px!important;}
.ff_modal_container {padding: 2rem 2rem 1rem!important;}



.wp-block-kadence-header-row {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.06);
}

img.custom-logo {
	transition: 0.5s ease;
}

.header-is-fixed img.custom-logo {
	max-width: 125px;
}

.wp-block-kadence-header-row-top p {
	transition: 0.3s ease;
}

.wp-block-kadence-header-row-top p:hover {
	transform: scale(1.05);
	
}

.entry-title a:hover {
color: var(--global-palette1);
}



.hero-slider .kb-splide .splide__arrow {
    font-size: 0.8rem;
    border: 2px solid #fff;
    border-radius: 500px;
    width: 2rem;
    height: 2rem;
}

.palvelut .kt-inside-inner-col:before {
  transition: 0.5s ease;
}

.palvelut .wp-block-kadence-column:hover .kt-inside-inner-col::before  {
  opacity: 0.95;
}

.palvelut .kt-inside-inner-col {
  position: relative;
  overflow: hidden;
}

.palvelut .kt-inside-inner-col::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 0.7s ease;
  z-index: 0;
}

.palvelut .wp-block-kadence-column:hover .kt-inside-inner-col::after {
  transform: scale(1.08);
}

.palvelut .kt-inside-inner-col > * {
  position: relative;
  z-index: 2;
}

.palvelut .kt-inside-inner-col::before {
  z-index: 1;
}