/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0
*/
/* body .elementor-element{
	background-color:black!important;
	display:none!important
}
body .elementor-element-15bf837{
	display:block!important;
}
body .elementor-element{
	display:block!important;
} */
/* Default style for PDF iframe */
#pdf-report iframe {
    width: 100%;
    height: 600px; /* default for mid-size screens */
    border: none;
}
#pdf-report iframe {
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.15);
}
/* Desktop — larger than 1024px */
@media (min-width: 1025px) {
    #pdf-report iframe {
        height: 700px;
    }
}

/* Tablets (768px–1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    #pdf-report iframe {
        height: 600px;
    }
}

/* Mobile — below 768px */
@media (max-width: 767px) {
    #pdf-report iframe {
        height: 400px;
    }
}
.page-header .entry-title{
        display: none !important;
}
@media (min-width: 768px){
  .eael-grid-post .eael-entry-thumbnail > img {
    height: 158px !important;
    object-fit: cover;
  }
}
.elementor-widget-eael-post-grid .eael-entry-title a{
	min-height:60px!important;
}
.elementor-widget-eael-post-grid .eael-entry-title a,.elementor-widget-eael-post-grid .eael-grid-post-excerpt p {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* home */
/* Import a Malayalam font like Noto Sans Malayalam from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam:wght@400;700&display=swap');

.immunization-schedule-section {
    font-family: 'Noto Sans Malayalam', sans-serif;
    max-width: 960px; /* Max width for content */
    margin: 40px auto;
    padding: 20px;
    background-color: #ffffff; /* White background for the card */
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Soft shadow */
    line-height: 1.6;
}

.main-title {
    text-align: center;
    color: #007bff; /* Primary accent blue (will be overridden by black, then #c6c7b6) */
    color: black; /* Overrides #007bff */
    color: #c6c7b6; /* Overrides black, this will be the final color */
    font-size: 2.8em;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef; /* Light divider */
}

.tab-navigation {
    display: flex; /* For horizontal tabs */
    justify-content: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #dee2e6;
}

