/* Change the background color of the navbar */
.navbar {
    background-color: #333333; /* Replace with your desired color */
}

/* Change the color of the navbar links */
.navbar .nav-link {
    color: #ffffff; /* Replace with your desired color */
}

/* Change the color of the active navbar link */
.navbar .nav-link.active {
    color: #00bc8c; /* Replace with your desired color */
}

/* Change the color of the navbar links on hover */
.navbar .nav-link:hover {
    color: #00bc8c; /* Replace with your desired color */
}

/* Hide scrollbar for all browsers */
html {
    overflow: -moz-scrollbars-none; /* Firefox */
    -ms-overflow-style: none;       /* Internet Explorer 10+ */
    scrollbar-width: none;          /* Firefox */
}

/* Hide scrollbar for WebKit-based browsers (Chrome, Safari, newer versions of Opera) */
::-webkit-scrollbar {
    display: none;
}

/* Ensure scrolling is still possible */
body {
    overflow: auto;
}

/* Custom styles for dropdown link hover background */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #222; /* Replace with your desired color */
    color: #00bc8c; /* Optional: change the text color */
}

/* Custom styles for the SVG search icon */
.aa-DetachedSearchButton:hover .aa-SubmitIcon,
.aa-DetachedSearchButton:focus .aa-SubmitIcon,
.aa-DetachedSearchButton:active .aa-SubmitIcon {
    fill: #00bc8c; /* Replace with your desired color */
}

/* Custom styles for navbar title */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:active {
    color: #00bc8c; /* Replace with your desired color */
}

.custom-green {
    color: #00bc8c;
}

.chart-container {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.content .variable,
p .variable,
li .variable {
  color: #00bc8c;
  background-color: #333333;
  padding: 1px 2px;
  border-radius: 2px;
  font-family: monospace;
  font-size: 0.9em;
}

/* Styles for PDF output */
.experience-block, .skills-block, .project-block, .education-block, .social-media-block, .language-block {
    margin-bottom: 20px;
  }
  
  .right-align {
    float: right;
  }
  
  h3 {
    margin-bottom: 5px;
    color: #00bc8c; /* Using your custom green color */
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  /* Custom styles for inline code or variable names */
  code, .variable {
    color: #00bc8c;
    background-color: #333333;
    padding: 1px 2px;
    border-radius: 2px;
    font-family: monospace;
    font-size: 0.9em;
  }
  
  /* Styles for PDF-specific elements */
  .pdf-content h2 {
    color: #00bc8c;
    border-bottom: 1px solid #00bc8c;
    padding-bottom: 5px;
  }
  
  .pdf-content p {
    margin-bottom: 10px;
  }
  
  /* Ensure proper spacing in lists for PDF */
  .pdf-content ul, .pdf-content ol {
    padding-left: 20px;
    margin-bottom: 10px;
  }
  
  .pdf-content li {
    margin-bottom: 5px;
  }

  /* Style for all links */
a {
  color: #00bc8c;
  text-decoration: none;
}