/*
Theme Name: Rised
Author: MagićMarinac
Author URI: https://magicmarinac.hr/
Description: Tema za rised
*/


/* titillium-web-regular - latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/titillium-web-v17-latin_latin-ext-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-italic - latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Titillium Web';
	font-style: italic;
	font-weight: 400;
	src: url('./fonts/titillium-web-v17-latin_latin-ext-italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-600 - latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 600;
	src: url('./fonts/titillium-web-v17-latin_latin-ext-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-600italic - latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Titillium Web';
	font-style: italic;
	font-weight: 600;
	src: url('./fonts/titillium-web-v17-latin_latin-ext-600italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-700 - latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/titillium-web-v17-latin_latin-ext-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* Default */
:focus {
	outline: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	text-shadow: none;
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.15;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-shadow: none;
}

@media (min-width: 2048px) {
	html {
		font-size: 0.78125vw;
	}
}


/*define color and spacing variable*/

:root {


	--white: #FFFFFF;
	--black: #252525;
	--beige: #A67F63;
	--beige-light: #ad9075;
	--beige-light2: #F2ECE6;

	/* --spacing-xxs: 8px;
	--spacing-xs: 16PX;
	--spacing-sm: 32px;
	--spacing-md: 64px;
	--spacing-lg: 128px;
	--spacing-xl: 224px; */

	--spacing-xxs: clamp(0.25rem, 0.1893rem + 0.2589vw, 0.5rem);
	--spacing-xs: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem);
	--spacing-sm: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
	--spacing-md: clamp(2rem, 1.5146rem + 2.0712vw, 4rem);
	--spacing-lg: clamp(4rem, 3.0291rem + 4.1424vw, 8rem);
	--spacing-xl: clamp(8rem, 6.5437rem + 6.2136vw, 14rem);

	--block-border-radius-xl: clamp(1rem, 0.923rem + 0.327vw, 1.25rem);
	--block-border-radius-sm: clamp(0.375rem, 0.298rem + 0.327vw, 0.625rem);
}


body {
	margin: 0;
	background-color: #F6F2ED;
	color: var(--black);
	font-family: 'Titillium Web', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: left;
	font-optical-sizing: auto;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.as-h1,
.as-h2,
.as-h3,
.as-h4,
.as-h5,
.as-h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.15;
	font-weight: 600;
}

h1,
.as-h1 {
	font-size: clamp(2rem, 1.856rem + 0.613vw, 2.5rem);
	line-height: 1;
	letter-spacing: -0.03rem;
	word-spacing: -0.05rem;
	padding-top: 2rem;
	padding-bottom: 1rem;
}

h2,
.as-h2 {
	font-size: clamp(1.275rem, 1.103rem + 0.736vw, 1.875rem);
	padding-top: 2rem;
	padding-bottom: 1rem;
	color: var(--beige-light);
}

h3,
.as-h3 {
	font-size: clamp(1rem, 0.892rem + 0.46vw, 1.375rem);
	line-height: 1.5;
	padding-top: 2rem;
	padding-bottom: 1rem;
	color: var(--beige-light);
}

.h0 {
	font-size: clamp(2.5rem, 1.949rem + 2.353vw, 4.375rem);
}

/* h4,
.as-h4 {
	font-size: clamp(1.125rem, 1rem + 0.5333vw, 1.5rem);
	line-height: 1.25;
	padding-top: 2rem;
	padding-bottom: 1rem;
}

h5,
.as-h5 {
	font-size: clamp(1rem, 0.9583rem + 0.1778vw, 1.125rem);
	line-height: 1.375;
	padding-top: 2rem;
	padding-bottom: 1rem;
} */

p,
.section2 ul {
	font-size: clamp(1rem, 0.892rem + 0.46vw, 1.375rem);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 1rem;
	line-height: 1.5;
}

small,
.small {
	font-size: 0.875rem;
	padding-bottom: 1rem;
	display: inline-block;
}

