/*
Theme Name:        MOHI      
Description:       MOHI is a clean, responsive WordPress theme designed for technology blogs, tutorials, reviews, and news sites. It includes modern layouts, fast performance, and user-friendly features to help you publish tech-related content with ease. This theme is flexible enough to be used for personal blogs, educational sites, or any content-focused website.
Version:           1.0.9
Author:            Mohimen
Tags:              blog, education, news, two-columns, custom-background, custom-menu, custom-logo, featured-images, sticky-post, threaded-comments, translation-ready
Text Domain:       mohi
Domain Path:       /lang
Tested up to:      6.9
Requires at least: 6.0
Requires PHP:      7.4
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Copyright © 2026 Mohimen

*/

.nav-links a{
    padding: 4px 6px;
    border: 1px solid #4e4e4e;
    text-decoration: none;
    border-radius: 3px;
    color: #000;
    background-color: #f4f7f9;
}
.nav-links a:hover{
    background-color: #6A0DAD;
    color: #fff;
}
.nav-links .current{
    background-color: #6A0DAD;
    color: #fff;
    padding: 4px 6px;
    border: 1px solid #4e4e4e;
    border-radius: 3px;

}

.badge a{
    color: #fff;
    
}
.comment-link {
    text-decoration: none;
    color: inherit;
}
.socail a {
    margin-left: 10px;
}
cite.fn {
    font-size: 1rem;
    font-weight: bold;
    text-transform: capitalize;
}
.comment-meta.commentmetadata a {
    text-decoration: none;
    color: #4e4e4e;
    font-size: 15px;
}
.reply{
    margin-bottom: 25px;
}
.reply a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
ul.children {
    list-style: none;
}
cite.fn a {
    text-decoration: none;
    font-style: normal;
    color: #000;
    text-transform: capitalize;
}
div#div-comment-5 p {
    line-height: 1.8;
}

p.logged-in-as a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
div#respond a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
}
img.footer-logo {
    width: 160px;
    height: auto;
    margin: 12px 0;
}

header,
nav,
.navbar {
  overflow: visible !important;
}
.card-footer.m-auto.bg-white.border-0 a:hover {
    color: #fff !important;
}
.card-body span{
    display: inline-flex; 
    flex-wrap: wrap;
    gap: 2px;
}
.entry-header span{
    display: inline-flex; 
    flex-wrap: wrap;
    gap: 2px;
}
.entry-title {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word; 
}
.gallery-item {
    width: 49%;
    display: inline-block;
    margin: 0.5%;
    text-align: center;
    box-sizing: border-box; 
}
.gallery-item img {
    max-width: 100%;
    height: auto;
}
ul.menu.fallback-menu {
    list-style: none;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 1.8rem;
    margin-right: 2.5rem;
    
}
ul.menu.fallback-menu{
    transition: transform 0.3s ease;
}
ul.menu.fallback-menu:hover{
    transform: scale(1.2);
}
ul.menu.fallback-menu a:hover{
    color: #6A0DAD;
}

/* -----------------------------------------------
   Desktop dropdown – hover open + right flyout
----------------------------------------------- */
@media (min-width: 992px) {

  .navbar-nav .dropdown-menu {
    display: none;
    margin-top: 0;
  }

  .navbar-nav .dropdown:hover > .dropdown-menu,
  .navbar-nav .dropdown-menu.show {
    display: block;
  }

  /* Nested submenu flies out to the right – hover */
  .navbar-nav .dropdown-menu .dropdown:hover > .dropdown-menu {
    display: block;
    top: 0;
    left: 100%;
  }

  
  .navbar-nav .dropdown-menu .dropdown > .dropdown-menu.show {
    display: block;
    top: 0;
    left: 100%;
  }
}

/* -----------------------------------------------
   Nav wrap – keeps nav-link + toggle on one line
   Button sits flush right after link text,
   exactly where mohi-caret used to be.
----------------------------------------------- */
.mohi-nav-wrap {
    display: inline-flex;
    align-items: center;
}

