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

:root { 
    --linkl: rgba(0,0,140,1);
    --linkh: rgba(140,0,0,1);
}

html, body { font-family: Helvetica, Helvetica Neue, Arial, Sans-serif; font-display: optional; font-weight: 400; font-style: normal; background: #fff; color: #2a2b2c; font-size: 1rem; line-height: 1.35rem; }
body { padding-top: 64px; }

h1 { margin: 0 0 10px 0; padding: 0; font-size: 2rem; line-height: 2.6rem; font-weight: 600; }
h2 { margin: 16px 0 5px 0; padding: 0; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; }
h3 { margin: 14px 0 4px 0; padding: 0; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; }
h4 { margin: 12px 0 3px 0; padding: 0; font-size: 1.4rem; line-height: 2rem; font-weight: 600; }
h5 { margin: 10px 0 2px 0; padding: 0; font-size: 1.3rem; line-height: 1.8rem; font-weight: 600; }
h6 { margin: 8px 0 1px 0; padding: 0; font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; }

p { margin: 0; padding: 0.2rem 0 0.9rem 0; font-size: 0.95rem; line-height: 1.5rem; } 

a:link { color: var(--linkl); text-decoration: none; } 
a:visited { color: var(--linkl); } 
a:hover, a:focus { color: var(--linkh); text-decoration: underline; } 
a:active { color: var(--linkl); } 

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

/* navbar */
.container-header { background: rgba(255,255,255,1); }
.bg-light { background: transparent!important;   }

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

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

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

.offcanvas-header { background: rgba(228,228,248,1); padding: 6px 16px;}
.offcanvas-body { padding: 6px 16px; }
.offcanvas-title { font-size: 1.6rem; color: var(--linkl);}


/* Footer */
footer { margin: 0; }
.footer1 { background: rgba(0,0,0,1); padding: 12px 0; font-size: 14px; line-height: 20px; color: #ccc; text-decoration: none; }
.footer1 p { margin: 0; padding: 0 0 14px 0; font-size: 14px; line-height: 20px;  }
.footer1 h3 { margin: 12px 0 12px 0; padding: 0 0 4px 0; color:#ddd; text-transform: uppercase; border-bottom: 2px solid #888; }
.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:5px 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; }

/* breadcrumb */
.bc-10 {  margin: 20px 0 48px 0; padding: 14px 0 0 0; }
.bc-10 p { font-size:0.85rem; line-height: 1.2rem; }
.bc-10 a { font-size:0.85rem; line-height: 1.2rem; font-weight: 600;  text-decoration: none; }

/* Home Page pagintion */
.pagination { margin: 16px 0; text-align: center; font-size: 0.95rem; line-height: 1.5; }
.pagination h2 { margin: 0; }
.page-numbers { display: inline-block; min-width: 40px; margin: 4px 4px; padding: 4px 8px; border-radius: 6px; background: var(--navbar-bg-darkblue); color: #fff; }
.pagination a { color: #fff; }
.current { background: green; }

@media screen and (min-width: 768px) {
  .box1 { margin: 16px 0 16px 0; padding: 16px; background: #fff; border-radius: 8px; border: 1px solid rgba(0,0,140,0.2); }
}

/* uniform box1   */
.box1 { margin: 16px 0 16px 0; padding: 16px; background: #fff; border-radius: 8px; border: 1px solid rgba(0,0,140,0.2); }

/* Single Post */
.single-content a:link { font-weight: 600; }
.single-content ul { margin: 0 16px 8px 16px; padding: 0; }
.single-content li { margin: 0 10px 0 10px; padding: 0 0 10px 6px; font-size: 0.95rem; line-height: 1.3rem; }

.post-author1 { margin: 10px 4px; padding: 2px 0; font-size: 0.8rem; line-height: 1.2rem; color:#444; }
.post-author1 a:link { text-decoration: underline; }
.featured-image1 { margin: 12px 0 28px 0; }
.table1 { margin: 0; padding: 0; font-size: 0.9rem; line-height: 1rem; text-align: right; }

/* COI */
.text-box-coi { margin: 1rem 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; }


/* 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 { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.post-tags li { float: left; }
.post-tag { 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-tag a { color: var(--linkl); font-size: 12px; line-height: 14px; text-decoration: none; }
.post-tag:hover { background: var(--linkh); color: #fff;  border: 1px solid var(--linkh); }
.post-tag:hover a { color: #fff; }

/* author box  */
.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; }

/* Table of content */
#toc_container { margin: 4px; padding: 6px; background: rgba(4,76,160,0.06); border: 1px solid var(--linkl); 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: 8px 10px; list-style: none; }
#toc_container a:link { font-size: 0.95rem; font-weight: 400; text-decoration: none; }

/* 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; }