/*
Theme Name: Dzn
Text Domain: dzn
*/
body {
	font-family: "Roboto Mono", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	background: #fff;
	color: #000;
	font-size: 16px;
	margin: 0;
	overscroll-behavior-y: none;
}
body.blog,
body.single {
}
body a {
	color: #000;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}
.wrapper,
#footer {
	width: 90%;
	margin: 0 auto;
	max-width: 1550px;
}
#footer.blog {
	padding: 3vw 0 6vw;
    text-align: center;
}
.single-post #footer {
	padding: 10vw 0 2.5vw;
    text-align: center;
}
#hero {
	height: 46vw;
	max-height: 863px;
	display: flex;
	border-bottom: 1px solid #000;
    justify-content: center;
    align-items: center;
}
#hero h1 {
	font-weight: 400;
    font-size: 20px;
    margin: 0;
    line-height: 32px;
}
#hero h1 img {
	transform: translateY(7px);
}
#main-content {
	columns: 2;
	gap: 130px;
	border-bottom: 1px solid #000;
	padding-top: 50px;
	padding-bottom: 50px;
}
#main-content p {
	margin: 0 0 1em;
	margin: 0;
	/*flex: 0 0 608px;
    background: #fff8f8;*/
}
#main-work {
	overflow: hidden;
	padding: 16px 0;
	border-bottom: 1px solid #000;
}
.blog #header {
	padding: 3vw 0;
    text-align: center;
}
.blog #header a {
	font-weight: 700;
	font-size: 36px;
}
.single-post #header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	margin: 100px 0 160px;
}
.single-post #header h1 {
	font-size: 20px;
    font-weight: 400;
}
#teasers {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.teaser {
	height: 400px;
	flex: 0 0 calc(50% - 10px);
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	text-decoration: none;
}
.teaser:nth-child(3n) {
	flex: 0 0 100%;
}
.teaser .info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
}
.teaser:hover .info {
	opacity: 1;
}
.post-content {
	font-size: 16px;
}
.post-content h1 {
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 18px;
}
.post-content h2 {
	font-weight: 400;
	font-size: 16px;
	margin: 16px 0;
}
.post-content img {
	width: 100%;
	height: auto;
}
.post-content .wp-block-columns figure {
	margin: 0;
}
.bottom-nav {
	margin: 40px 0 60px;
	list-style: none;
	text-align: center;
}
.bottom-nav li {
	display: inline-block;
	padding: 5px 8px;
}
.bottom-nav a {
	font-size: 18px;
	color: #ccc;
	text-decoration: none;
	font-weight: 700;
	transition: all 200ms ease;
}
.bottom-nav a:hover,
.bottom-nav a.active-link {
	color: #000;
}
/**/
#marquee {
	padding: 41px 0;
}
.logo-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}
.logo-slider {
    display: inline-block;
    will-change: transform;
}
.logo {
    display: inline-block;
    height: 99px;
    margin: 0 20px;
}
/**/
#footer.mainpage {
	border-top: 1px solid #000;
	padding: 45px 0 150px;
	display: flex;
    justify-content: space-between;
}
#footer.mainpage .h2 {
	margin: 0 0 25px;
}
#footer.mainpage .contacts {
	text-align: right;
}
#footer.mainpage ul {
	margin:0;
	padding: 0;
	list-style: none;
}
#footer.mainpage a {
	color: #000;
	text-decoration: none;
}
#footer.mainpage a:hover {
	text-decoration: underline;
}
@media (max-width: 1600px) {
	#main-content {
		gap: 7vw;
	}
}
/* TEMP */
.page-template-mainpagevideo .wrapper {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}
.page-template-mainpagevideo {
	background: #000;
	color: #fff;
}
#content-video {
	max-width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
#content-video video {
	height: 56.25vw;
	width: 100vw;
}
.page-template-mainpagevideo #footer.mainpage a {
	color: #fff;
}
/*@media (min-aspect-ratio: 16/9) {
	#content-video video {
		height: 100vh;
		width: 177.77vh;
	}
}*/