/* officehouse-dresden.de - what the theme's scripts used to do, and the galleries rebuilt from archived pictures.
   Everything else is the archived Subway theme CSS of ehrlich+richter's. */
::selection { background: #961b1e; color: #fff; }
a:focus-visible, button:focus-visible { outline: 2px solid #961b1e; outline-offset: 2px; }

/* what the theme's jQuery revealed after load: the logo and the project grid (mixitup) */
.logo a { visibility: visible; }
.projects_holder > .mix { display: inline-block; }

/* the home page is the 2015 version: WPBakery 4 column classes (the archived CSS is WPBakery 5) */
.wpb_row > .vc_span12, .wpb_row > .vc_span8, .wpb_row > .vc_span6, .wpb_row > .vc_span4 { float: left; min-height: 1px; margin-left: 2.1277%; box-sizing: border-box; }
.wpb_row > .vc_span12 { width: 100%; margin-left: 0; }
.wpb_row > .vc_span8 { width: 65.9574%; }
.wpb_row > .vc_span6 { width: 48.9362%; }
.wpb_row > .vc_span4 { width: 31.9149%; }
.wpb_row > [class*="vc_span"]:first-child { margin-left: 0; }
.wpb_row:after { content: ""; display: table; clear: both; }
@media (max-width: 768px) { .wpb_row > [class*="vc_span"] { width: 100%; margin-left: 0; } }

/* menu: the theme opened the drop-downs and the mobile menu with jQuery */
.drop_down li:hover > .second, .drop_down li:focus-within > .second { visibility: visible; opacity: 1; height: auto; }
.mobile_menu_button { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
nav.mobile_menu > ul.open { display: block; }
nav.mobile_menu li.open_sub > ul { display: block; }

/* home: the LayerSlider of the original (1920x500, full width), as a cross-fade */
.er_slider .slider_inner { position: relative; height: min(500px, 26.04vw); min-height: 150px; background: #f3f3f3; }
.er_slider img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s cubic-bezier(.22, 1, .36, 1); }
.er_slider img.on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .er_slider img { transition: none; } }

/* galleries: Jetpack tiled galleries -> the archived pictures in a grid */
.er_gallery { columns: 3; column-gap: 6px; margin: 0 0 32px; }
.er_gallery.er_single { columns: 1; max-width: 760px; }
.er_gallery_item { margin: 0 0 6px; break-inside: avoid; }
.er_gallery_item a { display: block; }
.er_gallery_item img { display: block; width: 100%; height: auto; }
.er_gallery_item figcaption { font-size: 12px; line-height: 1.45; color: #6c6c6c; padding: 7px 2px 12px; }
@media (max-width: 768px) { .er_gallery { columns: 2; } }
@media (max-width: 480px) { .er_gallery { columns: 1; } }

/* the officehouse pages of 2008-09 (text only) */
.er_officehouse { max-width: 72ch; }
.er_officehouse p { margin: 0 0 1.1em; }

/* footer lists (the original widgets were RSS, newsletter, latest posts and a link menu) */
.footer_top .widget ul { list-style: none; margin: 0; padding: 0; }
.footer_top .widget li { margin: 0 0 8px; line-height: 1.45; }
.footer_top .widget li a:hover { color: #d8d8d8; }

img { max-width: 100%; height: auto; }