/* ISSB Custom Theme - Child of prosilver */
@import url("../../prosilver/theme/stylesheet.css");

/* ============================================================
   MUNEER THEME — TYPOGRAPHY MASTER BLOCK
   Edit ONLY this section to control all fonts sitewide.
   Modified by Muneer
   ============================================================ */

:root {
  /* --- Font Family --- */
  --font-body:          'Segoe UI', Arial, Helvetica, sans-serif;
  --font-mono:          'Courier New', Courier, monospace;

  /* --- Font Sizes (desktop) --- */
  --fs-base:            15px;   /* post body, general content */
  --fs-small:           11px;   /* meta: post date, author, breadcrumbs */
  --fs-ui:              13px;   /* nav items, tabs, buttons */
  --fs-h1:              20px;   /* page/forum title */
  --fs-h2:              18px;   /* topic subject heading */
  --fs-h3:              16px;   /* section sub-headings */
  --fs-h4:              14px;   /* sidebar / minor headings */

  /* --- Font Weights --- */
  --fw-normal:          350;
  --fw-semibold:        550;
  --fw-bold:            600;

  /* --- Line Height & Spacing --- */
  --lh-base:            1.4;   /* post body */
  --lh-heading:         1.25;   /* tighter for headings */
  --lh-ui:              1.3;    /* nav / labels */
  --letter-spacing-ui:  0.01em; /* subtle, only on UI labels */

  /* --- Colors --- */
  --color-text:         #2d2d2d;
  --color-heading:      #1a1a2e;
  --color-muted:        #666666;   /* dates, meta, secondary */
  --color-link:         #1a5fb4;
  --color-link-hover:   #0d3c80;
  --color-link-visited: #1a5fb4;
  --color-code-bg:      #f5f5f5;
}

/* --- Mobile Overrides (only what changes) -------------- */
@media (max-width: 768px) {
  :root {
    --fs-base:   14px;
    --fs-ui:     12px;
    --fs-h1:     18px;
    --fs-h2:     17px;
    --fs-h3:     15px;
    --fs-h4:     13px;
    --lh-base:   1.4;   /* slightly more open on small screens */
  }
}

/* ============================================================
   APPLICATION RULES — don't edit sizes/colors here, 
   edit the :root block above instead.
   ============================================================ */

#site-name a {
  color: #ffffff;   /* change to whatever you want */
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
}

#site-description {
  font-family: var(--font-body);
  font-size:   var(--fs-small);
  color:       #ffffff;   /* or whatever suits */
  line-height: var(--lh-ui);
}


body, .postbody, .content {
  font-family: var(--font-body);
  line-height: var(--lh-base);
  color:       var(--color-text);
}

.postbody .content {
  font-size: var(--fs-base);
}

h1, .forum-title {
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  color: #ffffff;
}
h2, .topic-title  { font-size: var(--fs-h2); font-weight: var(--fw-semibold); line-height: var(--lh-heading); color: var(--color-heading); }
h3               { font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-heading); color: var(--color-heading); }
h4               { font-size: var(--fs-h4); font-weight: var(--fw-semibold); color: var(--color-heading); }

a              { color: var(--color-link);       text-decoration: none; }
a:hover        { color: var(--color-link-hover); text-decoration: underline; }
a:visited      { color: var(--color-link-visited); }



ul.topiclist dt {
  font-size: var(--fs-base);
  font-family: var(--font-body);
}



/* Forum list rows — excluding header  - on home page*/
li:not(.header) dl.row-item dt .list-inner {
  padding-left: 52px;
  padding-top:10px;
  color:inherit;
  
}

/* Category header row only - On home page */
li.header dl.row-item dt .list-inner {
  padding-left: 20px;
  padding-right: 30px;
  font-weight:450;
 
}
/* List of forums - On home page */
a.forumtitle {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  line-height: 1.2;   /* adjust this number */
}
  
  

li.header dd {
  font-size: var(--fs-ui);
  font-family: var(--font-body);
  line-height: var(--lh-ui);
  margin: 2px 0 4px 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* # of topics removed from phone display from reponsive.css */
@media (max-width: 700px) {
  ul.topiclist .responsive-show {
    display: none !important;
  }

 }

@media (max-width: 700px) {
  .post .postprofile {
    display: none;
  }
}

@media (max-width: 700px) {

    .online {
    background-image: none;
    }
}   
    
    @media (max-width: 700px) {
  .post .post-buttons {
    display: none !important;
  }
}

/*Auth name and datee*/
.postdetails,
.author {
  display: none;
} 


.postauthor, .author, .post-author { font-size: var(--fs-small); color: var(--color-muted); }
.postprofile, .postdetails         { font-size: var(--fs-small); color: var(--color-muted); }

nav, .navlinks, .breadcrumb,
.button, .nav-tabs {
  font-family:     var(--font-body);
  font-size:       var(--fs-ui);
  line-height:     var(--lh-ui);
  letter-spacing:  var(--letter-spacing-ui);
}

code, pre, .codebox {
  font-family: var(--font-mono);
  font-size:   var(--fs-small);
  background:  var(--color-code-bg);
}


a.topictitle {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  line-height: 1.2;   /* adjust this number */
}

/*bullet*/
.postbody ul,
.postbody ol {
  padding-left: 1.2em;
  margin-left: 0;
}

/*bullet mobile*/

@media (max-width: 700px) {
  .postbody ul,
  .postbody ol {
    padding-left: 1em;
    margin-left: 0;
  }
}

/* Your custom overrides go below this line 
h2.forum-title {
    font-size: 1.5em;
 margin:0.6em 0 0.6em 0;
}
h2.topic-title {
    font-size: 1.5em; 
    margin:0.6em 0 0.6em 0;
}

*/