.site-header {
	z-index: 10; //Otherwise immich overlay is behind header
}

article[data-redirect] {
	display: none;
}

.entry-content li a {
	color: #ff497a;
	box-shadow: inset 0 -1px 0 #ff497a;
}
.entry-content li a:hover {
	box-shadow: inset 0 -2px 0 #ff497a;
}

.d-inline-block {
	display: inline-block;
}

.cc-license img {
	width: 128px;
	height: auto;
}

.prev-next {
	opacity: .75;
}

/* margins */
.mb-0 {
	margin-bottom: .25rem !important;
}

.mb-1 {
	margin-bottom: .5rem !important;
}

.mb-2 {
	margin-bottom: 1rem !important;
}

.mb-3 {
	margin-bottom: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 2rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo 2', sans-serif;	
	font-weight: 300;
}

.entry-content h2 {
	font-size: 1.5rem;
	border-bottom: 1px dotted #eee;
	padding-bottom: .25rem;
	font-weight: bold;
}

/* masthead */
#masthead {
	overflow: hidden;
}

#masthead img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;	
	width: 100%;
	height: auto;
	z-index: -1;
}

.search-drawer {
	background-color: rgba(255,255,255,0.5);	
}

.search-drawer input {
	background: none;
}

/* colophon */
#colophon img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	left: 0;
	opacity: 0.5;	
	width: 100%;
	height: auto;
}

/* Location */
.locationWrap {
	margin-bottom: 5%;
	font-size: small;
}

/* extending social menu */
.social-navigation a {
	font-size: initial !important;
	color: black;
}
.social-navigation a:before {
	content: '' !important;
	text-indent: initial;
}
.social-navigation a:hover {
	opacity: .75;
}

/* .social-navigation a:before {
	font-size: 18px;
}

.social-navigation a {
	font-size: 0;
}
.social-navigation a[href*="tripadvisor.com"],
.social-navigation a[href*="tagpacker.com"],
.social-navigation a[href*="theplacesihavebeen.com"],
.social-navigation a[href*="rateyourmusic.com"] {
	font-size: 0;
	display: none;
}

@media (min-width: 768px) {  
	.social-navigation a[href*="tripadvisor.com"],
	.social-navigation a[href*="tagpacker.com"],
	.social-navigation a[href*="theplacesihavebeen.com"],
	.social-navigation a[href*="rateyourmusic.com"] {
		display: inline-block;
	}
}

.social-navigation .social-rss a:before {
	font-family: "Font Awesome 5 Free";
}
.social-navigation a[href*="tripadvisor.com"]:before {
	content: "\f262";
}
.social-navigation a[href*="tagpacker.com"]:before {
	font-family: "Font Awesome 5 Free";
	content: "\f02c";
}
.social-navigation a[href*="theplacesihavebeen.com"]:before {
	font-family: "Font Awesome 5 Free";
	content: "\f151";
	font-weight: 900;
}
.social-navigation a[href*="rateyourmusic.com"]:before {
	content: "\f3b5";
}
.social-navigation a[href*="wa.me"]:before {
	content: "\f232";
}
.social-navigation a[href*="mastodon.social"]:before {
	content: "\f4f6";
}
.social-navigation a[href*="bsky.app"]:before {
	content: "\e671";
}
.social-navigation a[href*="hardcover.app"]:before {
	content: "\e0bb";
} */

/* Single additions */
.infoLine {
	margin-bottom: 1rem;
}

.entry-byline .postType a {
	color: #ff497a;	
}

.featured-image img {
	width: 100%;
	height: auto;
}

/* Home page */
.home {
	background: rgba(0,0,0,.025);	
}

.home footer {
	position: absolute;
	bottom: 0;
	background: none;	
}

.home header {
	background: none;
}

.home .site-title-wrap {
	display: none;
}

.home #page {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
	height: auto;	
	text-align: center;
	max-width: 100%;
}

.home h1 {
	margin-bottom: 0.5rem;
}

.home h2 {
	font-size: smaller;
}

.home #content {
	margin: 0;
	padding: 0;	
}