img {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

blockquote {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}

pre {
	margin: 0;
	white-space: pre-wrap;
}

ul,
ol {
	margin-top: 0;
	margin-bottom: 1.25rem;
	padding-left: 2.5rem;
}

/*Ako zovemo poseban font za bold*/
/*strong, b {
	font-family: 'Arial Bold ili kako se zove bold rez', sans-serif;
	font-weight: normal;
}*/

/*Ako font ima definiran weight za bold - obicno Google fontovi*/
strong,
b {
	font-weight: 700;
}

sub,
sup {
	position: relative;
	font-size: 0.75rem;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25rem;
}

sup {
	top: -0.5rem;
}

img,
svg {
	vertical-align: middle;
}

iframe {
	border: 0;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: var(--bs-secondary-color);
	text-align: left;
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

label {
	display: inline-block;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

[role=button] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}

select:disabled {
	opacity: 1;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}


/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 83.3333%;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 91.66%;
	}
}

:root {
	--bs-breakpoint-xs: 0;
	--bs-breakpoint-sm: 576px;
	--bs-breakpoint-md: 768px;
	--bs-breakpoint-lg: 992px;
	--bs-breakpoint-xl: 1200px;
	--bs-breakpoint-xxl: 1400px;
}

.row {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

.col {
	flex: 1 0 0%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.offset-1 {
	margin-left: 8.33333333%;
}

.offset-2 {
	margin-left: 16.66666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333333%;
}

.offset-5 {
	margin-left: 41.66666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333333%;
}

.offset-8 {
	margin-left: 66.66666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333333%;
}

.offset-11 {
	margin-left: 91.66666667%;
}

@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.33333333%;
	}

	.offset-sm-2 {
		margin-left: 16.66666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.33333333%;
	}

	.offset-sm-5 {
		margin-left: 41.66666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.33333333%;
	}

	.offset-sm-8 {
		margin-left: 66.66666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.33333333%;
	}

	.offset-sm-11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.33333333%;
	}

	.offset-md-2 {
		margin-left: 16.66666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.33333333%;
	}

	.offset-md-5 {
		margin-left: 41.66666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.33333333%;
	}

	.offset-md-8 {
		margin-left: 66.66666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.33333333%;
	}

	.offset-md-11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width: 992px) {
	.col-lg {
		flex: 1 0 0%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.33333333%;
	}

	.offset-lg-2 {
		margin-left: 16.66666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.33333333%;
	}

	.offset-lg-5 {
		margin-left: 41.66666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.33333333%;
	}

	.offset-lg-8 {
		margin-left: 66.66666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.33333333%;
	}

	.offset-lg-11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xl-11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%;
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}

}

.order-first {
	order: -1 !important;
}

.order-0 {
	order: 0 !important;
}

.order-1 {
	order: 1 !important;
}

.order-2 {
	order: 2 !important;
}

.order-3 {
	order: 3 !important;
}

.order-4 {
	order: 4 !important;
}

.order-5 {
	order: 5 !important;
}

.order-last {
	order: 6 !important;
}

@media (min-width: 576px) {
	.order-sm-first {
		order: -1 !important;
	}

	.order-sm-0 {
		order: 0 !important;
	}

	.order-sm-1 {
		order: 1 !important;
	}

	.order-sm-2 {
		order: 2 !important;
	}

	.order-sm-3 {
		order: 3 !important;
	}

	.order-sm-4 {
		order: 4 !important;
	}

	.order-sm-5 {
		order: 5 !important;
	}

	.order-sm-last {
		order: 6 !important;
	}
}

@media (min-width: 768px) {
	.order-md-first {
		order: -1 !important;
	}

	.order-md-0 {
		order: 0 !important;
	}

	.order-md-1 {
		order: 1 !important;
	}

	.order-md-2 {
		order: 2 !important;
	}

	.order-md-3 {
		order: 3 !important;
	}

	.order-md-4 {
		order: 4 !important;
	}

	.order-md-5 {
		order: 5 !important;
	}

	.order-md-last {
		order: 6 !important;
	}
}

@media (min-width: 992px) {
	.order-lg-first {
		order: -1 !important;
	}

	.order-lg-0 {
		order: 0 !important;
	}

	.order-lg-1 {
		order: 1 !important;
	}

	.order-lg-2 {
		order: 2 !important;
	}

	.order-lg-3 {
		order: 3 !important;
	}

	.order-lg-4 {
		order: 4 !important;
	}

	.order-lg-5 {
		order: 5 !important;
	}

	.order-lg-last {
		order: 6 !important;
	}
}

