/* Customize the login page background */
body.login {
      background: #f0f0f0 url('/wp-content/uploads/2026/02/csm__CK_4819_26bc561eb7.webp') no-repeat center center fixed;
      background-size: cover;
      font-family: "futura-pt",sans-serif !important;
      color: #898781;
  }

  #login{
      width: 500px !important;
  }
  
  /* Customize the login form container */
  .login form {
      background: #fff; /* White background for the form */
      border: 1px solid #ddd; /* Border color */
      border-radius: 8px; /* Rounded corners */
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow effect */
      padding: 20px;
  }
  
  /* Customize the login form input fields */
  .login form input[type="text"], 
  .login form input[type="password"] {
      border-radius: 4px; /* Rounded corners for inputs */
      border: 1px solid #ddd; /* Input border color */
      padding: 10px; /* Padding inside inputs */
      transition: border-color 0.3s ease; /* Smooth transition */
  }
  
  /* Hover and focus effect for input fields */
  .login form input[type="text"]:hover, 
  .login form input[type="password"]:hover,
  .login form input[type="text"]:focus, 
  .login form input[type="password"]:focus{
      border-color: #ddd !important; /* Hover/focus border color */
      outline: none; /* Remove default outline */
      box-shadow: none;
  }
  
  

  /* Customize the login button */
  .login form input[type="submit"] {
      background-color: #135e96; /* Button background color */
      border: none; /* Remove default border */
      border-radius: 4px; /* Rounded corners for button */
      color: #fff; /* Button text color */
      cursor: pointer; /* Change cursor on hover */
      transition: background-color 0.3s ease; /* Smooth transition */
  }
  
  /* Hover effect for login button */
  .login form input[type="submit"]:hover {
      background: #135e96; /* Slightly darker hover effect */
      color: #fff;
  }
  
  /* Customize the login page logo */
  .login h1 a {
      background: url('/wp-content/uploads/2025/07/OVB_Holding_201x_logo.svg') no-repeat center center !important;
      background-size: contain !important;
      width: 300px;
      height: 200px;
  }
  
  /* Customize the login page footer */
  .login #backtoblog a, .login #nav a, .login .privacy-policy-page-link a{
      color: #fff; /* Footer link color */
  }
  
  .login #backtoblog a, .login #nav a {
      text-decoration: none; /* Remove underline from links */
  }
  
  /* Hover effect for footer links */
  .login #backtoblog a:hover, .login #nav a:hover, .login .privacy-policy-page-link a:hover {
      color: #fff;
      opacity: 0.7;
      transition: all 0.3s;
  }
  
  .login .message a, 
  .login .login #nav a, 
  .login .login #backtoblog a {
      color: #135e96 !important; /* Primary color for links */
  }
  
  .login .message a:hover {
     opacity: 0.7;
  }
  
  /* Customize the checkbox and remember me label */
  #rememberme + label, input[type="checkbox"]:checked::before  {
      color: #898781; /* Primary color for checkbox label */
  }
  
  /* Customize any error messages */
  .login .message, .login .error {
      border-left: 4px solid #135e96; /* Change message border color */
  }
  
  /* Customize the login page input fields when autofilled */
  input:-webkit-autofill {
      background-color: #fff !important; /* Force background for autofill */
      color: #000 !important; /* Text color for autofill */
      border-color: #135e96 !important; /* Border color for autofilled inputs */
  }

  .dashicons-translation:before {
      color: #fff;
  }

  .dashicons-visibility:before {
      content: "\f177";
      color: #898781;
  }
  
  .dashicons-hidden:before {
      content: "\f530";
      color: #898781;
  }

  .login .button.wp-hide-pw:focus{
      border: none !important;
      box-shadow: none;
  }


  #backtoblog{
      display: none;
  }


  .language-switcher{
      display: none;
  }

  /* Make the form responsive */
  @media (max-width: 600px) {
      .login form {
          width: 90%;
          margin: 0 auto;
      }

      #login{
            width: 320px !important;
        }
  }
  

  #colophon a:hover {
      color: #ffffff !important;
      opacity: 0.7;
  }