/*!
Theme Name: DMO Theme
Theme URI: https://digimyyntiosasto.fi
Template: kadence
Author: Digimyyntiosasto
Author URI: https://digimyyntiosasto.fi
Description: A child theme for the Kadence Theme fixed by DMO.
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;}


.hero-nosto-md-col {
	border-inline: 1px solid #b5b5b561;
}



.mobile-navigation ul li.current-menu-item > a {
	font-size: 1.6rem;
    text-decoration: underline;
}

.popup-drawer .drawer-content.content-valign-middle {
	margin-inline: 2rem;
}

.kb-splide .splide__arrow:focus, .kb-splide .splide__arrow:hover, .kb-splide .splide__arrow {
	background: var(--global-palette2);
}

.palvelut img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

.palvelut a:hover {
    filter: brightness(0.6);
    transition: 0.3s ease-in-out;
}

.intro {
	z-index: 99;
}

.intro .kt-inside-inner-col {
	backdrop-filter:blur(5px);
}


.hinnasto td {
    padding-inline: 1rem;
}

.item-is-stuck {
	backdrop-filter: blur(7px);
}

.palvelu-hinnasto .kt-accordion-panel-inner {
    padding-inline: 0;
}



/* 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;}