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

/*===================================================== */
/*                MAIN MENU (YELLOW + BLACK)              */
/* ===================================================== */


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

.nav-menu > li > a,
.navbar a {
    font-size: 13px !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 500 !important;
    padding: 14px 10px !important;
    position: relative;
    text-decoration: none;
}

/* Reduce menu width and center it */
.navbar,
.main-navigation {
    max-width: auto ;/* 🔥 change this value 
    margin: 0 auto;      /* center */
}


/*Sub menu / navigation bar background */

ul.sub-menu,
.dropdown-menu {
    background-color: #3366ff !important;
}

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

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

.text-danger-000{
color:#000 !important;
}

.bg-text-200\/5{
background:#ffeb3b !important;
}

/* Menu bar adjustment */

.main-navigation,
.navbar,
.site-header {
    padding: 0 !important;
    margin: 100x !important;
    min-height: 0 !important;
    height: auto !important;
}
/* 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;
}


/* Typing Effect for BRIGHT DBA - Large Font */
.site-title,
h1.site-title,
.logo-title,
.bright-dba-title {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 5px solid #00E5E5;
    width: 0;
    animation: typing 3.5s steps(22, end) forwards,
               blink-caret 0.7s step-end infinite;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 4rem;
    text-shadow: 0 0 20px rgba(0, 229, 229, 0.7);
    line-height: 1.1;
}

/* Typing Animation */
@keyframes typing {
    from { width: 0; }
    to   { width: 520px; }     /* ← Increased for 4rem font */
}

/* Blinking Cursor */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50%      { border-color: #00E5E5; }
}

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