@media (min-width: 1200px) {
	.order-xl-first {
		order: -1 !important;
	}

	.order-xl-0 {
		order: 0 !important;
	}

	.order-xl-1 {
		order: 1 !important;
	}

	.order-xl-2 {
		order: 2 !important;
	}

	.order-xl-3 {
		order: 3 !important;
	}

	.order-xl-4 {
		order: 4 !important;
	}

	.order-xl-5 {
		order: 5 !important;
	}

	.order-xl-last {
		order: 6 !important;
	}
}

@media (min-width: 1400px) {
	.order-xxl-first {
		order: -1 !important;
	}

	.order-xxl-0 {
		order: 0 !important;
	}

	.order-xxl-1 {
		order: 1 !important;
	}

	.order-xxl-2 {
		order: 2 !important;
	}

	.order-xxl-3 {
		order: 3 !important;
	}

	.order-xxl-4 {
		order: 4 !important;
	}

	.order-xxl-5 {
		order: 5 !important;
	}

	.order-xxl-last {
		order: 6 !important;
	}
}

.m-0 {
	margin: 0;
}

.mb-0 {
	margin-bottom: 0;
}

.mt-0 {
	margin-top: 0;
}

.mr-0 {
	margin-right: 0;
}

.ml-0 {
	margin-left: 0;
}

