.ff-menu-panel{position:absolute;z-index:1000;top:58px;left:16px;width:min(300px,calc(100vw - 32px));background:#fffdf8;border:2px solid #102a36;box-shadow:5px 5px 0 rgba(16,42,54,.22);padding:7px;display:none}.ff-menu-panel.is-open{display:block}.ff-menu-panel a{display:block;color:#102a36;text-decoration:none;font-weight:900;font-size:16px;padding:11px 12px;border-bottom:1px solid #d6dee1}.ff-menu-panel a:last-child{border-bottom:0}.ff-menu-panel a:hover,.ff-menu-panel a:focus{background:#dfeff3}.ff-menu-host{position:relative}.ff-date-edge{height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border:1px solid #59717b;color:#70858e;opacity:.55}.ff-share-toast{position:fixed;z-index:3000;left:50%;bottom:28px;transform:translateX(-50%);background:#102a36;color:white;padding:10px 16px;border-radius:3px;font:800 14px Arial,sans-serif;box-shadow:0 3px 16px rgba(0,0,0,.2)}.ff-menu-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#102a36;font-size:25px;line-height:1;padding:8px;cursor:pointer}.ff-menu-button:focus-visible,[data-menu-button]:focus-visible,[data-share]:focus-visible{outline:3px solid #21acd0;outline-offset:2px}@media(max-width:640px){.ff-menu-panel{top:48px;left:10px}.ff-menu-panel a{font-size:15px}.ff-menu-button{left:8px;font-size:22px}}

/* FreshFunnies v0.4.9.1 global header consistency + menu dropdown hotfix */
.site-header .header-inner,
.site-header .head {
  max-width:1480px !important;
  width:100% !important;
  min-height:165px !important;
  height:165px !important;
  margin:0 auto !important;
  padding:12px 30px !important;
  position:relative !important;
  text-align:center !important;
}
.site-header .masthead {
  display:block !important;
  width:min(570px,52vw) !important;
  height:auto !important;
  margin:0 auto !important;
}
.site-header .tagline {
  text-align:center !important;
  margin-top:-4px !important;
  color:#102a36 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.27em !important;
  text-transform:uppercase !important;
}
[data-menu-button] {
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  background:transparent !important;
  color:#102a36 !important;
  font-size:25px !important;
  line-height:1 !important;
  padding:8px !important;
  cursor:pointer !important;
}
.ff-menu-panel {
  top:calc(100% - 2px) !important;
  left:18px !important;
  text-align:left !important;
}
.ff-menu-panel a {
  text-align:left !important;
}
@media(max-width:900px){
  .site-header .header-inner,
  .site-header .head {min-height:145px !important;height:145px !important;}
  .site-header .masthead {width:min(530px,64vw) !important;}
}
@media(max-width:640px){
  .site-header .header-inner,
  .site-header .head {min-height:117px !important;height:117px !important;padding:8px 10px !important;}
  .site-header .masthead {width:min(360px,72vw) !important;}
  .site-header .tagline {font-size:7px !important;margin-top:-2px !important;}
  [data-menu-button]{left:10px !important;font-size:21px !important;}
  .ff-menu-panel{top:calc(100% - 2px) !important;left:10px !important;}
}

/* FreshFunnies v0.4.12.2 masthead clipping hotfix
   Let the masthead host size to its actual logo + tagline content instead of
   forcing a fixed desktop height that can let the nav overlap the tagline. */
@media (min-width: 901px) {
  .site-header .header-inner,
  .site-header .head {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 18px !important;
  }
}