/* =========================================================
   NEGOVA BUTTON
   ========================================================= */

.wpm-button {
    --button-height: 45px;
    --end-width: 53px;
    --cut: 12px;
    --accent: var(--global-palette3);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    box-sizing: border-box;

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

    padding-top: 2px !important;

    gap: 15px;

    min-width: 280px;

    height: var(--button-height);
    min-height: var(--button-height);

    padding: 0 38px 0 20px;

    background: var(--global-palette1);
    color: #fff;
    border: 0;

    font-size: clamp(0.7rem, 3vw, .8rem) !important;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;
    cursor: pointer;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: "Roboto SemiCondensed", Arial, sans-serif;

    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - var(--cut)),
            calc(100% - var(--cut)) 100%,
            0 100%);

    -webkit-mask-image:
        linear-gradient(#000 0 0),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91 79'%3E%3Cpath d='M45.5 0V39.5L0 0V79H91V0H45.5ZM81.9039 39.5H72.808V23.6983C72.808 21.513 74.8439 19.7456 77.3611 19.7456C79.8782 19.7456 81.914 21.513 81.914 23.6983V39.5H81.9039Z' fill='black'/%3E%3C/svg%3E");

    -webkit-mask-repeat:
        no-repeat,
        no-repeat;

    -webkit-mask-position:
        left top,
        right top;

    -webkit-mask-size:
        100% 100%,
        0 100%;

    mask-image:
        linear-gradient(#000 0 0),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91 79'%3E%3Cpath d='M45.5 0V39.5L0 0V79H91V0H45.5ZM81.9039 39.5H72.808V23.6983C72.808 21.513 74.8439 19.7456 77.3611 19.7456C79.8782 19.7456 81.914 21.513 81.914 23.6983V39.5H81.9039Z' fill='black'/%3E%3C/svg%3E");

    mask-repeat:
        no-repeat,
        no-repeat;

    mask-position:
        left top,
        right top;

    mask-size:
        100% 100%,
        0 100%;

    transition:
        transform 0.35s cubic-bezier(.22, 1, .36, 1),
        clip-path 0.5s cubic-bezier(.76, 0, .24, 1),
        -webkit-mask-size 0.55s cubic-bezier(.76, 0, .24, 1),
        mask-size 0.55s cubic-bezier(.76, 0, .24, 1);
    transition: background ease 0.3s;
}



/* =========================================================
   HOVER BACKGROUND
   ========================================================= */

.wpm-button:hover {
    background: var(--global-palette3);
}

/*
.wpm-button::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background: var(--accent);

    transform: translateX(-102%);

    transition:
        transform 0.6s cubic-bezier(.76, 0, .24, 1);
}
*/


/* =========================================================
   ARROW
   ========================================================= */
.wpm-post-card__more::after,
.wpm-button::after {
    content: "";

    position: relative;
    z-index: 2;

    flex: 0 0 auto;

    width: 20px;
    height: 27px;

    background: currentColor;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 464 445' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 222.521L284.616 0L260.032 30.4879L414.832 222.542L260.048 414.533L284.616 445L464 222.542V222.521ZM334.017 222.5C334.017 234.398 326.239 244.043 316.645 244.043H0V200.936H316.645C326.239 200.936 334.017 210.582 334.017 222.479V222.5Z'/%3E%3C/svg%3E") center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 464 445' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 222.521L284.616 0L260.032 30.4879L414.832 222.542L260.048 414.533L284.616 445L464 222.542V222.521ZM334.017 222.5C334.017 234.398 326.239 244.043 316.645 244.043H0V200.936H316.645C326.239 200.936 334.017 210.582 334.017 222.479V222.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wpm-button::after {
    position: absolute;
    right: 20px;
    top: 9px;
}


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

/*
.wpm-button:hover {
    transform: translateY(-2px);

    clip-path: polygon(0 0,
            100% 0,
            100% 100%,
            0 100%);

    -webkit-mask-size:
        calc(100% - var(--end-width) + 1px) 100%,
        var(--end-width) 100%;

    mask-size:
        calc(100% - var(--end-width) + 1px) 100%,
        var(--end-width) 100%;
}


.wpm-button:hover::before {
    transform: translateX(0);
}
*/

/* =========================================================
   ARROW ANIMATION
   ========================================================= */

.wpm-button:hover::after {
    animation:
        wpm-arrow-loop 0.6s cubic-bezier(.76, 0, .24, 1);
}


@keyframes wpm-arrow-loop {

    0% {
        transform: translateX(0);
        opacity: 1;
    }

    42% {
        transform: translateX(20px);
        opacity: 0;
    }

    43% {
        transform: translateX(-16px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


/* =========================================================
   ACTIVE
   ========================================================= */

.wpm-button:active {
    transform: translateY(0);
}


/* =========================================================
   FOCUS
   ========================================================= */

.wpm-button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .wpm-button,
    .wpm-button::before {
        transition: none;
    }

    .wpm-button:hover::after {
        animation: none;
    }
}


/** Header button **/

.wpm-button.wp-block-wpm-button.kontakt-header {
    text-decoration: unset;
    min-width: 100px;
    font-size: 18px;
    --button-height: 30px;
    --end-width: 36px;
    letter-spacing: .8px;
    font-family: "Roboto SemiCondensed", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 30px;
}

.dozivetje-grid-title {
    font-family: "Roboto SemiCondensed", Arial, sans-serif;
}

.wpm-button.wp-block-wpm-button.kontakt-header::after {
    display: none;
}



/*Secondary*/

.wpm-button.secondary {
    color: var(--global-palette3);
    background: var(--global-palette2);
    transition: color 0.4s ease;
    transition: background 0.4s ease;
    
}

 .wpm-button.secondary:before {
    inset: 2px;

    content: "";
    position: absolute;
    background: white;
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - var(--cut)),
            calc(100% - var(--cut)) 100%,
            0 100%);
    z-index: -2;
    transition: background ease .3s;
} 

.wpm-button.wpm-button.secondary::after {
    background: var(--global-palette2);
}

.wpm-button.wpm-button.secondary:hover::after {
    background: currentColor;
}

.wpm-button.secondary:hover:before {
    inset: 2px;

    content: "";
    position: absolute;
    background: var(--global-palette2);
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - var(--cut)),
            calc(100% - var(--cut)) 100%,
            0 100%);
    z-index: -2;
} 

