/*
	Theme Name: Prazno
	Theme URI: 
	Author: Prazno
	Author URI: 
	Description: Prazno
	Version: 1.0
*/
@font-face {
	font-family: 'Fzn Gradimo Dom';
	src: url('fnt/fzn_gradimo_dom.eot');
	src: url('fnt/fzn_gradimo_dom.eot?#iefix') format('embedded-opentype'),
		url('fnt/fzn_gradimo_dom.woff2') format('woff2'),
		url('fnt/fzn_gradimo_dom.woff') format('woff'),
		url('fnt/fzn_gradimo_dom.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Fzn Tra';
	src: url('fnt/fzn_tra.woff2') format('woff2'),
		url('fnt/fzn_tra.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
:root {
	--bb: MediumBlue;
	--svdva: PaleTurquoise;
	--s: LimeGreen;
	--w: MintCream;
	--ww: White;
	--c: Orangered;
	--b: Navy;
	--c2: Tomato;
}
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility !important;
	font-family: 'DM Sans', sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	font-weight: 400;
	font-style: normal;
	color: var(--b);
	background-color: var(--ww);
}
*,
*:before,
*:after,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ol,
dl,
ul,
span {
	box-sizing: border-box !important;
}

strong,
b {
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

.container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.post-card-wrapper {
	width: 25%;
	padding: 0 16px;
	margin-bottom: 32px;
}
.post-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: solid 1px #e3e3e3;
	border-radius: 6px;
	overflow: hidden;
}
.post-card .post-image {
	display: flex;
	margin-bottom: 8px;
}
.post-card img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.post-card .kat,
.post-card .datum {
	margin: 0;
}
.post-card > p {
	padding: 0 8px 16px 8px;
}

.header h1 {
	font-family: 'Fzn Gradimo Dom', sans-serif;
	font-weight: 700;
	font-size: 7.5em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0;
	color: var(--ww);
	word-break: break-all;
	width: 100%;
	float: left;
	text-align: justify;
	text-align-last: justify;
}
.header p.title {
	display: none;
}

h2 {
	float: left;
	width: 100%;
	font-family: 'DM Sans', sans-serif;
	font-size: 6em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0.3125em 0;
}

h3 {
	float: left;
	width: 100%;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.25em;
	margin: 0;
}

strong,
b {
	font-weight: 700;
}

a,
a:link,
a:visited {
	color: var(--b);
	opacity: 1;
	transition: opacity 0.25s ease-in-out;
}
a:hover,
a:active {
	color: var(--b);
	opacity: 0.25;
	transition: opacity 0.25s ease-in-out;
	text-decoration: none;
}

.header {
	float: left;
	width: 100%;
	padding: 10rem 1.25rem;
	position: relative;
}
.header img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: -1;
	filter: brightness(0.5);
}

.sadrzaj {
	width: 100%;
	float: left;
	margin: 0;
}

.nosi {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.25rem;
	background-color: black;
}

.nav {
	width: 100%;
	font-size: 7.5em;
	line-height: 0.825em;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
	padding: 0;
	font-family: 'Fzn Gradimo Dom', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	word-break: break-all;
	display: inline;
}

.logo {
	color: white;
	text-decoration: none;
}
.logo:visited {
	color: white;
}

.hamburger {
	position: relative;

	width: 48px;
	height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background: none;
	border: none;
	padding: 8px;

	cursor: pointer;
}
.hamburger span {
	height: 5px;
	width: 100%;
	background-color: white;
}
.hamburger span:nth-of-type(2) {
	margin: 6px 0;
}

.hamburger-shown span:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;

	width: 80%;
}
.hamburger-shown span:nth-of-type(2) {
	display: none;
}
.hamburger-shown span:nth-of-type(3) {
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;

	width: 80%;
}

.button--organizations {
	margin-top: 32px;
	text-decoration: none;
	padding: 10px 24px;
	border-radius: 20px;
	color: white !important;
	background-color: var(--b);
}

