/* styles.css */

/* General body styles (Keep this for global styles) */
body {
    background-color: #f4f4f4; /* Background color */
}

/* Additional Custom Styles */

#text_logo, h1 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
}


/* BRAND IDENTITY COLORS */

/* Buttons */
.btn-primary {
  background-color: #042440;
  border-color: #042440;
}

/* Hover state */
.btn-primary:hover {
  background-color: #021f33;
  border-color: #021f33;
}

/* Links */
.text-primary, .link-primary {
  color: #042440 !important;
}

/* Backgrounds */
.bg-primary {
  background-color: #042440 !important;
 
}

/* Borders */
.border-primary {
  border-color: #042440 !important;
}

/* Gradients for buttons and backgrounds */

.btn-gradient-brand { 
  --bs-gradient: linear-gradient(to right, #2b5876 0%, #4e4376 51%, #2b5876 100%); 
  background-size: 200% auto; 
  color: #fff; 
  border-radius: 10px; 
  transition: background-position .5s ease; 
} 

.btn-gradient-brand:hover { 
  background-position: right center; 
  color: #fff; 
  text-decoration: none; 
}

/* Optional button-specific tweaks */
.btn-gradient-brand { 
  margin: 0px; 
  padding-right: 45px;
  padding-left: 45px;
  border: 1px #fff; 
/*  display: block;  */
}


/* Logo */
.brand-logo {
width: auto;
display: inline-block;
vertical-align: middle;
}