a.wpm-button.wp-block-wpm-button.wpm-button.secondary:focus {
    color: var(--global-palette3);
}




/*
.wpm-button.secondary::before {
    background: var(--global-palette1);
}
*/
.header-menu-container ul li.menu-item.current_page_item a {
    font-weight: 700;
}

.blur {
    position: relative;
    overflow: hidden;
}

.blur::after {
    content: "";
    position: absolute;
    inset: 0;

    background: #3c332954;

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

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

.blur>* {
    position: relative;
    z-index: 2;
}

.dot-right,
.dot-left {
    position: relative;
}

.dot-left:after,
.dot-right::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--global-palette6);
    border-radius: 50%;
}

.dot-right::after {
    right: -110px;
}

.dot-left::after {
    left: -110px;
}

.casovnica:after {
    content: "";
    background: var(--global-palette6);
    height: 92%;
    position: absolute;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
}


.tabs-style .kt-tabs-title-list li {
    --cut: 12px;
    --border-color: #3d352b;

    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    border: 1px solid transparent;

    clip-path: polygon(0 0,
            calc(100% - var(--cut)) 0,
            100% var(--cut),
            100% 100%,
            0 100%);

    background:

        linear-gradient(45deg,
            transparent calc(50% - 0.7px),
            var(--border-color) calc(50% - 0.7px),
            var(--border-color) calc(50% + 0.71px),
            transparent calc(50% + 0.7px)) top right / var(--cut) var(--cut) no-repeat,

        linear-gradient(#fff 0 0) padding-box,

        linear-gradient(var(--border-color) 0 0) border-box
}


.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after,
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before,
.kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:after,
.kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:before {
    height: 3px !important;
    width: 10px !important;
}


.accordion-style .kt-blocks-accordion-title {
    position: relative;
}

.accordion-style .kt-blocks-accordion-title::before {
    content: "";
    position: absolute;

    left: -40px;
    top: 50%;
    transform: translateY(-50%);

    width: 25px;
    height: 25px;

    background-image: url("/wp-content/uploads/2026/08/info.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.accordion-style {
    .kt-accordion-pane-5 button:not(.kt-accordion-panel-active) {
        border-bottom: 0px transparent !important;
    }
}

 .kb-svg-icon-wrap svg rect:not(:first-child) {
    fill: var(--global-palette9, #ffffff);
}


 .kb-svg-icon-wrap svg rect:not(:first-child) {
    fill: var(--global-palette3, #1A202C);
}

.form-style label {
    font-weight: 400;
    padding-bottom: 7px;
}

/*
.pink.wpm-button{
    background: var(--global-palette6) !important;
    color: var(--global-palette3) !important;
    padding: 20px 60px !important;
    font-weight: 700 !important;
}
*/
.pink.wpm-button:hover,
.kb-adv-form-submit-button.wpm-button:hover {
    background: var(--global-palette6) !important;
}

a.kontakt-header:focus {
    color: #fff;
}

.hero {
    position: relative;
}

.hero::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    /**
    bottom: clamp(-50px, -2.5vw, 0px);

    width: 100%;
    height: clamp(100%, 115%, 130%);
**/
    bottom: 0;

    inset-inline: -10px;
    bottom: 0;
    width: 101%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/08/HERO-BANNER.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    pointer-events: none;
}


/*Post cards*/

.wpm-post-card__link {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.wpm-post-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wpm-post-card__date {
    --cut: 12px;

    position: absolute;
    top: 0;
    left: 30px;

    background-color: var(--global-palette3);
    max-width: 50px;

    color: #fff;
    text-align: center;

    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - var(--cut)),
            calc(100% - var(--cut)) 100%,
            0 100%);
    line-height: 1;
    padding: 10px 0;
}

.wpm-post-card__day {
    font-size: clamp(1rem, 3vw, 1.4rem);
    font-weight: bold;
}

.wpm-post-card__category {
    font-size: clamp(0.7rem, 2vw, .85rem);

}

.wpm-post-card__month {
    font-size: clamp(0.7rem, 2vw, 1rem);
}

.entry-title.wpm-post-card__title {
    font-size: clamp(.8rem, 3vw, 1.1rem) !important;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    letter-spacing: -0.5px;
}

.entry-title.wpm-post-card__title {
    display: flex;
    align-items: flex-start;
}

.wpm-post-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: start;
    padding: 1rem 1.3rem;
    ;
}

.wpm-post-card__excerpt {
    flex: 1 1 auto;
}

.wpm-post-card__image {
    position: relative;
}

.wpm-post-card__categories {
    padding-bottom: 20px;
}

.wpm-post-card__categories a {
    color: var(--global-palette2);
    text-decoration: none;
    text-transform: lowercase;
    font-size: clamp(0.8rem, 2vw, 1rem);
    font-family: "Roboto SemiCondensed", Arial, sans-serif;
}

.wpm-post-card__image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

.wpm-post-card__price {
    padding: 15px 0 0;
    font-size: clamp(0.9rem, 4vw, 1.5rem);
    font-weight: 500;
}

.wpm-post-card__more {
    font-size: clamp(.8rem, 3vw, .9rem);
    color: var(--global-palette3);
    text-decoration: none;
    font-weight: 600;
    font-family: "Roboto SemiCondensed", Arial, sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 3rem;
    line-height: 1;
}

/* CARD */
.wpm-post-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}


