/* GDT Cruises 1.6.34: site header and footer in the dt-birds design (includes/header-footer.php). Same colours and type as the new pages:
   petrol #0F2C35/#173D49, gold #C9A35B/#E7C687/#86672F, Georgia for titles, Open Sans for text. */
.dthf-h,.dthf-m,.dthf-f{--p:#173D49;--p2:#0F2C35;--g:#C9A35B;--gs:#E7C687;--gd:#86672F;--iv:#FAF8F3;--ln:rgba(231,198,135,.28);
 font:400 15px/1.5 "Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dthf-h *,.dthf-m *,.dthf-f *{box-sizing:border-box}
.dthf-h a,.dthf-m a,.dthf-f a{text-decoration:none}
.dthf-skip{position:absolute;left:-9999px;top:8px;z-index:1000;padding:10px 16px;background:#fff;color:#0F2C35;font:600 15px/1 "Open Sans",Arial,sans-serif}
.dthf-skip:focus{left:8px}
/* header: in the page flow and petrol on phones and tablets; on wide screens it sits over the top of the page like the old one (solid
   petrol; on the home page see-through over the photo) and stays fixed when the page scrolls */
.dthf-h{position:sticky;top:0;z-index:100;background:var(--p2)}
.dthf-in{max-width:1320px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;gap:12px}
.dthf-logo img{display:block;width:118px;height:auto}
.dthf-nav{display:none;flex:1}
.dthf-nav>ul{display:flex;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
.dthf-nav>ul>li{position:relative}
.dthf-nav>ul>li>a{display:block;padding:10px 14px;color:#fff;font:600 15px/1 "Open Sans",Arial,sans-serif;letter-spacing:.02em;border-bottom:2px solid transparent}
.dthf-nav>ul>li>a:hover,.dthf-nav>ul>li:focus-within>a,.dthf-dd.is-open>a{color:var(--gs);border-bottom-color:var(--g)}
.dthf-dd>a:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.dthf-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:820px;display:none;grid-template-columns:1fr 1fr 250px;gap:32px;
 padding:28px;background:var(--iv);border-top:3px solid var(--g);box-shadow:0 18px 40px rgba(15,44,53,.22)}
.dthf-dd:hover .dthf-panel,.dthf-dd:focus-within .dthf-panel,.dthf-dd.is-open .dthf-panel{display:grid}
.dthf-panel p{margin:0 0 10px;font:700 11px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gd)}
.dthf-panel ul{margin:0;padding:0;list-style:none}
.dthf-panel li a{display:block;padding:6px 0;color:var(--p2);font:400 18px/1.3 Georgia,"Times New Roman",serif}
.dthf-panel li a:hover{color:var(--gd)}
.dthf-panel li small{display:block;font:400 13px/1.4 "Open Sans",Arial,sans-serif;color:#4D6269}
.dthf-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:18px;color:#fff!important;background:var(--p2) center/cover;position:relative;overflow:hidden}
.dthf-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(15,44,53,.92))}
.dthf-card b,.dthf-card span{position:relative}
.dthf-card b{font:400 21px/1.2 Georgia,serif}
.dthf-card span{margin-top:6px;font:600 13px/1.3 "Open Sans",Arial,sans-serif;color:var(--gs)}
.dthf-act{display:flex;align-items:center;gap:14px;margin-left:auto}
.dthf-wa{display:flex;align-items:center;gap:8px;color:#fff;font:600 14px/1 "Open Sans",Arial,sans-serif}
.dthf-h a.dthf-wa,.dthf-m a.dthf-wa{color:#fff}   /* 1.6.35: availability colours every «.dl-cruises a» in petrol */
.dthf-wa svg{width:22px;height:22px;fill:var(--gs)}
.dthf-act .dthf-wa{display:none}
.dthf-btn{display:inline-block;padding:11px 14px;background:var(--gs);color:var(--p2)!important;font:700 13px/1 "Open Sans",Arial,sans-serif;letter-spacing:.04em;border-radius:2px}
.dthf-btn:hover{background:#DDB872}
.dthf-burger{display:block;width:44px;height:44px;border:1px solid var(--ln);background:transparent;cursor:pointer;padding:12px 10px}
.dthf-burger i{display:block;height:2px;background:#fff;margin:4px 0}
/* menu on phones and tablets: full screen, drop-downs without JS (details) */
.dthf-m{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99;background:var(--p2);overflow:auto;padding:12px 20px 32px;display:none}
.dthf-m.is-open{display:block}
.dthf-m details{border-bottom:1px solid var(--ln)}
.dthf-m summary,.dthf-m>a:not(.dthf-btn):not(.dthf-wa){display:flex;justify-content:space-between;align-items:center;padding:16px 4px;color:#fff;font:400 22px/1.2 Georgia,serif;list-style:none;cursor:pointer}
.dthf-m>a:not(.dthf-btn):not(.dthf-wa){border-bottom:1px solid var(--ln)}
.dthf-m summary::-webkit-details-marker{display:none}
.dthf-m summary:after{content:"+";color:var(--gs);font:400 26px/1 "Open Sans",Arial,sans-serif}
.dthf-m details[open] summary:after{content:"–"}
.dthf-m details a{display:block;padding:9px 4px 9px 14px;color:#D7E2E5;font:400 16px/1.35 "Open Sans",Arial,sans-serif}
.dthf-m details ul{margin:0 0 14px;padding:0;list-style:none}
.dthf-m .dthf-btn{display:block;text-align:center;margin:22px 0 10px;padding:16px;font-size:15px}
.dthf-m .dthf-wa{justify-content:center;padding:10px}
body.dthf-menu-open{overflow:hidden}
@media (min-width:768px){.dthf-in{padding:0 24px;gap:20px}.dthf-logo img{width:140px}.dthf-btn{padding:13px 20px;font-size:14px}.dthf-act .dthf-wa{display:flex}}
@media (min-width:1025px){
 .dthf-h{position:absolute;left:0;right:0;background:var(--p2);transition:background .25s}
 body.home .dthf-h:not(.is-solid){background:linear-gradient(rgba(15,44,53,.62),rgba(15,44,53,0))}
 .dthf-h.is-solid{position:fixed;box-shadow:0 2px 18px rgba(0,0,0,.18)}
 .dthf-in{height:84px;gap:28px}.dthf-h.is-solid .dthf-in{height:68px}.dthf-logo img{width:150px}
 .dthf-m{top:84px}
 body.admin-bar .dthf-h{top:32px}
}
/* 1.6.35: availability and the travel blog use the same header (class dthf-flow): always in the page flow and the same height when the page
   scrolls (72 px from 1025 px, as their old header), so nothing of theirs moves or hides under it */
.dthf-h.dthf-flow,.dthf-h.dthf-flow.is-solid{position:sticky;top:0;background:var(--p2);box-shadow:none}
@media (min-width:1025px){.dthf-h.dthf-flow .dthf-in,.dthf-h.dthf-flow.is-solid .dthf-in{height:72px}.dthf-flow~.dthf-m{top:72px}}
@media (min-width:1180px){.dthf-nav{display:block}.dthf-burger{display:none}.dthf-act{margin-left:0}.dthf-m{display:none!important}body.dthf-menu-open{overflow:auto}}
/* footer */
.dthf-f{background:var(--p2);color:#D7E2E5;border-top:3px solid var(--g)}
.dthf-f-cta{max-width:1320px;margin:0 auto;padding:40px 20px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;border-bottom:1px solid var(--ln)}
.dthf-f-cta p{margin:0 0 8px;font:700 12px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gs)}
.dthf-f-cta h2{margin:0;max-width:640px;color:#fff;font:400 27px/1.2 Georgia,"Times New Roman",serif}
.dthf-f-btns{display:flex;gap:12px;flex-wrap:wrap}
.dthf-f-btns .dthf-btn,.dthf-ghost{padding:13px 20px;font-size:14px}
.dthf-ghost{display:inline-block;border:1px solid var(--gs);color:#fff!important;font:700 14px/1 "Open Sans",Arial,sans-serif;letter-spacing:.04em;border-radius:2px}
.dthf-f-cols{max-width:1320px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:1fr;gap:30px}
.dthf-f h3{margin:0 0 14px;color:var(--gs);font:700 12px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.dthf-f ul{margin:0;padding:0;list-style:none}
.dthf-f li a{display:inline-block;padding:5px 0;color:#fff;font:400 15px/1.45 "Open Sans",Arial,sans-serif}
.dthf-f li a:hover{color:var(--gs)}
.dthf-f-about img.lg{width:170px;height:auto;display:block;margin-bottom:14px}
.dthf-f-about p{margin:0 0 18px;font:400 15px/1.6 "Open Sans",Arial,sans-serif}
.dthf-aw{display:flex;gap:12px}
.dthf-aw img{width:82px;height:82px;border-radius:50%;background:#fff}
.dthf-f-more{margin-top:18px!important}
.dthf-ct li{display:flex;gap:10px;align-items:flex-start;padding:5px 0}
.dthf-ct svg{flex:0 0 18px;width:18px;height:18px;margin-top:3px;fill:var(--gs)}
.dthf-ct li a,.dthf-ct li span{padding:0;color:#fff;font:400 15px/1.45 "Open Sans",Arial,sans-serif}
.dthf-f-lodge{max-width:1320px;margin:0 auto;padding:0 20px 32px}
.dthf-lodge{display:flex;gap:16px;align-items:center;padding:14px 18px;background:var(--iv);color:var(--p2)}
.dthf-lodge img.lg{width:64px;height:auto}
.dthf-lodge>span{flex:1;font:400 17px/1.3 Georgia,serif;color:var(--p2)}
@media (min-width:601px){.dthf-f-lodge{padding:0 24px 36px}}
.dthf-lodge small{display:block;font:600 12px/1.4 "Open Sans",Arial,sans-serif;color:var(--gd)}
.dthf-lodge-links{display:flex;gap:12px;margin-top:4px;font:600 12px/1.4 "Open Sans",Arial,sans-serif}
.dthf-lodge-links a{color:var(--p)!important;text-decoration:underline!important;text-decoration-color:var(--g)!important}
.dthf-tc img{display:block;width:58px;height:58px;border-radius:50%;background:#fff}
.dthf-f-bot{max-width:1320px;margin:0 auto;padding:18px 20px 90px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ln);font-size:13px;color:#AFC2C7}
.dthf-f-bot a{color:#D7E2E5}
.dthf-f-bot nav{display:flex;gap:18px;flex-wrap:wrap}
.dthf-f-bot em{font:italic 400 15px/1.3 Georgia,serif;color:var(--gs)}
.dthf-f-bot em img{vertical-align:-3px}
@media (min-width:601px){.dthf-f-cols{grid-template-columns:1fr 1fr;gap:40px;padding:44px 24px}.dthf-f-cta{padding:56px 24px 44px}.dthf-f-cta h2{font-size:34px}
 .dthf-f-bot{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:18px 24px 26px}}
@media (min-width:1025px){.dthf-f-cols{grid-template-columns:1.25fr 1fr 1fr 1.15fr}.dthf-f-cta{flex-direction:row;align-items:center;justify-content:space-between;gap:32px}}