.top-menu {
	position: fixed;
	top: 60px;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;

	width: 100%;
	height: calc(100vh - 60px);
	overflow-y: scroll;

	padding: 3rem 2rem;
	margin: 0;

	background: black;

	z-index: 999;
	word-break: normal;
	font-family: 'DM Sans', sans-serif;
	font-size: 2rem;
	line-height: 1.25em;

	list-style-type: none;

	transform: translateX(100%);
	transition: transform 0.4s;
}
.top-menu.shown {
	transform: translateX(0);
	transition: transform 0.4s;
}

.top-menu li {
	margin-bottom: 2rem;
}

.top-menu a,
.top-menu a:link,
.top-menu a:visited {
	text-decoration: none;
	color: var(--ww);
}
.top-menu a:hover,
.top-menu a:active {
	color: var(--ww);
}

.eulogo {
	width: 82px;
	height: 60px;
	background-image: url('fnt/eu-white.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

h3 a,
h2 a:link,
h2 a:visited {
	text-decoration: none;
	width: 100%;
	float: left;
}

.blurb {
	width: 100vw;
	height: 100vh;
	position: fixed;
	color: White;
	opacity: 0.75;
	font-family: 'Fzn Tra', sans-serif;
	word-break: break-all;
	text-align: center;
	font-size: 20em;
	line-height: 1em;
	pointer-events: none;
	text-transform: uppercase;
}
.blurb p {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.head_img {
	overflow: hidden;
}
.head_img img {
	width: auto;
	height: 40rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	pointer-events: none;
}

/* LENTA ------------------ */

.lenta {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 16px;
}
.lenta p {
	text-align: center;
	width: 100%;
	float: left;
	font-size: 0.75rem;
	line-height: 1.25em;
	margin: 0;
}
.lenta img {
	width: 25%;
	height: auto;
}

/* FUTURE ---------------- */

.future {
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 32px;
	color: var(--ww);
	/* position: -webkit-sticky;
	position: sticky; */
	top: 0;
}
.future a,
.future a:link,
.future a:visited {
	color: LightCyan;
	opacity: 1;
	transition: opacity 0.25s ease-in-out;
}
.future a:hover,
.future a:active {
	color: LightCyan;
	opacity: 0.25;
	transition: opacity 0.25s ease-in-out;
}
.future h2 {
	width: 100%;
	float: left;
	color: var(--ww);
	display: none;
}
.future .post {
	width: 100%;
	height: 3.125em;
	float: left;
	margin: 0 0 3px;
	background: DarkTurquoise;
	padding: 0.625em 1.25em;
	overflow: hidden;
	color: LightCyan;
}
.future .post.now {
	background: DarkSalmon;
	color: Beige;
}
.future .post.novost {
	background: Gold;
	color: Chocolate;
}
.future .post.now a,
.future .post.now a:link,
.future .post.now a:visited {
	color: Beige;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}
.future .post.now a:hover,
.future .post.now a:active {
	color: Beige;
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
}
.future .post.novost a,
.future .post.novost a:link,
.future .post.novost a:visited {
	color: Chocolate;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}
.future .post.novost a:hover,
.future .post.novost a:active {
	color: Chocolate;
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
}
.future h3 {
	width: calc(100% / 3 * 2 - 3px);
	border-right: 3px solid var(--sv);
	float: left;
	overflow: hidden;
	white-space: nowrap;
	height: 1.25em;
	transition: width 0.5s ease-in-out;
}
.future h3:hover {
	width: 100%;
	transition: width 0.5s ease-in-out;
}
.future h3:hover + .meta {
	width: 0%;
	transition: width 0.5s ease-in-out;
}
.future .meta {
	display: flex;
	justify-content: space-between;
	width: 33%;

	transition: width 0.5s ease-in-out;
	overflow: hidden;
	padding-left: 0.625rem;
}
.future .meta p {
	margin: 0;
	padding: 0.3125em;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	display: inline-flex;
}
p.kat {
	max-width: 60%;
}
/* p.datum {
	width: 40%;
} */

.kat a,
.kat a:link,
.kat a:visited {
	text-decoration: none;
	text-transform: uppercase;
}
.kat a:hover,
.kat a:active {
	text-decoration: none;
}

/* NEWS ---------------- */

.news {
	display: flex;
	flex-wrap: wrap;
	/* padding: 2.5rem 1.25rem; */
	width: 100%;
	margin-top: 32px;
}
.page-id-2 .news,
.page-id-208 .news {
	margin-bottom: 0;
}
.text + .news {
	margin-top: 0;
}
.news h2 {
	font-family: 'DM Serif Display', serif;
	font-weight: 400;
	width: 100%;
	float: left;
	text-align: center;
	letter-spacing: 0.3125em;
	margin: 0.625em 0;
}
.news .post {
	width: calc(100% / 6);
	float: left;
	padding: 0.625em;
	height: 20em;
	overflow: hidden;
}
.news h3 {
	font-size: 2em;
	line-height: 1em;
	font-family: 'Fzn Gradimo Dom', serif;
	font-weight: 400;
	padding: 0 8px 16px 8px;
}
.news .meta {
	display: flex;
	justify-content: space-between;
	font-size: 0.75em;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0.05em;
	width: 100%;
	margin: 0.625em 0 0.625em;
	padding: 0 8px;
}
/* .news .meta p {
	width: 50%;
	text-align: center;
} */
/* .news p {
	text-align: justify;
} */
/* .news img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 0.625rem;
} */

.ch {
	float: left;
	width: 100%;
	margin-top: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	font-size: 4em;
	line-height: 3.5rem;
}
p.novo {
	width: 50%;
	float: left;
	padding-left: 0.625rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
p.staro {
	width: 50%;
	float: left;
	margin-left: 50%;
	text-align: right;
	padding-right: 0.625rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
p.novo + p.staro {
	margin-left: 0;
}
.ch a,
.ch a:link,
.ch a:visited {
	text-decoration: none;
}

/* SINGLE ------------------------------ */

.glava {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 2.5rem;
}

.single .sadrzaj h1,
.page .sadrzaj h1,
.archive .sadrzaj h1 {
	font-family: 'Fzn Gradimo Dom', sans-serif;
	font-weight: 700;
	font-size: 7.5em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 0 2.5rem;
	position: relative;
	float: left;
	color: var(--b);
	word-break: break-all;
	width: 100%;
	text-align: center;
	z-index: -1;
}
.single .sadrzaj h1 {
	display: none;
}
.single .slika,
.page .slika {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% - 2.5em));
}
.single .slika img,
.page .slika img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img {
	position: relative;
	width: 100%;
	height: auto;
}

.text {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 2.5em 0.625em 2.5em;
	background: var(--ww);
	box-shadow: 0 0 0.625em 0.625em var(--ww);
	overflow: hidden;
}

.text img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 1.5rem;
}
.text p + img {
	margin-top: 1.5rem;
}

.text h2,
.text h3,
.text h4,
.text h5,
.text h6,
.text p,
.text ul,
.text ol,
.text .meta,
.nf-form-cont {
	width: 100%;
	padding: 0 calc(100% / 6 * 2 - 2.5rem);
	float: left;
}

.text .meta {
	margin-top: 1.25rem;
	margin-bottom: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.text .kat,
.text .datum {
	float: left;
	width: 50%;
	padding: 0;
}
.text .kat {
	padding-right: 0.625rem;
	text-align: left;
}

.text .datum {
	padding-left: 0.625rem;
	text-align: right;
}

.text .excerpt,
.text blockquote {
	width: 100%;
	float: left;
	margin-bottom: 2.5em;
}
.text blockquote {
	margin: 2.5em 0;
}
.text .excerpt p,
.text blockquote p {
	text-align: center;
	font-size: 2em;
	line-height: 1.25em;
	padding: 0 calc(100% / 6 - 2.5rem);
}

.text h2 {
	font-family: 'Fzn Gradimo Dom', sans-serif;
	font-weight: 700;
	font-size: 4em;
	line-height: 1.25em;
	text-transform: uppercase;
	margin: 1em 0;
	float: left;
	width: 100%;
	text-align: center;
}

.text h3 {
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 1em 0;
	float: left;
	word-break: break-all;
	width: 100%;
	text-align: center;
}

.text p {
	margin: 0;
	text-align: justify;
}
.text p + p {
	margin-top: 1.25em;
}
.text .meta p + p {
	margin-top: 0;
}
.text p.iii + p {
	text-indent: 0;
}

.text dl {
	width: calc(100% - (100% / 6 * 2 - 2.5rem));
	margin-left: calc(100% / 6 - 1.25rem);
	margin-right: calc(100% / 6 - 1.25rem);
	padding: 0;
	float: left;
	border-bottom: 1px dotted;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.text dt {
	width: calc(100% / 3);
	float: left;
	margin: 0;
	padding: 0.3125em 1.25rem 0.3125em 0;
	border-top: 1px dotted;
	clear: left;
}
.text dd {
	width: calc(100% / 3 * 2);
	float: left;
	margin: 0;
	padding: 0.3125em 0 0.3125em 1.25rem;
	border-top: 1px dotted;
	clear: right;
}

hr.footnotes {
	border: none;
	border-bottom: 1px solid;
	width: 100%;
	float: left;
	margin: 2.5rem 0 1.25rem;
}
ol.footnotes {
	font-size: 1em;
}
ol.footnotes li {
	margin-bottom: 1.25em;
}

.text ol p {
	padding: 0;
	text-align: left;
}

ul.cat {
	list-style: none;
	margin-top: 1.875em;
}
.cat li {
	float: left;
	margin: 0;
	padding: 0;
	width: calc(100% / 3);
}
.cat a,
.cat a:link,
.cat a:visited {
	float: left;
	text-align: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.25em;
	text-transform: uppercase;
	font-weight: 800;
	padding: 0.625em;
}
.cat a:hover,
.cat a:active {
	text-decoration: none;
}

a.btn::before {
	content: 'LINK';
	width: 1.25em;
	height: 1.25em;
	text-indent: 999em;
	overflow: hidden;
	float: left;
	background: var(--c);
	border-radius: 0.625em;
	margin-right: 1.25em;
}

/* FOOTER -------------------------- */

.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 2.5em 1.25rem;
}
.socials a {
	text-decoration: none;
	margin: 0 16px;
}

/* FORMULARI ----------------------- */

.nf-form-content {
	padding: 0 !important;
}

.ninja-forms-req-symbol {
	color: var(--c) !important;
}

.nf-form-fields-required {
	width: 100%;
	float: left;
	margin: 0 0 1.25rem 0;
}

.nf-form-content label {
	font-size: 1rem !important;
	line-height: 1.25em !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type='button']),
.nf-form-content textarea {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.25em !important;
	color: var(--b) !important;
	padding: 0.625em 0 !important;
	border: none !important;
	border-bottom: 2px solid !important;
	background: var(--ww) !important;
	margin-bottom: 1.25em !important;
}

.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label {
	margin-bottom: 0 !important;
}

.nf-error.field-wrap .nf-field-element:after {
	color: var(--ww) !important;
	background: var(--c) !important;
}
.nf-pass.field-wrap .nf-field-element:after {
	color: var(--s) !important;
}

.nf-form-content button,
.nf-form-content input[type='button'],
.nf-form-content input[type='submit'] {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.25em !important;
	color: var(--ww) !important;
	background: var(--b) !important;
	padding: 0.3125em 0.625em !important;
	border-radius: 1.4375em;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	height: auto !important;
	cursor: pointer;
	width: 100% !important;
	font-weight: 700;
}
.nf-form-content button:hover,
.nf-form-content input:hover[type='button'],
.nf-form-content input:hover[type='submit'] {
	background: var(--s) !important;
}

/* KALENDARI ----------------------- */

/*.simcal-calendar-grid thead, .simcal-calendar-grid tbody{
	width: 100%; float: left;
}
.simcal-calendar-grid thead tr, .simcal-calendar-grid tbody{
	width: 100%; float: left;
}*/

.simcal-event-details.simcal-tooltip-content {
	display: block !important;
	float: left !important;
	padding: 0 !important;
	margin: 0 !important;
}
.simcal-event-details.simcal-tooltip-content p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.75rem;
	line-height: 1.25em;
	font-weight: 500;
}
.simcal-event-details.simcal-tooltip-content p + p {
	text-indent: 0;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
	background: White !important;
	color: var(--ww) !important;
}
.simcal-day-has-events .simcal-day-label.simcal-day-number {
	background: DarkTurquoise !important;
	color: LightCyan !important;
}
.simcal-today .simcal-day-label.simcal-day-number {
	background: DarkSalmon !important;
	color: Beige !important;
}
.simcal-today div {
	border: none !important;
}
.simcal-default-calendar-grid .simcal-events > .simcal-event:hover {
	text-decoration: none !important;
	cursor: default !important;
}
.simcal-default-calendar-grid .simcal-events {
	font-size: 1rem !important;
	line-height: 1.25em !important;
}
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event {
	border-bottom-color: var(--b) !important;
}
.simcal-day.simcal-day-void {
	background: transparent !important;
}
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day:hover {
	background: transparent !important;
}
li.simcal-event:hover {
	background: White !important;
}
li.simcal-event {
	float: left !important;
}

.simcal-default-calendar-light .simcal-nav-button {
	color: var(--txt) !important;
}
.simcal-default-calendar-light .simcal-ajax-loader,
.simcal-default-calendar-light .simcal-events-toggle:hover,
.simcal-default-calendar-list.simcal-default-calendar-light
	.simcal-events-toggle {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.simcal-nav.simcal-current h3 {
	font-family: 'Fzn Gradimo Dom', sans-serif;
	font-weight: 700;
	font-size: 4em;
	line-height: 1.25em;
	text-transform: uppercase;
	margin: 1em 0 !important;
	float: left;
	word-break: break-all;
	width: 100%;
	text-align: center;
}

.mc4wp-form {
	width: 100%;
	margin: 4rem 0;
	padding: 0 calc(100% / 6 * 2 - 2.5rem);
}
.mc4wp-form-fields {
	display: flex;
	flex-direction: column;
}
.mc4wp-form-fields h3 {
	padding: 0 !important;
}
.mc4wp-form-fields label {
	display: flex;
	flex-direction: column;
}
.mc4wp-form-fields label > span {
	font-weight: bold;
}
.mc4wp-form-fields input[type='email'] {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.25em !important;
	color: var(--b) !important;
	padding: 0.625em 0 !important;
	border: none !important;
	border-bottom: 2px solid !important;
	background: var(--ww) !important;
	margin-bottom: 1.25em !important;
	outline: none;
}
.mc4wp-form-fields input[type='submit'] {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.25em !important;
	color: var(--ww) !important;
	background: var(--b) !important;
	padding: 0.3125em 0.625em !important;
	border-radius: 1.4375em;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	height: auto !important;
	cursor: pointer;
	width: 100% !important;
	font-weight: 700;
}
.mc4wp-form-fields input[type='submit']:hover {
	background: var(--s) !important;
}
.mc4wp-response {
	margin: 2rem 0;
}
.mc4wp-response p {
	padding: 0 !important;
}

/* RESPONSIVE ------------------------------ */

@media only screen and (max-width: 1440px) {
	.news .post {
		width: calc(100% / 4);
	}

	.single h1,
	.page h1,
	.archive h1 {
		font-size: 7.5em;
		line-height: 1em;
		margin: 0 0 0.4125em;
	}
	.lenta {
		margin: 2.5em 0;
	}
}

@media only screen and (max-width: 1280px) {
	.lenta img {
		width: calc(100% / 3);
	}
	.news .post {
		width: calc(100% / 4);
	}
}

@media only screen and (max-width: 1024px) {
	.home h1,
	.header p,
	.nav {
		font-size: 5em;
		line-height: 1em;
	}
	.single h1,
	.page h1,
	.archive h1 {
		font-size: 5em;
		line-height: 1em;
		margin: 0 0 0.4125em;
	}
	.lenta img {
		width: 50%;
	}
	.news .post {
		width: calc(100% / 3);
	}

	.post-card-wrapper {
		width: 33%;
		padding: 0 16px;
		margin-bottom: 32px;
	}
	.text h2,
	.text h3,
	.text h4,
	.text h5,
	.text h6,
	.text p,
	.text ul,
	.text ol,
	.text .meta,
	.nf-form-cont {
		width: 100%;
		padding: 0 calc(100% / 8 * 2 - 2.5rem);
		float: left;
	}
	.text .excerpt p,
	.text blockquote p {
		padding: 0 calc(100% / 8 - 2.5rem);
	}
	.text dl {
		width: calc(100% - (100% / 8 * 2 - 2.5rem));
		margin-left: calc(100% / 8 - 1.25rem);
		margin-right: calc(100% / 8 - 1.25rem);
	}
}

@media only screen and (max-width: 700px) {
	.home h1,
	.header p,
	.nav {
		font-size: 4em;
		line-height: 1em;
	}

	.nav li.small {
		font-family: 'Fzn Gradimo Dom', sans-serif;
	}
	.nav .sub-menu a {
		padding-top: 1.25rem;
	}
	.news .post {
		width: calc(100% / 2);
	}

	.post-card-wrapper {
		width: 50%;
		padding: 0 16px;
		margin-bottom: 32px;
	}
	.text h2,
	.text h3,
	.text h4,
	.text h5,
	.text h6,
	.text p,
	.text ul,
	.text ol,
	.text .meta,
	.nf-form-cont {
		width: 100%;
		padding: 0 calc(100% / 10 * 2 - 2.5rem);
		float: left;
	}
	.text .excerpt p,
	.text blockquote p {
		padding: 0 calc(100% / 10 - 2.5rem);
	}
	.text dl {
		width: calc(100% - (100% / 10 * 2 - 2.5rem));
		margin-left: calc(100% / 10 - 1.25rem);
		margin-right: calc(100% / 10 - 1.25rem);
	}
	h2 {
		font-size: 4em;
		line-height: 1em;
		margin: 0.3125em 0;
	}
	.home .header {
		padding: 8rem 0.625rem;
	}
	.future .post {
		height: 5em;
		padding: 0.625em 0;
	}
	.future h3 {
		width: calc(100% - 2.5rem);
		padding: 0;
		margin: 0 1.25rem;
		overflow: hidden;
	}
	.future .meta {
		width: 100%;
		padding: 0 0.9375rem;
	}
	.future h3:hover {
		width: calc(100% - 2.5rem);
	}
	.future h3:hover + .meta {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.lenta p {
		width: 100%;
	}
	.lenta img {
		width: 75%;
	}
	.text h2 {
		font-size: 3em;
		line-height: 1.25em;
		margin: 1em 0;
	}
	.single h1,
	.page h1,
	.archive h1 {
		font-size: 3.5em;
		line-height: 1em;
		margin: 0 0 0.4125em;
	}
	.single .slika,
	.page .slika {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.footer {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
}

@media only screen and (max-width: 465px) {
	.lenta img {
		width: 100%;
	}
	.news .post {
		width: 100%;
		height: 20em;
	}

	.post-card-wrapper {
		width: 100%;
		padding: 0 16px;
		margin-bottom: 32px;
	}
	.text h2,
	.text h3,
	.text h4,
	.text h5,
	.text h6,
	.text p,
	.text ul,
	.text ol,
	.text .meta,
	.nf-form-cont {
		width: 100%;
		padding: 0 1.25rem;
		float: left;
	}
	.text .excerpt p,
	.text blockquote p {
		padding: 0 1.25rem;
	}
	.text dl {
		width: calc(100% - 2.5rem);
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
	.top-menu {
		font-size: 1rem;
	}
}

::selection {
	color: blue;
	background: transparent;
}
::-moz-selection {
	color: blue;
	background: transparent;
}