/* =======================================================================
   SECTION 0  ––  NORMALIZE.CSS v3.0.2  (unmodified)
   -----------------------------------------------------------------------
   Source:  normalize.css                                           
   ======================================================================= */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* =======================================================================
   SECTION 1  ––  SKELETON 2.0.4  +  CUSTOM SITE RULES  (trimmed)         
   -----------------------------------------------------------------------
   All original content retained **except** the legacy nav dropdown
   (.dropdown, .dropdownButton, .dropdown-content) which was removed
   to avoid conflicts with the new bs‑navbar.
   ======================================================================= */

/* --- Grid helpers ---------------------------------------------------- */
.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.column,.columns{width:100%;float:left;box-sizing:border-box}
@media(min-width:400px){.container{width:85%;padding:0}}
@media(min-width:550px){
  .container{width:80%}
  .column,.columns{margin-left:4%}
  .column:first-child,.columns:first-child{margin-left:0}
  .one.column{width:4.666666667%}.two.columns{width:13.333333333%}.three.columns{width:22%}
  .four.columns{width:30.666666667%}.five.columns{width:39.333333333%}.six.columns{width:48%}
  .seven.columns{width:56.666666667%}.eight.columns{width:65.333333333%}.nine.columns{width:74%}
  .ten.columns{width:82.666666667%}.eleven.columns{width:91.333333333%}.twelve.columns{width:100%;margin-left:0}
  .one-third.column{width:30.666666667%}.two-thirds.column{width:65.333333333%}
  .one-half.column{width:48%}
  /* Offsets */
  .offset-by-one.column{margin-left:8.666666667%}.offset-by-two.column{margin-left:17.333333333%}
  .offset-by-three.column{margin-left:26%}.offset-by-four.column{margin-left:34.666666667%}
  .offset-by-five.column{margin-left:43.333333333%}.offset-by-six.column{margin-left:52%}
  .offset-by-seven.column{margin-left:60.666666667%}.offset-by-eight.column{margin-left:69.333333333%}
  .offset-by-nine.column{margin-left:78%}.offset-by-ten.column{margin-left:86.666666667%}
  .offset-by-eleven.column{margin-left:95.333333333%}
  .offset-by-one-third.column{margin-left:34.666666667%}.offset-by-two-thirds.column{margin-left:69.333333333%}
  .offset-by-one-half.column{margin-left:52%}
}

/* --- Typography ------------------------------------------------------ */
html{font-size:62.5%}
body{background:#fff;font-size:1.5em;line-height:1.6;font-weight:400;
      font-family:'Crimson Text','Times New Roman','Arvo','Roboto Slab',serif;color:#222}
h1,h2{margin:0 0 1rem;font-weight:400;color:#fff}
h3{margin:0 0 1rem;font-weight:400}
h4{margin:5rem 0 0;font-weight:400}
h5{margin:0 0 2rem;font-weight:400}
h6{margin:2rem 0 0;font-weight:400}
h6Bold{margin:2rem 0 0;font-weight:bold}
h7{margin:0;font-weight:400}
h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}
h2{font-size:1.8rem;line-height:1.3;letter-spacing:-.1rem}
h3{font-size:2.2rem;line-height:1.3;letter-spacing:-.1rem}
h4{font-size:2.2rem;line-height:1.35;letter-spacing:-.08rem}
h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}
h6,h6Bold{font-size:1.7rem;line-height:1.55}
h7{font-size:0.8rem;line-height:2}
@media(min-width:550px){
  h1{font-size:5rem}h2,h3,h4{font-size:2.8rem}h5{font-size:2rem}
}

