/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* For correct SVG scaling*/
.style-svg {
       max-width: auto;
       height: 100%;
}


.blinking {
  background-color: red;
  color: white;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: bold;
  animation: blinkbg 1s infinite;
}

@keyframes blinkbg {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.section.footer {
background-color: #be4749 !important;}

.footer .widget-content {color: #fff;}

pre {
  border: 2px solid #007BFF;
  border-radius: 5px;
  background: #f9f9f9;
  padding: 10px;
  overflow-x: auto;
}

.site-banner-text {
  background-color: red; /* deep blue */
  color: #ffffff;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  padding: 10px;
  line-height: 1.5;
  position: relative;
  z-index: 9999;
}
.site-banner-text a {
  color: #ffcc00;
  text-decoration: underline;
  font-weight: 700;
}
.site-banner-text a:hover {
  color: #ffffff;
}

#LTF_live_website_visitor a {
    pointer-events: none;  /* Disable clicks */
    cursor: default;       /* Show default cursor instead of pointer */
    text-decoration: none; /* Remove underline */
    color: inherit;        /* Keep text color same */
}

/* Main menu / navigation bar background */


/*It hides elements like*/
/*Powered by …*/
/*Plugin credit link*/
.paoc-credit-link,
.paoc-credit-wrp,
.paoc-credit-copyright-text,
.paoc-credit-copyright-logo{
display:none !important;
}

.yellow {
  background-color: #ffeb3b !important;
  color: #000 !important;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: 500;
}

/* Change all popup text to dark grey or black */

.pa-popup-wrapper,
.pa-popup-wrapper * {
    color: #333333 !important;
}

.tags-links {
  display: none;
}


/* Site Title - Twenty Thirteen Theme */

.site-title {
	font-family: 'Courier New', Courier, monospace !important;
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    #color: #00E5E5;
    font-weight: 700;
    font-size: 3.8rem;
}

/* Tagline - Twenty Thirteen Theme */
.site-description {
    color: #FFFFFF !important;
   # font-family: 'Courier New', Courier, monospace !important;
    font-size: 24px !important;
    font-style: italic !important;
}


/* ── BRIGHT DBA TYPING EFFECT ────────────────*/

.site-title,
h1.site-title {
    overflow: hidden !important;
    white-space: nowrap !important;
    width: 0 !important;
    border-right: 4px solid #00E5E5 !important;
    animation: 
        typing 2.5s steps(9, end) forwards,
        blink-caret 0.7s step-end infinite !important;
    color: #00E5E5 !important;
    font-size: 2.8rem !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: 700 !important;
    text-shadow: 0 0 20px rgba(0, 229, 229, 0.5) !important;
    padding: 20px 0 5px !important;
    margin: 0 !important;
    display: inline-block !important;
}

.site-title a,
h1.site-title a {
    color: #00E5E5 !important;
    text-decoration: none !important;
}

/* Typing animation */
@keyframes typing {
    from { width: 0; }
    to   { width: 280px; }
}

/* Blinking cursor */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50%      { border-color: #00E5E5; }
}
.code-block {
  background: var(--code-bg);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin-bottom: 18px;
  overflow-x: auto;

  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.85;
  color: var(--code-txt);

  white-space: pre-wrap;   /* 🔥 KEY */
  word-break: break-word;
}


/* =============================================
   MENU / NAVBAR FIX
   ============================================= */

.site-header,
.main-navigation,
.navbar {
    background-color: yellow !important;
}

.nav-menu > li > a,
.nav-menu li a,
.navbar a {
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
    background-color: #000000 !important;
    color: #ffff00 !important;
}

/* Current page link */
.nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a {
    color: #cc0000 !important;
    font-style: italic !important;
}

/* Sub-menu stays blue */
ul.sub-menu,
.dropdown-menu {
    background-color: #3366ff !important;
}

ul.sub-menu li a {
    color: #ffffff !important;
}

/* =============================================
   GLOBAL FULL WIDTH - ALL PAGES
   ============================================= */

/* Main site wrapper */
.site {
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
}

/* Navigation */
.main-navigation,
.navbar {
    max-width: 100% !important;
    width: 100% !important;
}

/* Site header */
.site-header .home-link {
    max-width: 100% !important;
    padding: 0 40px !important;
}

/* ALL content areas - global */
.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
.page-content,
.page-title,
.archive-title,
.archive-meta {
    max-width: 1600px !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Sidebar class overrides (Twenty Thirteen adds .sidebar to body) */
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
    max-width: 1600px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Hide sidebar container completely */
.site-main .sidebar-container,
.site-main .sidebar-inner,
.site-main .widget-area,
.widget-area {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Site main */
.site-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Hentry post wrapper */
.hentry {
    width: 100% !important;
}

/* Navigation links (prev/next) */
.paging-navigation .nav-links,
.sidebar .paging-navigation .nav-links,
.post-navigation .nav-links,
.sidebar .post-navigation .nav-links {
    max-width: 1600px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 0 auto !important;
}

/* Comments */
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .comment-reply-title,
.sidebar .comment-respond .comment-form,
.comment-navigation,
.sidebar .comment-navigation {
    max-width: 1600px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Author bio */
.author-info,
.author.sidebar .author-info {
    max-width: 1600px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 0 auto !important;
}

/* Footer */
.site-footer .widget-area,
.site-info {
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Search / 404 / Archive pages */
.page-header,
.error404 .page-header,
.error404 .page-content,
.search .page-content,
.archive .page-content,
.sidebar .page-content,
.sidebar .site-info,
.sidebar .no-comments {
    max-width: 1600px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =============================================
   HEADER FIX
   ============================================= */

/* Site header background - only behind title area */
.site-header {
    background-color: #0d1117 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove yellow from header/navbar globally */
.site-header,
.main-navigation,
.navbar {
    background-color: #0d1117 !important;
}

/* Home link / title area */
.site-header .home-link {
    max-width: 100% !important;
    padding: 10px 40px !important;
    min-height: auto !important;
    background-color: #0d1117 !important;
}

/* Site title text */
.site-title,
h1.site-title,
.logo-title,
.bright-dba-title {
    color: #ffffff !important;
    font-size: 3rem !important;
    padding: 10px 0 !important;
}

/* Tagline */
.site-description {
    color: #aaaaaa !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
}

/* Navbar background */
.navbar {
    background-color: #161b22 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 40px !important;
}

/* Nav menu links */
.nav-menu > li > a,
.nav-menu li a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 12px 14px !important;
}

/* Nav hover */
.nav-menu li:hover > a,
.nav-menu li a:hover {
    background-color: #ca3c08 !important;
    color: #ffffff !important;
}

/* Current page */
.nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a {
    color: #ca3c08 !important;
    font-style: italic !important;
    background-color: transparent !important;
}

/* Sub menu */
ul.sub-menu {
    background-color: #161b22 !important;
}

ul.sub-menu li a {
    color: #ffffff !important;
}

ul.sub-menu li:hover {
    background-color: #ca3c08 !important;
}

/* =============================================
   HEADER - PROFESSIONAL DARK THEME FIX
   ============================================= */

/* Fix the blinking cursor/blue line issue */
.site-title,
h1.site-title,
.logo-title,
.bright-dba-title {
    border-right: none !important;
    animation: none !important;
    width: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    color: #00E5E5 !important;
    font-size: 2.8rem !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: 700 !important;
    text-shadow: 0 0 20px rgba(0, 229, 229, 0.5) !important;
    padding: 20px 0 5px !important;
    margin: 0 !important;
}

/* Tagline */
.site-description {
    color: #ffd700 !important;
    font-size: 16px !important;
    font-style: italic !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
}

/* Header wrapper */
.site-header {
    background-color: #0d1117 !important;
    border-bottom: 1px solid #30363d !important;
    padding: 0 !important;
}

.site-header .home-link {
    max-width: 100% !important;
    padding: 0 40px !important;
    min-height: auto !important;
}

/* =============================================
   NAVBAR - PROFESSIONAL
   ============================================= */

.navbar {
    background-color: #161b22 !important;
    border-bottom: 1px solid #30363d !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 40px !important;
    min-height: 45px !important;
}

.main-navigation {
    background-color: #161b22 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Nav links */
.nav-menu > li > a,
.nav-menu li a {
    color: #c9d1d9 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    padding: 13px 16px !important;
    transition: color 0.2s ease !important;
}

/* Nav hover */
.nav-menu li:hover > a,
.nav-menu li a:hover {
    background-color: #21262d !important;
    color: #00E5E5 !important;
}

/* Current/active page */
.nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-ancestor > a {
    color: #00E5E5 !important;
    font-style: normal !important;
    background-color: transparent !important;
    border-bottom: 2px solid #00E5E5 !important;
}

/* Sub menu */
ul.sub-menu,
.dropdown-menu {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important;
}

ul.sub-menu li a {
    color: #c9d1d9 !important;
    font-size: 13px !important;
}

ul.sub-menu li a:hover {
    background-color: #21262d !important;
    color: #00E5E5 !important;
}

/* =============================================
   SEARCH BAR - RESTORE
   ============================================= */

.site-header .search-form {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
}

.site-header .search-field {
    background-color: #21262d !important;
    background-image: none !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    color: #c9d1d9 !important;
    cursor: text !important;
    height: 32px !important;
    width: 200px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    transition: border 0.2s ease, width 0.3s ease !important;
}

.site-header .search-field:focus {
    border: 1px solid #00E5E5 !important;
    outline: none !important;
    width: 260px !important;
}

.site-header .search-field::placeholder {
    color: #8b949e !important;
}

/* =============================================
   NAVBAR FONT COLOR - YELLOW
   ============================================= */

/* Nav links */
.nav-menu > li > a,
.nav-menu li a {
    color: #ffd700 !important;
}

/* Nav hover */
.nav-menu li:hover > a,
.nav-menu li a:hover {
    color: #ffffff !important;
    background-color: #112240 !important;
}

/* Active / current page */
.nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-ancestor > a {
    color: #ffffff !important;
    border-bottom: 2px solid #ffd700 !important;
    background-color: transparent !important;
}

/* Sub menu links */
ul.sub-menu li a {
    color: #ffd700 !important;
}

ul.sub-menu li a:hover {
    color: #ffffff !important;
    background-color: #112240 !important;
}

/* Sub menu top border matches yellow */
ul.sub-menu,
.dropdown-menu {
    border-top: 2px solid #ffd700 !important;
}

/* =============================================
   NAVBAR HOVER - FORCE CYAN (OVERRIDE THEME)
   ============================================= */

html body .nav-menu li:hover > a,
html body .nav-menu li a:hover,
html body .nav-menu li:focus > a,
html body .nav-menu li a:focus,
html body ul.nav-menu li:hover > a,
html body div.nav-menu > ul li:hover > a {
    color: #00E5E5 !important;
    background-color: #112240 !important;
}

/* Sub menu hover */
html body ul.nav-menu ul a:hover,
html body .nav-menu ul ul a:hover,
html body ul.sub-menu li a:hover {
    color: #00E5E5 !important;
    background-color: #112240 !important;
}

/* ── 6. SITE HEADER ───────────────────────────*/

.site-header {
    background-color: transparent !important;
    border-bottom: 1px solid #30363d !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.site-header .home-link {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 40px !important;
    min-height: auto !important;
    background-color: transparent !important;
}

/* Header image full width */
.site-header img,
.header-image,
.site-header .header-image,
#site-header img,
.custom-header-image,
.header-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}



/* =============================================
   PROFILE IMAGE WIDGET - TOP RIGHT
   ============================================= */

/* ── RESPONSIVE NAVBAR FIX ── */
/* Tablets / small laptops (≤1366px — covers 14" screens) */
@media (max-width: 1366px) {
  .nav-menu > li > a,
  .nav-menu li a {
    font-size: 12px !important;
    padding: 13px 9px !important;
  }
}

/* Slightly smaller screens (≤1280px) */
@media (max-width: 1280px) {
  .nav-menu > li > a,
  .nav-menu li a {
    font-size: 11px !important;
    padding: 13px 7px !important;
  }
}

/* Small laptops (≤1180px) */
@media (max-width: 1180px) {
  .nav-menu > li > a,
  .nav-menu li a {
    font-size: 11px !important;
    padding: 13px 5px !important;
  }
  .navbar {
    padding: 0 20px !important;
  }
}

/*Free DBA Training*/

.br8-ticker-wrap {
  width: 100%;
  background: #1a3a5c;
  border-bottom: 3px solid #f5a623;
  overflow: hidden;
  position: relative;
  z-index: 9999;
}
.br8-ticker-inner {
  display: flex;
  align-items: center;
  height: 44px;
}
.br8-ticker-label {
  background: #cc0000;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.05em;
  animation: br8LabelBlink 1s step-start infinite;
}
.br8-ticker-track-wrap {
  overflow: hidden;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.br8-ticker-track {
  display: flex;
  animation: br8TickerScroll 20s linear infinite;
  white-space: nowrap;
}
.br8-ticker-track:hover {
  animation-play-state: paused;
}
.br8-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 14px;
  padding: 0 28px;
}
.br8-ticker-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f5a623;
  flex-shrink: 0;
}
@keyframes br8LabelBlink {
  0%, 100% { background: #cc0000; color: #ffffff; }
  50%       { background: #ffffff; color: #cc0000; }
}
@keyframes br8TickerScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/*Postgres traing blinking*/
@keyframes br8-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.2; }
}
.br8-register-link {
  color: #dc2626 !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.05em;
  animation: br8-blink 1s ease-in-out infinite;
  display: inline-block;
  background: #facc15;
  padding: 2px 10px;
  border-radius: 4px;
}

/* Register page — hide title, full width */
.page-id-3873 .entry-title {
  display: none;
}
.page-id-3873 .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
}
.page-id-3873 .pgdba-rp-wrap,
.page-id-3873 .brdba-wrap {
  margin: 0 auto 40px !important;
}

/* Courier New font for the name in ticker */
.br8-ticker-name {
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: 700 !important;
    color: #f5a623 !important;
    letter-spacing: 0.03em !important;
}


#colophon.site-footer {
    background-color: #1a3a5c !important;
}

/* Blinking highlight on menu text */
@keyframes br8-text-blink {
  0%, 100% { background: #f5a623; color: #1a3a5c; }
  50%       { background: #fbbf24; color: #1a3a5c; }
}

.br8-blink-text {
  animation: br8-text-blink 0.5s ease-in-out infinite;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 18px;
  font-weight: 700 !important;
}

@keyframes br8-text-blink-green {
  0%, 100% { background: #22c55e; color: #ffffff; }
  50%       { background: #16a34a; color: #ffffff; }
}

.br8-blink-text-green {
  animation: br8-text-blink-green 0.5s ease-in-out infinite;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 100px;
  font-weight: 700 !important;
}

/* Hide title on page ID 6138 only */
.page-id-6138 .entry-title {
    display: none;
}

/* Hide WordPress page title for all pages and posts */
.entry-title {
    display: none;
}


/* Only full size images inside page content, not headers/menus/logos */
.entry-content img.size-full {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* Only full size inserted images */
img.size-full,
img.wp-image- {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}


.hero {
  background: linear-gradient(135deg, #14304d 0%, #2e6091 100%);
  color: #ffffff;
  text-align: center;
  padding: 20px 10px;
  font-size: 2.5rem;
  font-weight: 700;
}

/* Professional Signature Section - Premium Styling */
/* Professional Signature Section - Premium Styling */
.signature-section { max-width: 100%; padding: 40px; margin: 40px 0; border-left: 5px solid #1e3a5f; background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%); font-family: 'Segoe UI', 'Trebuchet MS', sans-serif; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border-radius: 8px; }

.signature-caution { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-left: 4px solid #d32f2f; color: #c62828; padding: 25px 40px; margin: 0 -40px 30px -40px; border-radius: 0; font-size: 14px; line-height: 1.8; font-weight: 600; letter-spacing: 0.3px; }

.signature-caution strong { color: #b71c1c; font-weight: 700; }

.signature-greeting { color: #1e3a5f; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 8px; text-transform: uppercase; opacity: 0.8; }

.signature-name { color: #1e3a5f; font-size: 22px; font-weight: 700; margin-bottom: 5px; letter-spacing: 0.3px; }

.signature-name::after { content: ''; display: block; width: 40px; height: 3px; background: linear-gradient(90deg, #1e3a5f, #4a90e2); margin-top: 10px; border-radius: 2px; }

.signature-contact { color: #404040; font-weight: 500; font-size: 14px; line-height: 2.2; margin-top: 20px; }

.signature-contact strong { display: inline-block; color: #1e3a5f; min-width: 80px; font-weight: 600; }

.signature-contact a { color: #4a90e2; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border-bottom: 2px solid transparent; }

.signature-contact a:hover { color: #1e3a5f; border-bottom: 2px solid #4a90e2; }

.signature-contact br { line-height: 1.5; }

@media (max-width: 768px) { .signature-section { padding: 25px; margin: 25px 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .signature-caution { font-size: 12px; padding: 18px 20px; margin: 0 -25px 25px -25px; } .signature-name { font-size: 19px; } .signature-greeting { font-size: 12px; } .signature-contact { font-size: 13px; line-height: 2; } }


/* Remove side gap around mega menu */
html body .navbar,
html body .main-navigation,
html body #navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background-color: #1a3a5c !important;
}

@media (max-width: 1180px) {
    html body .navbar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

div:has(#bd-home),div:has(#bd-course),article:has(#bd-home),article:has(#bd-course),main:has(#bd-home),main:has(#bd-course){padding-top:0!important;margin-top:0!important;border-top:0!important}
.hentry:has(#bd-home) .entry-header,.hentry:has(#bd-course) .entry-header{display:none!important}

li.menu-cta > a.mega-menu-link, li.mega-menu-cta > a.mega-menu-link {
  background:#f5a623 !important; color:#1a3a5c !important; font-weight:600 !important;
  border-radius:8px !important; height:34px !important; line-height:34px !important;
  padding:0 16px !important; margin:0 0 0 10px !important;
}
li.menu-cta > a.mega-menu-link:hover, li.mega-menu-cta > a.mega-menu-link:hover {
  background:#ffd27a !important; color:#1a3a5c !important;
}

/*logo*/
li.menu-logo > a.mega-menu-link,
li.mega-menu-logo > a.mega-menu-link,
li.mega-menu-item > a.mega-menu-link[href="/"],
li.mega-menu-item > a.mega-menu-link[href="https://www.br8dba.com/"] {
  font-size:0 !important; color:transparent !important;
  width:160px !important; padding:0 !important; margin-right:14px !important;
  background:url("https://www.br8dba.com/wp-content/uploads/2026/10/bright-dba-logo-menu-text.png") no-repeat left center / contain !important;
}
@media (max-width:600px){ li.menu-logo, li.mega-menu-logo { display:none !important; } }


.mega-menu-wrap .mega-menu > li.mega-menu-item:not(.mega-toggle-on) > ul.mega-sub-menu {
  max-height: 0 !important;
  overflow: hidden !important;
}


/*latest one*/
/* ===== BRIGHT DBA MENU v2 ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap');

/* One navy bar with one yellow line (no double bar) */
html body .navbar {
  background-color: #17365d !important;
  border-bottom: 3px solid #f5a623 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
html body .main-navigation,
html body #navbar,
html body .mega-menu-wrap {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Hide search box */
html body .site-header .search-form,
html body .navbar .search-form {
  display: none !important;
}

/* Menu row */
html body .mega-menu-wrap .mega-menu {
  display: flex !important;
  align-items: center !important;
  padding: 0 40px !important;
}

/* All normal links */
html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link {
  font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: transparent !important;
  padding: 0 16px !important;
  height: 58px !important;
  line-height: 58px !important;
  border: none !important;
  text-shadow: none !important;
  font-style: normal !important;
}
html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link:hover,
html body .mega-menu-wrap .mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
  color: #00E5E5 !important;
  background: transparent !important;
}

/* Dropdown arrows */
html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link .mega-indicator:after {
  color: #ffffff !important;
  font-size: 12px !important;
}

/* "New" badge on Training */
html body .mega-menu-wrap .mega-menu > li.menu-new > a.mega-menu-link {
  position: relative !important;
  padding-right: 22px !important;
}
html body .mega-menu-wrap .mega-menu > li.menu-new > a.mega-menu-link::before {
  content: "New";
  position: absolute;
  top: 10px;
  right: 30px;
  background: #d9232d;
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 3px;
  letter-spacing: 0.2px;
}
html body .mega-menu-wrap .mega-menu > li.menu-new > a.mega-menu-link .mega-indicator {
  margin-left: 26px !important;
}

/* Contact Us button, pushed to the right (class OR last item as fallback) */
html body .mega-menu-wrap .mega-menu > li.menu-cta,
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child {
  margin-left: auto !important;
}
html body .mega-menu-wrap .mega-menu > li.menu-cta > a.mega-menu-link,
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child > a.mega-menu-link {
  background: #f5a623 !important;
  color: #17365d !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 26px !important;
}
html body .mega-menu-wrap .mega-menu > li.menu-cta > a.mega-menu-link:hover,
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child > a.mega-menu-link:hover {
  background: #ffd27a !important;
  color: #17365d !important;
}

/* Cancel old small-screen font shrinking */
@media (max-width: 1366px) {
  html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px !important;
    padding: 0 12px !important;
  }
}

/* ===== BRIGHT DBA: logo text on the left of the existing Mega Menu ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap');

html body .mega-menu-wrap {
  position: relative !important;
}

/* Menu row: logo first, then your items */
html body .mega-menu-wrap .mega-menu {
  display: flex !important;
  align-items: center !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* "BRIGHT DBA" */
html body .mega-menu-wrap .mega-menu::before {
  content: "BRIGHT DBA";
  font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #2ee6d6;
  line-height: 44px;
  height: 58px;
  margin-right: 28px;
  white-space: nowrap;
}

/* "Remote Database Services" under it */
html body .mega-menu-wrap::before {
  content: "Remote Database Services";
  position: absolute;
  left: 40px;
  top: 38px;
  font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  color: #f5a623;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
}

/* Menu text: white, same font */
html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link {
  font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
html body .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: #00E5E5 !important;
}

/* Contact Us (last item) as a yellow button on the right */
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child {
  margin-left: auto !important;
}
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child > a.mega-menu-link {
  background: #f5a623 !important;
  color: #17365d !important;
  border-radius: 6px !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 26px !important;
}
html body .mega-menu-wrap .mega-menu > li.mega-menu-item:last-child > a.mega-menu-link:hover {
  background: #ffd27a !important;
  color: #17365d !important;
}

/* Hide the logo text on phones, where the menu collapses */
@media (max-width: 768px) {
  html body .mega-menu-wrap::before,
  html body .mega-menu-wrap .mega-menu::before { display: none; }
}

/*custom*/
/* 1) Remove the inner orange line (keep the full-width #bd-nav line) */
html body #bd-nav #mega-menu-wrap-primary,
html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary,
html body #bd-nav .navwrap,
html body #bd-nav .bar {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
}
html body #bd-nav #mega-menu-wrap-primary::before,
html body #bd-nav #mega-menu-wrap-primary::after,
html body #bd-nav #mega-menu-primary::before,
html body #bd-nav #mega-menu-primary::after,
html body #bd-nav .navwrap::before,
html body #bd-nav .navwrap::after {
  content: none !important;
  display: none !important;
}
html body #bd-nav #mega-menu-primary > li.mega-menu-item,
html body #bd-nav #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* 2) Contact Us = orange button */
@media (min-width: 769px) {
  html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-cta > a.mega-menu-link {
    background: #f5a623 !important;
    color: #17365d !important;
    border-radius: 6px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 24px !important;
    font-weight: 600 !important;
  }
  html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-cta > a.mega-menu-link:hover {
    background: #ffbd4a !important;
    color: #17365d !important;
  }
}

/* Menu font: bigger and clearer */
html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  padding: 0 18px !important;
}

/* Dropdown items slightly bigger too */
html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu a.mega-menu-link {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
}

/* Keep it comfortable on small screens */
@media (max-width: 1200px) {
  html body #bd-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px !important;
    padding: 0 12px !important;
  }
}

/*Terminal*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
#mega-menu-wrap-primary li.kb-tree > ul.mega-sub-menu{background:#0a1828!important;border-bottom:4px solid #27e0d8!important;padding:0!important;box-shadow:0 18px 30px rgba(0,0,0,.35)!important}
.bdt{font:400 13.5px/1.45 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;color:#cfe3f5;text-align:left;text-transform:none;letter-spacing:normal}
.bdt a{color:#cfe3f5;text-decoration:none}
.bdt-top{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:14px 24px 0}
.bdt-pr{color:#5fe3a1}.bdt-cmd{color:#fff;flex:1}
.bdt-btn{background:none;border:1px solid #36607f;color:#9fc2e0;font:inherit;font-size:12.5px;padding:3px 10px;border-radius:4px;cursor:pointer}
.bdt-btn:hover{border-color:#27e0d8;color:#27e0d8}
.bdt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px 30px;padding:14px 24px 8px;max-height:68vh;overflow:auto}
.bdt-rh{margin:0 0 4px;font:500 15px "IBM Plex Mono",monospace;color:#27e0d8}
.bdt-rh a{color:#27e0d8}
.bdt-n{position:relative;padding:2px 0 2px 22px}
.bdt-n::before{content:"";position:absolute;left:5px;top:0;bottom:0;border-left:1px solid #36607f}
.bdt-n:last-child::before{bottom:auto;height:.95em}
.bdt-n::after{content:"";position:absolute;left:5px;top:.95em;width:13px;border-top:1px solid #36607f}
.bdt-n.dir>.bdt-kids{display:none;margin-top:2px}
.bdt-n.dir.open>.bdt-kids{display:block}
.bdt-f{background:none!important;border:0;padding:0;font:inherit;color:#f6c667;cursor:pointer;text-align:left;text-transform:none}
.bdt-f:hover{color:#fff}
.bdt-ar{display:inline-block;width:1.1em;color:#7fa6c6}
.bdt-ct{color:#6f8fab}
.bdt-l:hover{color:#27e0d8!important;text-decoration:underline}
.bdt-tg{font:600 10px sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#e11d1d;color:#fff;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:1px}
.bdt-sum{padding:6px 24px 16px;font-size:12.5px;color:#7fa6c6}
@media(max-width:768px){.bdt-grid{grid-template-columns:1fr;max-height:60vh}}

/* =========================================================
   KNOWLEDGE HUB TREE MENU
   Keep submenu type = Flyout Menu
   But display it like a full-width mega panel
   ========================================================= */

#mega-menu-wrap-primary {
  position: relative !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree {
  position: static !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree > ul.mega-sub-menu {
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #0a1828 !important;
  border: 0 !important;
  border-bottom: 4px solid #27e0d8 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 30px rgba(0,0,0,.35) !important;

  overflow: visible !important;
  max-height: none !important;
  z-index: 99999 !important;
}

/* Remove flyout-width behavior */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree > ul.mega-sub-menu > li {
  width: auto !important;
  float: none !important;
}

/* Our generated tree wrapper */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree > ul.mega-sub-menu > .bdt {
  display: block !important;
  width: 100% !important;
}

/* Make the tree use the full width */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-top,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-sum {
  box-sizing: border-box !important;
}

/* Wider desktop columns */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 18px 30px !important;
  max-height: 68vh !important;
  overflow: auto !important;
}

/* Optional: slightly more breathing room */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-top {
  padding: 14px 24px 0 !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid {
  padding: 14px 24px 8px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-sum {
  padding: 6px 24px 16px !important;
}

/* Tablet/mobile */
@media (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.kb-tree > ul.mega-sub-menu {
    width: 100vw !important;
    min-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 768px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid {
    grid-template-columns: 1fr !important;
    max-height: 60vh !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-top {
    padding: 12px 14px 0 !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid {
    padding: 12px 14px 8px !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-sum {
    padding: 6px 14px 14px !important;
  }
}

/* =========================================================
   TEXT COLOR FIX — make tree text match original design
   ========================================================= */

/* Force all tree text to white by default */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Top-level category headings (Oracle/, RAC/, ExaData/, etc.) stay teal */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid .bdt-cat-title,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid > div > strong:first-child {
  color: #27e0d8 !important;
}

/* Item counts like (4), (7) — muted gray so they don't compete with link text */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid .bdt-count {
  color: #8aa0b4 !important;
}

/* Links on hover get the teal accent */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-grid a:focus {
  color: #27e0d8 !important;
  text-decoration: underline !important;
}

/* Top bar text (tree knowledge-base, Expand all / Collapse all buttons) */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-top,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-top * {
  color: #ffffff !important;
}

/* Footer summary line (e.g. "48 directories, 276 articles") */
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-sum,
#mega-menu-wrap-primary #mega-menu-primary > li.kb-tree .bdt-sum * {
  color: #9fb3c8 !important;
}

/*pageid seeting*/
.page-id-6897 #bd-p .lead{max-width:none!important;hyphens:none!important;-webkit-hyphens:none!important}
@media(min-width:1000px){.page-id-6897 #bd-p .lead{font-size:clamp(13px,1.3vw,17px)!important;white-space:nowrap}}