/* Phone layout for the original Everhart design. Phones and tablets (up to 1023px; the original design is 980px wide). Everything is inside the breakpoint, so desktop is unchanged. */
.m-bar,.m-menu{display:none}
@media (max-width:1023px){
  html{-webkit-text-size-adjust:100%}
  body{margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}
  .container,.wrapper,.top,.header,.main,.subfooter{width:auto!important;float:none!important;max-width:100%}
  .container{padding:0 14px}
  /* Sticky bar */
  .m-bar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:5000;background:#fff;
    padding:8px 12px;border-bottom:3px solid #629520;box-shadow:0 2px 6px rgba(0,0,0,.12)}
  .m-bar .m-logo{flex:1;min-width:0;display:block}
  .m-bar .m-logo img{display:block;max-width:100%;height:auto;max-height:40px}
  .m-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:0;
    background:#629520 url(/paperworks/images/menu_active.jpg) center;color:#fff!important;font:bold 15px/1 Arial,sans-serif;
    text-decoration:none;cursor:pointer;white-space:nowrap}
  .m-btn svg{width:18px;height:18px;fill:currentColor}
  .m-btn:focus-visible{outline:3px solid #0670b3;outline-offset:2px}
  /* Menu */
  .m-menu.open{display:block;position:sticky;top:63px;z-index:4999;max-height:calc(100vh - 63px);overflow-y:auto;
    background:#fff;border-bottom:3px solid #629520;box-shadow:0 6px 12px rgba(0,0,0,.15)}
  .m-menu ul{list-style:none;margin:0;padding:0}
  .m-menu a{display:block;padding:13px 18px;border-top:1px solid #eee;color:#000;text-decoration:none;font:16px Arial,sans-serif}
  .m-menu li li a{padding-left:36px;color:#0670b3;font-size:15px}
  .m-menu a[aria-current]{background:#629520 url(/paperworks/images/menu_active.jpg) center;color:#fff}
  /* Old header pieces */
  .top .logo,.topmenu,.top .search{display:none!important}
  .header .container{padding:10px 0 0!important;margin:0!important}
  .yoo-carousel,.yoo-carousel>div,.yoo-carousel .frame,.yoo-carousel .panel-container,.yoo-carousel .panel,
  .yoo-carousel .slide{width:100%!important}
  .yoo-carousel,.yoo-carousel>div,.yoo-carousel .panel-container-br{height:calc((100vw - 0px)*330/980)!important}
  .yoo-carousel .panel>div{width:100%!important}
  .yoo-carousel .prev,.yoo-carousel .next{display:none!important}
  .yoo-carousel img{width:100%!important;height:auto!important}
  .yoo-carousel p{margin:0}
  /* Content: one column */
  .block0,.block1,.block34,.block23,.block2,.block3,.block4,.block5,.block6,.block8,.center_block,.right_block{
    float:none!important;width:auto!important;margin:0!important;padding:10px 0!important}
  .right_block .moduletable{background:#fff;border:1px solid #dde5ea;border-top:3px solid #0670b3;padding:12px 14px;margin:14px 0}
  h1{font-size:1.5em}h2,.contentheading{font-size:1.45em;line-height:1.25}h3{font-size:1.2em}
  img{max-width:100%!important;height:auto!important}
  img[style*="float"],img[align]{max-width:45%!important}
  iframe,video,embed,object{max-width:100%!important}
  video{height:auto!important}
  iframe{width:100%!important}
  table,tbody,tr,td,th{display:block;width:auto!important;height:auto!important}
  table{margin-bottom:1em}
  td{padding:0!important}
  td:empty,.m-empty{display:none!important}
  p,li,td,a{overflow-wrap:anywhere}
  a.readon{display:inline-block;padding:8px 14px;line-height:1.4}
  input.text,input.title,textarea,select{max-width:100%;box-sizing:border-box}
  .subfooter{padding:20px 0;font-size:.9em;line-height:1.9}
  .subfooter img{width:100%!important}
}

/* Tablets: wider margins, page text beside the sidebar cards */
@media (min-width:761px) and (max-width:1023px){
  .container{padding:0 28px}
  .m-bar{padding:10px 28px}
  .m-bar .m-logo img{max-height:52px}
  .m-menu.open{top:75px;max-height:calc(100vh - 75px)}
  .m-menu a{padding:14px 28px}
  .m-menu li li a{padding-left:52px}
  .inner_content:has(>.right_block){display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:4%}
  .inner_content:has(>.right_block)>*{flex:1 1 100%}
  .inner_content>.center_block{flex:1 1 62%!important}
  .inner_content>.right_block{flex:0 0 32%!important}
  .inner_content>hr{display:none}
  img[style*="float"],img[align]{max-width:40%!important}
}