/*
Theme Name: Bow 2 Stern
Theme URI: https://bow2stern.com
Author: Bow 2 Stern Marine Service Inc.
Description: Theme for Bow 2 Stern Marine Service Inc. Page templates: Home, Shop, Services, About and Contact.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bow2stern
*/

/* Each page template loads its own stylesheet from assets/css/. The rules below are shared:
   skip link, mobile menu button, default WordPress content, and the mobile menu. */

.skip-link{
  position:absolute; left:-9999px; top:0; z-index:10000;
  background:var(--navy-950); color:var(--fog-50);
  padding:12px 20px; font-family:'IBM Plex Mono', monospace; font-size:13px;
}
.skip-link:focus{left:0;}

/* Mobile nav toggle. Added for the WordPress build: the static mockup had no
   mobile menu, so the nav links simply vanished below 860px. */
.nav-toggle{
  display:none;
  background:none;
  border:1px solid var(--navy-800);
  color:var(--navy-800);
  padding:10px 14px;
  cursor:pointer;
  font-family:'IBM Plex Mono', monospace;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.06em;
}

.entry-content{padding:80px 0; max-width:760px;}
.entry-content h1{font-size:clamp(30px,4vw,44px); margin-bottom:24px;}
.entry-content h2{font-size:28px; margin:36px 0 14px;}
.entry-content h3{font-size:21px; margin:28px 0 12px;}
.entry-content p{font-size:15.5px; color:var(--navy-800); margin-bottom:18px;}
.entry-content ul, .entry-content ol{margin:0 0 18px 22px; font-size:15px; color:var(--navy-800);}
.entry-content li{margin-bottom:8px;}
.entry-content a{color:var(--navy-800); text-decoration:underline;}
.entry-content img{margin:24px 0;}
.entry-content blockquote{border-left:3px solid var(--rust-500); padding-left:20px; margin:24px 0; color:var(--navy-600);}

@media (max-width: 860px){
  .nav{flex-wrap:wrap;}
  .nav-toggle{display:inline-block;}
  .nav > .btn-ghost{display:none;}
  .navlinks{
    display:none; flex-direction:column; gap:0; width:100%; order:3;
    border-top:1px solid var(--line-dark); margin-top:16px; padding-top:4px;
  }
  .navlinks.is-open{display:flex;}
  .navlinks li{border-bottom:1px solid var(--line-dark);}
  .navlinks li:last-child{border-bottom:none;}
  .navlinks a{display:block; padding:15px 2px; opacity:1; font-size:13px;}
  .navlinks a.active{border-bottom:none; color:var(--rust-500);}
  .navlinks a.active{border-bottom:none !important;}
}