.p-0 {
	padding: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.pt-0 {
	padding-top: 0;
}

.pr-0 {
	padding-right: 0;
}

.pl-0 {
	padding-left: 0;
}


a {
	color: inherit;
	text-decoration: none;
}

/*Navigacija*/

body.nav-is-open {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.brand {
	position: relative;
	display: flex;
	align-items: center;
	width: fit-content;
	z-index: 10;
}

.brand img:first-of-type {
	width: 8rem;
}


nav {
	position: relative;
	width: 100%;
	padding: 1.5rem, 0;
	z-index: 20;
	border-bottom: 0.063rem solid var(--beige-light);
}

nav>.container {
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav>.container .hamburger {
	position: relative;
	border: none;
	outline: none;
	background: none;
	padding: 0;
	width: 1.5rem;
	height: 1rem;
	z-index: 10;
}

nav>.container .hamburger .hamburger-inner {
	display: block;
	width: 1.5rem;
	background-color: #252525;
	height: 0.125rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: width 0.3s ease-in-out;
}

nav>.container .hamburger::before,
nav>.container .hamburger::after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 0.125rem;
	background-color: #252525;
	position: absolute;
	transition: all 0.3s ease-in-out;
}

nav>.container .hamburger::before {
	top: 0;
}

nav>.container .hamburger::after {
	bottom: 0;
}

nav>.container .nav__link-wrapper {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	width: 0;
	height: 100vh;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	background-color: #F8F6F2;
	transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
	overflow-y: scroll;
}



@media (min-width: 1200px) {
	nav>.container .hamburger {
		display: none;
	}
}

@media (min-width: 1200px) {
	nav>.container .nav__link-wrapper {
		opacity: 1;
		pointer-events: all;
		height: auto;
		width: auto;
		position: initial;
		background-color: transparent;
		overflow-y: initial;
	}
}

nav {
	padding: 1.25rem 0rem;
}



.nav-is-open nav .nav__link-wrapper {
	width: 100%;
	opacity: 1;
	pointer-events: all;
}

.nav-is-open nav .nav__link-wrapper .container .nav-link {
	padding-left: 0;
	opacity: 1;
	transition: opacity 0.6s ease-in-out;
	text-decoration: none;
}

.nav-is-open nav .hamburger .hamburger-inner {
	width: 0;
}

.nav-is-open nav .hamburger::before {
	transform: rotate(45deg) translateY(-50%);
	top: 50%;
}

.nav-is-open nav .hamburger::after {
	transform: rotate(-45deg) translateY(50%);
	bottom: 50%;
}

@media (min-width: 1200px) {
	.nav-is-open nav .nav__link-wrapper {
		width: auto;
	}
}

.nav-link {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: flex-end;
}


.nav-link li a {
	text-decoration: none;
	color: var(--black);
	position: relative;
	display: inline-block;
	font-weight: 600;
	transition: opacity 0.3s ease;
	font-size: 1.2rem;
}

.nav-link li a:hover::after {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}


.nav-link li.current-menu-item a::after {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.nav-link {
	display: block;

}

.nav-link li {
	margin-bottom: 2rem;
}

@media (min-width: 1200px) {
	.nav-link {
		display: flex;
	}

	.nav-link li {
		margin-bottom: 0;
	}

	.nav-link li a {
		font-size: 1rem;
	}

}


.nav__link--dropdown__title {
	display: flex;
	align-items: center;
	cursor: pointer;
}


.nav__link--dropdown__title img {
	width: 0.8rem;
	height: auto;
	transition: transform 0.3s ease;
	vertical-align: middle;

}

.nav__link--dropdown.is-open .nav__link--dropdown__title img {
	transform: rotate(45deg);
}

.nav__link--dropdown__wrapper {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--white);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
}


.plus {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	transform: translateY(0.19rem);

}

.plus-icon {
	width: 1rem;
	height: 1rem;
	padding: 0;
	margin: 0;
	margin-left: -0.4rem;

}

.sub-menu {
	margin-bottom: 0;
	background-color: var(--white);
}

.sub-menu li {
	list-style: none;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
	max-height: 0rem;
	opacity: 1;
	transform: translateY(0);
}

#menu-header-menu,
#menu-header-menu-eng {
	margin-top: 5rem;
}


.sub-menu {
	margin-left: -5.5%;
	padding-left: 5.5%;
}

@media (min-width: 575px) {
	.sub-menu {
		margin-left: -14.5%;
		padding-left: 14.5%;
	}

}

@media (min-width: 900px) {
	.sub-menu {
		margin-left: -12.5%;
		padding-left: 12.5%;
	}

}

@media (min-width: 1200px) {
	.plus {
		transform: translateY(0.05rem);
	}

	#menu-header-menu,
	#menu-header-menu-eng {
		margin-top: 0rem;
	}

	.menu-item-has-children:hover .sub-menu {
		max-height: 31.25rem;
		opacity: 1;
		transform: translateY(0);
	}

	.nav__link-wrapper li {
		padding: 0 1.5rem;
	}

	.sub-menu a {
		display: block;
		margin: 0.625rem;
		text-decoration: none;
	}

	.sub-menu .menu-item {
		padding: 0;

	}

	.menu-item-has-children {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}


	.sub-menu {
		text-align: left;
		padding: 1rem 1.2rem;
		margin-top: 0.45rem;
		margin-left: 0;
		display: block;
		max-height: 0;
		overflow: hidden;
		min-width: 9.375rem;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		padding-left: 1rem;
		background-color: var(--white);
		border-radius: var(--block-border-radius-sm);
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		transform: translateY(-1.25rem);
		transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
		z-index: 10;
	}

	.plus {
		transition: transform 0.3s ease;
	}

	.plus-icon {
		transition: transform 0.3s ease;
		transition: transform 0.3s ease;
	}

	.menu-item-has-children:hover .plus-icon {
		transform: rotate(135deg);
	}

	.sub-menu {
		width: 100%;
	}

}

.menu-item-has-children>a {
	color: inherit;
	transition: none;
	pointer-events: none;
	cursor: default;
}


.menu-item-has-children>a {
	color: var(--black);
	transition: none;
}

.nav-link li:not(.menu-item-has-children) a:hover {
	opacity: 0.5;

}

.sub-menu a:hover {
	opacity: 0.5;
}

.nav-link li.current-menu-item a {
	opacity: 0.5;
}

@media (max-width: 1200px) {
	.menu-item-has-children {
		justify-content: flex-start;
		text-align: left;
	}

	.sub-menu {
		left: 15%;
		top: 0;

	}
}


