/* Contact tag fixed to the bottom-right edge of the screen (markup: footer.inc.php).
   The Freshworks chat bubble (#fc_frame, bottom: 15px set inline by the widget) is lifted
   above it while closed; the open chat window keeps its own position and covers the tag. */

.support-line {
    position: fixed;
    right: 0;
    bottom: 42px;
    z-index: 999;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 192px;
    height: 56px;
    padding-left: 7px;
    border-radius: 14px 0 0 14px;
    background: linear-gradient(90deg, #378AFF 0%, #2CACEE 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25);
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

.support-line:hover,
.support-line:focus {
    color: #fff;
    text-decoration: none;
}

.support-line:focus-visible {
    outline: 2px solid #378AFF;
    outline-offset: 2px;
}

.support-line-icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
}

.support-line-icon svg {
    width: 23px;
    height: 23px;
}

.support-line-text {
    display: flex;
    flex-direction: column;
}

.support-line-label {
    position: relative;
    top: -1px; /* the design's baseline */
    font-family: "Proxima Nova Bold", sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
}

.support-line-number {
    padding-left: 2px; /* the design sets the number slightly in from the label */
    font-family: "FontsFree-Net-Proxima-Nova-Sbold", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

/* 42px tag offset + 56px tag + 12px gap */
#fc_frame.fc-widget-small {
    bottom: 110px !important;
}

@media print {
    .support-line {
        display: none;
    }
}