/*
 * CSS specific to Avatar's Client Portal
 */
:root {
  --avatarThemeColor1: #98b2b0;
  --avatarThemeColor2: #9BBB9B;
  --avatarThemeColor3: #CDDAC9;
  --avatarThemeColor4: #EBB667;
  --avatarThemeColor5: #EFEFEF;
  --avatarThemeColor6: #030835;
  --portalThemeColor6: #030835; /* trying to override the standard theme color */
  --avatarThemeColor7: #FFFFFF;
  --avatarThemeColor8: #2e456b;
  --avatarThemeColor9: #D19C4D;
  --avatarThemeColor10: #030835; /* dark blue */
  --avatarThemeColor11: #deeeea; /* light green*/
  --portalThemeColor12: ;

  /*--sidebarBackgroundColor:  #98b2b0; /* mid green */
  --sidebarBackgroundColor:  #deeeea; /* light green */
 }

 .text-dkblue {
    --bs-text-opacity: 1;
    color: var(--avatarThemeColor8),var(--bs-text-opacity)!important
}

footer .footer-bottom {
    background-color:var(--avatarThemeColor6)!important;
}

/*trying some new style cards*/

  .card-metric {
    margin-bottom: 20px;
  }
  .activity-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .activity-item img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }

  .bg-green {
    --bs-bg-opacity: 1;
    background-color: #006d5b !important;
  }
  .bg-red {
    --bs-bg-opacity: 1;
    background-color: #b13b3c !important;
  }
  .bg-yellow {
    --bs-bg-opacity: 1;
    background-color: #f7e8aa !important;
  }
  .bg-blue {
    --bs-bg-opacity: 1;
    background-color: #286181 !important;
  }

/* end new card style */

/* Info Cards */
  .whiteCard {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px; /* space inside the card */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* subtle shadow so it stands out */
    flex: 1; /* lets them size nicely if flexible */
  }


/* Home page alert box */
  .alert.bg-warning-subtle {
    background-color: #fff9db !important;  /* pale yellow override */
    border-color: #ffe58f !important;      /* soft golden border */
  }


/* Override underline for portal icon links */
.container.my-4 a.portal-icon-link:hover,
.container.my-4 a.portal-icon-link:hover h2.card-title {
    text-decoration: none !important;
}

/* Override underline for summary cards */
.container-fluid.summary-cards a:hover,
.container-fluid.summary-cards a.text-decoration-none:hover {
    text-decoration: none !important;
}