.idk_paddingbot150 {padding-bottom: 150px;}
.idk_padding50 {padding: 50px 0px;}
.idk_padding10 {padding: 10px 0px;}
.idk_padding20 {padding: 20px 0px;}
.idk_paddingtop100 {padding-top: 100px;}
.idk_paddingtop75 {padding-top: 75px;}
.idk_paddingtop150 {padding-top: 150px;}
.idk_paddingtop50 {padding-top: 50px;}
.idk_paddingtop30 {padding-top: 30px;}
.idk_paddingtop10 {padding-top: 10px;}
.idk_paddingbot50 {padding-bottom: 50px;}
.idk_paddingbot30 {padding-bottom: 30px;}
.idk_paddingbot10 {padding-bottom: 10px;}
.idk_paddingbot16 {padding-bottom: 16px;}
.idk_paddingbot100 {padding-bottom: 100px;}
.idk_paddingbot20 {padding-bottom: 20px;}
.idk_margintop50 {margin-top: 50px;}
.idk_margintop40 {margin-top: 40px;}
.idk_margintop35 {margin-top: 35px;}
.idk_margintop75 {margin-top: 75px;}
.idk_margintop150 {margin-top: 150px;}
.idk_marginbot150 {margin-bottom: 150px;}
.idk_marginbot100 {margin-bottom: 100px;}
.idk_margintop100 {margin-top: 100px;}
.idk_margintop200 {margin-top: 200px;}
.idk_margintop30 {margin-top: 30px;}
.idk_margintop20 {margin-top: 20px;}
.idk_marginbot20 {margin-bottom: 20px;}
.idk_margintop10 {margin-top: 10px;}
.idk_marginbot50 {margin-bottom: 50px;}
.idk_marginbot40 {margin-bottom: 40px;}
.idk_marginbot30 {margin-bottom: 30px;}
.idk_marginbot10 {margin-bottom: 10px;}
.idk_paddingleft32{padding-left: 32px;}

@media (max-width: 768px){
.idk_paddingtop150 {padding-top: 75px;}
.idk_paddingbot150 {padding-bottom: 75px;}
.idk_paddingtop100 {padding-top: 50px;}
.idk_paddingtop50 {padding-top: 25px;}
.idk_paddingtop30 {padding-top: 15px;}
.idk_paddingtop10 {padding-top: 10px;}
.idk_paddingbot50 {padding-bottom: 25px;}
.idk_margintop200 {margin-top: 100px;}
.idk_paddingbot30 {padding-bottom: 15px;}
.idk_paddingbot10 {padding-bottom: 10px;}
.idk_margintop50 {margin-top: 25px;}
.idk_margintop150 {margin-top: 75px;}
.idk_margintop100 {margin-top: 50px;}
.idk_margintop30 {margin-top: 15px;}
.idk_margintop10 {margin-top: 10px;}
.idk_marginbot50 {margin-bottom: 25px;}
.idk_marginbot30 {margin-bottom: 15px;}
.idk_marginbot30r {margin-bottom: 30px;}
.idk_marginbot20r {margin-bottom: 20px;}
.idk_marginbot10 {margin-bottom: 10px;}
.idk_margintop10r {margin-top: 10px;}
.idk_marginbot10r {margin-bottom: 10px;}
.idk_paddingbot100{padding-bottom: 50px;}
.justify-self-end {
  justify-self: end;
}
}



a, a:visited{
  text-decoration: none;
  color: white;
}

/* Root variables - fonts & colors */

:root {
  --color-primary: #1a73e8;
  --color-secondary: #fbbc05;
  --color-accent: #34a853;

  --font-family-base: "Arial", sans-serif;
}

/*********** base elements reset ***********/
html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
  background-color: #fff;
  color: #000;
}

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

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/******** typography *************/
html {
  font-size: 16px; /* 1rem = 16px */
}

@media (max-width: 768px) {
  html {
    font-size: 14px; /* 1rem = 14px - on phones & tablets */
  }
}

/* clamp(min, preferred, max) */
h1 {
  font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
  font-weight: 700;
}
h2 {
  font-size: clamp(1.75rem, 3vw + 0.8rem, 2.75rem);
  font-weight: 600;
}
h3 {
  font-size: clamp(1.5rem, 2.5vw + 0.6rem, 2.25rem);
  font-weight: 600;
}
h4 {
  font-size: clamp(1.25rem, 2vw + 0.4rem, 1.75rem);
  font-weight: 500;
}
h5 {
  font-size: clamp(1.125rem, 1.5vw + 0.3rem, 1.5rem);
  font-weight: 500;
}

p {
  font-size: 1rem; /* 16px ako je root 16px */
  font-weight: 400;
}

/********************* utilities - padding, sections *****************/
.idk_section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/*************************** hero section *****************************/
.idk_main_hero_section {
  position: relative;
  width: 100%;
  height: clamp(420px, 60vh, 800px);
  color: #fff;
  overflow: hidden;
}

.idk_hero_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/*hero img filter */
.idk_main_hero_section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    #8c4fd699 0%,
    #5b2fb0cc 60%,
    #2d1766e6 100%
  );
  z-index: 1;
}

.idk_main_hero_content_wrapper {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.idk_main_hero_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}

.idk_photo {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

header {
  position: relative;
  z-index: 1100;
}


.idk_header_social{
  background-color: #11907E;
  padding: 13px 0px;
}

.idk_social_wrap{
  display: flex;
  flex-direction: row;
  gap: 25px;
}

.idk_social_item{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.idk_social_item p{
  font-size: 14px;
}

.idk_social_item img{
  width: 20px;
  height: 20px;
}

.idk_social_icons{
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: end;
}
.idk_social_icons img{
  width: 20px;
  height: 20px;
}

.idk_logo{
  width: 100%;
  height: 80px;
}
.idk_logo img{
  width: 100%;
  height: 100%;
}

.idk_header_main{
  padding: 30px;
  position: relative;
  z-index: 1200;
}


.idk_hero {
    height: 75vh; /* promijeni po potrebi */
    overflow: visible;
    position: relative;
    z-index: 1;
}

.idk_hero_img,
.idk_hero_video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.idk_hero_video {
    background-color: #000;
}

/* Gradient filter 80% opacity */
.idk_hero_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #000000 0%, #08483F 100%);
    opacity: 0.5;
    z-index: 2;
}

/* Content iznad svega */
.idk_hero .container {
    position: relative;
    z-index: 3;
}

.idk_hero_title {
    color: #fff;
    font-size: 84px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 20px;
   font-family: "Meie Script", cursive;
}

.idk_hero_subtitle {
    color: #fff;
    font-size: clamp(18px, 2vw, 28px);
    font-weight: 500;
}

.idk_hero_subtitle {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0 30px; /* razmak između linije i teksta */
}

.idk_hero_subtitle::before,
.idk_hero_subtitle::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 120px;      /* dužina linije */
    height: 2px;
    background: rgba(255,255,255,0.8);
    transform: translateY(-50%);
}

.idk_hero_subtitle::before {
    left: -140px;  /* kontrola udaljenosti */
}

.idk_hero_subtitle::after {
    right: -140px;
}


.idk_hero1 {
    height: 480px; /* promijeni po potrebi */
    overflow: visible;
    position: relative;
    z-index: 1;
}

.idk_hero_img1 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.idk_hero_title1 {
    color: #fff;
    font-size: 48px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 20px;
}



.idk_hero_subtitle1 {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 20px;
    padding: 0 30px; /* razmak između linije i teksta */
}



/* Content iznad svega */
.idk_hero1 .container {
    position: relative;
    z-index: 3;
}


/* ================= POPULAR SECTION ================= */

.idk_popular_section{
    position: relative;
    z-index: 5;

    /* overlap hero */
    transform: translateY(-100px);
    margin-bottom: -100px;

    padding: 0;
}
.idk_popular_section1{
    position: relative;
    z-index: 5;

    /* overlap hero */
    transform: translateY(-75px);
    margin-bottom: -75px;
   

    padding: 0;
}

