/*!
Theme Name: Helpot kotisivut theme
Theme URI: https://helpotkotisivut.fi/
Template: kadence
Author: Helpot Kotisivut
Author URI: https://helpotkotisivut.fi/
Description: Helpot Kotisivut - kotisivut yritykselle helposti ja tyylikkäästi.
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
-------------------------------------------------------------- */
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 .item-is-fixed {box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);}

.site-branding a.brand img {margin-bottom:-1.8rem;}

.m0, .m0 figure {margin:0 auto!important;}

/* mobile nav current menu item color and bold font style */
.mobile-navigation ul li .current-menu-item a {color:#FFFFFF;font-weight:bold;}

/* menu arrow submenu icon enlarged */
.drawer-nav-drop-wrap .drawer-sub-toggle svg {font-size:1.5rem;}

/* contact methods below each other in mobile and tablet */
.header-mobile-contact-wrap .element-contact-inner-wrap {flex-direction:column;}

/* mobile navigation submenu center align fix */
.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {padding-left:0;}

/* mobile menu's contact element margin fix for centered align */
@media (max-width:1024px) {.header-contact-item .contact-label {margin-left:0;}}

/* mobile menu trigger hamburger menu stays white even when opening and closing repeatedly */
.mobile-toggle-open-container .menu-toggle-open:focus {color:#FFF;}

/* mobile menu trigger hamburger menu stays white even when opening and closing repeatedly */
.mobile-navigation ul li > a:hover, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap:hover {color:#FFF!important;}

/* mobile menu submenu items have active current color */
.mobile-navigation ul li .current-menu-item a {color:var(--global-palette2);}

/* header 4 CSS rules when needed
 * Small laptops menu item and logo paddings, menu item font sizes and padding fixes to fit into screen
 * @media (min-width:1025px) and (max-width:1200px){.main-navigation .primary-menu-container > ul li.menu-item > a, .secondary-navigation .secondary-menu-container > ul li.menu-item > a {font-size:0.73rem;}.secondary-navigation .secondary-menu-container > ul > li.menu-item > a {padding-left: calc(0.5rem / 2);padding-right: calc(0.5rem / 2);}.site-branding {padding: 0rem 1rem 0rem 1rem;}}
*/