/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 04 2026 | 16:44:35 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* पोस्ट में इस्तेमाल होने वाली images के लिए responsive और fixed look */
.post img,
.entry-content img,
.single-post img {
  max-width: 100%;   /* Image container से बाहर ना जाए */
  height: auto;      /* Image proportion सही रहे */
  display: block;    /* Proper alignment */
  margin: 15px auto; /* Center और spacing */
  border-radius: 8px; /* हल्का rounded look */
  object-fit: cover; /* Proper crop look */
}

/* Thumbnail और Featured Images को एक fixed ratio में रखें */
.post-thumbnail img,
.featured-image img {
  width: 100%;
  height: 250px;     /* आप अपने हिसाब से बदल सकते हैं */
  object-fit: cover; /* Image crop होकर एक जैसे look में */
  border-radius: 8px;
}






  


  









/* Header Logo Left Side */
.site-header .inside-header {
    display: flex;
    justify-content: flex-start; /* Logo Left में */
    align-items: center;
}

/* Logo Resize */
.site-logo img {
    max-height: 60px;  /* यहाँ size कम-ज्यादा कर सकते हो (40px, 50px etc.) */
    height: auto;
    width: auto;
}



  



















/* ===============================
   Header Structure (Logo + Menu)
   =============================== */

/* Header Container Flex */
.site-header .inside-header {
    display: flex !important;
    justify-content: space-between; /* Logo left, Menu right */
    align-items: center;
    padding: 10px 20px; /* Header padding */
}

/* Logo Resize */
.site-logo img,
.custom-logo-link img {
    max-height: 60px;  /* Logo size adjust */
    height: auto;
    width: auto;
}

/* Menu Style */
.main-navigation .main-nav ul li {
    margin-left: 25px;       /* Menu spacing */
}

.main-navigation .main-nav ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #111;             /* Menu text color */
    transition: all 0.3s ease;
}

/* Menu Hover */
.main-navigation .main-nav ul li a:hover {
    color: #ff0000;          /* Hover color */
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .site-header .inside-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
    }

    .main-navigation {
        width: 100%;
        margin-top: 10px;
    }

    .main-navigation .main-nav ul li {
        margin-left: 0;
        margin-bottom: 10px;
    }
}

/* Optional: Sticky Header */
.site-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Optional: Logo + Menu Center Alignment (Desktop) */
@media (min-width: 769px) {
    .site-header .inside-header {
        align-items: center;
    }
}





   




















































#comments, 
.comments-area, 
.comment-respond, 
.comment-form, 
#respond {
    display: none !important;
}