@media (max-width: 1200px) {
	.sub-menu {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
		width: 100vw;
	}

	.menu-item-has-children.is-open .sub-menu {
		max-height: 31.25rem;
		opacity: 1;
		margin-top: 0.5rem;
	}

	.menu-item-has-children {
		cursor: pointer;
	}

	.plus-icon {
		transition: transform 0.3s ease;
	}

	.menu-item-has-children.is-open .plus-icon {
		transform: rotate(135deg);
	}


	.sub-menu li {
		margin: 0;
		padding: 0.8rem 0;
	}

}

body.admin-bar nav {
	top: 32px;
}


.switcher {
	width: 50px;
	height: 25px;
	background-color: var(--white);
	border-radius: 12.5px;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 3px;
}

.dot {
	width: 12px;
	height: 12px;
	background-color: var(--beige-light);
	border-radius: 50%;
	position: absolute;
	transition: transform 0.3s ease-in-out;
	box-sizing: content-box;
}

.hr .dot {
	transform: translateX(3px);
}

.en .dot {
	transform: translateX(30px);
}

.language-switcher {
	display: flex;
}

.en-switcher {
	padding-left: 0.5rem;
}

.hr-switcher {
	padding-right: 0.5rem;
}

.nav-link .language-switcher .hr-switcher,
.nav-link .language-switcher .en-switcher {
	color: var(--beige-light);
}

.nav-link a {
	display: block;
	width: 100%;
}

.menu-item-has-children>a,
.language-switcher>a {
	display: inline-flex;
	width: auto;
}

@media (min-width: 1200px) {

	.nav-link a {
		display: inline-flex;
		width: auto;
	}
}


/* Footer */

footer {
	background-color: var(--beige-light2);
	padding-top: 4rem;
	padding-bottom: 3rem;
	/* margin-top: var(--spacing-md); */

}


.brand img {
	margin-bottom: 0;
}

.brand {
	position: relative;
	display: flex;
	align-items: center;
	width: fit-content;
	z-index: 10;
}

.logo-text {
	padding-bottom: 0;
}

.footer-flex {
	display: flex;
}

footer p {
	color: var(--beige-light);
	padding: 0;
}


.footer-logo {
	max-width: 20rem;
	height: 2.5rem;
	margin-top: 0.5rem;
	font-size: 1rem;
}

footer .col-lg-3 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media (min-width: 990px) {
	footer .col-lg-3 {
		padding-top: 0;
	}

}

.mm {
	opacity: 0.45;
	font-size: 87.5%;
	color: var(--beige-light);
	opacity: 0.8;
	transition: all 0.3s;
	text-decoration: none;
}

/* @media (min-width: 992px) {
	footer .ribbon .float-right {
		float: right;
		margin: 0;
	}
} */



/* Kontakt */


.kontakt-container {
	position: relative;
	background-color: rgba(186, 158, 132, 0.1);
	padding: var(--spacing-md);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
	border-radius: var(--block-border-radius-xl);
}


.image-box {
	align-self: flex-end;
}

.image-box img {
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	object-fit: cover;
}

@media (min-width: 800px) {
	.image-box img {
		width: 12.5rem;
		height: 12.5rem;
	}

}

.kontakt-staff a {
	color: var(--black);
	text-decoration: none;
}



.kontakt-staff {
	padding-bottom: var(--spacing-xxs);
}


.kontakt-staff .container-padding {
	padding-bottom: var(--spacing-sm);
}




/* Home Page */


/* Video */
.video-section .container {
	z-index: 2;
}

.video-section {
	margin-top: 4.6rem;
}

.h0 {
	color: var(--white);
	margin-bottom: 5rem;
	line-height: 1;
	z-index: 22;
	letter-spacing: -0.04rem;
}

section.video-section {
	position: relative;
	display: flex;

}

section.video-section {
	height: 60vh;
}

@media (min-width: 576px) {
	section.video-section {
		height: 80vh;
	}
}

@media (orientation: landscape) and (max-width: 992px) {
	section.video-section {
		height: auto;
	}
}

section.video-section .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;

}

section.video-section .container .row {
	height: 80vh;

}

section.video-section .container .row .col-md-6 {
	align-items: flex-end;
	align-content: flex-end;
}

.video-section {
	overflow: hidden;
}

.video-section video {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	mix-blend-mode: darken;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--beige);
	opacity: 0.2;
	z-index: 1;

}

.video-text {
	display: flex;
	align-self: flex-end;
}

