/*!
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 500ms;}
#main-header .item-is-stuck {box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05); transition: all ease-in-out 500ms;}
.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner {transition: all ease-in-out 500ms;}

/* Mobile menu */
#mobile-drawer .drawer-header {padding: 0 2rem 0!important;}
#mobile-drawer .drawer-header .drawer-toggle {margin-right: -1rem;}
#mobile-drawer .drawer-inner {height: 100%; max-height: 610px; max-width: 95%!important; border: 2px solid var(--global-palette1); border-top-left-radius: 15px; border-bottom-left-radius: 15px; top: 1rem!important;}
#mobile-drawer .drawer-content {padding: 0 1rem 2rem!important;}

/* Mega menu */
#menu-item-80.kadence-menu-mega-enabled > .sub-menu {border-radius: 15px; border: 2px solid var(--global-palette1); margin: 0!important; left: 0!important;}
.kadence-menu-has-icon .menu-label-icon-wrap {opacity: 0; transition: all 300ms ease-in-out; margin-left: 0!important;}
.kadence-menu-has-icon:hover .menu-label-icon-wrap {opacity: 1; transition: all 300ms ease-in-out; margin-left: .75rem!important;}

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

/* Fluent Forms */
.fluentform form {margin: 0!important;}
.fluentform input, .fluentform textarea, .fluentform select {padding: .6rem!important; border-radius: 0!important; font-size: 1rem!important; color: var(--global-palette6)!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;}
::placeholder {color: var(--global-palette6)!important; opacity: 1!important;}
:-ms-input-placeholder {color: var(--global-palette6)!important;}
::-ms-input-placeholder {color: var(--global-palette6)!important;}

/* WP Social Ninja */
.wpsr-review-template-three .wpsr-review-platform span {background-color: var(--global-palette1)!important;}
.wpsr_add_read_more .wpsr_read_less, .wpsr_add_read_more .wpsr_read_more {-webkit-text-decoration-color: var(--global-palette1)!important; text-decoration-color: var(--global-palette1)!important; color: var(--global-palette1)!important;}
.wpsr-review-template-three .wpsr-review-header .wpsr-review-info .wpsr-reviewer-name-url .wpsr-reviewer-name {font-size: 14px!important; display: block!important; line-height: 1.3!important;}
.wpsr-review-template-three {margin-left: 2rem!important; padding: 2rem!important}
@media (max-width: 1025px) {.wpsr-review-template-three {margin: 0 1rem 1rem!important;}}
.wpsr-review-template-three .wpsr-review-platform {top: 55px!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 */
.blog .post-thumbnail img, .single-post .post-thumbnail img {border-radius: 15px!important;}
.blog .entry-title {font-size: 1.4rem!important;}
.blog .loop-entry .entry-summary p {font-size: 1rem!important;}

/* Blog single */
.single-post .entry {border-radius: 15px!important;}
.single-post .nav-links a {font-size: 1rem!important;}
@media (max-width: 767px) {.kadence-thumbnail-position-behind {margin-bottom: 0!important;}}