/*!
Theme Name: Moldova Europeană
Theme URI: http://underscores.me/
Author: whhroo
Author URI: https://www.linkedin.com/in/whhroo/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moldova-europeana
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Moldova Europeană is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
.header-nav__list li.active a {
	color: #2b63f8;
}

.hidden {
	display: none !important;
}

.slider-news__slide .news-article {
	padding: 0 !important;
}

.slider-news__slide .news-article a {
	line-height: 170%;
}

.countdown-item {
	@media (max-width: 639.98px;){
		width: 150px !important;
	}
	@media (max-width: 479.98px){
		width: 130px !important;
	}
}

.blog {
	position: relative;
}
.blog__background {
	height: 512px;
}
.blog .article {
	max-width: 1100px;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
	box-shadow: 0 0 10px rgba(117, 117, 117, 0.2);
	transform: translateY(-230px);
	margin-bottom: -120px;
	border-radius: 12px;
}

@media (max-width: 1140px) {
	.blog .article {
		padding: calc(15px + 15 * ((100vw - 320px) / 820));
	}
}
@media (max-width: 29.99875rem) {
	.blog .article {
		transform: translateY(-300px);
		margin-bottom: -240px;
	}
}
.blog .article h2 {
	text-align: left;
	margin-bottom: 30px;
}
.blog .article-data {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
}

@media (max-width: 1140px) {
	.blog .article-data {
		gap: calc(10px + 20 * ((100vw - 320px) / 820));
	}
}
@media (max-width: 29.99875rem) {
	.blog .article-data {
		flex-direction: column;
		align-items: flex-start;
		gap: 34px;
	}
}
.blog .article-data__time {
	display: flex;
	align-items: center;
	gap: 10px;
}
.blog .article-data__time {
	color: #757575;
}
.blog .article-block h3 {
	margin-bottom: 30px;
	line-height: 140%;
}
.blog .article-block p {
	color: #757575;
}
.blog .article-block p:not(:last-child) {
	margin-bottom: 30px;
}
.blog .article-block blockquote {
	margin: 50px 0;
}
.blog .article-block hr {
	margin-bottom: 45px;
}
.blog .article-block blockquote p {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	font-family: PlayfairDisplay;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 24px;
	color: #231f20;
	font-size: 20px;
}
.blog .article-block blockquote cite {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 10px;
}
.blog .article-block blockquote cite::after {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background-color: #757575;
}
.blog .article-block ul li {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 150%;
	margin-bottom: 30px;
}
@media (max-width: 1140px) {
	.blog .article-block ul li {
		margin-bottom: calc(20px + 10 * ((100vw - 320px) / 820));
	}
}

.article-block .article-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.article-block .article-controls a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 15px 32px;
}

.article-block .article-controls a.disabled {
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
	user-select: none;
}