/* =========================================================

   POJEDINAČNI ČLANAK

   Slika ostaje full width,

   naslov / info / sadržaj su uvučeni

   ========================================================= */



/* NASLOV */

.view-article .article-header {

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 24px;

    padding-right: 24px;

}



/* META PODACI */

.view-article .article-info {

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 24px;

    padding-right: 24px;

}



/* TEKST ČLANKA */

.view-article [itemprop="articleBody"] {

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 24px;

    padding-right: 24px;

}



/* EDIT LINK */

.view-article .article-can-edit {

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 24px;

    padding-right: 24px;

}



/* MOBILE */

@media (max-width: 767px) {



    .view-article .article-header,

    .view-article .article-info,

    .view-article [itemprop="articleBody"],

    .view-article .article-can-edit {

        padding-left: 16px;

        padding-right: 16px;

    }



}



/* POJEDINAČNI ČLANAK - HERO OMOTAČ */

.com-content.view-article .article-header-wrap {

    background-color: #f7f2e9;

}



/* GLAVNI DIO POJEDINAČNOG ČLANKA */

.com-content.view-article #sp-main-body,

.com-content.view-article #sp-main-body > .container,

.com-content.view-article #sp-main-body .container-inner,

.com-content.view-article .article-info-wrap {

    background: #f7f2e9 !important;

}



/* DONJI DIO ISPOD KOSOG REZA HEROA */

.com-content.view-article .article-header-wrap {

    background-color: #f7f2e9 !important;

}



.com-content.view-article .article-full-image::after {

    background: linear-gradient(

        90deg,

        #2d1c14 0%,

        #4a3022 40%,

        #6b4a32 100%

    ) !important;
}



.samostan-header {

    position: relative !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;



    width: 100% !important;

    background: #f7f2e9 !important;



    z-index: 20;

}



.samostan-header + section,

.samostan-header + div {

    margin-top: 0 !important;

}





/* =========================================================

   LOGO U ZAGLAVLJU

   ========================================================= */



.samostan-header img {

    display: block !important;

    width: auto !important;

    height: 96px !important;

    max-width: none !important;

    max-height: none !important;

    transform: translate(-25px, 8px);

}



.sppb-article-introtext p {

    margin-top: 0;

    margin-bottom: 6px;

}



/* =========================================================

   HERO HEADER ČLANKA - NASLOV, DATUM I KATEGORIJA

   ========================================================= */



/* NASLOV */

.com-content.view-article .article-header h1,

.com-content.view-article .article-header .page-header h1,

.com-content.view-article .article-header .article-title {

    color: #ffffff !important;



    text-shadow:

        0 2px 4px rgba(0, 0, 0, 0.32),

        0 4px 12px rgba(0, 0, 0, 0.22);

}





/* DATUM I KATEGORIJA - ČVRSTA SJENA */

.com-content.view-article .article-info,

.com-content.view-article .article-info a,

.com-content.view-article .article-info span,

.com-content.view-article .article-info time {

    color: #f7f2e9 !important;

    text-shadow: 1px 1px 0 rgba(45, 28, 20, 0.75);

}



@media (min-width: 992px) {

    #offcanvas-toggler {

        display: none !important;

    }

}



@media (max-width: 991.98px) {



    .sppb-addon-articles .sppb-addon-article-layout-side-content {

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

    }



    .sppb-addon-articles

    .sppb-addon-article-layout-side-content

    > .sppb-article-img-wrap {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        flex: none !important;

    }



    .sppb-addon-articles

    .sppb-addon-article-layout-side-content

    > .sppb-article-img-wrap img {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

    }



    .sppb-addon-articles

    .sppb-addon-article-layout-side-content

    > .sppb-article-info-wrap {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        flex: none !important;

    }

}



/* Glavni izbornik + podizbornik - desktop */

@media (min-width: 992px) {



    /* GLAVNI IZBORNIK */

    .sp-megamenu-parent > li > a,

    .sp-megamenu-parent > li > span {

        font-family: "Albert Sans", sans-serif !important;

        font-size: 14px !important;

        font-weight: 600 !important;

        letter-spacing: 1.1px !important;

        text-transform: uppercase !important;

        color: #5f554d !important;

    }



/* Hover glavnog izbornika */

.sp-megamenu-parent > li:hover > a,

.sp-megamenu-parent > li:hover > span {

    color: #9a641f !important;

}



/* Aktivna stavka glavnog izbornika */

.sp-megamenu-parent > li.active {

    position: relative !important;

}



.sp-megamenu-parent > li.active > a,

.sp-megamenu-parent > li.active > span {

    color: #8a4f12 !important;

    font-weight: 700 !important;

    border-bottom: none !important;

}





/* Jedna nova smeđa crtica */

.sp-megamenu-parent > li.active::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 50% !important;

    top: calc(50% + 15px) !important;

    transform: translateX(-50%) !important;

    width: 28px !important;

    height: 2px !important;

    background: #a35f00 !important;

}





/* PODIZBORNIK */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

    background: #ffffff !important;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;

    color: #5f554d !important;

}



