/* v0.4.23: approved boat-and-wave brand plus optional photo hero on TOP only. */
.logo .logo-symbol{background:transparent;border-radius:0;width:57px;height:51px;display:grid;place-items:center;flex:none}
.logo .logo-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.logo strong .brand-db{color:#087f9a}
.logo strong{white-space:nowrap}
.hero.has-photo{background:#d9f1f6}
.hero.has-photo .hero-sea{display:none}
.hero-photo{position:absolute;inset:0;display:block;z-index:0;overflow:hidden;pointer-events:none}
.hero-photo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-photo-image.hero-position-left{object-position:left center}
.hero-photo-image.hero-position-right{object-position:right center}
.hero.has-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(236,249,251,.94) 0%,rgba(233,249,251,.86) 28%,rgba(234,249,251,.55) 47%,rgba(235,247,249,.06) 75%),linear-gradient(0deg,rgba(6,64,89,.16),transparent 45%)}
.hero.has-photo .hero-inner{position:relative;z-index:2;min-height:530px}
.hero.has-photo h1{color:#103c58;text-shadow:0 1px 4px #fff3}
.hero.has-photo h1 em{color:#008eaa}
.hero.has-photo .hero-inner>p{color:#345e72;text-shadow:0 1px 3px #fffb}
/* A little of the selected boat photo shows through the white search card. */
.hero.has-photo .search-box{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 17px 45px #063b4b40}
.hero-photo-credit{position:absolute;z-index:3;right:25px;top:23px;padding:7px 12px;border-radius:100px;background:#0b354ecc;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;line-height:1.5}
.hero-photo-credit:hover{text-decoration:underline!important}
.hero-photo-credit:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){
 .logo .logo-symbol{width:48px;height:42px}
 .hero.has-photo .hero-inner{min-height:0}
 .hero.has-photo::before{background:linear-gradient(180deg,rgba(234,249,251,.95) 0%,rgba(234,249,251,.85) 26%,rgba(231,247,250,.22) 49%,rgba(7,71,98,.09) 100%)}
 .hero-photo-image.mobile-position-left{object-position:left center}
 .hero-photo-image.mobile-position-right{object-position:right center}
 .hero.has-photo .search-box{background:rgba(255,255,255,.84)}
 .hero-photo-credit{top:auto;bottom:10px;right:18px;font-size:10px;padding:5px 9px}
}

/* v0.4.25: approved pixel-perfect complete logo as a single image, no retypesetting. */
.logo .tdb-approved-logo{display:block;width:245px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.logo .tdb-approved-logo{width:235px}}
@media(max-width:359px){.logo .tdb-approved-logo{width:205px}}