/* Keep the established desktop design; make fixed-width themes readable on phones. */
@media(max-width:1050px){
 body{min-width:0!important}
 #page,#navigation-wrapper,.site-title,.site-description,.custom-header-image{width:auto!important;max-width:100%;box-sizing:border-box}
 #page,#navigation-wrapper{padding-left:16px;padding-right:16px}
 #primary,#secondary{float:none;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
 #secondary{margin-top:28px}
 .site-title{font-size:clamp(32px,7vw,65px);line-height:1.15;padding:0 16px}
 .site-description{font-size:clamp(17px,3.5vw,24px);line-height:1.45;padding:0 16px}
 .main-navigation ul{display:flex;flex-wrap:wrap;gap:0 16px}
 .main-navigation li{float:none;margin:0;padding-left:0;background:none}
 .main-navigation a{line-height:1.4;padding:12px 0;min-height:24px}
 .main-navigation li:hover>a{border-top:0;padding-top:12px}
 .main-navigation ul ul{position:static;width:auto;display:none}
 .main-navigation li:focus-within>ul,.main-navigation li:hover>ul{display:block}
 .entry-title,.sticky .entry-title,.attachment .entry-title{width:auto;max-width:100%;font-size:clamp(28px,7vw,48px);line-height:1.2;min-height:0;overflow-wrap:anywhere}
 .hentry,#post-0{background:#f8f6f1;border-radius:12px;padding:16px 0;box-shadow:0 4px 18px #17302020}
 .article-liner{background:none;padding:8px 20px 0}
 .entry-content{overflow-wrap:anywhere}
 .entry-content img,.entry-content iframe,.entry-content video,.wp-caption{max-width:100%!important}
 .entry-content iframe{height:auto;aspect-ratio:16/9}
 #masthead{margin-bottom:28px}
 .custom-header-image{padding:0 16px}
 footer.entry-meta,.entry-meta-liner,.entry-meta .categories-meta,.site-info{width:100%!important;max-width:100%;box-sizing:border-box;background-size:100% auto;overflow-wrap:anywhere}
 footer.entry-meta,.entry-meta-liner{padding-left:16px;padding-right:16px}
}
@media(max-width:979px){
 #wrapper,#main,#branding,#colophon,#access .menu-header,div.menu{width:100%!important;max-width:100%;box-sizing:border-box}
 #wrapper{padding:0 16px;background:none}
 #header{height:auto;padding:22px 0;background-size:auto 100%}
 #header>img{max-width:100%;height:auto}
 #middle{height:auto;background:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 0 24px}
 #middle .slogan{width:100%;height:auto;padding:0;float:none;text-align:center}
 #middle .slogan img{max-width:100%;height:auto}
 #middle .slideshow{width:292px;max-width:100%;height:auto;padding:0;float:none}
 #middle .slideshow #slides{max-width:100%;box-sizing:border-box}
 #container,#primary,#secondary,#footer,.one-column #content,.single-attachment #content{width:100%!important;float:none;box-sizing:border-box}
 #main .widget-area{margin-top:28px}
 #main .widget-area ul{padding:0}
 #content table{width:100%!important;table-layout:fixed}
 #content td,#content th{overflow-wrap:anywhere;box-sizing:border-box;padding:12px}
 #content img{max-width:100%;height:auto}
 #content td img{float:none!important;max-width:100%}
 #content td a{overflow-wrap:anywhere}
 #content input:not([type=checkbox]):not([type=radio]),#content textarea,#content select{max-width:100%;box-sizing:border-box}
 #site-info,#site-generator{float:none;width:auto}
 .container{width:100%!important;max-width:100%;box-sizing:border-box}
 .container>ul{width:100%!important;display:flex;flex-wrap:wrap;gap:8px}
 .container .contact{float:none;max-width:100%;padding:8px 0}
}
