/***************************************************************************************************
****************************************************************************************************

Project..... Vaughan Memorial Library website
Date........ Q2-2023
Developer... vincent.grovestine@acadiau.ca

****************************************************************************************************
***************************************************************************************************/



/*******************************************************************************
********************************************************************************
** LIVE HELP: Status indicator and link
********************************************************************************
*******************************************************************************/

.livehelp_status {
  display: block;
  margin: 1em auto;
}

#left .livehelp_status,
#right .livehelp_status {
  margin-bottom: 0;
}

.livehelp_status a {
  text-align: center;
  white-space: nowrap;
  width: auto;
}

#left .livehelp_status a,
#right .livehelp_status a {
  width: 100%;
}

.livehelp_status a:before {
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  display: inline;
}

.livehelp_status.online a {
  background-color: var(--vml-color-livehelp-online-a-text) !important;
}

.livehelp_status.online a:hover,
.livehelp_status.online a:active {
  background-color: var(--vml-color-livehelp-online-a-active-text) !important;
}

.livehelp_status.online a::before {
  content: "\f086\00a0\00a0";
}

.livehelp_status.offline a {
  background-color: var(--vml-color-livehelp-offline-a-text) !important;
}

.livehelp_status.offline a:hover,
.livehelp_status.offline a:active {
  background-color: var(--vml-color-livehelp-offline-a-active-text) !important;
}

.livehelp_status.offline a::before {
  content: "\f4b3\00a0\00a0";
}


/***************************************************************************************************
***************************************************************************************************/
