/**
 * Theme Name: Shim
 */

.gallery-wr .gallery-project-header {
	align-items: flex-start;
}

.gallery-project-header .projects-archive-link {
	padding-left: 48px;
	padding-top: 43px;
	color: #5b5b5b;
	line-height: 1;
}

.gallery-project-header .projects-archive-link:before {
	content: '.';
	font-size: 0;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #5b5b5b;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	/* top: 0;
    left: 0;
    position: relative; */
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	border-width: 0 0 1px 1px;
}

.gallery-project-header .projects-archive-link:hover {
	color: #5b5b5b;
}

.gallery-project-header .projects-archive-link:hover:before {
	border-color: #5b5b5b;
}

#header.header-inners .projects-archive-notice {
	display: block;
	margin-top: auto;
	color: #c7c7c7;
}

.projects-page #header.header-inners {
	bottom: 108px;
}

.projects-page #header.header-inners {
	display: flex;
	flex-direction: column;
}

#header.header-inners .projects-archive-notice.is-desktop {
	display: block;
}

#header.header-inners .projects-archive-notice.is-mobile {
	display: none;
}

@media screen and (max-width: 1199px) {
	.gallery-project-header .projects-archive-link {
		padding-left: 22px;
		padding-top: 20px;
	}

	.gallery-wr .gallery-project-header .logo {
		display: none;
	}

	#header.header-inners .projects-archive-notice {
		max-width: 90%;
	}
}

@media screen and (max-width: 991px) {
	.projects-page #header.header-inners {
		bottom: 58px;
	}

	#header.header-inners .projects-archive-notice {
		max-width: 250px;
	}
}

@media screen and (max-width: 767px) {
	.projects-page #header.header-inners nav {
		display: flex;
		flex-direction: column;
	}

	.projects-page #header.header-inners {
		display: flex;
		flex-direction: row;
		bottom: auto;
	}

	.projects-page #main {
		padding-top: 104px;
	}

	#header.header-inners .projects-archive-notice {
		margin-top: 10px;
		max-width: 100%;
	}

	#header.header-inners .projects-archive-notice.is-desktop {
		display: none;
	}

	#header.header-inners .projects-archive-notice.is-mobile {
		display: block;
		margin-top: auto;
	}

	.gallery-wr .gallery-project-header .logo {
		display: none;
	}

	.gallery-project-header .projects-archive-link {
		padding-top: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 480px) {
	.single-projects #main {
		padding-top: 95px;
	}
}

.content .item .book-title,
.content .item .project-title {
	margin-bottom: 10px;
}

.content-wr .studio-wr img {
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
}