/* IMAGE */
.wpm-post-card__image {
    position: relative;
    overflow: hidden;
}

.wpm-post-card__image::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.3),
        rgba(0, 0, 0, 0)
    );

    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.wpm-post-card__thumbnail {
    display: block;
    width: 100%;
    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}


/* CONTENT */
.entry-content-wrap.wpm-post-card__content {
    transition:
        background-color 0.35s ease,
        color 0.35s ease;
}

.wpm-post-card__price,
.entry-title.wpm-post-card__title {
    transition: color 0.35s ease;
}


/* HOVER */
.kt-blocks-post-grid-item:has(.wpm-post-card__link:hover) {
    background-color: var(--global-palette2);
    color: #fff !important;
}

.negova-post-filter__posts-wrap .negova-post-filter__item:hover {
    background-color: var(--global-palette2);
    color: #fff !important;
}


.wpm-post-card__link:hover {
    color: #fff !important;
}

.wpm-post-card__link:hover .wpm-post-card__price,
.wpm-post-card__link:hover .entry-title.wpm-post-card__title {
    color: #fff;
}


/* IMAGE HOVER EFFECT */
.wpm-post-card__link:hover .wpm-post-card__thumbnail {
    transform: scale(1.06);
}

.wpm-post-card__link:hover .wpm-post-card__image::after {
    opacity: 1;
}