/* ================= CONTAINER (ZELENI BLOK) ================= */

.idk_slider_container{
    background: linear-gradient(135deg, #008080 0%, #5CBC76 100%);
    border-radius: 24px;
    padding: 60px 50px 70px 50px;
    position: relative;
}
.idk_slider_container1{
    background: white;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 100px 100px 10px 10px;
    padding: 30px 100px;
    position: relative;
}

/* ================= HEADER ================= */

.idk_slider_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.idk_slider_header h2{
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin: 0;
}

.idk_slider_more{
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    opacity: 0.9;
    transition: 0.3s ease;
}

.idk_slider_more span{
    margin-left: 6px;
    font-size: 20px;
}

.idk_slider_more:hover{
    opacity: 1;
}

/* ================= SLIDER ================= */

.idk_slider{
    margin: 0 -15px;
}

/* ================= SLIDE CARD ================= */

.idk_slide{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 15px;
}

.idk_slide img{
    width: 100%;
    height: 360px;
    object-fit: cover;
    transition: 0.4s ease;
}

.idk_slide:hover img{
    transform: scale(1.05);
}



/* ================= SLIDE DARK GRADIENT ================= */

.idk_slide{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

/* gradient layer */
.idk_slide::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;

    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 67%,
        rgba(0,0,0,0.75) 100%
    );

    pointer-events: none;
    z-index: 1;
}

/* da tekst bude iznad gradienta */
.idk_slide_overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2; /* iznad gradienta */
}

