/*
Theme Name: Stockholm Child
Theme URI: https://jockelheenes.de/
Description: Child theme for Stockholm 9.14.x — Werkverzeichnis Jockel Heenes. Contains only the customisations carried over from the previous installation (Stockholm 3.5.2).
Author: Jockel Heenes
Template: stockholm
Version: 1.0.0
Text Domain: stockholm-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   NOTE
   The site's main "Custom CSS" (~450 rules: .txt-page-*-img, .logo_wrapper,
   .underline, header styles and so on) is deliberately NOT duplicated here.
   It is stored in the database via the theme options panel and keeps working
   after the update.

   This file only carries changes that were written straight into
   css/stylesheet.min.css in the old installation and would otherwise have been
   wiped out by the theme update.
   ========================================================================== */

/* Migrated from old child theme - close ("X") icon colour of the popup menu
   (stylesheet.min.css:4894,4904 — parent ships #fff, the site uses #000) */
.popup_menu.opened .line:after,
.popup_menu.opened .line:before {
	background-color: #000;
}

/* Migrated from old child theme - brand accent on portfolio navigation hover
   (stylesheet.min.css:9800 — parent ships #393939) */
.portfolio_navigation a:hover {
	color: #009fe3;
}

/* Migrated from old child theme - tighter spacing of filter entries
   (stylesheet.min.css:10645 — parent ships 0 25px) */
.filter_holder ul li span {
	padding: 0 15px;
}

/* Migrated from old child theme - year filter bar ("_s" variants).
   The old installation duplicated a dozen .filter_* selectors with an _s
   suffix; this is condensed into a single set of rules. */
.filter_outer_s {
	display: block;
	position: relative;
	margin: 0 0 36px;
}

.filter_outer_s.left_align   { text-align: left; }
.filter_outer_s.center_align { text-align: center; }
.filter_outer_s.right_align  { text-align: right; }

.filter_holder_s {
	display: inline-block;
}

.filter_holder_s ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.filter_holder_s ul li {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
	text-align: center;
}

.filter_holder_s ul li span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	color: #a6a6a6;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

/* The year links are deliberately left unstyled so they inherit the theme's
   link colour (#e6ae48), exactly as on the original site. Forcing a colour
   here previously rendered them grey. */

/* Migrated from old child theme - apostrophe marking the value as a year, e.g. '74
   (stylesheet.min.css:10686 — span:before) */
.filter_holder_s ul li span:before {
	content: "'";
}

.filter_holder_s ul li.filter_title span {
	padding: 0 15px 0 0;
	color: #393939;
	font-weight: 700;
	cursor: default;
}

/* The title entry is not a year, so it gets no apostrophe. */
.filter_holder_s ul li.filter_title span:before {
	content: none;
}

/* Active entry and hover state — accent colour from the original installation. */
.filter_holder_s ul li.current span,
.filter_holder_s ul li:not(.filter_title):hover span {
	color: #e6ae48;
}

/* Separators between filter entries stay disabled, as in the old installation. */
.filter_holder_s ul li span:after {
	content: none;
}

/* ==========================================================================
   WordPress admin bar compensation — logged-in users only.

   Stockholm 9.14.4 introduced this rule, which the old theme did not have:

       .admin-bar header.fixed { padding-top: 32px !important; }

   It grows the fixed header by the height of the admin bar. The site's Custom
   CSS, however, pins the content to a fixed offset:

       .content { padding: 83px 10px 0 10px !important; }

   The two disagree by exactly the height of the admin bar, so the year filter
   ended up underneath the header and could not be clicked.

   These rules exist only under .admin-bar, so visitors are unaffected —
   nothing here reaches the public front end.

   The site's own offset is not a single value — Custom CSS sets 83px on
   desktop but only 50px below 1000px, so the compensation has to follow the
   same breakpoint.

   Below 782px WordPress makes the admin bar `position: absolute`, so it
   scrolls away with the page and needs no compensation at all. Adding any
   there only produced an oversized gap.
   ========================================================================== */

/* Desktop: 83px site offset + 32px admin bar. */
@media screen and (min-width: 1001px) {
	.admin-bar .content {
		padding-top: 115px !important;
	}

	/* The front page intentionally runs its slider under the header. */
	.admin-bar.home .content {
		padding-top: 0 !important;
	}
}

/* Tablet range where the admin bar is still fixed: 50px offset + 32px bar. */
@media screen and (min-width: 783px) and (max-width: 1000px) {
	.admin-bar .content {
		padding-top: 82px !important;
	}

	.admin-bar.home .content {
		padding-top: 0 !important;
	}
}

/* ==========================================================================
   Slider Revolution 6 — quoted 'inherit' font family.

   The slider now writes layer styles as:

       style="z-index:11;font-family:'inherit';"

   Quoted, 'inherit' is no longer the CSS keyword — it is read as the name of
   a font family, which does not exist, so the browser falls back to its
   default serif face. The version running on the live site emitted the same
   value unquoted, hence the difference in headings such as the artist's name
   and the "MILLE BACI, Installation" caption.

   The proper fix is to set a real font on those layers in the slider editor;
   this rule restores the intended inheritance until that is done.
   ========================================================================== */
rs-layer[style*="font-family:'inherit'"],
.tp-caption[style*="font-family:'inherit'"] {
	font-family: inherit !important;
}

/* Migrated from old child theme - single-image galleries must not swipe
   (default.min.js:2594 — the class is applied by js/custom.js) */
.flexslider.jh_single_slide,
.flexslider.jh_single_slide .slides {
	touch-action: pan-y;
}

.flexslider.jh_single_slide .flex-direction-nav {
	display: none;
}

/* Migrated from old child theme - hide disabled slider arrows (custom_css.css) */
.flex-direction-nav a.flex-disabled {
	display: none;
}