/* Static adaptation of the existing SANNO site. No WordPress runtime. */
html{scroll-behavior:smooth} img{max-width:100%;height:auto} [hidden]{display:none!important}
#header .global-nav{display:block} #header .site-branding{max-width:calc(100% - 58px)}
.responsive-nav li:focus-within>ul{visibility:visible;opacity:1}
#header #responsive-btn{display:none;top:50%;transform:translateY(-50%);width:44px;height:44px;right:10px;border:0;background:transparent;box-shadow:none;font-size:0;text-shadow:none;padding:0;z-index:30}
#header #responsive-btn:before{display:block;font-size:26px;line-height:1}
#header.sanno-mobile #responsive-btn{display:flex;align-items:center;justify-content:center}
#header.sanno-mobile .global-nav{display:none;clear:both;float:none;width:100%;padding:14px 10px;position:absolute;top:59px;left:0;right:0;box-sizing:border-box;background:#fff;text-align:left;max-height:calc(100vh - 89px);max-height:calc(100dvh - 89px);overflow-y:auto;box-shadow:0 4px 8px #0002;z-index:20}
#header.sanno-mobile.menu-open .global-nav{display:block}
#header.sanno-mobile .global-nav ul,#header.sanno-mobile .global-nav ul li{float:none;width:100%;margin:0;padding:0}
#header.sanno-mobile .global-nav ul li ul{display:block!important;position:static;width:auto;margin-left:20px;visibility:visible;opacity:1;border:0}
#header.sanno-mobile .global-nav a{padding:10px 12px;border:0;border-bottom:1px solid #e7e7e7;font-size:13px}
#header.sanno-mobile .global-nav ul li ul a{font-weight:400;font-size:12px;border:0}
/* Center the 44px control in the 59px white bar below the language strip. */
#header.sanno-mobile #responsive-btn{top:7.5px;transform:none;margin:0}
.front-page-widget-column .col-6:nth-child(2n+1),.front-page-widget-column .col-3:nth-child(4n+1),.front-page-widget-column .col-4:nth-child(3n+1),.sub-pages .sub-page:nth-child(3n+1){clear:both}
.metaslider{position:relative;max-width:1280px;margin:0 auto 30px!important}
.metaslider .slides{display:grid;list-style:none;margin:0;padding:0;width:100%;clear:both}
.metaslider .slides>li{grid-area:1/1;list-style:none;padding:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s;pointer-events:none;width:100%}
.metaslider .slides>li:first-child,.metaslider .slides>li.is-active{opacity:1;visibility:visible;pointer-events:auto}
.metaslider.is-ready .slides>li:not(.is-active){opacity:0;visibility:hidden;pointer-events:none}
.metaslider .slides img{display:block;width:100%;height:auto}
.slider-arrow{position:absolute;top:45%;z-index:2;border:0;background:rgba(0,0,0,.34);color:#fff;font-size:25px;padding:12px;box-shadow:none;text-shadow:none;border-radius:0}
.slider-prev{left:0}.slider-next{right:0}
.slider-controls{display:flex;justify-content:center;align-items:center;gap:10px;min-height:24px;position:absolute;bottom:-28px;left:0;right:0}
.slider-dot{padding:0;border:0;border-radius:50%;width:10px;height:10px;background:#c3c3c3;box-shadow:none}
.slider-dot[aria-pressed="true"]{background:#575757}
.static-top{position:fixed;bottom:18px;right:18px;z-index:90;display:block;background:#333;color:#fff!important;padding:10px 16px;text-decoration:none;border-radius:3px}
#static-search .search-form{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
#static-search label{align-self:center}#static-search input{flex:1;min-width:140px;padding:10px}
#static-search button{padding:10px 18px}#search-results article{padding:20px 0;border-bottom:1px solid #ddd}
#search-results h2{font-family:inherit;font-size:19px;line-height:1.6;margin:0;padding:0}
#search-results p{margin:8px 0}.search-language{font-size:12px;color:#777}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3b97a8;outline-offset:3px}
@media(max-width:740px){.slider-arrow{padding:7px;font-size:19px}.entry-content table{max-width:100%;width:100%}#header .site-title img{max-width:100%}.entry-content iframe{width:100%}.tele-link img{max-width:100%}}
/* Give each mobile content area one gutter. Legacy nested rows otherwise
   cancel the theme's padding, especially on the home page and in its footer. */
@media(max-width:740px){
  .row .row{margin-left:0;margin-right:0}
  .row [class*="col-"]{margin-left:0;margin-right:0;box-sizing:border-box}
  .row .col-12{padding-left:0;padding-right:0;max-width:100%}
  #contents>.col-12,
  #header>.row,#header>.lang>.row,
  #footer>.row,#footer>.copyright>.row,#footer>.tele-link>.inner{
    padding-left:20px;padding-right:20px;box-sizing:border-box
  }
  .full-back{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  .full-back.teb{display:block}
  .entry-content,.entry-summary,.whiteroom-recent-entries,#sub,#footer{overflow-wrap:anywhere}
  .entry-content table,.page-content table{table-layout:fixed}
  .entry-content table th,.entry-content table td,
  .page-content table th,.page-content table td{padding:10px 12px}
  .policy-list{padding-left:0;padding-right:0;margin-left:0;margin-right:0;box-sizing:border-box}
  .policy-list li{box-sizing:border-box;padding:32px 20px}
  .policy-list li .no{position:static;text-align:center;margin:0 0 16px}
  .policy-list li dl dt,.policy-list li dl dd,.policy-list li.policy-list03 dl dd{width:100%;box-sizing:border-box}
  .whiteroom-recent-entries ul li dl{padding-top:16px;padding-bottom:16px}
  .whiteroom-recent-entries ul li dl dt{float:none;width:auto;margin:0 0 6px;color:#777}
  .whiteroom-recent-entries ul li dl dd{line-height:1.8}
  #footer .footer-nav ul{display:flex;flex-wrap:wrap;gap:10px 20px}
  #footer .footer-nav ul li{float:none;margin:0}
  #footer .widget{margin-top:28px}
  #footer .widget-title{margin-bottom:10px}
  #footer .widget-content{line-height:1.9}
  #footer .tele-link{height:auto;line-height:1;padding:18px 0}
  #footer .tele-link img{display:block;padding-top:0;width:100%;height:auto}
  #voice .common-section{width:100%}
  #voice .voice-block .voice-block-inner{padding:24px 20px}
  .entry-content .cb{float:none;width:auto;padding-left:20px;margin:0 0 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.metaslider .slides>li{transition:none}}