body.pwp-byt .site-main .wp-block-group__inner-container {
padding-left: 0;
padding-right: 0;
}
body.pwp-itin-cards .pwp-itin .wp-block-group__inner-container {
padding-top: 0;
padding-bottom: 0;
}
body.pwp-byt .pwp-eyebrow,
body.pwp-byt .pwp-eyebrow strong,
body.pwp-itin-cards .pwp-itin-eyebrow,
body.pwp-itin-cards .pwp-itin-eyebrow strong {
font-size: var(--pwp-size-overline) !important;
letter-spacing: var(--pwp-tracking-overline) !important;
font-weight: var(--pwp-weight-semibold) !important;
text-transform: uppercase !important;
color: var(--pwp-teal-action) !important;
margin: 0 0 var(--pwp-space-3);
}
body.pwp-byt .pwp-section-dark .pwp-eyebrow,
body.pwp-byt .pwp-section-dark .pwp-eyebrow strong {
color: var(--pwp-teal-light) !important;
}
body.pwp-itin-cards .pwp-itin,
body.pwp-itin-cards .pwp-itin-mini {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-divider) !important;
border-radius: var(--pwp-radius-lg) !important;
box-shadow: var(--pwp-shadow-card) !important;
padding: var(--pwp-space-6) !important;
box-sizing: border-box;
}
body.pwp-itin-cards .pwp-itin {
max-width: 760px;
margin-inline: auto;
}
body.pwp-itin-cards .pwp-itin-img {
margin: calc(var(--pwp-space-6) * -1) calc(var(--pwp-space-6) * -1) var(--pwp-space-5) !important;
max-width: none !important;
}
body.pwp-itin-cards .pwp-itin-img img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
border-radius: var(--pwp-radius-lg) var(--pwp-radius-lg) 0 0;
}
body.pwp-itin-cards .pwp-itin-mini .pwp-itin-img img { height: 150px; }
body.pwp-itin-cards .pwp-itin-title {
font-size: var(--pwp-size-title) !important;
line-height: var(--pwp-leading-tight);
color: var(--pwp-ink) !important;
margin: 0 0 var(--pwp-space-2) !important;
}
body.pwp-itin-cards .pwp-itin-meta {
font-size: var(--pwp-size-meta);
letter-spacing: var(--pwp-tracking-label);
text-transform: uppercase;
font-weight: var(--pwp-weight-semibold);
color: var(--pwp-text-secondary);
margin: 0 0 var(--pwp-space-5) !important;
}
body.pwp-itin-cards .pwp-itin-meta em {
font-style: normal;
color: var(--pwp-money-text);
}
body.pwp-itin-cards .pwp-itin-stops {
counter-reset: itinstop;
margin: 0 0 var(--pwp-space-5) !important;
padding: 0 !important;
}
body.pwp-itin-cards .pwp-itin-stop {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: var(--pwp-space-3);
row-gap: var(--pwp-space-1);
padding: var(--pwp-space-4) 0 var(--pwp-space-4) 40px !important;
margin: 0 !important;
border-bottom: 1px solid var(--pwp-divider);
}
body.pwp-itin-cards .pwp-itin-stop:last-child { border-bottom: 0; }
body.pwp-itin-cards .pwp-itin-stop::before {
counter-increment: itinstop;
content: counter(itinstop);
position: absolute;
left: 0;
top: var(--pwp-space-4);
width: 26px;
height: 26px;
display: grid;
place-items: center;
border-radius: 50%;
background: linear-gradient(150deg, var(--pwp-teal-action-hover), var(--pwp-teal-action));
color: var(--pwp-on-action);
font-size: var(--pwp-size-caption);
font-weight: var(--pwp-weight-bold);
line-height: 1;
}
body.pwp-itin-cards .pwp-itin-stop.pwp-itin-aside::before {
counter-increment: none;
content: "";
width: 10px;
height: 10px;
top: calc(var(--pwp-space-4) + 8px);
left: 8px;
background: none;
border: 2px solid var(--pwp-teal-action);
opacity: .55;
}
body.pwp-itin-cards .pwp-itin-stop.pwp-itin-aside .pwp-itin-stop-name {
font-weight: var(--pwp-weight-semibold, 600);
color: var(--pwp-text-body);
}
body.pwp-itin-cards .pwp-itin-stop.pwp-itin-aside .pwp-itin-stop-name:hover { color: var(--pwp-teal-action); }
body.pwp-itin-cards .pwp-itin-stop-name {
order: 1;
flex: 0 1 auto;
min-width: 0;
overflow-wrap: normal;
word-break: normal;
font-weight: var(--pwp-weight-semibold);
color: var(--pwp-teal-action);
text-decoration: none;
}
body.pwp-itin-cards .pwp-itin-stop-name:hover {
color: var(--pwp-ink);
text-decoration: underline;
text-decoration-color: var(--pwp-gold);
text-underline-offset: 3px;
}
body.pwp-itin-cards .pwp-itin-stop-loc {
order: 2;
flex: 0 0 auto;
font-size: var(--pwp-size-caption);
letter-spacing: var(--pwp-tracking-label);
text-transform: uppercase;
color: var(--pwp-text-secondary);
white-space: nowrap;
}
body.pwp-itin-cards .pwp-itin-stop-deal {
order: 4;
flex: 1 1 100%;
font-size: var(--pwp-size-body);
line-height: var(--pwp-leading-body);
color: var(--pwp-text-body);
}
body.pwp-itin-cards .pwp-itin-save {
order: 3;
flex: 0 0 auto;
margin-left: auto;
padding: 2px var(--pwp-space-3);
border-radius: var(--pwp-radius-pill);
background: var(--pwp-money-surface);
color: var(--pwp-money-text);
font-size: var(--pwp-size-caption);
font-weight: var(--pwp-weight-bold);
white-space: nowrap;
}
body.pwp-itin-cards .pwp-itin-stopslist {
font-size: var(--pwp-size-body);
line-height: var(--pwp-leading-body);
color: var(--pwp-text-body);
margin: 0 0 var(--pwp-space-4) !important;
}
body.pwp-itin-cards .pwp-itin-stopslist .sep {
color: var(--pwp-gold);
padding: 0 var(--pwp-space-1);
}
body.pwp-itin-cards .pwp-itin-total {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--pwp-space-1);
padding: var(--pwp-space-5) var(--pwp-space-6) !important;
border-radius: var(--pwp-radius-md);
background:
radial-gradient(600px 320px at 82% 10%, rgba(38, 166, 154, .14), transparent 60%),
linear-gradient(160deg, var(--pwp-night-2) 0%, var(--pwp-night) 100%) !important;
margin: 0 0 var(--pwp-space-4) !important;
}
body.pwp-itin-cards .pwp-itin-total p { margin: 0 !important; }
body.pwp-itin-cards .pwp-itin-total .lbl {
font-size: var(--pwp-size-overline);
letter-spacing: var(--pwp-tracking-overline);
text-transform: uppercase;
font-weight: var(--pwp-weight-semibold);
color: var(--pwp-on-dark) !important;
opacity: .85;
}
body.pwp-itin-cards .pwp-itin-total .amt {
font-size: var(--pwp-size-display);
font-weight: var(--pwp-weight-bold);
line-height: 1;
color: var(--pwp-teal-light) !important;
}
body.pwp-itin-cards .pwp-itin-math,
body.pwp-itin-cards .pwp-itin-tip {
background: var(--pwp-surface-alt) !important;
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
color: var(--pwp-text-body);
padding: var(--pwp-space-4) var(--pwp-space-5) !important;
margin: 0 0 var(--pwp-space-5) !important;
}
body.pwp-itin-cards .pwp-itin-math strong { color: var(--pwp-money-text); }
body.pwp-itin-cards .pwp-itin-fine {
margin: var(--pwp-space-4) 0 0 !important;
font-size: var(--pwp-size-caption);
line-height: var(--pwp-leading-body);
color: var(--pwp-text-secondary);
}
body.pwp-itin-cards .pwp-itin-cols {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--pwp-space-5);
align-items: stretch !important;
margin: 0 0 var(--pwp-space-6) !important;
}
body.pwp-itin-cards .pwp-itin-cols .wp-block-column {
display: flex;
margin-bottom: 0 !important;
flex-basis: auto !important;
}
body.pwp-itin-cards .pwp-itin-cols .wp-block-column:empty { display: none !important; }
body.pwp-itin-cards .pwp-itin-mini {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
}
body.pwp-itin-cards .pwp-itin-mini .wp-block-buttons { margin-top: auto !important; padding-top: var(--pwp-space-3); }
body.pwp-byt .pwp-step-num {
width: 44px;
height: 44px;
margin: 0 auto var(--pwp-space-3) !important;
display: grid;
place-items: center;
border-radius: 50%;
background: linear-gradient(150deg, var(--pwp-teal-action-hover), var(--pwp-teal-action)); 
color: var(--pwp-on-action) !important;
font-size: var(--pwp-size-subtitle) !important;
font-weight: var(--pwp-weight-bold);
line-height: 1;
}
body.pwp-byt .pwp-step-title {
font-size: var(--pwp-size-subtitle) !important;
color: var(--pwp-ink) !important;
margin: 0 0 var(--pwp-space-2) !important;
}
body.pwp-byt .pwp-step-copy { color: var(--pwp-text-body); }
body.pwp-byt .pwp-section-dark {
background:
radial-gradient(900px 480px at 82% 10%, rgba(38, 166, 154, .14), transparent 60%),
linear-gradient(160deg, var(--pwp-night-2) 0%, var(--pwp-night) 100%);
color: var(--pwp-on-dark);
}
body.pwp-byt .pwp-section-dark :is(h1, h2, h3, h4, p, li) { color: var(--pwp-on-dark); }
@media (max-width: 600px) {
body.pwp-itin-cards .pwp-itin,
body.pwp-itin-cards .pwp-itin-mini {
padding: var(--pwp-space-5) var(--pwp-space-4) !important;
}
body.pwp-itin-cards .pwp-itin-img {
margin: calc(var(--pwp-space-5) * -1) calc(var(--pwp-space-4) * -1) var(--pwp-space-4) !important;
}
body.pwp-itin-cards .pwp-itin-img img { height: 170px; }
body.pwp-itin-cards .pwp-itin-stop {
padding-left: 34px !important;
column-gap: var(--pwp-space-2);
}
body.pwp-itin-cards .pwp-itin-stop::before { width: 22px; height: 22px; }
body.pwp-itin-cards .pwp-itin-save { order: 2; }
body.pwp-itin-cards .pwp-itin-stop-loc { order: 3; flex: 1 1 100%; }
body.pwp-itin-cards .pwp-itin-total { padding: var(--pwp-space-5) !important; }
body.pwp-itin-cards .pwp-itin .wp-block-button,
body.pwp-itin-cards .pwp-itin .wp-block-button__link {
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
}
}
body.pwp-byt .entry-content > p:empty,
body.pwp-itin-cards .pwp-itin p:empty {
display: none;
}
body.pwp-byt .pwp-btn-quiet .wp-block-button__link {
color: var(--pwp-teal-action) !important;
border-color: var(--pwp-teal-action) !important;
}
body.pwp-byt .pwp-btn-quiet .wp-block-button__link:hover,
body.pwp-byt .pwp-btn-quiet .wp-block-button__link:focus-visible {
background: var(--pwp-teal-action) !important;
color: var(--pwp-surface) !important;
}