/* --- Links ----------------------------------------------------------- */
a{color:#000ea8;text-decoration:none}
a:hover{color:#04AA6D}

/* --- Buttons, forms, lists, tables …  (unchanged; same as Skeleton) -- */
.button,button,input[type="submit"],input[type="reset"],input[type="button"]{
  display:inline-block;height:20px;padding:0 30px;color:#555;text-align:center;
  font-size:11px;font-weight:600;line-height:20px;letter-spacing:.1rem;
  text-transform:uppercase;background:transparent;border:1px solid #bbb;
  border-radius:4px;cursor:pointer;box-sizing:border-box}
.button:hover,button:hover,
.button:focus,button:focus{color:#333;border-color:#888;outline:0}
.button-primary{color:#fff;background:#33C3F0;border-color:#33C3F0}
.button-primary:hover,.button-primary:focus{background:#1EAEDB;border-color:#1EAEDB}

/* --- Utility helpers ------------------------------------------------- */
.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}
.u-pull-right{float:right}.u-pull-left{float:left}
hr{margin:0 0 1rem;border:0;border-top:1px solid #A5A5A5}

/* --- COLLAPSIBLE “More Info” sections ------------------------------- */
.collapsible{color:blue;cursor:pointer;border:none;text-align:left;outline:none;
             padding:0 20px;display:inline-block;border:thin solid #000}
.collapsible::after{content:'\00a0 \25be';float:right;transform:scale(2)}
.active{background:#1974D2}
.active::after{content:'\00a0 \25b4'}
.collapsible:hover{background:#4CBB17;border:thin solid #000}
.content{padding:0 18px;display:none;overflow:hidden;background:#E8E8E8}

/* --- Other minor site‑specific rules (hoverable tips, footer, etc.) -- */
.center{text-align:center;display:block;margin-left:auto;margin-right:auto}
.hoverable{position:relative;cursor:default}
.hoverable:before{position:absolute;top:50%;transform:translateY(-50%);left:100%;
  margin-left:-150px;margin-top:-25px;width:300px;padding:5px;border-radius:10px;
  background:#444;color:#fff;text-align:center;display:none}
.hoverable:hover:before{display:block;background:#E8E8E8;color:#707070;
  box-shadow:0 20px 20px 10px rgba(0,0,0,.4)}
.hover1:before{content:"Link below directs to searchable ratings."}
.page-container{
    display:flex;
    flex-direction:column;
    min-height:100vh;   /* full height */
  }
  
  .content-wrap-all{
    flex:1 0 auto;      /* grow to fill space, but keep natural height */
    width:80%;
    margin:auto;
    max-width:900px;
    padding-bottom:2rem;/* breathing room above footer on tall pages */
  }
  
  .footerBen{
    flex:0 0 auto;      /* don’t grow, don’t shrink */
    padding:1.5rem 0;
    text-align:center;
    font-size:1.4rem;
    background:#f2f2f2;
    color:#555;
  }

/* =======================================================================
   SECTION 2  ––  NEW RESPONSIVE STICKY NAVBAR  (from bs‑navbar.css)      
   -----------------------------------------------------------------------
   This completely replaces the old .dropdown nav.                       
   ======================================================================= */

.bs-navbar{
  position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #ccc;
  box-shadow:0 1px 3px rgba(0,0,0,.05);font-family:'Crimson Text',Georgia,serif}
.bs-navbar-inner{max-width:900px;margin:0 auto;padding:0.75rem 1rem;text-align:center}
.bs-navbar-header{display:flex;justify-content:space-between;align-items:center}

.bs-menu-toggle{display:none}
.bs-menu-icon{display:none;font-size:1.5rem;cursor:pointer}
.bs-nav-links{list-style:none;margin-top:1rem;padding:0;display:flex;justify-content:center;
  gap:1.5rem;flex-wrap:wrap}
.bs-nav-links li a{text-decoration:none;color:#0000EE;font-size:1rem}
.bs-nav-links li a:hover{color:#0044cc}

/* --- Responsive breakpoint ------------------------------------------ */
@media(max-width:768px){
  .bs-menu-icon{display:block}
  .bs-nav-links{display:none;flex-direction:column;align-items:center;background:#fff;
    border-top:1px solid #ccc;padding:1rem 0;margin-top:0.5rem}
  .bs-menu-toggle:checked + .bs-menu-icon + .bs-nav-links{display:flex}
  .bs-navbar-header{flex-wrap:wrap;justify-content:space-between}
}

/* --- BenjaminShiller.com desktop tweaks ------------------------------ */
.bs-menu-toggle{display:none!important}
@media(min-width:769px){
  .bs-navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
  .bs-nav-links{margin-top:0}
  .bs-navbar-title{display:none} /* eliminate duplicate name on large screens */
}

/* =======================================================================
   End of consolidated stylesheet                                       
   ======================================================================= */

/* ─────────────  Hero banner  ───────────── */
.hero{
    background-image:url("./GlobePicNarrow.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    text-align:center;
    padding:2rem 1rem 3rem;   /* top / sides / bottom */
  }
  .hero-inner{max-width:900px;margin:0 auto;}
  

  .hero h1,
  .hero h2,
  .hero h3{
    color:#fff;               /* force white even if global styles change */
    text-shadow:0 0 6px rgba(0,0,0,.6);   /* readability on busy photos */
    margin:0 0 .6rem;
  }

.hero h1{
    font-size:clamp(2.2rem, 4vw + 1rem, 4.4rem);
    /* never smaller than 32 px, grows with viewport, capped at 64 px */
  }
  .hero h2{
    font-size:clamp(1.6rem, 2.4vw + .5rem, 3rem);
    /* 16–30 px depending on screen width */
  }
  .hero h3{
    font-size:clamp(1.2rem, 1.4vw + .5rem, 2.5rem);
    /* 16–30 px depending on screen width */
  }
  .hero-nav .bs-nav-links a{
    font-size:clamp(0.8rem, 1vw + 0.5rem, 2.0rem);
    /* min 16 px — grows with viewport — max 24 px */
  }

/* Modern browsers: prevent awkward line breaks on narrow screens */
@supports (text-wrap:balance){
  .hero h1, .hero h2, .hero h3{text-wrap:balance;}
}


  /* ─────────────  Navbar tweaks  ─────────── */
  .hero-nav{                 /* navbar that lives *inside* the hero */
    position:static;         /* turn off sticky in this context   */
    background:transparent;
    border:none;
    box-shadow:none;
    margin-top:1rem;
  }
  /* white links & hamburger */
  .hero-nav .bs-menu-icon,
  .hero-nav .bs-nav-links li a{color:#fff;}
  .hero-nav .bs-nav-links li a:hover{color:#ddd;}

  
  /* mobile dropdown gets a translucent backdrop so links stay readable */
  @media(max-width:768px){
    .hero-nav .bs-nav-links{
      background:rgba(0,0,0,.75);
    }
  }



  .bs-nav-links a.current,
  .bs-nav-links a[aria-current="page"]{
    color:#FFD700;                /* gold text   */
    border-bottom:2px solid #FFD700; /* and underline so it still shows on hover */
  }
  


  media(max-width:768px){
    .hero-nav .bs-nav-links a.current,
    .hero-nav .bs-nav-links a[aria-current="page"]{
      color:#FFEB7F;
      border-bottom-color:#FFEB7F;
    }
  }
  










 /*──────────────────────────────────────────────
  HERO  ––  layout + nav strip
───────────────────────────────────────────────*/




/*  Nav links – clearer typography                           */
.hero-nav .bs-nav-links{
  gap:1.8rem;
  justify-content:center;
}

.hero-nav .bs-nav-links li a{
  font-size:clamp(1.7rem, 2.4vw + .15rem, 2.2rem);
  font-weight:600;
  letter-spacing:0.04em;
  color:#fff;
  text-shadow:0 0 3px rgba(0,0,0,.6);
  transition:color .15s ease-in-out;
}

/*  Interaction + “current page” highlight                   */
.hero-nav .bs-nav-links li a:hover,
.hero-nav .bs-nav-links li a:focus{
  color:#ffeb7f;
}

.hero-nav .bs-nav-links a.current,
.hero-nav .bs-nav-links a[aria-current="page"]{
  color:#FFD700;
  border-bottom:2px solid #FFD700;
}

/*  Drop‑down on phones                                      */
@media(max-width:768px){
  .hero-nav .bs-nav-links{
    background:rgba(0,0,0,0.65);
    backdrop-filter:blur(3px);
    border-top:1px solid rgba(255,255,255,0.12);
    gap:1.2rem;
  }
}