@charset "UTF-8";
/* CSS Document */

.slider-link, .slider-link:hover {
    color: white;
}

@media screen and (max-width: 600px) {
    .badge-hero {
        width: 9rem!important;
    }
    .only-desk {
        display: none!important;
    }
    .only-mob {
        display: block!important;
    }
    #pretraga-filter {
        order: 2;
    }

    #prikaz-rezultata {
        order: 1;
    }
}

@media screen and (min-width: 600px) {
    .badge-hero {
        width: 13rem!important;
    }
    .only-desk {
        display: block!important;
    }
    .only-mob {
        display: none!important;
    }
    .apps {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .padding-oglas-banner {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.customized_notify:hover {
    cursor: pointer;
}

.red-overlay:hover {
    color: #e14d67!important;
}

.title-ad-desc {
    font-size: 1rem;
    font-weight: 400;
    width: 20%;
}

.card-img-top-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
}

.badge {
	background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.3rem;
}
.oglas {
	background-color: white;
    position: relative;
    right: 1rem;
    top: 2.6rem;
    z-index: 1000;
    margin: 0.3rem;
}
.avio-karta {
    position: relative;
    top: 0.2rem;
    z-index: 1000;
    margin: 0.3rem;
}

@media only screen and (max-width: 600px) {
    .owl-theme.list_carousel .item {
        padding: 0px;
    }
    #search_bar_container {
        margin-bottom: -1.5rem;
        border-radius: 5px;
    }
    .title-ad-desc {
        font-size: 1rem;
        font-weight: 400;
        width: 9rem;
    }
}

@media only screen and (min-width: 600px) {
    .owl-theme.list_carousel .item {
        padding: 7px;
    }
    #search_bar_container {
        width: 70%;
        margin-bottom: -2rem;
        left: 15%;
        border-radius: 5px;
    }
    .search_bar {
        width: 89%;
        margin: 0;
    }
    .owl-dots {
        display: none;
    }
    .title-ad-desc {
        font-size: 1rem;
        font-weight: 400;
        width: 9rem;
    }
    .smestaj-table tr td:first-child {
        width: 30%;
    }
}

@media only screen and (max-width: 600px) {
    #cookie-notification {
        width: 100%;
    }
}

@media only screen and (min-width: 600px) {
    #cookie-notification {
        width: 30%;
    }
}

a .disable-hover {
	color: black!important;
}
ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {
	background: #eeeeee!important;
}

.item a {
	color: white;
}

.btn-contact {
    background-color: #FF4081;
    border-color: #FF4081;
    color: white;
}
.btn-contact:hover {
    background-color: #FF80AB;
    border-color: #FF80AB;
}

.btn-izvorni-oglas {
    background-color: #03b6e257;
    border-color: #ffffff57;
    color: white;
}
.btn-izvorni-oglas:hover {
    background-color: #00cdff;
    border-color: #00cdff;
}

/* pills drzave */

.grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.rounded-pill {
    border-radius: 20px;
}

.pill {
    background-color: #bbbbbb;
    color: #fff;
    font-size: 1rem;
    padding: 5px 20px;
    text-align: center;
}

.destination-pill {
    background-color: #ff2381;
    color: #fff;
    font-size: 1rem;
    padding: 5px 20px;
    text-align: center;
}
.destination-pill:hover {
    cursor: pointer;
    background-color: #ff59a0;
    color: white;
}

.pill:hover {
    cursor: pointer;
    background-color: #d14848;
}

.pill-click {
    background-color: #d14848;
}

/* pills drzave kraj */


.nav-footer p a {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#add-field {
    float: right;
}

#add-field:hover {
    cursor: pointer;
}

/*
.pill-date {
    background-color: #14cb02;
    color: #fff;
    font-size: 1rem;
    padding: 5px 20px;
    text-align: center;
    border-radius: 20px;
    width: auto;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.pill-date:hover {
    cursor: default;
    background-color: #1adf06;
}
*/

/* Prikaz google maps u oglasu */

.map-cell {
    width: 400px; /* Set the desired width of the table cell */
    height: 300px; /* Set the desired height of the table cell */
}

.map-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 75%; /* Set the aspect ratio of the map (height / width) */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 600px) {
  /* tel */
}

@media only screen and (max-width: 600px) {
  /* tel */
}


/* KRAJ - mape */

.custom-card {
  height: 260px;
  overflow: hidden;
  position: relative;
}

.custom-card img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.bg-image {
    background-size: cover;
    background-position: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
}

.blok-akcije {
    color: white;
    font-size: 2rem;
    font-weight: bolder;
}
.blok-akcije:hover {
    color: #ff4444!important;
}

@media only screen and (max-width: 600px) {
  #dodaj-marginu {
    margin-bottom: 1.5rem;
  }
}

.custom-pin {
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: #ffa600;
    z-index: 121;
}

.mesto-za-vas-oglas {
    background-color: white;
    text-align: center;
    color: black;
    border-radius: 5px;
    padding: 1rem;
    height: 16.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 1.2rem;
}