/* Compatibility and responsive layout for the recovered 2014 template. */
html { scroll-behavior:smooth; }
body { min-width:0!important; }
.s5_wrap { width:1024px; max-width:100%; }
#s5_conwrap { box-sizing:border-box; }
img { max-width:100%; }
a:focus-visible,button:focus-visible { outline:2px solid #de0b7c; outline-offset:4px; }
button { font:inherit; cursor:pointer; }
#s5_accordion_menu .s5_am_toggler { display:flex; align-items:center; }
#s5_accordion_menu .s5_am_toggler > span { flex:1; }
.sidebar-menu-toggle { border:0; background:none; color:#555; padding:7px 10px; }
[hidden] { display:none!important; }
#s5_nav { display:flex; flex-wrap:wrap; }
#s5_nav li { overflow:visible; }
#s5_nav li ul { display:none; width:225px; margin:0!important; top:100%; left:0; background:#fff; box-shadow:0 3px 9px #0002; border-bottom:4px solid #de0b7c; z-index:50; }
#s5_nav li li { height:auto; padding:0; }
#s5_nav li li a,#s5_nav li li a:focus { margin:0; width:auto; left:auto; line-height:1.4; font-size:13px; }
#s5_nav li li ul { left:100%; top:0; }
#s5_nav li:hover > ul,#s5_nav li:focus-within > ul,#s5_nav li.menu-open > ul { display:block; }
#s5_nav li.menu-closed > ul { display:none; }
.menu-toggle { padding:2px 4px; margin-left:-8px; color:#777; border:0; background:none; font-size:11px; }
.s5_img_span:empty { display:none; }
#djslider-loader102 { background:none!important; }
#djslider102 { display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; height:auto!important; aspect-ratio:600/370; }
#slider-container102 { position:absolute; inset:0; }
#slider102 { position:relative; width:100%!important; height:100%!important; }
#djslider102 ul#slider102 li { position:absolute; inset:0; width:100%!important; height:100%!important; display:none; }
#djslider102 ul#slider102 li:first-child,#djslider102 ul#slider102 li.is-active { display:block; }
#djslider102.is-ready ul#slider102 li:not(.is-active) { display:none; }
#slider102 li img { width:100%; height:100%; object-fit:cover; }
#navigation102 { display:none!important; }
#cust-navigation102 { display:none!important; }
.slider-controls { position:absolute; top:10px; right:10px; z-index:3; display:flex; gap:6px; align-items:center; }
.slider-dot { padding:0; width:13px; height:13px; border:1px solid #fff; border-radius:50%; background:#0006; }
.slider-dot[aria-pressed=true] { background:#de0b7c; }
.slider-pause { padding:2px 7px; color:#fff; background:#0008; border:1px solid #ffffff88; }
.slide-desc { pointer-events:none; }
.nspMainPortalMode4 .nspArts { overflow:auto; scrollbar-width:thin; }
.nspMainPortalMode4 .nspArtsScroll { display:flex; gap:10px; width:auto; }
.nspMainPortalMode4 .nspArt { flex:0 0 220px; padding:0; scroll-snap-align:start; }
.nspMainPortalMode4 .nspImageWrapper { margin:0!important; }
.nspMainPortalMode4 .nspArtHeadline { display:none; }
.nspMainPortalMode4 .nspArt:hover .nspArtHeadline,.nspMainPortalMode4 .nspArt:focus-within .nspArtHeadline { display:block; }
.nspMain .nspArtPage { width:100%!important; }
.nspMain .nspArt { width:100%!important; box-sizing:border-box; }
.nspMain .nspArt::after { content:''; display:block; clear:both; }
.nspMain .nspArtsScroll { width:100%!important; }
.nspPrev,.nspNext { border:0; padding:0; }
.archive-missing { background:#f5f3f1; border:1px solid #dedbd8; padding:18px; color:#737373; display:block; font-size:12px; text-align:center; }
.archive-note { margin:14px 0; padding:12px 16px; background:#f6f3f4; border-left:3px solid #de0b7c; }
.restored-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin:20px 0; }
.restored-gallery img { width:100%; height:180px; object-fit:cover; cursor:zoom-in; }
.image-viewer { max-width:95vw; max-height:95vh; border:0; padding:42px 12px 12px; background:#fff; }
.image-viewer::backdrop { background:#000c; }
.image-viewer img { display:block; max-width:88vw; max-height:80vh; width:auto; height:auto; }
.image-viewer button { position:absolute; right:10px; top:8px; background:none; border:0; font-size:22px; }
.contact-compose { margin:28px 0; max-width:600px; }
.contact-compose label { display:block; margin:14px 0; }
.contact-compose input,.contact-compose textarea { display:block; box-sizing:border-box; width:100%; padding:10px; margin-top:5px; border:1px solid #ccc; background:#fff; color:#333; font:inherit; }
.contact-compose .button { padding:10px 18px; }
body[data-page='/archive/2014/'] #s5_columns_wrap_inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); width:100%; }
body[data-page='/archive/2014/'] #s5_center_column_wrap { display:none; }
body[data-page='/archive/2014/'] #s5_left_column_wrap,body[data-page='/archive/2014/'] #s5_left_wrap,body[data-page='/archive/2014/'] #s5_right_column_wrap { width:auto!important; margin:0!important; float:none; position:static; left:auto; }
body[data-page='/archive/2014/'] #s5_right_column_wrap_inner { display:grid; grid-template-columns:1fr 1fr; }
body[data-page='/archive/2014/'] #s5_right_wrap,body[data-page='/archive/2014/'] #s5_right_inset_wrap { width:auto!important; }
body[data-page='/archive/2014/'] .nspMain { width:100%!important; }
body[data-page='/archive/2014/'] .nspMain .nspImageWrapper { width:48%; }
body[data-page='/archive/2014/'] .nspImage { max-width:100%; height:auto!important; }
@media(max-width:1000px) {
  #s5_logo_banner,#s5_menu_phone,.s5_spacerbar { margin-left:22px; margin-right:22px; }
  #s5_banner { max-width:55%; }
  #s5_nav li .s5_level1_span2 a { font-size:12px; padding-right:12px; }
  #s5_right_wrap .s5_module_box_1 { margin-right:0; }
  #s5_component_wrap_inner { margin-right:22px!important; }
}
@media(max-width:850px) {
  body { font-size:14px; }
  #s5_conwrap { padding-top:12px; }
  #s5_logo_banner { display:flex; flex-direction:column; gap:8px; }
  #s5_logo_module { margin:0; }
  #s5_banner { float:none; max-width:100%; width:auto!important; }
  #s5_nav { gap:0 10px; }
  #s5_nav > li { padding-top:4px; height:42px; }
  #s5_nav li .s5_level1_span2 a { font-size:13px; }
  #s5_nav li ul { width:210px; }
  #s5_nav li li ul { position:static; width:auto; margin-left:12px!important; box-shadow:none; border-bottom:0; }
  #s5_nav li:nth-child(n+5) > ul { left:auto; right:0; }
  #s5_pos_top_row2_1,#s5_pos_top_row2_2 { width:100%!important; float:none; }
  #s5_pos_top_row3_1,#s5_pos_top_row3_2,#s5_pos_top_row3_3,#s5_pos_top_row3_4 { width:50%!important; }
  #s5_top_row3_inner .s5_mod_h3_outer { min-height:38px; }
  #s5_top_row2_area1,#s5_top_row3_area1,#s5_center_area1,#s5_bottom_row1_area1 { margin-left:0; }
  .module_round_box_outer { margin:0 22px 28px; }
  body[data-page='/archive/2014/'] #s5_columns_wrap_inner { display:block; }
  body[data-page='/archive/2014/'] #s5_right_column_wrap_inner { grid-template-columns:1fr 1fr; }
  #s5_center_column_wrap_inner,#s5_right_column_wrap { margin:0!important; }
  #s5_columns_wrap_inner { width:100%; }
  #s5_center_column_wrap,#s5_center_column_wrap_inner,#s5_left_column_wrap,#s5_right_column_wrap,#s5_left_wrap,#s5_right_wrap,#s5_right_inset_wrap { float:none!important; position:static; left:auto; width:auto!important; }
  #s5_component_wrap_inner { margin-right:22px!important; }
  .items-row { display:block; }
  .items-row .item { width:auto!important; float:none!important; margin:0 0 24px!important; }
  .items-row img { box-sizing:border-box; max-width:calc(100% - 20px); }
  .contentpaneopen img { max-width:100%; height:auto; }
  .slide-desc-text { font-size:14px; }
  #s5_pos_top_row2_1 p { text-align:left!important; }
  #s5_footer { margin:0 22px; }
  iframe { max-width:100%; }
}
@media(max-width:500px) {
  body[data-page='/archive/2014/'] #s5_right_column_wrap_inner { display:block; }
  #s5_nav { display:grid; grid-template-columns:1fr 1fr; gap:0; }
  #s5_nav li a { color:#585858; }
  .nspMainPortalMode4 .nspArts { scroll-snap-type:x mandatory; }
  .nspMainPortalMode4 .nspArt { flex-basis:100%; }
  .nspMainPortalMode4 .nspArt > div { width:100%!important; height:auto!important; }
  .nspMainPortalMode4 .nspImage { width:100%!important; height:auto!important; aspect-ratio:22/15; object-fit:cover; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
