/* -- */


.listitem
{
  width: 100%;
  height: auto;
  padding: 16px 20px;
  margin-bottom: 26px;
  box-sizing: border-box;

  background-color: #F9FBFD;
  background-color: #F7F8FA;
  border-radius: 0 16px 16px 0;

  border: 1px solid #F0F0F0;
  border-left: 4px solid #173A63;

  box-shadow: 0 8px 24px rgba(18,35,60, .12);

  transition: box-shadow .35s ease;
}

.listitem:hover
{
  box-shadow: 0 10px 28px rgba(18,35,60, .15);
}


/* -- */


.listitem_icon
{
  float: left;
  width: 60px;
  aspect-ratio: 1;

  background-color: #E3EBF3;
  border-radius: 10%;

  background-image: none;
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;

  transition: background-color 0.3s;
}

.listitem:hover .listitem_icon
{
  background-color: #D5E0EC;
}


/* -- */


.listitem_content
{
  float: left;
  width: calc(100% - 94px);
  height: auto;
  margin-left: 30px;
}

.listitem_title
{
  margin-bottom: 4px;

  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;

  color: var(--accent-color);
}

.listitem_description
{
  color: #4F5A66;
  text-align: left;
  font-size: 14px;
}


/* -- */


.icon_master { background-image: url('../img/list/master.png'); }
.icon_psych { background-image: url('../img/list/psych.png'); }
.icon_doctor { background-image: url('../img/list/doctor.png'); }
.icon_vgct { background-image: url('../img/list/vgct.png'); }
.icon_fns { background-image: url('../img/list/fns.png'); }

.icon_location { background-image: url('../img/list/location.png'); }
.icon_duration { background-image: url('../img/list/duration.png'); }
.icon_report { background-image: url('../img/list/report.png'); }
.icon_pricing { background-image: url('../img/list/pricing.png'); }


/* -- */