/**
 * ======================
 * Leggero CSS Stylesheet
 * ======================
 *
 * Name: Stringendo
 * Theme: Leggero
 * Author: Fraenkiman
 * Version: 1.40
 * Module: style.css
 *
 * This stylesheet only wires together the module files.
 * The templates are shared across styles and must not be changed.
 */

@import url('common.css');
@import url('globals.css');
@import url('column.css');

@font-face { font-family: 'Nunito';
             src: url('Nunito-Regular.ttf')  format('truetype');
}
@font-face { font-family: 'Nunito';
             src: url('Nunito-Bold.ttf') format('truetype');
             font-weight: bold; }

@font-face { font-family: 'Rokkitt';
             src: url('Rokkitt-Regular.ttf')  format('truetype'); }

@font-face { font-family: 'Rokkitt';
             src: url('Rokkitt-Bold.ttf') format('truetype');
             font-weight: bold; }

@font-face { font-family: 'Rokkitt';
             src: url('Rokkitt-SemiBold.ttf') format('truetype');
             font-weight: 600; }

body {
	font-family: Nunito, Arial, Sans-Serif;
	word-wrap:break-word;hyphens: auto;
	font-size: 1em;
}

#head {
	background-image: url("../imgs/logo.svg"),linear-gradient(180deg, #637b7e 0%, #38484a 100%);
	background-position: top left;
	background-repeat: no-repeat;
	background-position: 2% 50%;
	background-size: 3.41em, cover;
}

#head .subtitle {padding-left: 5rem;}

h1, h2, h3 {
	font-family: Rokkitt, Times, Serif;
}

.entry-title a {color: #ed7d2d;}

figcaption, .bu {
	font-size: .8rem;
	text-align: right;
	color: #738e91;
}

figure {
	margin: 0 0 1rem 0;
	display: block;
	box-sizing: border-box;
}
figure img {
	display: block;
	margin: 0px auto;
	margin-bottom: 0px;
	margin-top: 1.5rem;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.readmore {word-wrap:normal;hyphens:none;}

blockquote::before {
    content: "»";
	float: left;
	position: relative;
	top:-2rem;
	padding-right:.5rem;
	font-size: 3em;
	font-weight: bold;
	color: #738e91;
}

/* Small widget & plugin tweaks (keep them minimal and style-agnostic) */

/* Calendar widget */
.calendar {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.calendar caption {
	margin-bottom: .4rem;
	color: var(--fp-muted, #475569);
	font-weight: 600;
}

.calendar th,
.calendar td {
	border: 1px solid var(--fp-accent-2, #8b0000);
	padding: .18rem .25rem;
	text-align: center;
	font-size: .92em;
}

.calendar th {
	background: var(--fp-surface-2, #f1f5f9);
}

/* Archive toggle icon */
.togglelink {
	user-select: none;
}

/* Last comments widget */
.last-comments {
	padding-left: 0;
}

.comment-quote {
	margin: .5rem 0;
	padding: .65rem .8rem;
	background: var(--fp-surface-2, #f1f5f9);
	border: 1px solid var(--fp-border, #e2e8f0);
	border-radius: var(--fp-radius-sm, 10px);
}

/* Cookie banner: keep readable on this style */
#cookie_banner {
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 9999;
	padding: .75rem 1rem;
	background: rgba(255, 255, 255, .95);
	border-top: 1px solid var(--fp-border, #e2e8f0);
	backdrop-filter: blur(8px);
}

#cookie_banner .buttonbar {
	max-width: var(--fp-container, 1120px);
	margin: 0 auto !IMPORTANT;
}

#cookie_banner input[type="submit"] {
	white-space: nowrap;
}

.responsive_bbcode_video button {
	height: unset !IMPORTANT;
}

#stringendo-widgets-under-main h4, #column h4 {
	font-family: Rokkitt, Times, Serif;
}

#stringendo-widgets-under-main a, #column a {
	color: #38484a;
}

#stringendo-widgets-under-main a:hover {
	color: var(--fp-link-hover, var(--fp-accent, #b22222));
}