@media(max-width: 800px) {

    .wpm-post-card__more::after,
    .wpm-button::after {
        width: 10px;
    }
}

.wpm-post-card__more:hover {
    color: var(--global-palette1);
}

.kt-blocks-post-grid-item .wpm-post-card__content {
    display: flex;
    flex: 1 1 auto;
    min-height: 100%;
}

.kt-blocks-post-grid-item .wpm-post-card__link {
    height: 100%;
}

.kt-blocks-post-grid-item .wpm-post-card__price-label {
    text-transform: none;
}

.kt-blocks-post-grid-item .wpm-post-card__price {
    margin-top: auto;
}

.kt-blocks-post-grid-item .wpm-post-card__price-value {
    text-transform: lowercase;
}

.entry.loop-entry {
    box-shadow: unset;
}



/* ============================================================
   NEGOVA POST FILTER
   ============================================================ */


.negova-post-filter {
    max-width: var(--global-content-width, 1490px);
    margin: 0 auto;
}

/* ------------------------------------------------------------
   MAIN
   ------------------------------------------------------------ */

.negova-post-filter {
    display: block;

    width: 100%;

    padding-bottom: 70px;
}


/* ------------------------------------------------------------
   FILTER AREA
   ------------------------------------------------------------ */

.negova-post-filter__sidebar {
    width: 100%;

    min-height: 0;

    padding: 0;

    margin: 0 0 60px;

    background: none !important;
}


/* ------------------------------------------------------------
   FILTER LABEL
   ------------------------------------------------------------ */

.negova-post-filter__filter-label {
    margin: 0 0 20px;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;

    color: var(--global-palette3);
}


/* ------------------------------------------------------------
   FILTER NAVIGATION
   ------------------------------------------------------------ */

.negova-post-filter__categories {
    display: flex;

    flex-direction: row;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    max-width: none;

    margin: 0;

    gap: 0 clamp(25px, 4vw, 40px);

    border-bottom:
        1px solid rgba(0, 0, 0, .45);
}


/* ------------------------------------------------------------
   FILTER BUTTON
   ------------------------------------------------------------ */

.negova-post-filter__category {
    position: relative;

    font-family: "Roboto SemiCondensed", Arial, sans-serif;
    display: inline-flex;

    align-items: center;

    flex: 0 0 auto;

    padding: 8px 20px;

    border: 0;

    background: transparent;

    color: var(--global-palette3);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;

    text-align: left;

    text-transform: none;

    white-space: nowrap;

    cursor: pointer;

    transition:
        color .2s ease;
}


.negova-post-filter__category:hover,
.negova-post-filter__category:focus {
    background: transparent;

    color: var(--global-palette3);
}


.negova-post-filter__category:focus-visible {
    outline:
        2px solid currentColor;

    outline-offset:
        4px;
}


/* ------------------------------------------------------------
   ACTIVE FILTER
   ------------------------------------------------------------ */

.negova-post-filter__category.is-active {
    color: var(--global-palette3);

    font-weight: 700;
}

.negova-post-filter__category.is-active::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -1px;

    height: 3px;

    background:
        var(--global-palette3);
}


/* ------------------------------------------------------------
   CONTENT
   ------------------------------------------------------------ */

.negova-post-filter__content {
    position: relative;

    width: 100%;

    max-width: none;

    min-width: 0;
}


/* ------------------------------------------------------------
   RESULTS TRANSITION
   ------------------------------------------------------------ */

.negova-post-filter__results {
    opacity: 1;

    transition:
        opacity .12s ease;
}


.negova-post-filter__results.is-changing {
    opacity: 0;
}


/* ------------------------------------------------------------
   POSTS GRID
   ------------------------------------------------------------ */

.negova-post-filter__grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;
}


