/*
Theme Name: GeneratePress IPO
Description: 
Author: IPO 
Template: generatepress
Version: 1.0.0
*/
/************* generatepres theme start ***********/ 
/* Header customization */
.inside-header {
    padding: 4px 40px;
}
.site-header {
  box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Soft shadow */
}
.main-navigation .main-nav ul li a{
    border-bottom: 2px solid #fff;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	border-bottom: 2px solid var(--accent);
}
.main-navigation .main-nav ul li a:hover {
    border-bottom: 2px solid var(--accent);
}
/* Header customization */


/* remove vertical borders */
table th,
table td {
    border-left: none !important;
    border-right: none !important;
}

/* Whole table left/right border remove */
table {
    border-left: none !important;
    border-right: none !important;
}
/* remove vertical borders */
.featured-image.page-header-image.grid-container.grid-parent
{
    display: none;
}
.featured-image.page-header-image-single.grid-container.grid-parent
{
    display: none;
}
h2 {
    margin-bottom:0px !important; 
}
/* StarRating */
span.ipoGmpStarRating
{
    color: darkorange;
}
/* StarRating */

/* Mobile-specific styles */
/*@media screen and (max-width: 767px) { /* Adjust breakpoint as needed */
@media screen and (max-width: 768px) {
  .table-to-card thead {
    display: none;
  }

  .table-to-card tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ccc;
  }

  .table-to-card td {
    display: block;
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .table-to-card td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: 45%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
}
/* ************************************ */
/* ************************************ */
/* ************************************ */
/* ************************************ */
/* 1. Overall Container & Padding (Sleek Look) */
.separate-containers .inside-article, 
.separate-containers .comments-area, 
.separate-containers .page-header, 
.separate-containers .paging-navigation {
    padding: 30px 40px; /* Desktop ke liye balanced padding */
    border-radius: 8px; /* Halki goonj (Rounded corners) modern dikhne ke liye */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Soft shadow */
}

/* 2. Mobile Optimization (Zero Waste Space) */
@media (max-width: 768px) {
    .separate-containers .inside-article {
        padding: 15px 15px !important; /* Mobile par screen space bachane ke liye */
    }
    .site-content {
        padding: 10px 0 !important;
    }
}

/* 3. Typography & Readability (Google Search Friendly) */
body {
    line-height: 1.7; /* Reading ke liye best gap */
    color: #333;
}

h1, h2, h3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

/* 4. Blog Post Featured Image (Modern Look) */
.featured-image img {
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
}

/* 5. Sidebar Widgets (Compact & Clean) */
.sidebar .widget {
    padding: 20px !important;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

/* 6. Buttons (AdSense friendly color) */
.read-more, .button {
    background-color: #0073aa;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    transition: 0.3s ease;
}
.read-more:hover {
    background-color: #005580;
}