/*!
Theme Name: CSEplusJan2026
Theme URI: https://www.webicules.com
Author: Webicules Technology
Author URI: https://www.webicules.com
Description: CSEplus 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;

font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-family: "Noto Sans Devanagari", sans-serif;
*/

:root { 
    --bg1: #fff;
    --bg2: rgb(246,245,245);
    
    --col1: rgb(84, 36, 124);
    
    --link: rgb(20, 20, 205);
    --linkv: rgb(153, 50, 204);
    --linkh: rgb(233, 30, 99);
    --linkf: #FFBF00;
    --linka: rgb(76, 175, 80);
    
    --text1: #3a3b3c;
    
    --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; font-size: 100%; }
body { background-color: var(--bg2); color: #443355; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.05rem; line-height: 1.65rem; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; }

h1 { margin: 0; padding: 0; font-size: 2rem; line-height: 3.3rem; font-weight: 600; color: var(--col1); }
h2 { margin: 0; padding: 8px 0 0 0 ; font-size: 1.5rem; line-height: 2.5rem; font-weight: 600; }
h3 { margin: 0; padding: 8px 0 0 0; font-size: 1.3rem; line-height: 2.2rem; font-weight: 600; }
h4 { margin: 0; padding: 6px 0 0 0; font-size: 1.2rem; line-height: 2rem; font-weight: 600; }
h5 { margin: 0; padding: 6px 0 0 0; font-size: 1.1rem; line-height: 1.8rem; font-weight: 600; }
h6 { margin: 0; padding: 4px 0 0 0; font-size: 1.05rem; line-height: 1.65rem; font-weight: 600; }

p { margin: 0; padding: 0.5rem 0 0.5rem 0; font-size: 1.05rem; line-height: 1.65rem; font-weight: 400; }

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; }
:target { scroll-margin-top: 100px; }

/* navbar */
.container-header { background: var(--bg1); -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: 700;  }
.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 */
.post-image { margin: 12px 0;}
.featured-hero { margin: 0 0 1rem; }
.lqip-wrapper { border-radius: 12px; box-shadow: 2px 2px 8px rgba(20,20,20,0.4); position: relative; overflow: hidden; aspect-ratio: 16 / 9; }
.lqip-img { width: 100%; height: 100%; object-fit: cover; filter: blur(20px); transform: scale(1.1); }
.hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 400ms ease; }
.hero-img.loaded { opacity: 1; }
.featured-caption { font-size: 0.875rem; color: #6c757d; text-align: center; margin-top: 0.5rem; }

/* toc */
#ez-toc-container { background: rgba(128,0,128,0.02); border-color: rgba(128,0,128,0.1); }
#ez-toc-container a { padding-bottom: 8px; }
#ez-toc-container a:link { color: var(--link); } 
#ez-toc-container a:visited { color: var(--linkv); }
#ez-toc-container a:hover { color: var(--linkh); }
.ez-toc-title-container p { color: rgba(128,0,128,1); }

/* 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; }
.post-content ul { margin: 0 16px 8px 16px; padding: 0; }
.post-content li { margin: 0 10px 0 10px; padding: 6px 0 0 6px; font-size: 15px; line-height: 22px; }

.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;}

/* post sections */
.section1 { margin: 1.6rem 0; padding: 1.2rem; background: var(--bg1); border: 2px solid var(--col1); border-radius: 0.4rem; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); text-align: justify; }
.section1 h2, .section1 h3, .section1 h4 { color: var(--col1); }
.section1q { margin: 1.6rem 0; padding: 1.2rem; background: rgba(252,250,216,1); border-radius: 0.4rem; -webkit-box-shadow: 0px 2px 8px rgba(252,250,216,0.1); box-shadow: 0px 4px 8px rgba(252,250,216,0.1); }

/* MCQs */
.mcq-eng { margin: 16px 0; padding: 16px; background: #fff; border: 1px solid rgba(0, 0, 140, 0.2); border-radius: 8px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 140, 0.2); box-shadow: 0px 4px 8px rgba(0, 0, 140, 0.2); }
.mcq-hi { margin: 16px 0; padding: 16px; background: #fff; border: 1px solid rgba(0, 140, 0, 0.2); border-radius: 8px; -webkit-box-shadow: 0px 2px 8px rgba(0, 140, 0, 0.2); box-shadow: 0px 4px 8px rgba(0, 140, 0, 0.2); }
.mcq-ans { margin: 16px 0; padding: 16px; background: #fff; border: 1px solid rgba(140, 0, 0, 0.2); border-radius: 8px; -webkit-box-shadow: 0px 2px 8px rgba(140, 0, 0, 0.2); box-shadow: 0px 4px 8px rgba(140, 0, 0, 0.2); }
.mcq-exam { padding: 4px 12px; font-weight: 600; background-color: rgba(248,64,136,0.05); color: rgba(248,64,136,1); border: 1px solid rgba(248,64,136,0.6); border-radius: 4px; }
.mcq-quest { padding: 0 6px 0 0; font-weight: 600; }
.mcq-option { padding: 0 6px 0 0; font-weight: 600; }
.mcq-option-correct { padding: 0 6px 0 0; font-weight: 600; }
.mcq-explanation { padding: 0 6px 0 0; font-weight: 600; }

/* 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;  }
.words1 { padding-left: 6px; padding-right: 6px; font-style: italic; }
.marks1 { display: block; float: right !important; 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; background: #fff; border-radius: 6px; border: 1px solid rgba(0,0,140,0.2); 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; }


/* tips1  */
.tips1 { display: block; margin: 1rem 0; padding: 1rem; background: rgba(255,255,236,1); border: 2px solid rgba(255,196,8,1); border-radius: 6px; box-shadow: 2px 2px 4px 6px rgba(255,196,8,0.1)!important;  }
.tips1 h3 { padding: 0; }
.tips1 img { display: inline-block; margin: 0 14px 0 0; }
.tips1 p { }

/* 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 { }   
  
.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: #fff; }
.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); }