/* Hover u podizborniku */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a,

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > span {

    color: #8a4f12 !important;

    background: #f7f2e9 !important;

}



/* Aktivna stavka u podizborniku */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > span {

    color: #8a4f12 !important;

    font-weight: 700 !important;

    background: #f3ecdf !important;

    border-left: 3px solid #a35f00 !important;

}



.jg-link-images {

    display: none !important;

}



/* JOOMGALLERY PAGINACIJA - strelice */



.com-joomgallery .pagination .icon-angle-double-left::before {

    content: "«" !important;

    font-family: Arial, sans-serif !important;

    font-size: 20px;

}



.com-joomgallery .pagination .icon-angle-left::before {

    content: "‹" !important;

    font-family: Arial, sans-serif !important;

    font-size: 22px;

}



.com-joomgallery .pagination .icon-angle-right::before {

    content: "›" !important;

    font-family: Arial, sans-serif !important;

    font-size: 22px;

}



.com-joomgallery .pagination .icon-angle-double-right::before {

    content: "»" !important;

    font-family: Arial, sans-serif !important;

    font-size: 20px;

}



/* JOOMGALLERY - sakrij naslove samo na glavnoj listi kategorija */

.com-joomgallery.view-categories h2,

.com-joomgallery.view-categories h3 {

    display: none !important;

}



/* JOOMGALLERY - naslov otvorene kategorije */

.com-joomgallery.view-category h2 {

    display: block !important;

    font-family: "Cormorant Garamond", serif !important;

    font-size: 34px !important;

    font-weight: 600 !important;

    color: #5a4030 !important;

    line-height: 1.15 !important;

    margin: 0 0 20px 0 !important;

    padding: 0 !important;

}



/* JOOMGALLERY - podloga cijele stranice */



.com-joomgallery #sp-main-body,

.com-joomgallery #sp-main-body > .container,

.com-joomgallery #sp-main-body .container-inner,

.com-joomgallery #sp-component,

.com-joomgallery #sp-component > .sp-column {

    background: #f7f2e9 !important;

}



/* JOOMGALLERY - kategorije bez rezanja slike */



.com-joomgallery .jg-subcategories .jg-image-thumbnail {

    position: relative !important;

    height: 155px !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}



.com-joomgallery .jg-subcategories .jg-image-thumbnail img.jg-image-thumb {

    width: auto !important;

    height: auto !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

}



/* Naslov odmah ispod slike */

.com-joomgallery .jg-subcategories .jg-image > .jg-image-caption,

.com-joomgallery .jg-subcategories .jg-image-thumb + .jg-image-caption {

    padding: 2px 0 0 0 !important;

    margin: 0 !important;

}



/* JOOMGALLERY - naslovi kategorija */



.com-joomgallery .jg-subcategories .jg-image-caption .jg-link {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    text-decoration: none !important;



    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    hyphens: none !important;

}



.com-joomgallery .jg-subcategories .jg-image-caption .jg-link:hover {

    color: #8a4f12 !important;

}



/* JOOMGALLERY - paginacija */



.com-joomgallery .pagination {

    justify-content: center !important;

    gap: 6px !important;

    margin-top: 32px !important;

}



.com-joomgallery .pagination .page-item {

    margin: 0 !important;

}



.com-joomgallery .pagination .page-link {

    min-width: 42px !important;

    height: 42px !important;



    display: flex !important;

    align-items: center !important;

    justify-content: center !important;



    padding: 0 12px !important;



    font-family: "Albert Sans", sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    background: transparent !important;



    border: 1px solid #cdbfae !important;

    border-radius: 4px !important;



    box-shadow: none !important;

    text-decoration: none !important;

}



.com-joomgallery .pagination .page-link:hover {

    color: #8a4f12 !important;

    background: #eee5d8 !important;

    border-color: #b9a58d !important;

}



.com-joomgallery .pagination .page-item.active .page-link {

    color: #ffffff !important;

    background: #6b4a32 !important;

    border-color: #6b4a32 !important;

}



.com-joomgallery .pagination .page-item.disabled .page-link {

    opacity: 0.45 !important;

    background: transparent !important;

}



/* JOOMGALLERY - povratak u galeriju */



.com-joomgallery .jg-link-categories .jg-link {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    background: transparent !important;



    border: 1px solid #cdbfae !important;

    border-radius: 4px !important;



    text-decoration: none !important;

    box-shadow: none !important;

}



.com-joomgallery .jg-link-categories .jg-link:hover {

    color: #8a4f12 !important;

    background: #eee5d8 !important;

    border-color: #b9a58d !important;

}



/* JOOMGALLERY - povratak iz pojedine slike */



.com-joomgallery .jg-link-categories .jg-link,

.com-joomgallery .jg-link-back .jg-link {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    background: transparent !important;



    border: 1px solid #cdbfae !important;

    border-radius: 4px !important;



    text-decoration: none !important;

    box-shadow: none !important;

}



.com-joomgallery .jg-link-categories .jg-link:hover,

.com-joomgallery .jg-link-back .jg-link:hover {

    color: #8a4f12 !important;

    background: #eee5d8 !important;

    border-color: #b9a58d !important;

}



