/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
@import url("bootstrap.css");
/*@import url("font-awesome.min.css");*/
/*@import url("responsive.css");*/
/*@import url("slick.css");*/

body {
  background-color: #f0f0f0; /* Light grey background for the entire page */
}

.title-background {
  background-image: url("/assets/images/title-background.jpg"); /* Replace with the path to your image */
  background-size: cover; /* Ensure the image covers the entire section */
  background-position: center; /* Center the image */
  background-attachment: fixed;
  color: #F8E14C; /* Ensure the text is readable */
  padding: 80px 0; /* Add padding to the top and bottom */
  text-align: center; /* Center the text */
  z-index: 2; /* Ensure the image is behind other content */
  opacity: 1; /* Optional: Adjust opacity for better readability of text */
}

.logo-text {
  background: url("/assets/images/rinne-labs-long-bkg.png") center; /* Replace with the path to your image */
  background-size: cover; /* Ensure the image covers the entire anchor */
  /*background-position: center; !* Center the image *!*/
  display: block; /* Ensure the image is displayed as a block element */
  max-width: 100%;
  height: auto;
  /*color: white; !* Ensure the text is readable *!*/
  padding: 15px 55px; /* Add padding for better readability */
  /*text-align: center; !* Center the text *!*/
  /*text-decoration: none; !* Remove underline from the text *!*/
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #ffc107;
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(0 68 156 / 70%);
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #00D4FE;
}