/* ------------------------------------------------------------
   POST ITEM
   ------------------------------------------------------------ */
.kt-blocks-post-grid-item,
.negova-post-filter__item {
    min-width: 0;

    border: 2px solid var(--global-palette2) !important;
}

.kt-blocks-post-grid-item-inner {
    padding: 0 !important;
}


/* ------------------------------------------------------------
   EXISTING CARD STYLES
   ------------------------------------------------------------ */

.blog.content-style-unboxed .entry-content-wrap,
.negova-post-filter .entry-content-wrap {
    padding: 1rem !important;
}


.entry-title.wpm-post-card__title {

    line-height: 1.2;
    position: relative;
}

.entry-title.wpm-post-card__title {
    margin-top: 0 !important;
}


.wpm-post-card__price {

    font-size:
        clamp(.8rem, 3vw, .9rem);
    color: var(--global-palette2);
}

.wpm-post-card__more {
    padding-top: 10px;
}


.wpm-post-card__excerpt {
    font-size:
        clamp(.7rem, 3vw, .9rem);

    line-height: 1.3;

    font-weight: 400;
    text-align: left;
}


/* ------------------------------------------------------------
   EMPTY MESSAGE
   ------------------------------------------------------------ */

.negova-post-filter__empty {
    grid-column: 1 / -1;

    width: 100%;

    padding: 40px 0;

    text-align: center;
}


/* ------------------------------------------------------------
   ERROR
   ------------------------------------------------------------ */

.negova-post-filter__error {
    width: 100%;

    padding: 30px 0;

    text-align: center;
}


/* ------------------------------------------------------------
   AJAX LOADER
   ------------------------------------------------------------ */

.negova-post-filter__loader {
    display: none;

    position: absolute;

    top: 50px;

    left: 50%;

    transform:
        translateX(-50%);

    z-index: 10;
}


.negova-post-filter.is-loading .negova-post-filter__loader {
    display: block;
}


.negova-post-filter.is-loading .negova-post-filter__results {
    opacity: .3;

    pointer-events: none;
}


.negova-post-filter__loader span {
    display: block;

    width: 30px;

    height: 30px;

    border:
        3px solid rgba(0, 0, 0, .15);

    border-top-color:
        #9c4949;

    border-radius:
        50%;

    animation:
        negova-filter-spin .7s linear infinite;
}


@keyframes negova-filter-spin {

    to {
        transform:
            rotate(360deg);
    }

}


/* ------------------------------------------------------------
   PAGINATION
   ------------------------------------------------------------ */

.negova-post-filter__pagination {
    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 10px;

    padding:
        30px 0 0;
}


.negova-post-filter__page {
    background:
        transparent;

    border:
        1px solid var(--global-palette-btn-bg);

    color:
        var(--global-palette-btn-bg);

    cursor: pointer;
}


.negova-post-filter__page.is-active {
    background:
        var(--global-palette-btn-bg);

    color: #fff;
}


.negova-post-filter__pagination-dots {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 30px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .negova-post-filter__sidebar {
        margin-bottom:
            70px;
    }


    .negova-post-filter__categories {
        gap:
            0 30px;
    }


    .negova-post-filter__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .negova-post-filter {
        padding-bottom:
            50px;
    }


    .negova-post-filter__sidebar {
        min-height: 0;

        padding: 0;

        margin-bottom:
            50px;
    }


    .negova-post-filter__filter-label {
        margin-bottom:
            10px;
    }


    /**
     * Horizontal scrolling filters.
     */
    .negova-post-filter__categories {

        width: 100%;

        max-width: 100%;

        overflow-x: auto;

        overflow-y: hidden;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width:
            none;
    }


    .negova-post-filter__categories::-webkit-scrollbar {
        display: none;
    }


    .negova-post-filter__category {
        flex: 0 0 auto;

        min-height: 44px;

        padding:
            10px 0 13px;

        font-size:
            13px;
    }


    .negova-post-filter__content {
        width: 100%;

        max-width: none;

        min-width: 0;

        padding: 0;
    }


    .negova-post-filter__grid {

        gap:
            10px;
    }


    .negova-post-filter .entry-content-wrap {
        padding:
            1rem 0 !important;
    }

    .wpm-post-card__categories {
        padding-bottom: 10px;
    }

    .wpm-post-card__content {
        padding: 0.5rem .8rem .8rem !important;
    }


    .negova-post-filter button {
        padding:
            .1em .7em;
    }


    /**
     * Restore filter button padding because
     * the rule above affects all buttons.
     */
    .negova-post-filter .negova-post-filter__category {
        padding:
            10px 0 13px;
    }


    .negova-post-filter__pagination {
        justify-content:
            center;
    }

}