.tab-button {
    background-color: #f8f9fa; /* (will be overridden by #ECDDCE) */
    background-color: #ECDDCE; /* This will be the final background color */
    color: #495057;
    border: 1px solid #dee2e6;
    border-bottom: none;
    padding: 12px 25px;
    font-size: 1.1em;
    cursor: pointer;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0 5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.tab-button i { /* Icon styling */
    margin-right: 8px;
    font-size: 1.2em;
}

.tab-button:hover:not(.active) {
    background-color: #e2e6ea;
    color: #343a40;
}

.tab-button.active {
    background-color: #007bff; /* Active tab color (will be overridden by #967443) */
    background-color: #967443; /* This will be the final active background color */
    color: #ffffff;
    border-color: #007bff; /* (will be overridden by border: none;) */
    border: none; /* This will be the final border style */
    transform: translateY(2px); /* Slight lift */
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1; /* Keep active tab on top */
}

.tab-content {
    display: none; /* Hidden by default */
    padding: 20px 0;
}

.tab-content.active {
    display: block; /* Show active content */
}

.tab-content h2 {
    color: #007bff;
    font-size: 1.8em;
    margin-bottom: 20px;
    text-align: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

th, td {
    border: 1px solid #dee2e6;
    padding: 12px 15px;
    text-align: left;
    color: #343a40;
}

th {
    background-color: #e9ecef; /* Light gray for headers */
    font-weight: 700;
    color: #495057;
}

tr:nth-child(even) {
    background-color: #f8f9fa; /* Alternate row color */
}

.important-note {
    background-color: #fff3cd; /* Light yellow for alerts */
    border-left: 5px solid #ffc107; /* Yellow border */
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
    color: #664d03;
}
.important-note strong {
    color: #664d03;
}


/* --- Mobile Specific Styles (Consolidated, Optimized for new HTML) --- */
@media (max-width: 768px) {
    /* Tab navigation adjustments for mobile */
    .tab-navigation {
        flex-direction: column; /* Stack tabs vertically */
    }
    .tab-button {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 8px;
        /* `border-bottom: 1px solid #dee2e6;` is removed here because the card border will handle separation */
        border: none; /* Override desktop border for stacked look */
    }
    .tab-button.active {
        transform: none; /* No lift when stacked */
        box-shadow: none;
    }

    /* Adjust content heading for mobile */
    .tab-content h2 {
        font-size: 1.5em;
    }

    /* Table-to-Card Transformation */
    table, thead, tbody, th, td, tr {
        display: block; /* Force all table elements to be block-level */
        width: 100%; /* Important: Ensure elements take full width */
        box-sizing: border-box; /* Include padding in width calculations */
    }

    thead tr {
        position: absolute; /* Hide the original table headers */
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #dee2e6; /* Give each row a visible border */
        margin-bottom: 15px; /* Space out the "cards" */
        border-radius: 8px; /* Slightly rounded corners for card effect */
        overflow: hidden; /* Important for containing any overflows */
        background-color: #ffffff; /* Ensure card background is clear */
        box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow for card depth */
    }

    td {
        border: none; /* Remove individual cell borders within the card */
        padding: 10px 15px; /* Adjust padding for the entire cell */
        text-align: left; /* Align text within the cell to the left */
        font-size: 0.95em; /* Slightly smaller font for mobile */
        line-height: 1.4;

        /* --- FLEXBOX FOR TD --- */
        display: flex; /* Make the TD a flex container */
        flex-direction: column; /* Stack label and content vertically */
        word-wrap: break-word; /* Ensure long words break */
        overflow-wrap: break-word; /* Modern equivalent */
        white-space: normal; /* Ensures text wraps naturally */
        min-width: 0; /* Override any min-width that might cause overflow */
        max-width: 100%; /* Prevent it from exceeding parent width */
    }

    /* Styling for the new mobile-label span */
    .mobile-label {
        font-weight: bold; /* Make the label stand out */
        color: #495057; /* A slightly darker color for labels */
        margin-bottom: 5px; /* Space between label and content */
        text-align: left; /* Ensure label is left-aligned */
        white-space: normal; /* Ensure label text wraps if very long */
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* Ensure the main table container isn't causing overflow */
    table {
        overflow-x: hidden; /* IMPORTANT: Hide any potential horizontal overflow from the table itself */
    }

    /* And the parent of the table (tab-content) */
    .tab-content {
        overflow-x: hidden; /* Also hide potential overflow from the content area */
    }
}

/* Optional: Even smaller screens (e.g., iPhone SE) - Adjust padding/font-size */
@media (max-width: 480px) {
    .immunization-schedule-section {
        padding: 10px;
        margin: 20px auto;
    }
    .main-title {
        font-size: 2em;
        margin-bottom: 20px;
    }
    td {
        padding: 8px 10px; /* Slightly reduce padding */
        font-size: 0.9em;
    }
    .mobile-label {
        margin-bottom: 3px;
    }
}

/* Hide category breadcrumb */
.hfe-breadcrumbs-item a[href*="/category/"],.post .post-tags {
    display: none !important;
}

/* Hide ALL separators first */
.hfe-breadcrumbs-separator {
    display: none !important;
}

/* Show ONLY the first separator */
.hfe-breadcrumbs-item:first-child + .hfe-breadcrumbs-separator {
    display: inline-flex !important;
}

.page-id-3843 .eael-post-grid-container .eael-post-grid{
	margin-left:0px!important;
	margin-right:0px!important;
}
@media (max-width: 767px) {
  .flex-control-nav li a
	{
		 width: 15px !important;
    height: 15px !important;
	}
	#metaslider_5018 .caption p,	#metaslider_5018 .caption div,#metaslider_5018 .flexslider .caption-wrap .caption p {
		font-size:14px!important;
	}
}
@media (max-width: 1024px) {
	.eael-nav-menu-wrapper{
		right:0!important;
		left:unset!important;
	}
/* .elementor-element-15bf837 {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  transform: none !important;
  will-change: auto !important;
}
 */
/* 	#menu-primary-menu{
		padding-left:50px!important;
	} */
}
/* === Fixed Header (Safe for Mobile) === */
header.elementor-element-15bf837{
  position: fixed !important;
  width: 100%;
	top:0;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  transform: none !important;
  will-change: auto !important;
}
.elementor-2376 .elementor-element.elementor-element-6f57d6f .eael-simple-menu-toggle-text{
	display:none!important;
}