/* CV */
.post-22513 .wp-block-group {
	padding: 1.5rem;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

.post-22513 .wp-block-group.alternate,
.post-22513 .wp-block-columns.alternate {
	background-color: #efefef;
}

.post-22513 .wp-block-group.p-mb-0 p,
.post-22513 .wp-block-group.p-mb-0 .wp-block-columns {
	margin-bottom: 0 !important;
}

.page-id-22513 .entry-title {
	text-align: center;
}

.page-id-22513 .entry-content h2 {
	background-color: #ccc;
	border: 0;
	padding: 1.5rem;
}

/* Archive and cv */
@media (min-width: 1001px) {  
	.post-type-archive .header-text,
	.archive.category .header-text,
	.page-id-17926 .header-text {
		display: none;
	}
}

.post-type-archive-work #primary,
.post-type-archive-project #primary {
/*	margin-right: 0;*/
}

.table-compact h2 {
	font-size: 1.2em;
	margin: 0;	
	font-weight: normal;
}

.table-compact h3 {
	font-size: 1em;
	margin: 0;	
}

.table-compact h3 a {
	color: #ff497a;
}

.table-compact tr td:first-of-type,
.table-compact thead th:first-of-type {
	width: 96px;
	text-align: right;
}

/* Tables */
table.table-clean tr {
	background: none;
}
table.table-compact td, #content table.table-compact th {
	padding: 10px;
}

th {
	border-bottom: 1px solid #ccc;	
}

.rowDivider {
	background-color: white;
}

.iconCell {
	display: none;
	font-size: smaller;
}

@media (min-width: 768px) {  
	.iconCell {
		display: table-cell;
	}
}

.offsite-small,
.inline-edit {
	font-size: small;
	display: inline-block;
	margin-left: 1rem;
}

@media (min-width: 768px) {  
	.offsite-small {
		display: none;
	}
}


/* acf map in frontend */
.acf-map {
	height: 30vh;
	margin-bottom: 2.5%;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* share */
.shareBox {
	text-align: center;
	margin-top: 2.5%;
	margin-bottom: 5%;
}

/* Latest rss */
#overlayWrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
}
#overlay{
    position:fixed;
    height:100%;
    background:rgba(255, 255, 255, 0.875);
    width:296px;
    right:0px;
    margin-right: -296px;
	padding: 0px;
	padding-right: 30px;
	-webkit-backdrop-filter: blur(5px);
	border-left: 1px solid #ff497a;
}

.rss-image {
	width: 48px;
	height: auto;
	float: left;
	margin-right: 1rem;
}

@media (min-width: 480px) {
	#overlay{
		width: 420px;
		margin-right: -420px;
	}
	
	.rss-image {
		width: 96px;
		margin-bottom: 1rem;
	}
}


.overlayItems {
	overflow-y: scroll;
	height: calc(100% - 30px);
}
div.wpra-list-template .wpra-item-list>li.wpra-item {
	list-style: none;
	clear: both;
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}

#overlayButton{
	position: fixed;
	right: 0px;
	background: #ff497a;
	top: 128px;
	border-radius: 5px 0px 0 5px;
	color: #fff;
	text-align: center;
	padding: 10px 15px;
	cursor:pointer
}
.expandedTxt{
 	display:none   
}
#overlayButton.expanded .expandedTxt{
	display:block   
}
#overlayButton.expanded .click{
	display:none   
}
.feed-source::after {
	content: " • " !important;
}
.willSlide td {
	text-align: left !important;
	width: inherit !important;
	padding: 5px 10px;
}

.willSlide h2 {
	color: white;
	background-color: #ff497a;
	padding: 15px 10px;
	font-size: inherit;
	margin: 0;
	text-align: center;
	font-weight: 600;
	font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.7;
	font-size: 18px;
}
.wprss-feed-meta {
	opacity: 0.25;	
}

/* badges */
.badge,
a.badge {
	color: white !important;
	font-size: small;
	border-radius: 0.25rem;
	padding: 0.1rem 0.25rem;
}

.badge-warning {
	background-color: orange;
}

.meta-list a.badge {
	background-color: #ff497a;
	border: 1px solid #ff497a;
}

.meta-list a.badge:hover {
	color: #ff497a !important;
	background-color: white;
}

/* Quote */
.quoteBox {
	margin-top: 6rem;
	text-align: center;
}

