@import url("header.css");
/* Travlix design 7 "Boutique": centred logo between contact and social, menu bar underneath. */
.tlx-h7{background:#fff}
.tlx-h7-top{border-bottom:1px solid #eceef3}
.tlx-h7-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 12px}
.tlx-h7-contact,.tlx-h7-contact a{font-size:13px;color:#4b5563;text-decoration:none}
.tlx-h7-contact i{color:var(--tts-buttton-bg);margin-right:6px}
.tlx-h7-contact i.ms-4{margin-left:18px!important}
.tlx-h7-social a{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;color:var(--tts-buttton-bg);border:1px solid #e5e7eb;margin-left:6px}
.tlx-h7-social a:hover{background:var(--tts-buttton-bg);color:var(--tts-buttton-txt)}
.tlx-h7 .navbar-brand{margin:0;justify-self:center}
.tlx-h7-bar{background:#fff;box-shadow:0 1px 0 #eceef3}
.tlx-h7-bar .navbar{padding:4px 0}
.tlx-h7-bar .nav-link{color:#111827!important;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.08em;padding:14px 16px!important;border-bottom:2px solid transparent}
.tlx-h7-bar .nav-link:hover,.tlx-h7-bar .nav-link.active{color:var(--tts-buttton-bg)!important;border-bottom-color:var(--tts-buttton-bg)}
.tlx-h7-bar .tlx-account{margin-left:12px}
.tlx-h7-bar .navbar-toggler{color:var(--tts-buttton-bg);border-color:var(--tts-buttton-bg);margin:8px auto}
@media (max-width:767.98px){.tlx-h7-row{grid-template-columns:1fr;justify-items:center;padding:10px 12px}}
@media (max-width:991.98px){.tlx-h7-bar .navbar-collapse .nav-link{border-bottom:1px solid #f1f2f6}}