.idk_slide_overlay h4{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.idk_arrow{
  width: 11px !important;
  height: 11px !important;
  transition: 0.3s ease;
}

.idk_slide:hover .idk_arrow{
    transform: translateX(4px);
}

/* ================= SLICK DOTS ================= */

.idk_slider .slick-dots{
    bottom: -60px;
}

.idk_slider .slick-dots li{
    margin: 0 6px;
}

.idk_slider .slick-dots li button:before{
    font-size: 12px;
    color: #ffffff;
    opacity: 0.4;
}

.idk_slider .slick-dots li.slick-active button:before{
    opacity: 1;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px){

    .idk_slider_container{
        padding: 50px 30px 80px 30px;
    }

    .idk_slider_header h2{
        font-size: 32px;
    }

    .idk_slide img{
        height: 300px;
    }
}

@media (max-width: 600px){

    .idk_popular_section{
        transform: translateY(-60px);
        margin-bottom: -60px;
    }

    .idk_slider_container{
        padding: 40px 20px 70px 20px;
        border-radius: 18px;
    }

    .idk_slider_header{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .idk_slider_header h2{
        font-size: 26px;
    }

    .idk_slide img{
        height: 250px;
    }
}

/* ================= CUSTOM DOTS ================= */

.idk_slider .slick-dots{
    position: absolute;
    left: 50%;
    bottom: -28px;                /* po želji -20 do -35 */
    transform: translateX(-50%);
    display: flex !important;
    align-items: center;
    gap: 14px;
}

.idk_slider .slick-dots li{
    width: 14px;
    height: 14px;
    margin: 0;
}

.idk_slider .slick-dots li button{
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.28); /* neaktivni */
    cursor: pointer;
    transition: 0.25s ease;
}

/* aktivni */
.idk_slider .slick-dots li.slick-active button{
    background: rgba(255,255,255,1);
}

/* opcionalno: hover */
.idk_slider .slick-dots li button:hover{
    background: rgba(255,255,255,0.5);
}

/* ================= RESET SLICK DOTS ================= */

.idk_slider .slick-dots{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.idk_slider .slick-dots li{
    list-style: none !important;
}

.idk_slider .slick-dots li button{
    font-size: 0 !important;
    line-height: 0 !important;
}

.idk_slider .slick-dots li button:before{
    display: none !important;
    content: none !important;
}

/* ================= CUSTOM DOTS ================= */

.idk_aktivnost_galerija .slick-dots{
    position: absolute;
    left: 50%;
    bottom: -28px;                /* po želji -20 do -35 */
    transform: translateX(-50%);
    display: flex !important;
    align-items: center;
    gap: 14px;
}

.idk_aktivnost_galerija .slick-dots li{
    width: 14px;
    height: 14px;
    margin: 0;
}

.idk_aktivnost_galerija .slick-dots li button{
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 128, 128, 0.25); /* neaktivni */
    cursor: pointer;
    transition: 0.25s ease;
}

/* aktivni */
.idk_aktivnost_galerija .slick-dots li.slick-active button{
    background: #008080;
}

/* opcionalno: hover */
.idk_aktivnost_galerija .slick-dots li button:hover{
    background: rgba(0, 128, 128, 0.5);
}

/* ================= RESET SLICK DOTS ================= */

.idk_aktivnost_galerija .slick-dots{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.idk_aktivnost_galerija .slick-dots li{
    list-style: none !important;
}

.idk_aktivnost_galerija .slick-dots li button{
    font-size: 0 !important;
    line-height: 0 !important;
}

.idk_aktivnost_galerija .slick-dots li button:before{
    display: none !important;
    content: none !important;
}

.idk_img{
  width: 100%;
  height: auto;

}
.idk_img img{
  width: 100%;
  height: 100%;
  border-radius: 100px 10px 100px 10px;
  object-fit: cover;
}

.idk_item_number{
  font-size: 32px;
  font-weight: bold;
    background: linear-gradient(
        180deg,
        #C02034 0%,
        #27A47C 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    display: inline-block; /* bitno da gradient ne zauzme full width */
}

.idk_item_label{
  font-size: 14px;
  color: #777777;
}

.idk_info_wrapper{
  display: flex;
  flex-direction: row;
  gap: 115px;
}
.idk_info_wrapper1{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.idk_wrapper{
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.idk_btn{
  display: inline-block;
  width: fit-content;
  padding: 13px 50px;
  background: linear-gradient(
    90deg,
    #5CBC76 0%,
    #27A47C 100%
    
);
border-radius: 20px 0px 20px 0px;
font-size: 16px;
font-weight: bold;
}
.idk_naslov h3{
    position: relative;
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px; /* razmak od linije */
}

/* crvena linija iznad */
.idk_naslov h3::before{
    content: "";
    position: absolute;
    top: -15px;       /* udaljenost od teksta */
    left: 0;

    width: 108px;      /* dužina linije */
    height: 4px;      /* debljina */

    background: #C02034; /* crvena */
    border-radius: 2px;
}

/* ================= EXPERIENCE SLIDE ================= */

.idk_experience_slide{
    display: block;
    text-decoration: none;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 15px;
    height: 470px;              /* TOTAL HEIGHT */
    background: #ffffff;
    transition: 0.35s ease;
}

/* ================= IMAGE ================= */

.idk_experience_img{
    height: 280px;              /* GORNJI DIO */
    overflow: hidden;
}

.idk_experience_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

/* ================= CONTENT BLOCK ================= */

.idk_experience_content{
    height: 190px;              /* 470 - 280 */
    padding: 40px 15px 25px 15px;
    position: relative;

    background: linear-gradient(
        90deg,
        #27A47C 0%,
        #5CBC76 100%
    );
}

/* ================= TITLE ================= */

.idk_experience_content h3{
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
}

/* ================= TEXT ================= */

.idk_experience_content p{
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,0.9);
    margin: 0;
}

/* ================= KRUG SVG ================= */

.idk_quote_icon{
    position: absolute;
    right: 30px;
    top: -15px;   /* malo sam podigao da bolje sjedne */
    width: 70px;
    height: 70px;
}

/* ================= HOVER EFFECT ================= */

.idk_experience_slide:hover{
    transform: translateY(-6px);
}

.idk_experience_slide:hover .idk_experience_img img{
    transform: scale(1.06);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 992px){

    .idk_experience_slide{
        height: 440px;
    }

    .idk_experience_img{
        height: 260px;
    }

    .idk_experience_content{
        height: 180px;
        padding: 30px;
    }

    .idk_quote_icon{
        width: 75px;
        height: 75px;
        top: -35px;
    }
}

@media (max-width: 600px){

    .idk_experience_slide{
        height: auto; /* mobilno fleksibilno */
    }

    .idk_experience_img{
        height: 230px;
    }

    .idk_experience_content{
        height: auto;
        padding: 25px;
    }

    .idk_quote_icon{
        width: 65px;
        height: 65px;
        right: 20px;
        top: -30px;
    }
}

/* ključno: pusti Y overflow */
.idk_slider1 {
    overflow-x: hidden;
    overflow-y: visible;
}

/* slick default reže sve – ovo je fix */
.idk_slider1 .slick-list {
    overflow: visible;
    padding-bottom: 24px; /* prostor da shadow dole stane */
}

/* da se padding ne “pojede” */
.idk_slider1 .slick-track {
    display: flex;
}

.idk_tekst{
  color:#6C6C6C;
  line-height: 1.8;
}



.idk_margintop150 .col-lg-2{
    display: flex;
    flex-direction: column;
}

.idk_slider_arrows{
    margin-top: auto;   /* ovo ih spušta dole */
    display: flex;
    align-items: center;
    gap: 80px;          /* tvoj razmak */
    margin-bottom: 24px; /* isto podešavanje */
}
/* button arrows stil */
.idk_slider_arrows .idk_slick_arrow{
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.idk_slider_arrows .idk_slick_arrow img{
    width: 42px;   /* prilagodi */
    height: 42px;
    display: block;
}

/* optional hover */
.idk_slider_arrows .idk_slick_arrow:hover{
    transform: translateY(-1px);
}

.idk_bg{
  background-color: #FBF9F5;
  border-top-left-radius: 200px;
  padding-top: 100px;
  padding-bottom: 80px;
}

/* linija */
.idk_line{
    height: 2px;
    background: rgba(185, 32, 48, 0.5);
    width: 100%;
}

/* naslov */
.idk_section_title{
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #333;
}

/* tekst */
.idk_naslov_tekst{
    color: #6C6C6C;
    margin-top: 20px;
}

.idk_bg1{
  background-color: #FBF9F5;
  border-radius: 200px 200px 0px 0px;
  padding-top: 100px;
}



/* ================= EVENT CARD ================= */

.idk_event_card{
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 275px;
    background: #ffffff;
    border-radius: 50px 2px 50px 2px;
    overflow: hidden;
    text-decoration: none;
    transition: 0.25s ease;

    /* Figma shadow */
    box-shadow: 0 0 16px rgba(0,0,0,0.10);
}

/* hover (suptilno) */
.idk_event_card:hover{
    transform: translateY(-3px);
}

/* ================= IMAGE SIDE ================= */

.idk_event_img{
    flex: 0 0 42%;
    width: 42%;
    position: relative;
    min-height: 180px;
}

.idk_event_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ================= DATE BADGE ================= */

.idk_event_date{
    position: absolute;
    top: 18px;
    left: 18px;

    width: 55px;
    height: 65px;

    background: #C02034;
    color: #ffffff;

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

    border-radius: 50px 10px 10px 10px;
}

.idk_event_day{
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

.idk_event_month{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

/* ================= RIGHT SIDE ================= */

.idk_event_body{
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    gap: 30px;
    padding: 30px 28px;
}

/* divider svg */
.idk_event_divider{
    width: 4px;
    height: 100%;
    flex: 0 0 auto;
    display: block;
    align-self: stretch;
}

/* ================= CONTENT ================= */

.idk_event_content{
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.idk_event_content h3{
    margin: 0 0 30px 0;
    font-size: 22px;
    font-weight: 700;
    color: #0B8B76;
}

.idk_event_meta{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.idk_event_meta_item{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #2f2f2f;
}

.idk_event_meta_item img{
    width: 18px;
    height: 18px;
    display: block;
}

.idk_event_col{
    display: flex;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px){

    .idk_event_card{
        flex-direction: column;
    }

    .idk_event_img,
    .idk_event_body{
        width: 100%;
    }

    .idk_event_img{
        height: 220px;
    }

    .idk_event_body{
        padding: 24px;
    }

    .idk_event_divider{
        height: 70px;
    }
}
.idk_arrow1{
  margin-left: 10px;
}


/* ================= BLOG CARD ================= */

.idk_blog_card{
    display: block;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    transition: 0.25s ease;

    /* Figma shadow */
    box-shadow: 0 0 16px rgba(0,0,0,0.25);

    /* inside stroke */
    box-shadow:
        inset 0 0 0 1px rgba(204,204,204,0.25),
        0 0 16px rgba(0,0,0,0.25);
}

/* hover */
.idk_blog_card:hover{
    transform: translateY(-4px);
}

/* ================= IMAGE ================= */

.idk_blog_img{
    position: relative;
}

.idk_blog_img img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* crvena linija ispod slike */
.idk_blog_img::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #B92030;
}

/* ================= CONTENT ================= */

.idk_blog_content{
    padding: 24px;
}

/* date */
.idk_blog_date{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #777;
    margin-bottom: 12px;
}

.idk_blog_date img{
    width: 15px;
    height: 15px;
}

/* title */
.idk_blog_content h4{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 18px 0;
    color: #333;
}

/* more link */
.idk_blog_more{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #2AA67C;
}

.idk_blog_more img{
    width: 11px;
    height: 11px;
}

/* responsive */
@media (max-width: 992px){
    .idk_blog_img img{
        height: 220px;
    }
}

.idk_cta_wrap{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.idk_btn1{
  display: inline-block;
  width: 100%;
  padding: 13px 0px;
  color: #27A47C !important;
  background-color: white;
  border-radius: 20px 0px 20px 0px;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-weight: bold;
}
.idk_btn2{
  display: inline-block;
  width: 100%;
  padding: 13px 0px;
  color: white;
  border: 1px solid white;
  border-radius: 20px 0px 20px 0px;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-weight: bold;
}

.idk_before_footer{
 background: url("../images/footer-bg.png") center center / cover no-repeat;
 padding: 100px 0px;
  margin-top: 150px;
  border-radius: 200px 200px 0px 0px;
}

.idk_cta_wrap h4{
  color: white;
  font-size: 48px;
  font-weight: bold;
}

.idk_cta_wrap p{
  font-size: 16px;
  font-weight: 400;
  color: white;
}


footer{
  background-color: #08483F;
  padding-top: 100px;
}

.idk_social_item{
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}

.idk_footer_socials{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 45px;
}

footer h6{
  color: white;
  font-weight: bold;
  font-size: 20px;
}

footer ul{
  margin-top: 45px;
}
footer li{
  margin-bottom: 15px;
  color: white;
}


footer p{
  color: white;
  font-size: 14px;
}


@media (max-width: 991px) {

.idk_footer_socials{
    text-align: start;
    align-items: center;
    margin-top: 20px;
}

footer ul{
    margin-top: 20px;
  }
}

.idk_social_icons_footer{
  display: flex;
  flex-direction: row;
  gap: 25px;
  margin-top: 35px;
}

.idk_social_icons_footer img{
  width: 45px;
  height: 45px;
}

.idk_about_item{
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}

.idk_about_item img{
  width: 65px;
  height: 65px;
}

.idk_item_number1{
  font-size: 48px;
  font-weight: bold;
  color: #008080;
  margin-bottom: 0px !important;
}

.idk_item_label1{
  font-size: 16px;
  color: #008080;
}

.idk_info_item{
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.idk_info_item p{
  margin-bottom: 0px;
}

.idk_about{
  font-size: 32px;
}

.idk_about_img{
  width: 100%;
  height: auto;
}

.idk_about_img img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.idk_about_gallery{
  width: 100%;
  height: auto;
}

.idk_about_gallery img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.idk_about_card{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 35px 100px;
  background-color: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.10);
  border-radius: 10px;
}

.idk_card_header{
  display: flex;
  flex-direction: row;
  gap: 35px;
  align-items: center;
}
.idk_card_header img{
  width: 70px;
  height: 70px;
}

.idk_card_header h3{
  font-size: 32px;
}

.idk_card_header p{
  font-size: 16px;
}

.idk_about_card1{
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  padding: 30px;
  background-color: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.10);
  border-radius: 10px;
  justify-content: flex-start;
  text-align: center;
  align-items: center;
}

.idk_about_card1 h4{
  font-size: 20px;
  font-weight: bold;
  color: #008080;
}

.idk_about_card1 h5{
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: #111;
}

.idk_about_card1 p{
  margin-bottom: 0;
}

.idk_about_card1 img{
  width: 50px;
  height: 50px;
}

/* wrapper oko slidera */
.idk_slider_wrap{
    position: relative;
}

/* arrow button */
.idk_slick_arrow1{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;

    width: 50px;
    height: 50px;

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

    z-index: 10;
}

/* svg */
.idk_slick_arrow1 img{
    width: 40px;
    height: 40px;
}

/* left arrow */
.idk_slick_prev{
    left: -50px;
}

/* right arrow */
.idk_slick_next{
    right: -50px;
}

/* disabled arrow */
.idk_slick_arrow1.slick-disabled{
    opacity: 0.3;
    pointer-events: none;
}

.idk_aktivnost_galerija{
  width: 100%;
  height: auto;
  
}

.idk_aktivnost_img{
   width: 100%;
  height: auto;
}


.idk_aktivnost_img img{
   width: 100%;
  height: 100%;
  border-radius: 100px 10px 100px 10px;
}

.idk_aktivnost_tekst h3{
  color: #27A47C;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: bold;
}

/* HERO SEARCH */
.idk_hero_search {
    margin-top: 35px;
}

.idk_search_wrap {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    padding: 6px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.idk_search_icon {
    width: 18px;
    margin-left: 18px;
    margin-right: 10px;
    opacity: 0.6;
}

.idk_search_input {
    flex: 1;
    border: none;
    outline: none;
    padding: 12px 10px;
    font-size: 15px;
}

.idk_search_btn {
    border: none;
    background: #1f8a7a;
    color: #fff;
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 600;
    transition: 0.3s;
}

.idk_search_btn:hover {
    background: #166f62;
}

.idk_breadcrumbs .breadcrumb {
  --bs-breadcrumb-divider: "";
  display: flex;
  align-items: center;
  justify-content: center;
}

.idk_breadcrumbs .breadcrumb-item {
  display: flex;
  align-items: center;
}

.idk_breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 11px;      /* veličina strelice */
  height: 16px;
  margin: 0 14px;   /* razmak između itema */
  background: url("../images/strelicabread.svg") center/contain no-repeat;
}

.idk_breadcrumbs .breadcrumb-item a {
  text-decoration: none;
  color: #444;
}

.idk_breadcrumbs .breadcrumb-item.active {
  color: #666;
}

.idk_clanak_naslov{
  color: black;
  font-size: 48px;
  font-weight: bold;
}

.idk_clanak_header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.idk_clanak_header p{
    color: rgba(51, 51, 51, 0.75);
}
.idk_clanak_header a, .idk_clanak_header a:visited{
    color: rgba(51, 51, 51, 0.75);
    text-decoration: underline;
text-decoration-color: #008080;
text-underline-offset: 10px;
}

.idk_clanak_header img{
  width: 10px;
  height: 12px;
  margin-left: 4px;
}

.idk_clanak_img{
  width: 100%;
  height: auto;
}

.idk_clanak_img img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.idk_clanak_gallery{
  width: 100%;
  height: auto;
}

.idk_clanak_gallery img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.idk_blog_card1 {
    position: relative;
    display: block;
    width: 100%;
    height: 175px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.idk_blog_card1 img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idk_blog_overlay1 {
    position: absolute;
    inset: 0;
    background: rgba(0,128,128,0.5);
}

.idk_blog_content1 {
    position: absolute;
    inset: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.idk_blog_date1 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
}

.idk_blog_content1 h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.idk_ostali_clanci h2{
  font-size: 20px;
  font-weight: bold;
     text-decoration: underline;
text-decoration-color: #008080;
text-underline-offset: 10px;
}

.idk_ostali_clanci{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.idk_share p{
       text-decoration: underline;
text-decoration-color: #008080;
text-underline-offset: 10px;
}
/* ================= SMJESTAJ KARTICE ================= */



/* CARD */

.idk_smjestaj_card{
position:relative;
display:block;
overflow:hidden;
border-radius:14px;
transition:transform .35s ease, box-shadow .35s ease;
}


/* IMAGE */

.idk_smjestaj_img{
width:100%;
height:450px;
object-fit:cover;
display:block;
}


/* OVERLAY */

.idk_smjestaj_overlay{
position:absolute;
inset:0;

background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,128,128,0.50) 100%
);

transition:background .35s ease;
}


/* CONTENT */

.idk_smjestaj_content{
position:absolute;
bottom:35px;
left:35px;
z-index:2;
color:#fff;
}


.idk_smjestaj_title{
font-size:36px;
font-weight:600;
margin-top:10px;
margin-bottom:0;
}


/* ICON */

.idk_smjestaj_icon{
width:42px;
height:auto;
opacity:0.95;
}


/* HOVER */

.idk_smjestaj_card:hover{
transform:scale(1.04);
box-shadow:0 20px 40px rgba(0,0,0,0.25);
}


.idk_smjestaj_card:hover .idk_smjestaj_overlay{
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,128,128,0.75) 100%
);
}

/* ================= EVENT CARD ================= */

.idk_event_card_1{
    display: flex;
    width: 100%;
    min-height: 290px;
    background: white;
    border-radius: 100px 10px 100px 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    margin-bottom: 50px;
}

/* ================= IMAGE ================= */

.idk_event_img_1{
    flex: 0 0 33.3333%;
    width: 33.3333%;
    position: relative;
    height: 290px;
    overflow: hidden;
    background: #e8e8e8;
}

.idk_event_img_1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ================= DATE BADGE ================= */

.idk_event_date_1{
    position: absolute;
    top: 30px;
    left: 30px;

    width: 76px;
    height: 86px;

    background: #C02034;
    color: #ffffff;

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

    border-radius: 50px 10px 10px 10px;
}

.idk_event_day_1{
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

.idk_event_month_1{
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

/* ================= CONTENT ================= */

.idk_event_content_1{
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 30px 35px;
    border-left: 3px solid #C02034;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.idk_event_title_1{
    font-size: 32px;
    font-weight: 700;
    color: #1e8a78;
    margin-bottom: 20px;
}

.idk_event_text_1{
    font-size: 16px;
    color: #777777;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ================= META ================= */

.idk_event_meta_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.idk_event_meta_left_1{
    display: flex;
    gap: 30px;
}

.idk_event_meta_item_1{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    color: #000;
}

.idk_event_meta_item_1 img{
    width: 16px;
}

/* ================= MORE LINK ================= */

.idk_event_more_1{
    color: #B7202F;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 18px;
}


/* ================= HERO ================= */

.idk_hero2{
    position: relative;
    min-height: 520px;
    overflow: hidden;
}

.idk_hero2_img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ================= OVERLAY ================= */

.idk_hero2_overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(18, 11, 11, 0.5) 0%,
        rgba(18, 11, 11, 0.35) 38%,
        rgba(18, 11, 11, 0.15) 62%,
        rgba(18, 11, 11, 0) 100%
    );
}

/* ================= CONTAINER / CONTENT ================= */

.idk_hero2_container{
    position: relative;
    z-index: 2;
    min-height: 520px;
}

.idk_hero2_content{
    position: absolute;
    bottom: 55px;
    left: 0;
    color: #fff;
    max-width: 700px;
}

/* ================= DATE ================= */

.idk_hero2_date{
    position: absolute;
    top: -290px;
    left: 0;

    width: 55px;
    height: 65px;

    background: #C02034;
    border-radius: 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.idk_hero2_day{
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: #fff;
}

.idk_hero2_month{
    font-size: 14px;
    color: #fff;
}

/* ================= TITLE ================= */

.idk_hero2_title{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #fff;
}

/* ================= BREADCRUMB ================= */

.idk_hero2_breadcrumb_wrap{
    margin-bottom: 40px;
}

.idk_hero2_breadcrumb{
    margin-bottom: 0;
    padding: 0;
    background: transparent;
}

.idk_hero2_breadcrumb .breadcrumb-item{
    font-size: 13px;
    line-height: 1.2;
}

.idk_hero2_breadcrumb .breadcrumb-item a{
    color: rgba(255,255,255,0.75);
    text-decoration: none;
}

.idk_hero2_breadcrumb .breadcrumb-item.active{
    color: #ffffff;
}

.idk_hero2_breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    color: rgba(255,255,255,0.65);
    content: ">";
}

/* ================= META ================= */

.idk_hero2_meta{
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.idk_hero2_meta_item{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #fff;
}

.idk_hero2_meta_item img{
    width: 16px;
    height: 16px;
    object-fit: contain;
    display: block;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991.98px){
    .idk_hero2,
    .idk_hero2_container{
        min-height: 460px;
    }

    .idk_hero2_content{
        bottom: 40px;
        max-width: 100%;
    }

    .idk_hero2_date{
        margin-bottom: 45px;
    }

    .idk_hero2_title{
        font-size: 40px;
    }
}

@media (max-width: 767.98px){
    .idk_hero2,
    .idk_hero2_container{
        min-height: 400px;
    }

    .idk_hero2_content{
        bottom: 30px;
        left: 15px;
    }

    .idk_hero2_date{
        width: 50px;
        height: 60px;
        margin-bottom: 30px;
        top: -260px;
        left: 15px;
    }

    .idk_hero2_day{
        font-size: 15px;
    }

    .idk_hero2_month{
        font-size: 13px;
    }

    .idk_hero2_title{
        font-size: 30px;
        margin-bottom: 10px;
    }

    .idk_hero2_breadcrumb_wrap{
        margin-bottom: 14px;
    }

    .idk_hero2_meta{
        gap: 14px;
    }

    .idk_hero2_meta_item{
        font-size: 13px;
    }
}

.idk_aktivnost_tekst h4{
  color: #27A47C;
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: bold;
}
.idk_aktivnost_tekst h5{
  color: #27A47C;
  font-size: 20px;
  font-weight: bold;
}

/* ================= DOGADJAJ CARD ================= */

.idk_dogadjaj_card1{
    width:100%;
    display:flex;
    align-items:start;
    gap:25px;

    padding:20px 40px;

    background:#ffffff;
    border-radius:50px 10px 50px 10px;

    box-shadow:0 0 24px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}


/* vrijeme */

.idk_dogadjaj_card1_time{
    font-size:20px;
    font-weight:700;
    color:#b2202a;
    min-width:90px;
    text-align: center;
    /* align-self: baseline; */

}


/* vertikalna linija */

.idk_dogadjaj_card1_line{
    display:flex;
    align-items:center;
}

.idk_dogadjaj_card1_line img{
    height:90px;
    width:auto;
}


/* content */

.idk_dogadjaj_card1_content h3{
    margin:0 0 6px 0;
    font-size:20px;
    font-weight:700;
    color:#27A47C;
}

.idk_dogadjaj_card1_content p{
    margin:0;
    font-size:16px;
    color:#777777;
}

/* ================= DOGADJAJ CARD 2 ================= */

.idk_dogadjaj_card2{
    width:100%;
    background:#ffffff;
    border-radius:24px;

    padding:40px 35px;

    box-shadow:0 4px 16px rgba(0,0,0,0.10);
}


/* naslov */

.idk_dogadjaj_card2_title{
    font-size:20px;
    font-weight:700;
    color:#27A47C;

    margin-bottom:30px;
}


/* item */

.idk_dogadjaj_card2_item{
    margin-bottom:26px;
}

.idk_dogadjaj_card2_item:last-child{
    margin-bottom:0;
}


/* label */

.idk_dogadjaj_card2_label{
    font-size:16px;
    color:#777;
    margin-bottom:6px;
}


/* row */

.idk_dogadjaj_card2_row{
    display:flex;
    align-items:center;
    gap:12px;

    font-size:16px;
    font-weight:500;
    color:#333;
}


/* icon */

.idk_dogadjaj_card2_icon{
    width:22px;
    height:22px;
}


/* organizer text */

.idk_dogadjaj_card2_text{
    font-size:16px;
    font-weight:500;
    color:#333;
}

/* ================= DOGADJAJ CARD 3 ================= */

.idk_dogadjaj_card3{
    width:100%;
    background:#008080;
    border-radius:14px;
    padding:32px 30px;

    color:#fff;
    margin-top: 20px;
}


/* naslov */

.idk_dogadjaj_card3_title{
    font-size:24px;
    font-weight:700;
    margin-bottom:14px;
}


/* tekst */

.idk_dogadjaj_card3_text{
    font-size:16px;
    line-height:1.5;
    opacity:0.9;
    margin-bottom:24px;
}


/* kontakt dugme */

.idk_dogadjaj_card3_btn_contact{
    display:block;
    width:100%;
    text-align:center;

    background:#ffffff;
    color:#008080;

    padding:14px 0;
    border-radius: 20px 0px 20px 0px;

    font-weight:600;
    text-decoration:none;

    margin-bottom:14px;
    transition:all .25s ease;
}

.idk_dogadjaj_card3_btn_contact:hover{
    background:#f3f3f3;
}


/* share dugme */

.idk_dogadjaj_card3_btn_share{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

    width:100%;

    border:2px solid rgba(255,255,255,0.7);
    border-radius: 20px 0px 20px 0px;

    padding:12px 0;

    color:#fff;
    text-decoration:none;
    font-weight:500;

    transition:all .25s ease;
}

.idk_dogadjaj_card3_btn_share:hover{
    background:rgba(255,255,255,0.1);
}


/* share icon */

.idk_dogadjaj_card3_icon{
    width:18px;
    height:18px;
}

.idk-contact-card {
        width: 100%;
        background: #FBF9F5;
        border-radius: 14px;
        padding: 36px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
    }

    .idk-contact-form {
        width: 100%;
    }

    .idk-contact-field {
        width: 100%;
        height: 62px;
        border: 1px solid #a9d9da;
        border-radius: 11px;
        background: rgba(204, 204, 204, 0.15);
        padding: 14px 20px;
        font-size: 18px;
        color: #5e5e5e;
        margin-bottom: 16px;
        outline: none;
    }

    .idk-contact-field::placeholder {
        color: #cfcfcf;
    }

    .idk-contact-textarea {
        min-height: 170px;
        height: 170px;
        resize: none;
    }

    .idk-contact-submit {
        width: 100%;
        height: 68px;
        border: 0;
        border-radius: 11px;
        background: #008a8b;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 14px;
    }

    @media (max-width: 991px) {
        .idk-contact-card {
            padding: 22px;
            margin-bottom: 30px;
        }

        .idk-contact-submit {
            font-size: 16px;
        }
    }

/* Turizam single gallery block */
.idk_turizam_gallery_block .idk_about_img,
.idk_turizam_gallery_block .idk_about_gallery {
  height: 520px;
}

.idk_turizam_gallery_block .idk_about_img img,
.idk_turizam_gallery_block .idk_about_gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.idk_turizam_gallery_block .idk_about_gallery .row {
  height: 100%;
}

.idk_turizam_gallery_block .idk_about_gallery .col-lg-12,
.idk_turizam_gallery_block .idk_about_gallery .col-lg-6 {
  height: calc(50% - 0.5rem);
}

@media (max-width: 991.98px) {
  .idk_turizam_gallery_block .idk_about_img,
  .idk_turizam_gallery_block .idk_about_gallery {
    height: auto;
  }

  .idk_turizam_gallery_block .idk_about_gallery .row {
    height: auto;
  }

  .idk_turizam_gallery_block .idk_about_gallery .col-lg-12,
  .idk_turizam_gallery_block .idk_about_gallery .col-lg-6 {
    height: auto;
  }
}











































/****************** slick styles *************************/

.slick-slide {
  margin: 0 10px;
}

/* the parent */
.slick-list {
  margin: 0 -10px;
}

#lightcase-nav a {
  color: #ffffff !important;
}

a.lightcase-icon-close {
  color: #ffffff !important;
}

/* IDK Menu Start */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu #menu-button {
  display: none;
}

#cssmenu {
  text-align: end;
  position: relative;
  z-index: 1250;
}

#cssmenu > ul > li {
  float: left;
}

#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}

#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}

#cssmenu.align-center ul ul {
  text-align: left;
}

#cssmenu.align-right > ul > li {
  float: right;
}

#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 16px;
  text-decoration: none;
  color: #555555;
  text-transform: uppercase;
}

/* #cssmenu > ul > li:hover > a {
  color: #ffffff;
} */

#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: "";
}