.quoteBox .quoteAuthor {
	margin-top: 3rem;
	text-align: right;
	font-style: italic;
}

/* Code */
code {
	display: block;
	padding: 1rem;
	background-color: rgba(0,0,0,.05);	
}

/* print */
@media print {
	header {
		display: none !important;
	}
	
	footer {
		display: none !important;
	}
}

/* immich map */
#immichMap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1010;
}
#immichMap.hidden {
	display: none;
}

/* Round photo markers (always a circle, even if thumb is rectangular) */
.leaflet-marker-icon.photo-marker { background:transparent; border:0; }
.photo-marker .thumb {
  width: 48px; height: 48px;             /* fixed square */
  aspect-ratio: 1 / 1;                    /* keeps square if size changes */
  border-radius: 50%;                     /* circle */
  display: block;
  object-fit: cover;                      /* crop to circle neatly */
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}

/* Fullscreen overlay */
#immichOverlay {
  position: fixed; inset: 0;
  display: none;                          /* toggled via JS */
  align-items: center; justify-content: center;
  background: rgba(0,0,0,.75);
  z-index: 10000;                         /* above leaflet controls */
  padding: 24px;
}
#immichOverlay.visible { display: flex; }

#immichOverlay .panel {
  position: relative;
  max-width: 95vw; max-height: 95vh;
  color: #fff;
  text-align: center;
}

/* Spinner (shown while image loads) */
#immichOverlay .spinner {
  width: 64px; height: 64px;
  border: 6px solid rgba(255,255,255,.25);
  border-top-color: #fff;
  border-radius: 50%;
  margin: 0 auto 12px;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Loaded media + caption */
#immichOverlay img {
  max-width: 95vw; max-height: 80vh;      /* constrain to window */
  width: auto; height: auto;
  display: block; margin: 0 auto;
  box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 8px 30px rgba(0,0,0,.5);
}
#immichOverlay .caption {
  margin-top: .5rem; font-size: .95rem; line-height: 1.35;
  color: rgba(255,255,255,.95);
}

/* Close button */
#immichOverlay .close-btn {
  position: absolute; top: -8px; right: -8px;
  background: #111; color: #fff;
  border: 0; border-radius: 999px;
  width: 36px; height: 36px; cursor: pointer;
  font-size: 20px; line-height: 36px;
  box-shadow: 0 2px 12px rgba(0,0,0,.5);
  padding: 0;
}
#immichOverlay .close-btn::selection {
	background: none;
}
#immichOverlay .close-btn:hover { background:#000; }

#map-closer {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 1020;
	
	text-align: center;
	background: #111;
	color: #fff;
	border: 0;
	border-radius: 999px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	font-size: 20px;
	line-height: 36px;
	box-shadow: 0 2px 12px rgba(0,0,0,.5);
	padding: 0;
}

/* immich archives */

#photos-year-block {
	margin-bottom: 2rem;
	background-color: rgba(0, 0, 0, .025);
}
.photos-album-year-block,
#photos-album-years-block .month-gallery {
	background-color: rgba(0, 0, 0, .025);
}

/* .monthly-archive {
  display: flex;
  flex-direction: column;
  gap: 2em;
} */
.month-gallery {
	padding-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.month-block {
	width: calc(25% - 8px);
    text-align: center;
    display: flex;
	flex-direction: column;
	justify-content: end;
}
.month-block.loading {
	opacity: .5;
}
.month-block.loading-failed {
	opacity: .5;
	background-color: red;
}
.month-thumb-wrap {
	flex-grow: 1;
	display: flex;
	justify-content: start;
	flex-direction: column;
	align-items: center;
}
.month-thumb,
.month-thumb-alt {
	width: 90%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 4px;
	background-color: #eeeeee;
	position: relative;
}
.month-thumb-alt a {
	position: absolute;
	left: .5rem;
	bottom: .5rem;
	opacity: .5;
	font-size: small;
}

.month-label {
  font-size: 0.7em;
  margin-top: 0.1em;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.count {
  font-weight: bold;
  color: #666;
}
.fg-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.disabled {
	opacity: .5;
}

/* month gallery modal */
.month-gallery-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.95);
  overflow-y: auto;
  padding: 2rem;
  display: none;
}

.month-gallery-modal.active {
  display: block;
}

