/*
Theme Name: MedicalPress Child Theme
Theme URI: http://themeforest.net/item/medicalpress-health-and-medical-wordpress-theme/7789703
Description: Child theme for MedicalPress, which is a premium theme for health and medical related websites. MedicalPress has various features that are suitable for doctors, dentists, surgeons, hospitals, health clinics and other types of health and medical related institutions.
Author: Inspiry Themes
Author URI: http://themeforest.net/user/InspiryThemes
Version: 1.3
Text Domain: framework
Domain Path: /languages
Template: inspiry-medicalpress
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, right-sidebar, responsive-layout, featured-images, full-width-template, threaded-comments, microformats, post-formats, translation-ready, one-column, two-columns, three-columns, four-columns, custom-menu, theme-options
*/
@media only screen and (min-width: 1200px) {
    .headw {
        width: 1320px;
    }
}
#header .logo h1 {
    margin: 10px !important;
}
.features-var-three .single-feature h5 {
    margin: 0 0 1px;
}
.features-var-three .single-feature {
    margin-bottom: 10px;
}
.features-var-three .slogan-section {
    margin-bottom: 20px;
}
.home-blog {
    padding: 1px 0;
}
.features-var-three {
    padding: 30px 0 30px;
}
.outer-col {
    position: fixed;
    right: 5px;
    bottom: -396px;
    width: 350px;
    z-index: 11;
    background: #FFFFFF;
}
.outer-col .form-col {
    padding: 10px;
}
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
#header .logo img {
    margin-top: 1px;
}
#header {
    padding: 1px 0;
}
nav .main-menu {
    margin-top: 15px;
}
header .logo h1 a {
     color: #058EA7 !important;
    font-size: 20px;
      margin: 10px;
    font-family: Calibri;
    /* color: #000080; */
    background-color: #ffffff !important;
    text-transform: capitalize;
}
.features-var-three .single-feature p {
    color: #000000;
}
#header .logo h1 {
    background-color: #FFFFFF !important;
    /* text-decoration: underline; */
}
form input[type="text"],
form textarea {
    font-weight: 600;
}
@media screen and (max-width: 320px) {
    .outer-col {
        width: 290px;
    }
}
.heading {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    margin-top: -10px;
    font-family: Calibri;
    background-color: #dc3545;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
/*  Live Search  */
.header-search {
    position: relative;
    max-width: 300px;
}
#live-treatment-search {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
}
#live-treatment-results {
    position: absolute;
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
    display: none;
    z-index: 1000;
    max-height: 350px;
    overflow-y: auto;
}
#live-treatment-results ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#live-treatment-results li {
    padding: 8px;
    border-bottom: 1px solid #eee;
}
/*#live-treatment-results li a {*/
/*    text-decoration: none;*/
/*    color: #333;*/
/*    display: block;*/
/*}*/
#live-treatment-results li a:hover {
    background: #f2f2f2;
}
.read-more-results {
    display: block;
    padding: 10px;
    text-align: center;
    background: #f9f9f9;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid #ddd;
}
.read-more-results:hover {
    background: #eee;
}
.no-results {
    padding: 10px;
    text-align: center;
    color: #888;
}
/* Flexbox layout for header */
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Logo alignment */
.header-flex .logo {
    flex: 0 0 auto;
}
/* Search box centered between logo and menu */
.header-search {
    flex: 1;
    text-align: center;
    position: relative;
    max-width: 500px;
    margin: 0 30px;
}
#live-treatment-search {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #0073aa;
    border-radius: 30px;
    font-size: 15px;
    outline: none;
    transition: all 0.3s ease;
}
#live-treatment-search:focus {
    border-color: #005177;
    box-shadow: 0 0 8px rgba(0, 115, 170, 0.3);
}
/* Dropdown results */
#live-treatment-results {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 1000;
    max-height: 350px;
    overflow-y: auto;
}
#live-treatment-results ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#live-treatment-results li {
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
}
/*#live-treatment-results li a {*/
/*    text-decoration: none;*/
/*    color: #333;*/
/*    display: block;*/
/*    font-weight: 500;*/
/*}*/
#live-treatment-results li a:hover {
    background: #f9f9f9;
}
.read-more-results {
    display: block;
    padding: 12px;
    text-align: center;
    background: #f9f9f9;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid #eee;
    border-radius: 0 0 8px 8px;
    color: #0073aa;
}
.read-more-results:hover {
    background: #0073aa;
    color: #fff;
}
/* Base desktop layout */
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* allow wrap on smaller screens */
}
.header-search {
    flex: 1;
    text-align: center;
    position: relative;
    max-width: 500px !important;
    margin: 0 30px;
}
#live-treatment-search {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #0073aa;
    border-radius: 30px;
    font-size: 15px;
    outline: none;
    transition: all 0.3s ease;
}
/* ======================= */
/* Tablet (768px – 991px) */
/* ======================= */
@media (max-width: 991px) {
    .header-flex {
        flex-direction: column;
        /* stack vertically */
        align-items: center;
    }
    .logo {
        order: 1;
        margin-bottom: 10px;
        text-align: center;
    }
    .header-search {
        order: 2;
        max-width: 80%;
        margin: 10px auto;
    }
    .main-menu {
        order: 3;
        text-align: center;
        margin-top: 10px;
    }
}
/* ======================= */
/* Mobile (max 767px) */
/* ======================= */
@media (max-width: 767px) {
    #live-treatment-search {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 25px;
    }
    .header-search {
        width: 100%;
        max-width: 90%;
        /* almost full width on mobile */
        margin: 10px auto;
    }
    #live-treatment-results {
        top: 40px;
        /* dropdown closer to input */
        font-size: 14px;
    }
}
.result-left {
    display: flex;
    align-items: center;
    flex: 1;
}
.result-thumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 10px;
}
.result-info {
    flex: 1;
}
.live-result-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.result-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.result-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}
.result-info strong {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
.result-info p {
    font-size: 12px;
    color: #666;
    margin: 0;
}
.result-right {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: right;
}
.read-more-btn,
.whatsapp-btn {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none;
    transition: background 0.3s;
}
.read-more-btn {
    background: #0073aa;
    color: #fff;
}
.read-more-btn:hover {
    background: #005177;
}
.whatsapp-btn {
    background: #25d366;
    color: #fff;
}
.whatsapp-btn i {
    margin-right: 5px;
}
.result-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.read-more-btn {
    background: #0073aa;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none;
    transition: background 0.3s;
}
.read-more-btn:hover {
    background: #005177;
}
 .whatsapp-round {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #25d366;
    /* WhatsApp green **/
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
    transition: transform 0.3s, background 0.3s;
}
.whatsapp-round:hover {
    background: #abadac !important;
    transform: scale(1.1);
}
.home-doctors{
        padding: 10px 0 40px !important;
}
.hero_section {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 100px 0;
  color: #fff;
}
.hero_section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.hero_section .container {
  position: relative;
  z-index: 2;
}
.custom-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}
.custom-post-item {
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.custom-post-thumb img {
  max-width: 100%;
  border-radius: 10px;
}
.custom-post-title {
  font-size: 18px;
  margin: 10px 0 5px;
}
.custom-post-excerpt {
  font-size: 14px;
  color: #666;
}
default-contents{
        margin: 1px 0 !important;
}
/* Make the header flexbox */
.row.header-flex {
    padding: 1px 5px;
    background: #fff; /* Change background if needed */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}
/* Logo stays left */
.row.header-flex .logo {
    display: flex;
    align-items: center;
    /* flex: 1; */
}
.row.header-flex .logo h1 a {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
/* Right menu container */
#responsive-menu-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* Style hamburger icon (3 bars)
.meanmenu-reveal {
    display: inline-block;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
}
.meanmenu-reveal span,
.meanmenu-reveal span::before,
.meanmenu-reveal span::after {
    display: block;
    background-color: #333;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 2px;
    transition: 0.3s ease-in-out;
}
.meanmenu-reveal span {
    top: 50%;
    transform: translateY(-50%);
}
.meanmenu-reveal span::before {
    content: "";
    top: -8px;
}
.meanmenu-reveal span::after {
    content: "";
    top: 8px;
}
/* Optional: make search bar go below logo+menu in mobile */
@media (max-width: 768px) {
    .header-search {
        width: 100%;
        margin-top: 10px;
        order: 3;
    }
}
.testimonial-slider-wrapper {
    position: relative;
    max-width: 650px;
    margin: 40px auto;
    text-align: center;
}
.testimonial-item {
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.testimonial-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 15px;
    border: 3px solid #eee;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.testimonial-text {
    font-style: italic;
    color: #444;
    margin-bottom: 10px;
}
.testimonial-author {
    font-weight: 600;
    color: #111;
    margin-top: 8px;
}
/* Slick Arrow Buttons */
.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #333;
    color: #fff;
    border: none;
    font-size: 20px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}
.custom-prev:hover,
.custom-next:hover {
    background: #555;
}
.custom-prev {
    left: -50px;
}
.custom-next {
    right: -50px;
}
/* Responsive tweak */
@media (max-width: 768px) {
    .custom-prev { left: -30px; }
    .custom-next { right: -30px; }
}