/*!
Theme Name: CSEguideJan2026
Theme URI: https://www.webicules.com
Author: Webicules Technology
Author URI: https://www.webicules.com
Description: CSEguide Jan 2026
Version: 3.5.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: wt-blog-2023
https://materialui.co/colors/
font-family: Helvetica, Helvetica Neue, Arial, Sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,  Arial, sans-serif;

font-family: Helvetica, Helvetica Neue, Arial, Sans-serif; font-display: optional; font-weight: 400; font-style: normal;

 --link: #0154BE;
    --linkh: #e31837;

*/

:root { 
   
    
    --col1: rgb(63, 81, 181);
    
    
    --link: rgb(63, 81, 181);
    --linkv: rgb(156, 39, 176);
    --linkh: rgb(233, 30, 99);
    --linkf: #FFBF00;
    --linka: rgb(76, 175, 80);
    
    --text1: #3a3b3c;
    
    --bg1: #fff;
    --bg2: #E1EFF8;
    
    --padding1: 1rem;
    --margin1: 1rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

* { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background-color: rgba(20,72,120,0.01); font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 1.05rem; line-height: 1.7rem; }

h1 { margin: 0; padding: 0.9rem 0; font-size: 2rem; line-height: 2.2rem; font-weight: 700; }
h2 { margin: 0; padding: 7px 0 3px 0 ; font-size: 1.6rem; line-height: 2.1rem; font-weight: 700; }
h3 { margin: 0; padding: 6px 0 2px 0; font-size: 1.3rem; line-height: 2.0rem; font-weight: 600; }
h4 { margin: 0; padding: 5px 0 2px 0; font-size: 1.3rem; line-height: 1.9rem; font-weight: 600; }
h5 { margin: 0; padding: 4px 0 1px 0; font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; }
h6 { margin: 0; padding: 3px 0 1px 0; font-size: 1.1rem; line-height: 1.7rem; font-weight: 600; }

p { margin: 0; padding: 0.2rem 0 1.4rem 0; font-size: 1.05rem; line-height: 1.7rem;  }

a { text-decoration: underline; text-underline-offset: 2px; }
a:link { color: var(--link); } 
a:visited { color: var(--linkv); }
a:hover { color: var(--linkh); text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid var(--linkf); outline-offset: 2px; text-decoration: none; } 
a:active { color: var(--linka); } 

blockquote { display: inline-block; margin: 10px; padding: 6px 14px 14px 10px; background: #FFFDE7; border: 1px solid #FFAD00; border-top: 5px solid #FFAD00; border-left: 4px solid #FFAD00; font-size: 1.1rem; line-height: 1.6rem; color: #222; font-style: italic; border-radius: 6px; }
blockquote:before { content: '\201c'; display: block; position: relative; top: 0; margin-bottom: 0; color: #FFAD00; font-family: serif; font-weight: 600; font-size: 4.2em; line-height: 0.3; }
mark { background-color: #FFF59D; border-radius: 6px; }

.top-padding { padding-top: 76px; }

/* navbar */
.container-header { background: var(--bg1); border-top: 3px solid var(--col1); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); }
.bg-light { background: transparent!important;   }

.site-brand {  height: 52px;}
.site-brand a { text-decoration: none; color: var(--col1); }
.site-brand a:hover { color: var(--linkh); }
.site-logo  { display: inline-block; float: left;  }
.site-logo img { display: inline-block; float: left; margin: 6px 8px 2px 0; }
.site-name { padding: 6px 0 2px 0; font-size: 22px; line-height: 24px; font-weight: 600;  }
.site-desc {  font-size: 10px; line-height: 14px;  }

.navbar-light .navbar-nav .nav-link { font-size: 0.95rem; line-height: 1.4rem; margin: 2px 2px; padding: 6px 8px 8px 8px; text-decoration: none; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { background: #E1EFF8; color: var(--linkh); font-weight: 600; border-radius: 6px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { background: #E1EFF8; color: var(--linkh); text-decoration: none; border-radius: 6px;}
.dropdown-menu { background: #E1EFF8; border: 1px solid var(--link);  }
.dropdown-item { color: var(--link)!important; }
.dropdown-item.active, .dropdown-item:active { background: #fff; color: var(--linkh)!important; font-weight: 600; }
.dropdown-item:hover { background: #fff; color: var(--linkh)!important; }

.navbar-toggler { background-color: #fff; border: 1px solid rgba(228,228,248,1); }

.offcanvas-header { background: #E1EFF8; padding: 6px 16px;}
.offcanvas-body { padding: 6px 16px; }
.offcanvas-title { font-size: 1.6rem; color: var(--link);}


/* breadcrumb */
.breadcrumb10 { margin: 1.2rem auto; font-size: 0.9rem; line-height: 1.4rem; }
.breadcrumb10 p { font-size: 0.9rem; line-height: 1.4rem; color: #444; }
.breadcrumb10 a { font-weight: 500; text-decoration: none; }
.breadcrumb10 a:hover { text-decoration: none; }

/* Footer */
footer { margin: 0; }
.footer1 { background: var(--col1); padding: 12px 0; font-size: 14px; line-height: 20px; color: #ccc; text-decoration: none; }
.footer1 p { margin: 0; padding: 6px 0 6px 0; font-size: 14px; line-height: 22px;  }
.footer1 h4 { color:#ddd; text-transform: uppercase; }
.footer1 svg { margin-left: 6px; }
.footer1 a { color: #eee; font-weight: 600;  }
.footer1 a:hover {  }
.footer1 ul { list-style: none; margin: 0 0 0 20px; padding: 0; }
.footer1 ul li { margin: 0; }
.footer1 ul li:before { content: "\203A"; padding: 0 10px 0 6px; }

/* footer widgets */
footer .widget { margin: 12px 0; background: transparent; border: none; }
footer .widget h3 { border-bottom: dashed 1px #fbdf24; margin: 0 0 12px 0; padding: 2px 0 6px 0; color: #fbdf24; font-size: 18px; line-height: 22px; font-weight: 600; }
footer .widget ul { list-style: none; margin: 0 0 0 20px; padding: 0; }
footer .widget ul li { margin: 0; padding:6px 0; }
footer .widget ul li:before { margin-right: 2px; padding: 0 8px 0 4px; content: "\203A"; }

/* Home Page Post Grid */
.home-10 { margin: 24px 0; }
.grid40 { margin: 0 0 28px 0; background: #fff; border: 1px solid #ddd; border-radius: 6px;  transition: all 0.1s ease-in-out 0s; }
.grid40:hover { box-shadow: 0 8px 12px rgba(100,100,100,0.4)!important; transform: scale(1.04); }
.grid40h { padding: 16px; height: 64px; overflow: hidden; border-radius: 8px; }
.grid40 ul { list-style: none; margin: 0; padding: 0; }
.grid40 ul li { margin: 0; padding: 0 0 14px 28px; font-size: 0.95rem; line-height: 1.2rem; text-align: start; }
.grid40 ul li:before { margin: 0 0 0 -17px; padding: 0 12px 0 0; content: "\203A"; }
.grid40b { min-height: 320px; overflow: hidden; padding: 14px; }
.grid40c a { text-align: center;  margin: 4px 4px 4px 4px; padding: 6px 10px 0 10px; border: 1px solid rgba(0,128,255,1); border-radius: 6px; font-size: 0.85rem; line-height: 1.2rem; }
.grid40c p { margin: 0; padding: 0; font-size: 0.85rem; line-height: 1.2rem; }



/* Home Page pagintion */
.pagination { margin: 16px 0; padding: 8px 0; border-top: 1px solid var(--link); border-bottom: 1px solid var(--link); text-align: center; font-size: 0.9rem; line-height: 1.4rem; }
.pagination h2 { display: none; margin: 0; padding: 0; font-size: 1.2rem; line-height: 1.4rem; }
.page-numbers { display: inline-block; min-width: 40px; margin: 4px 4px; padding: 4px 8px; border-radius: 6px; background: #fff; color: #222; }
.pagination a { border: 1px solid var(--link); color: var(--link); }
.current { background: var(--link); color: #fff; font-weight: 600; }




/* featured image */
.featured-hero {
  margin: 0 0 1rem;
}

/* Image stack only */
.lqip-wrapper { border-radius: 12px; box-shadow: 2px 2px 8px rgba(20,20,20,0.4);
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; /* CLS safety */
}

/* Blur placeholder */
.lqip-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(20px);
  transform: scale(1.1);
}

/* Full image */
.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 400ms ease; 
}

.hero-img.loaded {
  opacity: 1;
}

/* Caption */
.featured-caption {
  font-size: 0.875rem;
  color: #6c757d;
  text-align: center;
  margin-top: 0.5rem;
}


/* Single Post */
.post-meta { margin: 0.5rem 0 1.2rem 0;}
.post-meta p { margin: 0; padding: 0; font-size: 0.9rem; line-height: 1.3rem; color: #555; }
.post-meta a { font-weight: 500; }
.post-image img { }

.post-content a { text-decoration: underline; font-weight: 500; }
.post-content ul { margin: 0 16px 8px 16px; padding: 0; }
.post-content li { margin: 0 10px 0 10px; padding: 0 0 10px 6px; font-size: 1.05rem; line-height: 1.5rem; }

.table1 { margin: 0; padding: 0; font-size: 0.9rem; line-height: 1rem; text-align: right; }

.wp-caption { margin: 1.5rem 0; max-width: 100%; height: auto; border: 1px solid #ccc;}
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { padding: 0.5rem 1rem; font-size: 0.9rem; background: #eee; border-top: 1px solid #ccc;}

/* Table of content */
#toc_container { margin: 1rem 0; padding: 1rem 0.4rem; background: var(--bg2)!important; border: 1px solid var(--link); border-radius: 6px; }
#toc_container p { padding: 2px 0 6px 14px; font-size: 1.4rem; line-height: 1.8rem; font-weight: 600; }
#toc_container li, #toc_container ul { margin: 0; padding: 6px 6px; list-style: none; font-size: 0.9rem; line-height: 1.4rem; }
#toc_container a:link { font-size: 0.9rem; line-height: 1.4rem; font-weight: 400; text-decoration: none; }


/* COI */
.text-box-coi { margin: 1.3rem 0; padding: 0.9rem; background: rgba(228,228,248,1); border: 1px solid var(--blue1); border-radius: 0.5rem; }
.coi-part { margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.8rem; }
.coi-chapter { margin: 0; padding: 0; font-size: 1.2rem; line-height: 1.6rem; }
.coi-chapter-title { margin: 0; padding: 0; font-size: 1.2rem; line-height: 1.5rem; font-style: italic;  }
.text-box-coi li { padding: 0 0 14px 0; list-style: none;}

/* Question and Answers */
.question10 { margin: 2rem 0; border:1px solid rgba(0,0,140,0.1); border-radius: 0.5rem;}
.question10h { padding: 1.4rem 1rem; border-bottom:1px solid rgba(0,0,140,0.1);}
.question10b { padding: 1.4rem 1rem; background: #FFFDE7; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}

.highlight-red { padding: 0 6px; background-color: #ffcccb; }
.highlight-green { padding: 0 6px; background-color: #cbf7b8; }
.highlight-yellow { padding: 0 6px; background-color: yellow; }

/* quest-prev-next */
.quest-prev-next { display: block; font-weight: 600; }
.quest-prev { display: inline-block; }
.quest-next { display: inline-block; }

/* Mains Question Paper */
.paper1 { margin: 2rem 0; padding: 1rem; background: rgba(250,249,222,0.1); border: 1px solid rgba(0,0,140,0.2); border-radius: 6px;  }
.marks1 { color: darkred; font-weight: 600;}


/* Post Categories */
.post-cats-div { margin: 24px 0 48px 0; }
.post-cats { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.post-cats li { float: left; }
.post-cat { display: inline-block; margin: 0 10px 10px 0; padding: 1px 8px 3px 8px; background: #fff; color: var(--linkl); border-radius: 6px; border: 1px solid var(--linkl); -webkit-transition: color 0.2s; }
.post-cat a { color: var(--linkl); font-size: 12px; line-height: 14px; text-decoration: none; }
.post-cat:hover { background: var(--linkh); color: #fff;  border: 1px solid var(--linkh); }
.post-cat:hover a { color: #fff; }

/* Post Tags */
.post-tags-div { display: inline-flex;}
.post-tags { display: block; list-style: none; margin: 0; margin-bottom: 20px; padding: 0; }
.post-tags li { float: left; display: inline-block; }
.post-tag { margin: 10px; padding: 4px 12px; background: rgb(220,220,220); color: var(--linkl); border-radius: 6px; border: 1px solid var(--linkl); -webkit-transition: color 0.2s; }
.post-tag a { color: var(--linkl); font-size: 14px; line-height: 18px; text-decoration: none; }
.post-tag:hover { background: var(--linkh); color: #fff; }
.post-tag:hover a { color: #fff; }

/* author box  */
.author-box { display: block; border-radius: 6px; border: 1px solid #e2e2e2; box-shadow: 1px 1px 3px #00000026; padding: 15px 20px 20px; margin-bottom: 20px; }
.author-avatar { margin: 8px;}
.author-avatar img { background: #fff; padding: 1px; border: 1px solid #f4f8fc; border-radius: 96px;}
.avatar { display: inline-block; margin: 0 14px 0 0; padding: 0; background: #fff;  border: 1px solid rgba(238,240,244,1); border-radius: 64px; }
.author-desc-body { padding: 8px 14px; font-size: 0.95rem; line-height: 1.45rem; }
.author-desc-body p { padding: 4px 0; margin: 0;}
.author-desc-body a:link { font-weight: 600; text-decoration: none; }
.author-desc-body ol {  margin: 0 16px 0 20px; padding: 0; }
.author-desc-body ol li { margin: 0; padding: 6px 0 6px 0; }


/* Post Grid */
.grid30 { margin: 0 0 28px 0; background: #fff; border: 1px solid rgba(0,0,140,0.2); border-radius: 6px;  transition: all 0.1s ease-in-out 0s; }
.grid30:hover { box-shadow: 0 8px 12px rgba(100,100,100,0.4)!important; transform: scale(1.04); }
.grid30h { background: #ddd;  height: 132px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px;  }
.grid30h img { margin: 0; border-radius: 8px 8px 0px 0px; }
.grid30b { height: 204px; overflow: hidden; padding: 14px; }
.grid30b h2 { margin: 0 0 4px 0; padding: 0; font-size: 17px; line-height: 22px; }
.grid30b h4 { margin: 0 0 4px 0; padding: 0; font-size: 17px; line-height: 22px; }
.multi-post1-date1 {  margin: 0 0 2px 0; padding: 2px 0; font-size: 12px; line-height: 16px; }
.grid30c {  margin: 2px 0 2px 0; padding: 2px 0; font-size: 15px; line-height: 20px; color: #444; text-align: justify; }
.grid30c a { text-align: center;  margin: 4px 4px 4px 4px; padding: 6px 10px 0 10px; border: 1px solid rgba(0,128,255,1); border-radius: 6px; font-size: 0.85rem; line-height: 1.2rem; }
.grid30c p { margin: 0; padding: 0; font-size: 0.85rem; line-height: 1.2rem; }
.grid30:hover .grid30c a { background: rgba(0,128,255,1); color: #fff; }
.read-more { display: block; }



/* sidebar */
aside { margin-bottom: 48px; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
.widget { margin: 16px 0 16px 0; padding: 16px; background: #fff; border-radius: 8px; border: 1px solid rgba(0,0,140,0.2); }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { margin: 0; padding: 0 0 6px 22px; font-size: 0.9rem; line-height: 1.2rem; text-align: start; }
.widget ul li:before { margin: 0 0 0 -22px; padding: 0 12px 0 0; content: "\203A"; }
.widget_search .screen-reader-text { display:none; }
.widget_search #s { font-size: 16px; line-height: 16px; padding: 4px 8px; margin: 0;border:1px solid #00437C; border-radius: 8px; }
.widget_search #searchsubmit { background: #00437C; border:1px solid #00437C; border-radius: 8px; padding: 2px 8px; margin: 0; color: #eee; }

/* Comments section */
#comments { margin: 16px 0 16px 0; padding: 16px; background: #fff; border-radius: 8px; border: 1px solid #ddd; }
.comment { margin: 1.2rem 0; border-radius: 0.5rem; border: 1px solid rgba(156,215,248,1); }
.comment-author {  padding: 8px 14px; background: rgba(156,215,248,1); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;  }
.comment-author img { margin-right: 6px; }
.comment-meta { padding: 6px 14px; font-size: 0.9rem; background: rgba(156,215,248,0.2); }
.comment p { padding: 6px 14px; background: rgba(156,215,248,0.2);}
.comment .reply { display: none; }
.bypostauthor:before { display: inline-block; content:"Author"; margin: 8px 4px; padding: 2px 14px; border: 1px solid rgba(156,215,248,0.2); border-radius: 40px; float:right; background-color:#fff; font-size: 14px; }
.bypostauthor .avatar { border:1px solid #FF1100; border-radius: 48px; }
.comment-edit-link { display: none;}
#respond { margin: 16px 0 16px 0; padding: 16px; background: #fff; border-radius: 8px; border: 1px solid #ddd; }
 
/* Highlight active form field */
#respond input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; }
#respond input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 2px solid rgba(81, 203, 238, 1); }
#submit { display:block; background:#fff; color: var(--linkl); border-radius: 8px; border:1px solid var(--linkl); cursor:pointer; padding:4px 10px; text-decoration:none; } 
#submit:hover { background: var(--linkh); color: #fff;  border: 1px solid var(--linkh);  }
p.comment-policy { border: 1px solid #ffd499; background-color: #fff4e5; border-radius: 5px; padding: 10px; margin: 10px 0px 10px 0px; font-size: small; font-style: italic; }

textarea { width: -webkit-fill-available; width: -moz-available; }




@media screen and (min-width: 768px) {
  p { margin: 0; padding: 0.2rem 0 1.4rem 0; font-size: 1rem; line-height: 1.5rem; }   
  
.post-content li { margin: 0 10px 0 10px; padding: 0 0 10px 6px; font-size: 1rem; line-height: 1.4rem; }
}

.ad1 { min-height: 480px;  margin: 16px auto; padding-top: 4px; padding-bottom: 4px;}
.ad2 { background: var(--bg2); }
.ad2 p { font-size: 12px; line-height: 12px; margin: 0; padding: 4px 0;}



.box10 { background: #fff; border-radius: 6px; border: 1px solid #e2e2e2; box-shadow: 1px 1px 3px #00000026; padding: 15px 20px 20px; margin-bottom: 20px;}


.qbox10 { padding: 3rem 0; }
.qbox10e { margin: 16px 0; padding: 16px; border: 1px solid rgba(6,3,141,0.2); border-radius: 6px; background: #fff; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);}
.qbox10h { margin: 16px 0; padding: 16px; border: 1px solid rgba(244,196,48,0.2); border-radius: 6px; background: #fff; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); }
.qbox10a { margin: 16px 0; padding: 16px; border: 1px solid rgba(244,196,48,0.2); border-radius: 6px; background: #fff; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); }