/* proactive chats */
@-webkit-keyframes live-person-proactive-slide {
  100% { right: 0; }
}
@keyframes live-person-proactive-slide {
  100% { right: 0; }
}
.lp-proactive-content .button.yellow:hover {
   background:#ffe200 !important;
}
@media(max-width:480px) {
  .lp-proactive-heading h3{
    padding:30px 0px !important;
  }
  .lp-proactive-window {
    width: 90% !important;
    right: -100% !important;
    margin: 0 5%;
  }
}
/* sticky/global chats */
#lp-global {
  display: block !important;
}
#lp-global .double-bubble {
  display: none;
}
#lp-global .double-bubble img {
  display: block;
  position: fixed;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
}
#lp-global .mobile-bar {
  display: block;
}
#lp-global .mobile-bar div {
  background: #00a3ad;
  color:#fff;
  position: fixed;
  height: 120px;
  width: 25px;
  bottom: 50px;
  right: 0;
  border: solid white 1px;
  border-left: 0;
  padding-right: 2px;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-family: "MarkProBold",Arial,Helvetica,sans-serif;
  text-orientation: sideways-right;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
}
#lp-global .mobile-bar div a {
  display: block;
  width: 100%;
  font-size: 14px;
  font-family: "markpro", "MarkPro", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 492px) {
  #lp-global .double-bubble {
    display: block;
  }
  #lp-global .mobile-bar {
    display: none;
  }
}

button.chips-item {
  text-transform: none;
}
.lp-json-pollock-element-button>button {
  text-transform: none;
}
/* Live Person Styles - overwrite */
.LPMlabel {
  font-family: "MarkPro", Arial, Helvetica, sans-serif !important;
}
/* forcing offset to double bubble as liveengage doesn't support this */
.LPMcontainer.LPMoverlay[style*="width: 70"],
.LPMcontainer.LPMoverlay[style*="width:70"] {
  right: 25px !important;
  bottom: 25px !important;
  height: 58px !important;
  width: 58px !important;
}
.LPMcontainer.LPMoverlay[style*="width: 70"] img,
.LPMcontainer.LPMoverlay[style*="width:70"] img {
  left: 0px !important;
  top: 0px !important;
  height: 58px !important;
  width: 58px !important;
}
.LPMcontainer.LPMoverlay[style*="width: 58"],
.LPMcontainer.LPMoverlay[style*="width:58"] {
  right: 25px !important;
  bottom: 25px !important;
}
.LPMcontainer.LPMoverlay[style*="width: 58"] img,
.LPMcontainer.LPMoverlay[style*="width:58"] img {
  left: 0px !important;
  top: 0px !important;
}