.month-gallery-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: white;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10000;
}

.month-gallery-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.month-gallery-content .fg-cell {
  width: 128px;
  height: 128px;
  overflow: hidden;
}

@media (min-width: 768px) {  
	.month-gallery-content .fg-cell {
	  width: 200px;
	  height: 200px;
	}
}

.month-gallery-content img.fg-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* archives Modal */
.archives-modal {
  display: none;
  position: fixed;
  z-index: 9000;
  padding-top: 60px;
  left: 0; top: 0; width: 100%; height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}
.archives-modal-content {
  display: block;
  margin: auto;
  max-width: 90%;
  max-height: 80vh;
}
#archives-modalCaption {
  color: #ccc;
  text-align: center;
  margin-top: 12px;
}
.archives-modal-close {
  position: absolute;
  top: 20px; right: 30px;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}


/* Countries selection */
#countries-superwrap {
	margin-bottom: 2rem;
	position: relative;
}
.countries-input-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

#countryInput {
	padding-right: 24px; /* leave space for clear button */
}

#countries-clearBtn {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 18px;
	color: #888;
	display: none; /* hidden until there’s text */
	user-select: none;
}

#countries-clearBtn:hover {
	color: #000;
}

#countries-suggestions {
	border: 1px solid #ccc;
	max-height: 340px;
	overflow-y: auto;
	position: absolute;
	background: white;
	width: 100%;
	display: none;
	z-index: 1000;
}
#countries-suggestions div {
	padding: 15px;
	cursor: pointer;
	width: 100%;
}
#countries-suggestions div:hover {
	background: #eee;
}

/* flickr/immich grid */

/* Fallback for older browsers */
.flickrGrid { max-height: 80vh; }

/* Prefer dynamic VH so height follows the visible viewport (iOS URL bar) */
@supports (height: 100dvh) {
  .flickrGrid { max-height: 80dvh; }
}

.flickrGrid {
  display: grid;
  align-content: start;   /* pack rows at the top */
  justify-content: start; /* keep columns left-aligned */
  align-items: start;     /* prevent item stretching */
  grid-gap: 2px;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); /* responsive cols */
  overflow: hidden; /* we’ll fix height via JS so the grid itself doesn’t scroll */
}
.fg-cell { position: relative; border-radius: 0px; border: 2px solid white; background: #f2f2f2; }
.month-gallery-content .fg-cell {
	border: 0;
	overlow: revert;
}

.fg-thumb {
  width: 100%;
  aspect-ratio: 1;   /* keeps row height stable; change if your thumbs are square */
  object-fit: cover;     /* crops to fill tile */
  display: block;
}
.grid-pager { display:flex; gap:12px; align-items:center; justify-content:center; padding:10px 0 16px; }
.grid-pager button { padding:6px 10px; border-radius:6px; border:0px solid #ddd; background:#fff; color: green; }
.grid-pager button:disabled { opacity:.5; cursor:default; }
.fg-hidden { display: none !important; }


/* .flickrGrid {
	margin-bottom: 5%;
	font-size: 0;
}

.flickrGrid .column {
  padding: 1px;
}

.flickrGrid:after {
  content: "";
  display: table;
  clear: both;
} */

/* Create four equal columns that floats next to eachother */
/* .flickrGrid .column {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1; 
  display: inline-block;
  width: 25%;
}

.flickrGrid .column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (min-width: 768px) {  
	.flickrGrid .column {
		width: 16.666666%;
	}
}

@media (min-width: 992px) {  
	.flickrGrid .column {
		width: 12.5%;
	}
}

@media (min-width: 1200px) {  
	.flickrGrid .column {
		width: 10%;
	}
} */

.flickrModal .thumbnails {
	background-color: black;
	white-space: nowrap;
	overflow: auto;
	position:fixed;
	bottom: 0;
	left: 0;
	margin-left: 2rem;
	margin-right: 2rem;
	margin-bottom: 2rem;
	max-width: calc(100vw - 4rem);
}

.flickrModal .thumbnails .column {
	display: inline-block;
}

/* The Modal (background) */
.flickrModal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.flickrModal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.flickrModal .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.flickrModal .close:hover,
.flickrModal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.flickrModal .mySlides {
  display: none;
  font-size: 0;
  text-align: center;
  background-color: black;
}

.flickrModal .mySlides img {
	max-height: calc(100vh - 250px);
	min-height: 100px;
	min-width: 100px;
	background-color: white;
}

/* Next & previous buttons */
.flickrModal .prev,
.flickrModal .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0,0,0,.1);
}

