/* HERO */

.sik-hero-banner{
position:relative;
overflow:hidden;
}

.sik-hero-banner .swiper,
.sik-hero-banner .swiper-wrapper,
.sik-hero-banner .swiper-slide{
height:90vh;
}

/* slide */

.sik-hero-slide{
position:relative;
height:90vh;
overflow:hidden;
}

/* background */

.sik-hero-slide__bg{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
transform:scale(1.05);
}




.sik-hero-slide__columns{
position:absolute;
inset:0;
display:grid;
grid-template-columns:repeat(12,2fr);
z-index:3;
pointer-events:none;
}

.sik-hero-slide__col{
height:100%;
}

.sik-hero-slide__col:last-child{
border-right:1px solid rgba(255,255,255,0.25);
}

.sik-hero-slide__content{
position:relative;
z-index:5;
max-width:600px;
padding:3rem 0;
}

.sik-hero-slide__title{
font-size:clamp(2.2rem,4vw,4rem);
font-weight:800;
line-height:1.05;
margin-bottom:1rem;
}

.sik-hero-slide__subtitle{
font-size:1.3rem;
margin-bottom:1.5rem;
opacity:.9;
}

.sik-hero-slide__text{
font-size:.95rem;
line-height:1.7;
margin-bottom:1.5rem;
}

.sik-hero-slide__link{
display:inline-flex;
align-items:center;
gap:.5rem;
font-weight:600;
text-decoration:none;
color:inherit;
transition:.3s;
}

.sik-hero-slide__link:hover{
opacity:.7;
transform:translateX(5px);
}

.sik-hero-banner{
	position: relative;
	overflow: hidden;
}

.hero-fixed-bar{
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 30;
	background: #6b210f;
	padding: 26px 0 18px;
}

.hero-fixed-link{
	text-decoration: none;
	color: #fff;
}

.hero-fixed-title{
	font-size: clamp(2rem, 2.4vw, 2.25rem);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 2px;
}

.hero-fixed-subtitle{
	font-size: 1.4rem;
	line-height: 1.1;
	color: rgba(255,255,255,.92);
}

.hero-fixed-arrow{
	font-size: 3.5rem;
	line-height: 1;
	color: #fff;
}

.hero-social{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: -84px; /* negative margin prema gore */
}

.hero-social-item{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	font-size: 1.7rem;
	box-shadow: 0 10px 24px rgba(0,0,0,.22);
	transition: transform .25s ease, box-shadow .25s ease;
}

.hero-social-item:hover{
	transform: translateY(-3px);
	box-shadow: 0 14px 28px rgba(0,0,0,.28);
	color: #fff;
}

.hero-facebook{
	background: #2f56b3;
}

.hero-instagram{
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.sik-posts-block {
  position: relative;
}

.sik-post-card {
  color: #3f241b;
}

.sik-post-card__image-wrap {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-bottom: 0.85rem;
  background: #f3f3f3;
}

.sik-post-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.sik-post-card:hover .sik-post-card__image {
  transform: scale(1.04);
}

.sik-post-card__date {
  font-size: 0.75rem;
  line-height: 1.2;
  color: #c78b4e;
  margin-bottom: 0.15rem;
}

.sik-post-card__title {
  font-size: clamp(1.2rem, 1.8vw, 1.9rem);
  line-height: 1.05;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.sik-post-card__title a {
  color: #5a2d1f;
}

.sik-post-card__title a:hover {
  color: #5a2d1f;
  opacity: 0.85;
}

.sik-post-card__excerpt {
  font-size: 0.95rem;
  line-height: 1.45;
  color: #b8b3b1;
}

.sik-posts-swiper {
  overflow: hidden;
}

.sik-posts-swiper .swiper-slide {
  height: auto;
}

.sik-posts-swiper__nav {
  position: relative;
}

.sik-posts-swiper .swiper-button-prev,
.sik-posts-swiper .swiper-button-next {
  position: static;
  margin: 0;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(63, 36, 27, 0.15);
  border-radius: 50%;
  color: #5a2d1f;
  background: #fff;
}

.sik-posts-swiper .swiper-button-prev::after,
.sik-posts-swiper .swiper-button-next::after {
  font-size: 1rem;
  font-weight: 700;
}

.sik-posts-swiper .swiper-pagination {
  position: static;
}

.sik-posts-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.site-footer-main{
background:#6b210f;
color:#fff;
padding:70px 0 40px;
}

.site-footer-main a{
color:#fff;
text-decoration:none;
}

.site-footer-main a:hover{
opacity:.8;
}

.footer-brand__logo img{
max-width:160px;
}

.footer-brand__text{
font-size:14px;
line-height:1.4;
opacity:.8;
}

.footer-title{
font-size:28px;
margin-bottom:15px;
}

.footer-about p{
font-size:14px;
line-height:1.6;
opacity:.9;
}

.footer-contact__info{
font-size:14px;
line-height:1.6;
}

.footer-social__item{
width:48px;
height:48px;
border-radius:50%;
background:#000;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.footer-menu li{
margin-bottom:10px;
}

.footer-bottom{
font-size:13px;
opacity:.85;
}

.duhovni-banner{
	position:relative;
	min-height:620px;

	display:flex;
	align-items:center;
	justify-content:center;

	text-align:center;

	overflow:hidden;
}

.duhovni-banner__bg{
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
}

.duhovni-banner__overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.35);
}

