/* ============================================================ HTT Destination Index v2 */
/* ported verbatim from destination-index-template.html <helmet> */

.htt-di-page{background:#F7F1E1;color:#4A342C;font-family:'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.htt-di-page a{color:#4A342C;text-decoration:none}
.htt-di-page a:hover{color:#C13B2A}
.htt-di-page [id]{scroll-margin-top:70px}
.htt-di-page img{max-width:none}
.htt-di-page p{margin:0}
.htt-di-page i{display:inline-block}

@keyframes om-drip{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(12px);opacity:0}}
@keyframes om-stink{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}
@keyframes om-swim{0%{transform:translate(0,0) scaleX(1)}44%{transform:translate(300px,-30px) scaleX(1)}50%{transform:translate(300px,-30px) scaleX(-1)}94%{transform:translate(0,0) scaleX(-1)}100%{transform:translate(0,0) scaleX(1)}}
@keyframes om-logos{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.secnav::-webkit-scrollbar{display:none}

/* image-slot placeholder look (unfilled) */
.htt-slot{display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(74,52,44,.06);border:1px dashed rgba(74,52,44,.35);color:#9C8878;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;padding:10px}
.htt-slot::before{content:attr(data-label)}
.htt-slot-dark{background:rgba(253,248,236,.08);border-color:rgba(253,248,236,.35);color:rgba(253,248,236,.75)}

/* style-hover conversions */
.htthv-pill:hover{border-color:#4A342C;background:#F9E9C0}
.htthv-get:hover{background:#F2C14E}