.negova-post-filter__title {
    text-transform: uppercase;
}




.wpm-button:hover {
    color: white;
}


@media (max-width: 640px) {
    .negova-program-accordion {
        padding: 50px 0;
    }
}


.site-main-header-inner-wrap .current-menu-item.current_page_item a {
    font-weight: 700 !important;
}

.custom-size-heading {
    font-size: clamp(1.8em, 5vw, 4rem);
    line-height: 1.3;
}

h1.wpm-h1 {
    font-size: clamp(1.7rem, 5vw, 3rem);
}

.wpm-h2 {
    font-size: clamp(1.3rem, 4vw, 1.9rem);
}

.wpm-h3 {
    font-size: clamp(1rem, 4vw, 1.4rem);
}

.text-lg {
    font-size: clamp(.8rem, 2vw, 1rem);
}

.text-elg {
    font-size: clamp(.7rem, 4vw, 1.1rem);
}

a.wpm-button.wp-block-wpm-button:focus {
    color: white;
}

@media (max-width: 768px) {
    p {
        font-size: 14px;
    }

    .entry-title.wpm-post-card__title {
        margin: 0 !important;
    }


    .wpm-button {
        min-width: 230px;
        --button-height: 43px;
        --end-width: 50px;
        gap: 15px;
    }

    .wpm-post-card__price {
        padding: 10px 0 10px;
    }

    .kt-post-grid-layout-grid-wrap.kt-post-grid-wrap {
        grid-gap: 10px;
    }

    .wpm-button::after {
        width: 20px;
    }

    .wpm-post-card__date {
        max-width: 40px;
    }

    .hero::after {
        display: none;
    }

    .casovnica:after {
        display: none !important;
    }
}

.negova-post-filter__description {
    max-width: 600px;
    margin: 15px 0 50px;
}


.content-width-narrow .content-container.site-container {
    max-width: var(--global-content-width);
}


.najem-gradu {

    .wp-block-kadence-column {
        min-height: 100%;
    }

    .wp-block-kadence-column>.kt-inside-inner-col {
        min-height: 100%;
        display: flex;
    }

    .description-p {
        flex: 1;
    }

    .wpm-button {
        align-self: flex-start;
    }
}


.media-mobile {

    .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic.kt-info-animate-none,
    img {
        width: 30px;
    }

    .kt-blocks-info-box-media-container .kt-blocks-info-box-media {
        margin-right: 10px;
    }
}

footer .wp-block-kadence-infobox .kt-blocks-info-box-media-align-left {
    align-items: flex-start;
}

@media(max-width:480px) {

    .blog.content-style-unboxed .entry-content-wrap,
    .negova-post-filter .entry-content-wrap {
        padding: .8rem !important;
    }
}


.negova-post-filter {
    max-width: var(--global-content-width, 1490px);
    padding: 0 20px;
}


.kb-svg-icon-wrap svg rect:not(:first-child):hover {
    fill: black;
}


.hero {
    max-height: 560px;
}


.hero-home>.kt-row-column-wrap {
    align-content: unset !important;
    top: clamp(60px, calc(14.86vw - 14px), 200px);
}

:root {
    --global-content-width: min(80%, 1290px);
}

@media (max-width: 767px) {
    :root {
        --global-content-width: 100%;
    }
}


.izberi-dozivetje>.kt-inside-inner-col {
    min-height: 100%;
}



/**additional css**/
@media (max-width:980px) {
    .negova-post-filter {
        padding: 5px;
    }
}

