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

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

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

/* Fluent Forms */
form {margin: -1rem 0 0!important;}
input, textarea {padding: .6rem!important; border-radius: 0!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;}

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

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

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

/* Footer */
.footer__shortcode-block {font-size: 1rem;}