/*
 Theme Name: MH Biosphere Child
 Template: mh-magazine-lite
*/

/* ============================
   BIOSPHERE ORIGINAL COLORS
   ============================ */

body { font-family: "Sarala", sans-serif; color: #2a2a2a; background: #66bb6a; }
h1, h2, h3, h4, h5, h6, .mh-custom-posts-small-title { font-family: "Droid Sans", sans-serif; color: #2a2a2a; }
pre, code, kbd { color: #2a2a2a; background: #e9ffe8; }
blockquote { color: #2a2a2a; border-color: #66bb6a; }
a { color: #2a2a2a; }
a:hover { color: #66bb6a; }

/* Header */
.mh-header { background: #0d8f4f; }
.mh-header-title { color: #fff; }
.mh-header-tagline { color: #66bb6a; }

/* Navigation */
.mh-main-nav-wrap { background: #0a8043; }
.mh-main-nav { background: #0a8043; border-bottom: none; }
.mh-main-nav li:hover { background: #66bb6a; }
.mh-main-nav ul li:hover > ul { background: #0a8043; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #66bb6a; }

/* SlickNav */
.slicknav_btn { background: #66bb6a; }
.slicknav_menu { border-color: #0a8043; background: #66bb6a; }
.slicknav_nav ul { border-color: #0a8043; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #66bb6a; }

/* Posts / Pages */
.page-title { color: #2a2a2a; }
.entry-content a { color: #0a8043; }
.entry-content a:hover, .mh-meta a:hover { color: #66bb6a; }
.entry-tags li { background: #0a8043; }
.entry-tags li:hover, .entry-tags .fa { background: #66bb6a; }

/* Pagination */
.page-numbers, a .pagelink { color: #2a2a2a; background: #e9ffe8; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink, .pagelink { background: #66bb6a; }

/* Footer */
.mh-footer { background: #0a8043; }
.mh-footer a, .mh-footer .mh-meta, .mh-footer .mh-meta a, .mh-footer .mh-meta a:hover { color: #e9ffe8; }
.mh-copyright-wrap { border-color: rgba(255, 255, 255, 0.3); background: #0a8043; }
.mh-copyright, .mh-copyright a { color: #e9ffe8; }

/* Forms */
input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #66bb6a; }
input[type=submit] { background: #66bb6a; }
input[type=submit]:hover { background: #0a8043; }

/* Widgets */
.mh-widget-title { padding: 10px 25px 10px 15px; background: #e9ffe8; border-left: 10px solid #66bb6a; border-bottom: none; }
.mh-footer-widget-title { padding: 0 0 5px; border-bottom: 3px solid #66bb6a; border-left: none; background: none; }

/* ============================
   IMAGE DISPLAY FIX
   ============================ */

/* Poistaa artikkelikuvien ja bannerien pakotetun kuvasuhteen */
.mh-posts-large-item,
.mh-posts-grid-item,
.mh-posts-large .mh-image,
.mh-image {
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    position: static !important;
}

/* Näyttää kuvat kokonaan ilman leikkausta */
.mh-posts-large-item img,
.mh-posts-grid-item img,
.mh-posts-large .mh-image img,
.mh-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}