/*Write your custom style or CSS code here*/

:root {
  --blue: #013aa8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  }
  /* Force hide all icons and pseudo-elements inside the dropdown menus */
.dropdown-menu i,
.dropdown-menu span,
.dropdown-menu [class^="fa-"],
.dropdown-menu [class*=" fa-"],
.dropdown-menu [class^="lm-"],
.dropdown-menu [class*=" lm-"],
.dropdown-menu a::before,
.dropdown-menu a::after,
.dropdown-menu li::before,
.dropdown-menu li::after {
    display: none !important;
    content: none !important;
}
/* Fix Font Awesome Brands (WordPress, etc.) */
.dropdown-menu .fab,
.sidebar .fab {
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

:root {
  --blue: #013aa8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
}

/* Hide default bullets in header dropdown items */
.dropdown-menu a::before,
.dropdown-menu a::after,
.dropdown-menu li::before,
.dropdown-menu li::after {
  content: none !important;
  display: none !important;
}

/* Direct styling for social links */
.social-links-direct .list-inline-item a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
}

.social-links-direct .list-inline-item a:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}