/* Custom CSS styles */

/* Navbar: fit all menu items on one line so the last item doesn’t wrap and push the title */
.menu {
	max-width: 880px;
}

/* Main title as signature image – prevent top clipping, allow overflow */
/* .navbar-middle is position:absolute so it doesn't affect nav height; set min-height so the nav box doesn't clip the signature */
nav.navbar {
	overflow: visible;
	padding-top: 1.15em;
	padding-bottom: 0.6em;
	min-height: 9.5rem;
}
nav.navbar .navbar-middle {
	overflow: visible;
}
.signature-title-link {
	display: inline-block;
	line-height: 0;
	padding: 0.4em 0 0.35em;
	overflow: visible;
}
.signature-title {
	height: 4rem;
	width: auto;
	max-width: min(480px, 88vw);
	object-fit: contain;
	vertical-align: middle;
	display: block;
}
.navbar-middle .menu {
	margin-top: 0;
}

/* Tighter spacing between navbar and page content (closer to original) */
section.work {
	padding-top: 1.25rem;
}
@media (max-width: 1024px) {
	section.work {
		padding-top: 1.5rem;
	}
}

@media (min-width: 1025px) {
	.signature-title {
		height: 5rem;
		max-width: 620px;
	}
}
@media (max-width: 1024px) {
	nav.navbar {
		height: auto !important;
		min-height: 12rem;
		padding-top: 1.25em;
		padding-bottom: 0.6em;
	}
	.signature-title-link {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}

.content figure {
  max-width: 100%;
  height: auto;
  margin: 0;
  text-align: center;
}

.content figure img{
  border: 1px solid var(--border-color);
}

.content figure.right {
  float: right;
  margin-left: 1.5em;
  max-width: 50%;
}

.content figure.right img{
  border: none;
}

.content figure.left {
  float: left;
  margin-right: 1.5em;
  max-width: 50%;
}

.content figure.left img {
  border: none;
}

.content figure.big {
  max-width: 100vw;
}

.content figure.sans-border img {
  border: none;
}

.content a {
    margin-bottom: 2px;
    color: var(--white);
    text-decoration: none;
    word-break: break-word;
    border-bottom: 5px solid var(--main);
}