/* Import the Michroma font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

/* Set the font style globally to use Michroma */
body {
  font-family: 'Michroma', serif !important;
}

/* Hide the existing logo and title */
.logo {
  display: none !important;
}

.login-title {
  display: none !important;
}

/* Add your custom logo */
.login-container::before {
  content: '';
  display: block;
  background-image: url('https://www.soundandmotion.co.za/wp-content/uploads/2017/01/SoundAndMotionpng.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 150px; /* Adjust height to fit the logo nicely */
  margin-bottom: 20px;
}

/* Style for SOUND & MOTION STUDIOS text */
.login-container h1 {
  display: block;
  text-align: center;
  font-size: 1.5rem; /* Adjust font size as needed */
  width: 100%;
  max-width: calc(2 * 300px); /* Twice the login form's width */
  margin: 0 auto;
  white-space: nowrap; /* Force text to stay on one line */
  overflow: hidden; /* Ensure text doesn’t overflow */
}

/* Optional: Set text for login inputs and button */
input, button {
  font-family: 'Michroma', serif !important;
}