/* =========================================
   1. GLOBAL DEFAULTS & TYPOGRAPHY
   ========================================= */
html {
  scroll-behavior: smooth;
  background-color: #f5F4F1;
}

section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* Forces all headings to center (Warning: Affects entire site) */
h1, h2, h3, h4, h5, h6 {
  text-align: center;
}

p {
  text-align: left;
}

/* Nav Menu Font Override */
.navbar-nav .nav-link,
ul.nav .nav-link,
.dropdown-menu .dropdown-item {
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* =========================================
   2. UTILITY CLASSES (Helper classes you can apply anywhere)
   ========================================= */
.text-center { text-align: center; }
.no-spacing { margin: 0 !important; padding: 0 !important; }
.my10 { margin-top: 10px; margin-bottom: 10px; }
.center { align-items: center; justify-content: center; }
.icon { margin-top: 5px; margin-bottom: 5px; }

/* Bootstrap Overrides */
.container, .container-fluid {
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}

ul.list-unstyled,
ul.list-unstyled li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.btn-group-vertical {
  margin-left: 50px; 
}

/* =========================================
   3. SPECIFIC UI COMPONENTS
   ========================================= */
.icon-wrapper {
  background-color: white;
  border-radius: 6px;
  width: 35px;
  height: 35px;
  display: flex;
  transition: transform 0.2s ease;
}

.icon-wrapper:hover {
  transform: scale(1.05);
}

.feature-box {
  position: relative;
  padding: 15px 20px 15px 70px;
  text-align: left;
}

.card-body {
  display: flex;
  flex-direction: column; 
  justify-content: center;  
  align-items: center;      
  text-align: center;      
}

.parallax-box {
  position: relative;
  overflow: hidden;
}

/* =========================================
   4. PM REPORT STYLING
   ========================================= */
.pm-report h2,
.pm-report h3 {
  text-align: left !important;
  color: #000 !important; 
}

.pm-report table {
  margin-left: auto;
  margin-right: auto;
}

.pm-report table th,
.pm-report table td {
  text-align: center;
}


/********************************/

html {
    overflow-y: scroll;
}