/*
Theme Name: sarkaricareer
Theme URI: http://example.com/my-custom-theme
Author: Jogindar Rai Das
Author URI: http://example.com
Description: A custom theme for WordPress.
Version: 1.0
*/

/*Global CSS Start here -----------------------  */
a{ color: #000; text-decoration: none;}
.text-black{ color: #000;}

/* ===== Theme Colors ===== */ :root{ --primary:#062660; --secondary:#ff5b0e; --accent:#1272df; }


/* Basic Table Border */
table {
    border-collapse: collapse; /* Ensures borders are shared between cells */
    width: 100%;
    border: 1px solid #333; /* Adjust thickness and color */
}

/* Table Header Styling */
table th {
    border: 1px solid #333; /* Adjust color and thickness */
    background-color: #f2f2f2; /* Background color for header */
    padding: 10px; /* Adjust padding as needed */
    text-align: left;
}

/* Table Data Cell Styling */
table td {
    border: 1px solid #ddd; /* Subtle cell border */
    padding: 10px; /* Adjust padding as needed */
    text-align: left;
}

/* Optional: Add Hover Effect for Rows */
table tr:hover {
    background-color: #f5f5f5; /* Row hover background color */
}

/* Optional: Alternate Row Background Color */
table tr:nth-child(even) {
    background-color: #fafafa;
}

/*Global CSS End  here -----------------------  */
/*Footer CSS Start here -----------------------  */


/*Footer CSS end  here -----------------------  */

/*comments CSS Start here -----------------------  */
.comments-area{ padding: 30px;}
.comments-area textarea, .comments-area input[type="text"] { width: 100%; display: block;}
/*comments CSS Start here -----------------------  */


.breadcrumb a{ color: #000; text-decoration: none; font-weight: 500;  }


.navigation.pagination {
    margin: 20px 0; /* Adds margin above and below the pagination */
}

.nav-links {
    display: flex; /* Use flexbox to layout the pagination items */
    justify-content: center; /* Center the pagination items */
    flex-wrap: wrap; /* Allow wrapping of items */
}

.page-numbers {
    display: inline-block; /* Makes the numbers inline */
    padding: 10px 15px; /* Adds padding for clickable area */
    margin: 0 5px; /* Space between pagination items */
    color: #00293c; /* Bootstrap primary color for links */
    text-decoration: none; /* Removes underline from links */
    border: 1px solid #00293c; /* Border to match Bootstrap styles */
    border-radius: 4px; /* Rounded corners */
    transition: background-color 0.3s, color 0.3s; /* Transition effects */
}

.page-numbers.current {
    background-color: #00293c; /* Background for the current page */
    color: white; /* Text color for the current page */
    border-color: #00293c; /* Ensures border matches background */
}

.page-numbers:hover:not(.current),
.page-numbers:focus:not(.current) {
    background-color: rgba(0, 123, 255, 0.1); /* Light background on hover */
    color: #00293c; /* Darker text on hover */
}

.next.page-numbers {
    background-color: #00293c; /* Same styling as the current page */
    color: white; /* White text color for the next link */
    border-color: #00293c; /* Ensures border matches */
}

/* Optionally style the next link on hover */
.next.page-numbers:hover {
    background-color: rgba(0, 123, 255, 0.1); /* Light background on hover */
    color: #00293c; /* Darker text color on hover */
}

.categories-list a{ color: #000; text-decoration: none;}
.serch-wrapper a{color: #000; text-decoration: none;}
.large-post a{ color: #000; text-decoration: none;}
h5 a, h4 a, h6 a, .read-more{color: #000; text-decoration: none; }
.post-categories a{color: #000; font-size: 16px; text-decoration: none; border: solid #000 1px; padding: 2px 10px; border-radius: 8px;; }
/* New css start here ---------------------------------------------------------------------------- */
.herosection{}


/* ✅ Navbar Font Bigger + Spacing */
.navbar .navbar-nav.mynav > li > a.nav-link {
    font-size: 18px;
    font-weight: 600;
    padding: 14px 22px;
    color: #222;
}
.navbar .navbar-nav.mynav > li > a.nav-link:hover {
    color: #0252a4;
}

/* ✅ Active Link */
.navbar .navbar-nav.mynav > li.current-menu-item > a.nav-link,
.navbar .navbar-nav.mynav > li.current-menu-parent > a.nav-link {
    color: #0252a4;
}

/* ✅ Dropdown Items */
.dropdown-menu.mydropdown {
    border: none;
}
.dropdown-menu.mydropdown .dropdown-item {
    font-size: 17px;
    padding: 8px 20px;
}
.dropdown-menu.mydropdown .dropdown-item:hover {
    background: #f8f9fa;
    color: #000;
}

/* ✅ Desktop Animation (Hover) */
@media (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: all .25s ease;
        pointer-events: none;
    }

    .navbar-nav li.dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }
}

/* ✅ Submenu Fix */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* ✅ Submenu Hover (Desktop) */
@media (min-width: 992px) {
    .dropdown-submenu:hover > .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}

/* ✅ Mobile Dropdown (click) */
@media (max-width: 991px) {
    .dropdown-menu {
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
    }
    .dropdown-menu.show {
        display: block !important;
    }
}

/* ✅ Logo */
.navbar-brand img {
    height: 80px;
    width: auto;
}



.footer-menu li {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}

.footer-menu li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -18px;   /* space adjust */
    top: 0;
    color: #999;
}
.footer-menu li a {
    color: #222;
    text-decoration: none;
}

/* New css end here ---------------------------------------------------------------------------- */
/* ===== Sidebar Main Box ===== */ #secondary .card { border: none; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.08); background: #ffffff; } /* ===== Header ===== */ #secondary .card-header { background: linear-gradient(135deg, var(--primary), var(--accent)); padding: 18px 25px; border: none; } #secondary .card-header h5 { margin: 0; font-size: 28px; font-weight: 700; color: #fff; } /* ===== Body ===== */ #secondary .card-body { padding: 30px 25px !important; background: #ffffff; } /* ===== Widgets spacing ===== */ #secondary .widget { margin-bottom: 28px; } #secondary .widget:last-child { margin-bottom: 0; } /* ===== Widget Titles ===== */ #secondary .widget-title { font-size: 42px; font-weight: 700; color: var(--primary); margin-bottom: 18px; line-height: 1.2; } /* ===== Search Box ===== */ #secondary .wp-block-search__inside-wrapper, #secondary .search-form { display: flex; gap: 10px; } #secondary input[type="search"], #secondary input[type="text"] { width: 100%; height: 52px; border: 1px solid #d1d5db; border-radius: 10px; padding: 0 15px; font-size: 17px; outline: none; } #secondary input[type="search"]:focus, #secondary input[type="text"]:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(18,114,223,.12); } /* ===== Search Button ===== */ #secondary button, #secondary input[type="submit"] { height: 52px; padding: 0 22px; border: none; border-radius: 10px; background: var(--secondary); color: #fff; font-size: 17px; font-weight: 600; transition: .3s ease; } #secondary button:hover, #secondary input[type="submit"]:hover { background: var(--primary); } /* ===== Recent Post Links ===== */ #secondary ul { list-style: none; padding: 0; margin: 0; } #secondary ul li { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #f1f1f1; } #secondary ul li:last-child { border-bottom: none; } #secondary ul li a { text-decoration: none; font-size: 20px; line-height: 1.6; color: var(--accent); font-weight: 500; transition: .3s; } #secondary ul li a:hover { color: var(--primary); padding-left: 4px; } /* ===== Categories Bullet ===== */ #secondary .widget_categories ul li::before { content: "• "; color: var(--secondary); font-weight: bold; margin-right: 6px; } /* ===== Mobile ===== */ @media (max-width: 767px) { #secondary { margin-top: 30px; } #secondary .card-body { padding: 22px 18px !important; } #secondary .widget-title { font-size: 32px; } #secondary .card-header h5 { font-size: 24px; } #secondary ul li a { font-size: 18px; } #secondary button, #secondary input[type="submit"] { padding: 0 16px; font-size: 15px; } }