/*!
Theme Name: Helpotkotisivut
Theme URI: https://www.helpotkotisivut.fi/wordpress-kotisivut/
Template: kadence
Author: Helpotkotisivut
Author URI: https://www.helpotkotisivut.fi/
Description: Helppojen kotisivujen lapsiteema pohjautuen Kadence teemaan
Version: 0.3
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;}

.p__left {padding-left: .75rem;}
.menu__vs a .nav-drop-title-wrap {font-size: .9rem;}

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

/* Polylang */
#block-2 .wp-block-polylang-language-switcher, #block-3 .wp-block-polylang-language-switcher {display: flex!important; list-style: none!important; margin: -.2rem 0 0!important; padding: 0!important; gap: .4rem;}
#block-2 .wp-block-polylang-language-switcher li, #block-3 .wp-block-polylang-language-switcher li {line-height: 1.5!important; margin: 0!important; padding: 0!important;}
#block-2 .wp-block-polylang-language-switcher li a, #block-3 .wp-block-polylang-language-switcher li a {font-size: .8rem!important; font-weight: bold!important; font-family: var(--global-heading-font-family, inherit ); margin: 0!important; padding: 0!important;}

.mobile-html-inner {display: flex!important; list-style: none!important; margin: 0!important; padding: 0!important; gap: .6rem;}
.mobile-html-inner li {line-height: 1.5!important; margin: 0!important; padding: 0!important;}
.mobile-html-inner li a {margin: 0!important; padding: 0!important;}

/* Mobile menu */
.drawer-header {padding: 0 1rem 0!important;}
.popup-drawer .drawer-content {padding: 0 1rem 2rem!important;}
#mobile-secondary-site-navigation {
	text-align: center;
    margin: 3rem 0 0;
    border-top: 1px solid #ccc;
    padding: 2rem 0 0 0;
}

/* Links no underline */
a, p a {text-decoration: none!important;}

/* Fluent Forms */
.fluentform input, .fluentform textarea {padding: .6rem!important; border-radius: 0!important; font-size: 1rem!important;}
.fluentform .ff-el-group {margin-bottom: 1rem!important;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {top: 0!important; width: 1.2rem!important; height: 1.2rem!important; margin-right: .4rem!important;}
.fluentform .ff-el-tc {margin-top: -.8rem!important; font-size: 1rem!important;}
.fluentform .wpf_has_custom_css.ff-btn-submit {border-radius: 0!important; font-weight: 700!important; font-size: 1.1rem!important;}
.fluentform .ff-el-form-control:focus {border-color: var(--global-palette1)!important; box-shadow: none!important;}

/* GDPR Cookie icon */
.cky-revisit-bottom-left {bottom: .5rem!important; left: .5rem!important;}
.cky-btn-revisit-wrapper .cky-btn-revisit img {height: 1.8rem!important; width: 1.8rem!important;}
.cky-btn-revisit-wrapper {width: 2.5rem!important; height: 2.5rem!important;}
.cky-switch input[type="checkbox"] {border-radius: 50px!important;}

/* Frontpage Hero Slider*/
.home .kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {bottom: 1rem!important;}

/* Blog */
.category-style-pill a {padding: 0.25rem 0.5rem!important; border-radius: 5rem!important;}

/* Blog feed on single page */
.kt-blocks-post-grid-item header {display: flex!important; flex-direction: column-reverse!important;}

/* Blog single */
@media (max-width: 767px) {.kadence-thumbnail-position-behind {margin-bottom: 0!important;}}

/* The Events Calendar -single */
.tribe-block__venue {margin-top: 0!important; max-width: 100%!important;}
.tribe-block__event-website {margin-top: 1rem;}
.tribe-block__event-website a {border-radius: 0!important; padding: 8px 20px!important; min-height: 44px!important;}
.tribe-block__event-website a:hover {background: var(--global-palette-btn-hover);}

/* Loosit */
.loosit__kaupunkilista {list-style: none; padding: 0!important; margin: 0!important;}
.loosit__kaupunkilista li a {color: var(--global-palette3); font-size: 1rem; font-weight: 600;}
.loosit__kaupunkilista li a:hover {color: var(--global-palette1);}