/* Keep the banner's changing offer, trip search and flight notice visually distinct. */
@media screen {
 body[data-template-level="1"] .search-strip {
  background:#e8f4fb;
  border-top:1px solid #bfdfef;
  padding:18px 0 20px;
 }
 body[data-template-level="1"] .search-strip .voice-search {
  background:#fff;
  border:1px solid #b9d9e9;
  border-left:4px solid #087ca4;
  border-radius:12px;
  padding:14px 16px;
  box-shadow:0 4px 15px #0b4e6d12;
 }
 body[data-template-level="1"] .spring-home {
  background:#fff7ea;
  border-top:7px solid #fff;
  padding:17px 0 22px;
 }
 body[data-template-level="1"] .spring-home .spring-home-link {
  background:#fffdf9;
  border:1px solid #e5d0ab;
  border-top:4px solid #bf914c;
  border-bottom:4px solid #bf914c;
  border-left:1px solid #e5d0ab;
  border-right:1px solid #e5d0ab;
  border-radius:12px;
  box-shadow:0 4px 15px #6a4d2110;
 }
 body[data-template-level="1"] .spring-home .spring-home-link b {color:#086d94}
}
@media screen and (max-width:700px) {
 body[data-template-level="1"] .search-strip {padding:16px 0 18px}
 body[data-template-level="1"] .search-strip .voice-search {padding:13px 12px 13px 14px}
 body[data-template-level="1"] .spring-home {padding:15px 0 20px}
 body[data-template-level="1"] .spring-home .spring-home-link {padding:14px 13px}
}

/* Complete both ends of each band, including the photograph/caption join. */
@media screen {
 body[data-template-level="1"] #homeHero::after {
  box-sizing:border-box;
  border-bottom:2px solid #91b5c2;
 }
 body[data-template-level="1"] .search-strip {
  border-top-color:#b0d0df;
  border-bottom:1px solid #b0d0df;
 }
 body[data-template-level="1"] .spring-home {
  border-bottom:1px solid #e5d0ab;
 }
}
@media screen and (max-width:700px) {
 body[data-template-level="1"] #homeHero {
  border-bottom:1px solid #b0d0df;
 }
}

/* Flight action lines up with the route search action and has a full tap target. */
@media screen {
 body[data-template-level="1"] .spring-home .spring-home-link{display:flex;flex-direction:column;align-items:stretch;gap:12px;}
 body[data-template-level="1"] .spring-home .spring-home-link b{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin:0;background:#087ca4;color:#fff;border-radius:8px;font-size:17px;line-height:1.4;font-weight:600;text-align:center;}
 body[data-template-level="1"] .spring-home .spring-home-link:focus-visible{outline:3px solid #087ca4;outline-offset:3px;}
}

/* Dated fare example, with route and conditions next to the amount. */
@media screen {
 body[data-template-level="1"] .spring-home .spring-fare-example{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px;margin-top:13px;}
 body[data-template-level="1"] .spring-home .spring-fare-route{margin:0;font-size:16px;line-height:1.5;color:#294c5e;}
 body[data-template-level="1"] .spring-home .spring-fare-example strong{display:inline;font-size:24px;line-height:1.4;font-weight:600;color:#a34c25;white-space:nowrap;}
 body[data-template-level="1"] .spring-home .spring-fare-note{font-size:15px;line-height:1.65;color:#52636b;margin-top:7px;}
}
/* Keep dates beside the destination summary and bring the action up to the fare. */
body[data-template-level="1"] main#top #home-flights .spring-home-link{display:block!important}
body[data-template-level="1"] main#top #home-flights .spring-fare-content{display:block!important}
body[data-template-level="1"] main#top #home-flights .spring-fare-intro{display:block;margin-top:8px;font-size:17px;line-height:1.6;color:#52636b}
body[data-template-level="1"] main#top #home-flights .spring-fare-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
body[data-template-level="1"] main#top #home-flights .spring-fare-example{flex:1;min-width:0;margin-top:0}
body[data-template-level="1"] main#top #home-flights .spring-fare-bar b{flex-shrink:0;align-self:center}
body[data-template-level="1"] main#top #home-flights .spring-fare-note{display:block;margin-top:8px}
@media(max-width:360px){
 body[data-template-level="1"] main#top #home-flights .spring-fare-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 body[data-template-level="1"] main#top #home-flights .spring-fare-example{display:contents}
 body[data-template-level="1"] main#top #home-flights .spring-fare-route{grid-column:1;grid-row:1}
 body[data-template-level="1"] main#top #home-flights .spring-fare-example strong{grid-column:1/-1;grid-row:2}
 body[data-template-level="1"] main#top #home-flights .spring-fare-bar b{grid-column:2;grid-row:1}
}