/* Position the "next button" to the right */
.flickrModal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.flickrModal .prev:hover,
.flickrModal .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.flickrModal .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.flickrModal .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.flickrModal img.demo {
  opacity: 0.6;
  transition: all ease-in-out .25s;
  height: 36px;
  width: auto;
  margin-left: .25rem;
  margin-right: .25rem;
}

.flickrModal .active,
.flickrModal .demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.25s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* other */
.iframe-form {
	padding: 2rem;
	border: 2px solid #ccc;
}

/* immich slider */
.slides-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	height: 100%;
	align-content: center;
	align-items: center;
}
.slides-nav a {
	display: inline-block;
	margin: 1rem;
	color: white;
	text-shadow: 0 0 3px black;
	opacity: .9;
}

.slides-nav a:hover {
	color: white;
	text-shadow: 0 0 1px black;
	opacity: .75;
}

.slides-single {
	margin-bottom: 3rem;
	position: relative;
}

.slides-single img {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border-radius: 4px; 
}

.single-photo-location {
	opacity: .75;
	font-size: smaller;
	display: inline-block;
	margin-left: 2rem;
}

/* Single immich image */

.immich-image {
	position: relative;
}

.immich-image-wide,
.immich-image-narrow {
	width: 100%;
	min-height: 100px;
	margin-bottom: 3rem;

}

.immich-image-wide img,
.immich-image-narrow img {
//	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border-radius: 4px; 
}

@media (min-width: 800px) {
	.immich-image-wide {
		position: relative;
		margin-left: max(calc(-1 * (94vw - 100%) / 2), calc(-1 * (1400px - 100%) / 2));
		margin-right: max(calc(-1 * (94vw - 100%) / 2), calc(-1 * (1400px - 100%) / 2));
	
		width: min(94vw, 1400px);
	
	}
	
	.immich-image-wide img {
		display: block;
		width: min(94vw, 1400px);
		height: auto;                  /* natural height defines figure height */
		max-width: initial;
	}
}

/* image grid block */
.immich-album-wide,
.immich-album-narrow {
	width: 100%;
	margin-bottom: 3rem;
}

@media (min-width: 800px) {
	.immich-album-wide {
		position: relative;
		margin-left: max(calc(-1 * (94vw - 100%) / 2), calc(-1 * (1400px - 100%) / 2));
		margin-right: max(calc(-1 * (94vw - 100%) / 2), calc(-1 * (1400px - 100%) / 2));
	
		width: min(94vw, 1400px);
	
	}
}

/* pulse effect */
.pulse {
  animation: pulse 2s ease-in-out infinite;
}

/* The keyframes define a smooth “grow and fade” loop */
@keyframes pulse {
  0% {
	//transform: scale(1);
	opacity: 1;
  }
  50% {
	//transform: scale(1.05);
	opacity: 0.6;
  }
  100% {
	//transform: scale(1);
	opacity: 1;
  }
}

/* lazy immich */
.immich-image-source {
	position: absolute;
	top: .5rem;
	left: .5rem;
}
.immich-image-source a {
	color: white;
}

.lazy-immich {
  transition: opacity 0.4s ease-in-out;
  opacity: 0.8;
}

.lazy-immich.loaded {
  opacity: 1;
}

.slim-loader {
	position: absolute;
	bottom: 1rem; left: 0; right: 0;
	height: 3px;
	pointer-events: none;
	z-index: 99999;
}
/* .immichimage .slim-loader {
	bottom: 0;
} */

.slim-loader__bar {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 100%;
	transform-origin: 0 50%;
	transform: scaleX(0);
	transition: transform 200ms ease;
	/* subtle look; tweak as you like */
	background: linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.8));
}
.slim-loader--hidden { opacity: 0; transition: opacity 200ms ease; }

/* search */
.search-title {
	font-size: 25px !important;
	margin-bottom: 1% !important;
}