/*********************** Student Benefits Plans Page *****************************/
:root {
  --benefits-color-health:#95C4D6;
  --benefits-color-virtual:#7C6EB1;
  --benefits-color-legal:#FAB418;
  --benefits-color-mental:#B9D989;
  --benefits-color-international:#EE5442;
  --benefits-hovercolor-health:#b3c7cf;
  --benefits-hovercolor-virtual:#9d90cf;
  --benefits-hovercolor-legal:#f8ca65;
  --benefits-hovercolor-mental:#bace9d;
  --benefits-hovercolor-international:#ea8277;
  --benefits-bg-color:#FCF6ED;
  --benefits-color-font:#222;
  --benefits-bg-footer:#BDB8B5;
 
  --font-sans-serif: "Source Serif 4", serif;

} 
html,body,span,p,ul,li,input,select,div,table,tr,td{font-family: var(--font-sans-serif);}

/*********************** Student Benefits Plans - Header *****************************/

#student-benefits-header{}





.bg-menuPlans{background-color: #686565;}
#myplansheader .myplansdesc{font-size: 0.9rem;max-width: 600px;}
#myplansheader .myplanstagline{font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}
#myplansheader h1{max-width: 400px;margin: 0px auto;}
#myplansmenu .navbar-dark .navbar-nav .nav-link{color: var(--text-white);}
#myplansmenu .navbar-dark .navbar-nav .nav-link:hover{color: var(--text-white);}
#myplansmenu .dropdown-menu {background-color: #686565;border: none;}
#myplansmenu .dropdown-menu .dropdown-item{color:var(--text-white)}
#myplansmenu .dropdown-menu .dropdown-item:hover{color:#686565}

/*********************** Student Benefits Plans - body *****************************/

#student-benefits-body{background:var(--benefits-bg-color)}
#student-benefits-body .card {background:initial;border-radius:1rem;border:none;color:var(--benefits-color-font)}
#student-benefits-body .card .card-header{background:initial;border:none;}
#student-benefits-body .card .card-header .d-flex-title {border-bottom: 1px solid;padding-bottom: 0.5rem;}
#student-benefits-body .card .card-header .card-title{font-size:1.4rem;line-height:120%;}
#student-benefits-body .card .card-body {padding: 0rem 1rem 1rem 1rem;}

#student-benefits-body .list-group{list-style: none;}
#student-benefits-body .list-group-item{background: initial;border:none;color: var(--benefits-color-font);}

#student-benefits-body #health-dental{background: var(--benefits-color-health);}
#student-benefits-body #health-dental .list-group-item-action:focus,#student-benefits-body #health-dental .list-group-item-action:hover{background-color:var(--benefits-hovercolor-health);}

#student-benefits-body #virtual-health{background: var(--benefits-color-virtual);}
#student-benefits-body #virtual-health .list-group-item-action:focus,#student-benefits-body #virtual-health .list-group-item-action:hover{background-color:var(--benefits-hovercolor-virtual);}

#student-benefits-body #legal-care{background: var(--benefits-color-legal);}
#student-benefits-body #legal-care .list-group-item-action:focus,#student-benefits-body #legal-care .list-group-item-action:hover{background-color:var(--benefits-hovercolor-legal);}

#student-benefits-body #mental-health{background: var(--benefits-color-mental);}
#student-benefits-body #mental-health .list-group-item-action:focus,#student-benefits-body #mental-health .list-group-item-action:hover{background-color:var(--benefits-hovercolor-mental);}

#student-benefits-body #International-students{background: var(--benefits-color-international);}
#student-benefits-body #International-students .list-group-item-action:focus,#student-benefits-body #International-students .list-group-item-action:hover{background-color:var(--benefits-hovercolor-international);}

/*********************** Student Benefits Plans - footer *****************************/

#student-benefits-footer{background: var(--benefits-bg-footer);}

/*********************** Student Benefits Plans - Icons *****************************/
.icon-accesibility{
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: -40px;
    background: url("https://mystudentplan.blob.core.windows.net/images/alumo/Logo-mystudentplan-Alumo.png") no-repeat 0px 0px;
  }

.footerPlans{background-color: #686565;color: var(--text-white);font-size:0.8rem;}
.footerPlans h3{font-weight: 900; font-size: 1rem; padding: 0px 0px 5px 0px;color:var(--text-white)}
.footerPlans a{color: var(--text-white)}
.footerPlans a:hover,.footerPlans a:focus{text-decoration: none;color:var(--text-white)}
.footerPlans ul{font-size: 0.9rem;} 
.footerPlans p{float: initial;color:var(--text-white); margin: 0px;padding: 0px;}
.footerPlans i,.footerPlans em{color: var(--text-white);}
.footerPlans .logoGallivan{width: 150px}
.footerPlans .list-group .list-group-item {background: none; border: none; padding: 4px 0px;color: var(--text-white);}
.footerPlans .list-group-horizontal .list-group-item {background: none; border: none; padding: 5px 10px;color: var(--text-white);}


.alumo-banner{background:#fbf6ed;}
.alumo-banner p{font-size: 2.1rem;font-weight: 400;color: #222;line-height: 90%;letter-spacing: -0.02em;    font-family: "Source Serif 4", serif;}