#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: "";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 1300;
}

#cssmenu.align-right ul ul {
  text-align: right;
}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#cssmenu li:hover > ul {
  left: auto;
}

#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}

#cssmenu li:hover > ul > li {
  height: 35px;
}

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(85, 85, 85, 0.12);
  padding: 10px 17px;
  width: 220px;
  font-size: 15px;
  text-decoration: none;
  color: #555555;
  font-weight: 500;
  text-transform: none;
  text-align: left;
  background: #ffffff;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #555555;
  text-decoration: none;
  background: #f2f2f2;
}

#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #555555;
  content: "";
}

#cssmenu.align-right ul ul li.has-sub > a:after {
  right: 11px;
  left: auto;
}

#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #555555;
  content: "";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#cssmenu.align-right ul ul li.has-sub > a:before {
  right: 14px;
  left: auto;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}

/* #cssmenu ul li > a:hover,
#cssmenu ul li.active > a {
    border-bottom: 2px solid #008080;
} */


#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
    text-decoration-line: underline;
    text-decoration-color: #008080;
    text-decoration-thickness: 2px;
    text-underline-offset: 10px;
}


@media all and (max-width: 768px),
  only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min-resolution: 192dpi) and (max-width: 1024px),
  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
    text-align: left;
  }

  #cssmenu ul {
    width: 100%;
    display: none;
    text-align: left;
  }

  #cssmenu.align-center > ul {
    text-align: left;
  }

  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }

  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }

  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
    text-align: left;
  }

  #cssmenu > ul > li > a {
    padding-right: 56px;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 46px;
    display: flex;
    align-items: center;
    text-transform: none;
  }

  #cssmenu > ul > li {
    float: none;
  }

  #cssmenu ul ul li a {
    padding-left: 25px;
    min-height: 34px;
    display: flex;
    align-items: center;
  }

  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }

  #cssmenu ul ul li a {
    color: #555555;
    background: none;
    text-transform: none;
    text-align: left;
  }

  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #555555;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.06);
  }

  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }

  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }

  #cssmenu #menu-button {
    display: block;
    width: 100%;
    padding: 17px 56px 17px 17px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
  }

  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    content: "";
  }

  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #000000;
    content: "";
  }

  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #000000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #000000;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 3px;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 40px;
    width: 40px;
    cursor: pointer;
  }

  #cssmenu .submenu-button.submenu-opened {
    background: #11907E;
  }

  #cssmenu ul ul .submenu-button {
    height: 30px;
    width: 30px;
    top: 2px;
  }

  #cssmenu .submenu-button:after {
    position: absolute;
    top: 19px;
    right: 16px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: "";
  }

  #cssmenu ul ul .submenu-button:after {
    top: 13px;
    right: 11px;
  }

  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }

  #cssmenu .submenu-button:before {
    position: absolute;
    top: 16px;
    right: 19px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: "";
  }

  #cssmenu ul ul .submenu-button:before {
    top: 10px;
    right: 14px;
  }

  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/* IDK Menu End */

