/*
Theme Name: Radio COMNETU
Author: Betta Digital
Author URI: https://www.betta.fi
Description: Radio COMNETU
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: radiocomnetu
*/

:root {

	--color-white: rgba(255, 255, 255, 1);

	--color-gray: rgba(232, 232, 232, 1);

	--color-gray-light: rgba(246, 246, 246, 1);

	--color-black: rgba(0, 0, 0, 1);

	--color-green: rgba(0, 201, 150, 1);

	--color-bg: rgba(243, 243, 243, 1);

	--color-text: var(--color-black);

	--color-link: #c30000;

	--color-accent: rgba(204, 204, 204, 1);

	--color-brand-primary: rgba(44, 35, 39, 1); /* dark */

	--color-brand-primary-light: rgba(44, 35, 39, 0.5);

	--color-brand-secondary: rgba(195, 0, 0, 1); /* red */

	--color-brand-tertiary: rgba(255, 180, 0, 1); /* yellow */

	--border-radius: 8px;

	--border-radius-small: 4px;

	--container-width: 1280px;

	--box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.32);

	--box-shadow-small: 0 8px 16px -4px rgba(0, 0, 0, 0.16);

	--golden-ratio: 1.61803398875;

}

header .brand a img,
footer .brand a img {
	content: url("/static/logo.png");
}

section.hero article.large figure::before,
section.featured-posts article.large figure::before {
	background-image: linear-gradient(
		to right,
		rgba(44, 35, 39, 0.45) calc(100vw / 3),
		rgba(0, 17, 22, 0.1)
	);
}

.heading h1,
.heading h2,
.heading h3,
.heading h4 {
	background-image: url("assets/img/symbol2.svg");
}
.feed a svg {
    display: block;
    width: 32px;
    height: 32px;
}
.feed ul {
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: 16px;
    align-items: center;
}

.single-post .content .tags {
    display: flex;
    flex-direction: row;
    gap: 8px;
}