/* style.css */
body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif; /* Use your preferred font here */
  }
  
  /* Ensure the logo and nav items are aligned properly */
  .navbar {
    background-color: #ffffff; /* Adjust the color to match your brand color */
    padding: 0.5rem 1rem; /* Adjust padding to match the desired height */
  }
  
  /* Style the logo */
  .navbar-brand img {
    height: 60px; /* Adjust to your logo's actual size */
    width: auto;
  }
  
  /* Style for the navigation items */
  .navbar-nav .nav-link {
    color: #ffffff; /* This sets your nav links to white */
    margin-left: 20px; /* Adjust spacing between nav items */
    margin-right: 20px; /* Adjust spacing between nav items */
    font-weight: bold; /* If you want the font to be bold */
    text-transform: uppercase; /* Uppercase letters */
  }
  
  /* Adjust the color for the dropdown arrows if needed */
  .navbar-nav .dropdown-toggle::after {
    color: #ffffff;
  }
  
  /* Change the nav-link hover color */
  .navbar-nav .nav-link:hover {
    color: #CCCCCC; /* Light grey color for hover state */
  }
  
  /* Style adjustments for social media icons or other elements in navbar */
  .social-icon {
    color: #ffffff;
    margin-left: 20px;
    font-size: 24px; /* Adjust size as necessary */
  }
  
  /* If you have a dropdown menu, you might want to style that too */
  .dropdown-menu {
    background-color: #002E5B; /* Match with navbar color */
  }
  
  .dropdown-item {
    color: #ffffff;
  }
  
  .dropdown-item:hover {
    background-color: #011830; /* Slightly darker blue on hover */
  }
  
 /* Ensuring proper view on all devices */
@media (max-width: 991px) {
    .navbar-center {
      position: static;
      transform: none;
      margin-top: 10px; /* Adjust spacing */
      justify-content: center;
    }
  }
  
  /* Adjust navbar-brand margin for smaller screens */
  @media (max-width: 767px) {
    .navbar-brand {
      margin-left: 0.5rem; /* Reduced left margin on small screens */
    }
  }

  .img-fluid {
    max-width: 50%;
    height: auto;
  }

  footer {
    background-color: #002E5B; /* Or any other color you prefer */
    color: white;
    padding: 20px; /* Adjust the padding as needed */
    font-size: 0.9em; /* Adjust the font size as needed */
  }
  
  /* Make the email link white */
  footer a {
    color: white;
    text-decoration: none; /* Removes underline from links */
  }
  
  footer a:hover {
    text-decoration: underline; /* Adds underline on hover for better UX */
  }

  /* Footer margin top */
footer {
    margin-top: 50px; /* Adjust the value as needed */
  }
  
  /* Continue with existing styles */
  footer a {
    color: white;
    text-decoration: none; /* Removes underline from links */
  }
  
  footer a:hover {
    text-decoration: underline; /* Adds underline on hover for better UX */
  }
  
  /* Company logo styling */
.navbar-brand img {
    height: 130px; /* Maintain the height of the logo */
    width: auto; /* Preserve aspect ratio */
  }

  /* Firm name styling */
.firm-name {
    font-weight: bold; /* Add weight to the font */
    font-size: 1.5rem; /* Adjust the size as needed */
    color: #005580; /* A color that suits the law firm theme */
    /* Additional styling can be applied as needed */
  }

  /* Center firm name in navbar */
.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    height: 100%;
  }