@media (max-width: 1200px) {
}

/* ================= INDEX MOBILE/TABLET OVERRIDES ================= */
@media (max-width: 991.98px) {
  .idk_header_social {
    padding: 10px 0;
  }

  .idk_header_social .row {
    row-gap: 10px;
    align-items: center;
  }

  .idk_header_social .idk_social_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px 18px;
  }

  .idk_header_social .idk_social_item {
    align-items: center;
    gap: 8px;
  }

  .idk_header_social .idk_social_item p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .idk_header_social .idk_social_icons {
    display: none;
  }

  .idk_logo img {
    height: 64px;
    
  }

  .idk_wrapper{
    margin-top: 25px;
  }

  .idk_hero {
    height: 62vh;
    min-height: 460px;
  }

  .idk_hero_title {
    font-size: 58px;
    line-height: 1.05;
    margin-bottom: 14px;
  }

  .idk_hero_subtitle {
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0 18px;
    margin-top: 10px;
  }

  .idk_hero_subtitle::before,
  .idk_hero_subtitle::after {
    width: 70px;
  }

  .idk_hero_subtitle::before {
    left: -82px;
  }

  .idk_hero_subtitle::after {
    right: -82px;
  }

  .idk_popular_section {
    transform: translateY(-55px);
    margin-bottom: -55px;
  }

  .idk_info_wrapper {
    flex-wrap: wrap;
    gap: 24px 36px;
  }

  .idk_naslov h3 {
    font-size: 30px;
  }

  .idk_slider_arrows {
    margin-top: 24px;
    margin-bottom: 25px;
    gap: 26px;
  }

  .idk_line{
    display: none;
  }

  .idk_before_footer{
    border-radius: 100px 100px 0px 0px;
    margin-top: 80px;
  }

  .idk_slider_arrows .idk_slick_arrow img {
    width: 34px;
    height: 34px;
  }

  .idk_bg {
    border-top-left-radius: 90px;
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .idk_section_title {
    font-size: 28px;
  }

  .idk_bg1 {
    border-radius: 90px 90px 0 0;
    padding-top: 70px;
  }

  .idk_event_body {
    gap: 18px;
    padding: 20px 18px;
  }

  .idk_event_divider {
    display: none;
  }

  .idk_event_content h3 {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .idk_event_meta {
    gap: 14px;
  }

  .idk_event_meta_item {
    font-size: 15px;
    gap: 10px;
  }
footer{
  padding-top: 50px;
}

@media (max-width: 575.98px) {
  .idk_header_social {
    padding: 8px 0;
  }

  .idk_header_social .idk_social_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
  }

  .idk_header_social .idk_social_item p {
    font-size: 12px;
  }

  .idk_header_social .idk_social_icons {
    display: none;
  }
}
  .idk_blog_card {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  .idk_logo {
    height: 52px;
  }

  .idk_hero {
    height: 72vh;
    min-height: 420px;
  }

  .idk_hero_title {
    font-size: 44px;
  }

  .idk_hero_subtitle {
    font-size: 14px;
    letter-spacing: 0.8px;
    padding: 0;
  }

  .idk_hero_subtitle::before,
  .idk_hero_subtitle::after {
    display: none;
  }

  .idk_popular_section {
    transform: translateY(-35px);
    margin-bottom: -35px;
  }

  .idk_slider_container {
    padding: 34px 18px 62px 18px;
  }

  .idk_slider_header {
    margin-bottom: 28px;
  }

  .idk_slider_header h2 {
    font-size: 24px;
  }

  .idk_slide img {
    height: 230px;
  }

  .idk_info_wrapper {
    gap: 18px 24px;
  }

  .idk_naslov h3 {
    font-size: 26px;
  }

  .idk_naslov h3::before {
    width: 72px;
    top: -12px;
  }

  .idk_tekst {
    line-height: 1.6;
  }

  .idk_bg {
    border-top-left-radius: 55px;
    padding-top: 55px;
    padding-bottom: 50px;
  }

  .idk_section_title {
    font-size: 24px;
  }

  .idk_naslov_tekst {
    margin-top: 14px;
    font-size: 15px;
  }

  .idk_bg1 {
    border-radius: 55px 55px 0 0;
    padding-top: 55px;
  }

  .idk_event_img {
    height: 200px;
    min-height: 200px;
  }

  .idk_event_date {
    top: 14px;
    left: 14px;
    width: 50px;
    height: 60px;
  }

  .idk_event_day {
    font-size: 14px;
  }

  .idk_event_month {
    font-size: 12px;
  }

  .idk_blog_img img {
    height: 210px;
  }

  .idk_blog_content {
    padding: 18px;
  }

  .idk_blog_content h4 {
    font-size: 18px;
    margin-bottom: 14px;
  }
}

/* ================= PRAKTICNE INFORMACIJE: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_hero1 {
    height: 430px;
  }

  .idk_hero_title1 {
    font-size: 38px;
    line-height: 1.15;
    margin-bottom: 12px;
  }

  .idk_hero_subtitle1 {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 14px;
    margin-top: 12px;
    word-break: break-word;
  }

  .idk_about_card1 {
    padding: 24px;
    gap: 16px;
  }

  .idk_about_card1 h4 {
    font-size: 19px;
  }

  .idk_about_card1 h5 {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .idk_about_card1 p {
    font-size: 15px;
    line-height: 1.65;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 h3 {
    font-size: 31px;
    line-height: 1.2;
  }
}

@media (max-width: 767.98px) {
  .idk_hero1 {
    height: 360px;
  }

  .idk_hero_title1 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .idk_hero_subtitle1 {
    display: block;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 0;
    margin-top: 8px;
  }

  .idk_hero_subtitle1 img {
    width: 10px;
    height: 10px;
  }

  .idk_about_card1 {
    padding: 20px 16px;
    gap: 14px;
  }

  .idk_about_card1 img {
    width: 42px;
    height: 42px;
  }

  .idk_about_card1 h4 {
    font-size: 17px;
  }

  .idk_about_card1 h5 {
    font-size: 18px;
  }

  .idk_about_card1 p {
    font-size: 14px;
    line-height: 1.55;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 h3 {
    font-size: 24px;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 p {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* ================= BLOG: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_hero1 .row.align-items-end {
    padding-bottom: 34px;
  }

  .idk_hero_search {
    margin-top: 22px;
  }

  .idk_search_wrap {
    padding: 5px;
    border-radius: 32px;
  }

  .idk_search_icon {
    width: 16px;
    margin-left: 14px;
    margin-right: 8px;
  }

  .idk_search_input {
    padding: 10px 8px;
    font-size: 14px;
  }

  .idk_search_btn {
    padding: 9px 20px;
    font-size: 14px;
  }

  .idk_margintop150 .idk_blog_card {
    height: 100%;
  }

  .idk_margintop150 .idk_blog_content {
    padding: 20px;
  }

  .idk_margintop150 .idk_blog_content h4 {
    font-size: 19px;
    margin-bottom: 14px;
  }
}

@media (max-width: 767.98px) {
  .idk_hero1 .row.align-items-end {
    padding-bottom: 24px;
  }

  .idk_hero_search {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .idk_search_wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    border-radius: 16px;
    padding: 12px;
  }

  .idk_search_icon {
    display: none;
  }

  .idk_search_input {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 11px 12px;
  }

  .idk_search_btn {
    width: 100%;
    border-radius: 10px;
    padding: 11px 14px;
  }

  .idk_margintop150 .idk_blog_img img {
    height: 200px;
  }

  .idk_margintop150 .idk_blog_content {
    padding: 16px;
  }

  .idk_margintop150 .idk_blog_date {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .idk_margintop150 .idk_blog_content h4 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .idk_margintop150 .idk_blog_more {
    font-size: 15px;
    gap: 8px;
  }

  .idk_margintop150 .idk_btn {
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ================= CLANAK: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_clanak_naslov {
    font-size: 38px;
    line-height: 1.15;
  }

  .idk_breadcrumbs .breadcrumb {
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .idk_clanak_header {
    gap: 12px;
    flex-wrap: wrap;
  }

  .idk_clanak_gallery .row {
    row-gap: 12px;
  }

  .idk_ostali_clanci {
    margin-top: 28px;
    gap: 14px;
  }

  .idk_blog_card1 {
    height: 165px;
  }

  .idk_blog_content1 {
    padding: 16px;
  }

  .idk_blog_content1 h3 {
    font-size: 16px;
    line-height: 1.25;
  }
}

@media (max-width: 767.98px) {
  .idk_clanak_naslov {
    font-size: 30px;
    line-height: 1.2;
  }

  .idk_breadcrumbs .breadcrumb-item {
    font-size: 13px;
  }

  .idk_breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    width: 9px;
    height: 13px;
    margin: 0 8px;
  }

  .idk_clanak_header {
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
  }

  .idk_clanak_header a,
  .idk_clanak_header a:visited {
    font-size: 14px;
    text-underline-offset: 6px;
  }

  .idk_clanak_gallery .row {
    row-gap: 10px;
  }

  .idk_blog_tekst p {
    font-size: 15px;
    line-height: 1.65;
  }

  .idk_ostali_clanci h2 {
    font-size: 18px;
    text-underline-offset: 8px;
  }

  .idk_blog_card1 {
    height: 150px;
  }

  .idk_blog_content1 {
    padding: 14px;
  }

  .idk_blog_date1 {
    font-size: 13px;
  }

  .idk_blog_content1 h3 {
    font-size: 15px;
  }

  .idk_share p {
    font-size: 15px;
    text-underline-offset: 8px;
  }
}

/* ================= SMJESTAJ-GASTRONOMIJA: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_smjestaj_card {
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .idk_smjestaj_img {
    height: 360px;
  }

  .idk_smjestaj_content {
    left: 24px;
    bottom: 24px;
  }

  .idk_smjestaj_title {
    font-size: 30px;
    margin-top: 8px;
  }

  .idk_smjestaj_icon {
    width: 36px;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 h3 {
    font-size: 32px;
    line-height: 1.2;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 767.98px) {
  .idk_smjestaj_img {
    height: 280px;
  }

  .idk_smjestaj_content {
    left: 16px;
    bottom: 16px;
  }

  .idk_smjestaj_title {
    font-size: 24px;
    margin-top: 6px;
  }

  .idk_smjestaj_icon {
    width: 30px;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 h3 {
    font-size: 25px;
  }

  main > section.idk_margintop150 > .container > .row.justify-content-center.text-center.g-4 p {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* ================= SMJESTAJ: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  main > section.idk_margintop100 .idk_slider_wrap {
    padding: 0 34px;
  }

  main > section.idk_margintop100 .idk_slick_arrow1 {
    width: 42px;
    height: 42px;
  }

  main > section.idk_margintop100 .idk_slick_arrow1 img {
    width: 34px;
    height: 34px;
  }

  main > section.idk_margintop100 .idk_slick_prev {
    left: -10px;
  }

  main > section.idk_margintop100 .idk_slick_next {
    right: -10px;
  }

  main > section.idk_margintop100 .idk_experience_slide {
    margin: 0 10px;
  }
}

@media (max-width: 767.98px) {
  main > section.idk_margintop100 .idk_slider_wrap {
    padding: 0;
  }

  main > section.idk_margintop100 .idk_slick_arrow1 {
    display: none !important;
  }

  main > section.idk_margintop100 .idk_experience_slide {
    margin: 0 6px;
  }

  main > section.idk_margintop100 .idk_slider1 .slick-list {
    padding-bottom: 0 !important;
  }
}

/* dots for smjestaj slider (outside slider block) */
.idk_smjestaj_dots .slick-dots {
  position: static;
  transform: none;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.idk_smjestaj_dots .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0;
  list-style: none !important;
}

.idk_smjestaj_dots .slick-dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 128, 128, 0.25);
  cursor: pointer;
  transition: 0.25s ease;
  font-size: 0 !important;
  line-height: 0 !important;
}