/* Section 2 */

.image-container {
	background-color: var(--beige-light2);
	border-radius: var(--block-border-radius-xl);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.image-container img {
	width: 100%;
	height: auto;
	padding: var(--spacing-md) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
}

.section2 .padding-top {
	padding-top: calc(var(--bs-gutter-x)* 0.5);
}

.section2 .padding-bottom {
	padding-bottom: calc(var(--bs-gutter-x)* 0.5);
}

@media (min-width: 768px) {
	.image-container img {
		padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);
	}

	.section2 .padding-top {
		padding-top: 0;
	}

	.section2 .padding-bottom {
		padding-bottom: 0;
	}

}

@media (min-width: 1200px) {
	.image-container img {
		padding: var(--spacing-md) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
	}
}

.section2 .image-container p {
	padding-bottom: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
}

@media (min-width: 768px) {
	.section2 .image-container p {
		font-size: 0.55rem;
	}
}

@media (min-width: 1000px) {
	.section2 .image-container p {
		font-size: 0.75rem;
	}
}

.section2 ul,
.mjerenja ul {
	list-style-type: none;
	padding-left: var(--spacing-sm);
}

.section2 ul li::before,
.mjerenja ul li::before {
	content: "";
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background-color: black;
	margin-right: 0.65rem;
	margin-bottom: 0.15rem;
}

.section2,
.section4 {
	padding: var(--spacing-md) 0;
}



/* Section 3 */

.section3 {
	padding: var(--spacing-md) 0;
	background-color: var(--beige-light2);
}

.section3 img,
.section4 img,
.terenska img,
.laboratorijska img,
.numericka img,
.projekti-post img,
.aktivnosti-post img,
.oprema img {
	border-radius: var(--block-border-radius-sm);
}

.oprema-blok3 img,
.oprema-blok2 img {
	border-radius: var(--block-border-radius-sm) var(--block-border-radius-sm) 0 0;
}

.section3 .col-md-7 h2,
.oprema .wp-block-separator {
	border-top: 0.063rem solid var(--beige-light);
}

.river-card > .row > .col-md-7 > a:not(.home .river-card > .row > .col-md-7 > a) {
	border-bottom: 0.063rem solid var(--beige-light);
}

@media (min-width: 768px) {
.terenska .col-md-7 h2,
.laboratorijska .col-md-7 h2,
.numericka .col-md-7 h2 {
	border-top: 0.063rem solid var(--beige-light);
}
.river-card > .row > .col-md-7 > a{
	border-bottom: none !important;
}
}

.section3 {
	padding-top: var(--spacing-sm);
}

.section3 {
	padding-top: var(--spacing-lg);
}

.river-card {
	padding-bottom: var(--spacing-lg);
}

.section3 h1,
.terenska h1,
.laboratorijska h1,
.numericka h1,
.oprema h1,
.projekti-post h1,
.aktivnosti-post h1,
.publikacije-section h1,
.aktivnosti h1 {
	margin-bottom: var(--spacing-sm);
}

.aktivnosti-post h2 {
	padding-top: 0;
}


/* Mjerenja */


.mjerenja,
.kontakt-info,
.publikacije-section,
.projekti,
.projekti-post,
.aktivnosti,
.aktivnosti-post,
.oprema {
	padding: var(--spacing-lg) 0;
	margin-top: 4.688rem;
}

.title-404 {
	margin-top: 4.688rem;
}

.terenska,
.numericka,
.laboratorijska {
	padding-top: var(--spacing-lg);
	margin-top: 4.688rem;
}

