/* EastTexasLakes.com — shared site header (masthead B). This one file controls the header on every page. */
.etl-head{background:#fdf6ec;font-family:'Source Sans 3',sans-serif;position:relative;z-index:200;text-align:left}
.etl-head *{box-sizing:border-box}
/* reset anything older page styles apply to bare nav/ul/li/a/img/header */
.etl-head nav,.etl-head ul,.etl-head li,.etl-head a,.etl-head img,.etl-head div,.etl-head span,.etl-head button{position:static;max-width:none;width:auto;height:auto;margin:0;padding:0;background:none;box-shadow:none;border:0;border-radius:0;float:none;opacity:1;transform:none;line-height:1.3}
.etl-head a::before,.etl-head a::after,.etl-head li::before{content:none!important}
.etl-head ul{list-style:none}
.etl-top{display:flex!important;justify-content:space-between;align-items:center;padding:10px max(24px,calc((100% - 1400px)/2 + 24px))!important;font-size:13px;color:#6b6b6b;border-bottom:1px solid #e0d8c6!important}
.etl-top .etl-tag{font-family:'Playfair Display',serif;font-style:italic;color:#6b6b6b}
.etl-top a{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0a2a3d!important;text-decoration:none}
.etl-top a:hover{color:#b8860b!important}
.etl-mast{display:flex!important;justify-content:center;align-items:center;padding:18px 48px 14px!important;position:relative!important}
.etl-mast a.etl-logo{display:block;line-height:0}
.etl-mast img{height:56px!important;width:auto!important;display:block;filter:none!important}
.etl-navwrap{display:block;border-top:3px double #0a2a3d!important;border-bottom:1px solid #0a2a3d!important;background:#fdf6ec!important}
.etl-nav{display:flex!important;justify-content:center;gap:44px;padding:0 48px!important}
.etl-nav>li{position:relative!important;display:block}
.etl-nav>li>a{display:block;padding:14px 0 12px!important;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0a2a3d!important;text-decoration:none;border-bottom:2px solid transparent!important}
.etl-nav>li>a:hover,.etl-nav>li>a.on{border-bottom-color:#d4a017!important}
.etl-arrow{font-size:10px;margin-left:2px}
.etl-drop{display:none!important;position:absolute!important;top:100%;left:50%;transform:translateX(-50%)!important;width:640px!important;background:#fff!important;border:1px solid #e0d8c6!important;border-top:3px solid #d4a017!important;box-shadow:0 18px 40px rgba(10,42,61,.18)!important;padding:20px 26px 18px!important;z-index:300}
.etl-has-drop:hover .etl-drop,.etl-has-drop:focus-within .etl-drop{display:grid!important;grid-template-columns:1fr 1fr;column-gap:28px}
.etl-dcol{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start}
.etl-dlab{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#b04a2f;padding-bottom:8px!important;margin-bottom:6px!important;border-bottom:1px solid #eee5d3!important}
.etl-drop a{display:block;padding:5px 0!important;font-size:14px;font-weight:600;color:#1a5276!important;text-decoration:none;letter-spacing:0;text-transform:none}
.etl-drop a:hover{color:#0a2a3d!important;text-decoration:underline}
.etl-drop a.etl-dall{grid-column:1/-1;margin-top:12px!important;padding-top:12px!important;border-top:1px solid #eee5d3!important;font-weight:800;color:#0a2a3d!important}
.etl-burger{display:none;position:absolute!important;right:16px;top:50%;transform:translateY(-50%)!important;padding:8px!important;cursor:pointer}
.etl-burger span{display:block;width:24px!important;height:2px!important;background:#0a2a3d!important;margin:5px 0!important}
@media(max-width:900px){
  .etl-top{padding:8px 20px!important}
  .etl-mast{padding:14px 60px 12px!important}
  .etl-mast img{height:40px!important}
  .etl-burger{display:block!important}
  .etl-navwrap{display:none}
  .etl-head.open .etl-navwrap{display:block}
  .etl-nav{flex-direction:column;gap:0;padding:0!important}
  .etl-nav>li>a{padding:14px 20px!important;border-bottom:1px solid #e0d8c6!important}
  .etl-drop,.etl-has-drop:hover .etl-drop,.etl-has-drop:focus-within .etl-drop{display:none!important}
  .etl-arrow{display:none}
}
@media(max-width:480px){.etl-top .etl-tag{display:none}.etl-top{justify-content:flex-end!important}.etl-mast img{height:32px!important}}

/* Featured Properties: hidden until listings-config.js switches them on */
.etl-prop[hidden],.etl-prop-btn[hidden],.etl-guides-btn[hidden],.etl-lake-feature[hidden],.etl-props-filter[hidden]{display:none!important}

/* Mobile readability: larger reading text on phones (<=760px). Desktop unchanged. */
@media(max-width:760px){
  /* Long-form reading text: ~19px, matching news-site body text */
  body .article-body p, body .article-body li,
  body .lake-main .content-card p, body .lake-main .content-card li,
  body .page-wrap > p, body .page-wrap .section > p, body .page-wrap main .section > p,
  body .page-wrap .note p, body .page-wrap .section li,
  body .adv-wrap > p, body .adv-cta > p,
  body .cover-body p,
  body main > .c > p, body main > .c li, body main > .card > p, body main > .card li,
  body main > .content-card > p, body main > .content-card li, body main > .no-listings > p,
  body .article-content p, body .article-content li{font-size:19px;line-height:1.6;}
  /* Tables and sidebars */
  body .article-body td, body .article-content td, body .page-wrap td, body main td{font-size:16.5px;line-height:1.45;}
  body .sidebar-widget p, body .sidebar-card li, body .sidebar-cta p, body .newsletter p,
  body .type-b-banner p, body .load-more-wrap p{font-size:16.5px;line-height:1.5;}
  /* Card and grid text: smaller boxes, still bumped up */
  body .art-body p, body .value-body p, body .coverage-block p,
  body .species-card p, body .season p, body .adv-card p,
  body .lcs-text p, body .article-cta p{font-size:16.5px;line-height:1.5;}
  body .adv-cta p.adv-note{font-size:15px!important;}
  body .sidebar-widget p{font-size:16.5px!important;}
  body .species-card p{font-size:16.5px!important;}
  body .page-wrap > *{min-width:0;}
  /* Keep pages from scrolling sideways on phones */
  body .site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;}
  body main table, body .article-body table, body .article-content table, body .section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  /* Intro / hero lines */
  body .hero .dek, body .about-hero p, body .hero-tag, body .page-hero p, body .lede, body .adv-hero > p{font-size:18px;line-height:1.55;}
}
