/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 @charset "UTF-8";

 @font-face {
   font-family: "phone-layers";
   src:url("fonts/phone-layers.eot");
   src:url("fonts/phone-layers.eot?#iefix") format("embedded-opentype"),
     url("fonts/phone-layers.woff") format("woff"),
     url("fonts/phone-layers.ttf") format("truetype"),
     url("fonts/phone-layers.svg#phone-layers") format("svg");
   font-weight: normal;
   font-style: normal;
 
 }

 
 /*
 [data-icon]:before {
   font-family: "phone-layers" !important;
   content: attr(data-icon);
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 */
 
 [class^="icon-"]:before,
 [class*=" icon-"]:before {
   font-family: "phone-layers" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-layer2:before {
   content: "\61";
 }
 
 
  @media screen and (max-width: 970px) {
     #top-bar.top-bar-empty {
         margin-top: 0px !Important;
     }
 }

 .unread_message_counter {
    z-index: 11;
    bottom: 133px;
    right: 48px;
    position: fixed;
    background-color: red;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
 }
  
   .staticcallbutton {
     display: none;
     width: 120px;
     position:fixed;
     bottom:30px;
     right:30px;
     z-index:10;
 }
 
 
 .staticcallbutton img {
     width: 120px;          /* needed to change this from 155px back to 120px on april 7, 2022. */
     margin-left: 3%;       /* why do i have to keep doing this?                                */
     margin-top: -6%;
 }
 
 .phoneimage {
     font-size: 124px;
 }
 
 .phoneimage:before {
     font-family: "phone-layers" !important;
     content: 'a';
     font-style: normal !important;
     font-weight: normal !important;
     font-variant: normal !important;
     text-transform: none !important;
     speak: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     position: fixed;
     z-index: -1;
     padding-top: 5px;
 }
 
 
 @media screen and (max-width: 970px) {
     .staticcallbutton img {
         width: 80%;
         margin-left: 2%;
         margin-top: -4%;
     }
     .phoneimage:before {
         font-size: 80%;
     }
 }