/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
body {
  padding-top: 70px; /* same as your navbar height */
}

body.custom-bg {
  background-color: #FFFDFC;
  min-height: 100vh;
}

.brand-font {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.09rem;
  font-size: 32px;
  text-decoration: none;
  color: #E97447; 
}

.text-xs {
  font-size: 0.7rem; /* adjust as needed */
}

.navbar {
  background-color: #FFFDFC;
  border-bottom: 1px solid #ccc;
}

.hero {
  border: 1px solid #ddd;
  border-radius: 8px;
}

#btn-extension-link {
  padding: 12px 45px;       
  font-size: 15px;
  background-color: transparent;
  color: #658E7A;
  border: 1px solid #658E7A;
  border-radius: 9999px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s ease, color 0.2s ease;         
  margin: 0 auto;         
}

#btn-extension-link:hover {
  background-color: #658E7A;
  color: white;
}

.notice-count-container {
  padding: 35px;
  border-bottom: 1px solid #ddd;
}

#notice-count {
  color: #262730;
}

#coming-soon-badge{
  background-color: #D3AB9E
}

#newsletter-button {
  background-color: #658E7A;
  border: 1px solid #476355;
}

#newsletter-button:hover {
  background-color: #476355; 
}