/* Blog & Post Sidebars */

.sidebar__inner .widget {
	margin-bottom: 0.5rem;
	list-style: none;
}

.widget .wp-block-wrapper {
	padding: 0;
}

.sidebar__inner .widgettitle {
	margin-top: 0;
	margin-bottom: 1.125rem;
	font-weight: var(--weight-headline);
}



/* Footera Widget Areas */

.widget-area__inner .widget {
	margin-bottom: 1rem;
	list-style: none;
}

.widget-area__inner .widgettitle {
	margin-top: 0;
	font-size: 1.1875rem;
	font-family: var(--font-main);
}




/* Widgets Styles */

.sidebar__inner > * {
	width: 80%;
}

.widget-area__inner {
	/*
	 * So video or audio widgets won't appear broken
	 * because of too small width (WordPress sets width
	 * for these tags based on title!?).
	 */
	min-width: 220px;
	padding: 0;
	margin: 0;
}

.widget-area__inner > * {
	width: 100%;
}

.sidebar__inner a,
.widget-area__inner a {
	text-decoration: underline;
	transition: opacity .2s linear;
}

.sidebar__inner a:hover,
.widget-area__inner a:hover {
	opacity: 0.8;
}

.sidebar__inner ul,
.widget-area__inner ul {
	list-style: disc;
}

.sidebar__inner ul li,
.widget-area__inner ul li {
	margin-bottom: 5px;
}

.widget_archive > label {
	margin-right: 0.75rem;
}

.widget_archive > select {
	height: 2rem;
	padding: 0.2rem 0.4rem;
}

.sidebar__inner blockquote {
	margin-left: 0;
	margin-right: 0;
}

/*
 * Controls buttons are always white,
 * because they are svg used as background!?
 * And as a background img, 
 * it isn't part of the DOM and we can't manipulate it.
 */

.sidebar__inner > .widget .mejs-controls,
.widget-area__inner > .widget .mejs-controls {
	background-color: var(--color-auxiliary);
}

.widget_calendar caption {
	text-align: left;
}

.widget_calendar td {
	padding: 0 4px;
}

.wp-block-table {
	box-sizing: border-box;
}

.sidebar__inner .wp-block-button__link,
.widget-area__inner .wp-block-button__link {
	text-decoration: none;
}

.sidebar__inner .wp-block-latest-posts__list > li,
.widget-area__inner .wp-block-latest-posts__list > li {
	margin-bottom: 1.5rem;
}

.sidebar__inner .wp-block-rss__item-title,
.widget-area__inner .wp-block-rss__item-title {
	margin-bottom: 2px;
}

.sidebar__inner .wp-block-tag-cloud.is-style-outline a,
.widget-area__inner .wp-block-tag-cloud.is-style-outline a {
	padding: 0.5ch 1ch;
}

.sidebar__inner .wp-block-rss__item-excerpt,
.widget-area__inner .wp-block-rss__item-excerpt {
	margin-top: 5px;
}

.sidebar__inner .wp-block-rss > li,
.widget-area__inner .wp-block-rss > li {
	margin-bottom: 1rem;
}

.sidebar__inner .wp-block-latest-posts__post-author,
.widget-area__inner .wp-block-latest-posts__post-author,
.sidebar__inner .wp-block-latest-posts__post-date,
.widget-area__inner .wp-block-latest-posts__post-date,
.sidebar__inner .wp-block-rss__item-publish-date,
.widget-area__inner .wp-block-rss__item-publish-date,
.sidebar__inner .wp-block-rss__item-author,
.widget-area__inner .wp-block-rss__item-author,
.sidebar__inner .wp-block-latest-comments__comment-date,
.widget-area__inner .wp-block-latest-comments__comment-date {
	opacity: 0.7;
}

/* YouTube */
.sidebar__inner .wp-block-embed__wrapper,
.widget-area__inner .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
}

.sidebar__inner .wp-block-embed iframe,
.widget-area__inner .wp-block-embed iframe {
	width: 100%;
	height: 100%;
}

.widget_media_gallery .gallery-item {
	padding: 0 4px;
	box-sizing: border-box;
}

.widget_recent_comments li {
	margin-bottom: 8px;
	line-height: 1.3;
}

.widget_recent_entries li {
	margin-bottom: 8px;
	line-height: 1.3;
}

.widget_recent_entries span {
	display: block;
}

.widget_rss li {
	margin-bottom: 8px;
	line-height: 1.3;
}

.widget_search > form > div {
	display: flex;
	height: 2rem;
}

.widget_search > form label {
	display: none;
}

.widget_search > form input[name="s"] {
	width: 180px;
	padding: 0px 0.6rem;
	border: 1px solid var(--color-auxiliary);
	border-radius: 4px;
	background-color: var(--color-negative);
	color: var(--color-main);
}

.widget_search > form input[type="submit"] {
	margin-left: -40px;
	font-size: 0;
	width: 30px;
	padding: 0;
	padding: 0;
	border: 0;
	margin: 4px;
	margin-left: -36px;
	background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22search-icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.31%2019.31%22%3E%0A%3Cpath%20style%3D%22fill%3A%20%23b5b5b5%22%20d%3D%22M210.68%2C175.74a7.78%2C7.78%2C0%2C0%2C0%2C1.64-4.79%2C7.9%2C7.9%2C0%2C1%2C0-3.08%2C6.23l5.1%2C5.11.11.1%2C1.44-1.44Zm-.41-4.79a5.83%2C5.83%2C0%2C1%2C1-5.82-5.83A5.83%2C5.83%2C0%2C0%2C1%2C210.27%2C171Z%22%20transform%3D%22translate(-196.58%20-163.08)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	background-color: transparent;
	cursor: pointer;
}