/* Change all headings (H1-H6) to one color */
h1, h2, h3, h4, h5, h6 {
	color: #4f0d65;
/* Replace with your desired color code */
}

/* Hide bottom border graphic | 40960802-hc (DH)*/
.hentry::after {
	display: none;
/* widget and page title color 31199114-hc */
}

/* mobile menu button color 31199114-hc */
.menu-toggle {
	background-color: #165065;
	outline: 5px solid #165065 !important;
}

/* hide icons next to widget titles 31199114-hc */
.widget-title:before {
	display: none;
}

/* Change main menu text color */
.main-navigation a,
.nav-menu a,
#site-navigation a,
.menu-item a {
	color: #01613b !important;
}

/* Adjust menu items spacing */
.menu-item {
	padding: 0 10px;
/* Adjust spacing between menu items */
	white-space: nowrap;
/* Prevent menu items from wrapping */
}

/* Change the color of all links */
a {
	color: #01613b;
}

/* Change the color when hovering over links */
a:hover {
	color: #01613b;
}

/* Remove extra space between content and footer */
.entry:last-child,
article:last-child,
.post:last-child,
.wp-block-group:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Remove top margin from footer */
.site-footer,
footer.wp-block-template-part {
	margin-top: 0 !important;
}
/* Alavalikko piiloon oletuksena */
.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px; /* voit säätää */
    background: #fff;
    z-index: 999;
}

/* Näkyy kun hiiri päävalikon päällä */
.main-navigation ul li:hover > ul {
    display: block;
}

/* Alavalikon itemit allekkain */
.main-navigation ul ul li {
    display: block;
    width: 100%;
}

/* Linkit koko leveydelle */
.main-navigation ul ul li a {
    display: block;
    width: 100%;
}
/* --- MOBIILI: palautetaan teeman oma logiikka --- */
@media (max-width: 768px) {

    .main-navigation ul ul {
        display: none !important;
        position: static !important;
        width: 100% !important;
    }

    /* Näytetään alavalikko kun menu-item on avattu (WordPress lisää tämän classin) */
    .main-navigation ul li.menu-item-has-children.open > ul,
    .main-navigation ul li.menu-item-has-children.toggled > ul,
    .main-navigation ul li.menu-item-has-children:focus-within > ul {
        display: block !important;
    }

    /* Varmistetaan siisti pino */
    .main-navigation ul ul li {
        display: block;
        width: 100%;
    }
}
/* --- MOBIILI: pakotetaan alavalikot näkyviin --- */
@media (max-width: 768px) {

    .main-navigation ul ul {
        display: block !important;
        position: static !important;
        width: 100% !important;
    }

    .main-navigation ul ul li {
        display: block;
        width: 100%;
    }
}