.mjerenja p {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.mjerenja p img {
	width: 1.2rem;
	height: auto;
	display: inline-block;
}

.mjerenja h3 {
	padding-bottom: 1rem;
}

/* Google-map */

.maps h3 {
	padding-top: 0;
}

.page-template-google-maps-template footer {
	margin-top: 0;
}

.google-maps-h3 {
	font-family: 'Titillium Web', sans-serif !important;
	font-weight: 600;
}

.google-maps-p {
	font-size: clamp(0.8rem, 0.743rem + 0.245vw, 1rem);
	font-family: 'Titillium Web', sans-serif !important;

}

/* Gutenberg class */

.is-style-white-background-with-padding {
	padding: var(--spacing-md);
	border-radius: var(--block-border-radius-xl);
	background-color: var(--beige-light2);
}

.is-style-no-padding-top,
.no-padding-top {
	padding-top: 0 !important;
}

.content img {
	border-radius: var(--block-border-radius-sm);
}

.publikacije-item img {
	margin: 0;

}

:where(figure) {
	margin: 0;
}

.oprema .wp-block-separator {
	margin: 2rem 0;
}

.oprema-blok1 .container2 {
	text-align: center;
}

.oprema-blok1 .container2 p {
	font-size: 0.8rem;
}

.oprema-blok1 img {
	/* max-width: 400px; */
	height: auto;
	object-fit: cover;
}

.oprema-blok1 h2 {
	padding-top: 0;
}

.oprema-blok1 {
	padding-top: var(--spacing-sm);
}

.oprema-blok2 .wp-block-column,
.oprema-blok3 .wp-block-column {
	background-color: var(--beige-light2);
	border-radius: var(--block-border-radius-xl);
}

.oprema-blok2 p,
.oprema-blok3 p {
	font-size: 1.125rem;
	font-weight: 600;
	padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 3rem;
}

/* Projekti */

.card-projekti {
	height: 100%;
	border-bottom: 0.063rem solid var(--beige-light);
/* 	margin-bottom: var(--spacing-md); */
}

.projekti a,
.aktivnosti a {
	text-decoration: none;
}


.btn,
.wp-block-button a {
	letter-spacing: 0;
	display: inline-flex;
	align-content: center;
	padding: 1rem 2rem;
	border-radius: var(--block-border-radius-sm);
	border: none;
	background-color: var(--white);
	transition-duration: 0.5s;
	cursor: pointer;
	color: var(--beige-light);
	line-height: 1;
	font-size: 0.875rem;
	font-weight: 600;
}

.wp-block-button a,
.projekti .btn {
	margin: var(--spacing-md) 0;
}



.col-lg-6:hover .btn,
.wp-block-button a:hover,
.terenska .pb-md:hover .btn,
.laboratorijska .pb-md:hover .btn,
.numericka .pb-md:hover .btn {
	background-color: var(--beige);
	color: var(--white);
}

/* Aktivnosti */

.aktivnosti p {
	color: var(--black);
}

.tags-btn,
.aktivnosti-tags .btn {
	letter-spacing: 0;
	display: inline-flex;
	align-content: center;
	padding: 0.5rem 0.9rem;
	border-radius: var(--block-border-radius-xl);
	border: none;
	background-color: var(--white);
	transition-duration: 0.5s;
	cursor: pointer;
	color: var(--beige-light);
	line-height: 1;
	font-size: 0.875rem;
	font-weight: 600;
	margin-right: var(--spacing-xxs);
	align-items: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-decoration: none;
}

.tags-btn:hover,
.aktivnosti-tags .btn:hover {
	background-color: var(--beige);
	color: var(--white);
}

.aktivnosti-tags img {
	width: auto;
	height: auto;
	margin-bottom: 0;
	padding-right: 0.2rem;
}

.aktivnosti-tags {
	padding-top: var(--spacing-md);
}


.aktivnosti-plus {
	width: auto;
	margin-bottom: 0;
	height: 1rem;
	transform: rotate(45deg);
}

/* Section 4 */

a {
	display: inline-block;
}

.section4 h1 {
	padding-bottom: 2rem;
}

.aktivnosti-feature-img {
	aspect-ratio: 16 / 9;
}

.section4 img {
	object-fit: cover;
	height: 100%;
}

.section4 a {
	text-decoration: none;
	color: var(--black);
}

.section4 p {
	font-size: 1.125rem;
	font-weight: 600;
}


.section4 p {
	padding-bottom: var(--spacing-lg);
}

@media (min-width: 992px) {
	.section4 p {
		padding-bottom: var(--spacing-sm);
	}
}


/* Language switcher */

.custom-language-switcher {
	display: inline-block;
	position: relative;
	border: 2px solid var(--black);
	border-radius: 3.125rem;
	padding: 0.5rem 0.938rem;
	cursor: pointer;
	box-sizing: border-box;
	height: auto;
	line-height: 0;
	transition: transform 1s ease-out;

}

.switch-circle {
	display: block;
	width: 0.563rem;
	height: 0.563rem;
	border-radius: 50%;
	background-color: var(--black);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: transform 1s ease-out;
}

@media (min-width: 1200px) {
	nav .nav__link-wrapper .container {
		display: flex;
		align-items: center;
		text-align: center;
		max-width: 100%;
	}
}

.language-switcher-container {
	display: flex;
	align-items: center;
	text-align: center;
	gap: 0.4rem;
	padding-left: 1.5rem;
}

nav .language-switcher-container span {
	font-weight: 600;
	cursor: pointer;

}


/* Terenska oprema */

.pb-md {
	padding-bottom: var(--spacing-md);
	margin-top: 1rem;
}

.terenska .pb-md p,
.laboratorijska .pb-md p,
.numericka .pb-md p {
	margin-bottom: var(--spacing-md);
}


.terenska-hover a {
	position: relative;

}

.terenska-hover .img-default {
	height: auto;
	opacity: 1;
	position: absolute;
	transition: opacity 0.4s ease-in-out;
}

.terenska-hover .img-hover {
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.terenska-hover:hover .img-default {
	opacity: 0;
}

.terenska-hover:hover .img-hover {
	opacity: 1;
}



.filters.filters-top {
	top: 0 !important;
}

.pagination {
	text-align: center;
	margin-top: var(--spacing-md);
}

.pagination a,
.pagination span {
	display: inline-flex;
	/* Use flexbox for better centering */
	justify-content: center;
	/* Horizontally center the content */
	align-items: center;
	margin: 0 0.313rem;
	padding: var(--spacing-xxs) var(--spacing-xs);
	color: var(--beige-light);
	text-decoration: none;
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	background-color: var(--white);
	transition-duration: 0.5s;
	font-weight: 600;
}

.pagination a.next.page-numbers,
.pagination a.prev.page-numbers {
	border-radius: var(--block-border-radius-xl);
	padding: var(--spacing-xxs) var(--spacing-xs);
	width: auto;
	height: auto;
	font-size: 0.875rem;
	text-transform: uppercase;
}

.pagination a:hover {
	background-color: var(--beige-light);
	color: var(--white);
}

.pagination .current {
	background-color: var(--beige-light);
	color: var(--white);
}

.projekti-post a,
.aktivnosti-post a {
	color: var(--beige);
}

.publikacije-section,
.projekti,
.projekti-post,
.aktivnosti,
.aktivnosti-post,
.oprema,
.terenska,
.laboratorijska,
.numericka,
.section4,
.kontakt-staff {
	margin-bottom: var(--spacing-md);
}

.oprema-blok1 .container2 figure img {
	aspect-ratio: 0 !important;
	width: 100% !important;
}

.card-aktivnosti {
	padding: var(--spacing-md);
	border-radius: var(--block-border-radius-xl);
	background-color: var(--beige-light2);
	margin-bottom: clamp(2rem, 1.5146rem + 2.0712vw, 4rem);
}

.aktivnosti-container h2 {
	padding-top: 0;
}

.publikacije-container {
	margin-bottom: clamp(2rem, 1.5146rem + 2.0712vw, 4rem);
}

/* Ivan 3.9.2025 */

.smaller-p-footer {
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.smaller-p-footer {
		margin-top: 0;
	}
}

.smaller-p-footer p{
	font-size: 1.125rem;
}

.card-aktivnosti img:not(.aktivnosti-tags img) {
	border-radius: var(--block-border-radius-sm);
	margin-bottom: 1rem;
}

@media (min-width: 992px) {
.card-aktivnosti img:not(.aktivnosti-tags img) {
	margin-bottom: 3rem;
}
}

.card-projekti img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--block-border-radius-sm);
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.heading-row {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.heading-row a {
	font-weight: 600;
	color: var(--beige-light);
	margin-bottom: 1rem;
}

.each-project {
	margin-bottom: var(--spacing-md);
}

@media (min-width: 410px) {
	.heading-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.heading-row a {
	margin-bottom: 0;
}
}