@media (max-width:480px) {
    .negova-post-filter {
        padding: 10px 24px;
    }

    .negova-post-filter .wpm-post-card__title {
        min-height: 0px !important;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .negova-post-filter .wpm-post-card__price {
        padding-bottom: 10px
    }

    .negova-post-filter .wpm-post-card__more {
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    .timeline-row .kt-row-column-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .timeline-col-left,
    .timeline-col-right,
    .timeline-col-left>.kt-inside-inner-col,
    .timeline-col-right>.kt-inside-inner-col {
        display: contents !important;
    }

    .entry-13-stoletje,
    .entry-1425,
    .entry-1487,
    .entry-16-stoletje,
    .entry-1605,
    .entry-17-stoletje,
    .entry-po-1945,
    .entry-danes {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    .entry-13-stoletje {
        order: 1 !important;
    }

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

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

    .entry-16-stoletje {
        order: 4 !important;
    }

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

    .entry-17-stoletje {
        order: 6 !important;
    }

    .entry-po-1945 {
        order: 7 !important;
    }

    .entry-danes {
        order: 8 !important;
    }
}


@media(max-width: 1478px) {
    .entry-title.wpm-post-card__title {
        min-height: 43px;
    }

    .wpm-post-card__excerpt {
        min-height: 73px;
    }

    .casovnica:after {
        height: 91%;
    }
}

.equal-height>.kt-inside-inner-col {
    min-height: 100%;
}


.wpm-post-card__more::after {
    width: 16px;
}


/* ------------------------------------------------------------
   CUSTOM EVENT CARD (post filter)
   ------------------------------------------------------------ */

.negova-post-filter .wpm-event-card .wpm-event-card__content p {
    margin: 0 0 0.6em;
}

.negova-post-filter .wpm-event-card .wpm-event-card__content p:last-child {
    margin-bottom: 0;
}

.negova-post-filter .wpm-event-card .wpm-post-card__title {
    margin-bottom: 1rem !important;
}

.negova-post-filter .wpm-event-card .wpm-event-card__meta {
    margin-top: auto;
    padding-top: 12px;
    font-size: clamp(.7rem, 3vw, .9rem);
    line-height: 1.45;
    font-weight: 400;
}

.negova-post-filter .wpm-event-card .wpm-event-card__meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35em;
}

.negova-post-filter .wpm-event-card .wpm-event-card__meta-label {
    font-weight: 600;
}

.negova-post-filter .wpm-event-card .wpm-post-card__more {
    padding-top: 14px;
}

.negova-post-filter__item:hover .wpm-event-card .wpm-event-card__meta,
.negova-post-filter__item:hover .wpm-event-card .wpm-post-card__more {
    color: #fff;
}

.najem-gradu {
    .kt-block-spacer.kt-block-spacer-halign-left, .wpm-button.wp-block-wpm-button, p, h2 {
        margin: 0 20px;
    }
}


.kb-form-basic-style input[type=radio]:checked, .kb-form-basic-style input[type=checkbox]:checked {
    border-color: var(--global-palette1) !important;
    background: var(--global-palette1) !important;
}


.kb-adv-form-submit-button .kt-btn-inner-text{
    padding: 5px 30px 0 20px!important;
}

@media(min-width: 1300px) {
    .dozivetje-grid-p {
        min-height: 76px;
    }
}

@media(max-width: 1300px) {

    .dozivetje-grid-title {
            min-height: 40px;
    }
    .dozivetje-grid-p {
        min-height: 150px;
    }
}


@media(max-width: 800px) {

    .dozivetje-grid-title {
            min-height: unset;
    }
    .dozivetje-grid-p {
        min-height: unset;
    }

    .wpm-button::after {
        top: 8px;
        width: 15px;
    }
    
    li {
        font-size: 14px;
    }

}

.hero .kb-svg-icon-wrap svg {
    width: .7em; 
    cursor: pointer;
}


.hero .kt-row-layout-overlay {
    background: linear-gradient(
        to top,
        rgba(20, 15, 10, 0.88) 0%,
        rgba(20, 15, 10, 0.75) 22%,
        rgba(20, 15, 10, 0.38) 38%,
        rgba(20, 15, 10, 0) 60%
    ) !important;
    opacity: 1 !important;
}


.darker-section {
    position: relative;
}

.darker-section::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 90%;
    left: 100px;
    top: 0;

    background-image: url("/wp-content/uploads/2026/09/Vector-13.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}