.duhovni-banner__content{
	position:relative;
	z-index:2;
	max-width:750px;
	padding:20px;
	color:#fff;
}

.duhovni-banner__title{
	font-size:clamp(2.6rem,4vw,4.5rem);
	font-weight:300;
	margin-bottom:20px;
}

.duhovni-banner__text{
	font-size:clamp(1rem,1.4vw,1.5rem);
	line-height:1.5;
}

@media (max-width: 991.98px){
	.duhovni-banner{
		min-height: 520px;
	}

	.duhovni-banner__content{
		padding: 2.5rem 0;
	}

	.duhovni-banner__text{
		max-width: 100%;
	}
}

@media (max-width: 575.98px){
	.duhovni-banner{
		min-height: 430px;
	}

	.duhovni-banner__title{
		font-size: clamp(2rem, 9vw, 3rem);
		margin-bottom: 1rem;
	}

	.duhovni-banner__text{
		font-size: 1rem;
		line-height: 1.45;
	}
}

@media (max-width: 991.98px) {
  .sik-post-card__title {
    font-size: 1.45rem;
  }

  .sik-post-card__excerpt {
    font-size: 0.9rem;
  }
}

/* opcionalno ako koristiš 5 kolona u grid modu */
@media (min-width: 1200px) {
  .col-xl-custom-5 {
    width: 20%;
  }
}

@media (max-width: 991.98px){
	.hero-fixed-bar{
		padding: 20px 0 16px;
	}

	.hero-fixed-title{
		font-size: 1.8rem;
	}

	.hero-fixed-subtitle{
		font-size: 1.15rem;
	}

	.hero-fixed-arrow{
		font-size: 2.7rem;
	}

	.hero-social{
		margin-top: -34px;
		gap: 10px;
	}

	.hero-social-item{
		width: 48px;
		height: 48px;
		font-size: 1.35rem;
	}
}

@media (max-width: 575.98px){
	.hero-fixed-bar .row{
		row-gap: 14px;
	}

	.hero-social{
		margin-top: 0;
		justify-content: flex-end;
	}

	.hero-fixed-title{
		font-size: 1.5rem;
	}

	.hero-fixed-subtitle{
		font-size: 1rem;
	}

	.hero-fixed-arrow{
		font-size: 2.2rem;
	}
}

/* mobile */

@media (max-width:991px){

.sik-hero-banner .swiper,
.sik-hero-banner .swiper-wrapper,
.sik-hero-banner .swiper-slide{
height:70vh;
}

.sik-hero-slide{
height:70vh;
}

.sik-hero-slide__columns{
grid-template-columns:repeat(6,1fr);
}

.sik-hero-slide__content{
max-width:100%;
}

}