/*
Theme Name: Foxiz Child
Theme URI: https://marathigold.com
Description: Foxiz Child Theme for MarathiGold
Author: MarathiGold
Template: foxiz
Version: 1.0.0
*/

/* तुमचे custom CSS येथे add करा */

.entry-content p {
    font-size: 24px;
}
.related-sec.related-2 {float: none;
    max-width: none;
    margin-left: 0px;
}
.Disclaimer {
    background-color: #d0232a0f;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    margin: 10px;
    padding: 14px;
    margin-bottom: 30px;
    border: 1px solid #d0232a;
}
.copyright-menu>li {
    margin-bottom: 15px;
}
.breadcrumb-wrap:not(.breadcrumb-line-wrap) .last {
    opacity: unset;
}
.efoot-commas a {
    padding: 8px !important;
}
/*@media (min-width: 769px) {
                .hide-4-desktop, #fixedbanner {
                    display:none!important
                }} */

.rank-math-question {padding: 15px 0px 15px 0px;}

.inbdigital-inline-rp-image {
	max-width: 80px !important;
}
.inbdigital-related-posts-box:before {
    position: absolute;
    top: -22px;
    font-size: 20px;
    left: 10px;
    background: #fff;
    padding: 0 4px;
    font-weight: 500;
    border-radius: 5px;
}
.inbdigital-related-posts-box {
	margin-top:21px;
}
.entry-content h2 {
    background-color: #f0e68c;
    padding : 5px 5px 5px 5px;
border-left: 3px solid #ff194e;
	padding-left: 10px;
}
.p-content > *:not(:last-child) {
    margin-bottom: var(--el-spacing);
font-size:14px;
	font-weight:700;
}
.p-content > *:last-child {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: var(--h5-fheight, 1.5);
}


   body {
       font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .calculator-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 10px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        border-radius: 8px;
        text-align: center;
    }
    .tabs {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }
    .tab {
        flex: 1;
        text-align: center;
        cursor: pointer;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
    }
    .tab.active {
        background-color: #4CAF50;
        color: white;
    }
    .slider-container {
        margin: 10px 0;
    }
    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    input[type="range"], input[type="number"] {
        width: 100%;
    }
    .result {
        margin-top: 5px;
        font-size: 1em;
    }
    .value-display {
        margin-bottom: 10px;
    }
    #chart-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 5px;
        max-height: 200px;
        display: flex;
        justify-content: center;
    }
    input[type="number"] {
        width: 100%;
        padding: 8px;
        margin-top: 5px;
        font-size: 21px;
    }
    .error-message {
        color: red;
        font-size: 14px;
        display: none;
    }
    .limit-info {
        font-size: 12px;
        color: gray;
    }
    @media (min-width: 600px) {
        .calculator-container {
            max-width: 500px;
        }
    }
    .result p {
        font-size: 18px;
    }
    .data-table {
        margin-top: 20px;
        width: 100%;
        border-collapse: collapse;
    }
    .data-table th, .data-table td {
        border: 1px solid #ccc;
        padding: 8px;
        text-align: center;
    }
    .data-table th {
        background-color: #f1f1f1;
    }
    .show-more {
        margin-top: 10px;
        cursor: pointer;
        color: #007bff;
    }

.show-more {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    text-align: center;
}

.show-more:hover {
    background-color: #0056b3;
}
.show-more:hover {
    background-color: #0056b3;
}

/* For making the data-table responsive */
.data-table-container {
    overflow-x: auto; /* Horizontal scrolling if table overflows */
}

.data-table {
    width: 95%;
    border-collapse: collapse;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
}

.data-table th, .data-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.data-table th {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.data-table tr:hover {
    background-color: #f1f1f1;
}

.data-table td {
    color: #555;
    font-size: 16px;
}

.data-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.data-table td:first-child, 
.data-table th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.data-table td:last-child, 
.data-table th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Responsive for smaller screens */
@media (max-width: 600px) {
    .data-table-container {
        margin: 0;
    }

    .data-table th, .data-table td {
        font-size: 14px; /* Reduce font size on smaller screens */
        padding: 10px;
    }
}

.data-table-container h3 {
background-color: #f9f9f9;
    padding : 5px 5px 5px 5px;
border-left: 3px	solid #ff194e;
border-right: 3px	solid #ff194e;
	text-align:center
		
}
.astro-nav a {
    display: block;
    float: left;
    padding: 9px 16px 5px;
    color: #707070;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}
.ad-container {
    margin: 20px 0; /* जर तुम्हाला जाहिरातींना वर-खालीसुद्धा अंतर द्यायचे असेल तर */
}
.code-block:before
{content: "Advertisement";
    color: #bdbdbd;
    font-size: .5625rem;
    text-align: center;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
	padding-bottom: 15px;}
#block-4
{
    width: 100%;
    display: block
;
    line-height: 1.4;
    color: #888888;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}

.breadcrumb-title {margin-top:10px;
}
/* All tables will be scrollable on small screens */
@media screen and (max-width: 768px) {
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
  }

  thead, tbody, th, td, tr {
    white-space: nowrap;
  }
}
.mg-category-footer {
    margin-top: 15px;
    padding: 20px 25px;
    background: #f9f9f9;
    border-left: 4px solid #d62828;
    border-radius: 6px;
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: background 0.3s ease;
}

.mg-category-footer a {
    color: #d62828;
    font-weight: 600;
    text-decoration: none;
}

.mg-category-footer a:hover {
    text-decoration: underline;
    color: #a11111;
}
.live-update h3 {
    background: #ffefef;
    padding: 6px 12px;
    border-left: 4px solid #ff3333;
    border-radius: 4px;
    margin-top: 20px;
}
.live-update p {
    margin-left: 10px;
    font-size: 16px;
}

.mgbhook1 a {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 6px;
    background: rgb(0, 159, 21);
    text-decoration: none;
}
@media (min-width: 768px) {
     .related-2:not(.is-width-wide), .is-width-right {
        float: right;
        max-width: none;
        margin-left: 1.5rem;
    }
}

/* Force date block to be full-width under author (no inline) */
.meta-updated-card.clean-meta,
.meta-el.meta-updated,
.meta-updated-card {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  box-sizing: border-box;
  margin-top: 2px !important;
}

/* Ensure it sits below the author row, not beside avatar */
.smeta-in { display: flex; flex-direction: row; align-items: center; gap: 12px; }
/* Make sure meta area groups sit under author, not inline */
.smeta-in + .meta-updated-card.clean-meta,
.smeta-in + .meta-updated-card,
.smeta-in ~ .meta-updated-card {
  margin-left: calc( (var(--avatar-width,48px) + 12px) * 0 ) ; /* keep flush with content */
  padding-left: 0;
}

/* Tweak font & spacing for desktop */
@media (min-width: 720px) {
  .meta-updated-card.clean-meta { padding: 1px 0; }
}