.idk_smjestaj_dots .slick-dots li.slick-active button {
  background: #008080;
}

.idk_smjestaj_dots .slick-dots li button:hover {
  background: rgba(0, 128, 128, 0.5);
}

.idk_smjestaj_dots .slick-dots li button:before {
  display: none !important;
  content: none !important;
}

@media (max-width: 991.98px) {
  main > section.idk_margintop100 .idk_slick_arrow1 {
    display: none !important;
  }
}

/* ================= AKTIVNOSTI: MOBILE DOTS OUTSIDE SLIDER ================= */
.idk_aktivnosti_dots .slick-dots {
  position: static;
  transform: none;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.idk_aktivnosti_dots .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0;
  list-style: none !important;
}

.idk_aktivnosti_dots .slick-dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 128, 128, 0.25);
  cursor: pointer;
  transition: 0.25s ease;
  font-size: 0 !important;
  line-height: 0 !important;
}

.idk_aktivnosti_dots .slick-dots li.slick-active button {
  background: #008080;
}

.idk_aktivnosti_dots .slick-dots li button:hover {
  background: rgba(0, 128, 128, 0.5);
}

.idk_aktivnosti_dots .slick-dots li button:before {
  display: none !important;
  content: none !important;
}

@media (max-width: 991.98px) {
  .idk_aktivnosti_slider_wrap .idk_slick_arrow1 {
    display: none !important;
  }

  .idk_aktivnosti_slider {
    overflow: hidden;
  }

  .idk_aktivnosti_slider .slick-list {
    margin: 0 !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }

  .idk_aktivnosti_slider .slick-slide {
    margin: 0 8px;
  }

  .idk_aktivnosti_slider .idk_experience_slide {
    margin: 0;
  }
}