/* JOOMGALLERY - gumb povratka iz pojedine slike */



.com-joomgallery a.jg-link.btn.btn-outline-primary {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    background: transparent !important;



    border: 1px solid #cdbfae !important;

    border-radius: 4px !important;



    padding: 8px 14px !important;



    text-decoration: none !important;

    box-shadow: none !important;

}



.com-joomgallery a.jg-link.btn.btn-outline-primary:hover,

.com-joomgallery a.jg-link.btn.btn-outline-primary:focus {

    color: #8a4f12 !important;

    background: #eee5d8 !important;

    border-color: #b9a58d !important;

}



/* JOOMGALLERY - link u opisu kategorije */



.com-joomgallery .jg-category-description a,

.com-joomgallery .jg-category-desc a {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;



    color: #6b4a32 !important;

    text-decoration: none !important;



    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;

}



.com-joomgallery .jg-category-description a:hover,

.com-joomgallery .jg-category-desc a:hover {

    color: #a35f00 !important;

    text-decoration: underline !important;

    text-underline-offset: 3px !important;

}



/* JOOMGALLERY - sakrij naslov "Images" u otvorenoj kategoriji */

.com-joomgallery.view-category h3 {

    display: none !important;

}



/* JOOMGALLERY - Load more / No more images */



.com-joomgallery .load-more-container {

    text-align: center !important;

    margin-top: 30px !important;

}



/* Učitaj još */

.com-joomgallery .load-more-container .load-more {

    align-items: center !important;

    gap: 6px !important;



    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;



    color: #5a4030 !important;

    background: transparent !important;



    border: 1px solid #cdbfae !important;

    border-radius: 4px !important;



    padding: 8px 14px !important;



    box-shadow: none !important;

}



.com-joomgallery .load-more-container .load-more:hover {

    color: #8a4f12 !important;

    background: #eee5d8 !important;

    border-color: #b9a58d !important;

}



/* Nema više slika */

.com-joomgallery .load-more-container .no-more-images {

    font-family: "Albert Sans", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;



    color: #8a7766 !important;

    background: transparent !important;



    border: 0 !important;

    padding: 0 !important;



    box-shadow: none !important;

    cursor: default !important;

}





/* MRTVAR */



.mrtvar {

    max-width: 900px;

    margin: 0 auto;

}



.mrtvar h2 {

    font-family: "Cormorant Garamond", serif !important;

    font-size: 30px !important;

    font-weight: 600 !important;

    color: #5a4030 !important;



    margin: 34px 0 12px 0 !important;

    padding: 0 0 6px 0 !important;



    border-bottom: 1px solid #d8ccbd;

}



.mrtvar h2:first-child {

    margin-top: 0 !important;

}



.mrtvar p {
    font-family: "Albert Sans", sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    color: #403a35 !important;



    margin: 0 0 4px 0 !important;

    padding: 0 !important;

}



@media (max-width: 767px) {

    .mrtvar {

        max-width: 100%;

    }



    .mrtvar h2 {

        font-size: 26px !important;

        margin-top: 28px !important;

    }



    .mrtvar p {

        font-size: 15px !important;

    }

}



/* Na aktivnoj stavci sakrij samo ::before,

   ali OSTAVI originalnu strelicu ::after */

.sp-megamenu-parent > li.active > a::before,

.sp-megamenu-parent > li.active > span::before {

    content: none !important;

    display: none !important;

}



/* PODIZBORNIK - malo više odmaka teksta od lijevog ruba */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {

    padding-left: 14px !important;

    padding-right: 12px !important;

}



/* =========================================================

   HERO NASLOV "MIR I DOBRO" + TAMNI GRADIJENT PREKO SLIKE

   ========================================================= */



/* NASLOV "MIR I DOBRO" */
#sppb-addon-1787941568626 .sppb-addon-title {
    font-family: "Libre Baskerville", serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 68px !important;
    color: #fffaf2 !important;

    text-shadow:
        0 2px 3px rgba(45, 28, 20, .85),
        0 5px 14px rgba(45, 28, 20, .55);
}





/* HERO SLIKA - tamniji lijevi dio radi bolje čitljivosti teksta */

.hero-section {

    position: relative;

}



.hero-section::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(

        90deg,

        rgba(45, 28, 20, .48) 0%,

        rgba(45, 28, 20, .28) 45%,

        rgba(45, 28, 20, 0) 75%

    );

    pointer-events: none;

}



.hero-section > * {

    position: relative;

    z-index: 1;

}



/* =========================================================

   BANNERI - ZAOBLJENI RUB + ZOOM NA HOVER

   ========================================================= */



.banner-zoom {

    overflow: hidden !important;

    border-radius: 10px !important;

}



.banner-zoom p {

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 10px !important;

}



.banner-zoom img {

    width: 100% !important;

    height: auto !important;

    display: block !important;

    border-radius: 10px !important;

    transition: transform 0.35s ease !important;

}



.banner-zoom:hover img {

    transform: scale(1.05) !important;

}