@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../assets/fonts/manrope-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../assets/fonts/manrope-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../assets/fonts/manrope-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../assets/fonts/playfair-display-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../assets/fonts/playfair-display-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../assets/fonts/playfair-display-latin-700-normal.woff2") format("woff2");
}

:root {
	--atelier-body-font: "Manrope", Arial, sans-serif;
	--atelier-heading-font: "Playfair Display", Georgia, serif;
	--atelier-ink: #171512;
	--atelier-muted: #746f68;
	--atelier-line: rgba(23, 21, 18, 0.14);
	--atelier-gold: #a88445;
	--atelier-accent: #6f531f;
}

body,
button,
input,
select,
textarea {
	font-family: var(--atelier-body-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.post-title,
.av-special-heading-tag,
.site-title {
	font-family: var(--atelier-heading-font);
	letter-spacing: -0.025em;
}

.main_menu ul:first-child > li > a,
.sub_menu > ul > li > a {
	font-family: var(--atelier-body-font);
	font-weight: 700;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

#header_main {
	border-bottom-color: var(--atelier-line);
}

.header_color .avia-menu-fx {
	background-color: var(--atelier-gold);
}

.av-special-heading {
	position: relative;
}

.av-special-heading::after {
	display: block;
	width: 2.75rem;
	height: 1px;
	margin-top: 0.8rem;
	background: var(--atelier-gold);
	content: "";
}

.av-special-heading.av-special-heading-h1::after,
.av-special-heading.av-special-heading-h2::after {
	height: 2px;
}

.slide-entry,
.post-entry {
	transition: box-shadow 180ms ease, transform 180ms ease;
}

.slide-entry:hover {
	transform: translateY(-2px);
}

.slide-entry-title,
.blog-categories,
.post-meta-infos,
.av-magazine-time,
.av-magazine-author {
	font-family: var(--atelier-body-font);
}

.post-meta-infos,
.av-magazine-time,
.av-magazine-author {
	color: var(--atelier-muted);
	font-size: 0.78em;
	letter-spacing: 0.045em;
}

.blog-categories,
.av-magazine-top-bar .av-magazine-title {
	color: var(--atelier-accent);
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.avia-content-slider .slide-image,
.big-preview {
	overflow: hidden;
}

.avia-content-slider .slide-image img,
.big-preview img {
	transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.avia-content-slider .slide-entry:hover .slide-image img,
.post-entry:hover .big-preview img {
	transform: scale(1.018);
}

#footer,
#socket {
	border-top-color: var(--atelier-line);
}

@media only screen and (max-width: 767px) {
	h1,
	.av-special-heading-h1 .av-special-heading-tag {
		letter-spacing: -0.035em;
	}

	.main_menu .avia-menu-text {
		letter-spacing: 0.04em;
	}
}