/* ================= DOGADJAJI: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_event_card_1 {
    flex-direction: column;
    min-height: 0;
    border-radius: 50px 10px 50px 10px;
    margin-bottom: 28px;
  }

  .idk_event_img_1 {
    width: 100%;
    height: 240px;
  }

  .idk_event_content_1 {
    width: 100%;
    border-left: 0;
    border-top: 3px solid #C02034;
    padding: 22px 20px;
  }

  .idk_event_title_1 {
    font-size: 27px;
    margin-bottom: 14px;
  }

  .idk_event_text_1 {
    margin-bottom: 16px;
  }

  .idk_event_meta_1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .idk_event_meta_left_1 {
    flex-wrap: wrap;
    gap: 12px 20px;
  }

  .idk_event_meta_item_1 {
    font-size: 15px;
    gap: 10px;
  }
}

@media (max-width: 767.98px) {
  .idk_event_card_1 {
    border-radius: 26px 8px 26px 8px;
    margin-bottom: 20px;
  }

  .idk_event_img_1 {
    height: 210px;
  }

  .idk_event_date_1 {
    top: 14px;
    left: 14px;
    width: 56px;
    height: 64px;
    border-radius: 28px 8px 8px 8px;
  }

  .idk_event_day_1 {
    font-size: 18px;
  }

  .idk_event_month_1 {
    font-size: 14px;
  }

  .idk_event_content_1 {
    padding: 18px 14px;
  }

  .idk_event_title_1 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .idk_event_text_1 {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .idk_event_meta_item_1 {
    font-size: 14px;
  }

  .idk_event_more_1 {
    font-size: 14px;
    gap: 8px;
    margin-right: 0;
  }

  .idk_event_more_1 img {
    width: 10px;
    height: 10px;
  }

  main > section.idk_margintop150 .idk_btn {
    width: 100%;
    text-align: center;
  }
}

/* ================= DOGADJAJ: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_dogadjaj_card1 {
    gap: 18px;
    padding: 18px 20px;
    border-radius: 30px 10px 30px 10px;
  }

  .idk_dogadjaj_card1_time {
    min-width: 72px;
    font-size: 18px;
  }

  .idk_dogadjaj_card1_line img {
    height: 72px;
  }

  .idk_dogadjaj_card1_content h3 {
    font-size: 18px;
  }

  .idk_dogadjaj_card1_content p {
    font-size: 15px;
  }

  .idk_dogadjaj_card2 {
    margin-top: 28px;
    padding: 26px 22px;
    border-radius: 16px;
  }

  .idk_dogadjaj_card2_title {
    margin-bottom: 22px;
  }

  .idk_dogadjaj_card2_item {
    margin-bottom: 20px;
  }

  .idk_dogadjaj_card3 {
    border-radius: 12px;
    padding: 24px 20px;
  }

  .idk_dogadjaj_card3_title {
    font-size: 22px;
  }
}

@media (max-width: 767.98px) {
  .idk_dogadjaj_card1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 18px 8px 18px 8px;
  }

  .idk_dogadjaj_card1_time {
    min-width: 0;
    text-align: left;
    font-size: 17px;
  }

  .idk_dogadjaj_card1_line {
    display: none;
  }

  .idk_dogadjaj_card1_content h3 {
    font-size: 17px;
    margin-bottom: 4px;
  }

  .idk_dogadjaj_card1_content p {
    font-size: 14px;
  }

  .idk_dogadjaj_card2 {
    margin-top: 20px;
    padding: 18px 14px;
  }

  .idk_dogadjaj_card2_title {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .idk_dogadjaj_card2_label,
  .idk_dogadjaj_card2_row,
  .idk_dogadjaj_card2_text {
    font-size: 14px;
  }

  .idk_dogadjaj_card2_icon {
    width: 18px;
    height: 18px;
  }

  .idk_dogadjaj_card3 {
    margin-top: 14px;
    padding: 18px 14px;
  }

  .idk_dogadjaj_card3_title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .idk_dogadjaj_card3_text {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .idk_dogadjaj_card3_btn_contact,
  .idk_dogadjaj_card3_btn_share {
    padding: 11px 0;
    font-size: 14px;
  }
}

/* ================= O NAMA: MOBILE/TABLET ================= */
@media (max-width: 991.98px) {
  .idk_slider_container1 {
    border-radius: 40px 40px 10px 10px;
    padding: 22px 26px;
  }

  .idk_info_wrapper1 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 30px;
  }

  .idk_about_item {
    width: calc(50% - 16px);
    justify-content: center;
  }

  .idk_about {
    font-size: 28px;
  }

  .idk_about_img,
  .idk_about_gallery {
    margin-bottom: 18px;
  }

  .idk_about_card {
    padding: 24px 26px;
    margin-bottom: 16px;
  }

  .idk_card_header {
    gap: 18px;
  }

  .idk_card_header h3 {
    font-size: 26px;
  }
}

@media (max-width: 767.98px) {
  .idk_slider_container1 {
    border-radius: 24px;
    padding: 16px 14px;
    justify-content: center;
  }

  .idk_info_wrapper1 {
    gap: 14px;
  }

  .idk_about_item {
    width: 100%;
    /* justify-content: flex-start; */
    gap: 12px;
  }

  .idk_about_item img {
    width: 52px;
    height: 52px;
  }

  .idk_item_number1 {
    font-size: 34px;
  }

  .idk_item_label1 {
    font-size: 14px;
  }

  .idk_about {
    font-size: 24px;
  }

  .idk_about_img img,
  .idk_about_gallery img {
    border-radius: 8px;
    height: 300px;
  }

  .idk_about_card {
    padding: 16px 14px;
    gap: 14px;
  }

  .idk_card_header {
    gap: 12px;
  }

  .idk_card_header img {
    width: 52px;
    height: 52px;
  }

  .idk_card_header h3 {
    font-size: 20px;
  }

  .idk_about_card p {
    font-size: 14px;
    line-height: 1.6;
  }
}