/* -----------------------------------------------
   Submenu toggle button
   Visible on desktop and mobile.
   Sits right after the nav-link text like a caret.
----------------------------------------------- */
.mohi-submenu-toggle {
    background: none;
    border: none;
    padding: 0 0 0 3px;
    margin: 0;
    cursor: pointer;
    line-height: 1;
    color: inherit;
    font-size: 0.65em;
    vertical-align: middle;
}

.mohi-submenu-toggle:focus {
    outline: 2px solid #6a0dad;
    outline-offset: 2px;
    border-radius: 3px;
}

@media (max-width: 991.98px) {
    .mohi-submenu-toggle {
        padding: 2px 6px;
        font-size: 0.75em;
    }
}

/* Suppress Bootstrap's auto caret on nav-link */
.nav-item.dropdown > .nav-link::after {
    display: none;
}


.dropdown-menu .dropdown > .dropdown-item::after {
    display: none;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: .8rem;
    padding-right: 0;
}
.mohi-submenu-toggle {
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 0 1px;
    cursor: pointer;
    line-height: 1;
    color: inherit;
    font-size: 0.65em;
    vertical-align: middle;
    margin-top: 5px;
}
/* -----------------------------------------------
   Header Search Field – default colors
   (overridden by Customizer inline CSS)
----------------------------------------------- */
.srch-input{
    outline: 0;
    height: 45px;
    width: 80%;
    border: 2px solid #6A0DAD;
    border-radius: 50px;
}

.btn0{
    outline: none;
    height: 45px;
    border: none;
    width: 30%;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    border-radius: 50px;
    margin-left: -45px;
}
.btn0:hover{
    color: var(--bs-light);
}
.navbar-light .navbar-nav .nav-link{
    color: #000;
}
.navbar-nav li{
    margin-left: 5px;
}
.navbar-toggler{
    padding: .25rem .25rem;
    font-size: 1rem;
}
/* -----------------------------------------------
   Sticky Sidebar – avoid overlapping the navbar
----------------------------------------------- */
.sticky-top {
    top: 0px !important;
}
.sticky-sidebar {
    top: 60px !important;
}

/* sidebar card */
.card-header.sidebar-header {
    background-color: #6A0DAD;
}

/* mobile responsive offcanvas  */
div#offcanvasNav a {
    color: #000;
}
/* -----------------------------------------------
   Widget title – consistent spacing
----------------------------------------------- */
.widget {
    margin-bottom: 2rem;
}

.widget-title,
.widgettitle {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #dee2e6;
}

/* -----------------------------------------------
   Comment submit button – clear visual distinction
----------------------------------------------- */
.btn.cmt-btn,
input#submit.btn.cmt-btn {
    background-color: #6a0dad;
    color: #fff;
    border: none;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.btn.cmt-btn:hover,
input#submit.btn.cmt-btn:hover {
    background-color: #530aa0;
    box-shadow: 0 2px 8px rgba(106, 13, 173, 0.35);
    color: #fff;
}

.btn.cmt-btn:focus,
input#submit.btn.cmt-btn:focus {
    outline: 3px solid #b47fe0;
    outline-offset: 2px;
}

/* -----------------------------------------------
   Skip links
----------------------------------------------- */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
}

.skip-link:focus {
    left: 10px;
    top: 10px;
    background: #ffffff;
    color: #000000;
    padding: 12px 16px;
    text-decoration: none;
    z-index: 100000;
    border: 2px solid #000;
}

/* -----------------------------------------------
   Content Links
----------------------------------------------- */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a {
    text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.comment-content a:hover,
.widget a:hover {
    text-decoration: none;
}

footer.footer {
    background-color: #F8F9FA;
}

/* 404 page style */

.tit{
    font-size: 3rem;
}