@import url('/assets/refresh-base.css');

/* Consistent section labels across the refreshed site */
.refresh-theme .et_pb_text_inner>h3:has(+.refresh-section-mark),
.refresh-theme .et_pb_text_inner>h4:has(+.refresh-section-mark),
.refresh-theme .et_pb_text:has(+.et_pb_text .refresh-section-mark) .et_pb_text_inner>h4:only-child,
.refresh-theme .refresh-kicker {
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  color:var(--refresh-blue)!important;
  margin:0 0 18px!important;
}

/* Perks & Partners */
.site-page .trip-types-photo {
  display:block;
  overflow:hidden;
  box-shadow:10px 10px 0 #dce8ef;
}
.site-page .trip-types-photo img {
  width:100%;
  height:520px;
  object-fit:cover;
  display:block;
}
.perks-options {
  position:relative;
  overflow:hidden;
}
.perks-options:before {
  content:'';
  position:absolute;
  right:-170px;
  top:260px;
  width:430px;
  height:430px;
  border:1px solid #a8c2d244;
  border-radius:50%;
  box-shadow:0 0 0 45px #c9dce623,0 0 0 90px #c9dce617;
  pointer-events:none;
}
.perks-options>.content-row:first-child {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:38px;
  align-items:center;
  background:var(--navy);
  padding:30px;
  margin-bottom:44px;
}
.perks-options>.content-row:first-child .content-column {min-width:0}
.perks-options>.content-row:first-child .et_pb_text_inner h4,
.perks-options>.content-row:first-child .et_pb_text_inner p {color:white}
.perks-options>.content-row:first-child .refresh-kicker {color:#bad8e8!important}
.perks-options>.content-row:first-child .et_pb_image_wrap {display:block}
.perks-options>.content-row:first-child img {
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
}
.perks-options>.content-row:not(:first-child) {display:none}
.perks-showcase {position:relative;z-index:1}
.perks-showcase-heading {max-width:780px;margin:0 0 30px}
.perks-showcase-heading .eyebrow,
.perks-theme-copy .eyebrow {
  font-size:9px;
  font-weight:700;
  letter-spacing:.19em;
  color:var(--refresh-blue);
  margin-bottom:13px;
}
.perks-showcase-heading h2,.perks-theme-copy h2 {margin:0 0 14px}
.perks-showcase-heading>p:last-child,.perks-theme-copy>p:last-child {
  font-size:14px;
  line-height:1.85;
  max-width:670px;
}
.perks-brand-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0 0 38px;
}
.perks-brand-card {
  background:white;
  border:1px solid #d6e3ea;
  border-top:4px solid var(--navy);
  padding:18px 18px 22px;
  box-shadow:0 10px 24px #002d4c09;
  min-width:0;
}
.perks-logo {
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f7fafb;
  margin-bottom:18px;
  padding:14px;
}
.perks-logo img {
  display:block;
  max-width:100%;
  max-height:92px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.perks-brand-card:nth-child(2) .perks-logo {background:#311500}
.perks-brand-card h3 {
  font:500 21px/1.25 'Playfair Display',Georgia,serif;
  color:var(--navy);
  margin:0 0 10px;
}
.perks-brand-card p {font-size:12px;line-height:1.7;margin:0}
.perks-theme-panel {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:34px;
  align-items:center;
  background:#e5f0f5;
  border-left:5px solid var(--navy);
  padding:34px;
  margin:0 0 30px;
}
.perks-theme-logos {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.perks-theme-logo {
  min-height:180px;
  background:white;
  border:1px solid #ccdfe9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-shadow:0 7px 18px #002d4c08;
}
.perks-theme-logo img {display:block;max-width:100%;height:105px;object-fit:contain}
.perks-theme-logo span {
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#47718a;
  margin-top:10px;
}
.perks-trip-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.perks-trip-grid article {
  background:white;
  border:1px solid #d6e3ea;
  padding:25px;
  position:relative;
  box-shadow:0 8px 20px #002d4c06;
}
.perks-trip-grid article:after {
  content:'';
  position:absolute;
  left:25px;
  bottom:0;
  width:42px;
  height:3px;
  background:#93b7ca;
}
.perks-trip-grid .refresh-icon {width:29px;height:29px;color:var(--refresh-blue);margin-bottom:17px}
.perks-trip-grid h3 {
  font:500 23px/1.25 'Playfair Display',Georgia,serif;
  color:var(--navy);
  margin:0 0 9px;
}
.perks-trip-grid p {font-size:12px;line-height:1.75;margin:0}
.refresh-cta-section .refresh-kicker,
.refresh-cta-section .et_pb_text:has(+.et_pb_text .refresh-section-mark) .et_pb_text_inner>h4:only-child {color:#bad8e8!important}
body[data-page="perks-partners"]>.refresh-closing {display:none}
.refresh-theme .et_pb_text_inner>.advisor-kicker {margin-top:30px!important}

@media(max-width:900px) {
  .perks-brand-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .perks-theme-panel {grid-template-columns:1fr}
  .perks-trip-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px) {
  .site-page .trip-types-photo img {height:360px}
  .perks-options>.content-row:first-child {grid-template-columns:1fr;padding:22px}
  .perks-options>.content-row:first-child img {height:220px}
  .perks-brand-grid,.perks-theme-logos,.perks-trip-grid {grid-template-columns:1fr}
  .perks-theme-panel {padding:25px 20px}
  .perks-logo {height:110px}
  .perks-trip-grid article {padding:23px 21px}
}
