/*
Theme Name: Ultra Lightweight by Gana
Description: A very lightweight theme by Gana
Author: gana
Author URI: https://ganaweb.in
Version: 1.1
*/
body {
    font-family: Arial, sans-serif;
    line-height: 1.4;
    color: #333;
    max-width: 1100px;
    margin: 0 auto; font-weight:600;border: 1px solid #ddd;
}
#page {
  background-color: #fff;
}
footer {
    margin-bottom: 20px;
}
header, footer {
    text-align: center;
}
header#masthead {
  height: 60px;
}
.content-area,.widget-area,.site-footer {padding: 0px 10px;}

a {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.entry-meta a {
  color: blue;text-decoration: underline;font-weight: bold;
}
.entry-meta a:hover {
  text-decoration: none;
  background-color: #E7E7E7;
}
.site-main {
    display: initial;
    flex-wrap: wrap;
}
.wp-list-table{
    table-layout:auto!important;
}
.content-area {
    flex: 2;
}

.widget-area {
    flex: 1;
}
.site-footer {
  display: grid;
  clear: both;
}
.recent-posts {
    margin-bottom: 20px;clear: both;
}

.recent-posts h3 {
    margin-bottom: 10px;
}

.recent-posts ul {
    list-style-type: none;
    padding: 0;
}

.recent-posts li {
    margin-bottom: 5px;
}
.site-branding {background-color: teal;height: 60px;}
.site-branding h1 a, .site-branding p a {color: #fff !important; padding:3px; text-decoration: none;font-size: xx-large;font-weight: bold;}
#site-navigation {
  display: none;
}
.site-title {
  margin: 2px;
}
.postsbycategory.widget_recent_entries, .wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none;
  padding: 0.25em 0;
  margin: 0.25em auto;
}
.postsbycategory.widget_recent_entries li :hover, .wp-block-latest-posts.wp-block-latest-posts__list li :hover {
  background-color: #a3d7f7;
}
.postsbycategory.widget_recent_entries li, .wp-block-latest-posts.wp-block-latest-posts__list li {
  border-bottom: 1px dashed #ddd;margin-bottom: 0.25em;
}
.postsbycategory.widget_recent_entries li a, .wp-block-latest-posts.wp-block-latest-posts__list li a {
  display: flex;
  color: #000;
  font-size: 1.25em;
  font-weight: 500;
	background: url(https://ebadi.in/arrow.png) no-repeat scroll 1px 50% #fff;
  border-bottom: 1px dashed #8e585b;
  color: #000;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 16px;
  position: relative;
  font-family: sans-serif;
  font-size: 100%;
  text-decoration: none;
}
li a img {width:105px!important;height:70px!important;border: 1px solid #ddd;border-radius: 0.5em;}
li span:nth-child(2n+1){
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.recent-posts span:nth-child(2n+1) img {margin-right: 5px;
}
.recent-posts li a{align-items:center}
.recent-posts li a {align-items: center;display: flex;margin: 0.2em auto;color: #000;
  font-weight: 540;
  font-size: 101%;
  padding: .4em;
  border-bottom: 1px dashed #1a6b9273;text-decoration: none;}
.recent-posts ul {padding: 0;margin: 1em auto;}.recent-posts ul li {list-style: none;}
.site-headerr{position:sticky;z-index:999;top:0px}


.ganah3, .recent-posts h3{
  clear: both;
  margin: 3px 2px !important;
  border-radius: .2em;
  padding: 3px 5px;
  color: #1a6b92 !important;
  font-weight: 700 !important; border:1px solid; background-color: honeydew !important;
  text-shadow: 0px 0px 0px #000 !important;
}

.tab {
  overflow: hidden;
  border-top: 3px double #1a6b92;
  background-color: transparent;
  border-bottom: 3px double #1a6b92;display: flex;
}
       .tab button {
  background-color: #cceaff;
  float: left;
  border: 1px solid #1a6b92;
  outline: none;
  cursor: pointer;
  padding: 9px 11px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 2em;
  font-weight: 600;
  color: #1a6b92;margin: 0.125em;
}
        .tab button.active , .tab button:hover {
  background-color: #1a6b92;
  color: #fff;
}
        .tabcontent {
            border-top: none;
        }
.swiper-horizontal{overflow-x: scroll;}
.entry-content p {
    text-align: left;
}
td {
    border: 1px solid #ddd;
    padding: 2px;
}
.has-fixed-layout {
    display: table;
    border-collapse: collapse;
}
h2.entry-title{text-align: left !important;}
.ganaupdate {
    padding: 0.5em;
    background-color: #e8fffd;
}
.update-separator {
    margin: 5px 0;
    border-top: 2px solid #008080;
}
li.cat-item.cat-item {float: left;list-style: none;padding: 5px;border: 1px solid;margin: 3px;width: 40%;border-image-source: linear-gradient(90deg, red, red 25%, #fbbc04, #34a853, #1967d2 75%);border-image-slice: 1;}.cat-item.cat-item a {display: block;text-decoration: none;color: #000;font-weight: 600;}li.cat-item.cat-item: hover{background-color: #d7ffe2;}
.widget {
  clear: left;
  display: flow-root;
}
 .recent-posts li a, .wp-block-latest-posts.wp-block-latest-posts__list li a {
  font-family: 'Mandali', serif;
  font-size: 16px;font-weight: 600;color: #000;
}
.entry-content {
  font-family: 'Mandali', serif;
  font-size: 20px;font-weight: 500;color: #000;
}
.entry-title {
  font-family: 'Mandali', serif;
  font-size: 22px;color: #000;
}
@keyframes buttonborder {0% {border-color: transparent;}50% {border-color: #fff;}100% {border-color: transparent;}}.buttons {text-align: center;position: relative;}button.button1, button.button2 {max-width: 400px;font-size: 12px;font-weight: 700;text-shadow: 0px 0px 3px #000;margin: 5px auto;border: 7px #999999 double;animation: buttonborder 1.25s infinite;border-radius: 0.75em;width: 90%;}button.button1 {background-color: #05ca54;}button.button2 {background-color: #0088cc;}button a {color: #fff !important;padding: 5px;margin: 2px;text-decoration: none !important;display: block;font-size: 2.1em;}

.site-title {display: inline-flex;}
.site-title img {background-color: #fff;border-radius: 50%;}

.side-menu-btn{width:40px;height:40px;background:none;border:none;border-radius:5px;cursor:pointer;padding:8px;margin: 5px;top: 5px;position: relative;left: 10px;float: left;}.side-menu-btn span{display:block;width:100%;height:3px;background:#fff;margin:5px 0;transition:.3s}.simple-side-menu{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;z-index:999;transition:.3s;box-shadow:2px 0 5px rgba(0,0,0,.1)}.simple-side-menu.active{left:0}.menu-list{list-style:none;padding:0;margin:60px 0 0}.menu-list li a{display:block;padding:15px;color:#333;text-decoration:none;border-bottom:1px solid #eee;transition:.3s}.menu-list li a:hover{background:#f5f5f5;padding-left:20px}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}.menu-overlay.active{display:block}
.sticky {position: fixed;top: 0;width: 100%; z-index: 1000;box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	background-color: #fff; /* Adjust to match your header background */
	transition: all 0.3s ease;max-width: 1100px;}
    
    /* Add padding to the body when header is sticky to prevent content jump */
    body.has-sticky-header {
        padding-top: 80px; /* Adjust to match your header height */
}
 /* Overlay for when menu is open */
.menu-overlay {position: fixed;top: 0;left: 0;right: 0; bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 999;display: none;}
.menu-overlay.active {display: block;}   
    /* Ensure the side menu appears above the overlay */
 .simple-side-menu {z-index: 1001;}
.category-posts {margin-top: 20px;}
.category-posts .post-item { display: flex;align-items: center;margin-bottom: 20px;border-bottom: 2px dashed #ccc;}
.category-posts .post-thumbnail {flex-shrink: 0;margin-right: 10px;}
.category-posts .post-thumbnail img {width: 107px;height: 82px;object-fit: cover;}
.category-posts .post-title {flex-grow: 1;font-size: 1.15rem;}
.category-posts h2 a {
  color: #000;
  font-size: 1.05rem;
}
#primary {
  margin-top: 50px;margin-bottom: 20px;
}
.page-numbers {
  padding: 5px 10px;
  color: white;
  background-color: teal;
  font-size: 1.1rem;
  font-weight: 700;
}
.header-search-container{position:relative;float: right;display:inline-block}.header-search-toggle{background:0 0;border:none;color:#fff;cursor:pointer;padding:17px 20px;display:flex;align-items:center;justify-content:center;transition:color .3s}.header-search-toggle:hover{color:#baffc2}.header-search-form{position:absolute;top:100%;right:0;background:#fff;padding:10px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999;width:300px;margin-top:5px}.header-search-form:before{content:'';position:absolute;top:-10px;right:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.header-search-form form{display:flex;align-items:center}.header-search-form .search-field{flex-grow:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px}.header-search-form .search-submit{background-color:#0073aa;color:#fff;border:none;padding:8px 12px;border-radius:0 4px 4px 0;cursor:pointer}.header-search-form .search-submit:hover{background-color:#005177}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}@media (max-width:768px){.header-search-form{width:250px}.header-search-form:before{right:22px}}
.search-icon {width: 25px;height: 25px;}
@media (min-width:768px){.entry-header h1 {font-size: 36px;}}
.entry-content, .post-content, article, .content-area, .site-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; user-select: none;}
::selection { background: transparent;
color: transparent;}
::-moz-selection { background: transparent; color: transparent;}
.related-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.related-posts ul li {
    display: flex; /* Aligns thumbnail and title side by side */
    align-items: center;
    margin-bottom: 5px; /* Adds space between each list item */
    border-bottom: 1px solid #e0e0e0; /* Optional: Divider between items */
    padding-bottom: 5px;
}

.related-posts ul li a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
}

.related-posts ul li img {
    margin-right: 5px;
    width: 120px !important;
    height: 90px !important; aspect-ratio: 120 / 90;  }

.related-posts ul li span {
   font-size: 16px;
    font-weight: 700 !important;
    width: fit-content;
}
h3.wp-block-heading {
    color: darkgreen;
    text-shadow: 0px 0px 0px black;
    font-size: 24px;
}
h2.wp-block-heading {
    color: darkred;
    text-shadow: 0px 0px 0px black;
    font-size: 24px;
}
.author-box {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    border-radius: 8px;
}

.author-avatar {
    margin-right: 15px;
}

.author-avatar img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}

.author-info {
    flex: 1;
}

.author-name {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: bold;
}

.author-description {
    margin: 0 0 10px;
    font-size: 14px;
    color: #666;
}

.author-link {
    font-size: 14px;
    color: #0073aa;
    text-decoration: none;
}

.author-link:hover {
    text-decoration: underline;
}
.kt-row-column-wrap.kt-has-3-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top {display: grid;}
@media screen and (min-width: 768px) {body:not(.home) #secondary {width: 30%;float: left; position: relative; margin-top: 50px; padding:5px; border-left:1px solid #ddd;}
body:not(.home) #primary {width: 65%;float: left;} body {box-shadow: 0px 0px 2px #008080;}#page {background-color: #fff;}}