/* Navbar makers mark */
.header__logo {
	width: auto;
	max-width: none;
}

.header__logo__img {
	width: auto;
	height: 55px;
	display: block;
}

@media only screen and (min-width: 768px) {
	.header__logo__img {
		height: 64px;
	}
}

@media only screen and (min-width: 1220px) {
	.header__logo__img {
		height: 74px;
	}
}

.header__title-fallback {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
	color: #2a2f36;
}

@media only screen and (min-width: 768px) {
	.header__title-fallback {
		font-size: 30px;
	}
}

@media only screen and (min-width: 1220px) {
	.header__title-fallback {
		font-size: 35px;
	}
}

# Slightly tighter nav for category links
@media only screen and (min-width: 1024px) {
	.menu__list__item {
		margin-left: 14px;
	}
}
@media only screen and (min-width: 1220px) {
	.menu__list__item {
		margin-left: 18px;
	}
}

/* Photography dropdown */
.menu__list__item--has-children {
	position: relative;
}

.menu__sublist {
	list-style: none;
	margin: 8px 0 0;
	padding: 0 0 0 12px;
}

.menu__sublist__item__link {
	display: block;
	padding: 8px 0;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

.menu__sublist__item__link:hover,
.menu__sublist__item__link.cc-active {
	color: #2a2f36;
}

@media only screen and (min-width: 1024px) {
	.menu__sublist {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: 160px;
		margin: 10px 0 0;
		padding: 10px 0;
		background: #fff;
		border: 1px solid #e6e9ec;
		box-shadow: 0 8px 24px rgba(42, 47, 54, 0.12);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.15s ease, visibility 0.15s ease;
		z-index: 100;
	}

	.menu__list__item--has-children:hover .menu__sublist,
	.menu__list__item--has-children:focus-within .menu__sublist {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.menu__sublist__item__link {
		padding: 8px 16px;
		font-size: 15px;
		font-weight: 600;
		color: #2a2f36;
		white-space: nowrap;
	}

	.menu__sublist__item__link:hover,
	.menu__sublist__item__link.cc-active {
		color: #f2784b;
	}
}

@media only screen and (min-width: 1220px) {
	.menu__sublist__item__link {
		font-size: 17px;
	}
}