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

/* Remove white gap on right side */
.site {
    overflow-x: hidden !important;
}

/* ── GIT PAGE CODE BLOCK FIX ── 
#primary,
#content,
.site-content {
    width: 99% !important;
    max-width: 99% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.entry-content {
    width: 99% !important;
    max-width: 99% !important;
    padding: 15 !important;
    margin: 0 !important;
}

.hentry {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
*/