﻿#left-column {
    color: var(--utility-neutral-80);
    padding: 0 !important;
}

.titleBlock {
    padding: var(--spacing-m);
}

.title {
    border: none !important;
    margin-bottom: var(--spacing-xs) !important;
    padding-bottom: 0 !important;
}

.subTitle {
    font-size: var(--body-font-size-large);
    margin: 0;
}

.labelMessage {
    margin: var(--spacing-m);
}

.contentGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-m);
    padding: 0 var(--spacing-m) 32px var(--spacing-m);
}

.contentGridItem {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: var(--spacing-xs);
}

.contentGridItem p {
    font-size: var(--body-font-size-large);
    margin: 0;
}

.contentGridItemTitle {
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: var(--spacing-xs);
}

.contentGridItemTitle h3,
.payNearMeChild h3 {
    font-size: var(--h3-font-size);
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.payNearMeChild h3 {
    text-align: center;
}

.payNearMeChild h4 {
    font-size: var(--body-font-size);
}

.payNearMeParentGrid,
.payNearMeChild {
    gap: var(--spacing-s);
}

.payNearMeParentGrid {
    border-bottom: 1px solid var(--utility-neutral-20);
    display: grid;
    grid-template-rows: repeat(3, auto);
    justify-content: center;
    margin-bottom: var(--spacing-l);
    padding: 0 var(--spacing-l) var(--spacing-l) var(--spacing-l);
}

.payNearMeChild {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.payNearMeChild:last-child {
    gap: var(--spacing-m);
}

.payNearMeLogo {
    max-height: 25px;
}

.inPersonLogo {
    max-height: var(--spacing-xl);
}

.payNearMeParentGrid poweredBy {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.payNearMeButton {
    margin-bottom: 12px;
}

#contentTable {
    color: #666;
    font-size: 13px;
    padding: 0px;
}

#contentTable a:link,
#contentTable a:visited,
#contentTable a:active {
    color: var(--utility-neutral-100);
    text-decoration: none;
}

#contentTable a:hover {
    text-decoration: underline;
}

a.ic-support-dialog {
    color: inherit !important;
}

.virtual-site-desc-desktop {
    color: var(--utility-neutral-80);
    font-size: var(--body-font-size-large);
    margin-top: 0;
    padding: 0;
}

@media (max-width: 675px) {
    .contentGrid {
        grid-template-columns: 1fr;
    }
}
