/* interface */
p.noheight {
	margin: 0;
	height: 2rem;
}

/* overrides */
#customChatButton {
    align-items: center;
    background-color: rgb(0, 0, 0);
    border: 0px;
    border-radius: 50px;
    bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    gap: 12px;
    max-width: 350px;
    padding: 8px 13px 9px 13px !important;
    position: fixed;
    right: 15px !important;
    transition: all .25s !important;
    z-index: 1;
    transform: scale(1);
}
#customChatButton > span {
	align-items: center;
    display: flex;
    gap: 8px !important;
    width: 100%;
}
#customChatButton > span img {
	border-radius: 0 !important;
	content: url("/sites/default/files/2026-09/chat-bubble-peel-100px.png") !important;
	width: 36px !important;
	height: 36px !important;
}
#customChatButton > span > span {
    color: rgb(255, 255, 255);
    font-size: .925rem !important;
    font-weight: 600 !important;
    line-height: 1.2;
    margin: 0px;
    white-space: nowrap;
}

/* collapsed to expand again */
#customChatButton.collapse {
	padding: 10px !important;
	animation-name: bounce;
	animation-duration: 12s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#customChatButton.collapse > span > span {
	display: none !important;
}
#customChatButton.collapse:hover, #customChatButton.collapse:focus {
    padding: 8px 13px 9px 13px !important;
}
#customChatButton.collapse:hover > span > span, #customChatButton.collapse:focus > span > span {
	display: block !important;
}

/* bounce the chat profile from time to time */
@keyframes bounce {
  0%	{ bottom: 15px; }
  50%	{ bottom: 15px; }
  51%	{ bottom: 10px; }
  52%	{ bottom: 15px; }
  100%	{ bottom: 15px; }
}